2948 client - Rename layout direction store to workflow UUID semantics

The store now tracks currentWorkflowUuid and directionsByWorkflowUuid
so the API name matches what it actually stores. Bumps persist version
to drop stale id-keyed entries from previous releases.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: ivicac

client/src/pages/platform/workflow-editor/hooks/useWorkflowEditorCanvas.ts

@@ -80,10 +80,10 @@ const useWorkflowEditorCanvas = ({
             setNodes: state.setNodes,
         }))
     );
-    const {layoutDirection, setWorkflowId} = useLayoutDirectionStore(
+    const {layoutDirection, setCurrentWorkflowUuid} = useLayoutDirectionStore(
         useShallow((state) => ({
             layoutDirection: state.layoutDirection,
-            setWorkflowId: state.setWorkflowId,
+            setCurrentWorkflowUuid: state.setCurrentWorkflowUuid,
         }))
     );
     const copilotPanelOpen = useCopilotPanelStore((state) => state.copilotPanelOpen);
@@ -554,7 +554,7 @@ const useWorkflowEditorCanvas = ({
 
     useEffect(() => {
         if (workflowUuid) {
-            setWorkflowId(workflowUuid);
+            setCurrentWorkflowUuid(workflowUuid);
         }
 
         setViewport(

client/src/pages/platform/workflow-editor/stores/tests/useLayoutDirectionStore.test.ts

@@ -7,8 +7,8 @@ describe('useLayoutDirectionStore', () => {
     beforeEach(() => {
         // Reset to a clean state by clearing the Zustand store entirely
         useLayoutDirectionStore.setState({
-            currentWorkflowId: '',
-            directionsByWorkflow: {},
+            currentWorkflowUuid: '',
+            directionsByWorkflowUuid: {},
             layoutDirection: 'TB',
         });
     });
@@ -23,23 +23,23 @@ describe('useLayoutDirectionStore', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         act(() => {
             result.current.setLayoutDirection('LR');
         });
 
         expect(result.current.layoutDirection).toBe('LR');
-        expect(result.current.directionsByWorkflow['workflow-1']).toBe('LR');
+        expect(result.current.directionsByWorkflowUuid['workflow-1']).toBe('LR');
     });
 
     it('should restore saved direction when switching to a workflow', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         // Set workflow-1 to LR
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         act(() => {
@@ -48,43 +48,43 @@ describe('useLayoutDirectionStore', () => {
 
         // Switch to workflow-2 (should default to TB)
         act(() => {
-            result.current.setWorkflowId('workflow-2');
+            result.current.setCurrentWorkflowUuid('workflow-2');
         });
 
         expect(result.current.layoutDirection).toBe('TB');
 
         // Switch back to workflow-1 (should restore LR)
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         expect(result.current.layoutDirection).toBe('LR');
     });
 
-    it('should default to TB for unknown workflow IDs', () => {
+    it('should default to TB for unknown workflow UUIDs', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         act(() => {
-            result.current.setWorkflowId('unknown-workflow');
+            result.current.setCurrentWorkflowUuid('unknown-workflow');
         });
 
         expect(result.current.layoutDirection).toBe('TB');
     });
 
-    it('should not update state when setting the same workflow ID', () => {
+    it('should not update state when setting the same workflow UUID', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         act(() => {
             result.current.setLayoutDirection('LR');
         });
 
-        // Setting the same ID should be a no-op
+        // Setting the same UUID should be a no-op
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         expect(result.current.layoutDirection).toBe('LR');
@@ -94,30 +94,30 @@ describe('useLayoutDirectionStore', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         act(() => {
             result.current.setLayoutDirection('LR');
         });
 
         act(() => {
-            result.current.setWorkflowId('workflow-2');
+            result.current.setCurrentWorkflowUuid('workflow-2');
         });
 
         act(() => {
             result.current.setLayoutDirection('TB');
         });
 
-        expect(result.current.directionsByWorkflow['workflow-1']).toBe('LR');
-        expect(result.current.directionsByWorkflow['workflow-2']).toBe('TB');
+        expect(result.current.directionsByWorkflowUuid['workflow-1']).toBe('LR');
+        expect(result.current.directionsByWorkflowUuid['workflow-2']).toBe('TB');
     });
 
     it('should toggle layout direction', () => {
         const {result} = renderHook(() => useLayoutDirectionStore());
 
         act(() => {
-            result.current.setWorkflowId('workflow-1');
+            result.current.setCurrentWorkflowUuid('workflow-1');
         });
 
         expect(result.current.layoutDirection).toBe('TB');

client/src/pages/platform/workflow-editor/stores/useLayoutDirectionStore.ts

@@ -3,52 +3,52 @@ import {create} from 'zustand';
 import {devtools, persist} from 'zustand/middleware';
 
 interface LayoutDirectionStateI {
-    currentWorkflowId: string;
-    directionsByWorkflow: Record<string, LayoutDirectionType>;
+    currentWorkflowUuid: string;
+    directionsByWorkflowUuid: Record<string, LayoutDirectionType>;
     layoutDirection: LayoutDirectionType;
+    setCurrentWorkflowUuid: (workflowUuid: string) => void;
     setLayoutDirection: (layoutDirection: LayoutDirectionType) => void;
-    setWorkflowId: (workflowId: string) => void;
 }
 
 const useLayoutDirectionStore = create<LayoutDirectionStateI>()(
     devtools(
         persist(
             (set, get) => ({
-                currentWorkflowId: '',
-                directionsByWorkflow: {},
+                currentWorkflowUuid: '',
+                directionsByWorkflowUuid: {},
                 layoutDirection: DEFAULT_LAYOUT_DIRECTION,
 
-                setLayoutDirection: (layoutDirection) =>
-                    set((state) => ({
-                        directionsByWorkflow: {
-                            ...state.directionsByWorkflow,
-                            [state.currentWorkflowId]: layoutDirection,
-                        },
-                        layoutDirection,
-                    })),
-
-                setWorkflowId: (workflowId) => {
-                    if (workflowId === get().currentWorkflowId) {
+                setCurrentWorkflowUuid: (workflowUuid) => {
+                    if (workflowUuid === get().currentWorkflowUuid) {
                         return;
                     }
 
                     set((state) => ({
-                        currentWorkflowId: workflowId,
-                        layoutDirection: state.directionsByWorkflow[workflowId] ?? DEFAULT_LAYOUT_DIRECTION,
+                        currentWorkflowUuid: workflowUuid,
+                        layoutDirection: state.directionsByWorkflowUuid[workflowUuid] ?? DEFAULT_LAYOUT_DIRECTION,
                     }));
                 },
+
+                setLayoutDirection: (layoutDirection) =>
+                    set((state) => ({
+                        directionsByWorkflowUuid: {
+                            ...state.directionsByWorkflowUuid,
+                            [state.currentWorkflowUuid]: layoutDirection,
+                        },
+                        layoutDirection,
+                    })),
             }),
             {
                 migrate: (persisted, version) => {
-                    if (version === 0) {
-                        return {directionsByWorkflow: {}};
+                    if (version < 2) {
+                        return {directionsByWorkflowUuid: {}};
                     }
 
-                    return persisted as {directionsByWorkflow: Record<string, LayoutDirectionType>};
+                    return persisted as {directionsByWorkflowUuid: Record<string, LayoutDirectionType>};
                 },
                 name: 'bytechef.layout-direction',
-                partialize: (state) => ({directionsByWorkflow: state.directionsByWorkflow}),
-                version: 1,
+                partialize: (state) => ({directionsByWorkflowUuid: state.directionsByWorkflowUuid}),
+                version: 2,
             }
         )
     )