agent-relay-server 0.11.4 → 0.11.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-relay-server",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "description": "Lightweight HTTP message relay for inter-agent communication across machines",
   "module": "src/index.ts",
   "type": "module",
@@ -32,14 +32,16 @@
     "CONTRIBUTING.md"
   ],
   "dependencies": {
-    "agent-relay-sdk": "0.2.3"
+    "agent-relay-sdk": "0.2.4"
   },
   "scripts": {
+    "prepack": "bun run build:dashboard >&2",
     "postinstall": "node scripts/install-bin-shim.cjs",
     "start": "bun run src/index.ts",
     "dev": "bun --watch run src/index.ts",
     "dev:dashboard": "cd dashboard && npx vite",
-    "build:dashboard": "cd dashboard && npx vite build",
+    "build:sdk": "cd sdk && bun run build",
+    "build:dashboard": "bun run build:sdk && cd dashboard && npx vite build",
     "test": "bun test",
     "smoke:spawn": "bun run scripts/orchestrator-spawn-smoke.ts",
     "typecheck": "tsc --noEmit",

package/public/index.html

@@ -10753,13 +10753,23 @@ function providerPendingApproval(value) {
 		id: choice.id,
 		label: typeof choice.label === "string" ? choice.label : String(choice.id || "")
 	})).filter((choice) => (choice.id === "approve" || choice.id === "approve-session" || choice.id === "deny" || choice.id === "abort") && Boolean(choice.label)) : [];
