unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(boards): Cascade board deletion

Browse Source 
Delete board-owned tasks, agents, and activity events before\nremoving the board. Adds board edit page with gateway settings\nand edit/delete actions in the boards table.\n\nCo-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Abhimanyu Saharan
2026-02-04 16:15:01 +05:30
parent d80f08e042
commit 14f7ea2aa2
4 changed files with 401 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
frontend/src/app/boards/[boardId]/page.tsx
View File

@@ -31,10 +31,6 @@ type Board = {
id: string;
name: string;
slug: string;
gateway_url?: string | null;
gateway_token?: string | null;
gateway_main_session_key?: string | null;
gateway_workspace_root?: string | null;
};
type Task = {
@@ -74,13 +70,6 @@ export default function BoardDetailPage() {
const [priority, setPriority] = useState("medium");
const [createError, setCreateError] = useState<string | null>(null);
const [isCreating, setIsCreating] = useState(false);
const [gatewayUrl, setGatewayUrl] = useState("");
const [gatewayToken, setGatewayToken] = useState("");
const [gatewayMainSessionKey, setGatewayMainSessionKey] = useState("");
const [gatewayWorkspaceRoot, setGatewayWorkspaceRoot] = useState("");
const [isSaving, setIsSaving] = useState(false);
const [saveError, setSaveError] = useState<string | null>(null);
const [saveSuccess, setSaveSuccess] = useState(false);
const titleLabel = useMemo(
() => (board ? `${board.name} board` : "Board"),
@@ -117,9 +106,6 @@ export default function BoardDetailPage() {
const taskData = (await tasksResponse.json()) as Task[];
setBoard(boardData);
setTasks(taskData);
setGatewayUrl(boardData.gateway_url ?? "");
setGatewayMainSessionKey(boardData.gateway_main_session_key ?? "");
setGatewayWorkspaceRoot(boardData.gateway_workspace_root ?? "");
} catch (err) {
setError(err instanceof Error ? err.message : "Something went wrong.");
} finally {
@@ -179,46 +165,6 @@ export default function BoardDetailPage() {
}
};
const handleSaveSettings = async () => {
if (!isSignedIn || !boardId) return;
setIsSaving(true);
setSaveError(null);
setSaveSuccess(false);
try {
const token = await getToken();
const payload: Partial<Board> = {
gateway_url: gatewayUrl.trim() || null,
gateway_main_session_key: gatewayMainSessionKey.trim() || null,
gateway_workspace_root: gatewayWorkspaceRoot.trim() || null,
};
if (gatewayToken.trim()) {
payload.gateway_token = gatewayToken.trim();
}
const response = await fetch(`${apiBase}/api/v1/boards/${boardId}`, {
method: "PATCH",
headers: {
"Content-Type": "application/json",
Authorization: token ? `Bearer ${token}` : "",
},
body: JSON.stringify(payload),
});
if (!response.ok) {
throw new Error("Unable to update board settings.");
}
const updated = (await response.json()) as Board;
setBoard(updated);
setGatewayUrl(updated.gateway_url ?? "");
setGatewayMainSessionKey(updated.gateway_main_session_key ?? "");
setGatewayWorkspaceRoot(updated.gateway_workspace_root ?? "");
setGatewayToken("");
setSaveSuccess(true);
setTimeout(() => setSaveSuccess(false), 2500);
} catch (err) {
setSaveError(err instanceof Error ? err.message : "Something went wrong.");
} finally {
setIsSaving(false);
}
};
return (
<DashboardShell>
@@ -268,88 +214,11 @@ export default function BoardDetailPage() {
Loading {titleLabel}…
</div>
) : (
<>
<TaskBoard
tasks={tasks}
onCreateTask={() => setIsDialogOpen(true)}
isCreateDisabled={isCreating}
/>
<div className="rounded-2xl border border-[color:var(--border)] bg-[color:var(--surface)] p-6">
<div className="mb-4 space-y-1">
<p className="text-xs font-semibold uppercase tracking-[0.3em] text-quiet">
Gateway settings
</p>
<h2 className="text-lg font-semibold text-strong">
Connect this board to an OpenClaw gateway.
</h2>
<p className="text-sm text-muted">
Used when provisioning agents and checking gateway status for
this board.
</p>
</div>
<div className="grid gap-4 lg:grid-cols-2">
<div className="space-y-2">
<label className="text-sm font-medium text-strong">
Gateway URL
</label>
<Input
value={gatewayUrl}
onChange={(event) => setGatewayUrl(event.target.value)}
placeholder="ws://gateway:18789"
/>
</div>
<div className="space-y-2">
<label className="text-sm font-medium text-strong">
Gateway token
</label>
<Input
value={gatewayToken}
onChange={(event) => setGatewayToken(event.target.value)}
placeholder="Leave blank to keep current token"
/>
</div>
<div className="space-y-2">
<label className="text-sm font-medium text-strong">
Main session key
</label>
<Input
value={gatewayMainSessionKey}
onChange={(event) =>
setGatewayMainSessionKey(event.target.value)
}
placeholder="agent:main:main"
/>
</div>
<div className="space-y-2">
<label className="text-sm font-medium text-strong">
Workspace root
</label>
<Input
value={gatewayWorkspaceRoot}
onChange={(event) =>
setGatewayWorkspaceRoot(event.target.value)
}
placeholder="~/.openclaw/workspaces"
/>
</div>
</div>
{saveError ? (
<div className="mt-4 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-muted)] p-3 text-xs text-muted">
{saveError}
</div>
) : null}
{saveSuccess ? (
<div className="mt-4 text-xs text-[color:var(--success)]">
Gateway settings saved.
</div>
) : null}
<div className="mt-4 flex justify-end">
<Button onClick={handleSaveSettings} disabled={isSaving}>
{isSaving ? "Saving…" : "Save settings"}
</Button>
</div>
</div>
</>
<TaskBoard
tasks={tasks}
onCreateTask={() => setIsDialogOpen(true)}
isCreateDisabled={isCreating}
/>
)}
</div>
</SignedIn>