refactor: update workspace state management in API and components

- Modified WorkspaceState interface to include 'name' and 'id' properties, enhancing workspace identification.
- Updated ActionButton and Terminal components to utilize 'name' instead of 'workspace_id' for URL generation, improving consistency across the application.
- Ensured all relevant references to workspace identification are aligned with the new state structure, streamlining the codebase.

Author: atyrode

src/frontend/src/api/hooks.ts

@@ -5,10 +5,11 @@ import { queryClient } from './queryClient';
 // Types
 export interface WorkspaceState {
   status: 'running' | 'starting' | 'stopping' | 'stopped' | 'error';
-  workspace_id: string | null;
   username: string | null;
+  name: string | null;
   base_url: string | null;
   agent: string | null;
+  id: string | null;
   error?: string;
 }
 

src/frontend/src/pad/buttons/ActionButton.tsx

@@ -285,7 +285,7 @@ const ActionButton: React.FC<ActionButtonProps> = ({
       return '';
     }
 
-    return `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.workspace_id}.${workspaceState.agent}/apps/code-server`;
+    return `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.name}.${workspaceState.agent}/apps/code-server`;
   };
 
   // Placement logic has been moved to ExcalidrawElementFactory.placeInScene
@@ -345,7 +345,7 @@ const ActionButton: React.FC<ActionButtonProps> = ({
           return;
         }
 
-        const terminalUrl = `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.workspace_id}.${workspaceState.agent}/terminal`;
+        const terminalUrl = `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.name}.${workspaceState.agent}/terminal`;
         console.debug(`[pad.ws] Opening terminal in new tab: ${terminalUrl}`);
         window.open(terminalUrl, '_blank');
       } else {
@@ -366,7 +366,7 @@ const ActionButton: React.FC<ActionButtonProps> = ({
       }
 
       const owner = workspaceState.username;
-      const workspace = workspaceState.workspace_id;
+      const workspace = workspaceState.name;
       const url = workspaceState.base_url;
       const agent = workspaceState.agent;
 

src/frontend/src/pad/containers/Terminal.tsx

@@ -56,7 +56,7 @@ export const Terminal: React.FC<TerminalProps> = ({
             terminalId,
             baseUrl: workspaceState.base_url,
             username: workspaceState.username,
-            workspaceId: workspaceState.workspace_id,
+            workspaceId: workspaceState.name,
             agent: workspaceState.agent
           };
 
@@ -162,7 +162,7 @@ export const Terminal: React.FC<TerminalProps> = ({
       return '';
     }
 
-    const baseUrl = `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.workspace_id}.${workspaceState.agent}/terminal`;
+    const baseUrl = `${workspaceState.base_url}/@${workspaceState.username}/${workspaceState.name}.${workspaceState.agent}/terminal`;
 
     // Add reconnect parameter if terminal ID exists
     if (terminalId) {