+	const questions = Array.isArray(value.questions) ? value.questions.filter(isRecord$2).map((q) => ({
+		question: typeof q.question === "string" ? q.question : "",
+		header: typeof q.header === "string" ? q.header : void 0,
+		multiSelect: q.multiSelect === true,
+		options: Array.isArray(q.options) ? q.options.filter(isRecord$2).map((o) => ({
+			label: typeof o.label === "string" ? o.label : String(o.label ?? ""),
+			description: typeof o.description === "string" ? o.description : void 0
+		})).filter((o) => Boolean(o.label)) : []
+	})).filter((q) => Boolean(q.question) && q.options.length > 0) : void 0;
 	return {
 		id: value.id,
 		provider: typeof value.provider === "string" ? value.provider : void 0,
 		kind: typeof value.kind === "string" ? value.kind : void 0,
 		title: typeof value.title === "string" && value.title ? value.title : "Permission request",
 		body: typeof value.body === "string" ? value.body : "",
-		choices
+		choices,
+		...questions && questions.length ? { questions } : {}
 	};
 }
 function providerBlockedState(agent) {
@@ -12883,14 +12893,15 @@ var useRelayStore = create$1()(persist((set, get) => ({
 		}
 		set({ chatSending: false });
 	},
-	async sendPermissionDecision(agentId, approvalId, decision) {
+	async sendPermissionDecision(agentId, approvalId, decision, answers) {
 		try {
 			await api("POST", "/agents/" + encodeURIComponent(agentId) + "/permission-decision", {
 				approvalId,
-				decision
+				decision,
+				...answers ? { answers } : {}
 			});
-			const label = decision === "approve" ? "Approved" : decision === "approve-session" ? "Approved for session" : decision === "abort" ? "Aborted" : "Denied";
-			get().showNotification(`${label} permission request`);
+			const label = decision === "approve" ? "Approved" : decision === "approve-session" ? "Approved for session" : decision === "abort" ? "Aborted" : decision === "answer" ? "Answer sent for" : "Denied";
+			get().showNotification(`${label} ${decision === "answer" ? "Claude's question" : "permission request"}`);
 			await get().fetchAgents();
 		} catch (e) {
 			get().showError("Permission Failed", e.message);
@@ -119805,6 +119816,15 @@ function FileOverlay() {
 	});
 }
 //#endregion
+//#region src/components/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+		"data-slot": "textarea",
+		className: cn$1("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+//#endregion
 //#region src/components/views/chat.tsx
 function formatBytes(size) {
 	if (size < 1024) return `${size} B`;
@@ -120434,6 +120454,11 @@ function PermissionRequestBubble({ agentId, approval }) {
 	const sendPermissionDecision = useRelayStore((s) => s.sendPermissionDecision);
 	const [submitting, setSubmitting] = (0, import_react.useState)(null);
 	if (!approval) return null;
+	if (approval.questions && approval.questions.length) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionForm, {
+		agentId,
+		approval,
+		questions: approval.questions
+	});
 	const currentApproval = approval;
 	const choices = approval.choices.length ? approval.choices : [{
 		id: "approve",
@@ -120485,6 +120510,217 @@ function PermissionRequestBubble({ agentId, approval }) {
 		})
 	});
 }
+function questionAnswered(s) {
+	if (!s) return false;
+	if (s.otherActive && s.other.trim()) return true;
+	return s.labels.length > 0;
+}
+function answerValue(s) {
+	const parts = [...s.labels];
+	if (s.otherActive && s.other.trim()) parts.push(s.other.trim());
+	return parts.join(", ");
+}
+function QuestionForm({ agentId, approval, questions }) {
+	const sendPermissionDecision = useRelayStore((s) => s.sendPermissionDecision);
+	const [step, setStep] = (0, import_react.useState)(0);
+	const [state, setState] = (0, import_react.useState)({});
+	const [submitting, setSubmitting] = (0, import_react.useState)(null);
+	const q = questions[Math.min(step, questions.length - 1)];
+	const cur = state[step];
+	if (!q) return null;
+	const multi = Boolean(q.multiSelect);
+	const total = questions.length;
+	const isLast = step === total - 1;
+	const answered = questionAnswered(cur);
+	const allAnswered = questions.every((_, i) => questionAnswered(state[i]));
+	const busy = Boolean(submitting);
+	function update(patch) {
+		setState((prev) => ({
+			...prev,
+			[step]: {
+				labels: [],
+				other: "",
+				otherActive: false,
+				...prev[step],
+				...patch
+			}
+		}));
+	}
+	function pickOption(label) {
+		if (multi) {
+			const has = cur?.labels.includes(label);
+			update({ labels: has ? (cur?.labels ?? []).filter((l) => l !== label) : [...cur?.labels ?? [], label] });
+		} else update({
+			labels: [label],
+			otherActive: false
+		});
+	}
+	function pickOther() {
+		if (multi) update({ otherActive: !cur?.otherActive });
+		else update({
+			labels: [],
+			otherActive: true
+		});
+	}
+	async function submit() {
+		if (!allAnswered || busy) return;
+		setSubmitting("answer");
+		try {
+			const answers = {};
+			questions.forEach((qq, i) => {
+				const s = state[i];
+				if (s) answers[qq.question] = answerValue(s);
+			});
+			await sendPermissionDecision(agentId, approval.id, "answer", answers);
+		} finally {
+			setSubmitting(null);
+		}
+	}
+	async function dismiss() {
+		if (busy) return;
+		setSubmitting("dismiss");
+		try {
+			await sendPermissionDecision(agentId, approval.id, "deny");
+		} finally {
+			setSubmitting(null);
+		}
+	}
+	const otherActive = Boolean(cur?.otherActive);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex justify-start mb-3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "w-full max-w-[92%] md:max-w-[78%] rounded-2xl rounded-bl-sm bg-card ring-1 ring-amber-500/35 px-3.5 py-3 text-sm",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageCircleQuestionMark, { className: "h-4 w-4 shrink-0 text-amber-400" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-sm font-medium text-amber-100",
+							children: approval.title
+						}),
+						total > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge$1, {
+							variant: "outline",
+							className: "ml-auto h-5 px-1.5 text-[10px] text-muted-foreground",
+							children: [
+								step + 1,
+								" / ",
+								total
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-3",
+					children: [
+						q.header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-[11px] font-semibold uppercase tracking-wide text-amber-300/80",
+							children: q.header
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-0.5 text-sm text-foreground whitespace-pre-wrap break-words",
+							children: q.question
+						}),
+						multi && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-0.5 text-[11px] text-muted-foreground",
+							children: "Select all that apply"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-2 flex flex-col gap-1.5",
+							children: [
+								q.options.map((opt) => {
+									const selected = Boolean(cur?.labels.includes(opt.label));
+									return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+										type: "button",
+										disabled: busy,
+										onClick: () => pickOption(opt.label),
+										className: cn$1("flex items-start gap-2 rounded-lg border px-2.5 py-2 text-left transition-colors", selected ? "border-amber-500/60 bg-amber-500/10" : "border-border bg-background/60 hover:bg-background", busy && "opacity-60"),
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: cn$1("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border text-amber-300", multi ? "rounded" : "rounded-full", selected ? "border-amber-400 bg-amber-400/20" : "border-muted-foreground/40"),
+											children: selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" })
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "text-sm text-foreground",
+												children: opt.label
+											}), opt.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "block text-xs text-muted-foreground",
+												children: opt.description
+											})]
+										})]
+									}, opt.label);
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+									type: "button",
+									disabled: busy,
+									onClick: pickOther,
+									className: cn$1("flex items-start gap-2 rounded-lg border px-2.5 py-2 text-left transition-colors", otherActive ? "border-amber-500/60 bg-amber-500/10" : "border-border bg-background/60 hover:bg-background", busy && "opacity-60"),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: cn$1("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border text-amber-300", multi ? "rounded" : "rounded-full", otherActive ? "border-amber-400 bg-amber-400/20" : "border-muted-foreground/40"),
+										children: otherActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" })
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-sm text-foreground",
+										children: "Other…"
+									})]
+								}),
+								otherActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+									autoFocus: true,
+									rows: 2,
+									disabled: busy,
+									value: cur?.other ?? "",
+									onChange: (e) => update({
+										other: e.target.value,
+										otherActive: true
+									}),
+									placeholder: "Type your answer",
+									className: "mt-1 text-sm"
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-3 flex items-center gap-1.5",
+					children: [
+						step > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+							size: "sm",
+							variant: "outline",
+							disabled: busy,
+							onClick: () => setStep((s) => s - 1),
+							className: "h-7 px-2 text-xs",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { className: "mr-1 h-3 w-3" }), "Back"]
+						}),
+						!isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+							size: "sm",
+							disabled: busy || !answered,
+							onClick: () => setStep((s) => s + 1),
+							className: "h-7 px-2 text-xs",
+							children: ["Next", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "ml-1 h-3 w-3" })]
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+							size: "sm",
+							disabled: busy || !allAnswered,
+							onClick: () => void submit(),
+							className: "h-7 px-2 text-xs",
+							children: [
+								submitting === "answer" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "mr-1.5 h-3 w-3 animate-spin" }),
+								"Send answer",
+								total > 1 ? "s" : ""
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+							size: "sm",
+							variant: "ghost",
+							disabled: busy,
+							onClick: () => void dismiss(),
+							className: "ml-auto h-7 px-2 text-xs text-muted-foreground",
+							children: [submitting === "dismiss" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "mr-1.5 h-3 w-3 animate-spin" }), "Dismiss"]
+						})
+					]
+				})
+			]
+		})
+	});
+}
 function DateSeparator({ date }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex items-center justify-center gap-3 py-3 my-1",
@@ -123101,7 +123337,9 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 	const terminal = workspace.status === "cleaned" || workspace.status === "merged" || workspace.status === "abandoned";
 	const disabled = terminal || workspace.status === "cleanup_requested";
 	const openPath = workspace.worktreePath || workspace.sourceCwd || workspace.repoRoot;
-	const mergeable = workspace.mode === "isolated" && Boolean(workspace.worktreePath) && MERGEABLE_STATUSES.has(workspace.status);
+	const gitState = useRelayStore((s) => s.workspaceGitState[workspace.id]);
+	const landed = !!gitState && gitState.available !== false && gitState.landed === true;
+	const mergeable = workspace.mode === "isolated" && Boolean(workspace.worktreePath) && MERGEABLE_STATUSES.has(workspace.status) && !landed;
 	async function copyPath() {
 		await navigator.clipboard?.writeText(openPath);
 	}
@@ -123162,7 +123400,7 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 				size: "icon-sm",
 				variant: "default",
-				title: "Merge & land work",
+				title: landed ? "Already merged into base — nothing to land" : "Merge & land work",
 				disabled: !mergeable,
 				onClick: () => void merge(),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitMerge, { className: "h-3.5 w-3.5" })
