fix: refresh renderer stores after workspace change

When the user changes workspace via SystemSection, the main process
re-initializes the database but the renderer's Zustand stores still
hold stale data from the old workspace.

This fix emits a 'workspace:changed' IPC event from the main process
after the workspace swap succeeds. The renderer subscribes to this
event and clears/re-hydrates task store, message store, dashboard
store, usage store, and approval store so the UI reflects the new
workspace contents without requiring a manual refresh or relaunch.

Fixes #404

Author: HiddenPuppy

packages/desktop/src/main/ipc/workspace-handlers.ts

@@ -56,6 +56,8 @@ export function registerWorkspaceHandlers(): void {
       await migrateWorkspace(oldPath, newWorkspacePath);
       reinitDatabase(newWorkspacePath);
       updateConfig({ workspacePath: newWorkspacePath });
+      const win = BrowserWindow.getAllWindows()[0];
+      if (win) win.webContents.send('workspace:changed', newWorkspacePath);
       return { ok: true };
     } catch (err) {
       reinitDatabase(oldPath);

packages/desktop/src/preload/clawwork.d.ts

@@ -350,6 +350,7 @@ export interface ClawWorkAPI {
   browseWorkspace: () => Promise<string | null>;
   setupWorkspace: (path: string) => Promise<IpcResult>;
   changeWorkspace: (path: string) => Promise<IpcResult>;
+  onWorkspaceChanged: (callback: (newPath: string) => void) => () => void;
 
   getSettings: () => Promise<AppSettings | null>;
   updateSettings: (partial: Partial<AppSettings>) => Promise<{ ok: boolean; config: AppSettings }>;

packages/desktop/src/preload/index.ts

@@ -345,6 +345,16 @@ function buildApi(): ClawWorkAPI {
 
     setWindowButtonVisibility: (visible: boolean) => ipcRenderer.send('ui:set-window-button-visibility', visible),
 
+    onWorkspaceChanged: (callback) => {
+      const listener = (_event: Electron.IpcRendererEvent, newPath: string): void => {
+        callback(newPath);
+      };
+      ipcRenderer.on('workspace:changed', listener);
+      return () => {
+        ipcRenderer.removeListener('workspace:changed', listener);
+      };
+    },
+
     getDeviceId: () => ipcRenderer.invoke('workspace:get-device-id') as Promise<string>,
 
     selectContextFolder: () => ipcRenderer.invoke('context:select-folder'),

packages/desktop/src/renderer/layouts/Settings/sections/SystemSection.tsx

@@ -1,4 +1,9 @@
 import { useState, useEffect, useCallback } from 'react';
+import { useTaskStore } from '../../../platform';
+import { useMessageStore } from '../../../platform';
+import { useDashboardStore } from '@/stores/dashboardStore';
+import { useUsageStore } from '@/stores/usageStore';
+import { useApprovalStore } from '@/stores/approvalStore';
 import { MonitorDot, Zap, FolderOpen, Loader2, ExternalLink } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { toast } from '@/lib/toast';
@@ -64,6 +69,26 @@ export default function SystemSection() {
     [quickLaunchShortcut, t],
   );
 
+  // When main process signals workspace changed, clear and re-hydrate stores
+  useEffect(() => {
+    return window.clawwork.onWorkspaceChanged(async () => {
+      // Clear task store and re-hydrate from new DB
+      useTaskStore.setState({ tasks: [], activeTaskId: null, hydrated: false });
+      useTaskStore.getState().hydrate();
+
+      // Clear message store
+      useMessageStore.setState({ messagesByTask: {}, activeTurnBySession: {}, processingBySession: new Set() });
+
+      // Clear dashboard, usage, and approval caches
+      useDashboardStore.getState().clear();
+      useUsageStore.getState().clear();
+      useApprovalStore.getState().clear();
+
+      // Refresh settings to pick up new workspace config
+      await refreshSettings().catch(() => {});
+    });
+  }, [refreshSettings]);
+
   const handleChangeWorkspace = useCallback(async () => {
     let selected: string | null = null;
     try {