@declarion/react 0.57.0 → 0.59.0

package/dist-lib/AgentChatPanel.impl-DBH1Ff4G.js

@@ -0,0 +1,1200 @@
+import { s as e } from "./DynamicIcon-DW5krHuX.js";
+import { Dt as t, Ln as n, Rn as r, Vt as i, jn as a, nn as o, xt as s } from "./useCurrentScreen-BL5NZFCw.js";
+import { d as c, f as l, t as u, u as d } from "./useText-BFDCTUSo.js";
+import { t as f } from "./failure-v-uGSpbX.js";
+import { g as p, h as m, t as h } from "./useAgentConversation-D97IqE-J.js";
+import { useEffect as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "react-textarea-autosize";
+//#region src/components/agents/transcript-runs.ts
+var S = /* @__PURE__ */ new Set(["operation.search"]);
+function C(e, t = []) {
+	let n = [], r = /* @__PURE__ */ new Map();
+	for (let e of t) e.assistant_message_id && e.provider_call_id && r.set(T(e.assistant_message_id, e.provider_call_id), e);
+	for (let t of e) {
+		let e = w(t, r);
+		if (D(t) && n.push({
+			kind: "message",
+			message: E(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) S.has(t.name) || a.calls.push(t);
+		a.calls.length === 0 && n.pop();
+	}
+	return n;
+}
+function w(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(T(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 T(e, t) {
+	return `${e}\u0000${t}`;
+}
+function E(e) {
+	return {
+		...e,
+		content: (e.content ?? []).filter((e) => e.type !== "tool_use" && e.type !== "tool_result")
+	};
+}
+function D(e) {
+	return (e.content ?? []).some((e) => e.type !== "tool_use" && e.type !== "tool_result");
+}
+//#endregion
+//#region src/components/agents/AgentChatPanel.impl.tsx
+var O = 80;
+function k({ open: t, onClose: r, context: i, title: a = "", askOnOpen: s }) {
+	let l = h(), d = u(), S = u("errors"), [w, T] = v(""), [E, D] = v(null), k = _(null), [A, P] = v(!1), I = _(null), L = _(null), R = _(!0), [B, V] = v(!1), H = () => {
+		let e = L.current;
+		if (!e) return;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= O;
+		R.current = t, t && B && V(!1);
+	}, U = (e = "smooth") => {
+		let t = L.current;
+		t && (t.scrollTo({
+			top: t.scrollHeight,
+			behavior: e
+		}), R.current = !0, V(!1));
+	};
+	if (g(() => {
+		R.current ? U("smooth") : V(!0);
+	}, [l.messages]), g(() => {
+		t && U("instant");
+	}, [t]), g(() => {
+		let e = s?.trim();
+		t && e && k.current !== e && (k.current = e, I.current?.(e));
+	}, [t, s]), !t) return null;
+	let W = async (e) => {
+		if (e.trim()) {
+			D(null), T("");
+			try {
+				await l.send(e);
+			} catch (t) {
+				console.error("agent send failed", t), D(f(S, t)), T(e);
+			}
+		}
+	};
+	I.current = W;
+	let G = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), W(w));
+	}, K = l.invocations.filter((e) => e.status === "pending_approval"), q = l.invocations.filter((e) => e.kind === "input_request" && e.status === "pending_input"), J = l.turns.filter((e) => e.status === "queued" || e.status === "running" || e.status === "waiting" || e.status === "failed"), Y = l.invocations.filter((e) => e.status === "outcome_unknown"), X = l.messages.length === 0 && !l.turn.streaming, Z = K.length > 0 || q.length > 0, Q = l.turn.streaming && !Z || l.turns.some((e) => e.status === "running"), ie = l.messages.some((e) => e.role === "assistant" && e.streaming && e.content.length > 0), $ = w.trim().length > 0;
+	return /* @__PURE__ */ b("aside", {
+		style: {
+			position: "fixed",
+			top: "var(--topbar-h)",
+			right: 0,
+			bottom: "var(--tabbar-h, 0px)",
+			width: 400,
+			zIndex: 30,
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			display: "flex",
+			flexDirection: "column",
+			boxShadow: "var(--shadow-md)"
+		},
+		children: [
+			/* @__PURE__ */ b("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "10px 14px",
+					gap: 8,
+					borderBottom: "1px solid var(--divider)"
+				},
+				children: [
+					/* @__PURE__ */ y("span", {
+						style: {
+							width: 22,
+							height: 22,
+							borderRadius: 6,
+							background: "linear-gradient(135deg, var(--accent), var(--accent-hover))",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ y(e.sparkle, {
+							size: 13,
+							style: { color: "var(--accent-foreground)" }
+						})
+					}),
+					/* @__PURE__ */ b("div", {
+						style: { flex: 1 },
+						children: [/* @__PURE__ */ y("div", {
+							style: {
+								fontSize: 12.5,
+								fontWeight: 600,
+								color: "var(--text)"
+							},
+							children: a
+						}), /* @__PURE__ */ b("div", {
+							style: {
+								fontSize: 10.5,
+								color: "var(--text-3)",
+								display: "flex",
+								alignItems: "center",
+								gap: 4
+							},
+							children: [/* @__PURE__ */ y("span", { style: {
+								width: 5,
+								height: 5,
+								background: "var(--success)",
+								borderRadius: 999
+							} }), c(d("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ y("span", {
+								className: "mono",
+								children: i || d("agent.panel.context_platform", "Platform")
+							}) })]
+						})]
+					}),
+					l.messages.length > 0 && /* @__PURE__ */ y(n, {
+						size: 24,
+						icon: /* @__PURE__ */ y(e.copy, { size: 12 }),
+						onClick: () => void ne(d, l.messages),
+						title: d("agent.panel.copy_all", "Copy entire conversation")
+					}),
+					/* @__PURE__ */ y(n, {
+						size: 24,
+						icon: /* @__PURE__ */ y(e.clock, { size: 12 }),
+						onClick: () => {
+							P((e) => !e), l.refreshConversations();
+						},
+						title: d("agent.panel.earlier", "Earlier conversations")
+					}),
+					l.conversationId && /* @__PURE__ */ y(n, {
+						size: 24,
+						icon: /* @__PURE__ */ y(e.plus, { size: 12 }),
+						onClick: l.startNew,
+						title: d("agent.panel.new_conversation", "New conversation")
+					}),
+					/* @__PURE__ */ y(n, {
+						size: 24,
+						icon: /* @__PURE__ */ y(e.settings, { size: 12 }),
+						title: d("agent.panel.preferences", "Preferences")
+					}),
+					/* @__PURE__ */ y(n, {
+						size: 24,
+						icon: /* @__PURE__ */ y(e.x, { size: 13 }),
+						onClick: r,
+						title: d("agent.panel.close", "Close")
+					})
+				]
+			}),
+			!l.conversationId && /* @__PURE__ */ y(m, {
+				agents: l.agents,
+				selectedId: l.selectedAgentId,
+				onSelect: l.selectAgent,
+				label: d("agent.panel.agent", "Agent")
+			}),
+			A && /* @__PURE__ */ y(z, {
+				conversations: l.conversations,
+				currentId: l.conversationId,
+				onPick: (e) => {
+					l.setConversationId(e), P(!1);
+				}
+			}),
+			/* @__PURE__ */ b("div", {
+				ref: L,
+				onScroll: H,
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: "12px 14px",
+					display: "flex",
+					flexDirection: "column",
+					gap: 12,
+					position: "relative"
+				},
+				children: [
+					X && /* @__PURE__ */ y(j, { children: d("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?") }),
+					C(l.messages, l.invocations).map((e) => e.kind === "message" ? /* @__PURE__ */ y(te, { message: e.message }, e.message.id) : /* @__PURE__ */ y(F, { run: e }, e.id)),
+					J.map((e) => /* @__PURE__ */ y(M, { agentTurn: e }, e.id)),
+					K.map((e) => /* @__PURE__ */ y(re, {
+						tool: e,
+						onApprove: async (t) => l.approve(e.id, t),
+						onReject: async (t) => l.reject(e.id, t)
+					}, e.id)),
+					q.map((e) => /* @__PURE__ */ y(p, {
+						...N(d, e),
+						onSubmit: (t) => void l.submitInput(e.id, t),
+						onCancel: () => void l.cancelInput(e.id)
+					}, e.id)),
+					Y.map((e) => /* @__PURE__ */ y(ee, { invocation: e }, e.id)),
+					Q && !ie && /* @__PURE__ */ b("div", {
+						style: {
+							display: "flex",
+							gap: 6,
+							alignItems: "center",
+							color: "var(--text-3)",
+							fontSize: 11.5
+						},
+						children: [/* @__PURE__ */ y(o, { size: 12 }), d("agent.panel.thinking", "Thinking…")]
+					}),
+					E && /* @__PURE__ */ y("div", {
+						style: {
+							padding: "8px 10px",
+							background: "var(--surface-2)",
+							border: "1px solid var(--border)",
+							borderRadius: 6,
+							fontSize: 11.5,
+							color: "var(--text-2)"
+						},
+						children: /* @__PURE__ */ y("strong", { children: E })
+					})
+				]
+			}),
+			B && /* @__PURE__ */ b("button", {
+				onClick: () => U("smooth"),
+				style: {
+					position: "absolute",
+					right: 16,
+					bottom: 110,
+					padding: "6px 12px",
+					borderRadius: 999,
+					background: "var(--accent)",
+					color: "var(--accent-foreground)",
+					border: 0,
+					fontSize: 11,
+					fontWeight: 600,
+					cursor: "pointer",
+					boxShadow: "var(--shadow-md)",
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 4,
+					zIndex: 1
+				},
+				children: [/* @__PURE__ */ y(e.arrowDown, { size: 11 }), d("agent.panel.jump_latest", "Jump to latest")]
+			}),
+			/* @__PURE__ */ b("div", {
+				style: {
+					padding: 10,
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)"
+				},
+				children: [/* @__PURE__ */ b("div", {
+					style: {
+						display: "flex",
+						alignItems: "flex-end",
+						gap: 6,
+						padding: 6,
+						background: "var(--surface)",
+						border: "1px solid var(--border)",
+						borderRadius: 8
+					},
+					children: [
+						/* @__PURE__ */ y(x, {
+							value: w,
+							onChange: (e) => T(e.target.value),
+							onKeyDown: G,
+							placeholder: d("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__ */ y(n, {
+							size: 26,
+							icon: /* @__PURE__ */ y(e.paperclip, { size: 12 }),
+							title: d("agent.panel.attach_context", "Attach context")
+						}),
+						Q ? /* @__PURE__ */ y("button", {
+							onClick: () => void l.cancel(),
+							"aria-label": d("agent.panel.stop", "Stop generating"),
+							title: d("agent.panel.stop", "Stop generating"),
+							style: {
+								width: 26,
+								height: 26,
+								borderRadius: 6,
+								border: 0,
+								cursor: "pointer",
+								background: "var(--destructive)",
+								color: "var(--destructive-foreground)",
+								display: "inline-flex",
+								alignItems: "center",
+								justifyContent: "center"
+							},
+							children: /* @__PURE__ */ y(e.x, { size: 13 })
+						}) : /* @__PURE__ */ y("button", {
+							onClick: () => void W(w),
+							disabled: !$,
+							"aria-label": d("agent.panel.send", "Send"),
+							style: {
+								width: 26,
+								height: 26,
+								borderRadius: 6,
+								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__ */ y(e.arrowUp, { size: 13 })
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						marginTop: 6,
+						fontSize: 10.5,
+						color: "var(--text-4)"
+					},
+					children: [/* @__PURE__ */ y(e.shield, { size: 10 }), /* @__PURE__ */ y("span", { children: d("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
+				})]
+			})
+		]
+	});
+}
+function A() {
+	return /* @__PURE__ */ y("span", {
+		"aria-hidden": !0,
+		style: {
+			display: "inline-block",
+			width: 2,
+			height: 13,
+			marginLeft: 2,
+			verticalAlign: "text-bottom",
+			background: "var(--text-3)",
+			animation: "agent-blink 1s steps(2, end) infinite"
+		}
+	});
+}
+function j({ children: t, dataMessageId: n, dataStreaming: r }) {
+	return /* @__PURE__ */ b("div", {
+		"data-message-id": n,
+		"data-streaming": r ? "true" : void 0,
+		style: {
+			display: "flex",
+			gap: 8,
+			alignItems: "flex-start"
+		},
+		children: [/* @__PURE__ */ y("span", {
+			style: {
+				width: 20,
+				height: 20,
+				borderRadius: 5,
+				background: "var(--accent-soft)",
+				color: "var(--accent)",
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				flexShrink: 0,
+				marginTop: 2
+			},
+			children: /* @__PURE__ */ y(e.sparkle, { size: 11 })
+		}), /* @__PURE__ */ y("div", {
+			style: {
+				flex: 1,
+				minWidth: 0,
+				fontSize: 12.5,
+				lineHeight: 1.55,
+				color: "var(--text)"
+			},
+			children: t
+		})]
+	});
+}
+function M({ agentTurn: e }) {
+	let t = u(), n = u("errors"), r = s("agent_turn")?.fields.get("status"), i = e.status === "failed" ? n(e.error_code ?? "", a(e.error_details) || n("agents.turn_failed", "The assistant could not finish this turn.")) : void 0;
+	return /* @__PURE__ */ b("div", {
+		"data-agent-turn": e.id,
+		"data-turn-status": e.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: i ?? "" })
+		]
+	});
+}
+function N(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: P(r.schema) ? r.schema : {}
+	};
+	let i = t.params ?? {};
+	return {
+		message: typeof i.message == "string" ? i.message : t.reason || n,
+		schema: P(i.schema) ? i.schema : {}
+	};
+}
+function ee({ invocation: e }) {
+	let t = u();
+	return /* @__PURE__ */ y("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,
+			fontSize: 11.5,
+			color: "var(--text-2)"
+		},
+		children: c(t("agent.panel.outcome_uncertain", "The outcome of {tool} is unknown. It was not retried automatically."), { tool: /* @__PURE__ */ y("span", {
+			className: "mono",
+			children: e.tool_code
+		}) })
+	});
+}
+function P(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function F({ run: e }) {
+	let [t, n] = v(!1), r = I(), i = e.calls.filter((e) => e.isError).length, a = e.calls.filter((e) => !R(e.status)).length;
+	return /* @__PURE__ */ b("div", {
+		"data-activity-run": e.id,
+		style: {
+			display: "flex",
+			gap: 8,
+			alignItems: "flex-start"
+		},
+		children: [/* @__PURE__ */ y("span", { style: {
+			width: 20,
+			flexShrink: 0
+		} }), /* @__PURE__ */ b("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => n((e) => !e),
+				"data-activity-toggle": !0,
+				"data-call-count": e.calls.length,
+				"data-failed-count": i,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 6,
+					padding: "2px 6px",
+					fontSize: 11.5,
+					color: "var(--text-3)",
+					background: "transparent",
+					border: "1px solid var(--border)",
+					borderRadius: 999,
+					cursor: "pointer"
+				},
+				children: [/* @__PURE__ */ y("span", {
+					"aria-hidden": !0,
+					children: t ? "▾" : "▸"
+				}), /* @__PURE__ */ y("span", { children: r(e.calls.length, a, i) })]
+			}), t && /* @__PURE__ */ y("div", {
+				style: {
+					marginTop: 4,
+					display: "flex",
+					flexDirection: "column",
+					gap: 3
+				},
+				children: e.calls.map((e) => /* @__PURE__ */ y(L, { call: e }, e.id))
+			})]
+		})]
+	});
+}
+function I() {
+	let e = u();
+	return (t, n, r) => {
+		let i = [];
+		return t > 0 && i.push(d(e, "agent.panel.operations", t, {
+			one: "{count} operation",
+			other: "{count} operations"
+		})), n > 0 && i.push(e("agent.panel.running", "running")), r > 0 && i.push(d(e, "agent.panel.failed_count", r, {
+			one: "{count} failed",
+			other: "{count} failed"
+		})), i.join(" · ") || e("agent.panel.worked", "worked");
+	};
+}
+function L({ call: e }) {
+	let [t, n] = v(!1), r = u(), i = B(e.name), a = s("agent_tool_invocation")?.fields.get("status"), o = e.status ?? "running", c = r(a?.values?.find((e) => e.code === o)?.name) || o, l = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : R(e.status) ? "ok" : "running";
+	return /* @__PURE__ */ b("div", {
+		"data-activity-call": e.name,
+		"data-call-state": l,
+		children: [/* @__PURE__ */ b("button", {
+			type: "button",
+			onClick: () => n((e) => !e),
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				padding: "1px 4px",
+				fontSize: 11,
+				background: "transparent",
+				border: "none",
+				cursor: "pointer",
+				color: l === "failed" ? "var(--danger)" : "var(--text-2)"
+			},
+			children: [
+				/* @__PURE__ */ y("span", {
+					"aria-hidden": !0,
+					children: t ? "▾" : "▸"
+				}),
+				/* @__PURE__ */ y("span", {
+					className: "mono",
+					children: i
+				}),
+				/* @__PURE__ */ y("span", {
+					style: { color: "var(--text-3)" },
+					children: c
+				})
+			]
+		}), t && /* @__PURE__ */ y("pre", {
+			style: {
+				margin: "2px 0 0 18px",
+				padding: 6,
+				fontSize: 10.5,
+				lineHeight: 1.45,
+				background: "var(--surface-2)",
+				borderRadius: 5,
+				overflowX: "auto",
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				color: "var(--text-2)"
+			},
+			children: JSON.stringify({
+				operation: e.name,
+				input: e.input,
+				output: e.output
+			}, null, 2)
+		})]
+	});
+}
+function R(e) {
+	return e === "succeeded" || e === "failed" || e === "rejected" || e === "canceled" || e === "outcome_unknown";
+}
+function z({ conversations: e, currentId: t, onPick: n }) {
+	let r = u();
+	return e.length === 0 ? /* @__PURE__ */ y("div", {
+		style: {
+			padding: "8px 12px",
+			fontSize: 11.5,
+			color: "var(--text-3)"
+		},
+		children: r("agent.panel.no_earlier", "No earlier conversations.")
+	}) : /* @__PURE__ */ y("div", {
+		"data-conversation-list": !0,
+		style: {
+			maxHeight: 200,
+			overflowY: "auto",
+			borderBottom: "1px solid var(--border)"
+		},
+		children: e.map((e) => /* @__PURE__ */ y("button", {
+			type: "button",
+			"data-conversation-id": e.id,
+			onClick: () => n(e.id),
+			style: {
+				display: "block",
+				width: "100%",
+				textAlign: "left",
+				padding: "6px 12px",
+				fontSize: 12,
+				background: e.id === t ? "var(--surface-2)" : "transparent",
+				border: "none",
+				cursor: "pointer",
+				color: "var(--text)"
+			},
+			children: e.title?.trim() || r("agent.panel.untitled", "Untitled conversation")
+		}, e.id))
+	});
+}
+function B(e) {
+	let t = u(), { value: n } = i("agents.transcript_names", "code"), { data: r } = l();
+	return n === "display" && t(r?.actions?.[e]?.display?.name ?? V(r, e)) || e;
+}
+function V(e, t) {
+	let n = t.indexOf(".");
+	if (!(n < 0)) return e?.entities?.[t.slice(0, n)]?.actions?.[t.slice(n + 1)]?.display?.name;
+}
+function te({ message: e }) {
+	if (e.role === "user") {
+		let t = K(e.content), n = e.content.some((e) => e.type !== "text");
+		return t && !n ? /* @__PURE__ */ y("div", {
+			style: {
+				alignSelf: "flex-end",
+				maxWidth: "80%",
+				padding: "8px 12px",
+				background: "var(--inverted-surface)",
+				color: "var(--inverted-surface-fg)",
+				borderRadius: 10,
+				fontSize: 12.5,
+				lineHeight: 1.5
+			},
+			"data-message-id": e.id,
+			"data-streaming": e.streaming ? "true" : void 0,
+			children: t
+		}) : /* @__PURE__ */ y(H, { message: e });
+	}
+	return e.role === "tool" ? /* @__PURE__ */ y(H, { message: e }) : e.role === "system" ? e.content.some((e) => e.type === "decision") ? /* @__PURE__ */ y(H, { message: e }) : /* @__PURE__ */ y(j, {
+		dataMessageId: e.id,
+		children: e.content.map((e, t) => /* @__PURE__ */ y(W, { block: e }, t))
+	}) : e.content.length === 0 ? null : /* @__PURE__ */ b(j, {
+		dataMessageId: e.id,
+		dataStreaming: e.streaming,
+		children: [e.content.map((e, t) => /* @__PURE__ */ y(W, { block: e }, t)), e.streaming && /* @__PURE__ */ y(A, {})]
+	});
+}
+function H({ message: e }) {
+	return /* @__PURE__ */ y("div", {
+		"data-message-id": e.id,
+		"data-streaming": e.streaming ? "true" : void 0,
+		style: {
+			alignSelf: "flex-end",
+			maxWidth: "80%",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-end"
+		},
+		children: e.content.map((e, t) => /* @__PURE__ */ y(W, { block: e }, t))
+	});
+}
+var U = {
+	code({ node: e, inline: t, className: n, children: r, ...i }) {
+		return t ? /* @__PURE__ */ y("code", {
+			...i,
+			style: {
+				background: "var(--surface-2)",
+				padding: "1px 4px",
+				borderRadius: 4,
+				fontFamily: "var(--font-mono, ui-monospace)",
+				fontSize: "0.92em"
+			},
+			children: r
+		}) : /* @__PURE__ */ y("pre", {
+			style: {
+				background: "var(--surface-2)",
+				border: "1px solid var(--border)",
+				borderRadius: 6,
+				padding: "8px 10px",
+				margin: "6px 0",
+				overflowX: "auto",
+				fontSize: 11.5,
+				lineHeight: 1.5
+			},
+			children: /* @__PURE__ */ y("code", {
+				className: n,
+				...i,
+				children: r
+			})
+		});
+	},
+	a({ children: e, ...t }) {
+		return /* @__PURE__ */ y("a", {
+			...t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			style: {
+				color: "var(--accent)",
+				textDecoration: "underline"
+			},
+			children: e
+		});
+	},
+	ul({ children: e, ...t }) {
+		return /* @__PURE__ */ y("ul", {
+			...t,
+			style: {
+				paddingLeft: 18,
+				margin: "4px 0"
+			},
+			children: e
+		});
+	},
+	ol({ children: e, ...t }) {
+		return /* @__PURE__ */ y("ol", {
+			...t,
+			style: {
+				paddingLeft: 20,
+				margin: "4px 0"
+			},
+			children: e
+		});
+	},
+	p({ children: e, ...t }) {
+		return /* @__PURE__ */ y("p", {
+			...t,
+			style: { margin: "4px 0" },
+			children: e
+		});
+	}
+};
+function W({ block: e }) {
+	let n = u();
+	switch (e.type) {
+		case "text": return /* @__PURE__ */ y("div", {
+			className: "agent-md",
+			children: /* @__PURE__ */ y(t, {
+				content: e.text,
+				plugins: "gfm",
+				prose: !1,
+				skipHtml: !1,
+				components: U
+			})
+		});
+		case "tool_use": {
+			let t = q(n, e.name, e.input);
+			return /* @__PURE__ */ y(G, {
+				kind: "call",
+				label: t.label,
+				sub: t.sub,
+				body: e.input
+			});
+		}
+		case "tool_result": return /* @__PURE__ */ y(G, {
+			kind: "result",
+			label: J(n, e),
+			body: e.output,
+			isError: !!e.is_error
+		});
+		case "elicit_response": return /* @__PURE__ */ y(G, {
+			kind: "result",
+			label: n("agent.panel.chip.answer", "answer"),
+			body: e.data
+		});
+		case "decision": return /* @__PURE__ */ y(X, { block: e });
+		case "system": return /* @__PURE__ */ b("div", {
+			style: {
+				fontSize: 10.5,
+				fontStyle: "italic",
+				color: "var(--text-3)"
+			},
+			children: ["— ", e.reason]
+		});
+		case "summary": return /* @__PURE__ */ y("div", {
+			style: {
+				fontSize: 10.5,
+				fontStyle: "italic",
+				color: "var(--text-3)"
+			},
+			children: e.text
+		});
+		case "attachment": return /* @__PURE__ */ y("pre", {
+			className: "mono",
+			style: {
+				marginTop: 8,
+				padding: "8px 10px",
+				background: "var(--surface-2)",
+				border: "1px solid var(--border)",
+				borderRadius: 6,
+				fontSize: 10.5,
+				overflowX: "auto"
+			},
+			children: e.content
+		});
+		default: return null;
+	}
+}
+function G({ kind: e, label: t, sub: n, body: r, isError: i }) {
+	return /* @__PURE__ */ b("details", {
+		style: {
+			marginTop: 6,
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderRadius: 6,
+			fontSize: 11,
+			width: "100%",
+			minWidth: 0,
+			maxWidth: "100%",
+			boxSizing: "border-box",
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ b("summary", {
+			style: {
+				padding: "5px 8px",
+				cursor: "pointer",
+				display: "flex",
+				alignItems: "center",
+				gap: 6,
+				listStyle: "none",
+				userSelect: "none",
+				color: "var(--text-2)"
+			},
+			children: [
+				/* @__PURE__ */ y("span", {
+					"aria-hidden": !0,
+					style: {
+						color: i ? "var(--destructive)" : "var(--text-3)",
+						fontFamily: "var(--font-mono, ui-monospace)",
+						width: 10
+					},
+					children: e === "call" ? "→" : i ? "✗" : "✓"
+				}),
+				/* @__PURE__ */ y("span", {
+					className: "mono",
+					style: {
+						color: "var(--text-2)",
+						flex: "0 1 auto",
+						minWidth: 0,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: t
+				}),
+				n && /* @__PURE__ */ y("span", {
+					style: {
+						fontSize: 10,
+						color: "var(--text-4)",
+						fontStyle: "italic",
+						flex: "0 1 auto",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: n
+				}),
+				/* @__PURE__ */ y("span", { style: { flex: 1 } }),
+				/* @__PURE__ */ y("span", {
+					"aria-hidden": !0,
+					style: {
+						fontSize: 9,
+						color: "var(--text-4)"
+					},
+					children: "▾"
+				})
+			]
+		}), /* @__PURE__ */ y("pre", {
+			className: "mono",
+			style: {
+				margin: 0,
+				padding: "4px 8px 6px",
+				fontSize: 10.5,
+				lineHeight: 1.45,
+				color: "var(--text-2)",
+				overflowX: "auto",
+				background: "var(--surface)",
+				borderTop: "1px solid var(--border)"
+			},
+			children: JSON.stringify(r, null, 2)
+		})]
+	});
+}
+function K(e) {
+	return e.map((e) => e.type === "text" ? e.text : "").join("");
+}
+function q(e, t, n) {
+	if (t === "action.invoke") {
+		let r = typeof n?.code == "string" ? n.code : "";
+		if (r) return {
+			label: r,
+			sub: e("agent.panel.chip.via", "via {tool}", { tool: t })
+		};
+	}
+	return { label: t };
+}
+function J(e, t) {
+	return t.name ? t.name : t.is_error ? e("agent.panel.chip.error", "error") : e("agent.panel.chip.result", "result");
+}
+function Y(e, t) {
+	return t === "approved" ? e("agent.panel.decision.approve", "Approved") : e("agent.panel.decision.reject", "Rejected");
+}
+function X({ block: e }) {
+	let t = u(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
+	return /* @__PURE__ */ b("div", {
+		style: {
+			marginTop: 6,
+			padding: "5px 10px",
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderLeft: `3px solid ${r}`,
+			borderRadius: 6,
+			fontSize: 11.5,
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			color: "var(--text)"
+		},
+		title: e.decided_at ? t("agent.panel.decided_at", "decided {time}", { time: e.decided_at }) : void 0,
+		children: [
+			/* @__PURE__ */ y("span", {
+				"aria-hidden": !0,
+				style: {
+					color: r,
+					fontWeight: 700
+				},
+				children: n ? "✓" : "✗"
+			}),
+			/* @__PURE__ */ y("span", {
+				style: { fontWeight: 600 },
+				children: Y(t, e.decision)
+			}),
+			/* @__PURE__ */ y("span", {
+				className: "mono",
+				style: {
+					color: "var(--text-3)",
+					fontSize: 11
+				},
+				children: e.tool_code
+			}),
+			e.note && /* @__PURE__ */ b("span", {
+				style: {
+					color: "var(--text-3)",
+					fontStyle: "italic"
+				},
+				children: ["— ", e.note]
+			})
+		]
+	});
+}
+async function ne(e, t) {
+	let n = [];
+	for (let r of t) {
+		let t = `[${r.role}]`, i = r.content.map((t) => Z(e, t)).filter((e) => e.length > 0).join("\n");
+		i && n.push(`${t}\n${i}`);
+	}
+	let r = n.join("\n\n");
+	try {
+		await navigator.clipboard.writeText(r);
+	} catch (e) {
+		console.error("agent: copyTranscript failed", e);
+	}
+}
+function Z(e, t) {
+	switch (t.type) {
+		case "text": return t.text;
+		case "tool_use": {
+			let n = q(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 ? "✗" : "✓"} ${J(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 `${Y(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 Q(e, t) {
+	return e("agent.panel.proposal", "Run {code}.", { code: t });
+}
+function re({ tool: t, onApprove: n, onReject: i }) {
+	let a = u(), o = u("errors"), s = JSON.stringify(t.params ?? {}, null, 2), [c, l] = v(!1), [d, p] = v(!1), [m, h] = v(""), [g, _] = v(null), [x, S] = v(!1), C = async (e) => {
+		if (!x) {
+			S(!0);
+			try {
+				await n(e);
+			} catch (e) {
+				_(f(o, e)), S(!1);
+			}
+		}
+	}, w = async () => {
+		if (!x) {
+			S(!0);
+			try {
+				await i(m.trim() || void 0);
+			} catch (e) {
+				_(f(o, e)), S(!1);
+			}
+		}
+	}, T = typeof t.confidence == "number" ? Math.round(Math.max(0, Math.min(1, t.confidence)) * 100) : null;
+	return /* @__PURE__ */ b("div", {
+		style: {
+			marginTop: 4,
+			padding: "10px 12px",
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderRadius: 7
+		},
+		children: [
+			/* @__PURE__ */ b("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					marginBottom: 6
+				},
+				children: [
+					/* @__PURE__ */ y(e.bolt, {
+						size: 11,
+						style: { color: "var(--accent)" }
+					}),
+					/* @__PURE__ */ y("span", {
+						style: {
+							fontSize: 11.5,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: a("agent.panel.proposed", "AI proposed")
+					}),
+					/* @__PURE__ */ y("span", {
+						className: "mono",
+						style: {
+							fontSize: 10.5,
+							color: "var(--text-3)"
+						},
+						children: t.tool_code
+					}),
+					T !== null && /* @__PURE__ */ y("span", {
+						title: a("agent.panel.confidence_title", "LLM confidence {percent}%", { percent: T }),
+						style: {
+							marginLeft: "auto",
+							fontSize: 10,
+							color: "var(--text-3)",
+							padding: "1px 6px",
+							border: "1px solid var(--border)",
+							borderRadius: 999
+						},
+						children: a("agent.panel.confidence", "{percent}% confident", { percent: T })
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				style: {
+					fontSize: 12,
+					lineHeight: 1.45,
+					color: "var(--text)",
+					marginBottom: 8
+				},
+				children: t.question?.message?.trim() || Q(a, t.tool_code)
+			}),
+			t.reason?.trim() && /* @__PURE__ */ y("div", {
+				style: {
+					fontSize: 11.5,
+					lineHeight: 1.45,
+					color: "var(--text-2)",
+					marginBottom: 8
+				},
+				children: t.reason.trim()
+			}),
+			/* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => l((e) => !e),
+				style: {
+					background: "transparent",
+					border: 0,
+					padding: 0,
+					marginBottom: c ? 6 : 0,
+					fontSize: 10.5,
+					color: "var(--text-3)",
+					cursor: "pointer",
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 4
+				},
+				children: [/* @__PURE__ */ y("span", {
+					style: {
+						display: "inline-block",
+						transform: c ? "rotate(90deg)" : "none",
+						transition: "transform 0.15s",
+						fontSize: 9,
+						lineHeight: 1
+					},
+					children: "▶"
+				}), c ? a("agent.panel.hide_params", "Hide parameters") : a("agent.panel.view_params", "View parameters")]
+			}),
+			c && /* @__PURE__ */ y("pre", {
+				className: "mono",
+				style: {
+					width: "100%",
+					margin: 0,
+					padding: 6,
+					fontSize: 10.5,
+					lineHeight: 1.45,
+					background: "var(--surface)",
+					border: "1px solid var(--border)",
+					borderRadius: 6,
+					color: "var(--text)",
+					overflowX: "auto",
+					whiteSpace: "pre-wrap"
+				},
+				children: s
+			}),
+			g && /* @__PURE__ */ y("div", {
+				style: {
+					marginTop: 4,
+					fontSize: 10.5,
+					color: "var(--text-2)"
+				},
+				children: g
+			}),
+			d && /* @__PURE__ */ y("input", {
+				type: "text",
+				value: m,
+				onChange: (e) => h(e.target.value),
+				placeholder: a("agent.panel.reject_note", "Why not? (optional) — then Send rejection"),
+				autoFocus: !0,
+				style: {
+					marginTop: 6,
+					width: "100%",
+					padding: "5px 7px",
+					fontSize: 11,
+					background: "var(--surface)",
+					border: "1px solid var(--border)",
+					borderRadius: 6,
+					color: "var(--text)"
+				}
+			}),
+			/* @__PURE__ */ b("div", {
+				style: {
+					display: "flex",
+					gap: 6,
+					marginTop: 8,
+					justifyContent: "flex-end"
+				},
+				children: [
+					d ? /* @__PURE__ */ y(r, {
+						size: "xs",
+						kind: "ghost",
+						onClick: w,
+						disabled: x,
+						children: a("agent.panel.reject_send", "Send rejection")
+					}) : /* @__PURE__ */ y(r, {
+						size: "xs",
+						kind: "ghost",
+						onClick: () => p(!0),
+						disabled: x,
+						children: a("agent.panel.reject", "Reject…")
+					}),
+					t.confirmation_mode !== "always" && /* @__PURE__ */ y(r, {
+						size: "xs",
+						kind: "ghost",
+						onClick: () => C("conversation"),
+						disabled: x,
+						children: a("agent.panel.approve_chat", "Approve for this chat")
+					}),
+					/* @__PURE__ */ y(r, {
+						size: "xs",
+						kind: "primary",
+						icon: /* @__PURE__ */ y(e.check, { size: 11 }),
+						onClick: () => C("call"),
+						disabled: x,
+						children: a("agent.panel.approve_once", "Approve once")
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { k as AgentChatPanel };