ready for app-registry refactor

src/apps/officer-web/state/useWorkspacesState.ts

@@ -1,4 +1,4 @@
-import { useCallback, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useClient } from 'hooks/useClient';
 import { useAuth } from 'hooks/useAuth';
@@ -6,7 +6,7 @@ import type { UserState } from './types/user-settings';
 
 const QUERY_KEY = ['WORKSPACES_STATE'];
 
-export function useWorkspacesState<T>(key: string, defaultValue: T): [T, (value: T | ((prev: T) => T)) => void, boolean] {
+export function useWorkspacesState<T>(key: string, defaultValue: T) {
   const client = useClient();
   const { isAuthenticated } = useAuth();
   const queryClient = useQueryClient();
@@ -16,10 +16,23 @@ export function useWorkspacesState<T>(key: string, defaultValue: T): [T, (value:
   const { data: state = {}, isSuccess } = useQuery<UserState>({
     queryKey: QUERY_KEY,
     enabled: isAuthenticated,
-    queryFn: () => client.get<UserState>('/user/workspaces-state'),
+    queryFn: () => client.get<UserState>('/workspaces'),
     staleTime: Infinity,
   });
 
+  // Seed default to backend when key is missing after initial fetch
+  const seededKeyRef = useRef<string | null>(null);
+  useEffect(() => {
+    if (!isSuccess || seededKeyRef.current === key) return;
+    seededKeyRef.current = key;
+
+    const currentState = queryClient.getQueryData<UserState>(QUERY_KEY) ?? {};
+    if (!(key in currentState)) {
+      queryClient.setQueryData(QUERY_KEY, { ...currentState, [key]: defaultValue });
+      clientRef.current.patch('/workspaces', { [key]: defaultValue }).catch(() => { });
+    }
+  }, [isSuccess, key, defaultValue, queryClient]);
+
   const value = key in state ? (state[key] as T) : defaultValue;
 
   const setValue = useCallback(
@@ -30,10 +43,10 @@ export function useWorkspacesState<T>(key: string, defaultValue: T): [T, (value:
 
       queryClient.setQueryData(QUERY_KEY, { ...currentState, [key]: newValue });
 
-      clientRef.current.patch('/user/workspaces-state', { [key]: newValue }).catch(() => {});
+      clientRef.current.patch('/workspaces', { [key]: newValue }).catch(() => { });
     },
     [key, defaultValue, queryClient],
   );
 
-  return [value, setValue, isSuccess];
+  return { key, value, setValue, isLoaded: isSuccess };
 }