revert: remove inline rename UI from resource tabs

Keep the workspace_file rename tool for the mothership agent.
Only the UI-side inline rename (double-click tabs) is removed.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/components/inline-rename-input.tsx

@@ -1,23 +1,15 @@
 'use client'
 
 import { useEffect, useRef } from 'react'
-import { cn } from '@/lib/core/utils/cn'
 
 interface InlineRenameInputProps {
   value: string
   onChange: (value: string) => void
   onSubmit: () => void
   onCancel: () => void
-  className?: string
 }
 
-export function InlineRenameInput({
-  value,
-  onChange,
-  onSubmit,
-  onCancel,
-  className,
-}: InlineRenameInputProps) {
+export function InlineRenameInput({ value, onChange, onSubmit, onCancel }: InlineRenameInputProps) {
   const inputRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
@@ -40,10 +32,7 @@ export function InlineRenameInput({
       }}
       onBlur={onSubmit}
       onClick={(e) => e.stopPropagation()}
-      className={cn(
-        'min-w-0 flex-1 truncate border-0 bg-transparent p-0 font-medium text-[14px] text-[var(--text-body)] outline-none focus:outline-none focus:ring-0',
-        className
-      )}
+      className='min-w-0 flex-1 truncate border-0 bg-transparent p-0 font-medium text-[14px] text-[var(--text-body)] outline-none focus:outline-none focus:ring-0'
     />
   )
 }

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

@@ -12,7 +12,6 @@ import { BookOpen, PanelLeft, Table as TableIcon } from '@/components/emcn/icons
 import { WorkflowIcon } from '@/components/icons'
 import { getDocumentIcon } from '@/components/icons/document-icons'
 import { cn } from '@/lib/core/utils/cn'
-import { InlineRenameInput } from '@/app/workspace/[workspaceId]/components/inline-rename-input'
 import type { PreviewMode } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
 import type {
   MothershipResource,
@@ -48,8 +47,6 @@ function PreviewModeIcon({ mode, ...props }: { mode: PreviewMode } & SVGProps<SV
   )
 }
 
