@superxd-studio/adptr 0.5.0

package/web/index.js

@@ -0,0 +1,931 @@
+"use client";
+import { i as e } from "../chunks/core-BCqVRLUy.js";
+import { D as t, O as n, S as r, _ as i, c as a, d as o, n as s, o as c, s as l, t as u, u as d, v as f, w as p, x as m } from "../chunks/callout-DKMHSnjc.js";
+import { c as h, d as g, f as _, h as v, l as y, m as b, n as x, p as S, r as C, u as w } from "../chunks/canvas-BJ15-XxE.js";
+import { ViewTransition as T, addTransitionType as E, createContext as D, startTransition as O, useEffect as k, useId as A, useLayoutEffect as ee, useRef as j, useState as M, useSyncExternalStore as N } from "react";
+import { Button as P, Checkbox as F, Disclosure as I, DisclosurePanel as L, FileTrigger as te, Label as ne, TextArea as re, TextField as ie } from "react-aria-components";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+//#region src/components/thinking.tsx
+function ae({ className: e }) {
+	return /* @__PURE__ */ z("span", {
+		"aria-hidden": "true",
+		className: n("thinking-matrix", e),
+		children: Array.from({ length: 9 }, (e, t) => /* @__PURE__ */ z("i", {}, t))
+	});
+}
+//#endregion
+//#region src/reusable/web/attachments/copy.ts
+var V = {
+	label: "Attachments",
+	add: "Add files",
+	empty: "No files attached",
+	uploading: "Uploading",
+	ready: "Ready",
+	error: "Upload failed",
+	cancelled: "Upload stopped",
+	rejected: "Can’t attach this file",
+	remove: "Remove",
+	retry: "Retry upload",
+	cancel: "Stop upload",
+	type: "Choose a supported file type.",
+	size: "This file is empty or exceeds the size limit.",
+	count: "The file limit is reached. Remove a file before adding more.",
+	failed: "The file couldn’t upload. Retry or remove it; your message is still here.",
+	unavailable: "File uploads aren’t available in this connection.",
+	selected: "files selected",
+	image: "Image",
+	document: "Document",
+	file: "File"
+};
+//#endregion
+//#region src/reusable/web/attachments/index.tsx
+function H(e) {
+	return N(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+function U({ items: i, variant: a = "list", className: o, copy: l = V, previewImages: u = !1, onRemove: d, onRetry: p, onCancel: m }) {
+	return i.length ? /* @__PURE__ */ z("ul", {
+		"aria-label": l.label,
+		className: n("min-w-0 list-none p-0", a === "grid" ? "flex flex-wrap gap-3" : a === "inline" ? "flex flex-wrap gap-2" : "flex flex-col gap-2", o),
+		children: i.map((i) => {
+			let o = ["image/png", "image/jpeg"].includes(i.mediaType), h;
+			if (u && o && i.file) try {
+				h = e(i.file).url;
+			} catch {}
+			let g = o ? l.image : ["application/pdf", "text/plain"].includes(i.mediaType) ? l.document : l.file, _ = i.size < 1e3 ? `${i.size} B` : i.size < 1e6 ? `${Math.ceil(i.size / 1e3)} KB` : `${(i.size / 1e6).toFixed(1)} MB`;
+			return /* @__PURE__ */ B("li", {
+				className: n("flex min-w-0 flex-wrap gap-3 rounded-control border bg-surface px-control-md-x py-control-y", a === "inline" && "max-w-full", a === "grid" && "max-w-full grow basis-64 flex-col flex-nowrap", ["error", "rejected"].includes(i.status) ? "border-error-line" : "border-line-subtle"),
+				children: [
+					h ? /* @__PURE__ */ z("img", {
+						src: h,
+						alt: "",
+						loading: "lazy",
+						referrerPolicy: "no-referrer",
+						className: n("size-12 shrink-0 rounded-cell object-cover", a === "grid" && "h-32 w-full")
+					}) : /* @__PURE__ */ z("span", {
+						className: "flex size-control-sm shrink-0 items-center justify-center rounded-cell bg-surface-muted text-fg-subtle",
+						children: /* @__PURE__ */ z(f, {})
+					}),
+					/* @__PURE__ */ B("div", {
+						className: n("flex min-w-32 flex-1 flex-col gap-1", a === "grid" && "w-full min-w-0"),
+						children: [
+							/* @__PURE__ */ z("p", {
+								title: i.name,
+								className: "truncate type-label text-fg-emphasis",
+								children: i.name
+							}),
+							/* @__PURE__ */ B("p", {
+								className: "type-caption text-fg-subtle",
+								children: [
+									g,
+									" · ",
+									_
+								]
+							}),
+							/* @__PURE__ */ B("p", {
+								className: "flex items-center gap-2 type-caption text-fg-subtle",
+								children: [i.status === "uploading" ? /* @__PURE__ */ z(c, {}) : null, l[i.status]]
+							}),
+							i.issue ? /* @__PURE__ */ z("p", {
+								className: "type-caption wrap-anywhere text-error",
+								children: l[i.issue]
+							}) : null
+						]
+					}),
+					d || p && ["error", "cancelled"].includes(i.status) || m && i.status === "uploading" ? /* @__PURE__ */ B("div", {
+						className: "ml-auto flex shrink-0 items-start gap-1",
+						children: [
+							m && i.status === "uploading" ? /* @__PURE__ */ z(s, {
+								size: "sm",
+								variant: "ghost",
+								"aria-label": `${l.cancel}: ${i.name}`,
+								onPress: () => m(i.id),
+								children: l.cancel
+							}) : null,
+							p && ["error", "cancelled"].includes(i.status) ? /* @__PURE__ */ z(s, {
+								size: "icon-sm",
+								variant: "ghost",
+								"aria-label": `${l.retry}: ${i.name}`,
+								onPress: () => p(i.id),
+								children: /* @__PURE__ */ z(r, {})
+							}) : null,
+							d ? /* @__PURE__ */ z(s, {
+								size: "icon-sm",
+								variant: "ghost",
+								"aria-label": `${l.remove}: ${i.name}`,
+								onPress: () => d(i.id),
+								children: /* @__PURE__ */ z(t, {})
+							}) : null
+						]
+					}) : null
+				]
+			}, i.id);
+		})
+	}) : /* @__PURE__ */ z("p", {
+		className: n("type-caption text-fg-subtle", o),
+		children: l.empty
+	});
+}
+function W({ controller: e, isDisabled: t, description: r, copy: i = V, className: a }) {
+	let o = H(e), c = j(null);
+	return /* @__PURE__ */ B("div", {
+		className: n("flex min-w-0 flex-col gap-3", a),
+		children: [
+			/* @__PURE__ */ B("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ z(te, {
+					acceptedFileTypes: [...e.policy.mediaTypes],
+					allowsMultiple: !0,
+					onSelect: (n) => {
+						n && !t && e.add(Array.from(n).map((e) => ({
+							name: e.name,
+							mediaType: e.type,
+							size: e.size,
+							data: e
+						})));
+					},
+					children: /* @__PURE__ */ B(s, {
+						ref: c,
+						size: "sm",
+						isDisabled: t,
+						children: [/* @__PURE__ */ z(m, {}), i.add]
+					})
+				}), /* @__PURE__ */ z("p", {
+					className: "type-caption text-fg-subtle",
+					children: r
+				})]
+			}),
+			o.items.length ? /* @__PURE__ */ z(U, {
+				items: o.items,
+				onRemove: (t) => {
+					e.remove(t), c.current?.focus();
+				},
+				onRetry: (t) => {
+					e.retry(t), c.current?.focus();
+				},
+				onCancel: (t) => {
+					e.cancel(t), c.current?.focus();
+				}
+			}) : null,
+			/* @__PURE__ */ z("p", {
+				role: "status",
+				"aria-live": "polite",
+				className: n("type-caption text-error", !o.issue && "sr-only"),
+				children: o.issue ? i[o.issue] : o.items.length ? `${o.items.length} ${i.selected}. ${o.items.map((e) => `${e.name}: ${i[e.status]}`).join(". ")}` : ""
+			})
+		]
+	});
+}
+//#endregion
+//#region src/reusable/web/copy.ts
+var oe = {
+	label: "Conversation",
+	emptyTitle: "What are you working on?",
+	emptyNote: "Start with a question, an idea or something you want to make clearer.",
+	user: "You",
+	assistant: "Assistant",
+	input: "Message",
+	placeholder: "Ask a question or describe what you need",
+	send: "Send message",
+	stop: "Stop response",
+	retry: "Restart response",
+	hint: "Enter to send · Shift + Enter for a new line",
+	touchHint: "Use Send to submit your message",
+	idle: "",
+	waiting: "Preparing a response",
+	streaming: "Responding",
+	complete: "Response ready",
+	cancelled: "Response stopped. Your partial response is still here.",
+	error: "The response couldn’t finish. Your message is still here.",
+	interrupted: "The connection ended before the response finished. Restart to try again."
+}, G = {
+	forward: "flow-forward",
+	back: "flow-back",
+	swap: "flow-swap"
+};
+function K(e, t) {
+	return t > e ? G.forward : t < e ? G.back : null;
+}
+function q(e, t, n = O) {
+	if (!e) return t();
+	n(() => {
+		E(e), t();
+	});
+}
+var J = (e, t) => ({
+	[G.forward]: `flow-motion ${e}`,
+	[G.back]: `flow-motion ${e}`,
+	[G.swap]: `flow-motion ${t}`,
+	default: "none"
+});
+function Y({ children: e }) {
+	return /* @__PURE__ */ z(T, {
+		default: "none",
+		update: J("flow-card", "flow-card"),
+		children: e
+	});
+}
+function X({ children: e }) {
+	return /* @__PURE__ */ z(T, {
+		default: "none",
+		enter: J("flow-in", "flow-in-swap"),
+		exit: J("flow-out", "flow-out-swap"),
+		children: e
+	});
+}
+D(null);
+//#endregion
+//#region src/reusable/web/review/copy.ts
+var Z = {
+	proposed: "Proposed changes",
+	before: "Current",
+	after: "Proposed",
+	reason: "Why this change",
+	applied: "Applied",
+	unchanged: "Unchanged",
+	viewChange: (e) => `View change: ${e}`,
+	selectChange: (e) => `Select change: ${e}`,
+	selected: (e, t) => `${e} of ${t} selected`,
+	review: (e) => `Review ${e} change${e === 1 ? "" : "s"}`,
+	apply: (e) => `Apply ${e} change${e === 1 ? "" : "s"}`,
+	complete: (e) => `${e} change${e === 1 ? "" : "s"} applied`,
+	kept: (e) => `${e} change${e === 1 ? "" : "s"} left unchanged.`,
+	confirm: "Confirm your decision",
+	summary: "Your selection",
+	target: "Apply to",
+	applying: "Applying",
+	checking: "Checking status",
+	noSelection: "Choose the changes you want to keep.",
+	approvalNote: "Only these changes will be applied. The rest stay as they are.",
+	deny: "Decline all",
+	declineRemaining: "Decline remaining",
+	declineRemainingTitle: "Decline the remaining changes?",
+	declineRemainingNote: "Applied changes are kept. The remaining changes will stay as they were.",
+	denyConfirm: "Decline these changes?",
+	denyAction: "Decline changes",
+	denyNote: "The current draft will stay as it is.",
+	denied: "Changes declined",
+	deniedNote: "The draft is unchanged.",
+	back: "Back to review",
+	retry: "Try again",
+	check: "Check status",
+	reload: "Review latest draft",
+	loading: "Preparing your review",
+	loadingNote: "The proposed changes are being loaded.",
+	loadError: "The review couldn’t be loaded.",
+	loadErrorNote: "Try again to see the proposed changes.",
+	uncertain: "Let’s check what happened.",
+	uncertainNote: "Your decision may have reached the server. Check its status before trying again. Your choices are kept.",
+	notApplied: "No changes recorded yet.",
+	notAppliedNote: "Your choices are kept. You can check again or confirm the same decision.",
+	conflict: "The draft has changed.",
+	conflictNote: "Nothing from this decision was applied. Review the latest draft before deciding again.",
+	blocked: "You can view this review.",
+	blockedNote: "You don’t have permission to apply or decline these changes.",
+	partial: (e, t) => `${e} applied · ${t} still to review`,
+	partialNote: "The applied changes are kept. Review the remaining changes before trying them again.",
+	empty: "No changes to review",
+	emptyNote: "The current draft is unchanged.",
+	unavailable: "Review not available",
+	announcement: {
+		ready: "Changes ready to review.",
+		confirming: "Decision ready to confirm.",
+		submitting: "Applying your decision.",
+		checking: "Checking your decision’s status.",
+		partial: "Some changes were applied. Review the remaining changes.",
+		complete: "Selected changes applied.",
+		denied: "Changes declined. The draft is unchanged.",
+		conflict: "The draft changed. Review it again.",
+		blocked: "You do not have permission to decide.",
+		uncertain: "Check status before retrying your decision.",
+		"load-error": "The review could not be loaded.",
+		loading: "Preparing your review.",
+		idle: ""
+	}
+}, Q = {
+	idle: 0,
+	loading: 0,
+	"load-error": 0,
+	ready: 1,
+	partial: 1,
+	conflict: 1,
+	blocked: 1,
+	confirming: 2,
+	submitting: 2,
+	checking: 2,
+	uncertain: 2,
+	complete: 3,
+	denied: 3
+}, $ = /* @__PURE__ */ new Set([
+	"ready",
+	"confirming",
+	"complete",
+	"denied"
+]);
+function se(e, t) {
+	return $.has(t) ? K(Q[e], Q[t]) : null;
+}
+//#endregion
+//#region src/reusable/web/review/index.tsx
+function ce({ change: e, isSelected: t = !1, onSelectionChange: r, isDisabled: i = !1, isApplied: a = !1, isExpanded: s = !0, onExpandedChange: c, comparison: l = "stacked", copy: u = Z }) {
+	return /* @__PURE__ */ B(I, {
+		isExpanded: s,
+		onExpandedChange: c,
+		className: n("min-w-0 overflow-hidden rounded-surface border bg-surface shadow-control", t ? "border-line-emphasis" : "border-line-subtle"),
+		children: [/* @__PURE__ */ B("div", {
+			className: "flex min-w-0 items-center gap-3 px-5 py-4",
+			children: [
+				/* @__PURE__ */ B(F, {
+					isSelected: a || t,
+					onChange: r,
+					isDisabled: i || a || !r,
+					"aria-label": u.selectChange(e.title),
+					className: "group flex min-h-control-md min-w-0 flex-1 cursor-pointer items-center gap-3 rounded-control type-label text-fg-emphasis outline-none data-disabled:cursor-default data-focus-visible:focus-ring",
+					children: [/* @__PURE__ */ z("span", {
+						className: n("grid size-5 shrink-0 place-items-center rounded-control border", t ? "border-brand bg-brand text-on-brand" : "border-line-emphasis bg-surface", a && "border-success-line bg-success-subtle text-success"),
+						children: a || t ? /* @__PURE__ */ z(d, { className: "size-3.5" }) : null
+					}), /* @__PURE__ */ z("span", {
+						className: "min-w-0 break-words",
+						children: e.title
+					})]
+				}),
+				a ? /* @__PURE__ */ z("span", {
+					className: "rounded-pill bg-success-subtle px-2.5 py-1 type-caption text-success",
+					children: u.applied
+				}) : null,
+				/* @__PURE__ */ z(P, {
+					slot: "trigger",
+					"aria-label": u.viewChange(e.title),
+					className: "grid size-control-md shrink-0 place-items-center rounded-control text-fg-subtle outline-none data-focus-visible:focus-ring data-hovered:bg-surface-muted",
+					children: /* @__PURE__ */ z(o, { className: n("transition-transform duration-(--duration-fast) ease-standard", s && "rotate-180") })
+				})
+			]
+		}), /* @__PURE__ */ B(L, {
+			className: "border-t border-line-subtle",
+			children: [/* @__PURE__ */ B("div", {
+				className: n("grid min-w-0", l === "columns" && "grid-cols-2"),
+				children: [/* @__PURE__ */ z(le, {
+					label: u.before,
+					muted: !0,
+					children: e.before
+				}), /* @__PURE__ */ z(le, {
+					label: u.after,
+					children: e.after
+				})]
+			}), /* @__PURE__ */ B("p", {
+				className: "border-t border-line-subtle px-5 py-3 type-caption text-fg-subtle",
+				children: [/* @__PURE__ */ B("span", {
+					className: "sr-only",
+					children: [u.reason, ": "]
+				}), e.reason]
+			})]
+		})]
+	});
+}
+function le({ label: e, children: t, muted: r = !1 }) {
+	return /* @__PURE__ */ B("div", {
+		className: n("min-w-0 px-5 py-4", r ? "bg-surface-muted" : "bg-surface"),
+		children: [/* @__PURE__ */ z("p", {
+			className: "mb-2 font-mono type-caption text-fg-subtle",
+			children: e
+		}), /* @__PURE__ */ z("p", {
+			className: "type-body break-words text-fg",
+			children: t
+		})]
+	});
+}
+function ue({ snapshot: e, headingLevel: t = 2, onReview: n, onDecline: r, onConfirm: i, onBack: a, onRecover: o, onReload: c, copy: l = Z }) {
+	let f = t === 2 ? "h2" : "h3", { record: p, decision: m, status: h } = e, g = m?.changeIds ?? e.selectedIds, _ = p?.remainingIds.length ?? 0, v = h === "confirming" || h === "submitting", y = m?.choice === "deny", b = v ? y ? p?.appliedIds.length ? l.declineRemainingTitle : l.denyConfirm : l.confirm : h === "complete" ? l.complete(p?.appliedIds.length ?? 0) : h === "denied" ? l.denied : l.summary, x = h === "ready" || h === "partial", S = h === "complete", C = v ? "confirm" : S || h === "denied" ? "outcome" : "choose";
+	return /* @__PURE__ */ z(Y, { children: /* @__PURE__ */ z("section", {
+		"aria-label": l.summary,
+		className: "min-w-0 rounded-surface border border-line-subtle bg-surface p-5",
+		children: /* @__PURE__ */ z(X, { children: /* @__PURE__ */ B("div", {
+			className: "flex min-w-0 flex-col gap-5",
+			children: [
+				/* @__PURE__ */ B("div", {
+					className: "flex items-center gap-3",
+					children: [S ? /* @__PURE__ */ z("span", {
+						className: "flex size-8 shrink-0 animate-done-in items-center justify-center rounded-pill bg-done text-on-done",
+						children: /* @__PURE__ */ z(d, { className: "animate-done-in [animation-delay:var(--duration-pop)]" })
+					}) : null, /* @__PURE__ */ z(f, {
+						tabIndex: -1,
+						"data-review-focus": !0,
+						className: "type-heading text-fg-emphasis outline-none",
+						children: b
+					})]
+				}),
+				p && !["complete", "denied"].includes(h) ? /* @__PURE__ */ B("div", {
+					className: "flex min-w-0 flex-col gap-1",
+					children: [/* @__PURE__ */ z("p", {
+						className: "font-mono type-caption text-fg-subtle",
+						children: l.target
+					}), /* @__PURE__ */ z("p", {
+						className: "type-label break-words text-fg-emphasis",
+						children: p.proposal.destination
+					})]
+				}) : null,
+				x || v && !y ? /* @__PURE__ */ B("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ z("p", {
+							className: "type-label text-fg-emphasis",
+							children: l.selected(g.length, _)
+						}),
+						g.length ? /* @__PURE__ */ z("ul", {
+							className: "flex flex-col gap-2 type-body text-fg",
+							children: p?.proposal.changes.filter((e) => g.includes(e.id)).map((e) => /* @__PURE__ */ B("li", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ z(d, { className: "mt-0.5" }), /* @__PURE__ */ z("span", {
+									className: "min-w-0 break-words",
+									children: e.title
+								})]
+							}, e.id))
+						}) : /* @__PURE__ */ z("p", {
+							className: "type-body text-fg-subtle",
+							children: l.noSelection
+						}),
+						v ? /* @__PURE__ */ z("p", {
+							className: "type-body text-fg-subtle",
+							children: l.approvalNote
+						}) : null
+					]
+				}) : null,
+				v && y ? /* @__PURE__ */ z("p", {
+					className: "type-body text-fg-subtle",
+					children: p?.appliedIds.length ? l.declineRemainingNote : l.denyNote
+				}) : null,
+				e.issue === "not-applied" ? /* @__PURE__ */ z(u, {
+					tone: "attention",
+					title: l.notApplied,
+					children: l.notAppliedNote
+				}) : null,
+				h === "uncertain" || h === "checking" ? /* @__PURE__ */ z(u, {
+					tone: "attention",
+					title: l.uncertain,
+					children: l.uncertainNote
+				}) : null,
+				h === "conflict" ? /* @__PURE__ */ z(u, {
+					tone: "attention",
+					title: l.conflict,
+					children: l.conflictNote
+				}) : null,
+				h === "blocked" ? /* @__PURE__ */ z(u, {
+					title: l.blocked,
+					children: l.blockedNote
+				}) : null,
+				h === "partial" ? /* @__PURE__ */ z(u, {
+					tone: "attention",
+					title: l.partial(p?.appliedIds.length ?? 0, _),
+					children: l.partialNote
+				}) : null,
+				h === "complete" ? /* @__PURE__ */ z(u, {
+					tone: "success",
+					children: l.kept((p?.proposal.changes.length ?? 0) - (p?.appliedIds.length ?? 0))
+				}) : null,
+				h === "denied" ? /* @__PURE__ */ z("p", {
+					className: "type-body text-fg-subtle",
+					children: l.deniedNote
+				}) : null,
+				/* @__PURE__ */ B("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						x ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(s, {
+							variant: "primary",
+							isDisabled: !e.selectedIds.length,
+							onPress: n,
+							children: l.review(e.selectedIds.length)
+						}), /* @__PURE__ */ z(s, {
+							variant: "ghost",
+							onPress: r,
+							children: p?.appliedIds.length ? l.declineRemaining : l.deny
+						})] }) : null,
+						v ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(s, {
+							variant: "primary",
+							isPending: h === "submitting",
+							pendingLabel: l.applying,
+							onPress: i,
+							children: y ? l.denyAction : l.apply(g.length)
+						}), e.issue === "not-applied" ? /* @__PURE__ */ z(s, {
+							variant: "secondary",
+							onPress: o,
+							children: l.check
+						}) : /* @__PURE__ */ z(s, {
+							variant: "ghost",
+							isDisabled: h === "submitting",
+							onPress: a,
+							children: l.back
+						})] }) : null,
+						h === "uncertain" || h === "checking" ? /* @__PURE__ */ z(s, {
+							isPending: h === "checking",
+							pendingLabel: l.checking,
+							onPress: o,
+							children: l.check
+						}) : null,
+						h === "conflict" ? /* @__PURE__ */ z(s, {
+							onPress: c,
+							children: l.reload
+						}) : null
+					]
+				})
+			]
+		}) }, C)
+	}) });
+}
+function de(e) {
+	let t = N(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return k(() => {
+		e.load();
+	}, [e]), t;
+}
+function fe(e) {
+	let [t, n] = M(e.getSnapshot);
+	return k(() => {
+		let t = e.getSnapshot(), r = () => {
+			let r = e.getSnapshot(), i = se(t.status, r.status);
+			t = r, q(i, () => n(r));
+		}, i = e.subscribe(r);
+		return r(), e.load(), i;
+	}, [e]), t;
+}
+function pe(e) {
+	return /* @__PURE__ */ z(x, { children: /* @__PURE__ */ z(me, { ...e }) });
+}
+function me({ controller: e, copy: t = Z, className: r }) {
+	let i = fe(e), a = j(null), o = j(!1), [l, d] = M(!1), [f, p] = M({}), m = A();
+	k(() => {
+		if (!a.current) return;
+		let e = a.current, t = new ResizeObserver(([t]) => {
+			let n = Number.parseFloat(getComputedStyle(document.documentElement).fontSize), r = Number.parseFloat(getComputedStyle(e).getPropertyValue("--breakpoint-md")) || 48;
+			d((t?.contentRect.width ?? 0) >= r * n);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), ee(() => {
+		o.current && ![
+			"submitting",
+			"checking",
+			"loading"
+		].includes(i.status) && ((a.current?.contains(document.activeElement) || document.activeElement === document.body) && a.current?.querySelector("[data-review-focus]")?.focus(), o.current = !1);
+	}, [i.status]);
+	function g(e) {
+		e() && (o.current = !0);
+	}
+	let { record: _, status: v } = i, y = v === "idle" || v === "loading" ? "loading" : v === "load-error" ? "error" : "review", b = [
+		"idle",
+		"loading",
+		"submitting",
+		"checking"
+	].includes(v), x = {
+		idle: h.loading,
+		loading: h.loading,
+		ready: h.review,
+		confirming: h.confirm,
+		submitting: h.applying,
+		checking: h.checking,
+		"load-error": h.failed,
+		uncertain: h.uncertain,
+		conflict: h.conflict,
+		blocked: h.blocked,
+		partial: h.partial,
+		complete: h.complete,
+		denied: h.denied
+	}[v];
+	return /* @__PURE__ */ z(C, {
+		phase: `review-${v}-${i.issue ?? ""}`,
+		frameClassName: r,
+		label: x,
+		terminal: v === "complete" || v === "denied",
+		children: /* @__PURE__ */ B("div", {
+			ref: a,
+			className: n("@container w-full min-w-0 text-fg", r),
+			"aria-busy": b,
+			"data-review-status": v,
+			children: [
+				/* @__PURE__ */ z("p", {
+					className: "sr-only",
+					role: "status",
+					"aria-live": "polite",
+					children: t.announcement[v]
+				}),
+				/* @__PURE__ */ B("header", {
+					className: "mb-6 flex flex-col gap-2",
+					children: [/* @__PURE__ */ z("p", {
+						className: "font-mono type-caption text-fg-subtle",
+						children: t.proposed
+					}), /* @__PURE__ */ z("h2", {
+						id: m,
+						className: "type-title text-fg-emphasis",
+						children: _?.proposal.title ?? t.loading
+					})]
+				}),
+				/* @__PURE__ */ z(X, { children: /* @__PURE__ */ z("div", {
+					className: "min-w-0",
+					children: v === "idle" || v === "loading" ? /* @__PURE__ */ B("div", {
+						className: "flex min-h-64 items-center justify-center gap-3 rounded-surface border border-line-subtle bg-surface",
+						children: [/* @__PURE__ */ z(c, {}), /* @__PURE__ */ z("p", {
+							className: "type-body text-fg-subtle",
+							children: t.loadingNote
+						})]
+					}) : v === "load-error" ? /* @__PURE__ */ z(u, {
+						tone: "error",
+						title: t.loadError,
+						actions: /* @__PURE__ */ z(s, {
+							onPress: () => g(e.load),
+							children: t.retry
+						}),
+						children: t.loadErrorNote
+					}) : _ && !_.proposal.changes.length ? /* @__PURE__ */ z(u, {
+						title: t.empty,
+						children: t.emptyNote
+					}) : /* @__PURE__ */ B("div", {
+						className: "grid min-w-0 items-start gap-6 @3xl:grid-cols-3",
+						children: [/* @__PURE__ */ z("div", {
+							className: "flex min-w-0 flex-col gap-3 @3xl:col-span-2",
+							children: /* @__PURE__ */ z("ul", {
+								"aria-labelledby": m,
+								className: "flex min-w-0 flex-col gap-3",
+								children: _?.proposal.changes.map((n) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ z(ce, {
+									change: n,
+									isSelected: i.selectedIds.includes(n.id),
+									isApplied: _.appliedIds.includes(n.id),
+									isDisabled: !["ready", "partial"].includes(v) || !_.remainingIds.includes(n.id),
+									onSelectionChange: (t) => e.select(n.id, t),
+									isExpanded: f[n.id] ?? !0,
+									onExpandedChange: (e) => p((t) => ({
+										...t,
+										[n.id]: e
+									})),
+									comparison: l ? "columns" : "stacked",
+									copy: t
+								}) }, `${_.proposal.id}-${n.id}`))
+							})
+						}), /* @__PURE__ */ z("div", {
+							className: "min-w-0 @3xl:sticky @3xl:top-6",
+							children: /* @__PURE__ */ z(ue, {
+								snapshot: i,
+								headingLevel: 3,
+								onReview: () => g(() => e.prepare("approve")),
+								onDecline: () => g(() => e.prepare("deny")),
+								onConfirm: () => g(e.submit),
+								onBack: () => g(e.back),
+								onRecover: () => g(e.recover),
+								onReload: () => g(e.load),
+								copy: t
+							})
+						})]
+					})
+				}) }, y)
+			]
+		})
+	});
+}
+//#endregion
+//#region src/reusable/web/index.tsx
+function he(e) {
+	return N(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+function ge({ snapshot: e, actions: t, copy: o = oe, className: c, renderMessage: d, footer: f, attachmentPicker: m, draftFiles: h = [], isAttachmentBlocked: x = !1, onSent: C, messageCopy: w = v, writeText: T, scrollable: E = !1, autoScroll: D = !0, suggestions: O = [], defaultDraft: k = "", defaultEditing: N }) {
+	let [P, F] = M(k), [I, L] = M(N), [te, R] = M(!1), V = j(null), H = j(null), W = j(D), [G, K] = M(!1);
+	ee(() => {
+		E && D && W.current && H.current && (H.current.scrollTop = H.current.scrollHeight);
+	}, [
+		e.messages,
+		e.status,
+		E,
+		D
+	]);
+	let q = () => {
+		W.current = !0, K(!1), H.current && (H.current.scrollTop = H.current.scrollHeight);
+	}, J = () => V.current?.querySelector("[data-chat-composer] textarea")?.focus({ preventScroll: !0 }), Y = () => {
+		L(void 0), window.requestAnimationFrame(J);
+	}, X = A(), Z = A(), Q = e.status === "waiting" || e.status === "streaming", $ = [
+		"error",
+		"interrupted",
+		"cancelled"
+	].includes(e.status), se = () => {
+		x || Q || t.send(P, h) && (F(""), q(), C?.());
+	};
+	return /* @__PURE__ */ B("section", {
+		ref: V,
+		"aria-labelledby": X,
+		className: n("relative flex min-w-0 flex-col gap-6 rounded-surface bg-surface p-4 sm:p-6", E && "h-conversation", c),
+		children: [
+			/* @__PURE__ */ z("h2", {
+				id: X,
+				className: "sr-only",
+				children: o.label
+			}),
+			/* @__PURE__ */ z("div", {
+				ref: H,
+				role: E ? "region" : void 0,
+				"aria-label": E ? `${w.transcript}: ${o.label}` : void 0,
+				tabIndex: E ? 0 : void 0,
+				onScroll: () => {
+					let e = H.current;
+					if (!e) return;
+					let t = e.scrollHeight - e.scrollTop - e.clientHeight < 24;
+					W.current = t, K(!t);
+				},
+				className: n("min-w-0", E && "min-h-0 flex-1 overflow-x-hidden overflow-y-auto rounded-cell outline-none focus-visible:focus-ring"),
+				children: e.messages.length ? /* @__PURE__ */ z("ol", {
+					className: "flex min-w-0 list-none flex-col gap-6 p-0",
+					children: e.messages.map((a, c) => /* @__PURE__ */ B("li", {
+						"aria-label": a.role === "user" ? o.user : o.assistant,
+						className: "flex min-w-0 flex-col gap-2",
+						children: [
+							/* @__PURE__ */ z("p", {
+								className: "font-mono type-caption text-fg-subtle",
+								children: a.role === "user" ? o.user : o.assistant
+							}),
+							I === a.id && t.edit ? /* @__PURE__ */ z(_, {
+								autoFocus: te,
+								text: a.text,
+								hasFiles: !!a.files?.length,
+								isDisabled: Q,
+								onCancel: Y,
+								copy: w,
+								onSave: (e) => {
+									let n = t.edit?.(a.id, e) ?? !1;
+									return n && (Y(), q()), n;
+								}
+							}) : /* @__PURE__ */ B("div", {
+								className: n("min-w-0 type-body wrap-anywhere whitespace-pre-wrap text-fg-emphasis", a.role === "user" && "self-end rounded-surface bg-surface-muted px-control-md-x py-control-y"),
+								children: [d ? d(a) : a.role === "assistant" && e.status === "streaming" && c === e.messages.length - 1 ? /* @__PURE__ */ z(b, {
+									text: a.text,
+									copy: w,
+									writeText: T
+								}) : a.role === "assistant" ? /* @__PURE__ */ z(S, {
+									text: a.text,
+									isStreaming: Q,
+									copy: w,
+									writeText: T
+								}) : a.text, a.role === "assistant" && !a.text && Q ? /* @__PURE__ */ z(ae, {}) : null]
+							}),
+							a.files?.length ? /* @__PURE__ */ z(U, {
+								items: a.files.map((e) => ({
+									id: e.id,
+									name: e.name,
+									mediaType: e.mediaType,
+									size: e.size,
+									status: "ready",
+									file: e
+								})),
+								variant: "inline"
+							}) : null,
+							I === a.id ? null : /* @__PURE__ */ B("div", {
+								className: "flex min-w-0 flex-wrap items-center gap-1",
+								children: [
+									a.role === "assistant" && a.text ? /* @__PURE__ */ z(g, {
+										text: a.text,
+										iconOnly: !0,
+										isDisabled: Q,
+										copy: w,
+										writeText: T
+									}) : null,
+									a.role === "user" && e.capabilities.edit && t.edit ? /* @__PURE__ */ z(s, {
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": w.edit,
+										isDisabled: Q,
+										onPress: () => {
+											R(!0), L(a.id);
+										},
+										children: /* @__PURE__ */ z(i, {})
+									}) : null,
+									a.role === "assistant" && e.capabilities.regenerate && t.regenerate ? /* @__PURE__ */ z(s, {
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": w.regenerate,
+										isDisabled: Q,
+										onPress: () => {
+											t.regenerate?.(a.id) && (J(), q());
+										},
+										children: /* @__PURE__ */ z(r, {})
+									}) : null,
+									e.capabilities.branches && e.branches?.[a.id] && t.selectBranch ? /* @__PURE__ */ z(y, {
+										branch: e.branches[a.id] ?? {
+											index: 0,
+											count: 0
+										},
+										isDisabled: Q,
+										copy: w,
+										onPrevious: () => {
+											t.selectBranch?.(a.id, "previous") && J();
+										},
+										onNext: () => {
+											t.selectBranch?.(a.id, "next") && J();
+										}
+									}) : null
+								]
+							})
+						]
+					}, a.id))
+				}) : /* @__PURE__ */ B("div", {
+					className: "flex min-h-48 flex-col items-center justify-center gap-2 text-center",
+					children: [
+						/* @__PURE__ */ z("h3", {
+							className: "type-heading text-fg-emphasis",
+							children: o.emptyTitle
+						}),
+						/* @__PURE__ */ z("p", {
+							className: "max-w-sm type-body text-fg-subtle",
+							children: o.emptyNote
+						}),
+						O.length ? /* @__PURE__ */ z("div", {
+							className: "mt-3 flex flex-wrap justify-center gap-2",
+							children: O.map((t) => /* @__PURE__ */ z(s, {
+								size: "sm",
+								isDisabled: !e.capabilities.send,
+								className: "h-auto min-h-control-sm max-w-full py-2 whitespace-normal",
+								onPress: () => {
+									F(t), window.requestAnimationFrame(J);
+								},
+								children: t
+							}, t))
+						}) : null
+					]
+				})
+			}),
+			E && G ? /* @__PURE__ */ B(s, {
+				size: "sm",
+				className: "self-center shadow-control",
+				onPress: () => {
+					q(), J();
+				},
+				children: [/* @__PURE__ */ z(l, {}), w.latest]
+			}) : null,
+			/* @__PURE__ */ B("p", {
+				role: "status",
+				"aria-live": "polite",
+				className: n("flex items-center gap-2 font-mono type-caption text-fg-subtle", $ && "sr-only"),
+				children: [e.status === "complete" ? /* @__PURE__ */ z("span", {
+					"aria-hidden": "true",
+					className: "size-1.5 shrink-0 rounded-pill bg-done"
+				}) : null, o[e.status]]
+			}),
+			e.capabilities.attachments ? m : null,
+			$ ? /* @__PURE__ */ z(u, {
+				tone: e.status === "cancelled" ? "neutral" : "attention",
+				actions: e.capabilities.retry ? /* @__PURE__ */ z(s, {
+					size: "sm",
+					onPress: () => {
+						t.retry() && J();
+					},
+					children: o.retry
+				}) : void 0,
+				children: o[e.status]
+			}) : null,
+			/* @__PURE__ */ B("div", {
+				"data-chat-composer": !0,
+				className: "conversation-composer min-w-0 rounded-surface border border-line-input bg-surface shadow-control focus-within:border-line-emphasis has-data-focus-visible:border-focus has-data-focus-visible:ring-2 has-data-focus-visible:ring-focus/15",
+				children: [/* @__PURE__ */ B(ie, {
+					value: P,
+					onChange: F,
+					isDisabled: !e.capabilities.send || !!I,
+					className: "min-w-0",
+					children: [/* @__PURE__ */ z(ne, {
+						className: "sr-only",
+						children: o.input
+					}), /* @__PURE__ */ z(re, {
+						rows: 3,
+						maxLength: 2e4,
+						"aria-describedby": Z,
+						placeholder: o.placeholder,
+						className: "max-h-48 min-h-24 w-full resize-none rounded-surface bg-transparent px-control-md-x pt-control-y pb-2 type-body text-fg-emphasis outline-none placeholder:text-fg-subtle",
+						onKeyDown: (e) => {
+							e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !window.matchMedia("(pointer: coarse)").matches && (e.preventDefault(), !Q && !I && se());
+						}
+					})]
+				}), /* @__PURE__ */ B("div", {
+					className: "flex flex-wrap items-center justify-between gap-3 px-3 pb-3",
+					children: [/* @__PURE__ */ B("p", {
+						id: Z,
+						className: "conversation-key-hint type-caption text-fg-subtle",
+						children: [/* @__PURE__ */ z("span", {
+							className: "conversation-desktop-hint",
+							children: o.hint
+						}), /* @__PURE__ */ z("span", {
+							className: "conversation-touch-hint",
+							children: o.touchHint
+						})]
+					}), Q && e.capabilities.cancel ? /* @__PURE__ */ B(s, {
+						size: "sm",
+						className: "ml-auto",
+						onPress: () => {
+							t.cancel(), J();
+						},
+						children: [/* @__PURE__ */ z(p, {}), o.stop]
+					}) : /* @__PURE__ */ B(s, {
+						variant: "primary",
+						className: "ml-auto",
+						size: "sm",
+						isDisabled: Q || !!I || x || !P.trim() && !h.length || !e.capabilities.send,
+						onPress: se,
+						children: [/* @__PURE__ */ z(a, {}), o.send]
+					})]
+				})]
+			}),
+			f
+		]
+	});
+}
+//#endregion
+export { U as AttachmentList, W as AttachmentPicker, y as BranchPicker, ge as Chat, w as CodeBlock, g as CopyButton, pe as DraftReview, _ as MessageEditor, S as MessageMarkdown, ce as ReviewChangeCard, ue as ReviewDecisionPanel, b as StreamingMessage, V as attachmentCopy, v as messageCopy, Z as reviewCopy, H as useAttachments, he as useChatController, de as useReview };