Wspace resource refs

Author: Sg312

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx

@@ -169,10 +169,15 @@ const MARKDOWN_COMPONENTS = {
             e.preventDefault()
             const match = href.match(/^#wsres-(\w+)-(.+)$/)
             if (match) {
-              const linkText = e.currentTarget.textContent || match[2]
+              const type = match[1]
+              const ref = match[2]
+              const linkText = e.currentTarget.textContent || ref
               window.dispatchEvent(
                 new CustomEvent('wsres-click', {
-                  detail: { type: match[1], id: match[2], title: linkText },
+                  detail:
+                    type === 'file'
+                      ? { type, path: ref, title: linkText }
+                      : { type, id: ref, title: linkText },
                 })
               )
             }
@@ -275,8 +280,13 @@ function ChatContentInner({
 
   useEffect(() => {
     const handler = (e: Event) => {
-      const { type, id, title } = (e as CustomEvent).detail
-      onWorkspaceResourceSelectRef.current?.({ type, id, title: title || id })
+      const { type, id, path, title } = (e as CustomEvent).detail
+      onWorkspaceResourceSelectRef.current?.({
+        type,
+        id: id ?? '',
+        path,
+        title: title || id || path || '',
+      })
     }
     window.addEventListener('wsres-click', handler)
     return () => window.removeEventListener('wsres-click', handler)
@@ -311,10 +321,14 @@ function ChatContentInner({
       const s = parsed.segments[i]
       const nextSegment = parsed.segments[i + 1]
       if (s.type === 'workspace_resource') {
-        const label = s.data.title || s.data.id
+        // Files are addressed by their encoded VFS path (copied verbatim from the tag);
+        // workflows/tables/KBs by id. The angle-bracket link destination keeps the path
+        // intact through markdown parsing (tolerates parens) without re-encoding it.
+        const ref = s.data.type === 'file' ? (s.data.path ?? s.data.id ?? '') : (s.data.id ?? '')
+        const label = s.data.title || ref
         pendingMarkdown = appendInlineReferenceMarkdown(
           pendingMarkdown,
-          `[${label}](#wsres-${s.data.type}-${s.data.id})`,
+          `[${label}](<#wsres-${s.data.type}-${ref}>)`,
           nextSegment
         )
       } else if (s.type === 'text' || s.type === 'thinking') {

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx

@@ -9,10 +9,10 @@ import {
   ExpandableContent,
   SecretReveal,
 } from '@/components/emcn'
+import { canonicalWorkspaceFilePath } from '@/lib/copilot/vfs/path-utils'
 import { cn } from '@/lib/core/utils/cn'
 import { OAUTH_PROVIDERS } from '@/lib/oauth/oauth'
 import { ContextMentionIcon } from '@/app/workspace/[workspaceId]/home/components/context-mention-icon'
-import { canonicalWorkspaceFilePath } from '@/lib/copilot/vfs/path-utils'
 import type {
   ChatMessageContext,
   MothershipResource,
@@ -527,7 +527,8 @@ export function WorkspaceResourceDisplay({
       data.type === 'file' && data.path
         ? files.find(
             (file) =>
-              canonicalWorkspaceFilePath({ folderPath: file.folderPath, name: file.name }) === data.path
+              canonicalWorkspaceFilePath({ folderPath: file.folderPath, name: file.name }) ===
+              data.path
           )
         : undefined
     const title =

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx

@@ -15,12 +15,12 @@ import {
 } from '@/components/emcn/icons'
 import { isApiClientError } from '@/lib/api/client/errors'
 import type { FilePreviewSession } from '@/lib/copilot/request/session'
-import { canonicalWorkspaceFilePath } from '@/lib/copilot/vfs/path-utils'
 import {
   cancelRunToolExecution,
   markRunToolManuallyStopped,
   reportManualRunToolStop,
 } from '@/lib/copilot/tools/client/run-tool-execution'
+import { canonicalWorkspaceFilePath } from '@/lib/copilot/vfs/path-utils'
 import { triggerFileDownload } from '@/lib/uploads/client/download'
 import { getFileExtension, getMimeTypeFromExtension } from '@/lib/uploads/utils/file-utils'
 import { workflowBorderColor } from '@/lib/workspaces/colors'
@@ -221,7 +221,11 @@ export function ResourceActions({ workspaceId, resource }: ResourceActionsProps)
       return <EmbeddedWorkflowActions workspaceId={workspaceId} workflowId={resource.id} />
     case 'file':
       return (
-        <EmbeddedFileActions workspaceId={workspaceId} fileId={resource.id} filePath={resource.path} />
+        <EmbeddedFileActions
+          workspaceId={workspaceId}
+          fileId={resource.id}
+          filePath={resource.path}
+        />
       )
     case 'knowledgebase':
       return (