fix(file-viewer): resolve in-app workspace image URLs in the rich editor

The removed MarkdownPreview rewrote /workspace/{id}/files/{fileId} image src to the
serving endpoint /api/files/view/{fileId}; without it, in-app image URLs 404 in the
rich editor (Cursor finding). Re-add the rewrite as a display-only transform on the
rendered <img src> — the node's stored src attribute keeps the original path so markdown
round-trips unchanged. Absolute/non-workspace URLs pass through. Unit tested.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/image.test.ts

@@ -0,0 +1,27 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, expect, it } from 'vitest'
+import { resolveDisplaySrc } from './image'
+
+describe('resolveDisplaySrc', () => {
+  it('rewrites an in-app workspace file path to its serving endpoint (display only)', () => {
+    expect(resolveDisplaySrc('/workspace/W1/files/F123')).toBe('/api/files/view/F123')
+    expect(resolveDisplaySrc('/workspace/any-ws-id/files/abc-def')).toBe('/api/files/view/abc-def')
+  })
+
+  it('leaves absolute and non-workspace URLs untouched', () => {
+    expect(resolveDisplaySrc('https://cdn.example.com/a.png')).toBe('https://cdn.example.com/a.png')
+    expect(resolveDisplaySrc('http://localhost/workspace/W1/files/F1')).toBe(
+      'http://localhost/workspace/W1/files/F1'
+    )
+    expect(resolveDisplaySrc('/other/path/files/x')).toBe('/other/path/files/x')
+    expect(resolveDisplaySrc('relative/image.png')).toBe('relative/image.png')
+  })
+
+  it('passes through empty/undefined and unparseable values', () => {
+    expect(resolveDisplaySrc(undefined)).toBeUndefined()
+    expect(resolveDisplaySrc('')).toBe('')
+    expect(resolveDisplaySrc('/workspace/W1/files/')).toBe('/workspace/W1/files/')
+  })
+})

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/image.tsx

@@ -26,6 +26,24 @@ function escapeAttr(value: string): string {
     .replace(/>/g, '>')
 }
 
+/**
+ * Rewrite an in-app workspace file path (`/workspace/{id}/files/{fileId}`) to its serving endpoint
+ * (`/api/files/view/{fileId}`) for display only — the stored `src` attribute keeps the original path
+ * so markdown round-trips unchanged. Absolute and non-workspace URLs pass through untouched.
+ */
+export function resolveDisplaySrc(src: string | undefined): string | undefined {
+  if (!src) return src
+  try {
+    const parsed = new URL(src, 'http://placeholder')
+    if (parsed.origin !== 'http://placeholder') return src
+    const [, seg1, , seg3, fileId] = parsed.pathname.split('/')
+    if (seg1 === 'workspace' && seg3 === 'files' && fileId) return `/api/files/view/${fileId}`
+  } catch {
+    // not a parseable URL — render as-is
+  }
+  return src
+}
+
 /**
  * Serialize an image to markdown when it has no explicit size, and to an HTML `<img>` tag when
  * it does — standard markdown has no width syntax, so a resized image must round-trip as HTML to
@@ -211,7 +229,7 @@ function ResizableImageView({ node, updateAttributes, selected, editor }: ReactN
   const image = (
     <img
       ref={imageRef}
-      src={attrs.src}
+      src={resolveDisplaySrc(attrs.src)}
       alt={attrs.alt ?? ''}
       title={attrs.title ?? undefined}
       // When editable, the image itself is the drag handle — grab anywhere on it to reorder. (The node