fix(canvas): select from useWorkflowRegistry instead of subscribing whole

check-zustand-v5-selectors matched /use[A-Z]\w*Store\(/, and exactly one
Zustand store in the repo is not named with a Store suffix —
useWorkflowRegistry. So the store behind the canvas went unchecked, and two
bare whole-store subscriptions had accumulated in the action bar, re-rendering
it on every registry mutation (clipboard, hydration, pendingSelection,
activeWorkflowId). Every other call site in the repo already uses a selector.

Widens the pattern to (?:Store|Registry) and fixes both call sites. The
widened gate reports these two and nothing else, so there is no cleanup tail.

Author: waleedlatif1

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

@@ -205,7 +205,7 @@ export const ActionBar = memo(
       collaborativeBatchToggleBlockEnabled,
       collaborativeBatchToggleLocked,
     } = useCollaborativeWorkflow()
-    const { setPendingSelection } = useWorkflowRegistry()
+    const setPendingSelection = useWorkflowRegistry((state) => state.setPendingSelection)
     const { handleCancelExecution, handleRunFromBlock } = useWorkflowExecution()
     const handleDuplicateBlock = useCallback(() => {
       const { copyBlocks, preparePasteData } = useWorkflowRegistry.getState()
@@ -249,7 +249,7 @@ export const ActionBar = memo(
         })
       )
 
-    const { activeWorkflowId } = useWorkflowRegistry()
+    const activeWorkflowId = useWorkflowRegistry((state) => state.activeWorkflowId)
     const snapshot = useLastExecutionSnapshot(activeWorkflowId)
     const userPermissions = useUserPermissionsContext()
     const edges = useWorkflowStore((state) => state.edges)

scripts/check-zustand-v5-selectors.ts

@@ -8,7 +8,12 @@ const APP_DIR = path.join(ROOT, 'apps/sim')
 const SKIP_DIRS = new Set(['node_modules', '.next', '.turbo', 'coverage', 'dist', 'build'])
 
 const SOURCE_EXTENSIONS = new Set(['.ts', '.tsx', '.js', '.jsx'])
-const STORE_HOOK_CALL_PATTERN = /\buse[A-Z][A-Za-z0-9_]*Store\s*\(/g
+/**
+ * Zustand store hooks are named `use<Name>Store` by convention, with one
+ * exception: `useWorkflowRegistry`. Matching only the `Store` suffix left that
+ * store — one of the hottest in the canvas — entirely unchecked.
+ */
+const STORE_HOOK_CALL_PATTERN = /\buse[A-Z][A-Za-z0-9_]*(?:Store|Registry)\s*\(/g
 const SAFE_ANNOTATION = 'zustand-v5-safe:'
 const UNSAFE_SELECTOR_PATTERNS: Array<{ pattern: RegExp; reason: string }> = [
   {