@superxd-studio/adptr 0.5.0 → 0.6.0

package/interactions/index.js

@@ -1,39 +1,40 @@
 "use client";
-import { n as e, o as t, t as n } from "../chunks/callout-DKMHSnjc.js";
-import { n as r, r as i, u as a } from "../chunks/canvas-BJ15-XxE.js";
-import { t as o } from "../chunks/text-field-BLtoaZFn.js";
-import { A as s, O as c, S as l, T as u, b as d, d as f, f as p, j as m } from "../chunks/ui-9DyNsYXY.js";
-import { createContext as h, useContext as g, useLayoutEffect as _, useRef as v, useState as y, useSyncExternalStore as b } from "react";
-import { Link as x } from "react-aria-components";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { z as T } from "zod";
+import { A as e, E as t, M as n, N as r, S as i, b as a, d as o, m as s, n as c, o as l, p as u, s as d, t as f } from "../chunks/callout-B89MDU9m.js";
+import { t as p } from "../chunks/thinking-DlBmZsgc.js";
+import { n as m, r as h, u as g } from "../chunks/canvas-Dd78FPe0.js";
+import { t as _ } from "../chunks/text-field-mMHllx03.js";
+import { C as v, D as y, E as b, M as x, f as S, g as ee, i as C, j as w, k as T, p as E, x as D } from "../chunks/ui-WR0qTNm7.js";
+import { createContext as O, useContext as k, useEffect as A, useId as te, useLayoutEffect as j, useRef as M, useState as N, useSyncExternalStore as P } from "react";
+import { Link as ne } from "react-aria-components";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { z as R } from "zod";
 //#region src/reusable/interactions/store.ts
