fix(search): add files back with per-file deep links, keep jobs out

Author: waleedlatif1

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

@@ -3,7 +3,7 @@
 import type { ComponentType } from 'react'
 import { memo } from 'react'
 import { Command } from 'cmdk'
-import { Database, Table } from '@/components/emcn/icons'
+import { Database, File, Table } from '@/components/emcn/icons'
 import type {
   SearchBlockItem,
   SearchDocItem,
@@ -244,6 +244,7 @@ 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)
 
 function createIconGroup(

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

@@ -21,6 +21,7 @@ import type {
 import {
   BlocksGroup,
   DocsGroup,
+  FilesGroup,
   KnowledgeBasesGroup,
   PagesGroup,
   TablesGroup,
@@ -43,6 +44,7 @@ export function SearchModal({
   workspaces = [],
   tasks = [],
   tables = [],
+  files = [],
   knowledgeBases = [],
   isOnWorkflowPage = false,
 }: SearchModalProps) {
@@ -292,6 +294,10 @@ export function SearchModal({
     () => filterAndSort(tables, (t) => `${t.name} table-${t.id}`, deferredSearch),
     [tables, deferredSearch]
   )
+  const filteredFiles = useMemo(
+    () => filterAndSort(files, (f) => `${f.name} file-${f.id}`, deferredSearch),
+    [files, deferredSearch]
+  )
   const filteredKnowledgeBases = useMemo(
     () =>
       filterAndSort(knowledgeBases, (kb) => `${kb.name} knowledge-base-${kb.id}`, deferredSearch),
@@ -361,6 +367,7 @@ export function SearchModal({
             <WorkflowsGroup items={filteredWorkflows} onSelect={handleWorkflowSelect} />
             <TasksGroup items={filteredTasks} onSelect={handleTaskSelect} />
             <TablesGroup items={filteredTables} onSelect={handleTaskSelect} />
+            <FilesGroup items={filteredFiles} onSelect={handleTaskSelect} />
             <KnowledgeBasesGroup items={filteredKnowledgeBases} onSelect={handleTaskSelect} />
             <ToolOpsGroup items={filteredToolOps} onSelect={handleToolOperationSelect} />
             <WorkspacesGroup items={filteredWorkspaces} onSelect={handleWorkspaceSelect} />

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

@@ -38,6 +38,7 @@ export interface SearchModalProps {
   workspaces?: WorkspaceItem[]
   tasks?: TaskItem[]
   tables?: TaskItem[]
+  files?: TaskItem[]
   knowledgeBases?: TaskItem[]
   isOnWorkflowPage?: boolean
 }

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

@@ -87,6 +87,7 @@ import {
   useRenameTask,
   useTasks,
 } from '@/hooks/queries/tasks'
+import { useWorkspaceFiles } from '@/hooks/queries/workspace-files'
 import { usePermissionConfig } from '@/hooks/use-permission-config'
 import { useSettingsNavigation } from '@/hooks/use-settings-navigation'
 import { useTaskEvents } from '@/hooks/use-task-events'
@@ -748,6 +749,7 @@ export const Sidebar = memo(function Sidebar() {
   )
 
   const { data: fetchedTables = [] } = useTablesList(workspaceId)
+  const { data: fetchedFiles = [] } = useWorkspaceFiles(workspaceId)
   const { data: fetchedKnowledgeBases = [] } = useKnowledgeBasesQuery(workspaceId)
 
   const searchModalTables = useMemo(
@@ -762,6 +764,18 @@ export const Sidebar = memo(function Sidebar() {
     [fetchedTables, workspaceId, permissionConfig.hideTablesTab]
   )
 
+  const searchModalFiles = useMemo(
+    () =>
+      permissionConfig.hideFilesTab
+        ? []
+        : fetchedFiles.map((f) => ({
+            id: f.id,
+            name: f.name,
+            href: `/workspace/${workspaceId}/files/${f.id}`,
+          })),
+    [fetchedFiles, workspaceId, permissionConfig.hideFilesTab]
+  )
+
   const searchModalKnowledgeBases = useMemo(
     () =>
       permissionConfig.hideKnowledgeBaseTab
@@ -1701,6 +1715,7 @@ export const Sidebar = memo(function Sidebar() {
         workspaces={searchModalWorkspaces}
         tasks={tasks}
         tables={searchModalTables}
+        files={searchModalFiles}
         knowledgeBases={searchModalKnowledgeBases}
         isOnWorkflowPage={!!workflowId}
       />