agent-relay-server 0.11.5 → 0.11.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-relay-server",
-  "version": "0.11.5",
+  "version": "0.11.6",
   "description": "Lightweight HTTP message relay for inter-agent communication across machines",
   "module": "src/index.ts",
   "type": "module",
@@ -35,12 +35,13 @@
     "agent-relay-sdk": "0.2.4"
   },
   "scripts": {
-    "prepack": "cd dashboard && npx vite build >&2",
+    "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",
@@ -124295,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:*",
@@ -153336,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;
   }
@@ -153376,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;
   }
@@ -153530,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;
   }
@@ -153784,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;
   }
@@ -153804,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);
   }
 
@@ -154830,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);
   }
@@ -155590,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/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(),
       },