feat(search): show folder path for files in cmd-k modal, strip extraneous comments

- FileItem interface with folderPath?: string[] added to search modal utils
- MemoizedFileItem component renders folder breadcrumb identically to
  MemoizedWorkflowItem — truncated path segments on the right with / separators
- FilesGroup rewritten as a dedicated memo component (was createIconGroup factory)
  so it accepts FileItem[] and includes folderPath segments in the search value
- searchModalFiles in sidebar splits f.folderPath string into string[] segments
- search-modal.tsx typed to FileItem and includes folderPath in filterAndSort
- Remove self-explanatory "Phase 1" section label from download route
- Remove redundant TSDoc on the unique index in db schema

Author: waleedlatif1

apps/sim/app/api/workspaces/[id]/files/download/route.ts

@@ -111,10 +111,9 @@ export const GET = withRouteHandler(
         )
       }
 
-      // Phase 1: fetch all buffers in parallel
       const buffers = await Promise.all(filesToZip.map((file) => fetchWorkspaceFileBuffer(file)))
 
-      // Phase 2: assemble zip synchronously so path deduplication is deterministic
+      // Assemble zip synchronously so path deduplication is deterministic.
       const zip = new JSZip()
       const usedPaths = new Set<string>()
       for (let i = 0; i < filesToZip.length; i++) {

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-items.tsx

@@ -4,6 +4,7 @@ import type { ComponentType } from 'react'
 import { memo } from 'react'
 import { Command } from 'cmdk'
 import { Blimp } from '@/components/emcn'
+import { File } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import { workflowBorderColor } from '@/lib/workspaces/colors'
 import type { CommandItemProps } from '../utils'
@@ -101,6 +102,50 @@ export const MemoizedWorkflowItem = memo(
         (prev.folderPath ?? []).every((segment, i) => segment === next.folderPath?.[i])))
 )
 
