fix(files): wrap unbreakable cell values in preview tables like markdown does

The markdown prose root sets overflow-wrap: anywhere; the preview root did not, so with whitespace-nowrap gone a long URL or hash in a CSV cell would overflow instead of breaking.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/document-table.css

@@ -6,8 +6,11 @@
  * resizing, cell paragraph reset) stay in rich-markdown-editor.css.
  */
 
+/* `overflow-wrap` matches what `.rich-markdown-prose` sets on its own root: cells hold arbitrary
+   file data, so an unbreakable token (a URL, a hash) must break rather than overflow its cell. */
 .document-table {
   color: var(--text-primary);
+  overflow-wrap: anywhere;
 }
 
 .rich-markdown-prose table,

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/document-table.test.ts

@@ -52,8 +52,8 @@ afterEach(() => {
   containers = []
 })
 
-/** Mounts a one-cell table inside `rootClass` and returns its `th` and `td`. */
-function mountTable(rootClass: string): { th: HTMLElement; td: HTMLElement } {
+/** Mounts a one-cell table inside `rootClass` and returns the root plus its `th` and `td`. */
+function mountTable(rootClass: string): { root: HTMLElement; th: HTMLElement; td: HTMLElement } {
   const container = document.createElement('div')
   container.className = rootClass
   container.innerHTML =
@@ -63,7 +63,7 @@ function mountTable(rootClass: string): { th: HTMLElement; td: HTMLElement } {
   const th = container.querySelector('th')
   const td = container.querySelector('td')
   if (!th || !td) throw new Error('table cells not found')
-  return { th, td }
+  return { root: container, th, td }
 }
 
 function declarations(el: Element, props: readonly string[]): Record<string, string> {
@@ -100,6 +100,21 @@ describe('document-table chrome is shared with markdown tables', () => {
     )
   })
 
+  /**
+   * Cells hold arbitrary file data, so an unbreakable token (a URL, a hash) must break rather than
+   * overflow — the previews lost `whitespace-nowrap` and would otherwise have no wrapping rule at
+   * all. `overflow-wrap` is inherited from each surface's root (jsdom does not propagate inherited
+   * properties to descendants, so the roots are what can be asserted).
+   */
+  it('both roots declare the same wrapping for unbreakable cell values', () => {
+    const prose = mountTable('rich-markdown-prose')
+    const preview = mountTable('document-table')
+
+    const wrap = getComputedStyle(prose.root).getPropertyValue('overflow-wrap')
+    expect(wrap).toBe('anywhere')
+    expect(getComputedStyle(preview.root).getPropertyValue('overflow-wrap')).toBe(wrap)
+  })
+
   it('the resolved values are the markdown editor values, not jsdom defaults', () => {
     const { th, td } = mountTable('document-table')