refactor(action-bar): renamed to workflow controls

Author: emir-karabeg

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/index.ts

@@ -1,4 +1,3 @@
-export { ActionBar } from './action-bar'
 export { BlockMenu } from './block-menu'
 export { CanvasMenu } from './canvas-menu'
 export { CommandList } from './command-list/command-list'
@@ -11,4 +10,5 @@ export { SubflowNodeComponent } from './subflows/subflow-node'
 export { Terminal } from './terminal/terminal'
 export { WandPromptBar } from './wand-prompt-bar/wand-prompt-bar'
 export { WorkflowBlock } from './workflow-block/workflow-block'
+export { WorkflowControls } from './workflow-controls'
 export { WorkflowEdge } from './workflow-edge/workflow-edge'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/index.ts

@@ -0,0 +1 @@
+export { WorkflowControls } from './workflow-controls'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/index.ts

@@ -31,14 +31,14 @@ import { useTerminalStore } from '@/stores/terminal'
 import { useUndoRedoStore } from '@/stores/undo-redo'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 
-const logger = createLogger('ActionBar')
+const logger = createLogger('WorkflowControls')
 
-export function ActionBar() {
+export function WorkflowControls() {
   const reactFlowInstance = useReactFlow()
   const { fitViewToBounds } = useCanvasViewport(reactFlowInstance)
   const { mode, setMode } = useCanvasModeStore()
   const { undo, redo } = useCollaborativeWorkflow()
-  const showActionBar = useGeneralStore((s) => s.showActionBar)
+  const showWorkflowControls = useGeneralStore((s) => s.showActionBar)
   const updateSetting = useUpdateGeneralSetting()
   const isTerminalResizing = useTerminalStore((state) => state.isResizing)
 
@@ -75,13 +75,13 @@ export function ActionBar() {
     try {
       await updateSetting.mutateAsync({ key: 'showActionBar', value: false })
     } catch (error) {
-      logger.error('Failed to hide action bar', error)
+      logger.error('Failed to hide workflow controls', error)
     } finally {
       setContextMenu(null)
     }
   }
 
-  if (!showActionBar) {
+  if (!showWorkflowControls) {
     return null
   }
 

…Id]/components/action-bar/action-bar.tsx …/workflow-controls/workflow-controls.tsxapps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx renamed to apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx renamed to apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx

@@ -31,7 +31,6 @@ import {
   SubflowNodeComponent,
   Terminal,
 } from '@/app/workspace/[workspaceId]/w/[workflowId]/components'
-import { ActionBar } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar'
 import { BlockMenu } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/block-menu'
 import { CanvasMenu } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/canvas-menu'
 import { Cursors } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/cursors/cursors'
@@ -40,6 +39,7 @@ import { NoteBlock } from '@/app/workspace/[workspaceId]/w/[workflowId]/componen
 import type { SubflowNodeData } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/subflows/subflow-node'
 import { TrainingModal } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/training-modal/training-modal'
 import { WorkflowBlock } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block'
+import { WorkflowControls } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls'
 import { WorkflowEdge } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-edge/workflow-edge'
 import {
   clearDragHighlights,
@@ -3330,7 +3330,7 @@ const WorkflowContent = React.memo(() => {
 
             <Cursors />
 
-            <ActionBar />
+            <WorkflowControls />
 
             <Suspense fallback={null}>
               <LazyChat />