-function E(e, t = 0, n = { nodes: 0 }) {
-	return ++n.nodes > 1e4 || t > 20 ? !1 : e === null || typeof e == "string" || typeof e == "boolean" ? !0 : typeof e == "number" ? Number.isFinite(e) : Array.isArray(e) ? e.every((e) => E(e, t + 1, n)) : typeof e == "object" && Object.getPrototypeOf(e) === Object.prototype && Object.entries(e).every(([e, r]) => e.length <= 200 && E(r, t + 1, n));
+function z(e, t = 0, n = { nodes: 0 }) {
+	return ++n.nodes > 1e4 || t > 20 ? !1 : e === null || typeof e == "string" || typeof e == "boolean" ? !0 : typeof e == "number" ? Number.isFinite(e) : Array.isArray(e) ? e.every((e) => z(e, t + 1, n)) : typeof e == "object" && Object.getPrototypeOf(e) === Object.prototype && Object.entries(e).every(([e, r]) => e.length <= 200 && z(r, t + 1, n));
 }
-var D = T.custom((e) => E(e) && JSON.stringify(e).length <= 1e5), O = T.string().min(1).max(200).refine((e) => e === e.trim(), "Identity must be canonical"), k = T.string().trim().min(1).max(2e3), A = T.string().max(1e5), j = () => crypto.randomUUID();
-function M(e) {
-	return e && typeof e == "object" && !Object.isFrozen(e) && (Object.values(e).forEach(M), Object.freeze(e)), e;
+var B = R.custom((e) => z(e) && JSON.stringify(e).length <= 1e5), V = R.string().min(1).max(200).refine((e) => e === e.trim(), "Identity must be canonical"), H = R.string().trim().min(1).max(2e3), U = R.string().max(1e5), W = () => crypto.randomUUID();
+function G(e) {
+	return e && typeof e == "object" && !Object.isFrozen(e) && (Object.values(e).forEach(G), Object.freeze(e)), e;
 }
-var N = class {
+var K = class {
 	state;
 	disposed = !1;
 	generation = 0;
 	abort;
 	usedIds = /* @__PURE__ */ new Set();
-	requestIdentity(e = j) {
-		let t = O.parse(e());
+	requestIdentity(e = W) {
+		let t = V.parse(e());
 		if (this.usedIds.has(t)) throw Error("Request identity must be unique");
 		return this.usedIds.add(t), t;
 	}
 	listeners = /* @__PURE__ */ new Set();
 	constructor(e) {
-		this.state = M(structuredClone(e));
+		this.state = G(structuredClone(e));
 	}
 	getSnapshot = () => this.state;
 	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
 	publish(e) {
-		this.disposed || (this.state = M(structuredClone(e)), this.listeners.forEach((e) => e()));
+		this.disposed || (this.state = G(structuredClone(e)), this.listeners.forEach((e) => e()));
 	}
 	request() {
 		return this.abort?.abort(), this.abort = new AbortController(), {
@@ -47,32 +48,32 @@ var N = class {
 	dispose() {
 		this.disposed = !0, ++this.generation, this.abort?.abort(), this.listeners.clear();
 	}
-}, P = T.strictObject({
-	id: O,
-	title: k,
-	tool: k,
-	input: D,
-	scope: k
-}), F = T.discriminatedUnion("status", [
-	T.strictObject({
-		requestId: O,
-		status: T.literal("completed"),
-		output: A
+}, q = R.strictObject({
+	id: V,
+	title: H,
+	tool: H,
+	input: B,
+	scope: H
+}), re = R.discriminatedUnion("status", [
+	R.strictObject({
+		requestId: V,
+		status: R.literal("completed"),
+		output: U
 	}),
-	T.strictObject({
-		requestId: O,
-		status: T.literal("rejected"),
-		reason: k
+	R.strictObject({
+		requestId: V,
+		status: R.literal("rejected"),
+		reason: H
 	}),
-	T.strictObject({
-		requestId: O,
-		status: T.literal("unknown")
+	R.strictObject({
+		requestId: V,
+		status: R.literal("unknown")
 	})
-]), ee = T.union([F, T.strictObject({
-	requestId: O,
-	status: T.enum(["pending", "not-found"])
+]), ie = R.union([re, R.strictObject({
+	requestId: V,
+	status: R.enum(["pending", "not-found"])
 })]);
-function I(e, t) {
+function ae(e, t) {
 	switch (t.type) {
 		case "propose": return {
 			...e,
@@ -141,25 +142,25 @@ function I(e, t) {
 		}
 	}
 }
-var te = class extends N {
+var oe = class extends K {
 	adapter;
 	options;
 	expiry;
 	ttl;
 	constructor(e, t, n = {}) {
-		let r = T.array(P).min(1).max(50).parse(t);
+		let r = R.array(q).min(1).max(50).parse(t);
 		if (new Set(r.map((e) => e.id)).size !== r.length) throw Error("Duplicate plan step");
 		super({
 			steps: r,
 			completed: [],
 			phase: "ready"
-		}), this.adapter = e, this.options = n, this.ttl = T.number().finite().min(1e3).max(3e5).parse(n.approvalMs ?? 6e4);
+		}), this.adapter = e, this.options = n, this.ttl = R.number().finite().min(1e3).max(3e5).parse(n.approvalMs ?? 6e4);
 	}
 	now() {
 		return (this.options.now ?? Date.now)();
 	}
 	send(e) {
-		this.publish(I(this.state, e));
+		this.publish(ae(this.state, e));
 	}
 	propose(e) {
 		clearTimeout(this.expiry), this.send({
@@ -171,7 +172,7 @@ var te = class extends N {
 	}
 	revise(e) {
 		if (this.disposed || this.state.phase !== "ready" || this.state.completed.length) return !1;
-		let t = T.array(P).min(1).max(50).safeParse(e);
+		let t = R.array(q).min(1).max(50).safeParse(e);
 		return !t.success || new Set(t.data.map((e) => e.id)).size !== t.data.length ? !1 : (this.send({
 			type: "revise",
 			steps: t.data
@@ -181,7 +182,7 @@ var te = class extends N {
 		if (this.disposed || this.state.phase !== "ready") return !1;
 		let e = this.state.steps.find((e) => !this.state.completed.some((t) => t.stepId === e.id));
 		return e ? (this.propose({
-			requestId: this.requestIdentity(this.options.id ?? j),
+			requestId: this.requestIdentity(this.options.id ?? W),
 			step: e,
 			approvedUntil: this.now() + this.ttl
 		}), !0) : !1;
@@ -195,13 +196,13 @@ var te = class extends N {
 			try {
 				let r = await this.adapter.execute(e, n, (n) => {
 					if (this.current(t) && this.state.phase === "running" && this.state.request?.requestId === e.requestId) {
-						let e = k.safeParse(n);
+						let e = H.safeParse(n);
 						e.success && this.send({
 							type: "progress",
 							message: e.data
 						});
 					}
-				}), i = F.parse(r);
+				}), i = re.parse(r);
 				if (i.requestId !== e.requestId) throw Error("Wrong receipt");
 				this.current(t) && this.send({
 					type: "settle",
@@ -221,7 +222,7 @@ var te = class extends N {
 	renew() {
 		return this.disposed || !["failed", "expired"].includes(this.state.phase) || !this.state.request ? !1 : (this.propose({
 			...this.state.request,
-			requestId: this.state.phase === "failed" ? this.requestIdentity(this.options.id ?? j) : this.state.request.requestId,
+			requestId: this.state.phase === "failed" ? this.requestIdentity(this.options.id ?? W) : this.state.request.requestId,
 			approvedUntil: this.now() + this.ttl
 		}), !0);
 	}
@@ -230,7 +231,7 @@ var te = class extends N {
 		let e = this.state.request, { token: t, signal: n } = this.request();
 		return this.send({ type: "check" }), (async () => {
 			try {
-				let r = ee.parse(await this.adapter.lookup(e.requestId, n));
+				let r = ie.parse(await this.adapter.lookup(e.requestId, n));
 				if (r.requestId !== e.requestId) throw Error("Wrong receipt");
 				if (!this.current(t)) return;
 				r.status === "not-found" ? this.propose({
@@ -238,7 +239,7 @@ var te = class extends N {
 					approvedUntil: this.now() + this.ttl
 				}) : r.status === "pending" ? this.send({ type: "uncertain" }) : this.send({
 					type: "settle",
-					result: F.parse(r)
+					result: re.parse(r)
 				});
 			} catch {
 				this.current(t) && this.send({ type: "uncertain" });
@@ -248,41 +249,41 @@ var te = class extends N {
 	dispose() {
 		clearTimeout(this.expiry), super.dispose();
 	}
-}, L = T.strictObject({
-	id: O,
-	title: k,
-	revision: O,
-	content: A,
-	canEdit: T.boolean(),
-	history: T.array(T.strictObject({
-		revision: O,
-		content: A
+}, J = R.strictObject({
+	id: V,
+	title: H,
+	revision: V,
+	content: U,
+	canEdit: R.boolean(),
+	history: R.array(R.strictObject({
+		revision: V,
+		content: U
 	})).max(100)
-}).refine((e) => new Set(e.history.map((e) => e.revision)).size === e.history.length, "Duplicate revision"), R = T.discriminatedUnion("status", [
-	T.strictObject({
-		requestId: O,
-		status: T.literal("saved"),
-		record: L
+}).refine((e) => new Set(e.history.map((e) => e.revision)).size === e.history.length, "Duplicate revision"), Y = R.discriminatedUnion("status", [
+	R.strictObject({
+		requestId: V,
+		status: R.literal("saved"),
+		record: J
 	}),
-	T.strictObject({
-		requestId: O,
-		status: T.literal("conflict"),
-		record: L
+	R.strictObject({
+		requestId: V,
+		status: R.literal("conflict"),
+		record: J
 	}),
-	T.strictObject({
-		requestId: O,
-		status: T.literal("rejected"),
-		reason: k
+	R.strictObject({
+		requestId: V,
+		status: R.literal("rejected"),
+		reason: H
 	}),
-	T.strictObject({
-		requestId: O,
-		status: T.literal("unknown")
+	R.strictObject({
+		requestId: V,
+		status: R.literal("unknown")
 	})
-]), ne = T.union([R, T.strictObject({
-	requestId: O,
-	status: T.enum(["pending", "not-found"])
+]), se = R.union([Y, R.strictObject({
+	requestId: V,
+	status: R.enum(["pending", "not-found"])
 })]);
-function z(e, t) {
+function ce(e, t) {
 	switch (t.type) {
 		case "load": return {
 			...e,
@@ -348,17 +349,17 @@ function z(e, t) {
 		};
 	}
 }
-var B = class extends N {
+var le = class extends K {
 	adapter;
 	id;
-	constructor(e, t = j) {
+	constructor(e, t = W) {
 		super({
 			phase: "idle",
 			draft: ""
 		}), this.adapter = e, this.id = t;
 	}
 	send(e) {
-		this.publish(z(this.state, e));
+		this.publish(ce(this.state, e));
 	}
 	open(e) {
 		if (this.disposed || [
@@ -367,7 +368,7 @@ var B = class extends N {
 			"checking",
 			"conflict"
 		].includes(this.state.phase) || this.state.record && this.state.draft !== this.state.record.content) return !1;
-		let t = O.safeParse(e);
+		let t = V.safeParse(e);
 		if (!t.success) return !1;
 		let { token: n, signal: r } = this.request();
 		return this.send({
@@ -375,7 +376,7 @@ var B = class extends N {
 			id: t.data
 		}), (async () => {
 			try {
-				let e = L.parse(await this.adapter.load(t.data, r));
+				let e = J.parse(await this.adapter.load(t.data, r));
 				if (e.id !== t.data) throw Error("Wrong artifact");
 				this.current(n) && this.send({
 					type: "loaded",
@@ -387,7 +388,7 @@ var B = class extends N {
 		})(), !0;
 	}
 	edit(e) {
-		return this.disposed || !this.state.record?.canEdit || !["viewing", "editing"].includes(this.state.phase) || !A.safeParse(e).success ? !1 : (this.send({
+		return this.disposed || !this.state.record?.canEdit || !["viewing", "editing"].includes(this.state.phase) || !U.safeParse(e).success ? !1 : (this.send({
 			type: "edit",
 			content: e
 		}), !0);
@@ -416,7 +417,7 @@ var B = class extends N {
 			request: t
 		}), (async () => {
 			try {
-				let e = R.parse(await this.adapter.save(t, r));
+				let e = Y.parse(await this.adapter.save(t, r));
 				this.validateResult(e, t), this.current(n) && this.send({
 					type: "settle",
 					result: e
@@ -440,29 +441,29 @@ var B = class extends N {
 		let e = this.state.request, { token: t, signal: n } = this.request();
 		return this.send({ type: "check" }), (async () => {
 			try {
-				let r = ne.parse(await this.adapter.lookup(e.requestId, n));
+				let r = se.parse(await this.adapter.lookup(e.requestId, n));
 				if (r.requestId !== e.requestId) throw Error("Wrong receipt");
 				if (!this.current(t)) return;
-				r.status === "not-found" ? this.send({ type: "not-found" }) : r.status === "pending" ? this.send({ type: "unknown" }) : (this.validateResult(R.parse(r), e), this.send({
+				r.status === "not-found" ? this.send({ type: "not-found" }) : r.status === "pending" ? this.send({ type: "unknown" }) : (this.validateResult(Y.parse(r), e), this.send({
 					type: "settle",
-					result: R.parse(r)
+					result: Y.parse(r)
 				}));
 			} catch {
 				this.current(t) && this.send({ type: "unknown" });
 			}
 		})(), !0;
 	}
-}, V = T.strictObject({
-	requestId: O,
-	responseId: O,
-	rating: T.enum(["helpful", "unhelpful"]),
-	comment: T.string().max(5e3)
-}), H = class extends N {
+}, ue = R.strictObject({
+	requestId: V,
+	responseId: V,
+	rating: R.enum(["helpful", "unhelpful"]),
+	comment: R.string().max(5e3)
+}), de = class extends K {
 	adapter;
 	id;
-	constructor(e, t, n = j) {
+	constructor(e, t, n = W) {
 		super({
-			responseId: O.parse(t),
+			responseId: V.parse(t),
 			rating: null,
 			comment: "",
 			phase: "editing"
@@ -479,7 +480,7 @@ var B = class extends N {
 	}
 	save() {
 		if (this.disposed || !this.state.rating || !["editing", "error"].includes(this.state.phase)) return !1;
-		let e = this.state.request ?? Object.freeze(V.parse({
+		let e = this.state.request ?? Object.freeze(ue.parse({
 			requestId: this.requestIdentity(this.id),
 			responseId: this.state.responseId,
 			rating: this.state.rating,
@@ -491,9 +492,9 @@ var B = class extends N {
 			request: e
 		}), (async () => {
 			try {
-				let r = T.strictObject({
-					requestId: O,
-					responseId: O
+				let r = R.strictObject({
+					requestId: V,
+					responseId: V
 				}).parse(await this.adapter.save(e, n));
 				if (r.requestId !== e.requestId || r.responseId !== e.responseId) throw Error("Wrong feedback receipt");
 				this.current(t) && this.publish({
@@ -508,11 +509,11 @@ var B = class extends N {
 			}
 		})(), !0;
 	}
-}, U = T.strictObject({
-	id: O,
-	title: k,
-	archived: T.boolean()
-}), W = U.extend({ payload: D }), re = class extends N {
+}, X = R.strictObject({
+	id: V,
+	title: H,
+	archived: R.boolean()
+}), fe = X.extend({ payload: B }), pe = class extends K {
 	adapter;
 	canLeave;
 	constructor(e, t = () => !0) {
@@ -534,7 +535,7 @@ var B = class extends N {
 			operation: "list"
 		}), (async () => {
 			try {
-				let n = T.array(U).max(1e3).parse(await this.adapter.list(t));
+				let n = R.array(X).max(1e3).parse(await this.adapter.list(t));
 				if (new Set(n.map((e) => e.id)).size !== n.length) throw Error("Duplicate thread");
 				this.current(e) && this.publish({
 					...this.state,
@@ -560,7 +561,7 @@ var B = class extends N {
 			operation: "open"
 		}), (async () => {
 			try {
-				let r = W.parse(await this.adapter.load(e, n));
+				let r = fe.parse(await this.adapter.load(e, n));
 				if (r.id !== e) throw Error("Wrong thread");
 				this.current(t) && this.publish({
 					...this.state,
@@ -579,7 +580,7 @@ var B = class extends N {
 		})(), !0;
 	}
 	rename(e, t) {
-		let n = k.safeParse(t);
+		let n = H.safeParse(t);
 		return n.success ? this.mutate(e, "rename", (t) => this.adapter.rename(e, n.data, t)) : !1;
 	}
 	archive(e, t) {
@@ -595,7 +596,7 @@ var B = class extends N {
 			operation: t
 		}), (async () => {
 			try {
-				let t = U.parse(await n(i));
+				let t = X.parse(await n(i));
 				if (t.id !== e) throw Error("Wrong thread");
 				this.current(r) && this.publish({
 					...this.state,
@@ -617,7 +618,7 @@ var B = class extends N {
 			}
 		})(), !0;
 	}
-}, G = {
+}, me = {
 	code: "Code",
 	files: "Files",
 	checks: "Checks",
@@ -730,10 +731,49 @@ var B = class extends N {
 	chooseThread: "Choose a conversation to see its saved context.",
 	noThreads: "No conversations in this view.",
 	threadError: "Couldn’t complete that request. The current conversation is still here.",
-	loading: "Loading"
-}, K = h(G);
-function q({ copy: e = {}, children: t }) {
-	let n = g(K), r = {
+	loading: "Loading",
+	gate: {
+		review: "Review",
+		approve: "Approve once",
+		approving: "Approving",
+		decline: "Decline",
+		edit: "Edit before approving",
+		irreversible: "Can't be undone",
+		waiting: "Waiting for your approval",
+		changed: "Something changed while you were deciding",
+		reviewChange: "Review the change",
+		reconsider: "Reconsider"
+	},
+	receipt: {
+		whatChanged: "What changed",
+		checking: "Checking what happened",
+		states: {
+			changed: "Changed",
+			"not-changed": "Not changed",
+			unknown: "Not known yet",
+			reverted: "Reverted"
+		},
+		minutesLeft: (e) => e === 1 ? "1 min left" : `${e} min left`,
+		closed: "Undo has closed"
+	},
+	progress: {
+		showStages: "Show stages",
+		stagesDone: (e, t) => `${e} of ${t} stages`,
+		noAction: "No action needed",
+		review: "Review",
+		stageWords: {
+			done: "done",
+			now: "now",
+			next: "to come"
+		}
+	},
+	run: {
+		number: (e) => new Intl.NumberFormat("en").format(e),
+		lines: (e, t) => `${e} lines added, ${t} removed`
+	}
+}, he = O(me);
+function ge({ copy: e = {}, children: t }) {
+	let n = k(he), r = {
 		...n,
 		...e,
 		toolStates: {
@@ -751,75 +791,91 @@ function q({ copy: e = {}, children: t }) {
 		connection: {
 			...n.connection,
 			...e.connection
+		},
+		gate: {
+			...n.gate,
+			...e.gate
+		},
+		run: {
+			...n.run,
+			...e.run
+		},
+		receipt: {
+			...n.receipt,
+			...e.receipt
+		},
+		progress: {
+			...n.progress,
+			...e.progress
 		}
 	};
-	return /* @__PURE__ */ C(K.Provider, {
+	return /* @__PURE__ */ I(he.Provider, {
 		value: r,
 		children: t
 	});
 }
-var J = () => g(K);
+var Z = () => k(he);
 //#endregion
 //#region src/reusable/interactions/presentation.tsx
-function Y(e) {
+function _e(e) {
 	if (!(typeof e != "string" || e.length > 2e3)) try {
 		let t = new URL(e);
 		if (["https:", "http:"].includes(t.protocol) && !t.username && !t.password) return t.href;
 	} catch {}
 }
-var ie = T.strictObject({
-	id: O,
-	title: k,
-	url: T.string().max(2e3).optional(),
-	excerpt: A.optional(),
-	claim: k.optional()
+var ve = R.strictObject({
+	id: V,
+	title: H,
+	url: R.string().max(2e3).optional(),
+	excerpt: U.optional(),
+	claim: H.optional()
 });
-function X({ sources: e, label: t }) {
-	let r = J();
-	t ??= r.sources;
-	let i = T.array(ie).max(100).safeParse(e);
-	return i.success ? /* @__PURE__ */ w("section", {
+function ye({ sources: e, label: t }) {
+	let n = Z();
+	t ??= n.sources;
+	let r = R.array(ve).max(100).safeParse(e);
+	return r.success ? /* @__PURE__ */ L("section", {
 		"aria-label": t,
 		className: "min-w-0",
 		children: [
-			/* @__PURE__ */ C("h3", {
+			/* @__PURE__ */ I("h3", {
 				className: "mb-3 type-heading text-fg-emphasis",
 				children: t
 			}),
-			!i.data.length && /* @__PURE__ */ C("p", {
+			!r.data.length && /* @__PURE__ */ I("p", {
 				className: "type-body text-fg-subtle",
-				children: r.noSources
+				children: n.noSources
 			}),
-			/* @__PURE__ */ C("ol", {
+			/* @__PURE__ */ I("ol", {
 				className: "flex flex-col gap-4",
-				children: i.data.map((e, t) => {
-					let n = Y(e.url);
-					return /* @__PURE__ */ w("li", {
+				children: r.data.map((e, t) => {
+					let r = _e(e.url);
+					return /* @__PURE__ */ L("li", {
 						className: "min-w-0 rounded-control border border-line-subtle bg-surface p-4",
 						children: [
-							/* @__PURE__ */ C("span", {
+							/* @__PURE__ */ I("span", {
 								className: "mr-2 font-mono type-caption text-fg-subtle",
 								children: t + 1
 							}),
-							n ? /* @__PURE__ */ C(x, {
-								href: n,
+							r ? /* @__PURE__ */ I(ne, {
+								href: r,
 								target: "_blank",
 								rel: "noopener noreferrer",
-								"aria-label": r.source(t + 1, e.title),
+								"aria-label": n.source(t + 1, e.title),
 								className: "rounded-cell type-label break-words text-fg-emphasis underline outline-none data-focus-visible:focus-ring",
 								children: e.title
-							}) : /* @__PURE__ */ w("span", {
+							}) : /* @__PURE__ */ L("span", {
 								className: "type-label text-fg-emphasis",
-								children: [e.title, /* @__PURE__ */ C("span", {
+								children: [e.title, /* @__PURE__ */ I("span", {
 									className: "ml-2 type-caption text-fg-subtle",
-									children: r.unavailable
+									children: n.unavailable
 								})]
 							}),
-							e.claim && /* @__PURE__ */ C("p", {
+							e.claim && /* @__PURE__ */ I("p", {
 								className: "mt-2 type-body text-fg",
 								children: e.claim
 							}),
-							e.excerpt && /* @__PURE__ */ C("blockquote", {
+							e.excerpt && /* @__PURE__ */ I("blockquote", {
 								className: "mt-2 border-l-2 border-line-emphasis pl-3 type-body whitespace-pre-wrap text-fg-subtle",
 								children: e.excerpt
 							})
@@ -828,14 +884,14 @@ function X({ sources: e, label: t }) {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ C(n, {
+	}) : /* @__PURE__ */ I(f, {
 		tone: "error",
-		children: r.invalid
+		children: n.invalid
 	});
 }
-function ae({ source: e, index: t }) {
-	let n = J(), r = Y(e.url);
-	return r ? /* @__PURE__ */ w(x, {
+function be({ source: e, index: t }) {
+	let n = Z(), r = _e(e.url);
+	return r ? /* @__PURE__ */ L(ne, {
 		href: r,
 		target: "_blank",
 		rel: "noopener noreferrer",
@@ -846,7 +902,7 @@ function ae({ source: e, index: t }) {
 			t,
 			"]"
 		]
-	}) : /* @__PURE__ */ w("span", {
+	}) : /* @__PURE__ */ L("span", {
 		"aria-label": n.unavailable,
 		className: "font-mono type-caption text-fg-subtle",
 		children: [
@@ -856,16 +912,16 @@ function ae({ source: e, index: t }) {
 		]
 	});
 }
-function oe({ documents: e }) {
-	let t = J();
-	return /* @__PURE__ */ C(d, {
+function xe({ documents: e }) {
+	let t = Z();
+	return /* @__PURE__ */ I(D, {
 		label: t.retrieval,
 		items: [{
 			id: "context",
 			title: t.retrieval,
-			content: /* @__PURE__ */ C("div", {
+			content: /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-4",
-				children: e.map((e, n) => /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(f, { children: e.included ? t.included : t.excluded }), /* @__PURE__ */ C(X, {
+				children: e.map((e, n) => /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(S, { children: e.included ? t.included : t.excluded }), /* @__PURE__ */ I(ye, {
 					label: e.title,
 					sources: [{
 						id: e.id,
@@ -879,19 +935,19 @@ function oe({ documents: e }) {
 		}]
 	});
 }
-function se({ text: e, status: n = "complete", label: r }) {
-	let i = J();
-	return r ??= i.explanation, /* @__PURE__ */ w("div", {
+function Se({ text: e, status: t = "complete", label: n }) {
+	let r = Z();
+	return n ??= r.explanation, /* @__PURE__ */ L("div", {
 		className: "min-w-0",
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2 type-caption text-fg-subtle",
-			children: [n === "working" && /* @__PURE__ */ C(t, {}), i.supplied]
-		}), /* @__PURE__ */ C(d, {
-			label: r,
+			children: [t === "working" && /* @__PURE__ */ I(l, {}), r.supplied]
+		}), /* @__PURE__ */ I(D, {
+			label: n,
 			items: [{
 				id: "explanation",
-				title: r,
-				content: /* @__PURE__ */ C("p", {
+				title: n,
+				content: /* @__PURE__ */ I("p", {
 					className: "type-body break-words whitespace-pre-wrap",
 					children: e
 				})
@@ -899,143 +955,143 @@ function se({ text: e, status: n = "complete", label: r }) {
 		})]
 	});
 }
-function Z({ title: e, status: r, input: i, output: o }) {
-	let s = J(), c = D.safeParse(i);
-	return c.success ? /* @__PURE__ */ w(p, {
+function Ce({ title: e, status: t, input: n, output: r }) {
+	let i = Z(), a = B.safeParse(n);
+	return a.success ? /* @__PURE__ */ L(E, {
 		"aria-label": e,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "mb-3 flex flex-wrap items-center justify-between gap-3",
-			children: [/* @__PURE__ */ C("h3", {
+			children: [/* @__PURE__ */ I("h3", {
 				className: "type-heading text-fg-emphasis",
 				children: e
-			}), /* @__PURE__ */ w(f, {
-				tone: r === "completed" ? "success" : r === "unknown" ? "attention" : "neutral",
-				children: [r === "running" && /* @__PURE__ */ C(t, {}), s.toolStates[r]]
+			}), /* @__PURE__ */ L(S, {
+				tone: t === "completed" ? "success" : t === "unknown" ? "attention" : "neutral",
+				children: [t === "running" && /* @__PURE__ */ I(l, {}), i.toolStates[t]]
 			})]
-		}), /* @__PURE__ */ C(d, {
-			label: s.tool,
+		}), /* @__PURE__ */ I(D, {
+			label: i.tool,
 			items: [{
 				id: "input",
-				title: s.inputs,
-				content: /* @__PURE__ */ C(a, {
-					code: JSON.stringify(c.data, null, 2),
+				title: i.inputs,
+				content: /* @__PURE__ */ I(g, {
+					code: JSON.stringify(a.data, null, 2),
 					language: "json"
 				})
-			}, ...o === void 0 ? [] : [{
+			}, ...r === void 0 ? [] : [{
 				id: "output",
-				title: s.output,
-				content: /* @__PURE__ */ C("p", {
+				title: i.output,
+				content: /* @__PURE__ */ I("p", {
 					className: "type-body break-words whitespace-pre-wrap",
-					children: o
+					children: r
 				})
 			}]],
 			allowsMultipleExpanded: !0
 		})]
-	}) : /* @__PURE__ */ C(n, {
+	}) : /* @__PURE__ */ I(f, {
 		tone: "error",
-		children: s.invalid
+		children: i.invalid
 	});
 }
-function ce({ claim: e, explanation: t }) {
-	let r = J();
-	return /* @__PURE__ */ w(n, {
+function we({ claim: e, explanation: t }) {
+	let n = Z();
+	return /* @__PURE__ */ L(f, {
 		tone: "attention",
-		title: r.checkClaim,
-		children: [/* @__PURE__ */ C("p", { children: e }), /* @__PURE__ */ C("p", {
+		title: n.checkClaim,
+		children: [/* @__PURE__ */ I("p", { children: e }), /* @__PURE__ */ I("p", {
 			className: "mt-2",
 			children: t
 		})]
 	});
 }
-function le({ reason: t, alternatives: r, onChoose: i }) {
-	let a = J();
-	return /* @__PURE__ */ C(n, {
+function Te({ reason: e, alternatives: t, onChoose: n }) {
+	let r = Z();
+	return /* @__PURE__ */ I(f, {
 		tone: "attention",
-		title: a.blocked,
-		actions: r.map((t) => /* @__PURE__ */ C(e, {
+		title: r.blocked,
+		actions: t.map((e) => /* @__PURE__ */ I(c, {
 			size: "sm",
-			onPress: () => i(t.id),
-			children: t.label
-		}, t.id)),
-		children: t
+			onPress: () => n(e.id),
+			children: e.label
+		}, e.id)),
+		children: e
 	});
 }
-function ue({ state: t, onReconnect: r }) {
-	let i = J();
-	return /* @__PURE__ */ C(n, {
-		tone: t === "connected" ? "neutral" : "attention",
-		title: i.connection[t],
-		actions: t === "disconnected" && r ? /* @__PURE__ */ C(e, {
+function Ee({ state: e, onReconnect: t }) {
+	let n = Z();
+	return /* @__PURE__ */ I(f, {
+		tone: e === "connected" ? "neutral" : "attention",
+		title: n.connection[e],
+		actions: e === "disconnected" && t ? /* @__PURE__ */ I(c, {
 			size: "sm",
-			onPress: r,
-			children: i.reconnect
+			onPress: t,
+			children: n.reconnect
 		}) : void 0,
-		children: t !== "connected" && i.disconnected
+		children: e !== "connected" && n.disconnected
 	});
 }
-function de({ models: e, model: t, onModelChange: n, contexts: r = [], selectedContext: i = [], onContextChange: a, commands: o = [], onCommand: s }) {
-	let u = J();
-	return /* @__PURE__ */ w("div", {
+function De({ models: e, model: t, onModelChange: n, contexts: r = [], selectedContext: i = [], onContextChange: a, commands: o = [], onCommand: s }) {
+	let c = Z();
+	return /* @__PURE__ */ L("div", {
 		className: "flex min-w-0 flex-col gap-4",
 		children: [
-			/* @__PURE__ */ C(m, {
-				label: u.model,
+			/* @__PURE__ */ I(x, {
+				label: c.model,
 				options: e,
 				selectedKey: t,
 				onSelectionChange: (e) => {
 					e !== null && n(String(e));
 				}
 			}),
-			r.length > 0 && a && /* @__PURE__ */ C(c, {
-				label: u.context,
+			r.length > 0 && a && /* @__PURE__ */ I(T, {
+				label: c.context,
 				options: r,
 				value: [...i],
 				onChange: a
 			}),
 			" ",
-			o.length > 0 && s && /* @__PURE__ */ C(l, {
-				label: u.commands,
+			o.length > 0 && s && /* @__PURE__ */ I("div", { children: /* @__PURE__ */ I(v, {
+				label: c.commands,
 				items: o,
 				onAction: s
-			})
+			}) })
 		]
 	});
 }
-function fe({ quote: t, onReply: n }) {
-	let r = J();
-	return /* @__PURE__ */ w(p, {
-		"aria-label": r.quote,
+function Oe({ quote: e, onReply: t }) {
+	let n = Z();
+	return /* @__PURE__ */ L(E, {
+		"aria-label": n.quote,
 		children: [
-			/* @__PURE__ */ C("blockquote", {
+			/* @__PURE__ */ I("blockquote", {
 				className: "border-l-2 border-line-emphasis pl-3 type-body break-words whitespace-pre-wrap",
-				children: t.text
+				children: e.text
 			}),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ I("p", {
 				className: "mt-3 type-caption text-fg-subtle",
-				children: t.sourceTitle
+				children: e.sourceTitle
 			}),
-			n && /* @__PURE__ */ C(e, {
+			t && /* @__PURE__ */ I(c, {
 				size: "sm",
 				className: "mt-4",
-				onPress: () => n({ ...t }),
-				children: r.reply
+				onPress: () => t({ ...e }),
+				children: n.reply
 			})
 		]
 	});
 }
-function pe({ code: e, files: t, output: n, tests: r }) {
-	let i = J(), o = [
+function ke({ code: e, files: t, output: n, tests: r }) {
+	let i = Z(), a = [
 		...e === void 0 ? [] : [{
 			id: "code",
 			label: i.code,
-			content: /* @__PURE__ */ C(a, { code: e })
+			content: /* @__PURE__ */ I(g, { code: e })
 		}],
 		...t === void 0 ? [] : [{
 			id: "files",
 			label: i.files,
-			content: /* @__PURE__ */ C("ul", {
+			content: /* @__PURE__ */ I("ul", {
 				className: "flex flex-col gap-2 font-mono type-caption",
-				children: t.map((e, t) => /* @__PURE__ */ C("li", {
+				children: t.map((e, t) => /* @__PURE__ */ I("li", {
 					className: "break-words",
 					children: e
 				}, t))
@@ -1044,7 +1100,7 @@ function pe({ code: e, files: t, output: n, tests: r }) {
 		...n === void 0 ? [] : [{
 			id: "output",
 			label: i.output,
-			content: /* @__PURE__ */ C("pre", {
+			content: /* @__PURE__ */ I("pre", {
 				className: "type-caption break-words whitespace-pre-wrap",
 				children: n
 			})
@@ -1052,14 +1108,14 @@ function pe({ code: e, files: t, output: n, tests: r }) {
 		...r === void 0 ? [] : [{
 			id: "tests",
 			label: i.checks,
-			content: /* @__PURE__ */ C("ul", {
+			content: /* @__PURE__ */ I("ul", {
 				className: "flex flex-col gap-3",
-				children: r.map((e, t) => /* @__PURE__ */ w("li", {
+				children: r.map((e, t) => /* @__PURE__ */ L("li", {
 					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ C(f, {
+					children: [/* @__PURE__ */ I(S, {
 						tone: e.passed ? "success" : "error",
 						children: e.passed ? i.passed : i.failed
-					}), /* @__PURE__ */ C("span", {
+					}), /* @__PURE__ */ I("span", {
 						className: "type-body",
 						children: e.name
 					})]
@@ -1067,520 +1123,520 @@ function pe({ code: e, files: t, output: n, tests: r }) {
 			})
 		}]
 	];
-	return /* @__PURE__ */ C(u, {
+	return /* @__PURE__ */ I(b, {
 		label: i.tool,
-		items: o
+		items: a
 	});
 }
-function me({ measurements: e }) {
-	let t = J();
-	return /* @__PURE__ */ w("section", {
+function Ae({ measurements: e }) {
+	let t = Z();
+	return /* @__PURE__ */ L("section", {
 		"aria-label": t.trace,
-		children: [/* @__PURE__ */ C("h3", {
+		children: [/* @__PURE__ */ I("h3", {
 			className: "mb-3 type-heading text-fg-emphasis",
 			children: t.trace
-		}), /* @__PURE__ */ C("dl", {
+		}), /* @__PURE__ */ I("dl", {
 			className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-2 type-body",
-			children: e.map((e, n) => /* @__PURE__ */ w("div", {
+			children: e.map((e, n) => /* @__PURE__ */ L("div", {
 				className: "contents",
-				children: [/* @__PURE__ */ C("dt", {
+				children: [/* @__PURE__ */ I("dt", {
 					className: "text-fg-subtle",
 					children: e.label
-				}), /* @__PURE__ */ C("dd", {
+				}), /* @__PURE__ */ I("dd", {
 					className: "text-right break-words numeric",
-					children: e.value === void 0 ? t.notReported : /* @__PURE__ */ w(S, { children: [e.value, e.unit && ` ${e.unit}`] })
+					children: e.value === void 0 ? t.notReported : /* @__PURE__ */ L(F, { children: [e.value, e.unit && ` ${e.unit}`] })
 				})]
 			}, n))
 		})]
 	});
 }
-function Q({ label: e, status: t, children: n }) {
-	return /* @__PURE__ */ w("div", {
+function je({ label: e, status: t, children: n }) {
+	return /* @__PURE__ */ L("div", {
 		className: "flex min-w-0 flex-col gap-2",
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center justify-between gap-3",
-			children: [/* @__PURE__ */ C("h3", {
+			children: [/* @__PURE__ */ I("h3", {
 				className: "type-heading text-fg-emphasis",
 				children: e
-			}), /* @__PURE__ */ C(f, { children: t })]
+			}), /* @__PURE__ */ I(S, { children: t })]
 		}), n]
 	});
 }
 //#endregion
 //#region src/reusable/interactions/web.tsx
-function $({ phase: e, label: t, children: n, terminal: r = !1 }) {
-	let a = v(null), o = v(!1);
-	return _(() => {
-		o.current && document.activeElement === document.body && a.current?.focus({ preventScroll: !0 }), o.current = !1;
-	}, [e]), /* @__PURE__ */ C(i, {
+function Me({ phase: e, label: t, children: n, terminal: r = !1 }) {
+	let i = M(null), a = M(!1);
+	return j(() => {
+		a.current && document.activeElement === document.body && i.current?.focus({ preventScroll: !0 }), a.current = !1;
+	}, [e]), /* @__PURE__ */ I(h, {
 		phase: e,
 		label: t,
 		terminal: r,
 		frameClassName: "max-w-2xl",
-		children: /* @__PURE__ */ C("div", {
-			ref: a,
+		children: /* @__PURE__ */ I("div", {
+			ref: i,
 			tabIndex: -1,
 			role: "group",
 			"aria-label": t,
 			onPointerDownCapture: () => {
-				o.current = !0;
+				a.current = !0;
 			},
 			onKeyDownCapture: () => {
-				o.current = !0;
+				a.current = !0;
 			},
 			onClickCapture: () => {
-				o.current = !0;
+				a.current = !0;
 			},
 			className: "mx-auto w-full max-w-2xl min-w-0 outline-none",
 			children: n
 		})
 	});
 }
-function he({ controller: e, label: t }) {
-	let n = J();
-	return t ??= n.agent, /* @__PURE__ */ C(r, { children: /* @__PURE__ */ C(ge, {
+function Ne({ controller: e, label: t }) {
+	let n = Z();
+	return t ??= n.agent, /* @__PURE__ */ I(m, { children: /* @__PURE__ */ I(Pe, {
 		controller: e,
 		label: t
 	}) });
 }
-function ge({ controller: e, label: t }) {
-	let n = J(), r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ C($, {
+function Pe({ controller: e, label: t }) {
+	let n = Z(), r = P(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ I(Me, {
 		phase: `agent-${r.completed.length}-${r.phase}`,
 		label: n.agentStates[r.phase],
 		terminal: r.phase === "complete" || r.phase === "denied",
-		children: /* @__PURE__ */ C(_e, {
+		children: /* @__PURE__ */ I(Fe, {
 			state: r,
 			label: t,
 			controller: e
 		})
 	});
 }
-function _e({ state: r, label: i, controller: a }) {
-	let o = J();
-	return /* @__PURE__ */ w(p, {
-		"aria-label": i,
+function Fe({ state: e, label: t, controller: n }) {
+	let r = Z();
+	return /* @__PURE__ */ L(E, {
+		"aria-label": t,
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ C("h2", {
+				children: [/* @__PURE__ */ I("h2", {
 					className: "type-heading text-fg-emphasis",
-					children: i
-				}), /* @__PURE__ */ C("span", {
+					children: t
+				}), /* @__PURE__ */ I("span", {
 					role: "status",
 					className: "type-caption text-fg-subtle",
-					children: o.agentStates[r.phase]
+					children: r.agentStates[e.phase]
 				})]
 			}),
-			/* @__PURE__ */ C("ol", {
-				"aria-label": o.plan,
+			/* @__PURE__ */ I("ol", {
+				"aria-label": r.plan,
 				className: "mt-4 flex flex-col gap-3",
-				children: r.steps.map((e) => /* @__PURE__ */ w("li", {
+				children: e.steps.map((t) => /* @__PURE__ */ L("li", {
 					className: "flex flex-wrap items-center justify-between gap-3 type-body",
-					children: [/* @__PURE__ */ C("span", { children: e.title }), /* @__PURE__ */ C(f, {
-						tone: r.completed.some((t) => t.stepId === e.id) ? "success" : "neutral",
-						children: r.completed.some((t) => t.stepId === e.id) ? o.toolStates.completed : o.toolStates.pending
+					children: [/* @__PURE__ */ I("span", { children: t.title }), /* @__PURE__ */ I(S, {
+						tone: e.completed.some((e) => e.stepId === t.id) ? "success" : "neutral",
+						children: e.completed.some((e) => e.stepId === t.id) ? r.toolStates.completed : r.toolStates.pending
 					})]
-				}, e.id))
+				}, t.id))
 			}),
-			r.completed.map((e) => /* @__PURE__ */ C(Z, {
-				title: r.steps.find((t) => t.id === e.stepId)?.title ?? o.tool,
+			e.completed.map((t) => /* @__PURE__ */ I(Ce, {
+				title: e.steps.find((e) => e.id === t.stepId)?.title ?? r.tool,
 				status: "completed",
-				input: r.steps.find((t) => t.id === e.stepId)?.input ?? null,
-				output: e.output
-			}, e.requestId)),
-			r.request && /* @__PURE__ */ w("div", {
+				input: e.steps.find((e) => e.id === t.stepId)?.input ?? null,
+				output: t.output
+			}, t.requestId)),
+			e.request && /* @__PURE__ */ L("div", {
 				className: "mt-6 flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ C(Z, {
-						title: r.request.step.title,
-						status: r.phase === "approval" ? "approval" : r.phase === "running" ? "running" : r.phase === "failed" ? "rejected" : "unknown",
-						input: r.request.step.input
+					/* @__PURE__ */ I(Ce, {
+						title: e.request.step.title,
+						status: e.phase === "approval" ? "approval" : e.phase === "running" ? "running" : e.phase === "failed" ? "rejected" : "unknown",
+						input: e.request.step.input
 					}),
-					/* @__PURE__ */ w("p", {
+					/* @__PURE__ */ L("p", {
 						className: "type-body",
-						children: [/* @__PURE__ */ w("span", {
+						children: [/* @__PURE__ */ L("span", {
 							className: "type-label",
-							children: [o.scope, ": "]
-						}), r.request.step.scope]
+							children: [r.scope, ": "]
+						}), e.request.step.scope]
 					}),
-					r.phase === "approval" && /* @__PURE__ */ C("p", {
+					e.phase === "approval" && /* @__PURE__ */ I("p", {
 						className: "type-caption text-fg-subtle",
-						children: o.approvalHint
+						children: r.approvalHint
 					})
 				]
 			}),
-			r.progress && /* @__PURE__ */ C("p", {
+			e.progress && /* @__PURE__ */ I("p", {
 				role: "status",
 				className: "mt-4 type-body",
-				children: r.progress
+				children: e.progress
 			}),
-			r.phase === "uncertain" && /* @__PURE__ */ C(n, {
+			e.phase === "uncertain" && /* @__PURE__ */ I(f, {
 				tone: "attention",
 				className: "mt-4",
-				children: o.unknown
+				children: r.unknown
 			}),
-			r.reason && /* @__PURE__ */ C(n, {
+			e.reason && /* @__PURE__ */ I(f, {
 				tone: "error",
 				className: "mt-4",
-				children: r.reason
+				children: e.reason
 			}),
-			r.phase === "expired" && /* @__PURE__ */ C(n, {
+			e.phase === "expired" && /* @__PURE__ */ I(f, {
 				tone: "attention",
 				className: "mt-4",
-				children: o.expires
+				children: r.expires
 			}),
-			r.phase === "denied" && /* @__PURE__ */ C("p", {
+			e.phase === "denied" && /* @__PURE__ */ I("p", {
 				className: "mt-4 type-body",
-				children: o.denied
+				children: r.denied
 			}),
-			r.phase === "complete" && /* @__PURE__ */ C("p", {
+			e.phase === "complete" && /* @__PURE__ */ I("p", {
 				className: "mt-4 type-body",
-				children: o.complete
+				children: r.complete
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ L("div", {
 				className: "mt-6 flex flex-wrap gap-3",
 				children: [
-					r.phase === "ready" && /* @__PURE__ */ C(e, {
-						onPress: () => a.next(),
-						children: o.request
+					e.phase === "ready" && /* @__PURE__ */ I(c, {
+						onPress: () => n.next(),
+						children: r.request
 					}),
-					r.phase === "approval" && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(e, {
+					e.phase === "approval" && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(c, {
 						variant: "primary",
-						onPress: () => a.approve(),
-						children: o.allow
-					}), /* @__PURE__ */ C(e, {
-						onPress: () => a.deny(),
-						children: o.deny
+						onPress: () => n.approve(),
+						children: r.allow
+					}), /* @__PURE__ */ I(c, {
+						onPress: () => n.deny(),
+						children: r.deny
 					})] }),
-					r.phase === "running" && /* @__PURE__ */ C(e, {
-						onPress: () => a.stop(),
-						children: o.stop
+					e.phase === "running" && /* @__PURE__ */ I(c, {
+						onPress: () => n.stop(),
+						children: r.stop
 					}),
-					r.phase === "uncertain" && /* @__PURE__ */ C(e, {
-						onPress: () => a.check(),
-						children: o.check
+					e.phase === "uncertain" && /* @__PURE__ */ I(c, {
+						onPress: () => n.check(),
+						children: r.check
 					}),
-					(r.phase === "failed" || r.phase === "expired") && /* @__PURE__ */ C(e, {
-						onPress: () => a.renew(),
-						children: o.renew
+					(e.phase === "failed" || e.phase === "expired") && /* @__PURE__ */ I(c, {
+						onPress: () => n.renew(),
+						children: r.renew
 					}),
-					r.phase === "checking" && /* @__PURE__ */ C(t, {})
+					e.phase === "checking" && /* @__PURE__ */ I(l, {})
 				]
 			})
 		]
 	});
 }
-function ve({ controller: e, label: t }) {
-	let n = J();
-	return t ??= n.artifact, /* @__PURE__ */ C(r, { children: /* @__PURE__ */ C(ye, {
+function Ie({ controller: e, label: t }) {
+	let n = Z();
+	return t ??= n.artifact, /* @__PURE__ */ I(m, { children: /* @__PURE__ */ I(Le, {
 		controller: e,
 		label: t
 	}) });
 }
-function ye({ controller: e, label: t }) {
-	let n = J(), r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ C($, {
+function Le({ controller: e, label: t }) {
+	let n = Z(), r = P(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ I(Me, {
 		phase: `artifact-${r.record?.revision ?? "idle"}-${r.phase}`,
 		label: n.artifactStates[r.phase],
-		children: /* @__PURE__ */ C(be, {
+		children: /* @__PURE__ */ I(Re, {
 			state: r,
 			label: t,
 			controller: e
 		})
 	});
 }
-function be({ state: r, label: i, controller: a }) {
-	let s = J(), [c, l] = y(), d = r.record, h = d?.history.find((e) => e.revision === c);
-	return /* @__PURE__ */ w(p, {
-		"aria-label": i,
+function Re({ state: e, label: t, controller: n }) {
+	let r = Z(), [i, a] = N(), o = e.record, s = o?.history.find((e) => e.revision === i);
+	return /* @__PURE__ */ L(E, {
+		"aria-label": t,
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ C("h2", {
+				children: [/* @__PURE__ */ I("h2", {
 					className: "type-heading text-fg-emphasis",
-					children: d?.title ?? i
-				}), /* @__PURE__ */ C("span", {
+					children: o?.title ?? t
+				}), /* @__PURE__ */ I("span", {
 					role: "status",
 					className: "type-caption text-fg-subtle",
-					children: s.artifactStates[r.phase]
+					children: r.artifactStates[e.phase]
 				})]
 			}),
-			(r.phase === "loading" || r.phase === "checking") && /* @__PURE__ */ C(t, {}),
-			r.phase === "idle" && /* @__PURE__ */ C("p", {
+			(e.phase === "loading" || e.phase === "checking") && /* @__PURE__ */ I(l, {}),
+			e.phase === "idle" && /* @__PURE__ */ I("p", {
 				className: "mt-4 type-body",
-				children: s.idleArtifact
+				children: r.idleArtifact
 			}),
-			r.phase === "load-error" && /* @__PURE__ */ C(n, {
+			e.phase === "load-error" && /* @__PURE__ */ I(f, {
 				tone: "error",
 				className: "mt-4",
-				actions: /* @__PURE__ */ C(e, {
+				actions: /* @__PURE__ */ I(c, {
 					size: "sm",
-					onPress: () => r.loadId && a.open(r.loadId),
-					children: s.retry
+					onPress: () => e.loadId && n.open(e.loadId),
+					children: r.retry
 				}),
-				children: s.loadError
+				children: r.loadError
 			}),
-			d && /* @__PURE__ */ w("div", {
+			o && /* @__PURE__ */ L("div", {
 				className: "mt-4 flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ w(f, { children: [
-						s.revision,
+					/* @__PURE__ */ L(S, { children: [
+						r.revision,
 						": ",
-						d.revision
+						o.revision
 					] }),
-					r.phase === "viewing" && d.history.length > 0 && /* @__PURE__ */ C(m, {
-						label: s.revision,
+					e.phase === "viewing" && o.history.length > 0 && /* @__PURE__ */ I(x, {
+						label: r.revision,
 						options: [{
-							id: d.revision,
-							label: d.revision
-						}, ...d.history.filter((e) => e.revision !== d.revision).map((e) => ({
+							id: o.revision,
+							label: o.revision
+						}, ...o.history.filter((e) => e.revision !== o.revision).map((e) => ({
 							id: e.revision,
 							label: e.revision
 						}))],
-						selectedKey: h?.revision ?? d.revision,
-						onSelectionChange: (e) => l(e === null ? void 0 : String(e))
+						selectedKey: s?.revision ?? o.revision,
+						onSelectionChange: (e) => a(e === null ? void 0 : String(e))
 					}),
-					r.phase === "conflict" && r.latest ? /* @__PURE__ */ w(S, { children: [
-						/* @__PURE__ */ C(n, {
+					e.phase === "conflict" && e.latest ? /* @__PURE__ */ L(F, { children: [
+						/* @__PURE__ */ I(f, {
 							tone: "attention",
-							children: s.conflict
+							children: r.conflict
 						}),
-						/* @__PURE__ */ C(u, {
-							label: s.revision,
+						/* @__PURE__ */ I(b, {
+							label: r.revision,
 							items: [{
 								id: "draft",
-								label: s.localDraft,
-								content: /* @__PURE__ */ C("pre", {
+								label: r.localDraft,
+								content: /* @__PURE__ */ I("pre", {
 									className: "type-body break-words whitespace-pre-wrap",
-									children: r.draft
+									children: e.draft
 								})
 							}, {
 								id: "latest",
-								label: s.latest,
-								content: /* @__PURE__ */ C("pre", {
+								label: r.latest,
+								content: /* @__PURE__ */ I("pre", {
 									className: "type-body break-words whitespace-pre-wrap",
-									children: r.latest.content
+									children: e.latest.content
 								})
 							}]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex flex-wrap gap-3",
-							children: [/* @__PURE__ */ C(e, {
-								onPress: () => a.adoptLatest(!1),
-								children: s.useLatest
-							}), /* @__PURE__ */ C(e, {
-								onPress: () => a.adoptLatest(!0),
-								children: s.keepDraft
+							children: [/* @__PURE__ */ I(c, {
+								onPress: () => n.adoptLatest(!1),
+								children: r.useLatest
+							}), /* @__PURE__ */ I(c, {
+								onPress: () => n.adoptLatest(!0),
+								children: r.keepDraft
 							})]
 						})
-					] }) : r.phase === "viewing" ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("pre", {
+					] }) : e.phase === "viewing" ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("pre", {
 						className: "type-body break-words whitespace-pre-wrap",
-						children: h?.content ?? d.content
-					}), d.canEdit && !h && /* @__PURE__ */ C(e, {
-						onPress: () => a.edit(d.content),
-						children: s.edit
-					})] }) : /* @__PURE__ */ C(o, {
-						label: s.artifactContent,
+						children: s?.content ?? o.content
+					}), o.canEdit && !s && /* @__PURE__ */ I(c, {
+						onPress: () => n.edit(o.content),
+						children: r.edit
+					})] }) : /* @__PURE__ */ I(_, {
+						label: r.artifactContent,
 						multiline: !0,
-						value: r.draft,
-						onChange: (e) => a.edit(e),
-						isDisabled: r.phase !== "editing"
+						value: e.draft,
+						onChange: (e) => n.edit(e),
+						isDisabled: e.phase !== "editing"
 					}),
-					r.reason && /* @__PURE__ */ C(n, {
+					e.reason && /* @__PURE__ */ I(f, {
 						tone: "error",
-						children: r.reason
+						children: e.reason
 					}),
-					r.phase === "editing" && /* @__PURE__ */ w("div", {
+					e.phase === "editing" && /* @__PURE__ */ L("div", {
 						className: "flex flex-wrap gap-3",
-						children: [/* @__PURE__ */ C(e, {
+						children: [/* @__PURE__ */ I(c, {
 							variant: "primary",
-							isDisabled: r.draft === d.content,
-							onPress: () => a.save(),
-							children: s.save
-						}), /* @__PURE__ */ C(e, {
-							onPress: () => a.discard(),
-							children: s.discard
+							isDisabled: e.draft === o.content,
+							onPress: () => n.save(),
+							children: r.save
+						}), /* @__PURE__ */ I(c, {
+							onPress: () => n.discard(),
+							children: r.discard
 						})]
 					}),
-					r.phase === "unknown" && /* @__PURE__ */ C(n, {
+					e.phase === "unknown" && /* @__PURE__ */ I(f, {
 						tone: "attention",
-						actions: /* @__PURE__ */ C(e, {
-							onPress: () => a.check(),
-							children: s.check
+						actions: /* @__PURE__ */ I(c, {
+							onPress: () => n.check(),
+							children: r.check
 						}),
-						children: s.unknown
+						children: r.unknown
 					})
 				]
 			})
 		]
 	});
 }
-function xe({ controller: e, label: t }) {
-	let n = J();
+function ze({ controller: e, label: t }) {
+	let n = Z();
 	t ??= n.feedback;
-	let r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ C(Se, {
+	let r = P(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ I(Be, {
 		state: r,
 		label: t,
 		controller: e
 	});
 }
-function Se({ state: t, label: n, controller: r }) {
-	let i = J(), a = t.phase === "saving" || t.phase === "error";
-	return /* @__PURE__ */ w(p, {
-		"aria-label": n,
+function Be({ state: e, label: t, controller: n }) {
+	let r = Z(), i = e.phase === "saving" || e.phase === "error";
+	return /* @__PURE__ */ L(E, {
+		"aria-label": t,
 		children: [
-			/* @__PURE__ */ C(s, {
-				label: n,
+			/* @__PURE__ */ I(w, {
+				label: t,
 				options: [{
 					id: "helpful",
-					label: i.helpful
+					label: r.helpful
 				}, {
 					id: "unhelpful",
-					label: i.unhelpful
+					label: r.unhelpful
 				}],
-				value: t.rating ?? "",
-				onChange: (e) => r.edit(e),
-				isDisabled: a
+				value: e.rating ?? "",
+				onChange: (e) => n.edit(e),
+				isDisabled: i
 			}),
-			/* @__PURE__ */ C(o, {
+			/* @__PURE__ */ I(_, {
 				className: "mt-4",
-				label: i.comment,
+				label: r.comment,
 				multiline: !0,
-				value: t.comment,
-				onChange: (e) => r.edit(t.rating, e),
-				isDisabled: a
+				value: e.comment,
+				onChange: (t) => n.edit(e.rating, t),
+				isDisabled: i
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ I("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ C(e, {
-					isDisabled: !t.rating || t.phase === "saving" || t.phase === "saved",
-					onPress: () => r.save(),
-					children: t.phase === "error" ? i.retry : i.sendFeedback
+				children: /* @__PURE__ */ I(c, {
+					isDisabled: !e.rating || e.phase === "saving" || e.phase === "saved",
+					onPress: () => n.save(),
+					children: e.phase === "error" ? r.retry : r.sendFeedback
 				})
 			}),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ I("p", {
 				role: "status",
 				className: "mt-3 type-body text-fg-subtle",
-				children: t.phase === "saved" ? i.savedFeedback : t.phase === "error" ? i.failedFeedback : t.phase === "saving" ? i.saving : ""
+				children: e.phase === "saved" ? r.savedFeedback : e.phase === "error" ? r.failedFeedback : e.phase === "saving" ? r.saving : ""
 			})
 		]
 	});
 }
-function Ce({ controller: e, renderThread: t, label: n }) {
-	let r = J();
+function Ve({ controller: e, renderThread: t, label: n }) {
+	let r = Z();
 	n ??= r.threads;
-	let i = b(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ C(we, {
+	let i = P(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ I(He, {
 		state: i,
 		controller: e,
 		renderThread: t,
 		label: n
 	});
 }
-function we({ state: t, controller: r, renderThread: i, label: a }) {
-	let s = J(), [c, l] = y("active"), [u, d] = y(), [f, h] = y(""), g = v(null), _ = !["ready", "error"].includes(t.phase), b = t.items.filter((e) => e.archived === (c === "archived"));
-	return /* @__PURE__ */ C("div", {
-		ref: g,
+function He({ state: e, controller: t, renderThread: n, label: r }) {
+	let i = Z(), [a, o] = N("active"), [s, l] = N(), [u, d] = N(""), p = M(null), m = !["ready", "error"].includes(e.phase), h = e.items.filter((e) => e.archived === (a === "archived"));
+	return /* @__PURE__ */ I("div", {
+		ref: p,
 		role: "group",
-		"aria-label": a,
+		"aria-label": r,
 		tabIndex: -1,
 		className: "min-w-0 outline-none",
-		children: /* @__PURE__ */ w(p, {
-			"aria-label": a,
+		children: /* @__PURE__ */ L(E, {
+			"aria-label": r,
 			children: [
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ L("div", {
 					className: "flex flex-wrap items-center justify-between gap-3",
-					children: [/* @__PURE__ */ C("h2", {
+					children: [/* @__PURE__ */ I("h2", {
 						className: "type-heading text-fg-emphasis",
-						children: a
-					}), /* @__PURE__ */ C(e, {
+						children: r
+					}), /* @__PURE__ */ I(c, {
 						size: "sm",
-						isDisabled: _ && t.phase !== "idle",
-						onPress: () => r.refresh(),
-						children: s.refresh
+						isDisabled: m && e.phase !== "idle",
+						onPress: () => t.refresh(),
+						children: i.refresh
 					})]
 				}),
-				/* @__PURE__ */ C(m, {
+				/* @__PURE__ */ I(x, {
 					className: "mt-4",
-					label: a,
-					selectedKey: c,
-					onSelectionChange: (e) => l(String(e)),
+					label: r,
+					selectedKey: a,
+					onSelectionChange: (e) => o(String(e)),
 					options: [{
 						id: "active",
-						label: s.active
+						label: i.active
 					}, {
 						id: "archived",
-						label: s.archived
+						label: i.archived
 					}]
 				}),
-				t.phase === "error" && /* @__PURE__ */ C(n, {
+				e.phase === "error" && /* @__PURE__ */ I(f, {
 					tone: "error",
 					className: "mt-4",
-					children: s.threadError
+					children: i.threadError
 				}),
-				/* @__PURE__ */ C("ul", {
+				/* @__PURE__ */ I("ul", {
 					className: "mt-4 flex flex-col gap-4",
-					children: b.map((n) => /* @__PURE__ */ w("li", {
+					children: h.map((n) => /* @__PURE__ */ L("li", {
 						className: "flex flex-col gap-3 rounded-control border border-line-subtle p-3",
 						children: [
-							/* @__PURE__ */ C(e, {
+							/* @__PURE__ */ I(c, {
 								className: "justify-start text-left whitespace-normal",
-								isDisabled: ["listing", "mutating"].includes(t.phase),
+								isDisabled: ["listing", "mutating"].includes(e.phase),
 								onPress: () => {
-									r.open(n.id) && d(void 0);
+									t.open(n.id) && l(void 0);
 								},
 								children: n.title
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ L("div", {
 								className: "flex flex-wrap gap-3",
-								children: [/* @__PURE__ */ C(e, {
+								children: [/* @__PURE__ */ I(c, {
 									size: "sm",
-									isDisabled: _,
+									isDisabled: m,
 									onPress: () => {
-										d(n.id), h(n.title);
+										l(n.id), d(n.title);
 									},
-									children: s.rename
-								}), /* @__PURE__ */ C(e, {
+									children: i.rename
+								}), /* @__PURE__ */ I(c, {
 									size: "sm",
-									isDisabled: _,
+									isDisabled: m,
 									onPress: () => {
-										r.archive(n.id, !n.archived) && g.current?.focus({ preventScroll: !0 });
+										t.archive(n.id, !n.archived) && p.current?.focus({ preventScroll: !0 });
 									},
-									children: n.archived ? s.restore : s.archive
+									children: n.archived ? i.restore : i.archive
 								})]
 							}),
-							u === n.id && /* @__PURE__ */ w("div", {
+							s === n.id && /* @__PURE__ */ L("div", {
 								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ C(o, {
-									label: s.title,
-									value: f,
-									onChange: h,
-									isDisabled: _
-								}), /* @__PURE__ */ C(e, {
-									isDisabled: _ || !f.trim(),
-									onPress: () => r.rename(n.id, f),
-									children: s.saveTitle
+								children: [/* @__PURE__ */ I(_, {
+									label: i.title,
+									value: u,
+									onChange: d,
+									isDisabled: m
+								}), /* @__PURE__ */ I(c, {
+									isDisabled: m || !u.trim(),
+									onPress: () => t.rename(n.id, u),
+									children: i.saveTitle
 								})]
 							})
 						]
 					}, n.id))
 				}),
-				!b.length && t.phase !== "idle" && /* @__PURE__ */ C("p", {
+				!h.length && e.phase !== "idle" && /* @__PURE__ */ I("p", {
 					className: "mt-4 type-body text-fg-subtle",
-					children: s.noThreads
+					children: i.noThreads
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ I("div", {
 					role: "status",
 					className: "mt-4 type-caption text-fg-subtle",
-					children: _ && t.phase !== "idle" ? s.loading : ""
+					children: m && e.phase !== "idle" ? i.loading : ""
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ I("div", {
 					className: "mt-6 min-w-0",
-					children: t.selected ? i(t.selected) : /* @__PURE__ */ C("p", {
+					children: e.selected ? n(e.selected) : /* @__PURE__ */ I("p", {
 						className: "type-body text-fg-subtle",
-						children: s.chooseThread
+						children: i.chooseThread
 					})
 				})
 			]
@@ -1588,4 +1644,522 @@ function we({ state: t, controller: r, renderThread: i, label: a }) {
 	});
 }
 //#endregion
-export { te as AgentController, Q as AgentStatus, he as AgentSupervision, B as ArtifactController, ve as ArtifactWorkspace, ae as Citation, de as ComposerTools, ce as Confidence, ue as ConnectionStatus, Ce as ConversationHistory, pe as ExecutionInspector, H as FeedbackController, le as Guardrail, q as InteractionProvider, me as Observability, fe as QuotedExcerpt, se as Reasoning, xe as ResponseFeedback, oe as RetrievalInspection, X as Sources, re as ThreadController, Z as ToolCall, I as agentReducer, P as agentStepSchema, z as artifactReducer, L as artifactSchema, Y as evidenceUrl, G as interactionCopy, D as jsonSchema, W as threadDocumentSchema, U as threadSummarySchema };
+//#region src/reusable/interactions/run.tsx
+var Ue = O(!1), We = () => k(Ue);
+function Ge({ label: e, children: t }) {
+	return /* @__PURE__ */ I(Ue.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ I("ol", {
+			"aria-label": e,
+			className: "run-timeline flex flex-col gap-4",
+			children: t
+		})
+	});
+}
+function Q({ dot: e, card: t = !1, children: n }) {
+	return /* @__PURE__ */ L("li", {
+		"data-card": t || void 0,
+		className: "run-entry grid gap-x-3 type-body",
+		children: [/* @__PURE__ */ I("span", {
+			"aria-hidden": "true",
+			className: "run-dot flex items-center justify-center",
+			children: e === "working" ? /* @__PURE__ */ I(p, {}) : /* @__PURE__ */ I("span", { className: r("relative rounded-pill", e === "thought" ? "size-1" : "size-1.5", e === "success" && "bg-success-line", (e === "note" || e === "thought") && "bg-line-emphasis", e === "waiting" && "animate-pulse-soft bg-info") })
+		}), /* @__PURE__ */ I("div", {
+			className: "min-w-0 type-body wrap-anywhere",
+			children: n
+		})]
+	});
+}
+function Ke({ file: e }) {
+	return /* @__PURE__ */ I(C, {
+		look: "file",
+		label: e.name,
+		title: e.path,
+		children: /* @__PURE__ */ L("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ I("span", {
+				className: "font-mono type-caption text-fg-subtle",
+				children: e.path
+			}), /* @__PURE__ */ I("pre", {
+				className: "rounded-control bg-surface-muted px-3 py-2 font-mono type-caption whitespace-pre-wrap text-fg",
+				children: e.lines.join("\n")
+			})]
+		})
+	});
+}
+var qe = {
+	read: o,
+	edit: a,
+	run: e
+};
+function Je({ kind: e, icon: t, verb: n, file: r, command: i, result: a, added: o, removed: s, preview: c = !1 }) {
+	let l = Z().run, u = o !== void 0 && s !== void 0, d = e ? qe[e] : void 0, f = t ?? (d ? /* @__PURE__ */ I(d, { className: "size-3.5" }) : null);
+	return /* @__PURE__ */ I(Q, {
+		dot: "success",
+		children: /* @__PURE__ */ L("div", {
+			className: "flex gap-2.5",
+			children: [f ? /* @__PURE__ */ I("span", {
+				"aria-hidden": "true",
+				className: "flex h-5 shrink-0 items-center text-fg-subtle",
+				children: f
+			}) : null, /* @__PURE__ */ L("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [
+					/* @__PURE__ */ L("div", { children: [
+						/* @__PURE__ */ I("span", {
+							className: "run-verb font-medium text-fg-emphasis",
+							children: n
+						}),
+						" ",
+						r ? /* @__PURE__ */ I(Ke, { file: r }) : i ? /* @__PURE__ */ I("code", {
+							className: "font-mono text-fg",
+							children: i
+						}) : null
+					] }),
+					u || a ? /* @__PURE__ */ L("p", {
+						className: "type-caption text-fg-subtle",
+						children: [u ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("span", {
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ L("span", {
+									className: "text-success",
+									children: ["+", l.number(o)]
+								}),
+								" ",
+								/* @__PURE__ */ L("span", {
+									className: "text-error",
+									children: ["−", l.number(s)]
+								})
+							]
+						}), /* @__PURE__ */ I("span", {
+							className: "sr-only",
+							children: l.lines(l.number(o), l.number(s))
+						})] }) : null, a]
+					}) : null,
+					c && r ? /* @__PURE__ */ I("div", {
+						"aria-hidden": "true",
+						className: "mt-1 rounded-control border border-line-subtle bg-surface-muted px-3 py-2",
+						children: /* @__PURE__ */ I("pre", {
+							className: "run-preview-fade max-h-[3lh] overflow-hidden font-mono type-caption whitespace-pre-wrap text-fg",
+							children: r.lines.join("\n")
+						})
+					}) : null
+				]
+			})]
+		})
+	});
+}
+function Ye({ children: e }) {
+	return /* @__PURE__ */ I(Q, {
+		dot: "thought",
+		children: /* @__PURE__ */ I("span", {
+			className: "text-fg-subtle",
+			children: e
+		})
+	});
+}
+function Xe({ children: e }) {
+	return /* @__PURE__ */ I(Q, {
+		dot: "note",
+		children: /* @__PURE__ */ I("div", {
+			className: "text-pretty text-fg",
+			children: e
+		})
+	});
+}
+function Ze({ children: e }) {
+	return /* @__PURE__ */ I(Q, {
+		dot: "working",
+		children: /* @__PURE__ */ I("span", {
+			className: "text-fg-emphasis",
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/reusable/interactions/gate.tsx
+var $ = "h-auto min-h-control-sm whitespace-normal break-words py-1.5 text-center";
+function Qe(e) {
+	let t = /* @__PURE__ */ I($e, { ...e });
+	if (!We()) return t;
+	let n = e.status ?? "waiting";
+	return /* @__PURE__ */ I(Q, {
+		card: !0,
+		dot: n === "approved" ? "success" : n === "declined" ? "note" : "waiting",
+		children: t
+	});
+}
+function $e({ title: e, irreversible: t = !1, status: i = "waiting", approvedTitle: o, declinedTitle: l, children: f, onApprove: m, onDecline: h, onEdit: g, editor: _, changed: v, onReviewChange: b, onReconsider: x, approvingLabel: S, defaultExpanded: ee = !1 }) {
+	let C = Z().gate, [w, T] = N(ee), E = te(), D = i === "approved", O = i === "declined", k = D || O, A = _ != null, j = !k && (w || A), M = i === "waiting" && !v && !A, P = D ? o ?? e : O ? l ?? e : e;
+	return /* @__PURE__ */ L("div", {
+		className: "@container/gate overflow-hidden rounded-surface border border-line-subtle bg-surface-muted",
+		children: [
+			/* @__PURE__ */ I("p", {
+				role: "status",
+				className: "sr-only",
+				children: D || O ? P : i === "approving" ? S ?? C.approving : v ? C.changed : ""
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex flex-wrap items-start gap-3 p-3",
+				children: [
+					/* @__PURE__ */ I("span", {
+						...k ? { "aria-hidden": !0 } : {
+							role: "img",
+							"aria-label": C.waiting
+						},
+						className: r("flex size-10 shrink-0 items-center justify-center rounded-control border border-line-subtle bg-surface", D && "border-done bg-done text-on-done"),
+						children: D ? /* @__PURE__ */ I(u, { className: "size-4 animate-done-in" }) : O ? /* @__PURE__ */ I(n, { className: "size-4 text-fg-subtle" }) : /* @__PURE__ */ I(p, { tone: "info" })
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "flex min-h-10 min-w-0 flex-1 basis-24 items-center gap-1.5",
+						children: [/* @__PURE__ */ I("span", {
+							className: r("min-w-0 type-label text-fg-emphasis", j ? "text-pretty wrap-anywhere" : "truncate"),
+							children: P
+						}), t && !k && !j ? /* @__PURE__ */ I("span", {
+							role: "img",
+							"aria-label": C.irreversible,
+							className: "flex shrink-0",
+							children: /* @__PURE__ */ I(d, { className: "size-4 text-error" })
+						}) : null]
+					}),
+					/* @__PURE__ */ I("span", {
+						className: "ml-auto flex min-h-10 shrink-0 items-center",
+						children: k ? O && x ? /* @__PURE__ */ I(c, {
+							size: "sm",
+							className: $,
+							onPress: x,
+							children: C.reconsider
+						}) : null : /* @__PURE__ */ L(c, {
+							size: "sm",
+							className: r("group/trigger", $),
+							"aria-label": C.review,
+							"aria-expanded": j,
+							"aria-controls": E,
+							isDisabled: A,
+							onPress: () => T((e) => !e),
+							children: [/* @__PURE__ */ I("span", {
+								className: "@max-sm/gate:hidden",
+								children: C.review
+							}), /* @__PURE__ */ I(s, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
+						})
+					})
+				]
+			}),
+			v && !k ? /* @__PURE__ */ L("div", {
+				className: "flex flex-col gap-3 border-t border-line-subtle px-4 py-3",
+				children: [/* @__PURE__ */ I("p", {
+					className: "type-body text-pretty text-attention",
+					children: v
+				}), b ? /* @__PURE__ */ I("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ I(c, {
+						size: "sm",
+						className: $,
+						onPress: b,
+						children: C.reviewChange
+					})
+				}) : null]
+			}) : null,
+			j ? /* @__PURE__ */ I("div", {
+				id: E,
+				className: "flex animate-reveal-in flex-col gap-4 border-t border-line-subtle bg-surface p-4",
+				children: A ? _ : /* @__PURE__ */ L(F, { children: [
+					t ? /* @__PURE__ */ L("span", {
+						className: "inline-flex items-center gap-1 self-start rounded-pill border border-error-line bg-error-subtle px-2 py-0.5 type-caption break-words text-error",
+						children: [/* @__PURE__ */ I(d, { className: "size-3.5 shrink-0" }), C.irreversible]
+					}) : null,
+					/* @__PURE__ */ I("div", {
+						className: "type-body text-pretty wrap-anywhere text-fg",
+						children: f
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "flex flex-wrap items-center justify-end gap-2",
+						children: [
+							g ? /* @__PURE__ */ I(y, {
+								content: C.edit,
+								children: /* @__PURE__ */ I(c, {
+									variant: "secondary",
+									size: "icon-sm",
+									"aria-label": C.edit,
+									onPress: g,
+									isDisabled: !M,
+									children: /* @__PURE__ */ I(a, {})
+								})
+							}) : null,
+							/* @__PURE__ */ I(c, {
+								variant: "secondary",
+								size: "sm",
+								className: r("text-error", $),
+								onPress: h,
+								isDisabled: !M,
+								children: C.decline
+							}),
+							/* @__PURE__ */ I(c, {
+								variant: "primary",
+								size: "sm",
+								className: $,
+								onPress: m,
+								isDisabled: !!v,
+								isPending: i === "approving",
+								pendingLabel: S ?? C.approving,
+								children: C.approve
+							})
+						]
+					})
+				] })
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/reusable/interactions/receipt.tsx
+function et(e) {
+	let t = e?.getTime(), n = t !== void 0 && Number.isFinite(t) ? t : void 0, [r, i] = N(() => ({
+		deadline: n,
+		now: Date.now()
+	}));
+	return r.deadline !== n && i(() => ({
+		deadline: n,
+		now: Date.now()
+	})), A(() => {
+		if (n === void 0) return;
+		let e = () => i((e) => e.deadline === n ? {
+			deadline: n,
+			now: Date.now()
+		} : e), t = window.setInterval(e, 15e3), r = window.setTimeout(e, Math.max(0, n - Date.now()));
+		return () => {
+			window.clearInterval(t), window.clearTimeout(r);
+		};
+	}, [n]), n === void 0 ? 0 : Math.max(0, Math.ceil((n - r.now) / 6e4));
+}
+function tt({ outcome: e, checking: a }) {
+	let o = !a && (e === "done" || e === "different");
+	return /* @__PURE__ */ I("span", {
+		"aria-hidden": "true",
+		className: r("flex size-8 shrink-0 items-center justify-center rounded-control border", a && "border-line-subtle bg-surface", o && "border-done bg-done text-on-done", !a && e === "partial" && "border-attention-line bg-attention-subtle text-attention", !a && e === "failed" && "border-error-line bg-error-subtle text-error", !a && (e === "unknown" || e === "undone") && "border-line-subtle bg-surface text-fg-subtle"),
+		children: a ? /* @__PURE__ */ I(p, {}) : I(o ? u : e === "partial" ? d : e === "failed" ? n : e === "unknown" ? i : t, { className: "size-4" })
+	});
+}
+function nt({ outcome: e, title: t, meta: n, note: i, changes: a, ask: o, actions: s = [], undoClosesAt: l, undoClosesLabel: u, checking: d = !1 }) {
+	let f = Z().receipt, p = et(l), m = !!l && p > 0 && e !== "undone", h = e === "different" || e === "partial" ? "text-attention" : e === "failed" ? "text-error" : "text-fg", g = [...s].sort((e, t) => Number(!!e.primary) - Number(!!t.primary));
+	return /* @__PURE__ */ L("article", {
+		className: "flex w-full min-w-0 flex-col gap-4 rounded-surface border border-line-subtle bg-surface p-5",
+		children: [
+			/* @__PURE__ */ L("p", {
+				role: "status",
+				className: "sr-only",
+				children: [d ? f.checking : t, !d && l && !m && e !== "undone" ? ` ${f.closed}` : null]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ I(tt, {
+					outcome: e,
+					checking: d
+				}), /* @__PURE__ */ L("div", {
+					className: "flex min-w-0 flex-col gap-0.5",
+					children: [/* @__PURE__ */ I("span", {
+						className: "type-label text-pretty text-fg-emphasis",
+						children: d ? f.checking : t
+					}), n ? /* @__PURE__ */ I("span", {
+						className: "font-mono type-caption text-fg-subtle",
+						children: n
+					}) : null]
+				})]
+			}),
+			d ? null : /* @__PURE__ */ L(F, { children: [
+				i ? /* @__PURE__ */ I("p", {
+					className: r("type-body text-pretty", h),
+					children: i
+				}) : null,
+				/* @__PURE__ */ L("div", {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ I("span", {
+						className: "font-mono type-caption text-fg-subtle",
+						children: f.whatChanged
+					}), /* @__PURE__ */ I("ul", {
+						className: "flex flex-col divide-y divide-line-subtle rounded-control border border-line-subtle bg-surface",
+						children: a.map((e) => {
+							let t = e.state ?? "changed";
+							return /* @__PURE__ */ L("li", {
+								className: "flex flex-wrap items-center gap-x-3 p-3 type-body",
+								children: [
+									/* @__PURE__ */ I("span", {
+										className: "font-medium text-fg-emphasis",
+										children: e.what
+									}),
+									/* @__PURE__ */ I("span", {
+										className: "min-w-0 flex-1 text-fg-subtle",
+										children: e.detail
+									}),
+									/* @__PURE__ */ I("span", {
+										className: "flex h-control-sm shrink-0 items-center",
+										children: t !== "changed" || e.stateLabel ? /* @__PURE__ */ I("span", {
+											className: r("type-caption", t === "not-changed" ? "text-attention" : "text-fg-subtle"),
+											children: e.stateLabel ?? f.states[t]
+										}) : e.back && m ? /* @__PURE__ */ I(c, {
+											size: "sm",
+											"aria-label": `${e.back.label} ${e.what.toLowerCase()}`,
+											onPress: () => {
+												l && Date.now() < l.getTime() && e.back?.onPress();
+											},
+											children: e.back.label
+										}) : null
+									})
+								]
+							}, e.id);
+						})
+					})]
+				}),
+				o ? /* @__PURE__ */ I("p", {
+					className: "type-body text-pretty text-fg-emphasis",
+					children: o
+				}) : null,
+				g.length || l ? /* @__PURE__ */ L("div", {
+					className: "flex flex-wrap items-center justify-end gap-2",
+					children: [g.map((e) => /* @__PURE__ */ I(c, {
+						size: "sm",
+						variant: e.primary ? "primary" : "secondary",
+						onPress: e.onPress,
+						children: e.label
+					}, e.id)), l && e !== "undone" ? /* @__PURE__ */ L("span", {
+						className: "font-mono type-label text-fg-subtle",
+						children: [m ? f.minutesLeft(p) : f.closed, m && u ? /* @__PURE__ */ L("span", {
+							className: "sr-only",
+							children: [" ", u]
+						}) : null]
+					}) : null]
+				}) : null
+			] })
+		]
+	});
+}
+//#endregion
+//#region src/reusable/interactions/progress.tsx
+function rt({ task: e, now: t, stages: n, stage: i, status: a = "working", estimate: o, basis: l, counted: f, changed: m, needs: h, onReview: g, moves: _ = [], defaultExpanded: v = !1 }) {
+	let y = Z().progress, [b, x] = N(v), S = te(), C = n.length, w = a === "done", T = [..._].sort((e, t) => Number(!!e.primary) - Number(!!t.primary));
+	return /* @__PURE__ */ L("article", {
+		className: "flex w-full min-w-0 flex-col overflow-hidden rounded-surface border border-line-subtle bg-surface-muted",
+		children: [/* @__PURE__ */ L("div", {
+			className: "flex flex-wrap items-center gap-x-3 gap-y-2 p-3",
+			children: [
+				/* @__PURE__ */ I("span", {
+					"aria-hidden": "true",
+					className: r("flex size-8 shrink-0 items-center justify-center rounded-control border border-line-subtle bg-surface", w && "border-done bg-done text-on-done", a === "stuck" && "border-attention-line bg-attention-subtle text-attention"),
+					children: w ? /* @__PURE__ */ I(u, { className: "size-4" }) : a === "stuck" ? /* @__PURE__ */ I(d, { className: "size-4" }) : /* @__PURE__ */ I(p, { tone: a === "needs-you" ? "info" : "brand" })
+				}),
+				/* @__PURE__ */ L("div", {
+					role: "status",
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [/* @__PURE__ */ I("span", {
+						className: "truncate type-label text-fg-emphasis",
+						children: w ? e : t
+					}), /* @__PURE__ */ L("span", {
+						className: "flex flex-wrap gap-1.5 type-caption text-fg-subtle",
+						children: [
+							/* @__PURE__ */ I("span", { children: y.stagesDone(Math.min(i, C), C) }),
+							/* @__PURE__ */ I("span", {
+								"aria-hidden": "true",
+								children: "·"
+							}),
+							/* @__PURE__ */ I("span", {
+								className: r(a === "stuck" && "text-attention", a === "needs-you" && "text-info"),
+								children: o
+							})
+						]
+					})]
+				}),
+				a === "needs-you" && g ? /* @__PURE__ */ I(c, {
+					size: "sm",
+					variant: "primary",
+					onPress: g,
+					children: y.review
+				}) : null,
+				/* @__PURE__ */ I(c, {
+					size: "sm",
+					variant: "ghost",
+					className: "group/trigger",
+					"aria-label": y.showStages,
+					"aria-expanded": b,
+					"aria-controls": S,
+					onPress: () => x((e) => !e),
+					children: /* @__PURE__ */ I(s, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })
+				})
+			]
+		}), b ? /* @__PURE__ */ L("div", {
+			id: S,
+			className: "flex animate-reveal-in flex-col gap-4 border-t border-line-subtle bg-surface p-4",
+			children: [
+				/* @__PURE__ */ I("ol", {
+					className: "flex flex-col gap-2.5",
+					children: n.map((e, n) => {
+						let o = n < i, s = n === i && !w;
+						return /* @__PURE__ */ L("li", {
+							className: "flex gap-3 type-body",
+							children: [/* @__PURE__ */ I("span", {
+								"aria-hidden": "true",
+								className: "flex h-5 shrink-0 items-center",
+								children: /* @__PURE__ */ I("span", {
+									className: "flex size-4 items-center justify-center",
+									children: o ? /* @__PURE__ */ I(u, { className: "size-3.5 text-success" }) : s ? a === "stuck" ? /* @__PURE__ */ I(d, { className: "size-3.5 text-attention" }) : /* @__PURE__ */ I(p, { tone: a === "needs-you" ? "info" : "brand" }) : /* @__PURE__ */ I("span", { className: "size-2 rounded-pill border border-line-emphasis" })
+								})
+							}), /* @__PURE__ */ L("div", {
+								className: "flex min-w-0 flex-1 flex-col gap-1.5",
+								children: [/* @__PURE__ */ L("span", {
+									className: r(s ? "font-medium text-fg-emphasis" : o ? "text-fg" : "text-fg-subtle"),
+									children: [e, /* @__PURE__ */ L("span", {
+										className: "sr-only",
+										children: [
+											" ",
+											"·",
+											" ",
+											o ? y.stageWords.done : s ? y.stageWords.now : y.stageWords.next
+										]
+									})]
+								}), s ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
+									className: "type-caption text-fg-subtle",
+									children: t
+								}), f ? /* @__PURE__ */ I(ee, {
+									label: f.label,
+									value: f.value,
+									maxValue: f.max,
+									valueLabel: f.valueLabel
+								}) : null] }) : null]
+							})]
+						}, e);
+					})
+				}),
+				m ? /* @__PURE__ */ I("p", {
+					className: "rounded-control border border-attention-line bg-attention-subtle px-3 py-2 type-body text-attention",
+					children: m
+				}) : null,
+				/* @__PURE__ */ L("div", {
+					className: "flex flex-wrap items-start justify-between gap-4 border-t border-line-subtle pt-3",
+					children: [/* @__PURE__ */ L("div", {
+						className: "flex min-w-0 flex-col gap-0.5",
+						children: [/* @__PURE__ */ I("span", {
+							className: "type-label text-fg-emphasis",
+							children: o
+						}), l ? /* @__PURE__ */ I("span", {
+							className: "type-caption text-fg-subtle",
+							children: l
+						}) : null]
+					}), /* @__PURE__ */ L("span", {
+						className: r("flex items-center gap-1.5 type-label", a === "stuck" ? "text-attention" : a === "needs-you" ? "text-info" : "text-fg-subtle"),
+						children: [a === "stuck" ? /* @__PURE__ */ I(d, { className: "size-4" }) : a === "needs-you" ? /* @__PURE__ */ I(p, { tone: "info" }) : /* @__PURE__ */ I(u, { className: "size-4" }), h ?? y.noAction]
+					})]
+				}),
+				T.length && a !== "needs-you" ? /* @__PURE__ */ I("div", {
+					className: "flex flex-wrap justify-end gap-2",
+					children: T.map((e) => /* @__PURE__ */ I(c, {
+						size: "sm",
+						variant: e.primary ? "primary" : "secondary",
+						onPress: e.onPress,
+						children: e.label
+					}, e.id))
+				}) : null
+			]
+		}) : null]
+	});
+}
+//#endregion
+export { nt as ActionReceipt, oe as AgentController, je as AgentStatus, Ne as AgentSupervision, le as ArtifactController, Ie as ArtifactWorkspace, be as Citation, De as ComposerTools, we as Confidence, Ee as ConnectionStatus, Ve as ConversationHistory, Qe as DecisionGate, ke as ExecutionInspector, de as FeedbackController, Te as Guardrail, ge as InteractionProvider, Ae as Observability, Oe as QuotedExcerpt, Se as Reasoning, ze as ResponseFeedback, xe as RetrievalInspection, Xe as RunMessage, Je as RunStep, Ye as RunThought, Ge as RunTimeline, Ze as RunWorking, ye as Sources, rt as TaskProgress, pe as ThreadController, Ce as ToolCall, ae as agentReducer, q as agentStepSchema, ce as artifactReducer, J as artifactSchema, _e as evidenceUrl, me as interactionCopy, B as jsonSchema, fe as threadDocumentSchema, X as threadSummarySchema };