feat: sessions page workspace-first flow + workspace instance chips

- Sessions page: replaced CreateSessionForm with workspace selector + ToolStarter
  - Fetches workspaces, shows dropdown, then renders ToolStarter for selected workspace
  - Removed old project/repo/tool-type/config-profile/clone-mode flow
- Workspace cards: new WorkspaceInstanceChips component fetches and displays
  running instances per workspace with status-colored chips and open links
- Styles: .instance-chip variants (running/starting/error), .tool-starter-header

Quality gates: tsc --noEmit clean, pytest workspaces API (9 passed, 1 skipped)
This commit is contained in:
2026-06-01 21:53:48 +02:00
parent c1445976d7
commit 78e808bc54
5 changed files with 219 additions and 88 deletions
+10 -18
View File
@@ -14,7 +14,11 @@ export interface ToolStarterProps {
onCancel?: () => void;
}
export function ToolStarter({ workspace, onStarted, onCancel }: ToolStarterProps) {
export function ToolStarter({
workspace,
onStarted,
onCancel,
}: ToolStarterProps) {
const [toolTypes, setToolTypes] = useState<ToolType[]>([]);
const [toolTypesLoading, setToolTypesLoading] = useState(true);
const [toolTypesError, setToolTypesError] = useState<string | null>(null);
@@ -105,9 +109,7 @@ export function ToolStarter({ workspace, onStarted, onCancel }: ToolStarterProps
setStarting(true);
setError(null);
try {
const { createInstance, startInstance } = await import(
"../api/sessions"
);
const { createInstance, startInstance } = await import("../api/sessions");
const instance = await createInstance(
workspace.project_id,
workspace.repo_id,
@@ -132,12 +134,7 @@ export function ToolStarter({ workspace, onStarted, onCancel }: ToolStarterProps
} finally {
setStarting(false);
}
}, [
selectedToolTypeId,
selectedProfileId,
workspace,
onStarted,
]);
}, [selectedToolTypeId, selectedProfileId, workspace, onStarted]);
return (
<div className="tool-starter">
@@ -180,12 +177,8 @@ export function ToolStarter({ workspace, onStarted, onCancel }: ToolStarterProps
</option>
))}
</select>
{toolTypesLoading && (
<span className="muted">Loading tools...</span>
)}
{toolTypesError && (
<span className="error-text">{toolTypesError}</span>
)}
{toolTypesLoading && <span className="muted">Loading tools...</span>}
{toolTypesError && <span className="error-text">{toolTypesError}</span>}
</div>
{/* Config Profile */}
@@ -227,8 +220,7 @@ export function ToolStarter({ workspace, onStarted, onCancel }: ToolStarterProps
</span>
) : (
<span className="warning-text">
<Icon name="warning" size="sm" />{" "}
No SSH key assigned to repository
<Icon name="warning" size="sm" /> No SSH key assigned to repository
</span>
)}
</div>