@@ -123185,10 +123423,10 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 		]
 	});
 }
-function MergePreviewHint({ workspace, ahead }) {
+function MergePreviewHint({ workspace, unmerged }) {
 	const preview = useRelayStore((s) => s.workspaceMergePreview[workspace.id]);
 	const fetchWorkspaceMergePreview = useRelayStore((s) => s.fetchWorkspaceMergePreview);
-	const eligible = ahead > 0 && MERGEABLE_STATUSES.has(workspace.status);
+	const eligible = unmerged > 0 && MERGEABLE_STATUSES.has(workspace.status);
 	(0, import_react.useEffect)(() => {
 		if (eligible && preview === void 0) fetchWorkspaceMergePreview(workspace.id);
 	}, [
@@ -123251,9 +123489,11 @@ function GitState({ workspace }) {
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "git error" }), refresh]
 	});
 	const ahead = gitState.ahead ?? 0;
+	const landed = gitState.landed === true;
+	const unmerged = landed ? 0 : gitState.unmergedAhead ?? ahead;
 	const behind = gitState.behind ?? 0;
 	const dirty = gitState.dirtyCount ?? 0;
-	const clean = ahead === 0 && dirty === 0;
+	const clean = unmerged === 0 && dirty === 0 && !landed;
 	const commit = gitState.lastCommit;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "space-y-0.5",
