@superxd-studio/adptr 0.5.0

package/interactions/index.js

@@ -0,0 +1,1591 @@
+"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";
+//#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));
+}
+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 N = class {
+	state;
+	disposed = !1;
+	generation = 0;
+	abort;
+	usedIds = /* @__PURE__ */ new Set();
+	requestIdentity(e = j) {
+		let t = O.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));
+	}
+	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()));
+	}
+	request() {
+		return this.abort?.abort(), this.abort = new AbortController(), {
+			token: ++this.generation,
+			signal: this.abort.signal
+		};
+	}
+	current(e) {
+		return !this.disposed && e === this.generation;
+	}
+	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
+	}),
+	T.strictObject({
+		requestId: O,
+		status: T.literal("rejected"),
+		reason: k
+	}),
+	T.strictObject({
+		requestId: O,
+		status: T.literal("unknown")
+	})
+]), ee = T.union([F, T.strictObject({
+	requestId: O,
+	status: T.enum(["pending", "not-found"])
+})]);
+function I(e, t) {
+	switch (t.type) {
+		case "propose": return {
+			...e,
+			phase: "approval",
+			request: t.request,
+			progress: void 0,
+			reason: void 0
+		};
+		case "approve": return {
+			...e,
+			phase: "running",
+			progress: void 0
+		};
+		case "check": return {
+			...e,
+			phase: "checking"
+		};
+		case "progress": return {
+			...e,
+			progress: t.message
+		};
+		case "uncertain": return {
+			...e,
+			phase: "uncertain",
+			progress: void 0
+		};
+		case "deny": return {
+			...e,
+			phase: "denied",
+			progress: void 0
+		};
+		case "expire": return {
+			...e,
+			phase: "expired"
+		};
+		case "revise": return {
+			...e,
+			steps: t.steps
+		};
+		case "settle": {
+			if (t.result.status === "unknown") return {
+				...e,
+				phase: "uncertain",
+				progress: void 0
+			};
+			if (t.result.status === "rejected") return {
+				...e,
+				phase: "failed",
+				reason: t.result.reason,
+				progress: void 0
+			};
+			if (!e.request) return e;
+			let n = [...e.completed, {
+				stepId: e.request.step.id,
+				requestId: e.request.requestId,
+				output: t.result.output
+			}];
+			return {
+				...e,
+				completed: n,
+				phase: n.length === e.steps.length ? "complete" : "ready",
+				request: void 0,
+				progress: void 0,
+				reason: void 0
+			};
+		}
+	}
+}
+var te = class extends N {
+	adapter;
+	options;
+	expiry;
+	ttl;
+	constructor(e, t, n = {}) {
+		let r = T.array(P).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);
+	}
+	now() {
+		return (this.options.now ?? Date.now)();
+	}
+	send(e) {
+		this.publish(I(this.state, e));
+	}
+	propose(e) {
+		clearTimeout(this.expiry), this.send({
+			type: "propose",
+			request: e
+		}), this.expiry = setTimeout(() => {
+			this.state.phase === "approval" && this.state.request?.requestId === e.requestId && this.send({ type: "expire" });
+		}, Math.max(0, e.approvedUntil - this.now()));
+	}
+	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);
+		return !t.success || new Set(t.data.map((e) => e.id)).size !== t.data.length ? !1 : (this.send({
+			type: "revise",
+			steps: t.data
+		}), !0);
+	}
+	next() {
+		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),
+			step: e,
+			approvedUntil: this.now() + this.ttl
+		}), !0) : !1;
+	}
+	approve() {
+		if (this.disposed || this.state.phase !== "approval" || !this.state.request) return !1;
+		if (this.now() >= this.state.request.approvedUntil) return this.send({ type: "expire" }), !1;
+		clearTimeout(this.expiry);
+		let e = this.state.request, { token: t, signal: n } = this.request();
+		return this.send({ type: "approve" }), (async () => {
+			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);
+						e.success && this.send({
+							type: "progress",
+							message: e.data
+						});
+					}
+				}), i = F.parse(r);
+				if (i.requestId !== e.requestId) throw Error("Wrong receipt");
+				this.current(t) && this.send({
+					type: "settle",
+					result: i
+				});
+			} catch {
+				this.current(t) && this.send({ type: "uncertain" });
+			}
+		})(), !0;
+	}
+	deny() {
+		return this.disposed || this.state.phase !== "approval" ? !1 : (clearTimeout(this.expiry), this.send({ type: "deny" }), !0);
+	}
+	stop() {
+		return this.disposed || this.state.phase !== "running" ? !1 : (++this.generation, this.abort?.abort(), this.send({ type: "uncertain" }), !0);
+	}
+	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,
+			approvedUntil: this.now() + this.ttl
+		}), !0);
+	}
+	check() {
+		if (this.disposed || this.state.phase !== "uncertain" || !this.state.request) return !1;
+		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));
+				if (r.requestId !== e.requestId) throw Error("Wrong receipt");
+				if (!this.current(t)) return;
+				r.status === "not-found" ? this.propose({
+					...e,
+					approvedUntil: this.now() + this.ttl
+				}) : r.status === "pending" ? this.send({ type: "uncertain" }) : this.send({
+					type: "settle",
+					result: F.parse(r)
+				});
+			} catch {
+				this.current(t) && this.send({ type: "uncertain" });
+			}
+		})(), !0;
+	}
+	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
+	})).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
+	}),
+	T.strictObject({
+		requestId: O,
+		status: T.literal("conflict"),
+		record: L
+	}),
+	T.strictObject({
+		requestId: O,
+		status: T.literal("rejected"),
+		reason: k
+	}),
+	T.strictObject({
+		requestId: O,
+		status: T.literal("unknown")
+	})
+]), ne = T.union([R, T.strictObject({
+	requestId: O,
+	status: T.enum(["pending", "not-found"])
+})]);
+function z(e, t) {
+	switch (t.type) {
+		case "load": return {
+			...e,
+			phase: "loading",
+			loadId: t.id,
+			reason: void 0
+		};
+		case "loaded": return {
+			phase: "viewing",
+			record: t.record,
+			draft: t.record.content
+		};
+		case "load-error": return {
+			...e,
+			phase: "load-error"
+		};
+		case "edit": return {
+			...e,
+			phase: "editing",
+			draft: t.content,
+			request: void 0,
+			reason: void 0
+		};
+		case "save": return {
+			...e,
+			phase: "saving",
+			request: t.request,
+			reason: void 0
+		};
+		case "unknown": return {
+			...e,
+			phase: "unknown"
+		};
+		case "check": return {
+			...e,
+			phase: "checking"
+		};
+		case "not-found": return {
+			...e,
+			phase: "editing"
+		};
+		case "adopt": return e.latest ? {
+			phase: t.keepDraft ? "editing" : "viewing",
+			record: e.latest,
+			draft: t.keepDraft ? e.draft : e.latest.content
+		} : e;
+		case "settle": return t.result.status === "saved" ? {
+			phase: "viewing",
+			record: t.result.record,
+			draft: t.result.record.content
+		} : t.result.status === "conflict" ? {
+			...e,
+			phase: "conflict",
+			latest: t.result.record
+		} : t.result.status === "rejected" ? {
+			...e,
+			phase: "editing",
+			reason: t.result.reason,
+			request: void 0
+		} : {
+			...e,
+			phase: "unknown"
+		};
+	}
+}
+var B = class extends N {
+	adapter;
+	id;
+	constructor(e, t = j) {
+		super({
+			phase: "idle",
+			draft: ""
+		}), this.adapter = e, this.id = t;
+	}
+	send(e) {
+		this.publish(z(this.state, e));
+	}
+	open(e) {
+		if (this.disposed || [
+			"saving",
+			"unknown",
+			"checking",
+			"conflict"
+		].includes(this.state.phase) || this.state.record && this.state.draft !== this.state.record.content) return !1;
+		let t = O.safeParse(e);
+		if (!t.success) return !1;
+		let { token: n, signal: r } = this.request();
+		return this.send({
+			type: "load",
+			id: t.data
+		}), (async () => {
+			try {
+				let e = L.parse(await this.adapter.load(t.data, r));
+				if (e.id !== t.data) throw Error("Wrong artifact");
+				this.current(n) && this.send({
+					type: "loaded",
+					record: e
+				});
+			} catch {
+				this.current(n) && this.send({ type: "load-error" });
+			}
+		})(), !0;
+	}
+	edit(e) {
+		return this.disposed || !this.state.record?.canEdit || !["viewing", "editing"].includes(this.state.phase) || !A.safeParse(e).success ? !1 : (this.send({
+			type: "edit",
+			content: e
+		}), !0);
+	}
+	discard() {
+		return this.disposed || !this.state.record || ![
+			"viewing",
+			"editing",
+			"load-error"
+		].includes(this.state.phase) ? !1 : (this.send({
+			type: "loaded",
+			record: this.state.record
+		}), !0);
+	}
+	save() {
+		let e = this.state;
+		if (this.disposed || e.phase !== "editing" || !e.record?.canEdit || e.draft === e.record.content) return !1;
+		let t = e.request ?? Object.freeze({
+			requestId: this.requestIdentity(this.id),
+			artifactId: e.record.id,
+			baseRevision: e.record.revision,
+			content: e.draft
+		}), { token: n, signal: r } = this.request();
+		return this.send({
+			type: "save",
+			request: t
+		}), (async () => {
+			try {
+				let e = R.parse(await this.adapter.save(t, r));
+				this.validateResult(e, t), this.current(n) && this.send({
+					type: "settle",
+					result: e
+				});
+			} catch {
+				this.current(n) && this.send({ type: "unknown" });
+			}
+		})(), !0;
+	}
+	validateResult(e, t) {
+		if (e.requestId !== t.requestId || "record" in e && e.record.id !== t.artifactId || e.status === "saved" && e.record.revision === t.baseRevision) throw Error("Invalid artifact receipt");
+	}
+	adoptLatest(e) {
+		return this.disposed || this.state.phase !== "conflict" || !this.state.latest ? !1 : (this.send({
+			type: "adopt",
+			keepDraft: e
+		}), !0);
+	}
+	check() {
+		if (this.disposed || this.state.phase !== "unknown" || !this.state.request) return !1;
+		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));
+				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({
+					type: "settle",
+					result: R.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 {
+	adapter;
+	id;
+	constructor(e, t, n = j) {
+		super({
+			responseId: O.parse(t),
+			rating: null,
+			comment: "",
+			phase: "editing"
+		}), this.adapter = e, this.id = n;
+	}
+	edit(e, t = this.state.comment) {
+		return this.disposed || ["saving", "error"].includes(this.state.phase) || e !== null && e !== "helpful" && e !== "unhelpful" || typeof t != "string" || t.length > 5e3 ? !1 : (this.publish({
+			...this.state,
+			rating: e,
+			comment: t,
+			phase: "editing",
+			request: void 0
+		}), !0);
+	}
+	save() {
+		if (this.disposed || !this.state.rating || !["editing", "error"].includes(this.state.phase)) return !1;
+		let e = this.state.request ?? Object.freeze(V.parse({
+			requestId: this.requestIdentity(this.id),
+			responseId: this.state.responseId,
+			rating: this.state.rating,
+			comment: this.state.comment
+		})), { token: t, signal: n } = this.request();
+		return this.publish({
+			...this.state,
+			phase: "saving",
+			request: e
+		}), (async () => {
+			try {
+				let r = T.strictObject({
+					requestId: O,
+					responseId: O
+				}).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({
+					...this.state,
+					phase: "saved"
+				});
+			} catch {
+				this.current(t) && this.publish({
+					...this.state,
+					phase: "error"
+				});
+			}
+		})(), !0;
+	}
+}, U = T.strictObject({
+	id: O,
+	title: k,
+	archived: T.boolean()
+}), W = U.extend({ payload: D }), re = class extends N {
+	adapter;
+	canLeave;
+	constructor(e, t = () => !0) {
+		super({
+			phase: "idle",
+			items: []
+		}), this.adapter = e, this.canLeave = t;
+	}
+	refresh() {
+		if (this.disposed || [
+			"listing",
+			"mutating",
+			"opening"
+		].includes(this.state.phase)) return !1;
+		let { token: e, signal: t } = this.request();
+		return this.publish({
+			...this.state,
+			phase: "listing",
+			operation: "list"
+		}), (async () => {
+			try {
+				let n = T.array(U).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,
+					items: n,
+					phase: "ready",
+					operation: void 0
+				});
+			} catch {
+				this.current(e) && this.publish({
+					...this.state,
+					phase: "error"
+				});
+			}
+		})(), !0;
+	}
+	open(e) {
+		if (this.disposed || ["listing", "mutating"].includes(this.state.phase) || !this.state.items.some((t) => t.id === e) || !this.canLeave()) return !1;
+		let { token: t, signal: n } = this.request();
+		return this.publish({
+			...this.state,
+			phase: "opening",
+			pendingId: e,
+			operation: "open"
+		}), (async () => {
+			try {
+				let r = W.parse(await this.adapter.load(e, n));
+				if (r.id !== e) throw Error("Wrong thread");
+				this.current(t) && this.publish({
+					...this.state,
+					selected: r,
+					phase: "ready",
+					pendingId: void 0,
+					operation: void 0
+				});
+			} catch {
+				this.current(t) && this.publish({
+					...this.state,
+					phase: "error",
+					pendingId: void 0
+				});
+			}
+		})(), !0;
+	}
+	rename(e, t) {
+		let n = k.safeParse(t);
+		return n.success ? this.mutate(e, "rename", (t) => this.adapter.rename(e, n.data, t)) : !1;
+	}
+	archive(e, t) {
+		return this.state.selected?.id === e && !this.canLeave() ? !1 : this.mutate(e, "archive", (n) => this.adapter.archive(e, t, n));
+	}
+	mutate(e, t, n) {
+		if (this.disposed || !["ready", "error"].includes(this.state.phase) || !this.state.items.some((t) => t.id === e)) return !1;
+		let { token: r, signal: i } = this.request();
+		return this.publish({
+			...this.state,
+			phase: "mutating",
+			pendingId: e,
+			operation: t
+		}), (async () => {
+			try {
+				let t = U.parse(await n(i));
+				if (t.id !== e) throw Error("Wrong thread");
+				this.current(r) && this.publish({
+					...this.state,
+					phase: "ready",
+					pendingId: void 0,
+					operation: void 0,
+					items: this.state.items.map((n) => n.id === e ? t : n),
+					selected: this.state.selected?.id === e ? {
+						...this.state.selected,
+						...t
+					} : this.state.selected
+				});
+			} catch {
+				this.current(r) && this.publish({
+					...this.state,
+					phase: "error",
+					pendingId: void 0
+				});
+			}
+		})(), !0;
+	}
+}, G = {
+	code: "Code",
+	files: "Files",
+	checks: "Checks",
+	passed: "Passed",
+	failed: "Failed",
+	artifactStates: {
+		idle: "Choose an artifact",
+		loading: "Loading artifact",
+		"load-error": "Artifact unavailable",
+		viewing: "Saved version",
+		editing: "Draft edited",
+		saving: "Saving revision",
+		conflict: "Saved version changed",
+		unknown: "Save result unknown",
+		checking: "Checking save"
+	},
+	invalid: "This content could not be displayed. Ask for an updated version.",
+	explanation: "Progress explanation",
+	supplied: "Reported by the host",
+	inputs: "Inputs",
+	output: "Result",
+	tool: "Tool details",
+	sources: "Sources",
+	source: (e, t) => `Source ${e}: ${t}`,
+	unavailable: "Source unavailable",
+	noSources: "No sources were supplied.",
+	retrieval: "Context used for this response",
+	included: "Included",
+	excluded: "Not included",
+	checkClaim: "Check this claim",
+	blocked: "This action cannot proceed",
+	model: "Model",
+	context: "Context to include",
+	commands: "Commands",
+	quote: "Quoted excerpt",
+	reply: "Use excerpt in reply",
+	connection: {
+		connected: "Connected",
+		reconnecting: "Reconnecting",
+		disconnected: "Disconnected"
+	},
+	disconnected: "The connection does not tell us whether remote work finished. Check the result before repeating an action.",
+	reconnect: "Reconnect",
+	trace: "Run measurements",
+	notReported: "Not reported",
+	agent: "Supervised plan",
+	plan: "Proposed steps",
+	request: "Review next step",
+	scope: "Approval scope",
+	allow: "Approve this step",
+	deny: "Decline",
+	stop: "Stop waiting",
+	check: "Check status",
+	renew: "Review again",
+	unknown: "The result is unknown. Check the original request before running it again.",
+	approvalHint: "Approval applies only to the displayed step and inputs. The host still checks your permissions.",
+	expires: "Approval expires if you wait too long. Review the step again to continue.",
+	denied: "The step was declined. Earlier completed work stays completed.",
+	complete: "All steps are complete.",
+	toolStates: {
+		pending: "Pending",
+		approval: "Awaiting approval",
+		running: "Running",
+		completed: "Complete",
+		rejected: "Not applied",
+		unknown: "Result unknown"
+	},
+	agentStates: {
+		ready: "Ready to review",
+		approval: "Awaiting approval",
+		running: "Working",
+		checking: "Checking result",
+		failed: "Step not applied",
+		uncertain: "Result unknown",
+		denied: "Declined",
+		expired: "Approval expired",
+		complete: "Complete"
+	},
+	artifact: "Artifact",
+	edit: "Edit draft",
+	save: "Save revision",
+	saving: "Saving revision",
+	discard: "Discard edits",
+	revision: "Revision",
+	artifactContent: "Artifact content",
+	latest: "Latest saved version",
+	localDraft: "Your draft",
+	conflict: "The saved version changed. Compare it with your draft before choosing what to keep.",
+	useLatest: "Use latest saved version",
+	keepDraft: "Keep my draft against the latest version",
+	loadError: "Couldn’t load this artifact. Try again; the current work is still here.",
+	retry: "Try again",
+	idleArtifact: "Choose an artifact to open.",
+	feedback: "Response feedback",
+	helpful: "Helpful",
+	unhelpful: "Needs work",
+	comment: "What should change?",
+	sendFeedback: "Save feedback",
+	savedFeedback: "Feedback saved for this response.",
+	failedFeedback: "Feedback is not confirmed. Retry with the same feedback.",
+	threads: "Conversation history",
+	refresh: "Refresh conversations",
+	active: "Active",
+	archived: "Archived",
+	archive: "Archive conversation",
+	restore: "Restore conversation",
+	rename: "Rename conversation",
+	title: "Conversation title",
+	saveTitle: "Save title",
+	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 = {
+		...n,
+		...e,
+		toolStates: {
+			...n.toolStates,
+			...e.toolStates
+		},
+		agentStates: {
+			...n.agentStates,
+			...e.agentStates
+		},
+		artifactStates: {
+			...n.artifactStates,
+			...e.artifactStates
+		},
+		connection: {
+			...n.connection,
+			...e.connection
+		}
+	};
+	return /* @__PURE__ */ C(K.Provider, {
+		value: r,
+		children: t
+	});
+}
+var J = () => g(K);
+//#endregion
+//#region src/reusable/interactions/presentation.tsx
+function Y(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()
+});
+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", {
+		"aria-label": t,
+		className: "min-w-0",
+		children: [
+			/* @__PURE__ */ C("h3", {
+				className: "mb-3 type-heading text-fg-emphasis",
+				children: t
+			}),
+			!i.data.length && /* @__PURE__ */ C("p", {
+				className: "type-body text-fg-subtle",
+				children: r.noSources
+			}),
+			/* @__PURE__ */ C("ol", {
+				className: "flex flex-col gap-4",
+				children: i.data.map((e, t) => {
+					let n = Y(e.url);
+					return /* @__PURE__ */ w("li", {
+						className: "min-w-0 rounded-control border border-line-subtle bg-surface p-4",
+						children: [
+							/* @__PURE__ */ C("span", {
+								className: "mr-2 font-mono type-caption text-fg-subtle",
+								children: t + 1
+							}),
+							n ? /* @__PURE__ */ C(x, {
+								href: n,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								"aria-label": r.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", {
+								className: "type-label text-fg-emphasis",
+								children: [e.title, /* @__PURE__ */ C("span", {
+									className: "ml-2 type-caption text-fg-subtle",
+									children: r.unavailable
+								})]
+							}),
+							e.claim && /* @__PURE__ */ C("p", {
+								className: "mt-2 type-body text-fg",
+								children: e.claim
+							}),
+							e.excerpt && /* @__PURE__ */ C("blockquote", {
+								className: "mt-2 border-l-2 border-line-emphasis pl-3 type-body whitespace-pre-wrap text-fg-subtle",
+								children: e.excerpt
+							})
+						]
+					}, `${e.id}-${t}`);
+				})
+			})
+		]
+	}) : /* @__PURE__ */ C(n, {
+		tone: "error",
+		children: r.invalid
+	});
+}
+function ae({ source: e, index: t }) {
+	let n = J(), r = Y(e.url);
+	return r ? /* @__PURE__ */ w(x, {
+		href: r,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": n.source(t, e.title),
+		className: "rounded-cell font-mono type-caption text-info underline outline-none data-focus-visible:focus-ring",
+		children: [
+			"[",
+			t,
+			"]"
+		]
+	}) : /* @__PURE__ */ w("span", {
+		"aria-label": n.unavailable,
+		className: "font-mono type-caption text-fg-subtle",
+		children: [
+			"[",
+			t,
+			"]"
+		]
+	});
+}
+function oe({ documents: e }) {
+	let t = J();
+	return /* @__PURE__ */ C(d, {
+		label: t.retrieval,
+		items: [{
+			id: "context",
+			title: t.retrieval,
+			content: /* @__PURE__ */ C("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, {
+					label: e.title,
+					sources: [{
+						id: e.id,
+						title: e.title,
+						url: e.url,
+						excerpt: e.excerpt,
+						claim: e.claim
+					}]
+				})] }, `${e.id}-${n}`))
+			})
+		}]
+	});
+}
+function se({ text: e, status: n = "complete", label: r }) {
+	let i = J();
+	return r ??= i.explanation, /* @__PURE__ */ w("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ w("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,
+			items: [{
+				id: "explanation",
+				title: r,
+				content: /* @__PURE__ */ C("p", {
+					className: "type-body break-words whitespace-pre-wrap",
+					children: e
+				})
+			}]
+		})]
+	});
+}
+function Z({ title: e, status: r, input: i, output: o }) {
+	let s = J(), c = D.safeParse(i);
+	return c.success ? /* @__PURE__ */ w(p, {
+		"aria-label": e,
+		children: [/* @__PURE__ */ w("div", {
+			className: "mb-3 flex flex-wrap items-center justify-between gap-3",
+			children: [/* @__PURE__ */ C("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__ */ C(d, {
+			label: s.tool,
+			items: [{
+				id: "input",
+				title: s.inputs,
+				content: /* @__PURE__ */ C(a, {
+					code: JSON.stringify(c.data, null, 2),
+					language: "json"
+				})
+			}, ...o === void 0 ? [] : [{
+				id: "output",
+				title: s.output,
+				content: /* @__PURE__ */ C("p", {
+					className: "type-body break-words whitespace-pre-wrap",
+					children: o
+				})
+			}]],
+			allowsMultipleExpanded: !0
+		})]
+	}) : /* @__PURE__ */ C(n, {
+		tone: "error",
+		children: s.invalid
+	});
+}
+function ce({ claim: e, explanation: t }) {
+	let r = J();
+	return /* @__PURE__ */ w(n, {
+		tone: "attention",
+		title: r.checkClaim,
+		children: [/* @__PURE__ */ C("p", { children: e }), /* @__PURE__ */ C("p", {
+			className: "mt-2",
+			children: t
+		})]
+	});
+}
+function le({ reason: t, alternatives: r, onChoose: i }) {
+	let a = J();
+	return /* @__PURE__ */ C(n, {
+		tone: "attention",
+		title: a.blocked,
+		actions: r.map((t) => /* @__PURE__ */ C(e, {
+			size: "sm",
+			onPress: () => i(t.id),
+			children: t.label
+		}, t.id)),
+		children: t
+	});
+}
+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, {
+			size: "sm",
+			onPress: r,
+			children: i.reconnect
+		}) : void 0,
+		children: t !== "connected" && i.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", {
+		className: "flex min-w-0 flex-col gap-4",
+		children: [
+			/* @__PURE__ */ C(m, {
+				label: u.model,
+				options: e,
+				selectedKey: t,
+				onSelectionChange: (e) => {
+					e !== null && n(String(e));
+				}
+			}),
+			r.length > 0 && a && /* @__PURE__ */ C(c, {
+				label: u.context,
+				options: r,
+				value: [...i],
+				onChange: a
+			}),
+			" ",
+			o.length > 0 && s && /* @__PURE__ */ C(l, {
+				label: u.commands,
+				items: o,
+				onAction: s
+			})
+		]
+	});
+}
+function fe({ quote: t, onReply: n }) {
+	let r = J();
+	return /* @__PURE__ */ w(p, {
+		"aria-label": r.quote,
+		children: [
+			/* @__PURE__ */ C("blockquote", {
+				className: "border-l-2 border-line-emphasis pl-3 type-body break-words whitespace-pre-wrap",
+				children: t.text
+			}),
+			/* @__PURE__ */ C("p", {
+				className: "mt-3 type-caption text-fg-subtle",
+				children: t.sourceTitle
+			}),
+			n && /* @__PURE__ */ C(e, {
+				size: "sm",
+				className: "mt-4",
+				onPress: () => n({ ...t }),
+				children: r.reply
+			})
+		]
+	});
+}
+function pe({ code: e, files: t, output: n, tests: r }) {
+	let i = J(), o = [
+		...e === void 0 ? [] : [{
+			id: "code",
+			label: i.code,
+			content: /* @__PURE__ */ C(a, { code: e })
+		}],
+		...t === void 0 ? [] : [{
+			id: "files",
+			label: i.files,
+			content: /* @__PURE__ */ C("ul", {
+				className: "flex flex-col gap-2 font-mono type-caption",
+				children: t.map((e, t) => /* @__PURE__ */ C("li", {
+					className: "break-words",
+					children: e
+				}, t))
+			})
+		}],
+		...n === void 0 ? [] : [{
+			id: "output",
+			label: i.output,
+			content: /* @__PURE__ */ C("pre", {
+				className: "type-caption break-words whitespace-pre-wrap",
+				children: n
+			})
+		}],
+		...r === void 0 ? [] : [{
+			id: "tests",
+			label: i.checks,
+			content: /* @__PURE__ */ C("ul", {
+				className: "flex flex-col gap-3",
+				children: r.map((e, t) => /* @__PURE__ */ w("li", {
+					className: "flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ C(f, {
+						tone: e.passed ? "success" : "error",
+						children: e.passed ? i.passed : i.failed
+					}), /* @__PURE__ */ C("span", {
+						className: "type-body",
+						children: e.name
+					})]
+				}, t))
+			})
+		}]
+	];
+	return /* @__PURE__ */ C(u, {
+		label: i.tool,
+		items: o
+	});
+}
+function me({ measurements: e }) {
+	let t = J();
+	return /* @__PURE__ */ w("section", {
+		"aria-label": t.trace,
+		children: [/* @__PURE__ */ C("h3", {
+			className: "mb-3 type-heading text-fg-emphasis",
+			children: t.trace
+		}), /* @__PURE__ */ C("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", {
+				className: "contents",
+				children: [/* @__PURE__ */ C("dt", {
+					className: "text-fg-subtle",
+					children: e.label
+				}), /* @__PURE__ */ C("dd", {
+					className: "text-right break-words numeric",
+					children: e.value === void 0 ? t.notReported : /* @__PURE__ */ w(S, { children: [e.value, e.unit && ` ${e.unit}`] })
+				})]
+			}, n))
+		})]
+	});
+}
+function Q({ label: e, status: t, children: n }) {
+	return /* @__PURE__ */ w("div", {
+		className: "flex min-w-0 flex-col gap-2",
+		children: [/* @__PURE__ */ w("div", {
+			className: "flex flex-wrap items-center justify-between gap-3",
+			children: [/* @__PURE__ */ C("h3", {
+				className: "type-heading text-fg-emphasis",
+				children: e
+			}), /* @__PURE__ */ C(f, { 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, {
+		phase: e,
+		label: t,
+		terminal: r,
+		frameClassName: "max-w-2xl",
+		children: /* @__PURE__ */ C("div", {
+			ref: a,
+			tabIndex: -1,
+			role: "group",
+			"aria-label": t,
+			onPointerDownCapture: () => {
+				o.current = !0;
+			},
+			onKeyDownCapture: () => {
+				o.current = !0;
+			},
+			onClickCapture: () => {
+				o.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, {
+		controller: e,
+		label: t
+	}) });
+}
+function ge({ controller: e, label: t }) {
+	let n = J(), r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ C($, {
+		phase: `agent-${r.completed.length}-${r.phase}`,
+		label: n.agentStates[r.phase],
+		terminal: r.phase === "complete" || r.phase === "denied",
+		children: /* @__PURE__ */ C(_e, {
+			state: r,
+			label: t,
+			controller: e
+		})
+	});
+}
+function _e({ state: r, label: i, controller: a }) {
+	let o = J();
+	return /* @__PURE__ */ w(p, {
+		"aria-label": i,
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ C("h2", {
+					className: "type-heading text-fg-emphasis",
+					children: i
+				}), /* @__PURE__ */ C("span", {
+					role: "status",
+					className: "type-caption text-fg-subtle",
+					children: o.agentStates[r.phase]
+				})]
+			}),
+			/* @__PURE__ */ C("ol", {
+				"aria-label": o.plan,
+				className: "mt-4 flex flex-col gap-3",
+				children: r.steps.map((e) => /* @__PURE__ */ w("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
+					})]
+				}, e.id))
+			}),
+			r.completed.map((e) => /* @__PURE__ */ C(Z, {
+				title: r.steps.find((t) => t.id === e.stepId)?.title ?? o.tool,
+				status: "completed",
+				input: r.steps.find((t) => t.id === e.stepId)?.input ?? null,
+				output: e.output
+			}, e.requestId)),
+			r.request && /* @__PURE__ */ w("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__ */ w("p", {
+						className: "type-body",
+						children: [/* @__PURE__ */ w("span", {
+							className: "type-label",
+							children: [o.scope, ": "]
+						}), r.request.step.scope]
+					}),
+					r.phase === "approval" && /* @__PURE__ */ C("p", {
+						className: "type-caption text-fg-subtle",
+						children: o.approvalHint
+					})
+				]
+			}),
+			r.progress && /* @__PURE__ */ C("p", {
+				role: "status",
+				className: "mt-4 type-body",
+				children: r.progress
+			}),
+			r.phase === "uncertain" && /* @__PURE__ */ C(n, {
+				tone: "attention",
+				className: "mt-4",
+				children: o.unknown
+			}),
+			r.reason && /* @__PURE__ */ C(n, {
+				tone: "error",
+				className: "mt-4",
+				children: r.reason
+			}),
+			r.phase === "expired" && /* @__PURE__ */ C(n, {
+				tone: "attention",
+				className: "mt-4",
+				children: o.expires
+			}),
+			r.phase === "denied" && /* @__PURE__ */ C("p", {
+				className: "mt-4 type-body",
+				children: o.denied
+			}),
+			r.phase === "complete" && /* @__PURE__ */ C("p", {
+				className: "mt-4 type-body",
+				children: o.complete
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mt-6 flex flex-wrap gap-3",
+				children: [
+					r.phase === "ready" && /* @__PURE__ */ C(e, {
+						onPress: () => a.next(),
+						children: o.request
+					}),
+					r.phase === "approval" && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(e, {
+						variant: "primary",
+						onPress: () => a.approve(),
+						children: o.allow
+					}), /* @__PURE__ */ C(e, {
+						onPress: () => a.deny(),
+						children: o.deny
+					})] }),
+					r.phase === "running" && /* @__PURE__ */ C(e, {
+						onPress: () => a.stop(),
+						children: o.stop
+					}),
+					r.phase === "uncertain" && /* @__PURE__ */ C(e, {
+						onPress: () => a.check(),
+						children: o.check
+					}),
+					(r.phase === "failed" || r.phase === "expired") && /* @__PURE__ */ C(e, {
+						onPress: () => a.renew(),
+						children: o.renew
+					}),
+					r.phase === "checking" && /* @__PURE__ */ C(t, {})
+				]
+			})
+		]
+	});
+}
+function ve({ controller: e, label: t }) {
+	let n = J();
+	return t ??= n.artifact, /* @__PURE__ */ C(r, { children: /* @__PURE__ */ C(ye, {
+		controller: e,
+		label: t
+	}) });
+}
+function ye({ controller: e, label: t }) {
+	let n = J(), r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ C($, {
+		phase: `artifact-${r.record?.revision ?? "idle"}-${r.phase}`,
+		label: n.artifactStates[r.phase],
+		children: /* @__PURE__ */ C(be, {
+			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,
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ C("h2", {
+					className: "type-heading text-fg-emphasis",
+					children: d?.title ?? i
+				}), /* @__PURE__ */ C("span", {
+					role: "status",
+					className: "type-caption text-fg-subtle",
+					children: s.artifactStates[r.phase]
+				})]
+			}),
+			(r.phase === "loading" || r.phase === "checking") && /* @__PURE__ */ C(t, {}),
+			r.phase === "idle" && /* @__PURE__ */ C("p", {
+				className: "mt-4 type-body",
+				children: s.idleArtifact
+			}),
+			r.phase === "load-error" && /* @__PURE__ */ C(n, {
+				tone: "error",
+				className: "mt-4",
+				actions: /* @__PURE__ */ C(e, {
+					size: "sm",
+					onPress: () => r.loadId && a.open(r.loadId),
+					children: s.retry
+				}),
+				children: s.loadError
+			}),
+			d && /* @__PURE__ */ w("div", {
+				className: "mt-4 flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ w(f, { children: [
+						s.revision,
+						": ",
+						d.revision
+					] }),
+					r.phase === "viewing" && d.history.length > 0 && /* @__PURE__ */ C(m, {
+						label: s.revision,
+						options: [{
+							id: d.revision,
+							label: d.revision
+						}, ...d.history.filter((e) => e.revision !== d.revision).map((e) => ({
+							id: e.revision,
+							label: e.revision
+						}))],
+						selectedKey: h?.revision ?? d.revision,
+						onSelectionChange: (e) => l(e === null ? void 0 : String(e))
+					}),
+					r.phase === "conflict" && r.latest ? /* @__PURE__ */ w(S, { children: [
+						/* @__PURE__ */ C(n, {
+							tone: "attention",
+							children: s.conflict
+						}),
+						/* @__PURE__ */ C(u, {
+							label: s.revision,
+							items: [{
+								id: "draft",
+								label: s.localDraft,
+								content: /* @__PURE__ */ C("pre", {
+									className: "type-body break-words whitespace-pre-wrap",
+									children: r.draft
+								})
+							}, {
+								id: "latest",
+								label: s.latest,
+								content: /* @__PURE__ */ C("pre", {
+									className: "type-body break-words whitespace-pre-wrap",
+									children: r.latest.content
+								})
+							}]
+						}),
+						/* @__PURE__ */ w("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
+							})]
+						})
+					] }) : r.phase === "viewing" ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("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,
+						multiline: !0,
+						value: r.draft,
+						onChange: (e) => a.edit(e),
+						isDisabled: r.phase !== "editing"
+					}),
+					r.reason && /* @__PURE__ */ C(n, {
+						tone: "error",
+						children: r.reason
+					}),
+					r.phase === "editing" && /* @__PURE__ */ w("div", {
+						className: "flex flex-wrap gap-3",
+						children: [/* @__PURE__ */ C(e, {
+							variant: "primary",
+							isDisabled: r.draft === d.content,
+							onPress: () => a.save(),
+							children: s.save
+						}), /* @__PURE__ */ C(e, {
+							onPress: () => a.discard(),
+							children: s.discard
+						})]
+					}),
+					r.phase === "unknown" && /* @__PURE__ */ C(n, {
+						tone: "attention",
+						actions: /* @__PURE__ */ C(e, {
+							onPress: () => a.check(),
+							children: s.check
+						}),
+						children: s.unknown
+					})
+				]
+			})
+		]
+	});
+}
+function xe({ controller: e, label: t }) {
+	let n = J();
+	t ??= n.feedback;
+	let r = b(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ C(Se, {
+		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,
+		children: [
+			/* @__PURE__ */ C(s, {
+				label: n,
+				options: [{
+					id: "helpful",
+					label: i.helpful
+				}, {
+					id: "unhelpful",
+					label: i.unhelpful
+				}],
+				value: t.rating ?? "",
+				onChange: (e) => r.edit(e),
+				isDisabled: a
+			}),
+			/* @__PURE__ */ C(o, {
+				className: "mt-4",
+				label: i.comment,
+				multiline: !0,
+				value: t.comment,
+				onChange: (e) => r.edit(t.rating, e),
+				isDisabled: a
+			}),
+			/* @__PURE__ */ C("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
+				})
+			}),
+			/* @__PURE__ */ C("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 : ""
+			})
+		]
+	});
+}
+function Ce({ controller: e, renderThread: t, label: n }) {
+	let r = J();
+	n ??= r.threads;
+	let i = b(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ C(we, {
+		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,
+		role: "group",
+		"aria-label": a,
+		tabIndex: -1,
+		className: "min-w-0 outline-none",
+		children: /* @__PURE__ */ w(p, {
+			"aria-label": a,
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ C("h2", {
+						className: "type-heading text-fg-emphasis",
+						children: a
+					}), /* @__PURE__ */ C(e, {
+						size: "sm",
+						isDisabled: _ && t.phase !== "idle",
+						onPress: () => r.refresh(),
+						children: s.refresh
+					})]
+				}),
+				/* @__PURE__ */ C(m, {
+					className: "mt-4",
+					label: a,
+					selectedKey: c,
+					onSelectionChange: (e) => l(String(e)),
+					options: [{
+						id: "active",
+						label: s.active
+					}, {
+						id: "archived",
+						label: s.archived
+					}]
+				}),
+				t.phase === "error" && /* @__PURE__ */ C(n, {
+					tone: "error",
+					className: "mt-4",
+					children: s.threadError
+				}),
+				/* @__PURE__ */ C("ul", {
+					className: "mt-4 flex flex-col gap-4",
+					children: b.map((n) => /* @__PURE__ */ w("li", {
+						className: "flex flex-col gap-3 rounded-control border border-line-subtle p-3",
+						children: [
+							/* @__PURE__ */ C(e, {
+								className: "justify-start text-left whitespace-normal",
+								isDisabled: ["listing", "mutating"].includes(t.phase),
+								onPress: () => {
+									r.open(n.id) && d(void 0);
+								},
+								children: n.title
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex flex-wrap gap-3",
+								children: [/* @__PURE__ */ C(e, {
+									size: "sm",
+									isDisabled: _,
+									onPress: () => {
+										d(n.id), h(n.title);
+									},
+									children: s.rename
+								}), /* @__PURE__ */ C(e, {
+									size: "sm",
+									isDisabled: _,
+									onPress: () => {
+										r.archive(n.id, !n.archived) && g.current?.focus({ preventScroll: !0 });
+									},
+									children: n.archived ? s.restore : s.archive
+								})]
+							}),
+							u === n.id && /* @__PURE__ */ w("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
+								})]
+							})
+						]
+					}, n.id))
+				}),
+				!b.length && t.phase !== "idle" && /* @__PURE__ */ C("p", {
+					className: "mt-4 type-body text-fg-subtle",
+					children: s.noThreads
+				}),
+				/* @__PURE__ */ C("div", {
+					role: "status",
+					className: "mt-4 type-caption text-fg-subtle",
+					children: _ && t.phase !== "idle" ? s.loading : ""
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "mt-6 min-w-0",
+					children: t.selected ? i(t.selected) : /* @__PURE__ */ C("p", {
+						className: "type-body text-fg-subtle",
+						children: s.chooseThread
+					})
+				})
+			]
+		})
+	});
+}
+//#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 };