+export const MemoizedFileItem = memo(
+  function FileItem({
+    value,
+    onSelect,
+    name,
+    folderPath,
+  }: {
+    value: string
+    onSelect: () => void
+    name: string
+    folderPath?: string[]
+  }) {
+    return (
+      <Command.Item value={value} onSelect={onSelect} className={COMMAND_ITEM_CLASSNAME}>
+        <div className='relative flex size-[16px] flex-shrink-0 items-center justify-center'>
+          <File className='size-[14px] text-[var(--text-icon)]' />
+        </div>
+        <span className='flex min-w-0 max-w-[75%] flex-shrink-0 font-base text-[var(--text-body)]'>
+          <span className='truncate'>{name}</span>
+        </span>
+        {folderPath && folderPath.length > 0 && (
+          <span className='ml-auto flex min-w-0 pl-2 font-base text-[var(--text-subtle)] text-small'>
+            {folderPath.length > 1 && (
+              <>
+                <span className='min-w-0 truncate [flex-shrink:9999]'>
+                  {folderPath.slice(0, -1).join(' / ')}
+                </span>
+                <span className='flex-shrink-0 whitespace-pre'> / </span>
+              </>
+            )}
+            <span className='min-w-0 truncate'>{folderPath[folderPath.length - 1]}</span>
+          </span>
+        )}
+      </Command.Item>
+    )
+  },
+  (prev, next) =>
+    prev.value === next.value &&
+    prev.name === next.name &&
+    (prev.folderPath === next.folderPath ||
+      (prev.folderPath?.length === next.folderPath?.length &&
+        (prev.folderPath ?? []).every((segment, i) => segment === next.folderPath?.[i])))
+)
+
 export const MemoizedTaskItem = memo(
   function TaskItem({
     value,

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/search-groups.tsx

@@ -3,16 +3,17 @@
 import type { ComponentType } from 'react'
 import { memo } from 'react'
 import { Command } from 'cmdk'
-import { Database, File, Table } from '@/components/emcn/icons'
+import { Database, Table } from '@/components/emcn/icons'
 import type {
   SearchBlockItem,
   SearchDocItem,
   SearchToolOperationItem,
 } from '@/stores/modals/search/types'
-import type { PageItem, TaskItem, WorkflowItem, WorkspaceItem } from '../utils'
+import type { FileItem, PageItem, TaskItem, WorkflowItem, WorkspaceItem } from '../utils'
 import { GROUP_HEADING_CLASSNAME } from '../utils'
 import {
   MemoizedCommandItem,
+  MemoizedFileItem,
   MemoizedIconItem,
   MemoizedPageItem,
   MemoizedTaskItem,
@@ -245,9 +246,31 @@ export const PagesGroup = memo(function PagesGroup({
 })
 
 export const TablesGroup = createIconGroup('Tables', 'table', Table)
-export const FilesGroup = createIconGroup('Files', 'file', File)
 export const KnowledgeBasesGroup = createIconGroup('Knowledge Bases', 'knowledge-base', Database)
 
+export const FilesGroup = memo(function FilesGroup({
+  items,
+  onSelect,
+}: {
+  items: FileItem[]
+  onSelect: (file: FileItem) => void
+}) {
+  if (items.length === 0) return null
+  return (
+    <Command.Group heading='Files' className={GROUP_HEADING_CLASSNAME}>
+      {items.map((file) => (
+        <MemoizedFileItem
+          key={file.id}
+          value={`${file.name} ${file.folderPath?.join(' / ') ?? ''} file-${file.id}`}
+          onSelect={() => onSelect(file)}
+          name={file.name}
+          folderPath={file.folderPath}
+        />
+      ))}
+    </Command.Group>
+  )
+})
+
 function createIconGroup(
   heading: string,
   prefix: string,

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx

@@ -34,14 +34,21 @@ import {
   WorkflowsGroup,
   WorkspacesGroup,
 } from './components/search-groups'
-import type { PageItem, SearchModalProps, TaskItem, WorkflowItem, WorkspaceItem } from './utils'
+import type {
+  FileItem,
+  PageItem,
+  SearchModalProps,
+  TaskItem,
+  WorkflowItem,
+  WorkspaceItem,
+} from './utils'
 import { filterAndSort } from './utils'
 
 const EMPTY_WORKFLOWS: WorkflowItem[] = []
 const EMPTY_WORKSPACES: WorkspaceItem[] = []
 const EMPTY_TASKS: TaskItem[] = []
 const EMPTY_TABLES: TaskItem[] = []
-const EMPTY_FILES: TaskItem[] = []
+const EMPTY_FILES: FileItem[] = []
 const EMPTY_KNOWLEDGE_BASES: TaskItem[] = []
 
 export type { SearchModalProps } from './utils'
@@ -289,7 +296,7 @@ export function SearchModal({
   )
 
   const handleFileSelect = useCallback(
-    (item: TaskItem) => {
+    (item: FileItem) => {
       routerRef.current.push(item.href)
       captureEvent(posthogRef.current, 'search_result_selected', {
         result_type: 'file',
@@ -401,7 +408,12 @@ export function SearchModal({
     [tables, deferredSearch]
   )
   const filteredFiles = useMemo(
-    () => filterAndSort(files, (f) => `${f.name} file-${f.id}`, deferredSearch),
+    () =>
+      filterAndSort(
+        files,
+        (f) => `${f.name} ${f.folderPath?.join(' / ') ?? ''} file-${f.id}`,
+        deferredSearch
+      ),
     [files, deferredSearch]
   )
   const filteredKnowledgeBases = useMemo(

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/utils.ts

@@ -32,14 +32,21 @@ export interface PageItem {
   hidden?: boolean
 }
 
+export interface FileItem {
+  id: string
+  name: string
+  href: string
+  folderPath?: string[]
+}
+
 export interface SearchModalProps {
   open: boolean
   onOpenChange: (open: boolean) => void
   workflows?: WorkflowItem[]
   workspaces?: WorkspaceItem[]
   tasks?: TaskItem[]
   tables?: TaskItem[]
-  files?: TaskItem[]
+  files?: FileItem[]
   knowledgeBases?: TaskItem[]
   isOnWorkflowPage?: boolean
 }

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

@@ -826,6 +826,7 @@ export const Sidebar = memo(function Sidebar() {
             id: f.id,
             name: f.name,
             href: `/workspace/${workspaceId}/files/${f.id}`,
+            folderPath: f.folderPath ? f.folderPath.split('/') : undefined,
           })),
     [fetchedFiles, workspaceId, permissionConfig.hideFilesTab]
   )

packages/db/schema.ts

@@ -1243,7 +1243,6 @@ export const workspaceFiles = pgTable(
     keyActiveUniqueIdx: uniqueIndex('workspace_files_key_active_unique')
       .on(table.key)
       .where(sql`${table.deletedAt} IS NULL`),
-    /** One active display name per workspace file folder. */
     workspaceFolderOriginalNameActiveUnique: uniqueIndex(
       'workspace_files_workspace_folder_name_active_unique'
     )