@declarion/react 0.106.0 → 0.109.0

package/dist-lib/components/agents/AgentChatPanel.impl.js

@@ -12,55 +12,61 @@ 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";
+import { useFileSelection as h } from "../file-widgets/useFileSelection.js";
+import { AgentElicitForm as g } from "./AgentElicitForm.js";
+import { AgentPicker as _ } from "./AgentPicker.js";
+import { useAgentConversation as v } from "../../hooks/useAgentConversation.js";
+import { useWindowConversation as y } from "../../hooks/useWindowConversation.js";
+import { fold as b } from "./transcript-runs.js";
+import { ComposerAttachments as x, MessageAttachments as S, replyFilesVisible as C } from "./ChatAttachments.js";
+import { useEffect as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useLocation as ee } from "react-router";
+import te from "react-textarea-autosize";
 //#region src/components/agents/AgentChatPanel.impl.tsx
-var te = 80;
-function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docked: p = !1 }) {
-	let m = _();
-	v(m.conversationId);
-	let E = l(), { pathname: D } = T(), { data: A } = n(), j = s ? t(E, D, A?.screens, A?.entities)?.title : void 0, M = l("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;
+var ne = 80;
+function k({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docked: p = !1 }) {
+	let m = v();
+	y(m.conversationId);
+	let S = l(), { pathname: C } = ee(), { data: k } = n(), A = s ? t(S, C, k?.screens, k?.entities)?.title : void 0, M = l("errors"), [N, P] = E(""), [F, I] = E(null), L = T(null), [R, z] = E(!1), B = T(null), V = h({
+		entityCode: "agent_message",
+		fieldCode: "attachments"
+	}), H = T(null), U = T(null), W = T(!0), [G, K] = E(!1), q = () => {
+		let e = U.current;
 		if (!e) return;
-		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= te;
-		H.current = t, t && U && W(!1);
-	}, K = (e = "smooth") => {
-		let t = V.current;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= ne;
+		W.current = t, t && G && K(!1);
+	}, J = (e = "smooth") => {
+		let t = U.current;
 		t && (t.scrollTo({
 			top: t.scrollHeight,
 			behavior: e
-		}), H.current = !0, W(!1));
+		}), W.current = !0, K(!1));
 	};