-const RENAMABLE_TYPES = new Set(['file', 'table'])
-
 interface ResourceTabsProps {
   resources: MothershipResource[]
   activeId: string | null
@@ -58,12 +55,6 @@ interface ResourceTabsProps {
   previewMode?: PreviewMode
   onCyclePreviewMode?: () => void
   actions?: ReactNode
-  editingId?: string | null
-  editValue?: string
-  onEditValueChange?: (value: string) => void
-  onStartRename?: (id: string, currentName: string) => void
-  onSubmitRename?: () => void
-  onCancelRename?: () => void
 }
 
 const RESOURCE_ICONS: Record<Exclude<MothershipResourceType, 'file'>, ElementType> = {
@@ -91,12 +82,6 @@ export function ResourceTabs({
   previewMode,
   onCyclePreviewMode,
   actions,
-  editingId,
-  editValue,
-  onEditValueChange,
-  onStartRename,
-  onSubmitRename,
-  onCancelRename,
 }: ResourceTabsProps) {
   const scrollRef = useCallback<RefCallback<HTMLDivElement>>((node) => {
     if (!node) return
@@ -134,37 +119,20 @@ export function ResourceTabs({
         {resources.map((resource) => {
           const Icon = getResourceIcon(resource)
           const isActive = activeId === resource.id
-          const isEditing = editingId === resource.id
-          const isRenamable = RENAMABLE_TYPES.has(resource.type)
 
           return (
-            <Tooltip.Root key={resource.id} open={isEditing ? false : undefined}>
+            <Tooltip.Root key={resource.id}>
               <Tooltip.Trigger asChild>
                 <Button
                   variant='subtle'
                   onClick={() => onSelect(resource.id)}
-                  onDoubleClick={
-                    isRenamable && onStartRename
-                      ? () => onStartRename(resource.id, resource.title)
-                      : undefined
-                  }
                   className={cn(
                     'shrink-0 bg-transparent px-[8px] py-[4px] text-[12px]',
                     isActive && 'bg-[var(--surface-4)]'
                   )}
                 >
                   <Icon className={cn('mr-[6px] h-[14px] w-[14px] text-[var(--text-icon)]')} />
-                  {isEditing && onEditValueChange && onSubmitRename && onCancelRename ? (
-                    <InlineRenameInput
-                      value={editValue ?? ''}
-                      onChange={onEditValueChange}
-                      onSubmit={onSubmitRename}
-                      onCancel={onCancelRename}
-                      className='min-w-[60px] max-w-[160px] text-[12px]'
-                    />
-                  ) : (
-                    resource.title
-                  )}
+                  {resource.title}
                 </Button>
               </Tooltip.Trigger>
               <Tooltip.Content side='bottom'>

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

@@ -1,13 +1,10 @@
 'use client'
 
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { cn } from '@/lib/core/utils/cn'
 import { getFileExtension } from '@/lib/uploads/utils/file-utils'
 import type { PreviewMode } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
 import type { MothershipResource } from '@/app/workspace/[workspaceId]/home/types'
-import { useRenameTable } from '@/hooks/queries/tables'
-import { useRenameWorkspaceFile } from '@/hooks/queries/workspace-files'
-import { useInlineRename } from '@/hooks/use-inline-rename'
 import {
   EmbeddedKnowledgeBaseActions,
   EmbeddedWorkflowActions,
@@ -29,7 +26,6 @@ interface MothershipViewProps {
   resources: MothershipResource[]
   activeResourceId: string | null
   onSelectResource: (id: string) => void
-  onRenameResource: (id: string, newTitle: string) => void
   onCollapse: () => void
   isCollapsed: boolean
   className?: string
@@ -45,40 +41,12 @@ export function MothershipView({
   resources,
   activeResourceId,
   onSelectResource,
-  onRenameResource,
   onCollapse,
   isCollapsed,
   className,
 }: MothershipViewProps) {
   const active = resources.find((r) => r.id === activeResourceId) ?? resources[0] ?? null
 
-  const { mutate: renameFile } = useRenameWorkspaceFile()
-  const { mutate: renameTable } = useRenameTable(workspaceId)
-
-  const resourcesRef = useRef(resources)
-  useEffect(() => {
-    resourcesRef.current = resources
-  }, [resources])
-
-  const handleRenameSave = useCallback(
-    (id: string, newName: string) => {
-      const resource = resourcesRef.current.find((r) => r.id === id)
-      if (!resource) return
-
-      onRenameResource(id, newName)
-
-      if (resource.type === 'file') {
-        renameFile({ workspaceId, fileId: id, name: newName })
-      } else if (resource.type === 'table') {
-        renameTable({ tableId: id, name: newName })
-      }
-    },
-    [onRenameResource, renameFile, renameTable, workspaceId]
-  )
-
-  const { editingId, editValue, setEditValue, startRename, submitRename, cancelRename } =
-    useInlineRename({ onSave: handleRenameSave })
-
   const [previewMode, setPreviewMode] = useState<PreviewMode>('split')
   const handleCyclePreview = useCallback(() => setPreviewMode((m) => PREVIEW_CYCLE[m]), [])
 
@@ -114,12 +82,6 @@ export function MothershipView({
           actions={headerActions}
           previewMode={isActivePreviewable ? previewMode : undefined}
           onCyclePreviewMode={isActivePreviewable ? handleCyclePreview : undefined}
-          editingId={editingId}
-          editValue={editValue}
-          onEditValueChange={setEditValue}
-          onStartRename={startRename}
-          onSubmitRename={submitRename}
-          onCancelRename={cancelRename}
         />
         <div className='min-h-0 flex-1 overflow-hidden'>
           {active && (

apps/sim/app/workspace/[workspaceId]/home/home.tsx

@@ -169,7 +169,6 @@ export function Home({ chatId }: HomeProps = {}) {
     resources,
     activeResourceId,
     setActiveResourceId,
-    renameResource,
   } = useChat(workspaceId, chatId)
 
   const [isResourceCollapsed, setIsResourceCollapsed] = useState(false)
@@ -347,7 +346,6 @@ export function Home({ chatId }: HomeProps = {}) {
           resources={resources}
           activeResourceId={activeResourceId}
           onSelectResource={setActiveResourceId}
-          onRenameResource={renameResource}
           onCollapse={collapseResource}
           isCollapsed={isResourceCollapsed}
           className={animateResourcePanel ? 'animate-slide-in-right' : undefined}

apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts

@@ -31,6 +31,7 @@ import {
   extractFileResource,
   extractFunctionExecuteResource,
   extractKnowledgeBaseResource,
+  extractKnowledgeRespondResources,
   extractResourcesFromHistory,
   extractTableResource,
   extractWorkflowResource,
@@ -47,7 +48,6 @@ export interface UseChatReturn {
   resources: MothershipResource[]
   activeResourceId: string | null
   setActiveResourceId: (id: string | null) => void
-  renameResource: (id: string, newTitle: string) => void
 }
 
 const STATE_TO_STATUS: Record<string, ToolCallStatus> = {
@@ -164,10 +164,6 @@ export function useChat(workspaceId: string, initialChatId?: string): UseChatRet
 
   const { data: chatHistory } = useChatHistory(initialChatId)
 
-  const renameResource = useCallback((id: string, newTitle: string) => {
-    setResources((prev) => prev.map((r) => (r.id === id ? { ...r, title: newTitle } : r)))
-  }, [])
-
   const addResource = useCallback((resource: MothershipResource) => {
     setResources((prev) => {
       const existing = prev.find((r) => r.type === resource.type && r.id === resource.id)
@@ -476,7 +472,7 @@ export function useChat(workspaceId: string, initialChatId?: string): UseChatRet
                       registry.loadWorkflowState(resource.id)
                     }
                   }
-                } else if (toolName === 'knowledge') {
+                } else if (toolName === 'knowledge_base') {
                   resource = extractKnowledgeBaseResource(parsed, storedArgs)
                   if (resource) {
                     queryClient.invalidateQueries({
@@ -486,6 +482,16 @@ export function useChat(workspaceId: string, initialChatId?: string): UseChatRet
                       queryKey: knowledgeKeys.list(workspaceId),
                     })
                   }
+                } else if (toolName === 'knowledge') {
+                  const kbResources = extractKnowledgeRespondResources(parsed)
+                  for (const r of kbResources) {
+                    addResource(r)
+                  }
+                  if (kbResources.length > 0) {
+                    queryClient.invalidateQueries({
+                      queryKey: knowledgeKeys.list(workspaceId),
+                    })
+                  }
                 }
 
                 if (resource) addResource(resource)
@@ -741,6 +747,5 @@ export function useChat(workspaceId: string, initialChatId?: string): UseChatRet
     resources,
     activeResourceId,
     setActiveResourceId,
-    renameResource,
   }
 }