refactor: rename frontend pages to PascalCase with Page suffix

Renamed 18 page files: - dashboard.tsx → DashboardPage.tsx - projects.tsx → ProjectsPage.tsx - sessions.tsx → SessionsPage.tsx - settings.tsx → SettingsPage.tsx - ssh-keys.tsx → SshKeysPage.tsx - terminal.tsx → TerminalPage.tsx - tool-workshop.tsx → ToolWorkshopPage.tsx - config-profiles.tsx → ConfigProfilesPage.tsx - git-repositories.tsx → GitRepositoriesPage.tsx - repo-workspace.tsx → RepoWorkspacePage.tsx - workspaces.tsx → WorkspacesPage.tsx - workspace-detail.tsx → WorkspaceDetailPage.tsx - profile.tsx → ProfilePage.tsx - project-settings.tsx → ProjectSettingsPage.tsx - git-history.tsx → GitHistoryPage.tsx - placeholder.tsx → PlaceholderPage.tsx Updated router.tsx imports. Quality gates: verified no remaining old imports.
2026-06-04 12:34:43 +02:00
parent 020f832eed
commit 7224afafd1
19 changed files with 15 additions and 15 deletions
@@ -0,0 +1,108 @@
+/** Workspaces list page. */
+
+import { useState } from "react";
+import { Icon } from "../components/icon";
+import { useWorkspaces } from "../hooks/use-workspaces";
+import { useWorkspaceActions } from "../hooks/use-workspace-actions";
+import { WorkspaceCard } from "../components/workspace-card";
+import { WorkspaceCreateForm } from "../components/workspace-create-form";
+import { ToolStarter } from "../components/tool-starter";
+import type { Workspace } from "../types/workspace";
+
+export function WorkspacesPage() {
+	const [showCreate, setShowCreate] = useState(false);
+	const [startWorkspace, setStartWorkspace] = useState<Workspace | null>(null);
+
+	const { workspaces, loading, error, refresh } = useWorkspaces();
+	const actions = useWorkspaceActions();
+	const handleDelete = async (workspace: Workspace) => {
+		await actions.delete(workspace, refresh);
+	};
+
+	const handleSync = async (workspace: Workspace) => {
+		await actions.sync(
+			workspace.project_id,
+			workspace.repo_id,
+			workspace,
+			refresh,
+		);
+	};
+
+	return (
+		<div className="page workspaces-page">
+			<header className="page-header">
+				<h1>Workspaces</h1>
+				<div className="header-actions">
+					<button
+						className="btn btn-secondary"
+						onClick={refresh}
+						disabled={loading}
+					>
+						<Icon name="refresh" size="sm" />
+					</button>
+					<button
+						className="btn btn-primary"
+						onClick={() => setShowCreate(true)}
+					>
+						<Icon name="add" size="sm" /> New Workspace
+					</button>
+				</div>
+			</header>
+
+			{error && <div className="alert alert-error">{error}</div>}
+
+			{showCreate && (
+				<WorkspaceCreateForm
+					onSubmit={async () => {
+						setShowCreate(false);
+						await refresh();
+					}}
+					onCancel={() => setShowCreate(false)}
+				/>
+			)}
+
+			{loading && workspaces.length === 0 ? (
+				<div className="loading-state">Loading workspaces...</div>
+			) : workspaces.length === 0 ? (
+				<div className="empty-state">
+					<p>No workspaces yet.</p>
+					<button
+						className="btn btn-primary"
+						onClick={() => setShowCreate(true)}
+					>
+						<Icon name="add" size="sm" /> Create your first workspace
+					</button>
+				</div>
+			) : (
+				<div className="workspaces-grid">
+					{workspaces.map((ws) => (
+						<WorkspaceCard
+							key={ws.id}
+							workspace={ws}
+							loading={actions.loadingId === ws.id}
+							onStartTool={setStartWorkspace}
+							onSync={handleSync}
+							onDelete={handleDelete}
+						/>
+					))}
+				</div>
+			)}
+
+			{startWorkspace && (
+				<div className="modal-overlay" onClick={() => setStartWorkspace(null)}>
+					<div className="modal-content" onClick={(e) => e.stopPropagation()}>
+						<h3>Start Tool</h3>
+						<ToolStarter
+							workspace={startWorkspace}
+							onStarted={() => {
+								setStartWorkspace(null);
+								void refresh();
+							}}
+							onCancel={() => setStartWorkspace(null)}
+						/>
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}