@declarion/react 0.65.0 → 0.66.0

package/dist-lib/{AgentChatPanel.impl-D5y_qEex.js → components/agents/AgentChatPanel.impl.js}

@@ -1,114 +1,66 @@
-import { Ft as e, Nt as t, Pt as n, Q as r, s as i, vn as a, wn as o, wt as s } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as c } from "./Icons-lt-7lhYR.js";
-import { n as l, r as u } from "./CopyButton-DRIT_f0k.js";
-import { Q as d, j as f } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { i as p } from "./useParams-BFLJi4n3.js";
-import { n as m } from "./useTabNavigate-CUqOmcMj.js";
-import { g as ee, h, t as g } from "./useAgentConversation-rru-7hnF.js";
-import { t as _ } from "./window-election-CHIvIZwx.js";
-import { useEffect as v, useRef as y, useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useLocation as C } from "react-router";
-import w from "react-textarea-autosize";
-//#region src/hooks/useWindowConversation.ts
-function te(e) {
-	v(() => {
-		let t = _();
-		return t.setConversation(e ?? null), () => t.setConversation(null);
-	}, [e]);
-}
-//#endregion
-//#region src/components/agents/transcript-runs.ts
-var T = /* @__PURE__ */ new Set(["operation.search"]);
-function ne(e, t = []) {
-	let n = [], r = /* @__PURE__ */ new Map();
-	for (let e of t) e.assistant_message_id && e.provider_call_id && r.set(D(e.assistant_message_id, e.provider_call_id), e);
-	for (let t of e) {
-		let e = E(t, r);
-		if (k(t) && n.push({
-			kind: "message",
-			message: O(t)
-		}), e.length === 0) continue;
-		let i = n[n.length - 1], a = i?.kind === "run" ? i : (n.push({
-			kind: "run",
-			id: t.id,
-			calls: []
-		}), n[n.length - 1]);
-		for (let t of e) T.has(t.name) || a.calls.push(t);
-		a.calls.length === 0 && n.pop();
-	}
-	return n;
-}
-function E(e, t) {
-	let n = [];
-	for (let r of e.content ?? []) {
-		if (r.type !== "tool_use") continue;
-		let i = r, a = i.id ?? "", o = t.get(D(e.id, a)), s = o?.status;
-		n.push({
-			id: o?.id ?? `${e.id}:${a || n.length}`,
-			name: i.name ?? "",
-			input: i.input,
-			messageId: e.id,
-			status: s,
-			...o?.result === void 0 ? {} : { output: o.result },
-			...s === "failed" || s === "rejected" || s === "canceled" || s === "outcome_unknown" ? { isError: !0 } : {}
-		});
-	}
-	return n;
-}
-function D(e, t) {
-	return `${e}\u0000${t}`;
-}
-function O(e) {
-	return {
-		...e,
-		content: (e.content ?? []).filter((e) => e.type !== "tool_use" && e.type !== "tool_result")
-	};
-}
-function k(e) {
-	return (e.content ?? []).some((e) => e.type !== "tool_use" && e.type !== "tool_result");
-}
-//#endregion
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { screenTitleForPath as t } from "../../types/schema.js";
+import { useSchema as n } from "../../hooks/useSchema.js";
+import { pluralText as r, textWithNodes as i } from "../../lib/language.js";
+import { Icon as a } from "../primitives/Icons.js";
+import { Btn as o } from "../primitives/Btn.js";
+import { IconBtn as s } from "../primitives/IconBtn.js";
+import { useText as c } from "../../hooks/useText.js";
+import { Spinner as l } from "../primitives/Spinner.js";
+import { failureTitle as u } from "../../lib/failure.js";
+import { useParam as d } from "../../hooks/useParams.js";
+import { useTabNavigate as f } from "../../hooks/useTabNavigate.js";
+import { useEntity as p } from "../../hooks/useEntity.js";
+import { Markdown as m } from "../shared/Markdown.js";
+import { AgentElicitForm as h } from "./AgentElicitForm.js";
+import { AgentPicker as g } from "./AgentPicker.js";
+import { useAgentConversation as _ } from "../../hooks/useAgentConversation.js";
+import { useWindowConversation as v } from "../../hooks/useWindowConversation.js";
+import { fold as y } from "./transcript-runs.js";
+import { useEffect as b, useRef as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useLocation as T } from "react-router";
+import ee from "react-textarea-autosize";
 //#region src/components/agents/AgentChatPanel.impl.tsx
-var re = 80;
-function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docked: p = !1 }) {
-	let m = g();
-	te(m.conversationId);
-	let _ = s(), { pathname: T } = C(), { data: E } = e(), D = o ? a(_, T, E?.screens, E?.entities)?.title : void 0, O = s("errors"), [k, A] = b(""), [j, N] = b(null), P = y(null), [F, I] = b(!1), L = y(null), R = y(null), z = y(!0), [B, V] = b(!1), H = () => {
-		let e = R.current;
+var te = 80;
+function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docked: p = !1 }) {
+	let m = _();
+	v(m.conversationId);
+	let E = c(), { pathname: D } = T(), { data: A } = n(), j = o ? t(E, D, A?.screens, A?.entities)?.title : void 0, M = c("errors"), [N, P] = S(""), [F, I] = S(null), L = x(null), [R, z] = S(!1), B = x(null), V = x(null), H = x(!0), [U, W] = S(!1), G = () => {
+		let e = V.current;
 		if (!e) return;
-		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= re;
-		z.current = t, t && B && V(!1);
-	}, U = (e = "smooth") => {
-		let t = R.current;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= te;
+		H.current = t, t && U && W(!1);
+	}, K = (e = "smooth") => {
+		let t = V.current;
 		t && (t.scrollTo({
 			top: t.scrollHeight,
 			behavior: e
-		}), z.current = !0, V(!1));
+		}), H.current = !0, W(!1));
 	};