@@ -123263,10 +123503,14 @@ function GitState({ workspace }) {
 				className: "text-muted-foreground",
 				children: "no unmerged work"
 			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: ahead > 0 ? "flex items-center text-emerald-400" : "flex items-center text-muted-foreground",
-					title: `${ahead} commit(s) ahead of base`,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUp, { className: "h-3 w-3" }), ahead]
+				landed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-0.5 text-emerald-400",
+					title: `Work already landed in ${gitState.baseRef || "base"} via squash/cherry-pick — safe to clean up`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" }), "landed"]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: unmerged > 0 ? "flex items-center text-emerald-400" : "flex items-center text-muted-foreground",
+					title: ahead !== unmerged ? `${unmerged} unmerged commit(s) (${ahead} ahead of base)` : `${unmerged} commit(s) ahead of base`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUp, { className: "h-3 w-3" }), unmerged]
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 					className: behind > 0 ? "flex items-center text-amber-400" : "flex items-center text-muted-foreground",
@@ -123278,9 +123522,9 @@ function GitState({ workspace }) {
 					title: `${dirty} uncommitted change(s)`,
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePen, { className: "h-3 w-3" }), dirty]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MergePreviewHint, {
+				!landed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MergePreviewHint, {
 					workspace,
-					ahead
+					unmerged
 				})
 			] }), refresh]
 		}), commit && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -124287,15 +124531,6 @@ function IntegrationsView() {
 	});
 }
 //#endregion
-//#region src/components/ui/textarea.tsx
-function Textarea({ className, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
-		"data-slot": "textarea",
-		className: cn$1("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
-		...props
-	});
-}
-//#endregion
 //#region src/components/views/security.tsx
 var scopeOptions = [
 	"admin:*",
@@ -153328,6 +153563,10 @@ if ("serviceWorker" in navigator) {
     border-style: dashed;
   }
 
+  .border-amber-400 {
+    border-color: var(--color-amber-400);
+  }
+
   .border-amber-500\/15 {
     border-color: #f99c0026;
   }
@@ -153368,6 +153607,16 @@ if ("serviceWorker" in navigator) {
     }
   }
 
+  .border-amber-500\/60 {
+    border-color: #f99c0099;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-amber-500\/60 {
+      border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
+    }
+  }
+
   .border-amber-800\/60 {
     border-color: #953d0099;
   }
@@ -153522,6 +153771,16 @@ if ("serviceWorker" in navigator) {
     border-color: var(--input);
   }
 
+  .border-muted-foreground\/40 {
+    border-color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-muted-foreground\/40 {
+      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
+    }
+  }
+
   .border-orange-500\/20 {
     border-color: #fe6e0033;
   }
@@ -153776,6 +154035,16 @@ if ("serviceWorker" in navigator) {
     background-color: var(--color-amber-400);
   }
 
+  .bg-amber-400\/20 {
+    background-color: #fcbb0033;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-amber-400\/20 {
+      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
+    }
+  }
+
   .bg-amber-500\/10 {
     background-color: #f99c001a;
   }
@@ -153796,7 +154065,17 @@ if ("serviceWorker" in navigator) {
     }
   }
 
