+
+
{workspace.name}
+
+ {workspace.status}
+
+
+
+
{workspace.project_name} / {workspace.repo_name}
+
{workspace.branch}
+ {workspace.instance_count > 0 && (
+
{workspace.instance_count} active tool{workspace.instance_count > 1 ? "s" : ""}
+ )}
+
+
+
+
+
+
+
+ );
+}
+```
+
+### Component: Sidebar (updated)
+
+```tsx
+const navItems = [
+ { path: "/dashboard", label: "Dashboard", icon: "home" },
+ { path: "/projects", label: "Projects", icon: "folder" },
+ { path: "/workspaces", label: "Workspaces", icon: "workspace" },
+ { path: "/settings", label: "Settings", icon: "settings" },
+];
+```
+
+### Hook: useWorkspaceActions
+
+```typescript
+export function useWorkspaceActions(options: { onRefresh: () => Promise