-	if (b(() => {
-		H.current ? K("smooth") : W(!0);
-	}, [m.messages]), b(() => {
-		e && K("instant");
-	}, [e]), b(() => {
+	if (w(() => {
+		W.current ? J("smooth") : K(!0);
+	}, [m.messages]), w(() => {
+		e && J("instant");
+	}, [e]), w(() => {
 		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()) {
+	let Y = async (e) => {
+		let t = V.readyFiles, n = V.selections.filter((e) => e.state === "ready").map((e) => e.localId);
+		if ((e.trim() || t.length !== 0) && V.settled) {
 			I(null), P("");
 			try {
-				await m.send(e, s);
+				await m.send(e, s, t), V.release(n);
 			} catch (t) {
 				console.error("agent send failed", t), I(a(M, t)), P(e);
 			}
 		}
 	};
-	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", {
+	B.current = Y;
+	let X = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Y(N));
+	}, Z = m.invocations.filter((e) => e.status === "pending_approval"), Q = m.invocations.filter((e) => e.kind === "input_request" && e.status === "pending_input"), de = m.turns.filter((e) => e.status === "queued" || e.status === "running" || e.status === "waiting" || e.status === "failed"), fe = m.invocations.filter((e) => e.status === "outcome_unknown"), pe = m.messages.length === 0 && !m.turn.streaming, me = Z.length > 0 || Q.length > 0, he = m.turn.streaming && !me || m.turns.some((e) => e.status === "running"), ge = m.messages.some((e) => e.role === "assistant" && e.streaming && e.content.length > 0), $ = (N.trim().length > 0 || V.readyFiles.length > 0) && V.settled;
+	return /* @__PURE__ */ O("aside", {
 		style: {
 			...p ? {
 				gridArea: "assistant",
@@ -81,7 +87,7 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 			flexDirection: "column"
 		},
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ O("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -90,7 +96,7 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 					borderBottom: "1px solid var(--divider)"
 				},
 				children: [
-					/* @__PURE__ */ C("span", {
+					/* @__PURE__ */ D("span", {
 						style: {
 							width: 22,
 							height: 22,
@@ -100,21 +106,21 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 							alignItems: "center",
 							justifyContent: "center"
 						},
-						children: /* @__PURE__ */ C(o.sparkle, {
+						children: /* @__PURE__ */ D(o.sparkle, {
 							size: 13,
 							style: { color: "var(--accent-foreground)" }
 						})
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ O("div", {
 						style: { flex: 1 },
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ D("div", {
 							style: {
 								fontSize: 12.5,
 								fontWeight: 600,
 								color: "var(--text)"
 							},
 							children: d
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ O("div", {
 							style: {
 								fontSize: 10.5,
 								color: "var(--text-3)",
@@ -122,63 +128,63 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 								alignItems: "center",
 								gap: 4
 							},
-							children: [/* @__PURE__ */ C("span", { style: {
+							children: [/* @__PURE__ */ D("span", { style: {
 								width: 5,
 								height: 5,
 								background: "var(--success)",
 								borderRadius: 999
-							} }), i(E("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ C("span", { children: j || E("agent.panel.context_platform", "Platform") }) })]
+							} }), i(S("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ D("span", { children: A || S("agent.panel.context_platform", "Platform") }) })]
 						})]
 					}),
-					m.messages.length > 0 && /* @__PURE__ */ C(c, {
+					m.messages.length > 0 && /* @__PURE__ */ D(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(o.copy, { size: 12 }),
-						onClick: () => void se(E, m.messages),
-						title: E("agent.panel.copy_all", "Copy entire conversation")
+						icon: /* @__PURE__ */ D(o.copy, { size: 12 }),
+						onClick: () => void le(S, m.messages),
+						title: S("agent.panel.copy_all", "Copy entire conversation")
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ D(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(o.clock, { size: 12 }),
+						icon: /* @__PURE__ */ D(o.clock, { size: 12 }),
 						onClick: () => {
 							z((e) => !e), m.refreshConversations();
 						},
-						title: E("agent.panel.earlier", "Earlier conversations")
+						title: S("agent.panel.earlier", "Earlier conversations")
 					}),
-					m.conversationId && /* @__PURE__ */ C(c, {
+					m.conversationId && /* @__PURE__ */ D(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(o.plus, { size: 12 }),
+						icon: /* @__PURE__ */ D(o.plus, { size: 12 }),
 						onClick: m.startNew,
-						title: E("agent.panel.new_conversation", "New conversation")
+						title: S("agent.panel.new_conversation", "New conversation")
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ D(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(o.settings, { size: 12 }),
-						title: E("agent.panel.preferences", "Preferences")
+						icon: /* @__PURE__ */ D(o.settings, { size: 12 }),
+						title: S("agent.panel.preferences", "Preferences")
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ D(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(o.x, { size: 13 }),
+						icon: /* @__PURE__ */ D(o.x, { size: 13 }),
 						onClick: r,
-						title: E("agent.panel.close", "Close")
+						title: S("agent.panel.close", "Close")
 					})
 				]
 			}),
-			!m.conversationId && /* @__PURE__ */ C(g, {
+			!m.conversationId && /* @__PURE__ */ D(_, {
 				agents: m.agents,
 				selectedId: m.selectedAgentId,
 				onSelect: m.selectAgent,
-				label: E("agent.panel.agent", "Agent")
+				label: S("agent.panel.agent", "Agent")
 			}),
-			R && /* @__PURE__ */ C(ae, {
+			R && /* @__PURE__ */ D(se, {
 				conversations: m.conversations,
 				currentId: m.conversationId,
 				onPick: (e) => {
 					m.setConversationId(e), z(!1);
 				}
 			}),
-			/* @__PURE__ */ w("div", {
-				ref: V,
-				onScroll: G,
+			/* @__PURE__ */ O("div", {
+				ref: U,
+				onScroll: q,
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -189,21 +195,24 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 					position: "relative"
 				},
 				children: [
-					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, {
+					pe && /* @__PURE__ */ D(j, { children: S("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?") }),
+					b(m.messages, m.invocations).map((e) => e.kind === "message" ? /* @__PURE__ */ D(ce, {
+						message: e.message,
+						turns: m.turns
+					}, e.message.id) : /* @__PURE__ */ D(oe, { run: e }, e.id)),
+					de.map((e) => /* @__PURE__ */ D(re, { agentTurn: e }, e.id)),
+					Z.map((e) => /* @__PURE__ */ D(ue, {
 						tool: e,
 						onApprove: async (t) => m.approve(e.id, t),
 						onReject: async (t) => m.reject(e.id, t)
 					}, e.id)),
-					X.map((e) => /* @__PURE__ */ C(h, {
-						...ne(E, e),
+					Q.map((e) => /* @__PURE__ */ D(g, {
+						...ie(S, e),
 						onSubmit: (t) => void m.submitInput(e.id, t),
 						onCancel: () => void m.cancelInput(e.id)
 					}, e.id)),
-					ue.map((e) => /* @__PURE__ */ C(re, { invocation: e }, e.id)),
-					Q && !fe && /* @__PURE__ */ w("div", {
+					fe.map((e) => /* @__PURE__ */ D(ae, { invocation: e }, e.id)),
+					he && !ge && /* @__PURE__ */ O("div", {
 						style: {
 							display: "flex",
 							gap: 6,
@@ -211,9 +220,9 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 							color: "var(--text-3)",
 							fontSize: 11.5
 						},
-						children: [/* @__PURE__ */ C(u, { size: 12 }), E("agent.panel.thinking", "Thinking…")]
+						children: [/* @__PURE__ */ D(u, { size: 12 }), S("agent.panel.thinking", "Thinking…")]
 					}),
-					F && /* @__PURE__ */ C("div", {
+					F && /* @__PURE__ */ D("div", {
 						style: {
 							padding: "8px 10px",
 							background: "var(--surface-2)",
@@ -222,12 +231,12 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 							fontSize: 11.5,
 							color: "var(--text-2)"
 						},
-						children: /* @__PURE__ */ C("strong", { children: F })
+						children: /* @__PURE__ */ D("strong", { children: F })
 					})
 				]
 			}),
-			U && /* @__PURE__ */ w("button", {
-				onClick: () => K("smooth"),
+			G && /* @__PURE__ */ O("button", {
+				onClick: () => J("smooth"),
 				style: {
 					position: "absolute",
 					right: 16,
@@ -246,103 +255,131 @@ function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docke
 					gap: 4,
 					zIndex: 1
 				},
-				children: [/* @__PURE__ */ C(o.arrowDown, { size: 11 }), E("agent.panel.jump_latest", "Jump to latest")]
+				children: [/* @__PURE__ */ D(o.arrowDown, { size: 11 }), S("agent.panel.jump_latest", "Jump to latest")]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ O("div", {
 				style: {
 					padding: 10,
 					borderTop: "1px solid var(--divider)",
 					background: "var(--surface-2)"
 				},
-				children: [/* @__PURE__ */ w("div", {
-					style: {
-						display: "flex",
-						alignItems: "flex-end",
-						gap: 6,
-						padding: 6,
-						background: "var(--surface)",
-						border: "1px solid var(--border)",
-						borderRadius: "var(--radius-md)"
-					},
-					children: [
-						/* @__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: {
-								flex: 1,
-								border: 0,
-								outline: 0,
-								background: "transparent",
-								resize: "none",
-								fontSize: 12.5,
-								lineHeight: 1.5,
-								color: "var(--text)",
-								padding: "4px 6px",
-								fontFamily: "inherit"
-							}
-						}),
-						/* @__PURE__ */ C(c, {
-							size: 26,
-							icon: /* @__PURE__ */ C(o.paperclip, { size: 12 }),
-							title: E("agent.panel.attach_context", "Attach context")
-						}),
-						Q ? /* @__PURE__ */ C("button", {
-							onClick: () => void m.cancel(),
-							"aria-label": E("agent.panel.stop", "Stop generating"),
-							title: E("agent.panel.stop", "Stop generating"),
-							style: {
-								width: 26,
-								height: 26,
-								borderRadius: "var(--radius-md)",
-								border: 0,
-								cursor: "pointer",
-								background: "var(--destructive)",
-								color: "var(--destructive-foreground)",
-								display: "inline-flex",
-								alignItems: "center",
-								justifyContent: "center"
-							},
-							children: /* @__PURE__ */ C(o.x, { size: 13 })
-						}) : /* @__PURE__ */ C("button", {
-							onClick: () => void q(N),
-							disabled: !$,
-							"aria-label": E("agent.panel.send", "Send"),
-							style: {
-								width: 26,
-								height: 26,
-								borderRadius: "var(--radius-md)",
-								border: 0,
-								cursor: $ ? "pointer" : "default",
-								background: $ ? "var(--accent)" : "var(--surface-3)",
-								color: $ ? "var(--accent-foreground)" : "var(--text-4)",
-								display: "inline-flex",
-								alignItems: "center",
-								justifyContent: "center"
-							},
-							children: /* @__PURE__ */ C(o.arrowUp, { size: 13 })
-						})
-					]
-				}), /* @__PURE__ */ w("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						gap: 6,
-						marginTop: 6,
-						fontSize: 10.5,
-						color: "var(--text-4)"
-					},
-					children: [/* @__PURE__ */ C(o.shield, { size: 10 }), /* @__PURE__ */ C("span", { children: E("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
-				})]
+				children: [
+					/* @__PURE__ */ D(x, {
+						selections: V.selections,
+						onCancel: V.cancel,
+						onRemove: V.remove
+					}),
+					V.failed && /* @__PURE__ */ D("div", {
+						role: "status",
+						style: {
+							fontSize: 11,
+							color: "var(--destructive)",
+							paddingBottom: 6
+						},
+						children: S("agent.panel.remove_failed_files", "Remove the files that failed to upload to send the message.")
+					}),
+					/* @__PURE__ */ O("div", {
+						style: {
+							display: "flex",
+							alignItems: "flex-end",
+							gap: 6,
+							padding: 6,
+							background: "var(--surface)",
+							border: "1px solid var(--border)",
+							borderRadius: "var(--radius-md)"
+						},
+						children: [
+							/* @__PURE__ */ D(te, {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								onKeyDown: X,
+								placeholder: S("agent.panel.ask_placeholder", "Ask or describe what you want…"),
+								minRows: 1,
+								maxRows: 8,
+								style: {
+									flex: 1,
+									border: 0,
+									outline: 0,
+									background: "transparent",
+									resize: "none",
+									fontSize: 12.5,
+									lineHeight: 1.5,
+									color: "var(--text)",
+									padding: "4px 6px",
+									fontFamily: "inherit"
+								}
+							}),
+							/* @__PURE__ */ D("input", {
+								ref: H,
+								type: "file",
+								multiple: !0,
+								hidden: !0,
+								"data-testid": "agent-chat-file-input",
+								onChange: (e) => {
+									e.target.files && V.add(e.target.files), e.target.value = "";
+								}
+							}),
+							/* @__PURE__ */ D(c, {
+								size: 26,
+								icon: /* @__PURE__ */ D(o.paperclip, { size: 12 }),
+								onClick: () => H.current?.click(),
+								title: S("agent.panel.attach_files", "Attach files")
+							}),
+							he ? /* @__PURE__ */ D("button", {
+								onClick: () => void m.cancel(),
+								"aria-label": S("agent.panel.stop", "Stop generating"),
+								title: S("agent.panel.stop", "Stop generating"),
+								style: {
+									width: 26,
+									height: 26,
+									borderRadius: "var(--radius-md)",
+									border: 0,
+									cursor: "pointer",
+									background: "var(--destructive)",
+									color: "var(--destructive-foreground)",
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center"
+								},
+								children: /* @__PURE__ */ D(o.x, { size: 13 })
+							}) : /* @__PURE__ */ D("button", {
+								onClick: () => void Y(N),
+								disabled: !$,
+								"aria-label": S("agent.panel.send", "Send"),
+								style: {
+									width: 26,
+									height: 26,
+									borderRadius: "var(--radius-md)",
+									border: 0,
+									cursor: $ ? "pointer" : "default",
+									background: $ ? "var(--accent)" : "var(--surface-3)",
+									color: $ ? "var(--accent-foreground)" : "var(--text-4)",
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center"
+								},
+								children: /* @__PURE__ */ D(o.arrowUp, { size: 13 })
+							})
+						]
+					}),
+					/* @__PURE__ */ O("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 6,
+							marginTop: 6,
+							fontSize: 10.5,
+							color: "var(--text-4)"
+						},
+						children: [/* @__PURE__ */ D(o.shield, { size: 10 }), /* @__PURE__ */ D("span", { children: S("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
+					})
+				]
 			})
 		]
 	});
 }
-function D() {
-	return /* @__PURE__ */ C("span", {
+function A() {
+	return /* @__PURE__ */ D("span", {
 		"aria-hidden": !0,
 		style: {
 			display: "inline-block",
@@ -355,8 +392,8 @@ function D() {
 		}
 	});
 }
-function O({ children: e, dataMessageId: t, dataStreaming: n }) {
-	return /* @__PURE__ */ w("div", {
+function j({ children: e, dataMessageId: t, dataStreaming: n }) {
+	return /* @__PURE__ */ O("div", {
 		"data-message-id": t,
 		"data-streaming": n ? "true" : void 0,
 		style: {
@@ -364,7 +401,7 @@ function O({ children: e, dataMessageId: t, dataStreaming: n }) {
 			gap: 8,
 			alignItems: "flex-start"
 		},
-		children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ D("span", {
 			style: {
 				width: 20,
 				height: 20,
@@ -377,8 +414,8 @@ function O({ children: e, dataMessageId: t, dataStreaming: n }) {
 				flexShrink: 0,
 				marginTop: 2
 			},
-			children: /* @__PURE__ */ C(o.sparkle, { size: 11 })
-		}), /* @__PURE__ */ C("div", {
+			children: /* @__PURE__ */ D(o.sparkle, { size: 11 })
+		}), /* @__PURE__ */ D("div", {
 			style: {
 				flex: 1,
 				minWidth: 0,
@@ -390,9 +427,9 @@ function O({ children: e, dataMessageId: t, dataStreaming: n }) {
 		})]
 	});
 }
-function k({ agentTurn: t }) {
+function re({ agentTurn: t }) {
 	let n = l(), r = l("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", {
+	return /* @__PURE__ */ O("div", {
 		"data-agent-turn": t.id,
 		"data-turn-status": t.status,
 		style: {
@@ -407,21 +444,21 @@ function k({ agentTurn: t }) {
 		]
 	});
 }
-function ne(e, t) {
+function ie(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: A(r.schema) ? r.schema : {}
+		schema: M(r.schema) ? r.schema : {}
 	};
 	let i = t.params ?? {};
 	return {
 		message: typeof i.message == "string" ? i.message : t.reason || n,
-		schema: A(i.schema) ? i.schema : {}
+		schema: M(i.schema) ? i.schema : {}
 	};
 }
-function re({ invocation: e }) {
+function ae({ invocation: e }) {
 	let t = l();
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ D("div", {
 		"data-agent-invocation": e.id,
 		"data-invocation-status": "outcome_unknown",
 		style: {
@@ -432,33 +469,33 @@ function re({ invocation: e }) {
 			fontSize: 11.5,
 			color: "var(--text-2)"
 		},
-		children: i(t("agent.panel.outcome_uncertain", "The outcome of {tool} is unknown. It was not retried automatically."), { tool: /* @__PURE__ */ C("span", {
+		children: i(t("agent.panel.outcome_uncertain", "The outcome of {tool} is unknown. It was not retried automatically."), { tool: /* @__PURE__ */ D("span", {
 			className: "mono",
 			children: e.tool_code
 		}) })
 	});
 }
-function A(e) {
+function M(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-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", {
+function oe({ run: e }) {
+	let [t, n] = E(!1), r = N(), i = e.calls.filter((e) => e.isError).length, a = e.calls.filter((e) => !F(e.status)).length;
+	return /* @__PURE__ */ O("div", {
 		"data-activity-run": e.id,
 		style: {
 			display: "flex",
 			gap: 8,
 			alignItems: "flex-start"
 		},
-		children: [/* @__PURE__ */ C("span", { style: {
+		children: [/* @__PURE__ */ D("span", { style: {
 			width: 20,
 			flexShrink: 0
-		} }), /* @__PURE__ */ w("div", {
+		} }), /* @__PURE__ */ O("div", {
 			style: {
 				flex: 1,
 				minWidth: 0
 			},
-			children: [/* @__PURE__ */ w("button", {
+			children: [/* @__PURE__ */ O("button", {
 				type: "button",
 				onClick: () => n((e) => !e),
 				"data-activity-toggle": !0,
@@ -476,23 +513,23 @@ function ie({ run: e }) {
 					borderRadius: 999,
 					cursor: "pointer"
 				},
-				children: [/* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ D("span", {
 					"aria-hidden": !0,
 					children: t ? "▾" : "▸"
-				}), /* @__PURE__ */ C("span", { children: r(e.calls.length, a, i) })]
-			}), t && /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ D("span", { children: r(e.calls.length, a, i) })]
+			}), t && /* @__PURE__ */ D("div", {
 				style: {
 					marginTop: 4,
 					display: "flex",
 					flexDirection: "column",
 					gap: 3
 				},
-				children: e.calls.map((e) => /* @__PURE__ */ C(M, { call: e }, e.id))
+				children: e.calls.map((e) => /* @__PURE__ */ D(P, { call: e }, e.id))
 			})]
 		})]
 	});
 }
-function j() {
+function N() {
 	let e = l();
 	return (t, n, i) => {
 		let a = [];
@@ -505,12 +542,12 @@ function j() {
 		})), a.join(" · ") || e("agent.panel.worked", "worked");
 	};
 }
-function M({ call: e }) {
-	let [t, n] = S(!1), r = l(), 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, c = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : N(e.status) ? "ok" : "running";
-	return /* @__PURE__ */ w("div", {
+function P({ call: e }) {
+	let [t, n] = E(!1), r = l(), i = I(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, c = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : F(e.status) ? "ok" : "running";
+	return /* @__PURE__ */ O("div", {
 		"data-activity-call": e.name,
 		"data-call-state": c,
-		children: [/* @__PURE__ */ w("button", {
+		children: [/* @__PURE__ */ O("button", {
 			type: "button",
 			onClick: () => n((e) => !e),
 			style: {
@@ -525,20 +562,20 @@ function M({ call: e }) {
 				color: c === "failed" ? "var(--danger)" : "var(--text-2)"
 			},
 			children: [
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", {
 					"aria-hidden": !0,
 					children: t ? "▾" : "▸"
 				}),
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", {
 					className: "mono",
 					children: i
 				}),
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", {
 					style: { color: "var(--text-3)" },
 					children: s
 				})
 			]
-		}), t && /* @__PURE__ */ C("pre", {
+		}), t && /* @__PURE__ */ D("pre", {
 			style: {
 				margin: "2px 0 0 18px",
 				padding: 6,
@@ -559,26 +596,26 @@ function M({ call: e }) {
 		})]
 	});
 }
-function N(e) {
+function F(e) {
 	return e === "succeeded" || e === "failed" || e === "rejected" || e === "canceled" || e === "outcome_unknown";
 }
-function ae({ conversations: e, currentId: t, onPick: n }) {
+function se({ conversations: e, currentId: t, onPick: n }) {
 	let r = l();
-	return e.length === 0 ? /* @__PURE__ */ C("div", {
+	return e.length === 0 ? /* @__PURE__ */ D("div", {
 		style: {
 			padding: "8px 12px",
 			fontSize: 11.5,
 			color: "var(--text-3)"
 		},
 		children: r("agent.panel.no_earlier", "No earlier conversations.")
-	}) : /* @__PURE__ */ C("div", {
+	}) : /* @__PURE__ */ D("div", {
 		"data-conversation-list": !0,
 		style: {
 			maxHeight: 200,
 			overflowY: "auto",
 			borderBottom: "1px solid var(--border)"
 		},
-		children: e.map((e) => /* @__PURE__ */ C("button", {
+		children: e.map((e) => /* @__PURE__ */ D("button", {
 			type: "button",
 			"data-conversation-id": e.id,
 			onClick: () => n(e.id),
@@ -597,44 +634,65 @@ function ae({ conversations: e, currentId: t, onPick: n }) {
 		}, e.id))
 	});
 }
-function P(e) {
+function I(e) {
 	let t = l(), { value: r } = d("agents.transcript_names", "code"), { data: i } = n();
-	return r === "display" && t(i?.actions?.[e]?.display?.name ?? F(i, e)) || e;
+	return r === "display" && t(i?.actions?.[e]?.display?.name ?? L(i, e)) || e;
 }
-function F(e, t) {
+function L(e, t) {
 	let n = t.indexOf(".");
 	if (!(n < 0)) return e?.entities?.[t.slice(0, n)]?.actions?.[t.slice(n + 1)]?.display?.name;
 }
-function oe({ message: e }) {
+function ce({ message: e, turns: t }) {
+	let n = C(e, t) ? e.attachments : void 0;
 	if (e.role === "user") {
-		let t = H(e.content), n = e.content.some((e) => e.type !== "text" && e.type !== "location");
-		return t && !n ? /* @__PURE__ */ C("div", {
+		let t = W(e.content);
+		return e.content.some((e) => e.type !== "text" && e.type !== "location") ? /* @__PURE__ */ D(R, {
+			message: e,
+			files: n
+		}) : /* @__PURE__ */ O("div", {
 			style: {
 				alignSelf: "flex-end",
 				maxWidth: "80%",
-				padding: "8px 12px",
-				background: "var(--inverted-surface)",
-				color: "var(--inverted-surface-fg)",
-				borderRadius: "var(--radius-lg)",
-				fontSize: 12.5,
-				lineHeight: 1.5
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "flex-end"
 			},
 			"data-message-id": e.id,
 			"data-streaming": e.streaming ? "true" : void 0,
-			children: t
-		}) : /* @__PURE__ */ C(I, { message: e });
+			children: [t && /* @__PURE__ */ D("div", {
+				style: {
+					padding: "8px 12px",
+					background: "var(--inverted-surface)",
+					color: "var(--inverted-surface-fg)",
+					borderRadius: "var(--radius-lg)",
+					fontSize: 12.5,
+					lineHeight: 1.5
+				},
+				children: t
+			}), /* @__PURE__ */ D(S, {
+				files: n,
+				align: "end"
+			})]
+		});
 	}
-	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, {
+	return e.role === "tool" ? /* @__PURE__ */ D(R, { message: e }) : e.role === "system" ? e.content.some((e) => e.type === "decision") ? /* @__PURE__ */ D(R, { message: e }) : /* @__PURE__ */ D(j, {
 		dataMessageId: e.id,
-		children: e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t))
-	}) : e.content.length === 0 ? null : /* @__PURE__ */ w(O, {
+		children: e.content.map((e, t) => /* @__PURE__ */ D(H, { block: e }, t))
+	}) : e.content.length === 0 && !n?.length ? null : /* @__PURE__ */ O(j, {
 		dataMessageId: e.id,
 		dataStreaming: e.streaming,
-		children: [e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t)), e.streaming && /* @__PURE__ */ C(D, {})]
+		children: [
+			e.content.map((e, t) => /* @__PURE__ */ D(H, { block: e }, t)),
+			e.streaming && /* @__PURE__ */ D(A, {}),
+			/* @__PURE__ */ D(S, {
+				files: n,
+				align: "start"
+			})
+		]
 	});
 }
-function I({ message: e }) {
-	return /* @__PURE__ */ C("div", {
+function R({ message: e, files: t }) {
+	return /* @__PURE__ */ O("div", {
 		"data-message-id": e.id,
 		"data-streaming": e.streaming ? "true" : void 0,
 		style: {
@@ -644,15 +702,18 @@ function I({ message: e }) {
 			flexDirection: "column",
 			alignItems: "flex-end"
 		},
-		children: e.content.map((e, t) => /* @__PURE__ */ C(B, { block: e }, t))
+		children: [e.content.map((e, t) => /* @__PURE__ */ D(H, { block: e }, t)), /* @__PURE__ */ D(S, {
+			files: t,
+			align: "end"
+		})]
 	});
 }
-function L({ href: e, children: t, ...n }) {
+function z({ href: e, children: t, ...n }) {
 	let r = f(), i = {
 		color: "var(--accent-text)",
 		textDecoration: "underline"
-	}, a = R(e);
-	return a ? /* @__PURE__ */ C("a", {
+	}, a = B(e);
+	return a ? /* @__PURE__ */ D("a", {
 		...n,
 		href: e,
 		style: i,
@@ -660,7 +721,7 @@ function L({ href: e, children: t, ...n }) {
 			e.preventDefault(), r(a);
 		},
 		children: t
-	}) : /* @__PURE__ */ C("a", {
+	}) : /* @__PURE__ */ D("a", {
 		...n,
 		href: e,
 		target: "_blank",
@@ -669,7 +730,7 @@ function L({ href: e, children: t, ...n }) {
 		children: t
 	});
 }
-function R(e) {
+function B(e) {
 	if (typeof e != "string") return null;
 	let t;
 	try {
@@ -679,10 +740,10 @@ function R(e) {
 	}
 	return t.origin === window.location.origin ? `${t.pathname}${t.search}${t.hash}` : null;
 }
-var z = {
-	a: L,
+var V = {
+	a: z,
 	code({ node: e, inline: t, className: n, children: r, ...i }) {
-		return t ? /* @__PURE__ */ C("code", {
+		return t ? /* @__PURE__ */ D("code", {
 			...i,
 			style: {
 				background: "var(--surface-2)",
@@ -692,7 +753,7 @@ var z = {
 				fontSize: "0.92em"
 			},
 			children: r
-		}) : /* @__PURE__ */ C("pre", {
+		}) : /* @__PURE__ */ D("pre", {
 			style: {
 				background: "var(--surface-2)",
 				border: "1px solid var(--border)",
@@ -703,7 +764,7 @@ var z = {
 				fontSize: 11.5,
 				lineHeight: 1.5
 			},
-			children: /* @__PURE__ */ C("code", {
+			children: /* @__PURE__ */ D("code", {
 				className: n,
 				...i,
 				children: r
@@ -711,7 +772,7 @@ var z = {
 		});
 	},
 	ul({ children: e, ...t }) {
-		return /* @__PURE__ */ C("ul", {
+		return /* @__PURE__ */ D("ul", {
 			...t,
 			style: {
 				paddingLeft: 18,
@@ -721,7 +782,7 @@ var z = {
 		});
 	},
 	ol({ children: e, ...t }) {
-		return /* @__PURE__ */ C("ol", {
+		return /* @__PURE__ */ D("ol", {
 			...t,
 			style: {
 				paddingLeft: 20,
@@ -731,51 +792,51 @@ var z = {
 		});
 	},
 	p({ children: e, ...t }) {
-		return /* @__PURE__ */ C("p", {
+		return /* @__PURE__ */ D("p", {
 			...t,
 			style: { margin: "4px 0" },
 			children: e
 		});
 	}
 };
-function B({ block: e }) {
+function H({ block: e }) {
 	let t = l();
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ C("div", {
+		case "text": return /* @__PURE__ */ D("div", {
 			className: "agent-md",
-			children: /* @__PURE__ */ C(m, {
+			children: /* @__PURE__ */ D(m, {
 				content: e.text,
 				plugins: "gfm",
 				prose: !1,
 				skipHtml: !1,
-				components: z
+				components: V
 			})
 		});
 		case "tool_use": {
-			let n = U(t, e.name, e.input);
-			return /* @__PURE__ */ C(V, {
+			let n = G(t, e.name, e.input);
+			return /* @__PURE__ */ D(U, {
 				kind: "call",
 				label: n.label,
 				sub: n.sub,
 				body: e.input
 			});
 		}
-		case "tool_result": return /* @__PURE__ */ C(V, {
+		case "tool_result": return /* @__PURE__ */ D(U, {
 			kind: "result",
-			label: W(t, e),
+			label: K(t, e),
 			body: e.output,
 			isError: !!e.is_error
 		});
-		case "elicit_response": return /* @__PURE__ */ C(V, {
+		case "elicit_response": return /* @__PURE__ */ D(U, {
 			kind: "result",
 			label: t("agent.panel.chip.answer", "answer"),
 			body: e.data
 		});
-		case "decision": return /* @__PURE__ */ C(K, { block: e });
+		case "decision": return /* @__PURE__ */ D(J, { block: e });
 		case "location":
 		case "thinking":
 		case "redacted_thinking": return null;
-		case "system": return /* @__PURE__ */ w("div", {
+		case "system": return /* @__PURE__ */ O("div", {
 			style: {
 				fontSize: 10.5,
 				fontStyle: "italic",
@@ -783,7 +844,7 @@ function B({ block: e }) {
 			},
 			children: ["— ", e.reason]
 		});
-		case "summary": return /* @__PURE__ */ C("div", {
+		case "summary": return /* @__PURE__ */ D("div", {
 			style: {
 				fontSize: 10.5,
 				fontStyle: "italic",
@@ -791,7 +852,7 @@ function B({ block: e }) {
 			},
 			children: e.text
 		});
-		case "attachment": return /* @__PURE__ */ C("pre", {
+		case "attachment": return /* @__PURE__ */ D("pre", {
 			className: "mono",
 			style: {
 				marginTop: 8,
@@ -807,8 +868,8 @@ function B({ block: e }) {
 		default: return null;
 	}
 }
-function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
-	return /* @__PURE__ */ w("details", {
+function U({ kind: e, label: t, sub: n, body: r, isError: i }) {
+	return /* @__PURE__ */ O("details", {
 		style: {
 			marginTop: 6,
 			background: "var(--surface-2)",
@@ -821,7 +882,7 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 			boxSizing: "border-box",
 			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ w("summary", {
+		children: [/* @__PURE__ */ O("summary", {
 			style: {
 				padding: "5px 8px",
 				cursor: "pointer",
@@ -833,7 +894,7 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 				color: "var(--text-2)"
 			},
 			children: [
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", {
 					"aria-hidden": !0,
 					style: {
 						color: i ? "var(--destructive)" : "var(--text-3)",
@@ -842,7 +903,7 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: e === "call" ? "→" : i ? "✗" : "✓"
 				}),
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", {
 					className: "mono",
 					style: {
 						color: "var(--text-2)",
@@ -854,7 +915,7 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: t
 				}),
-				n && /* @__PURE__ */ C("span", {
+				n && /* @__PURE__ */ D("span", {
 					style: {
 						fontSize: 10,
 						color: "var(--text-4)",
@@ -866,8 +927,8 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					},
 					children: n
 				}),
-				/* @__PURE__ */ C("span", { style: { flex: 1 } }),
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ D("span", { style: { flex: 1 } }),
+				/* @__PURE__ */ D("span", {
 					"aria-hidden": !0,
 					style: {
 						fontSize: 9,
@@ -876,7 +937,7 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 					children: "▾"
 				})
 			]
-		}), /* @__PURE__ */ C("pre", {
+		}), /* @__PURE__ */ D("pre", {
 			className: "mono",
 			style: {
 				margin: 0,
@@ -892,10 +953,10 @@ function V({ kind: e, label: t, sub: n, body: r, isError: i }) {
 		})]
 	});
 }
-function H(e) {
+function W(e) {
 	return e.map((e) => e.type === "text" ? e.text : "").join("");
 }
-function U(e, t, n) {
+function G(e, t, n) {
 	if (t === "action.invoke") {
 		let r = typeof n?.code == "string" ? n.code : "";
 		if (r) return {
@@ -905,15 +966,15 @@ function U(e, t, n) {
 	}
 	return { label: t };
 }
-function W(e, t) {
+function K(e, t) {
 	return t.name ? t.name : t.is_error ? e("agent.panel.chip.error", "error") : e("agent.panel.chip.result", "result");
 }
-function G(e, t) {
+function q(e, t) {
 	return t === "approved" ? e("agent.panel.decision.approve", "Approved") : e("agent.panel.decision.reject", "Rejected");
 }
-function K({ block: e }) {
+function J({ block: e }) {
 	let t = l(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ O("div", {
 		style: {
 			marginTop: 6,
 			padding: "5px 10px",
@@ -929,7 +990,7 @@ function K({ block: e }) {
 		},
 		title: e.decided_at ? t("agent.panel.decided_at", "decided {time}", { time: e.decided_at }) : void 0,
 		children: [
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ D("span", {
 				"aria-hidden": !0,
 				style: {
 					color: r,
@@ -937,11 +998,11 @@ function K({ block: e }) {
 				},
 				children: n ? "✓" : "✗"
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ D("span", {
 				style: { fontWeight: 600 },
-				children: G(t, e.decision)
+				children: q(t, e.decision)
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ D("span", {
 				className: "mono",
 				style: {
 					color: "var(--text-3)",
@@ -949,7 +1010,7 @@ function K({ block: e }) {
 				},
 				children: e.tool_code
 			}),
-			e.note && /* @__PURE__ */ w("span", {
+			e.note && /* @__PURE__ */ O("span", {
 				style: {
 					color: "var(--text-3)",
 					fontStyle: "italic"
@@ -959,10 +1020,10 @@ function K({ block: e }) {
 		]
 	});
 }
-async function se(e, t) {
+async function le(e, t) {
 	let n = [];
 	for (let r of t) {
-		let t = `[${r.role}]`, i = r.content.map((t) => q(e, t)).filter((e) => e.length > 0).join("\n");
+		let t = `[${r.role}]`, i = r.content.map((t) => Y(e, t)).filter((e) => e.length > 0).join("\n");
 		i && n.push(`${t}\n${i}`);
 	}
 	let r = n.join("\n\n");
@@ -972,27 +1033,27 @@ async function se(e, t) {
 		console.error("agent: copyTranscript failed", e);
 	}
 }
-function q(e, t) {
+function Y(e, t) {
 	switch (t.type) {
 		case "text": return t.text;
 		case "tool_use": {
-			let n = U(e, t.name, t.input);
+			let n = G(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 ? "✗" : "✓"} ${W(e, t)}`}\n${JSON.stringify(t.output, null, 2)}`;
+		case "tool_result": return `${`${t.is_error ? "✗" : "✓"} ${K(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 `${G(e, t.decision)} ${t.tool_code}${t.note ? ` — ${t.note}` : ""}`;
+		case "decision": return `${q(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 J(e, t) {
+function X(e, t) {
 	return e("agent.panel.proposal", "Run {code}.", { code: t });
 }
-function ce({ tool: e, onApprove: t, onReject: n }) {
-	let r = l(), i = l("errors"), c = JSON.stringify(e.params ?? {}, null, 2), [u, d] = S(!1), [f, p] = S(!1), [m, h] = S(""), [g, _] = S(null), [v, y] = S(!1), b = async (e) => {
+function ue({ tool: e, onApprove: t, onReject: n }) {
+	let r = l(), i = l("errors"), c = JSON.stringify(e.params ?? {}, null, 2), [u, d] = E(!1), [f, p] = E(!1), [m, h] = E(""), [g, _] = E(null), [v, y] = E(!1), b = async (e) => {
 		if (!v) {
 			y(!0);
 			try {
@@ -1010,8 +1071,8 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 				_(a(i, e)), y(!1);
 			}
 		}
-	}, T = typeof e.confidence == "number" ? Math.round(Math.max(0, Math.min(1, e.confidence)) * 100) : null;
-	return /* @__PURE__ */ w("div", {
+	}, S = typeof e.confidence == "number" ? Math.round(Math.max(0, Math.min(1, e.confidence)) * 100) : null;
+	return /* @__PURE__ */ O("div", {
 		style: {
 			marginTop: 4,
 			padding: "10px 12px",
@@ -1020,7 +1081,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 			borderRadius: "var(--radius-md)"
 		},
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ O("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1028,11 +1089,11 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					marginBottom: 6
 				},
 				children: [
-					/* @__PURE__ */ C(o.bolt, {
+					/* @__PURE__ */ D(o.bolt, {
 						size: 11,
 						style: { color: "var(--accent)" }
 					}),
-					/* @__PURE__ */ C("span", {
+					/* @__PURE__ */ D("span", {
 						style: {
 							fontSize: 11.5,
 							fontWeight: 600,
@@ -1040,7 +1101,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 						},
 						children: r("agent.panel.proposed", "AI proposed")
 					}),
-					/* @__PURE__ */ C("span", {
+					/* @__PURE__ */ D("span", {
 						className: "mono",
 						style: {
 							fontSize: 10.5,
@@ -1048,8 +1109,8 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 						},
 						children: e.tool_code
 					}),
-					T !== null && /* @__PURE__ */ C("span", {
-						title: r("agent.panel.confidence_title", "LLM confidence {percent}%", { percent: T }),
+					S !== null && /* @__PURE__ */ D("span", {
+						title: r("agent.panel.confidence_title", "LLM confidence {percent}%", { percent: S }),
 						style: {
 							marginLeft: "auto",
 							fontSize: 10,
@@ -1058,20 +1119,20 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 							border: "1px solid var(--border)",
 							borderRadius: 999
 						},
-						children: r("agent.panel.confidence", "{percent}% confident", { percent: T })
+						children: r("agent.panel.confidence", "{percent}% confident", { percent: S })
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ D("div", {
 				style: {
 					fontSize: 12,
 					lineHeight: 1.45,
 					color: "var(--text)",
 					marginBottom: 8
 				},
-				children: e.question?.message?.trim() || J(r, e.tool_code)
+				children: e.question?.message?.trim() || X(r, e.tool_code)
 			}),
-			e.reason?.trim() && /* @__PURE__ */ C("div", {
+			e.reason?.trim() && /* @__PURE__ */ D("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.45,
@@ -1080,7 +1141,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 				},
 				children: e.reason.trim()
 			}),
-			/* @__PURE__ */ w("button", {
+			/* @__PURE__ */ O("button", {
 				type: "button",
 				onClick: () => d((e) => !e),
 				style: {
@@ -1095,7 +1156,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					alignItems: "center",
 					gap: 4
 				},
-				children: [/* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ D("span", {
 					style: {
 						display: "inline-block",
 						transform: u ? "rotate(90deg)" : "none",
@@ -1106,7 +1167,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					children: "▶"
 				}), u ? r("agent.panel.hide_params", "Hide parameters") : r("agent.panel.view_params", "View parameters")]
 			}),
-			u && /* @__PURE__ */ C("pre", {
+			u && /* @__PURE__ */ D("pre", {
 				className: "mono",
 				style: {
 					width: "100%",
@@ -1123,7 +1184,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 				},
 				children: c
 			}),
-			g && /* @__PURE__ */ C("div", {
+			g && /* @__PURE__ */ D("div", {
 				style: {
 					marginTop: 4,
 					fontSize: 10.5,
@@ -1131,7 +1192,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 				},
 				children: g
 			}),
-			f && /* @__PURE__ */ C("input", {
+			f && /* @__PURE__ */ D("input", {
 				type: "text",
 				value: m,
 				onChange: (e) => h(e.target.value),
@@ -1148,7 +1209,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					color: "var(--text)"
 				}
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ O("div", {
 				style: {
 					display: "flex",
 					gap: 6,
@@ -1156,30 +1217,30 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					justifyContent: "flex-end"
 				},
 				children: [
-					f ? /* @__PURE__ */ C(s, {
+					f ? /* @__PURE__ */ D(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: x,
 						disabled: v,
 						children: r("agent.panel.reject_send", "Send rejection")
-					}) : /* @__PURE__ */ C(s, {
+					}) : /* @__PURE__ */ D(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: () => p(!0),
 						disabled: v,
 						children: r("agent.panel.reject", "Reject…")
 					}),
-					e.confirmation_mode !== "always" && /* @__PURE__ */ C(s, {
+					e.confirmation_mode !== "always" && /* @__PURE__ */ D(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: () => b("conversation"),
 						disabled: v,
 						children: r("agent.panel.approve_chat", "Approve for this chat")
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ D(s, {
 						size: "xs",
 						kind: "primary",
-						icon: /* @__PURE__ */ C(o.check, { size: 11 }),
+						icon: /* @__PURE__ */ D(o.check, { size: 11 }),
 						onClick: () => b("call"),
 						disabled: v,
 						children: r("agent.panel.approve_once", "Approve once")
@@ -1190,4 +1251,4 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 	});
 }
 //#endregion
-export { E as AgentChatPanel, J as proposalFallback };
+export { k as AgentChatPanel, X as proposalFallback };