-  .bg-background, .bg-background\/80 {
+  .bg-background, .bg-background\/60 {
+    background-color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-background\/60 {
+      background-color: color-mix(in oklab, var(--background) 60%, transparent);
+    }
+  }
+
+  .bg-background\/80 {
     background-color: var(--background);
   }
 
@@ -154822,6 +155101,16 @@ if ("serviceWorker" in navigator) {
     color: var(--color-amber-300);
   }
 
+  .text-amber-300\/80 {
+    color: #ffd236cc;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-amber-300\/80 {
+      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
+    }
+  }
+
   .text-amber-400 {
     color: var(--color-amber-400);
   }
@@ -155582,6 +155871,10 @@ if ("serviceWorker" in navigator) {
       }
     }
 
+    .hover\:bg-background:hover {
+      background-color: var(--background);
+    }
+
     .hover\:bg-black\/80:hover {
       background-color: #000c;
     }

package/runner/src/adapter.ts

@@ -89,12 +89,15 @@ export interface TerminalAttachSpec {
   ttlMs?: number;
 }
 
-export type ProviderPermissionDecision = "approve" | "approve-session" | "deny" | "abort";
+export type ProviderPermissionDecision = "approve" | "approve-session" | "deny" | "abort" | "answer";
 
 export interface ProviderPermissionDecisionInput {
   approvalId: string;
   decision: ProviderPermissionDecision;
   reason?: string;
+  // For "answer" decisions (Claude AskUserQuestion): maps each question's text
+  // to the chosen option label(s). Multi-select labels are comma-joined.
+  answers?: Record<string, string>;
 }
 
 export interface ProviderAdapter {

package/src/db.ts

@@ -5065,6 +5065,28 @@ export function deleteWorkspace(id: string): boolean {
   return db.prepare("DELETE FROM workspaces WHERE id = ?").run(id).changes > 0;
 }
 
+// Shared-mode rows are pure occupancy markers (no worktree on disk) that only
+// mean something while their owner is online. Deletion is normally driven by
+// the reaper's onAgentDisappeared hook, but agents also leave via clean
+// SessionEnd (setStatus offline) and via pruneOfflineAgents (raw agent delete),
+// neither of which touches workspaces — so orphaned shared rows accumulate and
+// bloat the workspace panel. This sweep is the catch-all: drop any non-cleaned
+// shared row whose owner is missing or offline, regardless of how it leaked.
+export function pruneOrphanedSharedWorkspaces(): string[] {
+  return db.transaction(() => {
+    const orphanCondition = `
+      mode = 'shared' AND status != 'cleaned' AND (
+        owner_agent_id IS NULL
+        OR owner_agent_id NOT IN (SELECT id FROM agents)
+        OR owner_agent_id IN (SELECT id FROM agents WHERE status = 'offline')
+      )`;
+    const rows = db.prepare(`SELECT id FROM workspaces WHERE ${orphanCondition}`).all() as Array<{ id: string }>;
+    if (!rows.length) return [];
+    db.prepare(`DELETE FROM workspaces WHERE ${orphanCondition}`).run();
+    return rows.map((r) => r.id);
+  })();
+}
+
 export function updateWorkspaceStatus(id: string, status: WorkspaceStatus, metadata: Record<string, unknown> = {}): WorkspaceRecord | null {
   const existing = getWorkspace(id);
   if (!existing) return null;

package/src/maintenance.ts

@@ -2,7 +2,7 @@ import { randomUUID } from "node:crypto";
 import { getArtifactStorage } from "./artifact-storage";
 import { expireStaleBusAgents } from "./bus";
 import { pruneOutbox } from "./bus-outbox";
-import { expireCommands } from "./commands-db";
+import { createCommand, expireCommands } from "./commands-db";
 import { DAY_MS, OFFLINE_PRUNE_MS, REAP_INTERVAL_MS, STALE_TTL_MS } from "./config";
 import { isAbsolute, relative, resolve } from "node:path";
 import {
@@ -14,6 +14,8 @@ import {
   listWorkspaces,
   pruneOfflineAgents,
   pruneOldMessages,
+  deleteWorkspace,
+  pruneOrphanedSharedWorkspaces,
   reapStaleAgents,
   reapStaleOrchestrators,
   releaseExpiredClaims,
@@ -44,9 +46,13 @@ const SCHEDULER_TICK_MS = 10_000;
 const OUTBOX_RETENTION_MS = Number(process.env.AGENT_RELAY_OUTBOX_RETENTION_MS) || 60 * 60 * 1000;
 const TOKEN_RECORD_RETENTION_SECONDS = Number(process.env.AGENT_RELAY_TOKEN_RECORD_RETENTION_SECONDS) || 7 * 24 * 60 * 60;
 const CONFLICT_SCAN_INTERVAL_MS = Number(process.env.AGENT_RELAY_CONFLICT_SCAN_INTERVAL_MS) || 2 * 60 * 1000;
+const WORKSPACE_RETENTION_MS = Number(process.env.AGENT_RELAY_WORKSPACE_RETENTION_MS) || DAY_MS;
+const WORKSPACE_REVIEW_TTL_MS = Number(process.env.AGENT_RELAY_WORKSPACE_REVIEW_TTL_MS) || 3 * DAY_MS;
+const WORKSPACE_GC_INTERVAL_MS = Number(process.env.AGENT_RELAY_WORKSPACE_GC_INTERVAL_MS) || 60 * 60 * 1000;
 // Live statuses worth scanning. Terminal (cleaned/merged/abandoned) and
 // in-flight (cleanup_requested) states are skipped.
 const CONFLICT_SCAN_STATUSES = new Set<WorkspaceStatus>(["active", "ready", "review_requested", "merge_planned", "conflict"]);
+const TERMINAL_WORKSPACE_STATUSES = new Set<WorkspaceStatus>(["cleaned", "merged", "abandoned"]);
 
 interface MaintenanceJobDefinition {
   id: string;
@@ -279,6 +285,17 @@ const definitions: MaintenanceJobDefinition[] = [
       return { prunedTokenJtis };
     },
   },
+  {
+    id: "workspace-orphan-sweep",
+    title: "Workspace orphan sweep",
+    description: "Delete shared-mode workspace occupancy rows whose owner agent is offline or gone.",
+    intervalMs: REAP_INTERVAL_MS,
+    runOnStart: true,
+    handler() {
+      const prunedSharedWorkspaceIds = pruneOrphanedSharedWorkspaces();
+      return { prunedSharedWorkspaceIds };
+    },
+  },
   {
     id: "workspace-conflict-scan",
     title: "Workspace conflict scan",
@@ -288,6 +305,15 @@ const definitions: MaintenanceJobDefinition[] = [
     timeoutMs: 60 * 1000,
     handler: scanWorkspaceConflicts,
   },
+  {
+    id: "workspace-gc",
+    title: "Workspace GC",
+    description: "Prune terminal workspace rows past retention, auto-abandon stale review_requested worktrees, and trigger git worktree prune on orchestrators.",
+    intervalMs: WORKSPACE_GC_INTERVAL_MS,
+    runOnStart: false,
+    timeoutMs: 60 * 1000,
+    handler: workspaceGC,
+  },
 ];
 
 function workspacePathWithinBase(path: string | undefined, baseDir: string | undefined): boolean {
@@ -387,6 +413,79 @@ async function scanWorkspaceConflicts(): Promise<Record<string, unknown>> {
   return { scanned: candidates.length, flagged, cleared, notifiedStewards };
 }
 
+async function workspaceGC(): Promise<Record<string, unknown>> {
+  const now = Date.now();
+  const cutoff = now - WORKSPACE_RETENTION_MS;
+  const reviewCutoff = now - WORKSPACE_REVIEW_TTL_MS;
+
+  // 1. Prune terminal rows past retention
+  const all = listWorkspaces();
+  const terminalIds: string[] = [];
+  for (const ws of all) {
+    if (TERMINAL_WORKSPACE_STATUSES.has(ws.status) && ws.updatedAt < cutoff) {
+      deleteWorkspace(ws.id);
+      terminalIds.push(ws.id);
+    }
+  }
+
+  // 2. Auto-abandon stale review_requested worktrees
+  const abandonedIds: string[] = [];
+  const notifiedStewards: string[] = [];
+  for (const ws of all) {
+    if (ws.status === "review_requested" && ws.updatedAt < reviewCutoff) {
+      updateWorkspaceStatus(ws.id, "abandoned", { autoAbandoned: true, abandonedReason: "review_requested TTL exceeded", abandonedAt: now });
+      abandonedIds.push(ws.id);
+      if (ws.stewardAgentId) {
+        try {
+          const msg = sendMessage({
+            from: "system",
+            to: ws.stewardAgentId,
+            kind: "system",
+            subject: "Workspace auto-abandoned",
+            body: `Workspace \`${ws.branch ?? ws.id}\` in ${ws.repoRoot} was auto-abandoned after ${Math.round(WORKSPACE_REVIEW_TTL_MS / DAY_MS)}d without steward action. Run workspace cleanup to reclaim the worktree.`,
+            payload: { kind: "workspace.auto-abandoned", workspaceId: ws.id, repoRoot: ws.repoRoot, branch: ws.branch },
+          });
+          emitNewMessage(msg);
+          notifiedStewards.push(ws.stewardAgentId);
+        } catch {
+          // Steward gone — activity event is enough.
+        }
+      }
+      createActivityEvent({
+        clientId: `workspace-gc-abandon-${ws.id}-${now}`,
+        kind: "state",
+        title: "Workspace auto-abandoned",
+        body: `${ws.branch ?? ws.id} in ${ws.repoRoot} — review_requested for ${Math.round((now - ws.updatedAt) / DAY_MS)}d`,
+        meta: ws.branch ?? ws.id,
+        icon: "ti-clock-x",
+        view: "orchestrators",
+        metadata: { source: "server", maintenanceJobId: "workspace-gc", workspaceId: ws.id },
+      });
+    }
+  }
+
+  // 3. Trigger git worktree prune on orchestrators that own isolated workspaces
+  const orchestrators = listOrchestrators().filter((orch) => orch.status === "online" && orch.agentId);
+  const reposWithWorkspaces = new Set(
+    all.filter((ws) => ws.mode === "isolated" && Boolean(ws.worktreePath)).map((ws) => ws.repoRoot),
+  );
+  const pruneCommands: string[] = [];
+  for (const repoRoot of reposWithWorkspaces) {
+    const orch = orchestrators.find((candidate) => workspacePathWithinBase(repoRoot, candidate.baseDir));
+    if (!orch?.agentId) continue;
+    const command = createCommand({
+      type: "workspace.prune",
+      source: "system",
+      target: orch.agentId,
+      params: { repoRoot, requestedBy: "workspace-gc", requestedAt: now },
+    });
+    emitCommand(command);
+    pruneCommands.push(command.id);
+  }
+
+  return { prunedTerminal: terminalIds, autoAbandoned: abandonedIds, notifiedStewards, pruneCommands };
+}
+
 let timer: Timer | null = null;
 
 export function startMaintenanceScheduler(): void {

package/src/routes.ts

@@ -2416,9 +2416,20 @@ const postAgentPermissionDecision: Handler = async (req, params) => {
   try {
     if (!isRecord(parsed.body)) return error("permission decision required");
     const approvalId = cleanString(parsed.body.approvalId, "approvalId", { required: true, max: 240 })!;
-    const decision = cleanEnum(parsed.body.decision, "decision", ["approve", "approve-session", "deny", "abort"] as const);
+    const decision = cleanEnum(parsed.body.decision, "decision", ["approve", "approve-session", "deny", "abort", "answer"] as const);
     if (!decision) return error("decision required");
     const reason = cleanString(parsed.body.reason, "reason", { max: 500 });
+    // AskUserQuestion answers: { "<question text>": "<chosen label(s)>" }
+    const answers = decision === "answer" && isRecord(parsed.body.answers)
+      ? Object.fromEntries(
+          Object.entries(parsed.body.answers)
+            .filter(([, v]) => typeof v === "string")
+            .map(([k, v]) => [k.slice(0, 2000), (v as string).slice(0, 4000)]),
+        )
+      : undefined;
+    if (decision === "answer" && (!answers || Object.keys(answers).length === 0)) {
+      return error("answers required for answer decision");
+    }
     const agent = getAgent(params.id!);
     if (!agent) return error("agent not found", 404);
     if (!agentIsControlEligible(agent)) return error("agent cannot receive permission decisions", 400);
@@ -2445,6 +2456,7 @@ const postAgentPermissionDecision: Handler = async (req, params) => {
         approvalId,
         decision,
         ...(reason ? { reason } : {}),
+        ...(answers ? { answers } : {}),
         requestedBy: "dashboard",
         requestedAt: Date.now(),
       },