Implement workspace deletion

frontend/src/components/settings/DangerZoneSettings.js

@@ -2,14 +2,18 @@ import React, { useState } from 'react';
 import { Box, Button, Title } from '@mantine/core';
 import DeleteWorkspaceModal from '../modals/DeleteWorkspaceModal';
 import { useWorkspace } from '../../contexts/WorkspaceContext';
+import { useModalContext } from '../../contexts/ModalContext';
 
 const DangerZoneSettings = () => {
-  const { currentWorkspace } = useWorkspace();
+  const { currentWorkspace, workspaces, deleteCurrentWorkspace } =
+    useWorkspace();
+  const { setSettingsModalVisible } = useModalContext();
   const [deleteModalOpened, setDeleteModalOpened] = useState(false);
 
-  const handleDelete = () => {
-    // TODO: Implement delete functionality
+  const handleDelete = async () => {
+    await deleteCurrentWorkspace();
     setDeleteModalOpened(false);
+    setSettingsModalVisible(false);
   };
 
   return (
@@ -23,6 +27,12 @@ const DangerZoneSettings = () => {
         variant="light"
         onClick={() => setDeleteModalOpened(true)}
         fullWidth
+        disabled={workspaces.length <= 1}
+        title={
+          workspaces.length <= 1
+            ? 'Cannot delete the last workspace'
+            : 'Delete this workspace'
+        }
       >
         Delete Workspace
       </Button>

frontend/src/contexts/WorkspaceContext.js

@@ -12,6 +12,8 @@ import {
   getWorkspace,
   updateWorkspace,
   updateLastWorkspace,
+  deleteWorkspace,
+  listWorkspaces,
 } from '../services/api';
 import { DEFAULT_WORKSPACE_SETTINGS } from '../utils/constants';
 
@@ -19,9 +21,26 @@ const WorkspaceContext = createContext();
 
 export const WorkspaceProvider = ({ children }) => {
   const [currentWorkspace, setCurrentWorkspace] = useState(null);
+  const [workspaces, setWorkspaces] = useState([]);
   const [loading, setLoading] = useState(true);
   const { colorScheme, setColorScheme } = useMantineColorScheme();
 
+  const loadWorkspaces = useCallback(async () => {
+    try {
+      const workspaceList = await listWorkspaces();
+      setWorkspaces(workspaceList);
+      return workspaceList;
+    } catch (error) {
+      console.error('Failed to load workspaces:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to load workspaces list',
+        color: 'red',
+      });
+      return [];
+    }
+  }, []);
+
   const loadWorkspaceData = useCallback(async (workspaceId) => {
     try {
       const workspace = await getWorkspace(workspaceId);
@@ -37,6 +56,24 @@ export const WorkspaceProvider = ({ children }) => {
     }
   }, []);
 
+  const loadFirstAvailableWorkspace = useCallback(async () => {
+    try {
+      const allWorkspaces = await listWorkspaces();
+      if (allWorkspaces.length > 0) {
+        const firstWorkspace = allWorkspaces[0];
+        await updateLastWorkspace(firstWorkspace.id);
+        await loadWorkspaceData(firstWorkspace.id);
+      }
+    } catch (error) {
+      console.error('Failed to load first available workspace:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to load workspace',
+        color: 'red',
+      });
+    }
+  }, []);
+
   useEffect(() => {
     const initializeWorkspace = async () => {
       try {
@@ -44,10 +81,12 @@ export const WorkspaceProvider = ({ children }) => {
         if (lastWorkspaceId) {
           await loadWorkspaceData(lastWorkspaceId);
         } else {
-          console.warn('No last workspace found');
+          await loadFirstAvailableWorkspace();
         }
+        await loadWorkspaces();
       } catch (error) {
         console.error('Failed to initialize workspace:', error);
+        await loadFirstAvailableWorkspace();
       } finally {
         setLoading(false);
       }
@@ -61,6 +100,7 @@ export const WorkspaceProvider = ({ children }) => {
       setLoading(true);
       await updateLastWorkspace(workspaceId);
       await loadWorkspaceData(workspaceId);
+      await loadWorkspaces();
     } catch (error) {
       console.error('Failed to switch workspace:', error);
       notifications.show({
@@ -73,6 +113,44 @@ export const WorkspaceProvider = ({ children }) => {
     }
   }, []);
 
+  const deleteCurrentWorkspace = useCallback(async () => {
+    if (!currentWorkspace) return;
+
+    try {
+      const allWorkspaces = await loadWorkspaces();
+      if (allWorkspaces.length <= 1) {
+        notifications.show({
+          title: 'Error',
+          message:
+            'Cannot delete the last workspace. At least one workspace must exist.',
+          color: 'red',
+        });
+        return;
+      }
+
+      // Delete workspace and get the next workspace ID
+      const response = await deleteWorkspace(currentWorkspace.id);
+
+      // Load the new workspace data
+      await loadWorkspaceData(response.nextWorkspaceId);
+
+      notifications.show({
+        title: 'Success',
+        message: 'Workspace deleted successfully',
+        color: 'green',
+      });
+
+      await loadWorkspaces();
+    } catch (error) {
+      console.error('Failed to delete workspace:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to delete workspace',
+        color: 'red',
+      });
+    }
+  }, [currentWorkspace]);
+
   const updateSettings = useCallback(
     async (newSettings) => {
       if (!currentWorkspace) return;
@@ -89,27 +167,32 @@ export const WorkspaceProvider = ({ children }) => {
         );
         setCurrentWorkspace(response);
         setColorScheme(response.theme);
+        await loadWorkspaces();
       } catch (error) {
         console.error('Failed to save settings:', error);
         throw error;
       }
     },
-    [currentWorkspace]
+    [currentWorkspace, setColorScheme]
   );
 
-  // Update just the color scheme without saving to backend
-  const updateColorScheme = useCallback((newTheme) => {
-    setColorScheme(newTheme);
-  }, []);
+  const updateColorScheme = useCallback(
+    (newTheme) => {
+      setColorScheme(newTheme);
+    },
+    [setColorScheme]
+  );
 
   const value = {
     currentWorkspace,
+    workspaces,
     settings: currentWorkspace || DEFAULT_WORKSPACE_SETTINGS,
     updateSettings,
     loading,
     colorScheme,
     updateColorScheme,
     switchWorkspace,
+    deleteCurrentWorkspace,
   };
 
   return (