@tangle-network/sandbox-cli 0.21.22 → 0.21.24

package/dist/graph-viewer/viewer/agent-timeline-C-UIhXgu.js

@@ -0,0 +1,1786 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, n, t as r } from "./jsx-runtime-BSzbUOFc.js";
+import { $ as i, A as a, C as o, E as s, M as c, O as l, S as u, a as d, b as f, c as p, h as m, j as h, l as g, p as _, t as v, u as y, v as b, w as ee, x, y as S } from "./markdown-BpJEJUTW.js";
+import { t as C } from "./createLucideIcon-Z6KTw8ff.js";
+import { t as te } from "./bot-Bivadvxn.js";
+import { n as w, r as T } from "./x-B_F8B4lq.js";
+import { t as ne } from "./chevron-right-WW7tFY6B.js";
+import { n as re, t as E } from "./file-text-B34N7Soo.js";
+import { n as D, r as O, t as ie } from "./terminal-BxRacTx0.js";
+//#region node_modules/.pnpm/lucide-react@1.61.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/arrow-right.mjs
+var k = {
+	name: "arrow-right",
+	size: 24,
+	node: [["path", {
+		d: "M5 12h14",
+		key: "1ays0h"
+	}], ["path", {
+		d: "m12 5 7 7-7 7",
+		key: "xquz4c"
+	}]]
+};
+k.node;
+var ae = C(k), A = {
+	name: "brain",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 18V5",
+			key: "adv99a"
+		}],
+		["path", {
+			d: "M15 13a4.17 4.17 0 01-3-4 4.17 4.17 0 01-3 4",
+			key: "5nuw1p"
+		}],
+		["path", {
+			d: "M17.707 6.294A3 3 0 1012 5a3 3 0 10-5.707 1.294",
+			key: "18ldcf"
+		}],
+		["path", {
+			d: "M17.996 5.125a4 4 0 012.526 5.77",
+			key: "1sdu8q"
+		}],
+		["path", {
+			d: "M18 18a4 4 0 002-7.465",
+			key: "7xqqvr"
+		}],
+		["path", {
+			d: "M19.967 17.482a4 4 0 11-7.967.517 4 4 0 11-7.967-.517",
+			key: "t46ysz"
+		}],
+		["path", {
+			d: "M6 18a4 4 0 01-2-7.465",
+			key: "1y2m15"
+		}],
+		["path", {
+			d: "M6.004 5.125a4 4 0 00-2.526 5.77",
+			key: "3cw1ss"
+		}]
+	]
+};
+A.node;
+var oe = C(A), j = {
+	name: "circle-dot",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "1",
+		key: "41hilf"
+	}], ["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}]]
+};
+j.node;
+var se = C(j), M = {
+	name: "clipboard-list",
+	size: 24,
+	node: [
+		["rect", {
+			width: "8",
+			height: "4",
+			x: "8",
+			y: "2",
+			rx: "1",
+			ry: "1",
+			key: "tgr4d6"
+		}],
+		["path", {
+			d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+			key: "116196"
+		}],
+		["path", {
+			d: "M12 11h4",
+			key: "1jrz19"
+		}],
+		["path", {
+			d: "M12 16h4",
+			key: "n85exb"
+		}],
+		["path", {
+			d: "M8 11h.01",
+			key: "1dfujw"
+		}],
+		["path", {
+			d: "M8 16h.01",
+			key: "18s6g9"
+		}]
+	]
+};
+M.node;
+var ce = C(M), le = {
+	name: "file-pen",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34",
+			key: "o6klzx"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["path", {
+			d: "M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z",
+			key: "zhnas1"
+		}]
+	],
+	aliases: ["file-edit"]
+};
+le.node;
+var ue = C(le), de = {
+	name: "file-search",
+	size: 24,
+	node: [
+		["path", {
+			d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+			key: "1oefj6"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["circle", {
+			cx: "11.5",
+			cy: "14.5",
+			r: "2.5",
+			key: "1bq0ko"
+		}],
+		["path", {
+			d: "M13.3 16.3 15 18",
+			key: "2quom7"
+		}]
+	]
+};
+de.node;
+var fe = C(de), pe = {
+	name: "git-compare-arrows",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "5",
+			cy: "6",
+			r: "3",
+			key: "1qnov2"
+		}],
+		["path", {
+			d: "M12 6h5a2 2 0 0 1 2 2v7",
+			key: "1yj91y"
+		}],
+		["path", {
+			d: "m15 9-3-3 3-3",
+			key: "1lwv8l"
+		}],
+		["circle", {
+			cx: "19",
+			cy: "18",
+			r: "3",
+			key: "1qljk2"
+		}],
+		["path", {
+			d: "M12 18H7a2 2 0 0 1-2-2V9",
+			key: "16sdep"
+		}],
+		["path", {
+			d: "m9 15 3 3-3 3",
+			key: "1m3kbl"
+		}]
+	]
+};
+pe.node;
+var me = C(pe), he = {
+	name: "message-square-quote",
+	size: 24,
+	node: [
+		["path", {
+			d: "M14 14a2 2 0 0 0 2-2V8h-2",
+			key: "1r06pg"
+		}],
+		["path", {
+			d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+			key: "18887p"
+		}],
+		["path", {
+			d: "M8 14a2 2 0 0 0 2-2V8H8",
+			key: "1jzu5j"
+		}]
+	]
+};
+he.node;
+var ge = C(he), _e = {
+	name: "pencil-line",
+	size: 24,
+	node: [
+		["path", {
+			d: "M13 21h8",
+			key: "1jsn5i"
+		}],
+		["path", {
+			d: "m15 5 4 4",
+			key: "1mk7zo"
+		}],
+		["path", {
+			d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+			key: "1a8usu"
+		}]
+	]
+};
+_e.node;
+var ve = C(_e), ye = {
+	name: "settings",
+	size: 24,
+	node: [["path", {
+		d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+		key: "1i5ecw"
+	}], ["circle", {
+		cx: "12",
+		cy: "12",
+		r: "3",
+		key: "1v7zrd"
+	}]]
+};
+ye.node;
+var be = C(ye), N = /* @__PURE__ */ e(t(), 1), P = r(), xe = "tangle-transcript-text text-[length:var(--transcript-font-size)] leading-[var(--transcript-line-height)]";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/chat/message-author.js
+function Se(e, t) {
+	return e === void 0 || e.id === t;
+}
+function Ce({ author: e, className: t, ...r }) {
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		"data-message-author": "",
+		className: n("flex min-w-0 max-w-full items-center gap-2", t),
+		...r,
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(_, {
+				size: "xs",
+				src: e.avatarUrl,
+				name: e.name,
+				tone: b(e.id),
+				className: "rounded-full"
+			}),
+			/* @__PURE__ */ (0, P.jsx)("span", {
+				className: "min-w-0 truncate font-medium text-foreground text-sm",
+				title: e.name,
+				children: e.name
+			}),
+			e.role ? /* @__PURE__ */ (0, P.jsx)(m, {
+				size: "sm",
+				emphasis: "outline",
+				className: "max-w-[50%]",
+				children: e.role
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/chat/synthetic-text.js
+function we({ text: e }) {
+	return e.trim() ? /* @__PURE__ */ (0, P.jsxs)("div", {
+		role: "note",
+		"aria-label": "Application note",
+		"data-synthetic-text": "",
+		className: "min-w-0 rounded-md border border-dashed border-border bg-muted/30 px-3 py-2 text-sm text-muted-foreground",
+		children: [/* @__PURE__ */ (0, P.jsx)("div", {
+			className: "mb-1 font-medium",
+			children: "Application note"
+		}), /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "break-words whitespace-pre-wrap",
+			children: e
+		})]
+	}) : null;
+}
+function Te(e) {
+	let t = [], n = [], r = 0, i = () => {
+		let e = n.join("\n");
+		e.trim() && t.push({
+			index: r,
+			synthetic: !1,
+			text: e
+		}), n = [];
+	};
+	return e.forEach((e, a) => {
+		e.type === "text" && (e.synthetic ? (i(), e.text.trim() && t.push({
+			index: a,
+			synthetic: !0,
+			text: e.text
+		})) : (n.length === 0 && (r = a), n.push(e.text)));
+	}), i(), t;
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/chat/user-message.js
+function Ee(e) {
+	return e.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+}
+function F({ children: e, align: t = "end" }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: `flex flex-wrap items-center ${t === "end" ? "justify-end" : "justify-start"} gap-1.5 text-xs text-muted-foreground`,
+		children: e
+	});
+}
+function De({ text: e, timestamp: t, actions: n }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: "flex justify-end",
+		children: /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "group flex min-w-0 max-w-[78%] flex-col items-end gap-2",
+			children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "relative w-full min-w-0 rounded-2xl bg-foreground px-4 py-3 text-background",
+				children: [t ? /* @__PURE__ */ (0, P.jsx)("span", {
+					"data-user-message-time": "",
+					className: "pointer-events-none absolute right-full top-1/2 mr-3 -translate-y-1/2 whitespace-nowrap text-[length:var(--font-size-xs)] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+					children: Ee(t)
+				}) : null, /* @__PURE__ */ (0, P.jsx)("div", {
+					className: `break-words whitespace-pre-wrap ${xe}`,
+					children: e
+				})]
+			}), n ? /* @__PURE__ */ (0, P.jsx)(F, { children: n }) : null]
+		})
+	});
+}
+function Oe({ text: e, timestamp: t, actions: n, author: r }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: "flex justify-start",
+		children: /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "group flex min-w-0 max-w-[78%] flex-col items-start gap-1.5",
+			children: [
+				r ? /* @__PURE__ */ (0, P.jsx)(Ce, { author: r }) : null,
+				/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "relative min-w-0 max-w-full rounded-2xl border border-border bg-card px-4 py-3 text-foreground",
+					children: [t ? /* @__PURE__ */ (0, P.jsx)("span", {
+						"data-user-message-time": "",
+						className: "pointer-events-none absolute left-full top-1/2 ml-3 -translate-y-1/2 whitespace-nowrap text-[length:var(--font-size-xs)] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+						children: Ee(t)
+					}) : null, /* @__PURE__ */ (0, P.jsx)("div", {
+						className: `break-words whitespace-pre-wrap ${xe}`,
+						children: e
+					})]
+				}),
+				n ? /* @__PURE__ */ (0, P.jsx)(F, {
+					align: "start",
+					children: n
+				}) : null
+			]
+		})
+	});
+}
+var I = (0, N.memo)(({ message: e, parts: t, content: n, timestamp: r, actions: i, author: a, viewerId: o }) => {
+	let s = Se(a, o) ? void 0 : a, c = (e, t, n = !0, i) => s ? /* @__PURE__ */ (0, P.jsx)(Oe, {
+		text: e,
+		timestamp: r,
+		actions: t,
+		author: n ? s : void 0
+	}, i) : /* @__PURE__ */ (0, P.jsx)(De, {
+		text: e,
+		timestamp: r,
+		actions: t
+	}, i);
+	if (n != null) return n.trim() ? c(n, i) : null;
+	let l = Te(t ?? []);
+	if (l.length === 0) return null;
+	if (l.length === 1 && !l[0].synthetic) return c(l[0].text, i);
+	let u = l.find((e) => !e.synthetic);
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "space-y-2",
+		children: [l.map((e) => e.synthetic ? /* @__PURE__ */ (0, P.jsx)(we, { text: e.text }, e.index) : c(e.text, void 0, e === u, e.index)), i ? /* @__PURE__ */ (0, P.jsx)(F, {
+			align: s ? "start" : "end",
+			children: i
+		}) : null]
+	});
+});
+I.displayName = "UserMessage";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/utils/tool-display.js
+var ke = "tool:";
+function L(e) {
+	let t = e?.toLowerCase() ?? "";
+	return t.startsWith(ke) ? t.slice(5) : t;
+}
+function R(e, t) {
+	if (typeof e == "object" && e && t in e) {
+		let n = e[t];
+		if (typeof n == "string") return n;
+	}
+}
+function Ae(e) {
+	return typeof e == "string" ? e : R(e, "command") ?? R(e, "cmd");
+}
+function je(e) {
+	return R(e, "file_path") ?? R(e, "path") ?? R(e, "filePath") ?? R(e, "file");
+}
+function Me(e) {
+	switch (L(e)) {
+		case "bash":
+		case "shell":
+		case "command":
+		case "execute": return "command";
+		case "write":
+		case "write_file":
+		case "create_file": return "write";
+		case "read":
+		case "read_file":
+		case "cat": return "read";
+		case "grep":
+		case "search":
+		case "rg": return "search";
+		case "edit":
+		case "patch":
+		case "sed": return "edit";
+		case "glob":
+		case "find":
+		case "ls": return "search";
+		case "web_search":
+		case "web_fetch":
+		case "fetch": return "web";
+		case "task":
+		case "agent":
+		case "spawn": return "task";
+		case "todo":
+		case "todo_write": return "todo";
+		default: return "other";
+	}
+}
+function z(e) {
+	let t = L(e.tool), n = e.state.status === "pending" ? void 0 : e.state.input, r = je(n), i = Ae(n);
+	switch (t) {
+		case "bash":
+		case "shell":
+		case "command":
+		case "execute": return {
+			title: "Shell",
+			description: i ? B(i) : void 0,
+			displayVariant: "command",
+			commandSnippet: i
+		};
+		case "write":
+		case "write_file":
+		case "create_file": return {
+			title: "Write",
+			description: r,
+			displayVariant: "write-file",
+			targetPath: r
+		};
+		case "edit":
+		case "patch": return {
+			title: "Edit",
+			description: r,
+			hasDiffOutput: !0,
+			diffFilePath: r,
+			displayVariant: "diff",
+			targetPath: r
+		};
+		case "read":
+		case "read_file":
+		case "cat": return {
+			title: "Read",
+			description: r,
+			displayVariant: "read-file",
+			targetPath: r
+		};
+		case "grep":
+		case "search":
+		case "rg": return {
+			title: "Search",
+			description: R(n, "pattern"),
+			displayVariant: "grep"
+		};
+		case "glob":
+		case "find":
+		case "ls": return {
+			title: "Find",
+			description: R(n, "pattern"),
+			displayVariant: "glob"
+		};
+		case "web_search":
+		case "web_fetch":
+		case "fetch": {
+			let e = R(n, "query") ?? R(n, "url");
+			return {
+				title: t === "web_search" ? "Web search" : "Fetch",
+				description: e ? B(e) : void 0,
+				displayVariant: "web-search"
+			};
+		}
+		case "task":
+		case "agent":
+		case "spawn": {
+			let e = R(n, "description") ?? R(n, "prompt");
+			return {
+				title: "Task",
+				description: e ? B(e) : void 0
+			};
+		}
+		default: return {
+			title: e.tool || "Tool",
+			description: i ?? r ?? R(n, "pattern") ?? R(n, "query")
+		};
+	}
+}
+function B(e) {
+	let t = e.split("\n")[0];
+	return t.length > 60 ? t.slice(0, 57) + "..." : t;
+}
+function Ne(e, t) {
+	if (e.state.status === "error") return e.state.error || t;
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/command-preview.js
+var Pe = [
+	"command",
+	"cmd",
+	"script",
+	"commandLine"
+];
+function Fe(e) {
+	if (typeof e == "string") return e;
+	if (e && typeof e == "object") {
+		let t = e;
+		for (let e of Pe) {
+			let n = t[e];
+			if (typeof n == "string" && n.length > 0) return n;
+		}
+	}
+	return "";
+}
+function Ie(e) {
+	if (typeof e == "number" && Number.isFinite(e)) return e;
+	if (typeof e == "string" && e.trim() !== "") {
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	}
+}
+function Le(e) {
+	return e == null ? {
+		stdout: "",
+		stderr: "",
+		exitCode: void 0
+	} : typeof e == "string" ? ze(e) || {
+		stdout: e,
+		stderr: "",
+		exitCode: void 0
+	} : typeof e == "object" ? V(e) : {
+		stdout: String(e),
+		stderr: "",
+		exitCode: void 0
+	};
+}
+function V(e) {
+	let t = (e) => e == null ? "" : String(e), n = e.timedOut ?? e.timed_out, r = e.signal;
+	return {
+		stdout: t(e.stdout ?? e.output),
+		stderr: t(e.stderr),
+		exitCode: Ie(e.exitCode ?? e.exit_code ?? e.code),
+		...n === !0 ? { timedOut: !0 } : {},
+		...typeof r == "string" && r.length > 0 ? { signal: r } : {}
+	};
+}
+var Re = /* @__PURE__ */ new Set([
+	"stdout",
+	"stderr",
+	"output",
+	"exitCode",
+	"exit_code",
+	"code",
+	"signal",
+	"durationMs",
+	"duration_ms",
+	"timedOut",
+	"timed_out"
+]);
+function ze(e) {
+	let t = e.trimStart();
+	if (t.startsWith("{")) try {
+		let e = JSON.parse(t);
+		if (!e || typeof e != "object" || Array.isArray(e)) return;
+		let n = e;
+		return !("stdout" in n) && !("stderr" in n) || !Object.keys(n).every((e) => Re.has(e)) ? void 0 : V(n);
+	} catch {
+		return;
+	}
+}
+function Be({ output: e, status: t }) {
+	if (t === "running" || t === "pending") return /* @__PURE__ */ (0, P.jsxs)("span", {
+		className: "inline-flex shrink-0 items-center gap-1 text-[11px] text-muted-foreground",
+		children: [/* @__PURE__ */ (0, P.jsx)(T, {
+			className: "h-3 w-3 animate-spin",
+			"aria-hidden": "true"
+		}), "running"]
+	});
+	let { exitCode: r, timedOut: i, signal: a } = e, o, s;
+	return i ? (o = "timed out", s = "danger") : a ? (o = a, s = "danger") : r !== void 0 && r !== 0 ? (o = `exit ${r}`, s = "danger") : t === "error" ? (o = r === 0 ? "exit 0 · tool reported error" : "tool reported error", s = "warning") : (o = r === 0 ? "exit 0" : null, s = "success"), o === null ? null : /* @__PURE__ */ (0, P.jsx)("span", {
+		className: n("inline-flex shrink-0 items-center rounded-full border px-1.5 py-px font-sans text-[11px] font-medium tabular-nums", s === "danger" && "border-transparent bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]", s === "success" && "border-transparent bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]", s === "warning" && "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]"),
+		children: o
+	});
+}
+function Ve({ command: e }) {
+	let t = e.split(/(\s+)/);
+	return /* @__PURE__ */ (0, P.jsx)(P.Fragment, { children: t.map((e, t) => e.length > 0 && !/\s/.test(e) ? /* @__PURE__ */ (0, P.jsx)("span", {
+		className: "inline-block max-w-full [overflow-wrap:anywhere]",
+		children: e
+	}, t) : e) });
+}
+function H({ label: e, text: t, className: r }) {
+	let a = (0, N.useRef)(null), [o, s] = (0, N.useState)(!1), [c, l] = (0, N.useState)(!1);
+	(0, N.useLayoutEffect)(() => {
+		let e = a.current;
+		if (!e || c) return;
+		let t = () => s(e.scrollHeight > e.clientHeight + 1);
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [c]);
+	let u = t.replace(/\n$/, "").split("\n").length;
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: r,
+		children: [/* @__PURE__ */ (0, P.jsx)("pre", {
+			ref: a,
+			tabIndex: 0,
+			role: "region",
+			"aria-label": e,
+			className: n("overflow-auto whitespace-pre-wrap [overflow-wrap:anywhere] px-3 py-2 leading-relaxed", c ? "" : "max-h-80", i),
+			children: t
+		}), o && !c ? /* @__PURE__ */ (0, P.jsxs)("button", {
+			type: "button",
+			onClick: () => l(!0),
+			className: n("w-full border-t border-white/10 px-3 py-1.5 text-left font-sans text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground", i),
+			children: [
+				"Show all ",
+				e,
+				" (",
+				u,
+				" lines)"
+			]
+		}) : null]
+	});
+}
+var He = (0, N.memo)(({ part: e, defaultExpanded: t = !1, className: r }) => {
+	let [a, o] = (0, N.useState)(t), s = (0, N.useId)(), c = Fe(e.state.input), { status: l } = e.state, u = Le(e.state.output), d = (e) => e.replace(/\s+/g, " ").trim(), f = e.state.error !== void 0 && u.stdout.length > 0 && d(e.state.error) === d(u.stdout) ? void 0 : e.state.error, p = u.stdout.length > 0 || u.stderr.length > 0 || f !== void 0 && f.length > 0, m = /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [
+		/* @__PURE__ */ (0, P.jsx)("span", {
+			"aria-hidden": "true",
+			className: "shrink-0 select-none text-muted-foreground",
+			children: "$"
+		}),
+		/* @__PURE__ */ (0, P.jsx)("code", {
+			title: a ? void 0 : c,
+			className: n("min-w-0 flex-1 whitespace-pre-wrap [overflow-wrap:anywhere]", a ? "" : "line-clamp-2"),
+			children: a ? /* @__PURE__ */ (0, P.jsx)(Ve, { command: c }) : c
+		}),
+		/* @__PURE__ */ (0, P.jsx)("span", {
+			className: "flex shrink-0 max-sm:order-last max-sm:basis-full max-sm:pl-4",
+			children: /* @__PURE__ */ (0, P.jsx)(Be, {
+				output: u,
+				status: l
+			})
+		})
+	] });
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		"data-theme": a ? "dark" : void 0,
+		"data-testid": "command-preview",
+		"data-expanded": a,
+		className: n("overflow-hidden rounded-[var(--radius-md)] border font-mono text-xs text-foreground", a ? "border-[var(--md3-surface-container-lowest)] bg-[var(--md3-surface-container-lowest)]" : "border-transparent bg-transparent", r),
+		children: [p ? /* @__PURE__ */ (0, P.jsxs)("button", {
+			type: "button",
+			onClick: () => o((e) => !e),
+			"aria-expanded": a,
+			"aria-controls": s,
+			className: n("flex w-full flex-wrap items-start gap-x-2 gap-y-1 px-3 py-2 text-left transition-colors sm:flex-nowrap", a ? "hover:bg-white/5" : "hover:bg-muted", i),
+			children: [m, a ? /* @__PURE__ */ (0, P.jsx)(h, {
+				className: "mt-px h-3.5 w-3.5 shrink-0 text-muted-foreground",
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ (0, P.jsx)(ne, {
+				className: "mt-px h-3.5 w-3.5 shrink-0 text-muted-foreground",
+				"aria-hidden": "true"
+			})]
+		}) : /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "flex w-full flex-wrap items-start gap-x-2 gap-y-1 px-3 py-2 sm:flex-nowrap",
+			children: m
+		}), a && p ? /* @__PURE__ */ (0, P.jsxs)("div", {
+			id: s,
+			className: "border-t border-white/10",
+			children: [
+				u.stdout ? /* @__PURE__ */ (0, P.jsx)(H, {
+					label: "stdout",
+					text: u.stdout,
+					className: ""
+				}) : null,
+				u.stderr ? /* @__PURE__ */ (0, P.jsx)(H, {
+					label: "stderr",
+					text: u.stderr,
+					className: "border-t border-white/10 text-[var(--surface-danger-text)]"
+				}) : null,
+				f ? /* @__PURE__ */ (0, P.jsx)(H, {
+					label: "error",
+					text: f,
+					className: "border-t border-white/10 text-[var(--surface-danger-text)]"
+				}) : null
+			]
+		}) : null]
+	});
+});
+He.displayName = "CommandPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/preview-primitives.js
+function U({ icon: e, title: t, description: r, meta: i, children: a, className: o }) {
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: n("overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]", o),
+		children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex items-center gap-2.5 border-b border-border bg-card px-[var(--tool-card-px)] py-[var(--tool-card-py)]",
+			children: [
+				/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "flex h-[var(--tool-icon-size)] w-[var(--tool-icon-size)] shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary",
+					children: e
+				}),
+				/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("span", {
+							className: "text-xs font-semibold text-foreground",
+							children: t
+						}), r ? /* @__PURE__ */ (0, P.jsx)("span", {
+							className: "truncate text-xs font-mono text-muted-foreground",
+							children: r
+						}) : null]
+					})
+				}),
+				i ? /* @__PURE__ */ (0, P.jsx)("div", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: i
+				}) : null
+			]
+		}), a ? /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "space-y-2 px-[var(--tool-card-px)] py-[var(--tool-card-py)]",
+			children: a
+		}) : null]
+	});
+}
+function W({ label: e, className: t }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: n("rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground", t),
+		children: e
+	});
+}
+function G({ error: e }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]",
+		children: e
+	});
+}
+function K({ label: e = "Running…" }) {
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-2 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ (0, P.jsx)(T, { className: "h-4 w-4 animate-spin text-primary" }), /* @__PURE__ */ (0, P.jsx)("span", { children: e })]
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/write-file-preview.js
+function Ue(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e;
+	return {
+		path: String(t.file_path ?? t.path ?? t.filePath ?? "unknown"),
+		content: String(t.content ?? t.contents ?? t.data ?? "")
+	};
+}
+var We = (0, N.memo)(({ part: e }) => {
+	let t = Ue(e.state.input);
+	if (!t) return null;
+	let n = t.content.split("\n").length, r = d(t.path);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(ue, { className: "h-4 w-4" }),
+		title: "Write file",
+		description: t.path,
+		meta: /* @__PURE__ */ (0, P.jsxs)("span", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				"+",
+				n,
+				" line",
+				n === 1 ? "" : "s"
+			]
+		}),
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Writing file…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			/* @__PURE__ */ (0, P.jsx)(S, {
+				code: t.content,
+				language: r,
+				className: "rounded-[var(--radius-md)]",
+				children: /* @__PURE__ */ (0, P.jsx)(f, { text: t.content })
+			})
+		]
+	});
+});
+We.displayName = "WriteFilePreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/grep-results-preview.js
+function q(e) {
+	return typeof e == "string" && e.trim() ? e : void 0;
+}
+function J(e) {
+	if (typeof e == "string") {
+		let [t, n, ...r] = e.split(":"), i = Number(n);
+		return r.length > 0 && Number.isFinite(i) ? {
+			path: t,
+			line: i,
+			text: r.join(":").trim()
+		} : {
+			path: "match",
+			text: e
+		};
+	}
+	if (!e || typeof e != "object") return null;
+	let t = e, n = q(t.path) ?? q(t.file) ?? q(t.filePath) ?? "match", r = t.line ?? t.lineNumber ?? t.line_number, i = typeof r == "number" ? r : Number(r), a = q(t.text) ?? q(t.content) ?? q(t.lineText) ?? q(t.preview);
+	return a ? {
+		path: n,
+		line: Number.isFinite(i) ? i : void 0,
+		text: a
+	} : null;
+}
+function Ge(e) {
+	if (!e || typeof e != "object") return;
+	let t = e;
+	return q(t.pattern) ?? q(t.query);
+}
+function Ke(e) {
+	if (Array.isArray(e)) return e.map(J).filter((e) => e !== null);
+	if (e && typeof e == "object") {
+		let t = e, n = [
+			t.matches,
+			t.results,
+			t.output
+		];
+		for (let e of n) if (Array.isArray(e)) return e.map(J).filter((e) => e !== null);
+	}
+	return typeof e == "string" ? e.split("\n").map((e) => e.trim()).filter(Boolean).map(J).filter((e) => e !== null) : [];
+}
+var qe = (0, N.memo)(({ part: e }) => {
+	let t = Ge(e.state.input), n = (0, N.useMemo)(() => Ke(e.state.output), [e.state.output]), r = (0, N.useMemo)(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n) {
+			let n = e.get(t.path) ?? [];
+			n.push(t), e.set(t.path, n);
+		}
+		return [...e.entries()];
+	}, [n]);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(D, { className: "h-4 w-4" }),
+		title: t ? `Search results for "${t}"` : "Search results",
+		description: n.length > 0 ? `${n.length} match${n.length === 1 ? "" : "es"}` : void 0,
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Searching files…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			e.state.status === "completed" && n.length === 0 ? /* @__PURE__ */ (0, P.jsx)(W, { label: "No matching files or lines were returned." }) : null,
+			r.map(([e, t]) => /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "rounded-[var(--radius-md)] border border-border bg-muted/55",
+				children: [/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "border-b border-border px-3 py-2 text-xs font-medium text-foreground",
+					children: e
+				}), /* @__PURE__ */ (0, P.jsx)("div", {
+					className: "divide-y divide-border",
+					children: t.map((t, n) => /* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "grid grid-cols-[auto_minmax(0,1fr)] gap-3 px-3 py-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("div", {
+							className: "pt-0.5 text-xs font-mono text-muted-foreground",
+							children: t.line ?? "·"
+						}), /* @__PURE__ */ (0, P.jsx)("pre", {
+							className: "overflow-x-auto whitespace-pre-wrap break-words text-xs font-mono text-foreground",
+							children: t.text
+						})]
+					}, `${e}-${t.line ?? n}-${n}`))
+				})]
+			}, e))
+		]
+	});
+});
+qe.displayName = "GrepResultsPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/glob-results-preview.js
+function Je(e) {
+	return typeof e == "string" && e.trim() ? e : void 0;
+}
+function Ye(e) {
+	if (!e || typeof e != "object") return;
+	let t = e;
+	return Je(t.pattern) ?? Je(t.path);
+}
+function Xe(e) {
+	if (Array.isArray(e)) return e.map((e) => String(e)).filter(Boolean);
+	if (e && typeof e == "object") {
+		let t = e, n = t.files ?? t.matches ?? t.paths ?? t.results;
+		if (Array.isArray(n)) return n.map((e) => typeof e == "string" ? e : e && typeof e == "object" ? String(e.path ?? e.file ?? "") : "").filter(Boolean);
+	}
+	return typeof e == "string" ? e.split("\n").map((e) => e.trim()).filter(Boolean) : [];
+}
+var Ze = (0, N.memo)(({ part: e }) => {
+	let t = Ye(e.state.input), n = (0, N.useMemo)(() => Xe(e.state.output), [e.state.output]);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(l, { className: "h-4 w-4" }),
+		title: t ? `Files for ${t}` : "File results",
+		description: n.length > 0 ? `${n.length} path${n.length === 1 ? "" : "s"}` : void 0,
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Collecting files…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			e.state.status === "completed" && n.length === 0 ? /* @__PURE__ */ (0, P.jsx)(W, { label: "No matching files were returned." }) : null,
+			n.length > 0 ? /* @__PURE__ */ (0, P.jsx)("div", {
+				className: "grid gap-2 sm:grid-cols-2",
+				children: n.map((e) => {
+					let t = e.endsWith("/") ? l : E;
+					return /* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted/55 px-3 py-2",
+						children: [/* @__PURE__ */ (0, P.jsx)(t, { className: "h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ (0, P.jsx)("span", {
+							className: "min-w-0 truncate text-xs font-mono text-foreground",
+							children: e
+						})]
+					}, e);
+				})
+			}) : null
+		]
+	});
+});
+Ze.displayName = "GlobResultsPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/web-search-preview.js
+function Y(e) {
+	return typeof e == "string" && e.trim() ? e : void 0;
+}
+function Qe(e, t) {
+	if (e && typeof e == "object") {
+		let t = e, n = Y(t.query) ?? Y(t.url);
+		if (n) return n;
+	}
+	if (t && typeof t == "object") return Y(t.query);
+}
+function $e(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e, n = Y(t.title) ?? Y(t.name) ?? "Untitled result", r = Y(t.url) ?? Y(t.link);
+	return r ? {
+		title: n,
+		url: r,
+		snippet: Y(t.snippet) ?? Y(t.description) ?? Y(t.text)
+	} : null;
+}
+function et(e) {
+	if (e && typeof e == "object") {
+		let t = e, n = t.results ?? t.items ?? t.output;
+		if (Array.isArray(n)) return n.map($e).filter((e) => e !== null);
+	}
+	return Array.isArray(e) ? e.map($e).filter((e) => e !== null) : [];
+}
+var tt = (0, N.memo)(({ part: e }) => {
+	let t = Qe(e.state.input, e.state.output), n = (0, N.useMemo)(() => et(e.state.output), [e.state.output]);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(O, { className: "h-4 w-4" }),
+		title: t ? `Web results for ${t}` : "Web results",
+		description: n.length > 0 ? `${n.length} result${n.length === 1 ? "" : "s"}` : void 0,
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Searching the web…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			e.state.status === "completed" && n.length === 0 ? /* @__PURE__ */ (0, P.jsx)(W, { label: "No web results were returned." }) : null,
+			/* @__PURE__ */ (0, P.jsx)("div", {
+				className: "space-y-2",
+				children: n.map((e) => /* @__PURE__ */ (0, P.jsxs)("a", {
+					href: e.url,
+					target: "_blank",
+					rel: "noreferrer",
+					className: `block rounded-[var(--radius-md)] border border-border bg-muted/55 px-3 py-3 transition-colors hover:border-[var(--border-strong)] hover:bg-accent/50 ${i}`,
+					children: [
+						/* @__PURE__ */ (0, P.jsx)("div", {
+							className: "text-sm font-medium text-foreground",
+							children: e.title
+						}),
+						/* @__PURE__ */ (0, P.jsx)("div", {
+							className: "mt-1 truncate text-xs text-primary",
+							children: e.url
+						}),
+						e.snippet ? /* @__PURE__ */ (0, P.jsx)("p", {
+							className: "mt-2 text-sm leading-relaxed text-muted-foreground",
+							children: e.snippet
+						}) : null
+					]
+				}, e.url))
+			})
+		]
+	});
+});
+tt.displayName = "WebSearchPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/question-preview.js
+function nt(e) {
+	if (!e) return [];
+	if (typeof e == "string") return [e];
+	if (Array.isArray(e)) return e.map((e) => String(e)).filter(Boolean);
+	if (typeof e == "object") {
+		let t = e, n = t.questions ?? t.question ?? t.prompt;
+		if (Array.isArray(n)) return n.map((e) => String(e)).filter(Boolean);
+		if (typeof n == "string") return [n];
+	}
+	return [];
+}
+function rt(e) {
+	if (!e) return [];
+	if (typeof e == "string") return [e];
+	if (Array.isArray(e)) return e.map((e) => String(e)).filter(Boolean);
+	if (typeof e == "object") {
+		let t = e, n = t.answers ?? t.answer ?? t.response;
+		if (Array.isArray(n)) return n.map((e) => String(e)).filter(Boolean);
+		if (typeof n == "string") return [n];
+	}
+	return [];
+}
+var it = (0, N.memo)(({ part: e }) => {
+	let t = (0, N.useMemo)(() => nt(e.state.input), [e.state.input]), n = (0, N.useMemo)(() => rt(e.state.output), [e.state.output]);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(ge, { className: "h-4 w-4" }),
+		title: "Agent question",
+		description: t.length > 1 ? `${t.length} questions require attention` : void 0,
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Waiting for an answer…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			t.length === 0 ? /* @__PURE__ */ (0, P.jsx)(W, { label: "No question text was provided." }) : null,
+			t.map((t, r) => /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "rounded-[var(--radius-md)] border border-border bg-muted px-3 py-3",
+				children: [
+					/* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+						children: ["Question ", r + 1]
+					}),
+					/* @__PURE__ */ (0, P.jsx)("div", {
+						className: "mt-2 text-sm leading-relaxed text-foreground",
+						children: t
+					}),
+					/* @__PURE__ */ (0, P.jsx)("div", {
+						className: "mt-3 rounded-[var(--radius-sm)] border border-border bg-card px-3 py-2 text-sm text-foreground",
+						children: n[r] ?? (e.state.status === "completed" ? "No answer recorded." : "Awaiting answer")
+					})
+				]
+			}, `${t}-${r}`))
+		]
+	});
+});
+it.displayName = "QuestionPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/tool-previews/diff-preview.js
+function X(e, ...t) {
+	for (let n of t) {
+		let t = e[n];
+		if (typeof t == "string" && t.length > 0) return t;
+	}
+}
+function at(e) {
+	let t = [
+		e.state.input,
+		e.state.output,
+		e.state.metadata
+	];
+	for (let e of t) {
+		if (!e || typeof e != "object") continue;
+		let t = e, n = X(t, "diff", "patch", "unifiedDiff", "unified_diff"), r = X(t, "oldString", "old_string", "before", "previous"), i = X(t, "newString", "new_string", "after", "updated"), a = X(t, "file_path", "filePath", "path");
+		if (n || r || i) return {
+			path: a,
+			diff: n,
+			before: r,
+			after: i
+		};
+	}
+	return {};
+}
+var ot = (0, N.memo)(({ part: e }) => {
+	let t = at(e);
+	return /* @__PURE__ */ (0, P.jsxs)(U, {
+		icon: /* @__PURE__ */ (0, P.jsx)(me, { className: "h-4 w-4" }),
+		title: t.path ? `Changes for ${t.path}` : "File changes",
+		children: [
+			e.state.status === "running" ? /* @__PURE__ */ (0, P.jsx)(K, { label: "Computing changes…" }) : null,
+			e.state.error ? /* @__PURE__ */ (0, P.jsx)(G, { error: e.state.error }) : null,
+			!t.diff && !t.before && !t.after ? /* @__PURE__ */ (0, P.jsx)(W, { label: "No structured diff payload was provided." }) : null,
+			t.diff ? /* @__PURE__ */ (0, P.jsx)(S, {
+				code: t.diff,
+				language: "diff",
+				className: "rounded-[var(--radius-md)]"
+			}) : null,
+			!t.diff && t.before ? /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+					children: "Before"
+				}), /* @__PURE__ */ (0, P.jsx)(S, {
+					code: t.before,
+					language: "text",
+					className: "rounded-[var(--radius-md)]"
+				})]
+			}) : null,
+			!t.diff && t.after ? /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+					children: "After"
+				}), /* @__PURE__ */ (0, P.jsx)(S, {
+					code: t.after,
+					language: "text",
+					className: "rounded-[var(--radius-md)]"
+				})]
+			}) : null
+		]
+	});
+});
+ot.displayName = "DiffPreview";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/expandable-content.js
+function Z({ children: e, collapsedMaxPx: t = 180, fadeClassName: r = "from-muted", className: i, toggleClassName: a }) {
+	let [o, s] = (0, N.useState)(!1), [c, l] = (0, N.useState)(!1), u = (0, N.useRef)(null);
+	(0, N.useEffect)(() => {
+		let e = u.current;
+		if (!e) return;
+		let n = () => l(e.scrollHeight > t + 4);
+		if (n(), typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [t]);
+	let d = c && !o;
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: i,
+		children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+			ref: u,
+			className: "relative overflow-hidden",
+			style: d ? { maxHeight: t } : void 0,
+			children: [e, d ? /* @__PURE__ */ (0, P.jsx)("div", { className: n("pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t to-transparent", r) }) : null]
+		}), c ? /* @__PURE__ */ (0, P.jsx)("button", {
+			type: "button",
+			onClick: () => s((e) => !e),
+			className: n("mt-1 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground", a),
+			children: o ? "Show less" : "Show more"
+		}) : null]
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/expanded-tool-detail.js
+var st = "mx-3 mb-2", ct = {
+	ts: "typescript",
+	tsx: "tsx",
+	js: "javascript",
+	jsx: "jsx",
+	rs: "rust",
+	py: "python",
+	go: "go",
+	rb: "ruby",
+	json: "json",
+	yaml: "yaml",
+	yml: "yaml",
+	toml: "toml",
+	md: "markdown",
+	css: "css",
+	scss: "scss",
+	html: "html",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	sql: "sql",
+	sol: "solidity",
+	proto: "protobuf"
+};
+function lt(e) {
+	if (!e) return;
+	let t = e.split(".").pop()?.toLowerCase();
+	return t ? ct[t] : void 0;
+}
+function ut(e) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return String(e);
+	}
+}
+var dt = (0, N.memo)(({ part: e }) => {
+	let t = z(e), { status: r, input: i, output: o, error: s } = e.state;
+	if (t.displayVariant === "command") return /* @__PURE__ */ (0, P.jsx)(He, {
+		part: e,
+		defaultExpanded: !0
+	});
+	if (t.displayVariant === "write-file") return /* @__PURE__ */ (0, P.jsx)(We, { part: e });
+	if (t.displayVariant === "grep") return /* @__PURE__ */ (0, P.jsx)(qe, { part: e });
+	if (t.displayVariant === "glob") return /* @__PURE__ */ (0, P.jsx)(Ze, { part: e });
+	if (t.displayVariant === "web-search") return /* @__PURE__ */ (0, P.jsx)(tt, { part: e });
+	if (t.displayVariant === "question") return /* @__PURE__ */ (0, P.jsx)(it, { part: e });
+	if (t.displayVariant === "diff") return /* @__PURE__ */ (0, P.jsx)(ot, { part: e });
+	if (t.displayVariant === "read-file") return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]",
+		children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex items-center gap-2.5 border-b border-border bg-card px-3 py-2",
+			children: [/* @__PURE__ */ (0, P.jsx)("div", {
+				className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary",
+				children: /* @__PURE__ */ (0, P.jsx)(E, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "min-w-0 flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, P.jsx)("span", {
+					className: "text-xs font-semibold text-foreground",
+					children: "Read file"
+				}), t.targetPath ? /* @__PURE__ */ (0, P.jsx)("span", {
+					className: "truncate text-xs font-mono text-muted-foreground",
+					children: t.targetPath
+				}) : null]
+			})]
+		}), /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "space-y-2 px-3 py-2.5",
+			children: [typeof o == "string" ? /* @__PURE__ */ (0, P.jsx)(S, {
+				code: o,
+				language: lt(t.targetPath) ?? "text",
+				className: "rounded-[var(--radius-md)]"
+			}) : /* @__PURE__ */ (0, P.jsx)("div", {
+				className: "rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-4 text-sm text-muted-foreground",
+				children: "No readable file content was returned."
+			}), s ? /* @__PURE__ */ (0, P.jsx)("div", {
+				className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]",
+				children: s
+			}) : null]
+		})]
+	});
+	let l = ut(i), u = ut(o);
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			l && /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card",
+				children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2",
+					children: [/* @__PURE__ */ (0, P.jsx)(ae, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ (0, P.jsx)("span", {
+						className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground",
+						children: "Input"
+					})]
+				}), /* @__PURE__ */ (0, P.jsx)(S, {
+					code: l,
+					language: "json",
+					className: "rounded-none border-0"
+				})]
+			}),
+			r === "completed" && u && /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card",
+				children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2",
+					children: [/* @__PURE__ */ (0, P.jsx)(c, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ (0, P.jsx)("span", {
+						className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground",
+						children: "Output"
+					})]
+				}), /* @__PURE__ */ (0, P.jsx)(Z, {
+					fadeClassName: "from-card",
+					toggleClassName: st,
+					children: /* @__PURE__ */ (0, P.jsx)(S, {
+						code: u.length > 2e3 ? u.slice(0, 2e3) + "\n...(truncated)" : u,
+						language: "json",
+						className: "rounded-none border-0"
+					})
+				})]
+			}),
+			s && /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--surface-danger-border)]",
+				children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "flex items-center gap-2 border-b border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-2",
+					children: [/* @__PURE__ */ (0, P.jsx)(a, { className: "h-3 w-3 text-[var(--surface-danger-text)]" }), /* @__PURE__ */ (0, P.jsx)("span", {
+						className: "text-xs font-medium uppercase tracking-[0.08em] text-[var(--surface-danger-text)]",
+						children: "Error"
+					})]
+				}), /* @__PURE__ */ (0, P.jsx)(Z, {
+					fadeClassName: "from-[var(--surface-danger-bg)]",
+					toggleClassName: st,
+					children: /* @__PURE__ */ (0, P.jsx)("pre", {
+						className: "bg-[var(--surface-danger-bg)] p-3 text-xs font-mono whitespace-pre-wrap break-all text-[var(--surface-danger-text)]",
+						children: s
+					})
+				})]
+			}),
+			(r === "pending" || r === "running") && /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-3 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ (0, P.jsx)(T, { className: n("h-3 w-3 animate-spin text-primary") }), "Running…"]
+			})
+		]
+	});
+});
+dt.displayName = "ExpandedToolDetail";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/run-row-shell.js
+function ft({ status: e }) {
+	return e === "error" ? /* @__PURE__ */ (0, P.jsx)("span", {
+		"data-run-row-status": "error",
+		className: "h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--surface-danger-text)]"
+	}) : null;
+}
+var pt = {
+	single: "rounded-[var(--radius-lg)]",
+	first: "rounded-t-[var(--radius-lg)] rounded-b-[var(--radius-sm)]",
+	middle: "rounded-[var(--radius-sm)]",
+	last: "rounded-t-[var(--radius-sm)] rounded-b-[var(--radius-lg)]"
+}, mt = "px-2 py-1", ht = "pl-[2.375rem]";
+function Q({ icon: e, title: t, description: r, descriptionMono: i = !1, status: a = "idle", durationMs: s, groupPosition: c = "single", collapsedError: l, actions: d, open: f, onOpenChange: m, defaultOpen: h = !1, className: g, contentClassName: _, children: v }) {
+	let [y, b] = (0, N.useState)(h), x = f !== void 0, S = x ? f : y, C = (e) => {
+		x || b(e), m?.(e);
+	}, te = a === "running", w = v != null;
+	return /* @__PURE__ */ (0, P.jsx)(u, {
+		open: S,
+		onOpenChange: C,
+		children: /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+				"data-run-row": "",
+				"data-state": S ? "open" : "closed",
+				className: n("group min-w-0 flex-1 overflow-hidden border transition-colors", S ? "border-border bg-[var(--md3-surface-container)]" : "border-transparent bg-transparent", w && !S && "hover:bg-[var(--md3-surface-container)]", pt[c], g),
+				children: [
+					/* @__PURE__ */ (0, P.jsx)(ee, {
+						asChild: !0,
+						disabled: !w,
+						children: /* @__PURE__ */ (0, P.jsxs)("button", {
+							type: "button",
+							className: n("flex w-full items-center gap-2 text-left", mt, w ? "cursor-pointer" : "cursor-default"),
+							children: [
+								/* @__PURE__ */ (0, P.jsxs)("span", {
+									"aria-hidden": !0,
+									className: "flex h-[1.375rem] w-[1.375rem] shrink-0 items-center justify-center text-muted-foreground",
+									children: [/* @__PURE__ */ (0, P.jsx)("span", {
+										"data-run-row-glyph": "",
+										className: n("flex items-center justify-center", w && "group-hover:hidden", S && "hidden"),
+										children: e
+									}), w ? /* @__PURE__ */ (0, P.jsx)(ne, {
+										"data-run-row-chevron": "",
+										className: n("hidden h-3.5 w-3.5 transition-transform group-hover:block", S && "block rotate-90")
+									}) : null]
+								}),
+								/* @__PURE__ */ (0, P.jsx)("span", {
+									className: n("shrink-0 whitespace-nowrap text-sm font-normal text-muted-foreground transition-colors group-hover:text-foreground", S && "text-foreground"),
+									children: t
+								}),
+								r ? /* @__PURE__ */ (0, P.jsx)("span", {
+									className: n("hidden min-w-0 flex-1 truncate text-sm text-muted-foreground transition-colors group-hover:text-foreground sm:inline", i && "font-mono"),
+									children: r
+								}) : null,
+								/* @__PURE__ */ (0, P.jsxs)("span", {
+									className: "ml-auto flex shrink-0 items-center gap-1.5",
+									children: [!te && s != null ? /* @__PURE__ */ (0, P.jsx)("span", {
+										"data-run-row-duration": "",
+										className: "font-mono text-[10px] tabular-nums text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+										children: p(s)
+									}) : null, /* @__PURE__ */ (0, P.jsx)(ft, { status: a })]
+								})
+							]
+						})
+					}),
+					l && !S ? /* @__PURE__ */ (0, P.jsx)("div", {
+						className: n("pb-1.5 pr-2 text-xs leading-snug text-[var(--surface-danger-text)]", ht),
+						children: l
+					}) : null,
+					w ? /* @__PURE__ */ (0, P.jsx)(o, {
+						className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp",
+						children: /* @__PURE__ */ (0, P.jsx)("div", {
+							className: n("border-t border-border", _),
+							children: v
+						})
+					}) : null
+				]
+			}), d ? /* @__PURE__ */ (0, P.jsx)("div", {
+				className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1",
+				onClick: (e) => e.stopPropagation(),
+				children: d
+			}) : null]
+		})
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/inline-tool-item.js
+var gt = {
+	command: ie,
+	write: ue,
+	read: fe,
+	search: D,
+	edit: ve,
+	task: te,
+	web: O,
+	todo: ce,
+	other: be
+};
+function _t(e) {
+	return e === "pending" || e === "running" ? "running" : e === "error" ? "error" : "success";
+}
+var $ = (0, N.memo)(({ part: e, renderToolDetail: t, groupPosition: r = "single", className: i, contentClassName: a, actions: o, title: s, description: c }) => {
+	let l = z(e), u = s ?? l.title, d = c ?? l.description, f = Ne(e), p = e.state.time?.start, m = e.state.time?.end, h = p != null && m != null ? m - p : void 0, g = gt[Me(e.tool)] ?? be, _ = _t(e.state.status);
+	return /* @__PURE__ */ (0, P.jsx)(Q, {
+		icon: /* @__PURE__ */ (0, P.jsx)(g, { className: "h-3.5 w-3.5" }),
+		title: _ === "running" ? /* @__PURE__ */ (0, P.jsx)(x, { children: u }) : u,
+		description: d,
+		descriptionMono: !0,
+		status: _,
+		durationMs: h,
+		groupPosition: r,
+		collapsedError: f ?? void 0,
+		actions: o,
+		className: i,
+		contentClassName: n("p-2", a),
+		children: t?.(e) ?? /* @__PURE__ */ (0, P.jsx)(dt, { part: e })
+	});
+});
+$.displayName = "InlineToolItem";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/inline-thinking-item.js
+var vt = (0, N.memo)(({ part: e, defaultOpen: t = !1, autoCollapse: n = !0, openWhileActive: r = !0, className: i, contentClassName: a }) => {
+	let [o, s] = (0, N.useState)(t), c = (0, N.useRef)(!1), l = e.time?.start, u = e.time?.end, d = l != null && u != null ? u - l : void 0, f = l != null && u == null, p = e.text ? y(g(e.text), 120) : void 0;
+	return (0, N.useEffect)(() => {
+		if (f) {
+			c.current = !1, r && s(!0);
+			return;
+		}
+		if (n && !c.current && d != null) {
+			let e = window.setTimeout(() => {
+				s(!1), c.current = !0;
+			}, 900);
+			return () => window.clearTimeout(e);
+		}
+	}, [
+		n,
+		d,
+		f,
+		r
+	]), /* @__PURE__ */ (0, P.jsx)(Q, {
+		icon: /* @__PURE__ */ (0, P.jsx)(oe, { className: "h-3.5 w-3.5" }),
+		title: f ? /* @__PURE__ */ (0, P.jsx)(x, { children: "Thinking…" }) : "Reasoning",
+		description: p,
+		status: f ? "running" : "idle",
+		durationMs: d,
+		open: o,
+		onOpenChange: s,
+		className: i,
+		children: e.text ? /* @__PURE__ */ (0, P.jsx)(Z, {
+			fadeClassName: "from-[var(--md3-surface-container)]",
+			className: a ? `px-3 py-3 ${a}` : "px-3 py-3",
+			children: /* @__PURE__ */ (0, P.jsx)("div", {
+				className: "text-sm leading-relaxed text-foreground",
+				children: /* @__PURE__ */ (0, P.jsx)(v, { children: e.text })
+			})
+		}) : /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "px-3 py-2.5 text-xs text-muted-foreground",
+			children: "No reasoning text provided."
+		})
+	});
+});
+vt.displayName = "InlineThinkingItem";
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/chat/thinking-indicator.js
+function yt({ className: e }) {
+	let [t, r] = (0, N.useState)(0);
+	return (0, N.useEffect)(() => {
+		let e = window.setInterval(() => r((e) => e + 1), 1e3);
+		return () => window.clearInterval(e);
+	}, []), /* @__PURE__ */ (0, P.jsxs)("div", {
+		role: "status",
+		"aria-label": "Agent is thinking",
+		className: n("flex items-center gap-2 px-3 py-1.5", e),
+		children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex gap-[3px]",
+			children: [
+				/* @__PURE__ */ (0, P.jsx)("span", {
+					className: "h-[var(--indicator-dot-size)] w-[var(--indicator-dot-size)] animate-bounce rounded-full bg-[var(--brand-glow)]",
+					style: { animationDelay: "0ms" }
+				}),
+				/* @__PURE__ */ (0, P.jsx)("span", {
+					className: "h-[var(--indicator-dot-size)] w-[var(--indicator-dot-size)] animate-bounce rounded-full bg-[var(--brand-glow)]",
+					style: { animationDelay: "150ms" }
+				}),
+				/* @__PURE__ */ (0, P.jsx)("span", {
+					className: "h-[var(--indicator-dot-size)] w-[var(--indicator-dot-size)] animate-bounce rounded-full bg-[var(--brand-glow)]",
+					style: { animationDelay: "300ms" }
+				})
+			]
+		}), t > 3 && /* @__PURE__ */ (0, P.jsxs)("span", {
+			className: "text-[length:var(--font-size-xs)] tabular-nums text-muted-foreground",
+			children: [t, "s"]
+		})]
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/run/tool-call-step.js
+var bt = {
+	ts: "typescript",
+	tsx: "typescript",
+	js: "javascript",
+	jsx: "javascript",
+	mjs: "javascript",
+	cjs: "javascript",
+	css: "css",
+	scss: "scss",
+	json: "json",
+	jsonc: "json",
+	md: "markdown",
+	mdx: "markdown",
+	py: "python",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	html: "html",
+	htm: "html",
+	yaml: "yaml",
+	yml: "yaml",
+	toml: "toml",
+	rs: "rust",
+	go: "go",
+	sql: "sql",
+	xml: "xml"
+};
+function xt(e, t) {
+	if (t) return t;
+	if (!e) return;
+	let n = e.split(".").pop()?.toLowerCase();
+	return n ? bt[n] : void 0;
+}
+var St = {
+	running: "running",
+	success: "completed",
+	error: "error"
+};
+function Ct({ type: e, label: t, status: n, detail: r, output: i, language: a, duration: o, className: s, actions: c, part: l }) {
+	let u = l ?? {
+		type: "tool",
+		id: `${e}:${t}`,
+		tool: e,
+		state: {
+			status: St[n],
+			input: r ? { detail: r } : void 0,
+			output: i,
+			time: o == null ? void 0 : {
+				start: 0,
+				end: o
+			}
+		}
+	}, d = xt(r, a);
+	return /* @__PURE__ */ (0, P.jsx)($, {
+		part: u,
+		title: t,
+		description: r,
+		className: s,
+		actions: c,
+		renderToolDetail: l ? void 0 : i ? () => /* @__PURE__ */ (0, P.jsx)(S, {
+			code: i,
+			language: d,
+			className: "max-h-72 overflow-auto text-xs"
+		}) : () => null
+	});
+}
+function wt({ title: e, children: t, className: r }) {
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		role: "group",
+		"aria-label": e,
+		className: n("flex flex-col gap-1", r),
+		children: t
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.45.0_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_0322641ea7259db144aea455fa18d1ea/node_modules/@tangle-network/ui/dist/chat/agent-timeline.js
+var Tt = {
+	default: {
+		card: "border-border bg-card",
+		text: "text-foreground",
+		supportingText: "text-muted-foreground",
+		icon: se
+	},
+	info: {
+		card: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)]",
+		text: "text-[var(--surface-info-text)]",
+		supportingText: "text-[var(--surface-info-text)]",
+		icon: s
+	},
+	success: {
+		card: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)]",
+		text: "text-[var(--surface-success-text)]",
+		supportingText: "text-[var(--surface-success-text)]",
+		icon: re
+	},
+	warning: {
+		card: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)]",
+		text: "text-[var(--surface-warning-text)]",
+		supportingText: "text-[var(--surface-warning-text)]",
+		icon: w
+	},
+	error: {
+		card: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)]",
+		text: "text-[var(--surface-danger-text)]",
+		supportingText: "text-[var(--surface-danger-text)]",
+		icon: w
+	}
+};
+function Et(e) {
+	return e.kind === "message" ? e.role === "user" ? "user" : "prose" : e.kind === "status" || e.kind === "artifact" ? "card" : "tool";
+}
+function Dt(e, t) {
+	return e === void 0 ? "" : e === "user" || t === "user" ? "mt-4" : e === "card" || t === "card" ? "mt-2" : e === "tool" || t === "tool" ? "mt-1" : "mt-3";
+}
+var Ot = "-mx-3", kt = "[&>:last-child:not(ul,ol)]:after:ml-0.5 [&>:last-child:not(ul,ol)]:after:inline-block [&>:last-child:not(ul,ol)]:after:h-[1em] [&>:last-child:not(ul,ol)]:after:w-0.5 [&>:last-child:not(ul,ol)]:after:animate-pulse [&>:last-child:not(ul,ol)]:after:rounded-full [&>:last-child:not(ul,ol)]:after:bg-muted-foreground [&>:last-child:not(ul,ol)]:after:align-text-bottom [&>:last-child:not(ul,ol)]:after:content-[''] [&>:is(ul,ol):last-child>li:last-child]:after:ml-0.5 [&>:is(ul,ol):last-child>li:last-child]:after:inline-block [&>:is(ul,ol):last-child>li:last-child]:after:h-[1em] [&>:is(ul,ol):last-child>li:last-child]:after:w-0.5 [&>:is(ul,ol):last-child>li:last-child]:after:animate-pulse [&>:is(ul,ol):last-child>li:last-child]:after:rounded-full [&>:is(ul,ol):last-child>li:last-child]:after:bg-muted-foreground [&>:is(ul,ol):last-child>li:last-child]:after:align-text-bottom [&>:is(ul,ol):last-child>li:last-child]:after:content-['']";
+function At({ item: e, author: t }) {
+	return /* @__PURE__ */ (0, P.jsxs)("div", { children: [
+		t && /* @__PURE__ */ (0, P.jsx)(Ce, {
+			author: t,
+			className: "mb-1.5"
+		}),
+		e.content && /* @__PURE__ */ (0, P.jsx)(v, {
+			className: n("tangle-prose", "tangle-transcript-text text-[length:var(--transcript-font-size)] leading-[var(--transcript-line-height)]", e.isStreaming && kt),
+			children: e.content
+		}),
+		e.isStreaming && !e.content && /* @__PURE__ */ (0, P.jsx)("span", {
+			"aria-hidden": !0,
+			"data-streaming-caret": "",
+			className: "ml-0.5 inline-block h-[1em] w-0.5 animate-pulse rounded-full bg-muted-foreground align-text-bottom"
+		}),
+		e.toolCalls && /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "mt-1",
+			children: e.toolCalls
+		}),
+		e.after && /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "mt-3 border-t border-border pt-3",
+			children: e.after
+		})
+	] });
+}
+function jt({ item: e }) {
+	let t = Tt[e.tone ?? "default"], r = t.icon;
+	return /* @__PURE__ */ (0, P.jsx)("div", {
+		className: n("rounded-[var(--radius-lg)] border px-4 py-3", t.card),
+		children: /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ (0, P.jsx)(r, { className: n("mt-0.5 h-4 w-4 shrink-0", t.text) }), /* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ (0, P.jsx)("div", {
+					className: n("text-sm font-medium", t.text),
+					children: e.label
+				}), e.detail && /* @__PURE__ */ (0, P.jsx)("div", {
+					className: n("mt-0.5 text-sm", t.supportingText),
+					children: e.detail
+				})]
+			})]
+		})
+	});
+}
+function Mt({ item: e }) {
+	let t = Tt[e.tone ?? "default"], r = /* @__PURE__ */ (0, P.jsx)("div", {
+		className: n("rounded-[var(--radius-lg)] border px-4 py-3", t.card),
+		children: /* @__PURE__ */ (0, P.jsxs)("div", {
+			className: "flex items-start gap-3",
+			children: [
+				/* @__PURE__ */ (0, P.jsx)("div", {
+					className: "mt-0.5 flex h-[var(--avatar-size)] w-[var(--avatar-size)] shrink-0 items-center justify-center rounded-[var(--radius-md)] bg-muted/50 text-foreground",
+					children: e.icon ?? /* @__PURE__ */ (0, P.jsx)(E, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ (0, P.jsx)("div", {
+							className: n("text-sm font-medium", t.text),
+							children: e.title
+						}),
+						e.description && /* @__PURE__ */ (0, P.jsx)("div", {
+							className: n("mt-1 text-sm", t.supportingText),
+							children: e.description
+						}),
+						e.meta && /* @__PURE__ */ (0, P.jsx)("div", {
+							className: n("mt-2 flex flex-wrap items-center gap-2 text-xs", t.supportingText),
+							children: e.meta
+						})
+					]
+				}),
+				e.action && /* @__PURE__ */ (0, P.jsx)("div", {
+					className: "shrink-0",
+					children: e.action
+				})
+			]
+		})
+	});
+	return e.onClick ? /* @__PURE__ */ (0, P.jsx)("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: e.onClick,
+		onKeyDown: (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onClick?.());
+		},
+		className: n("block w-full rounded-[var(--radius-lg)] text-left transition-transform hover:-translate-y-0.5", i),
+		children: r
+	}) : r;
+}
+function Nt({ items: e, isThinking: t, emptyState: r, className: i, renderToolActions: a, collapseAfter: o, viewerId: s }) {
+	let [c, l] = (0, N.useState)(!1);
+	if (e.length === 0 && !t) return r ? /* @__PURE__ */ (0, P.jsx)("div", {
+		className: n("flex h-full items-center justify-center p-4", i),
+		children: r
+	}) : null;
+	let u = t ? [...e, {
+		id: "__thinking__",
+		kind: "custom",
+		content: /* @__PURE__ */ (0, P.jsx)(yt, {})
+	}] : e, d = (e) => e.kind === "message" && e.role === "user", f = u.filter((e) => !d(e)), p = o ?? Infinity, m = f.length > p, h = m && !c, g = u, _ = 0;
+	if (h) {
+		let e = [], t = 0;
+		for (let n of u) {
+			if (t >= p) break;
+			e.push(n), d(n) || (t += 1);
+		}
+		g = e, _ = f.length - p;
+	}
+	let v = /* @__PURE__ */ new Set(), y;
+	for (let e of g) if (e.kind === "message") {
+		if (e.role === "user") {
+			y = void 0;
+			continue;
+		}
+		e.author && e.author.id !== y && v.add(e.id), y = e.author?.id;
+	}
+	let b = (e) => e.kind === "message" ? e.role === "user" ? /* @__PURE__ */ (0, P.jsx)(I, {
+		content: e.content,
+		timestamp: e.timestamp,
+		author: e.author,
+		viewerId: s
+	}) : /* @__PURE__ */ (0, P.jsx)(At, {
+		item: e,
+		author: v.has(e.id) ? e.author : void 0
+	}) : e.kind === "tool" ? /* @__PURE__ */ (0, P.jsx)(Ct, {
+		type: e.call.type,
+		label: e.call.label,
+		status: e.call.status,
+		detail: e.call.detail,
+		output: e.call.output,
+		duration: e.call.duration,
+		part: e.part,
+		actions: e.part ? a?.(e.part) : void 0
+	}) : e.kind === "tool_group" ? /* @__PURE__ */ (0, P.jsx)(wt, {
+		title: e.title,
+		children: e.calls.map((t, n) => {
+			let r = e.parts?.[n];
+			return /* @__PURE__ */ (0, P.jsx)(Ct, {
+				type: t.type,
+				label: t.label,
+				status: t.status,
+				detail: t.detail,
+				output: t.output,
+				duration: t.duration,
+				part: r,
+				actions: r ? a?.(r) : void 0
+			}, t.id);
+		})
+	}) : e.kind === "status" ? /* @__PURE__ */ (0, P.jsx)(jt, { item: e }) : e.kind === "artifact" ? /* @__PURE__ */ (0, P.jsx)(Mt, { item: e }) : e.content;
+	return /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: n("mx-auto flex w-full max-w-5xl flex-col px-4 py-4", i),
+		children: [g.map((e, t) => {
+			let r = Et(e), i = t > 0 ? Et(g[t - 1]) : void 0;
+			return /* @__PURE__ */ (0, P.jsx)("div", {
+				"data-timeline-step": r,
+				className: n(Dt(i, r), r === "tool" && Ot),
+				children: b(e)
+			}, e.id);
+		}), m ? /* @__PURE__ */ (0, P.jsx)("button", {
+			type: "button",
+			onClick: () => l((e) => !e),
+			className: "mt-2 self-start text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
+			children: h ? `Show ${_} more step${_ === 1 ? "" : "s"}` : "Show less"
+		}) : null]
+	});
+}
+//#endregion
+export { I as a, z as i, vt as n, Q as r, Nt as t };