Fix active workspace deletion

src-web/hooks/useDeleteActiveWorkspace.tsx

@@ -0,0 +1,45 @@
+import { useNavigate } from '@tanstack/react-router';
+import type { Workspace } from '@yaakapp-internal/models';
+import { useSetAtom } from 'jotai';
+import { InlineCode } from '../components/core/InlineCode';
+import { trackEvent } from '../lib/analytics';
+import { invokeCmd } from '../lib/tauri';
+import { getActiveWorkspace } from './useActiveWorkspace';
+import { useConfirm } from './useConfirm';
+import { useFastMutation } from './useFastMutation';
+import { removeModelById } from './useSyncModelStores';
+import { workspacesAtom } from './useWorkspaces';
+
+export function useDeleteActiveWorkspace() {
+  const confirm = useConfirm();
+  const setWorkspaces = useSetAtom(workspacesAtom);
+  const navigate = useNavigate();
+
+  return useFastMutation<Workspace | null, string>({
+    mutationKey: ['delete_workspace'],
+    mutationFn: async () => {
+      const workspace = getActiveWorkspace();
+      const confirmed = await confirm({
+        id: 'delete-workspace',
+        title: 'Delete Workspace',
+        variant: 'delete',
+        description: (
+          <>
+            Permanently delete <InlineCode>{workspace?.name}</InlineCode>?
+          </>
+        ),
+      });
+      if (!confirmed) return null;
+      return invokeCmd('cmd_delete_workspace', { workspaceId: workspace?.id });
+    },
+    onSettled: () => trackEvent('workspace', 'delete'),
+    onSuccess: async (workspace) => {
+      if (workspace === null) return;
+
+      // Optimistic update
+      setWorkspaces(removeModelById(workspace));
+
+      await navigate({ to: '/workspaces' });
+    },
+  });
+}