-	if (v(() => {
-		z.current ? U("smooth") : V(!0);
-	}, [m.messages]), v(() => {
-		t && U("instant");
-	}, [t]), v(() => {
-		let e = f?.trim();
-		t && e && P.current !== e && (P.current = e, L.current?.(e));
-	}, [t, f]), !t) return null;
-	let W = async (e) => {
+	if (b(() => {
+		H.current ? K("smooth") : W(!0);
+	}, [m.messages]), b(() => {
+		e && K("instant");
+	}, [e]), b(() => {
+		let t = f?.trim();
+		e && t && L.current !== t && (L.current = t, B.current?.(t));
+	}, [e, f]), !e) return null;
+	let q = async (e) => {
 		if (e.trim()) {
-			N(null), A("");
+			I(null), P("");
 			try {
 				await m.send(e, o);
 			} catch (t) {
-				console.error("agent send failed", t), N(r(O, t)), A(e);
+				console.error("agent send failed", t), I(u(M, t)), P(e);
 			}
 		}
 	};
-	L.current = W;
-	let G = (e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), W(k));
-	}, K = m.invocations.filter((e) => e.status === "pending_approval"), q = m.invocations.filter((e) => e.kind === "input_request" && e.status === "pending_input"), J = m.turns.filter((e) => e.status === "queued" || e.status === "running" || e.status === "waiting" || e.status === "failed"), Y = m.invocations.filter((e) => e.status === "outcome_unknown"), X = m.messages.length === 0 && !m.turn.streaming, Z = K.length > 0 || q.length > 0, Q = m.turn.streaming && !Z || m.turns.some((e) => e.status === "running"), fe = m.messages.some((e) => e.role === "assistant" && e.streaming && e.content.length > 0), $ = k.trim().length > 0;
-	return /* @__PURE__ */ S("aside", {
+	B.current = q;
+	let J = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q(N));
+	}, Y = m.invocations.filter((e) => e.status === "pending_approval"), X = m.invocations.filter((e) => e.kind === "input_request" && e.status === "pending_input"), le = m.turns.filter((e) => e.status === "queued" || e.status === "running" || e.status === "waiting" || e.status === "failed"), ue = m.invocations.filter((e) => e.status === "outcome_unknown"), de = m.messages.length === 0 && !m.turn.streaming, Z = Y.length > 0 || X.length > 0, Q = m.turn.streaming && !Z || m.turns.some((e) => e.status === "running"), fe = m.messages.some((e) => e.role === "assistant" && e.streaming && e.content.length > 0), $ = N.trim().length > 0;
+	return /* @__PURE__ */ w("aside", {
 		style: {
 			...p ? {
 				gridArea: "assistant",
@@ -129,7 +81,7 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 			flexDirection: "column"
 		},
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -138,31 +90,31 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 					borderBottom: "1px solid var(--divider)"
 				},
 				children: [
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ C("span", {
 						style: {
 							width: 22,
 							height: 22,
-							borderRadius: 6,
+							borderRadius: "var(--radius-md)",
 							background: "linear-gradient(135deg, var(--accent), var(--accent-hover))",
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center"
 						},
-						children: /* @__PURE__ */ x(c.sparkle, {
+						children: /* @__PURE__ */ C(a.sparkle, {
 							size: 13,
 							style: { color: "var(--accent-foreground)" }
 						})
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						style: { flex: 1 },
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ C("div", {
 							style: {
 								fontSize: 12.5,
 								fontWeight: 600,
 								color: "var(--text)"
 							},
-							children: u
-						}), /* @__PURE__ */ S("div", {
+							children: d
+						}), /* @__PURE__ */ w("div", {
 							style: {
 								fontSize: 10.5,
 								color: "var(--text-3)",
@@ -170,63 +122,63 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 								alignItems: "center",
 								gap: 4
 							},
-							children: [/* @__PURE__ */ x("span", { style: {
+							children: [/* @__PURE__ */ C("span", { style: {
 								width: 5,
 								height: 5,
 								background: "var(--success)",
 								borderRadius: 999
-							} }), n(_("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ x("span", { children: D || _("agent.panel.context_platform", "Platform") }) })]
+							} }), i(E("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ C("span", { children: j || E("agent.panel.context_platform", "Platform") }) })]
 						})]
 					}),
-					m.messages.length > 0 && /* @__PURE__ */ x(l, {
+					m.messages.length > 0 && /* @__PURE__ */ C(s, {
 						size: 24,
-						icon: /* @__PURE__ */ x(c.copy, { size: 12 }),
-						onClick: () => void ue(_, m.messages),
-						title: _("agent.panel.copy_all", "Copy entire conversation")
+						icon: /* @__PURE__ */ C(a.copy, { size: 12 }),
+						onClick: () => void se(E, m.messages),
+						title: E("agent.panel.copy_all", "Copy entire conversation")
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ C(s, {
 						size: 24,
-						icon: /* @__PURE__ */ x(c.clock, { size: 12 }),
+						icon: /* @__PURE__ */ C(a.clock, { size: 12 }),
 						onClick: () => {
-							I((e) => !e), m.refreshConversations();
+							z((e) => !e), m.refreshConversations();
 						},
-						title: _("agent.panel.earlier", "Earlier conversations")
+						title: E("agent.panel.earlier", "Earlier conversations")
 					}),
-					m.conversationId && /* @__PURE__ */ x(l, {
+					m.conversationId && /* @__PURE__ */ C(s, {
 						size: 24,
-						icon: /* @__PURE__ */ x(c.plus, { size: 12 }),
+						icon: /* @__PURE__ */ C(a.plus, { size: 12 }),
 						onClick: m.startNew,
-						title: _("agent.panel.new_conversation", "New conversation")
+						title: E("agent.panel.new_conversation", "New conversation")
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ C(s, {
 						size: 24,
-						icon: /* @__PURE__ */ x(c.settings, { size: 12 }),
-						title: _("agent.panel.preferences", "Preferences")
+						icon: /* @__PURE__ */ C(a.settings, { size: 12 }),
+						title: E("agent.panel.preferences", "Preferences")
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ C(s, {
 						size: 24,
-						icon: /* @__PURE__ */ x(c.x, { size: 13 }),
-						onClick: i,
-						title: _("agent.panel.close", "Close")
+						icon: /* @__PURE__ */ C(a.x, { size: 13 }),
+						onClick: r,
+						title: E("agent.panel.close", "Close")
 					})
 				]
 			}),
-			!m.conversationId && /* @__PURE__ */ x(h, {
+			!m.conversationId && /* @__PURE__ */ C(g, {
 				agents: m.agents,
 				selectedId: m.selectedAgentId,
 				onSelect: m.selectAgent,
-				label: _("agent.panel.agent", "Agent")
+				label: E("agent.panel.agent", "Agent")
 			}),
-			F && /* @__PURE__ */ x(ce, {
+			R && /* @__PURE__ */ C(ae, {
 				conversations: m.conversations,
 				currentId: m.conversationId,
 				onPick: (e) => {
-					m.setConversationId(e), I(!1);
+					m.setConversationId(e), z(!1);
 				}
 			}),
-			/* @__PURE__ */ S("div", {
-				ref: R,
-				onScroll: H,
+			/* @__PURE__ */ w("div", {
+				ref: V,
+				onScroll: G,
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -237,21 +189,21 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 					position: "relative"
 				},
 				children: [
-					X && /* @__PURE__ */ x(M, { children: _("agent.panel.intro", "Hi — I can answer questions about your data, suggest actions, draft YAML definitions, and run allowed tools within your permissions. What would you like to do?") }),
-					ne(m.messages, m.invocations).map((e) => e.kind === "message" ? /* @__PURE__ */ x(le, { message: e.message }, e.message.id) : /* @__PURE__ */ x(se, { run: e }, e.id)),
-					J.map((e) => /* @__PURE__ */ x(ie, { agentTurn: e }, e.id)),
-					K.map((e) => /* @__PURE__ */ x(de, {
+					de && /* @__PURE__ */ C(O, { children: E("agent.panel.intro", "Hi — I can answer questions about your data, suggest actions, draft YAML definitions, and run allowed tools within your permissions. What would you like to do?") }),
+					y(m.messages, m.invocations).map((e) => e.kind === "message" ? /* @__PURE__ */ C(oe, { message: e.message }, e.message.id) : /* @__PURE__ */ C(ie, { run: e }, e.id)),
+					le.map((e) => /* @__PURE__ */ C(k, { agentTurn: e }, e.id)),
+					Y.map((e) => /* @__PURE__ */ C(ce, {
 						tool: e,
 						onApprove: async (t) => m.approve(e.id, t),
 						onReject: async (t) => m.reject(e.id, t)
 					}, e.id)),
-					q.map((e) => /* @__PURE__ */ x(ee, {
-						...ae(_, e),
+					X.map((e) => /* @__PURE__ */ C(h, {
+						...ne(E, e),
 						onSubmit: (t) => void m.submitInput(e.id, t),
 						onCancel: () => void m.cancelInput(e.id)
 					}, e.id)),
-					Y.map((e) => /* @__PURE__ */ x(oe, { invocation: e }, e.id)),
-					Q && !fe && /* @__PURE__ */ S("div", {
+					ue.map((e) => /* @__PURE__ */ C(re, { invocation: e }, e.id)),
+					Q && !fe && /* @__PURE__ */ w("div", {
 						style: {
 							display: "flex",
 							gap: 6,
@@ -259,23 +211,23 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 							color: "var(--text-3)",
 							fontSize: 11.5
 						},
-						children: [/* @__PURE__ */ x(d, { size: 12 }), _("agent.panel.thinking", "Thinking…")]
+						children: [/* @__PURE__ */ C(l, { size: 12 }), E("agent.panel.thinking", "Thinking…")]
 					}),
-					j && /* @__PURE__ */ x("div", {
+					F && /* @__PURE__ */ C("div", {
 						style: {
 							padding: "8px 10px",
 							background: "var(--surface-2)",
 							border: "1px solid var(--border)",
-							borderRadius: 6,
+							borderRadius: "var(--radius-md)",
 							fontSize: 11.5,
 							color: "var(--text-2)"
 						},
-						children: /* @__PURE__ */ x("strong", { children: j })
+						children: /* @__PURE__ */ C("strong", { children: F })
 					})
 				]
 			}),
-			B && /* @__PURE__ */ S("button", {
-				onClick: () => U("smooth"),
+			U && /* @__PURE__ */ w("button", {
+				onClick: () => K("smooth"),
 				style: {
 					position: "absolute",
 					right: 16,
@@ -294,15 +246,15 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 					gap: 4,
 					zIndex: 1
 				},
-				children: [/* @__PURE__ */ x(c.arrowDown, { size: 11 }), _("agent.panel.jump_latest", "Jump to latest")]
+				children: [/* @__PURE__ */ C(a.arrowDown, { size: 11 }), E("agent.panel.jump_latest", "Jump to latest")]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				style: {
 					padding: 10,
 					borderTop: "1px solid var(--divider)",
 					background: "var(--surface-2)"
 				},
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					style: {
 						display: "flex",
 						alignItems: "flex-end",
@@ -310,14 +262,14 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 						padding: 6,
 						background: "var(--surface)",
 						border: "1px solid var(--border)",
-						borderRadius: 8
+						borderRadius: "var(--radius-md)"
 					},
 					children: [
-						/* @__PURE__ */ x(w, {
-							value: k,
-							onChange: (e) => A(e.target.value),
-							onKeyDown: G,
-							placeholder: _("agent.panel.ask_placeholder", "Ask or describe what you want…"),
+						/* @__PURE__ */ C(ee, {
+							value: N,
+							onChange: (e) => P(e.target.value),
+							onKeyDown: J,
+							placeholder: E("agent.panel.ask_placeholder", "Ask or describe what you want…"),
 							minRows: 1,
 							maxRows: 8,
 							style: {
@@ -333,19 +285,19 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 								fontFamily: "inherit"
 							}
 						}),
-						/* @__PURE__ */ x(l, {
+						/* @__PURE__ */ C(s, {
 							size: 26,
-							icon: /* @__PURE__ */ x(c.paperclip, { size: 12 }),
-							title: _("agent.panel.attach_context", "Attach context")
+							icon: /* @__PURE__ */ C(a.paperclip, { size: 12 }),
+							title: E("agent.panel.attach_context", "Attach context")
 						}),
-						Q ? /* @__PURE__ */ x("button", {
+						Q ? /* @__PURE__ */ C("button", {
 							onClick: () => void m.cancel(),
-							"aria-label": _("agent.panel.stop", "Stop generating"),
-							title: _("agent.panel.stop", "Stop generating"),
+							"aria-label": E("agent.panel.stop", "Stop generating"),
+							title: E("agent.panel.stop", "Stop generating"),
 							style: {
 								width: 26,
 								height: 26,
-								borderRadius: 6,
+								borderRadius: "var(--radius-md)",
 								border: 0,
 								cursor: "pointer",
 								background: "var(--destructive)",
@@ -354,15 +306,15 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ x(c.x, { size: 13 })
-						}) : /* @__PURE__ */ x("button", {
-							onClick: () => void W(k),
+							children: /* @__PURE__ */ C(a.x, { size: 13 })
+						}) : /* @__PURE__ */ C("button", {
+							onClick: () => void q(N),
 							disabled: !$,
-							"aria-label": _("agent.panel.send", "Send"),
+							"aria-label": E("agent.panel.send", "Send"),
 							style: {
 								width: 26,
 								height: 26,
-								borderRadius: 6,
+								borderRadius: "var(--radius-md)",
 								border: 0,
 								cursor: $ ? "pointer" : "default",
 								background: $ ? "var(--accent)" : "var(--surface-3)",
@@ -371,10 +323,10 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ x(c.arrowUp, { size: 13 })
+							children: /* @__PURE__ */ C(a.arrowUp, { size: 13 })
 						})
 					]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ w("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -383,14 +335,14 @@ function A({ open: t, onClose: i, context: o, title: u = "", askOnOpen: f, docke
 						fontSize: 10.5,
 						color: "var(--text-4)"
 					},
-					children: [/* @__PURE__ */ x(c.shield, { size: 10 }), /* @__PURE__ */ x("span", { children: _("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
+					children: [/* @__PURE__ */ C(a.shield, { size: 10 }), /* @__PURE__ */ C("span", { children: E("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
 				})]
 			})
 		]
 	});
 }
-function j() {
-	return /* @__PURE__ */ x("span", {
+function D() {
+	return /* @__PURE__ */ C("span", {
 		"aria-hidden": !0,
 		style: {
 			display: "inline-block",
@@ -403,8 +355,8 @@ function j() {
 		}
 	});
 }
-function M({ children: e, dataMessageId: t, dataStreaming: n }) {
-	return /* @__PURE__ */ S("div", {
+function O({ children: e, dataMessageId: t, dataStreaming: n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-message-id": t,
 		"data-streaming": n ? "true" : void 0,
 		style: {
@@ -412,11 +364,11 @@ function M({ children: e, dataMessageId: t, dataStreaming: n }) {
 			gap: 8,
 			alignItems: "flex-start"
 		},
-		children: [/* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ C("span", {
 			style: {
 				width: 20,
 				height: 20,
-				borderRadius: 5,
+				borderRadius: "var(--radius-sm)",
 				background: "var(--accent-soft)",
 				color: "var(--accent)",
 				display: "inline-flex",
@@ -425,8 +377,8 @@ function M({ children: e, dataMessageId: t, dataStreaming: n }) {
 				flexShrink: 0,
 				marginTop: 2
 			},
-			children: /* @__PURE__ */ x(c.sparkle, { size: 11 })
-		}), /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ C(a.sparkle, { size: 11 })
+		}), /* @__PURE__ */ C("div", {
 			style: {
 				flex: 1,
 				minWidth: 0,
@@ -438,75 +390,75 @@ function M({ children: e, dataMessageId: t, dataStreaming: n }) {
 		})]
 	});
 }
-function ie({ agentTurn: e }) {
-	let t = s(), n = s("errors"), r = i("agent_turn")?.fields.get("status"), a = e.status === "failed" ? n(e.error_code ?? "", o(e.error_details) || n("agents.turn_failed", "The assistant could not finish this turn.")) : void 0;
-	return /* @__PURE__ */ S("div", {
-		"data-agent-turn": e.id,
-		"data-turn-status": e.status,
+function k({ agentTurn: t }) {
+	let n = c(), r = c("errors"), i = p("agent_turn")?.fields.get("status"), a = t.status === "failed" ? r(t.error_code ?? "", e(t.error_details) || r("agents.turn_failed", "The assistant could not finish this turn.")) : void 0;
+	return /* @__PURE__ */ w("div", {
+		"data-agent-turn": t.id,
+		"data-turn-status": t.status,
 		style: {
 			fontSize: 11.5,
 			color: "var(--text-3)"
 		},
 		children: [
-			e.status === "queued" && (t(r?.values?.find((e) => e.code === "queued")?.name) || e.status),
-			e.status === "running" && t("agent.panel.turn_working", "Working…"),
-			e.status === "waiting" && t("agent.panel.turn_waiting", "Waiting for your response"),
-			e.status === "failed" && t("agent.panel.turn_unfinished", "The agent couldn't finish: {reason}", { reason: a ?? "" })
+			t.status === "queued" && (n(i?.values?.find((e) => e.code === "queued")?.name) || t.status),
+			t.status === "running" && n("agent.panel.turn_working", "Working…"),
+			t.status === "waiting" && n("agent.panel.turn_waiting", "Waiting for your response"),
+			t.status === "failed" && n("agent.panel.turn_unfinished", "The agent couldn't finish: {reason}", { reason: a ?? "" })
 		]
 	});
 }
-function ae(e, t) {
+function ne(e, t) {
 	let n = e("agent.panel.input_needed", "Your response is needed."), r = t.question;
 	if (r && (r.message || r.schema)) return {
 		message: r.message || t.reason || n,
-		schema: N(r.schema) ? r.schema : {}
+		schema: A(r.schema) ? r.schema : {}
 	};
 	let i = t.params ?? {};
 	return {
 		message: typeof i.message == "string" ? i.message : t.reason || n,
-		schema: N(i.schema) ? i.schema : {}
+		schema: A(i.schema) ? i.schema : {}
 	};
 }
-function oe({ invocation: e }) {
-	let t = s();
-	return /* @__PURE__ */ x("div", {
+function re({ invocation: e }) {
+	let t = c();
+	return /* @__PURE__ */ C("div", {
 		"data-agent-invocation": e.id,
 		"data-invocation-status": "outcome_unknown",
 		style: {
 			padding: "10px 12px",
 			background: "var(--surface-2)",
 			border: "1px solid var(--border)",
-			borderRadius: 8,
+			borderRadius: "var(--radius-md)",
 			fontSize: 11.5,
 			color: "var(--text-2)"
 		},
-		children: n(t("agent.panel.outcome_uncertain", "The outcome of {tool} is unknown. It was not retried automatically."), { tool: /* @__PURE__ */ x("span", {
+		children: i(t("agent.panel.outcome_uncertain", "The outcome of {tool} is unknown. It was not retried automatically."), { tool: /* @__PURE__ */ C("span", {
 			className: "mono",
 			children: e.tool_code
 		}) })
 	});
 }
-function N(e) {
+function A(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function se({ run: e }) {
-	let [t, n] = b(!1), r = P(), i = e.calls.filter((e) => e.isError).length, a = e.calls.filter((e) => !I(e.status)).length;
-	return /* @__PURE__ */ S("div", {
+function ie({ run: e }) {
+	let [t, n] = S(!1), r = j(), i = e.calls.filter((e) => e.isError).length, a = e.calls.filter((e) => !N(e.status)).length;
+	return /* @__PURE__ */ w("div", {
 		"data-activity-run": e.id,
 		style: {
 			display: "flex",
 			gap: 8,
 			alignItems: "flex-start"
 		},
-		children: [/* @__PURE__ */ x("span", { style: {
+		children: [/* @__PURE__ */ C("span", { style: {
 			width: 20,
 			flexShrink: 0
-		} }), /* @__PURE__ */ S("div", {
+		} }), /* @__PURE__ */ w("div", {
 			style: {
 				flex: 1,
 				minWidth: 0
 			},
-			children: [/* @__PURE__ */ S("button", {
+			children: [/* @__PURE__ */ w("button", {
 				type: "button",
 				onClick: () => n((e) => !e),
 				"data-activity-toggle": !0,
@@ -524,41 +476,41 @@ function se({ run: e }) {
 					borderRadius: 999,
 					cursor: "pointer"
 				},
-				children: [/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ C("span", {
 					"aria-hidden": !0,
 					children: t ? "▾" : "▸"
-				}), /* @__PURE__ */ x("span", { children: r(e.calls.length, a, i) })]
-			}), t && /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ C("span", { children: r(e.calls.length, a, i) })]
+			}), t && /* @__PURE__ */ C("div", {
 				style: {
 					marginTop: 4,
 					display: "flex",
 					flexDirection: "column",
 					gap: 3
 				},
-				children: e.calls.map((e) => /* @__PURE__ */ x(F, { call: e }, e.id))
+				children: e.calls.map((e) => /* @__PURE__ */ C(M, { call: e }, e.id))
 			})]
 		})]
 	});
 }
-function P() {
-	let e = s();
-	return (n, r, i) => {
+function j() {
+	let e = c();
+	return (t, n, i) => {
 		let a = [];
-		return n > 0 && a.push(t(e, "agent.panel.operations", n, {
+		return t > 0 && a.push(r(e, "agent.panel.operations", t, {
 			one: "{count} operation",
 			other: "{count} operations"
-		})), r > 0 && a.push(e("agent.panel.running", "running")), i > 0 && a.push(t(e, "agent.panel.failed_count", i, {
+		})), n > 0 && a.push(e("agent.panel.running", "running")), i > 0 && a.push(r(e, "agent.panel.failed_count", i, {
 			one: "{count} failed",
 			other: "{count} failed"
 		})), a.join(" · ") || e("agent.panel.worked", "worked");
 	};
 }
-function F({ call: e }) {
-	let [t, n] = b(!1), r = s(), a = L(e.name), o = i("agent_tool_invocation")?.fields.get("status"), c = e.status ?? "running", l = r(o?.values?.find((e) => e.code === c)?.name) || c, u = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : I(e.status) ? "ok" : "running";
-	return /* @__PURE__ */ S("div", {
+function M({ call: e }) {
+	let [t, n] = S(!1), r = c(), i = P(e.name), a = p("agent_tool_invocation")?.fields.get("status"), o = e.status ?? "running", s = r(a?.values?.find((e) => e.code === o)?.name) || o, l = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : N(e.status) ? "ok" : "running";
+	return /* @__PURE__ */ w("div", {
 		"data-activity-call": e.name,
-		"data-call-state": u,
-		children: [/* @__PURE__ */ S("button", {
+		"data-call-state": l,
+		children: [/* @__PURE__ */ w("button", {
 			type: "button",
 			onClick: () => n((e) => !e),
 			style: {
@@ -570,30 +522,30 @@ function F({ call: e }) {
 				background: "transparent",
 				border: "none",
 				cursor: "pointer",
-				color: u === "failed" ? "var(--danger)" : "var(--text-2)"
+				color: l === "failed" ? "var(--danger)" : "var(--text-2)"
 			},
 			children: [
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", {
 					"aria-hidden": !0,
 					children: t ? "▾" : "▸"
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", {
 					className: "mono",
-					children: a
+					children: i
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", {
 					style: { color: "var(--text-3)" },
-					children: l
+					children: s
 				})
 			]
-		}), t && /* @__PURE__ */ x("pre", {
+		}), t && /* @__PURE__ */ C("pre", {
 			style: {
 				margin: "2px 0 0 18px",
 				padding: 6,
 				fontSize: 10.5,
 				lineHeight: 1.45,
 				background: "var(--surface-2)",
-				borderRadius: 5,
+				borderRadius: "var(--radius-sm)",
 				overflowX: "auto",
 				whiteSpace: "pre-wrap",
 				wordBreak: "break-word",
@@ -607,26 +559,26 @@ function F({ call: e }) {
 		})]
 	});
 }
-function I(e) {
+function N(e) {
 	return e === "succeeded" || e === "failed" || e === "rejected" || e === "canceled" || e === "outcome_unknown";
 }
-function ce({ conversations: e, currentId: t, onPick: n }) {
-	let r = s();
-	return e.length === 0 ? /* @__PURE__ */ x("div", {
+function ae({ conversations: e, currentId: t, onPick: n }) {
+	let r = c();
+	return e.length === 0 ? /* @__PURE__ */ C("div", {
 		style: {
 			padding: "8px 12px",
 			fontSize: 11.5,
 			color: "var(--text-3)"
 		},
 		children: r("agent.panel.no_earlier", "No earlier conversations.")
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ C("div", {
 		"data-conversation-list": !0,
 		style: {
 			maxHeight: 200,
 			overflowY: "auto",
 			borderBottom: "1px solid var(--border)"
 		},
-		children: e.map((e) => /* @__PURE__ */ x("button", {
+		children: e.map((e) => /* @__PURE__ */ C("button", {
 			type: "button",
 			"data-conversation-id": e.id,
 			onClick: () => n(e.id),
@@ -645,44 +597,44 @@ function ce({ conversations: e, currentId: t, onPick: n }) {
 		}, e.id))
 	});
 }
-function L(t) {
-	let n = s(), { value: r } = p("agents.transcript_names", "code"), { data: i } = e();
-	return r === "display" && n(i?.actions?.[t]?.display?.name ?? R(i, t)) || t;
+function P(e) {
+	let t = c(), { value: r } = d("agents.transcript_names", "code"), { data: i } = n();
+	return r === "display" && t(i?.actions?.[e]?.display?.name ?? F(i, e)) || e;
 }
-function R(e, t) {
+function F(e, t) {
 	let n = t.indexOf(".");
 	if (!(n < 0)) return e?.entities?.[t.slice(0, n)]?.actions?.[t.slice(n + 1)]?.display?.name;
 }
-function le({ message: e }) {
+function oe({ message: e }) {
 	if (e.role === "user") {
-		let t = G(e.content), n = e.content.some((e) => e.type !== "text" && e.type !== "location");
-		return t && !n ? /* @__PURE__ */ x("div", {
+		let t = H(e.content), n = e.content.some((e) => e.type !== "text" && e.type !== "location");
+		return t && !n ? /* @__PURE__ */ C("div", {
 			style: {
 				alignSelf: "flex-end",
 				maxWidth: "80%",
 				padding: "8px 12px",
 				background: "var(--inverted-surface)",
 				color: "var(--inverted-surface-fg)",
-				borderRadius: 10,
+				borderRadius: "var(--radius-lg)",
 				fontSize: 12.5,
 				lineHeight: 1.5
 			},
 			"data-message-id": e.id,
 			"data-streaming": e.streaming ? "true" : void 0,
 			children: t
-		}) : /* @__PURE__ */ x(z, { message: e });
+		}) : /* @__PURE__ */ C(I, { message: e });
 	}
-	return e.role === "tool" ? /* @__PURE__ */ x(z, { message: e }) : e.role === "system" ? e.content.some((e) => e.type === "decision") ? /* @__PURE__ */ x(z, { message: e }) : /* @__PURE__ */ x(M, {
+	return e.role === "tool" ? /* @__PURE__ */ C(I, { message: e }) : e.role === "system" ? e.content.some((e) => e.type === "decision") ? /* @__PURE__ */ C(I, { message: e }) : /* @__PURE__ */ C(O, {
 		dataMessageId: e.id,
-		children: e.content.map((e, t) => /* @__PURE__ */ x(U, { block: e }, t))
-	}) : e.content.length === 0 ? null : /* @__PURE__ */ S(M, {
+		children: e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t))
+	}) : e.content.length === 0 ? null : /* @__PURE__ */ w(O, {
 		dataMessageId: e.id,
 		dataStreaming: e.streaming,
-		children: [e.content.map((e, t) => /* @__PURE__ */ x(U, { block: e }, t)), e.streaming && /* @__PURE__ */ x(j, {})]
+		children: [e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t)), e.streaming && /* @__PURE__ */ C(D, {})]
 	});
 }
-function z({ message: e }) {
-	return /* @__PURE__ */ x("div", {
+function I({ message: e }) {
+	return /* @__PURE__ */ C("div", {
 		"data-message-id": e.id,
 		"data-streaming": e.streaming ? "true" : void 0,
 		style: {
@@ -692,15 +644,15 @@ function z({ message: e }) {
 			flexDirection: "column",
 			alignItems: "flex-end"
 		},
-		children: e.content.map((e, t) => /* @__PURE__ */ x(U, { block: e }, t))
+		children: e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t))
 	});
 }
-function B({ href: e, children: t, ...n }) {
-	let r = m(), i = {
-		color: "var(--accent)",
+function L({ href: e, children: t, ...n }) {
+	let r = f(), i = {
+		color: "var(--accent-text)",
 		textDecoration: "underline"
-	}, a = V(e);
-	return a ? /* @__PURE__ */ x("a", {
+	}, a = R(e);
+	return a ? /* @__PURE__ */ C("a", {
 		...n,
 		href: e,
 		style: i,
@@ -708,7 +660,7 @@ function B({ href: e, children: t, ...n }) {
 			e.preventDefault(), r(a);
 		},
 		children: t
-	}) : /* @__PURE__ */ x("a", {
+	}) : /* @__PURE__ */ C("a", {
 		...n,
 		href: e,
 		target: "_blank",
@@ -717,7 +669,7 @@ function B({ href: e, children: t, ...n }) {
 		children: t
 	});
 }
-function V(e) {
+function R(e) {
 	if (typeof e != "string") return null;
 	let t;
 	try {
@@ -727,31 +679,31 @@ function V(e) {
 	}
 	return t.origin === window.location.origin ? `${t.pathname}${t.search}${t.hash}` : null;
 }
-var H = {
-	a: B,
+var z = {
+	a: L,
 	code({ node: e, inline: t, className: n, children: r, ...i }) {
-		return t ? /* @__PURE__ */ x("code", {
+		return t ? /* @__PURE__ */ C("code", {
 			...i,
 			style: {
 				background: "var(--surface-2)",
 				padding: "1px 4px",
-				borderRadius: 4,
+				borderRadius: "var(--radius-sm)",
 				fontFamily: "var(--font-mono, ui-monospace)",
 				fontSize: "0.92em"
 			},
 			children: r
-		}) : /* @__PURE__ */ x("pre", {
+		}) : /* @__PURE__ */ C("pre", {
 			style: {
 				background: "var(--surface-2)",
 				border: "1px solid var(--border)",
-				borderRadius: 6,
+				borderRadius: "var(--radius-md)",
 				padding: "8px 10px",
 				margin: "6px 0",
 				overflowX: "auto",
 				fontSize: 11.5,
 				lineHeight: 1.5
 			},
-			children: /* @__PURE__ */ x("code", {
+			children: /* @__PURE__ */ C("code", {
 				className: n,
 				...i,
 				children: r
@@ -759,7 +711,7 @@ var H = {
 		});
 	},
 	ul({ children: e, ...t }) {
-		return /* @__PURE__ */ x("ul", {
+		return /* @__PURE__ */ C("ul", {
 			...t,
 			style: {
 				paddingLeft: 18,
@@ -769,7 +721,7 @@ var H = {
 		});
 	},
 	ol({ children: e, ...t }) {
-		return /* @__PURE__ */ x("ol", {
+		return /* @__PURE__ */ C("ol", {
 			...t,
 			style: {
 				paddingLeft: 20,
@@ -779,49 +731,49 @@ var H = {
 		});
 	},
 	p({ children: e, ...t }) {
-		return /* @__PURE__ */ x("p", {
+		return /* @__PURE__ */ C("p", {
 			...t,
 			style: { margin: "4px 0" },
 			children: e
 		});
 	}
 };
-function U({ block: e }) {
-	let t = s();
+function B({ block: e }) {
+	let t = c();
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ x("div", {
+		case "text": return /* @__PURE__ */ C("div", {
 			className: "agent-md",
-			children: /* @__PURE__ */ x(f, {
+			children: /* @__PURE__ */ C(m, {
 				content: e.text,
 				plugins: "gfm",
 				prose: !1,
 				skipHtml: !1,
-				components: H
+				components: z
 			})
 		});
 		case "tool_use": {
-			let n = K(t, e.name, e.input);
-			return /* @__PURE__ */ x(W, {
+			let n = U(t, e.name, e.input);
+			return /* @__PURE__ */ C(V, {
 				kind: "call",
 				label: n.label,
 				sub: n.sub,
 				body: e.input
 			});
 		}
-		case "tool_result": return /* @__PURE__ */ x(W, {
+		case "tool_result": return /* @__PURE__ */ C(V, {
 			kind: "result",
-			label: q(t, e),
+			label: W(t, e),
 			body: e.output,
 			isError: !!e.is_error
 		});
-		case "elicit_response": return /* @__PURE__ */ x(W, {
+		case "elicit_response": return /* @__PURE__ */ C(V, {
 			kind: "result",
 			label: t("agent.panel.chip.answer", "answer"),
 			body: e.data
 		});
-		case "decision": return /* @__PURE__ */ x(Y, { block: e });
+		case "decision": return /* @__PURE__ */ C(K, { block: e });
 		case "location": return null;
-		case "system": return /* @__PURE__ */ S("div", {
+		case "system": return /* @__PURE__ */ w("div", {
 			style: {
 				fontSize: 10.5,
 				fontStyle: "italic",
@@ -829,7 +781,7 @@ function U({ block: e }) {
 			},
 			children: ["— ", e.reason]
 		});
-		case "summary": return /* @__PURE__ */ x("div", {
+		case "summary": return /* @__PURE__ */ C("div", {
 			style: {
 				fontSize: 10.5,
 				fontStyle: "italic",
@@ -837,14 +789,14 @@ function U({ block: e }) {
 			},
 			children: e.text
 		});
-		case "attachment": return /* @__PURE__ */ x("pre", {
+		case "attachment": return /* @__PURE__ */ C("pre", {
 			className: "mono",
 			style: {
 				marginTop: 8,
 				padding: "8px 10px",
 				background: "var(--surface-2)",
 				border: "1px solid var(--border)",
-				borderRadius: 6,
+				borderRadius: "var(--radius-md)",
 				fontSize: 10.5,
 				overflowX: "auto"
 			},
@@ -853,13 +805,13 @@ function U({ block: e }) {
 		default: return null;
 	}
 }
-function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
-	return /* @__PURE__ */ S("details", {
+function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
+	return /* @__PURE__ */ w("details", {
 		style: {
 			marginTop: 6,
 			background: "var(--surface-2)",
 			border: "1px solid var(--border)",
-			borderRadius: 6,
+			borderRadius: "var(--radius-md)",
 			fontSize: 11,
 			width: "100%",
 			minWidth: 0,
@@ -867,7 +819,7 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 			boxSizing: "border-box",
 			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ S("summary", {
+		children: [/* @__PURE__ */ w("summary", {
 			style: {
 				padding: "5px 8px",
 				cursor: "pointer",
@@ -879,7 +831,7 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 				color: "var(--text-2)"
 			},
 			children: [
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", {
 					"aria-hidden": !0,
 					style: {
 						color: i ? "var(--destructive)" : "var(--text-3)",
@@ -888,7 +840,7 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: e === "call" ? "→" : i ? "✗" : "✓"
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", {
 					className: "mono",
 					style: {
 						color: "var(--text-2)",
@@ -900,7 +852,7 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: t
 				}),
-				n && /* @__PURE__ */ x("span", {
+				n && /* @__PURE__ */ C("span", {
 					style: {
 						fontSize: 10,
 						color: "var(--text-4)",
@@ -912,8 +864,8 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: n
 				}),
-				/* @__PURE__ */ x("span", { style: { flex: 1 } }),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("span", { style: { flex: 1 } }),
+				/* @__PURE__ */ C("span", {
 					"aria-hidden": !0,
 					style: {
 						fontSize: 9,
@@ -922,7 +874,7 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					children: "▾"
 				})
 			]
-		}), /* @__PURE__ */ x("pre", {
+		}), /* @__PURE__ */ C("pre", {
 			className: "mono",
 			style: {
 				margin: 0,
@@ -938,10 +890,10 @@ function W({ kind: e, label: t, sub: n, body: r, isError: i }) {
 		})]
 	});
 }
-function G(e) {
+function H(e) {
 	return e.map((e) => e.type === "text" ? e.text : "").join("");
 }
-function K(e, t, n) {
+function U(e, t, n) {
 	if (t === "action.invoke") {
 		let r = typeof n?.code == "string" ? n.code : "";
 		if (r) return {
@@ -951,22 +903,22 @@ function K(e, t, n) {
 	}
 	return { label: t };
 }
-function q(e, t) {
+function W(e, t) {
 	return t.name ? t.name : t.is_error ? e("agent.panel.chip.error", "error") : e("agent.panel.chip.result", "result");
 }
-function J(e, t) {
+function G(e, t) {
 	return t === "approved" ? e("agent.panel.decision.approve", "Approved") : e("agent.panel.decision.reject", "Rejected");
 }
-function Y({ block: e }) {
-	let t = s(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
-	return /* @__PURE__ */ S("div", {
+function K({ block: e }) {
+	let t = c(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
+	return /* @__PURE__ */ w("div", {
 		style: {
 			marginTop: 6,
 			padding: "5px 10px",
 			background: "var(--surface-2)",
 			border: "1px solid var(--border)",
 			borderLeft: `3px solid ${r}`,
-			borderRadius: 6,
+			borderRadius: "var(--radius-md)",
 			fontSize: 11.5,
 			display: "inline-flex",
 			alignItems: "center",
@@ -975,7 +927,7 @@ function Y({ block: e }) {
 		},
 		title: e.decided_at ? t("agent.panel.decided_at", "decided {time}", { time: e.decided_at }) : void 0,
 		children: [
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ C("span", {
 				"aria-hidden": !0,
 				style: {
 					color: r,
@@ -983,11 +935,11 @@ function Y({ block: e }) {
 				},
 				children: n ? "✓" : "✗"
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ C("span", {
 				style: { fontWeight: 600 },
-				children: J(t, e.decision)
+				children: G(t, e.decision)
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ C("span", {
 				className: "mono",
 				style: {
 					color: "var(--text-3)",
@@ -995,7 +947,7 @@ function Y({ block: e }) {
 				},
 				children: e.tool_code
 			}),
-			e.note && /* @__PURE__ */ S("span", {
+			e.note && /* @__PURE__ */ w("span", {
 				style: {
 					color: "var(--text-3)",
 					fontStyle: "italic"
@@ -1005,10 +957,10 @@ function Y({ block: e }) {
 		]
 	});
 }
-async function ue(e, t) {
+async function se(e, t) {
 	let n = [];
 	for (let r of t) {
-		let t = `[${r.role}]`, i = r.content.map((t) => X(e, t)).filter((e) => e.length > 0).join("\n");
+		let t = `[${r.role}]`, i = r.content.map((t) => q(e, t)).filter((e) => e.length > 0).join("\n");
 		i && n.push(`${t}\n${i}`);
 	}
 	let r = n.join("\n\n");
@@ -1018,55 +970,55 @@ async function ue(e, t) {
 		console.error("agent: copyTranscript failed", e);
 	}
 }
-function X(e, t) {
+function q(e, t) {
 	switch (t.type) {
 		case "text": return t.text;
 		case "tool_use": {
-			let n = K(e, t.name, t.input);
+			let n = U(e, t.name, t.input);
 			return `${n.sub ? `→ ${n.label} (${n.sub})` : `→ ${n.label}`}\n${JSON.stringify(t.input, null, 2)}`;
 		}
-		case "tool_result": return `${`${t.is_error ? "✗" : "✓"} ${q(e, t)}`}\n${JSON.stringify(t.output, null, 2)}`;
+		case "tool_result": return `${`${t.is_error ? "✗" : "✓"} ${W(e, t)}`}\n${JSON.stringify(t.output, null, 2)}`;
 		case "elicit_response": return `${e("agent.panel.chip.answer", "answer")}\n${JSON.stringify(t.data, null, 2)}`;
-		case "decision": return `${J(e, t.decision)} ${t.tool_code}${t.note ? ` — ${t.note}` : ""}`;
+		case "decision": return `${G(e, t.decision)} ${t.tool_code}${t.note ? ` — ${t.note}` : ""}`;
 		case "system": return `— ${t.reason}`;
 		case "summary": return t.text;
 		case "attachment": return t.content;
 		default: return "";
 	}
 }
-function Z(e, t) {
+function J(e, t) {
 	return e("agent.panel.proposal", "Run {code}.", { code: t });
 }
-function de({ tool: e, onApprove: t, onReject: n }) {
-	let i = s(), a = s("errors"), o = JSON.stringify(e.params ?? {}, null, 2), [l, d] = b(!1), [f, p] = b(!1), [m, ee] = b(""), [h, g] = b(null), [_, v] = b(!1), y = async (e) => {
-		if (!_) {
-			v(!0);
+function ce({ tool: e, onApprove: t, onReject: n }) {
+	let r = c(), i = c("errors"), s = JSON.stringify(e.params ?? {}, null, 2), [l, d] = S(!1), [f, p] = S(!1), [m, h] = S(""), [g, _] = S(null), [v, y] = S(!1), b = async (e) => {
+		if (!v) {
+			y(!0);
 			try {
 				await t(e);
 			} catch (e) {
-				g(r(a, e)), v(!1);
+				_(u(i, e)), y(!1);
 			}
 		}
-	}, C = async () => {
-		if (!_) {
-			v(!0);
+	}, x = async () => {
+		if (!v) {
+			y(!0);
 			try {
 				await n(m.trim() || void 0);
 			} catch (e) {
-				g(r(a, e)), v(!1);
+				_(u(i, e)), y(!1);
 			}
 		}
-	}, w = typeof e.confidence == "number" ? Math.round(Math.max(0, Math.min(1, e.confidence)) * 100) : null;
-	return /* @__PURE__ */ S("div", {
+	}, T = typeof e.confidence == "number" ? Math.round(Math.max(0, Math.min(1, e.confidence)) * 100) : null;
+	return /* @__PURE__ */ w("div", {
 		style: {
 			marginTop: 4,
 			padding: "10px 12px",
 			background: "var(--surface-2)",
 			border: "1px solid var(--border)",
-			borderRadius: 7
+			borderRadius: "var(--radius-md)"
 		},
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1074,19 +1026,19 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 					marginBottom: 6
 				},
 				children: [
-					/* @__PURE__ */ x(c.bolt, {
+					/* @__PURE__ */ C(a.bolt, {
 						size: 11,
 						style: { color: "var(--accent)" }
 					}),
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ C("span", {
 						style: {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text)"
 						},
-						children: i("agent.panel.proposed", "AI proposed")
+						children: r("agent.panel.proposed", "AI proposed")
 					}),
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ C("span", {
 						className: "mono",
 						style: {
 							fontSize: 10.5,
@@ -1094,8 +1046,8 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 						},
 						children: e.tool_code
 					}),
-					w !== null && /* @__PURE__ */ x("span", {
-						title: i("agent.panel.confidence_title", "LLM confidence {percent}%", { percent: w }),
+					T !== null && /* @__PURE__ */ C("span", {
+						title: r("agent.panel.confidence_title", "LLM confidence {percent}%", { percent: T }),
 						style: {
 							marginLeft: "auto",
 							fontSize: 10,
@@ -1104,20 +1056,20 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 							border: "1px solid var(--border)",
 							borderRadius: 999
 						},
-						children: i("agent.panel.confidence", "{percent}% confident", { percent: w })
+						children: r("agent.panel.confidence", "{percent}% confident", { percent: T })
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				style: {
 					fontSize: 12,
 					lineHeight: 1.45,
 					color: "var(--text)",
 					marginBottom: 8
 				},
-				children: e.question?.message?.trim() || Z(i, e.tool_code)
+				children: e.question?.message?.trim() || J(r, e.tool_code)
 			}),
-			e.reason?.trim() && /* @__PURE__ */ x("div", {
+			e.reason?.trim() && /* @__PURE__ */ C("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.45,
@@ -1126,7 +1078,7 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 				},
 				children: e.reason.trim()
 			}),
-			/* @__PURE__ */ S("button", {
+			/* @__PURE__ */ w("button", {
 				type: "button",
 				onClick: () => d((e) => !e),
 				style: {
@@ -1141,7 +1093,7 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 					alignItems: "center",
 					gap: 4
 				},
-				children: [/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ C("span", {
 					style: {
 						display: "inline-block",
 						transform: l ? "rotate(90deg)" : "none",
@@ -1150,9 +1102,9 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 						lineHeight: 1
 					},
 					children: "▶"
-				}), l ? i("agent.panel.hide_params", "Hide parameters") : i("agent.panel.view_params", "View parameters")]
+				}), l ? r("agent.panel.hide_params", "Hide parameters") : r("agent.panel.view_params", "View parameters")]
 			}),
-			l && /* @__PURE__ */ x("pre", {
+			l && /* @__PURE__ */ C("pre", {
 				className: "mono",
 				style: {
 					width: "100%",
@@ -1162,26 +1114,26 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 					lineHeight: 1.45,
 					background: "var(--surface)",
 					border: "1px solid var(--border)",
-					borderRadius: 6,
+					borderRadius: "var(--radius-md)",
 					color: "var(--text)",
 					overflowX: "auto",
 					whiteSpace: "pre-wrap"
 				},
-				children: o
+				children: s
 			}),
-			h && /* @__PURE__ */ x("div", {
+			g && /* @__PURE__ */ C("div", {
 				style: {
 					marginTop: 4,
 					fontSize: 10.5,
 					color: "var(--text-2)"
 				},
-				children: h
+				children: g
 			}),
-			f && /* @__PURE__ */ x("input", {
+			f && /* @__PURE__ */ C("input", {
 				type: "text",
 				value: m,
-				onChange: (e) => ee(e.target.value),
-				placeholder: i("agent.panel.reject_note", "Why not? (optional) — then Send rejection"),
+				onChange: (e) => h(e.target.value),
+				placeholder: r("agent.panel.reject_note", "Why not? (optional) — then Send rejection"),
 				autoFocus: !0,
 				style: {
 					marginTop: 6,
@@ -1190,11 +1142,11 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 					fontSize: 11,
 					background: "var(--surface)",
 					border: "1px solid var(--border)",
-					borderRadius: 6,
+					borderRadius: "var(--radius-md)",
 					color: "var(--text)"
 				}
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				style: {
 					display: "flex",
 					gap: 6,
@@ -1202,33 +1154,33 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 					justifyContent: "flex-end"
 				},
 				children: [
-					f ? /* @__PURE__ */ x(u, {
+					f ? /* @__PURE__ */ C(o, {
 						size: "xs",
 						kind: "ghost",
-						onClick: C,
-						disabled: _,
-						children: i("agent.panel.reject_send", "Send rejection")
-					}) : /* @__PURE__ */ x(u, {
+						onClick: x,
+						disabled: v,
+						children: r("agent.panel.reject_send", "Send rejection")
+					}) : /* @__PURE__ */ C(o, {
 						size: "xs",
 						kind: "ghost",
 						onClick: () => p(!0),
-						disabled: _,
-						children: i("agent.panel.reject", "Reject…")
+						disabled: v,
+						children: r("agent.panel.reject", "Reject…")
 					}),
-					e.confirmation_mode !== "always" && /* @__PURE__ */ x(u, {
+					e.confirmation_mode !== "always" && /* @__PURE__ */ C(o, {
 						size: "xs",
 						kind: "ghost",
-						onClick: () => y("conversation"),
-						disabled: _,
-						children: i("agent.panel.approve_chat", "Approve for this chat")
+						onClick: () => b("conversation"),
+						disabled: v,
+						children: r("agent.panel.approve_chat", "Approve for this chat")
 					}),
-					/* @__PURE__ */ x(u, {
+					/* @__PURE__ */ C(o, {
 						size: "xs",
 						kind: "primary",
-						icon: /* @__PURE__ */ x(c.check, { size: 11 }),
-						onClick: () => y("call"),
-						disabled: _,
-						children: i("agent.panel.approve_once", "Approve once")
+						icon: /* @__PURE__ */ C(a.check, { size: 11 }),
+						onClick: () => b("call"),
+						disabled: v,
+						children: r("agent.panel.approve_once", "Approve once")
 					})
 				]
 			})
@@ -1236,4 +1188,4 @@ function de({ tool: e, onApprove: t, onReject: n }) {
 	});
 }
 //#endregion
-export { A as AgentChatPanel };
+export { E as AgentChatPanel, J as proposalFallback };