@green-on-grey/ui-kit 1.4.0 → 1.5.0

package/dist/chat/Attachments.d.ts

@@ -29,6 +29,9 @@ export declare function AttachmentList({ items, load, onOpen }: {
     load?: LoadAttachment;
     onOpen?: (a: ChatAttachment) => void;
 }): import("react").JSX.Element;
+/** The width a previewed page is laid out at: the one of a desktop. A narrower frame shows it scaled down, so a
+ * page made for a screen (a deck of slides) is seen whole instead of cut. */
+export declare const PAGE_WIDTH = 1280;
 /** The preview of an attachment: an image, the browser's PDF viewer, drawn Markdown, a table or text. */
 export declare function AttachmentPreview({ a, load, onClose }: {
     a: ChatAttachment;

package/dist/chat.js

@@ -390,6 +390,35 @@ function V({ text: e, tab: t }) {
 		})]
 	});
 }
+var H = 1280;
+function U({ text: e, title: t }) {
+	let n = m(null), [r, i] = h(1);
+	d(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => i(Math.min(1, e.clientWidth / H));
+		if (t(), typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(t);
+		return r.observe(e), () => r.disconnect();
+	}, []);
+	let a = p(() => j(e), [e]);
+	return /* @__PURE__ */ c("div", {
+		className: "att-htmlbox",
+		ref: n,
+		children: /* @__PURE__ */ c("iframe", {
+			className: "att-html",
+			sandbox: "",
+			srcDoc: a,
+			title: t,
+			referrerPolicy: "no-referrer",
+			style: {
+				width: H,
+				height: `${100 / r}%`,
+				transform: `scale(${r})`
+			}
+		})
+	});
+}
 function te({ a: e, load: i, onClose: u }) {
 	let f = a(), { i18n: p } = g(o), m = T(e), _ = m === "markdown" || m === "table" || m === "html" || m === "text", [v, y] = h(!1), b = _ && (e.size ?? 0) > 1048576, { url: x, blob: S, failed: C } = L(e, i, !b), [w, E] = h(null), D = b || _ && (S?.size ?? 0) > 1048576;
 	d(() => {
@@ -444,12 +473,9 @@ function te({ a: e, load: i, onClose: u }) {
 	}) : m === "table" ? /* @__PURE__ */ c(V, {
 		text: O ?? "",
 		tab: /\.tsv$/i.test(e.fileName) || e.mimeType === "text/tab-separated-values"
-	}) : m === "html" && !v ? /* @__PURE__ */ c("iframe", {
-		className: "att-html",
-		sandbox: "",
-		srcDoc: j(O ?? ""),
-		title: e.fileName,
-		referrerPolicy: "no-referrer"
+	}) : m === "html" && !v ? /* @__PURE__ */ c(U, {
+		text: O ?? "",
+		title: e.fileName
 	}) : /* @__PURE__ */ c("pre", {
 		className: "att-text",
 		children: O
@@ -508,16 +534,16 @@ function te({ a: e, load: i, onClose: u }) {
 }
 //#endregion
 //#region src/chat/MessageView.tsx
-function H(e, t) {
+function W(e, t) {
 	return new Intl.DateTimeFormat(y(t), {
 		hour: "2-digit",
 		minute: "2-digit"
 	}).format(new Date(e));
 }
-function U(e, t) {
+function G(e, t) {
 	return t || e.length <= 3 ? e : e.slice(-2);
 }
-var W = {
+var K = {
 	done: {
 		icon: "check",
 		cls: "ok"
@@ -537,7 +563,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 		className: "sysnote",
 		children: e.text
 	});
-	if (e.role === "event" && e.event) return /* @__PURE__ */ c(G, { m: e });
+	if (e.role === "event" && e.event) return /* @__PURE__ */ c(q, { m: e });
 	let _ = e.mark && /* @__PURE__ */ l("div", {
 		className: "chan",
 		children: [
@@ -548,7 +574,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 			" ",
 			e.mark.text,
 			" · ",
-			H(e.createdAt, f.language)
+			W(e.createdAt, f.language)
 		]
 	}), v = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ c(B, {
 		items: e.attachments,
@@ -589,13 +615,13 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 				"aria-expanded": p,
 				children: p ? d("chat.hideSteps") : d("chat.moreSteps", { count: y.length - 2 })
 			}),
-			U(y, p).map((e) => /* @__PURE__ */ l("div", {
+			G(y, p).map((e) => /* @__PURE__ */ l("div", {
 				className: "tool",
 				title: e.title,
 				children: [/* @__PURE__ */ c(t, {
-					name: W[e.status].icon,
+					name: K[e.status].icon,
 					size: 14,
-					className: W[e.status].cls
+					className: K[e.status].cls
 				}), /* @__PURE__ */ c("span", {
 					className: "tx",
 					children: e.text
@@ -639,7 +665,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 		]
 	});
 }
-function G({ m: e }) {
+function q({ m: e }) {
 	let { t: n, i18n: r } = g(o), [i, a] = h(!1), s = e.event;
 	return /* @__PURE__ */ l("div", {
 		className: "evdiv",
@@ -655,7 +681,7 @@ function G({ m: e }) {
 					}),
 					s.text,
 					" · ",
-					H(e.createdAt, r.language),
+					W(e.createdAt, r.language),
 					s.details && /* @__PURE__ */ l("button", {
 						type: "button",
 						className: "textbtn",
@@ -757,19 +783,19 @@ function ae(e) {
 }
 //#endregion
 //#region src/chat/Chat.tsx
-function K(n) {
+function J(n) {
 	let r = a(), i = e(), [o, u] = h(""), [g, y] = h([]), [b, S] = h(!1), [C, w] = h(null), [T, E] = h(0), [D, O] = h(!1), [k, A] = h(null), [j, ee] = h(!1), [M, N] = h(null), P = m(n.loadAttachment);
 	d(() => {
 		P.current = n.loadAttachment;
 	});
 	let F = !!n.loadAttachment, I = p(() => F ? (e) => P.current ? P.current(e) : Promise.reject(/* @__PURE__ */ Error("no loader")) : void 0, [F]), L = m(!1), R = m(null), z = m(null), B = m(null), V = n.voiceMaxSeconds ?? 300, H = ie(V, () => void ge()), { messages: U, busy: W = !1 } = n, G = n.onPendingChange;
 	d(() => G?.(g), [g, G]);
-	let K = U[0]?.id, q = U[U.length - 1], J = q?.id, Y = q?.text.length, le = q?.steps?.length, X = m({ height: 0 });
+	let K = U[0]?.id, q = U[U.length - 1], J = q?.id, le = q?.text.length, ue = q?.steps?.length, Y = m({ height: 0 });
 	f(() => {
 		let e = R.current;
 		if (!e) return;
-		let t = X.current;
-		e.scrollTop = t.first !== void 0 && K !== t.first && J === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, X.current = {
+		let t = Y.current;
+		e.scrollTop = t.first !== void 0 && K !== t.first && J === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, Y.current = {
 			first: K,
 			last: J,
 			height: e.scrollHeight
@@ -778,52 +804,52 @@ function K(n) {
 		U.length,
 		K,
 		J,
-		Y,
-		le
+		le,
+		ue
 	]);
-	let Z = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Q = Z === null ? [] : _(n.commands ?? [], Z), $ = Z !== null && !D, ue = () => {
+	let X = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Z = X === null ? [] : _(n.commands ?? [], X), Q = X !== null && !D, de = () => {
 		u(""), y([]), w(null), A(null), L.current = !1;
-	}, de = async (e, t) => {
+	}, fe = async (e, t) => {
 		if (n.onCommand) try {
-			await n.onCommand(e, t), ue();
+			await n.onCommand(e, t), de();
 		} catch {}
-	}, fe = async (e, t = !1) => {
+	}, $ = async (e, t = !1) => {
 		let r = e.trim();
 		if (!(!r && g.length === 0 && !C || W || n.readOnly)) {
 			if (!t && !C && n.commands && r.startsWith("/")) {
 				let [e, ...t] = r.slice(1).split(/\s+/), i = n.commands.find((t) => t.kind === "command" && t.name === e);
-				if (i) return de(i.name, t.join(" "));
+				if (i) return fe(i.name, t.join(" "));
 				if (e && !r.includes("\n")) {
 					A("/" + e);
 					return;
 				}
 			}
 			try {
-				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), ue();
+				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), de();
 			} catch {}
 		}
 	}, pe = (e) => {
-		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : de(e.name, ""), B.current?.focus();
+		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : fe(e.name, ""), B.current?.focus();
 	}, me = (e) => {
-		if ($ && Q.length > 0) {
+		if (Q && Z.length > 0) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
 				let t = e.key === "ArrowDown" ? 1 : -1;
-				E((e) => (e + t + Q.length) % Q.length);
+				E((e) => (e + t + Z.length) % Z.length);
 				return;
 			}
 			if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
-				e.preventDefault(), pe(Q[Math.min(T, Q.length - 1)]);
+				e.preventDefault(), pe(Z[Math.min(T, Z.length - 1)]);
 				return;
 			}
 		}
-		$ && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !se() && (e.preventDefault(), fe(o));
+		Q && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !se() && (e.preventDefault(), $(o));
 	};
-	f(() => ce(B.current), [o]), d(() => {
+	f(() => ce(B.current, R.current), [o]), d(() => {
 		let e = B.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = e.clientWidth, n = new ResizeObserver(() => {
-			e.clientWidth !== t && (t = e.clientWidth, ce(e));
+			e.clientWidth !== t && (t = e.clientWidth, ce(e, R.current));
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [H.recording]);
@@ -949,9 +975,9 @@ function K(n) {
 			}) : /* @__PURE__ */ l("div", {
 				className: "composer-wrap",
 				children: [
-					$ && /* @__PURE__ */ c(v, {
-						items: Q,
-						active: Math.min(T, Math.max(Q.length - 1, 0)),
+					Q && /* @__PURE__ */ c(v, {
+						items: Z,
+						active: Math.min(T, Math.max(Z.length - 1, 0)),
 						onPick: pe,
 						onHover: E
 					}),
@@ -988,7 +1014,7 @@ function K(n) {
 						children: [r("chat.unknownCommand", { name: k }), /* @__PURE__ */ c("button", {
 							type: "button",
 							className: "textbtn",
-							onClick: () => void fe(o, !0),
+							onClick: () => void $(o, !0),
 							children: r("chat.sendAsText")
 						})]
 					}),
@@ -1077,7 +1103,7 @@ function K(n) {
 									placeholder: j ? r("chat.voice.recognizing") : ve,
 									"aria-label": ve,
 									disabled: j,
-									"aria-expanded": $,
+									"aria-expanded": Q,
 									"aria-autocomplete": n.commands ? "list" : void 0,
 									onChange: (e) => {
 										u(e.target.value), O(!1), E(0), A(null);
@@ -1104,7 +1130,7 @@ function K(n) {
 								className: "iconbtn fill",
 								"aria-label": r("chat.send"),
 								disabled: !o.trim() && g.length === 0 && !C || W || j,
-								onClick: () => fe(o),
+								onClick: () => $(o),
 								children: /* @__PURE__ */ c(t, { name: "send" })
 							}))
 						]
@@ -1150,12 +1176,14 @@ function oe({ supported: e, recognizing: n, onStart: r }) {
 function se() {
 	return typeof window < "u" && !!window.matchMedia?.("(hover: none) and (pointer: coarse)").matches;
 }
-function ce(e) {
-	e && (e.style.height = "auto", e.style.height = `${e.scrollHeight + e.offsetHeight - e.clientHeight}px`);
+function ce(e, t) {
+	if (!e) return;
+	let n = !!t && t.scrollHeight - t.scrollTop - t.clientHeight < 2;
+	e.style.height = "auto", e.style.height = `${e.scrollHeight + e.offsetHeight - e.clientHeight}px`, t && n && (t.scrollTop = t.scrollHeight);
 }
 //#endregion
 //#region src/chat/ConversationList.tsx
-function q({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
+function le({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
 	let f = a(), [p, m] = h(!1);
 	d(() => {
 		if (!r) return;
@@ -1237,7 +1265,7 @@ function q({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onC
 		})
 	] });
 }
-function J({ narrow: e, children: t }) {
+function ue({ narrow: e, children: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: `nb-app${e ? " narrow" : ""}`,
 		children: t
@@ -1295,7 +1323,7 @@ function Y({ onClose: e, onCreate: t }) {
 }
 //#endregion
 //#region src/chat/AgentMenu.tsx
-function le({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
+function X({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
 	return /* @__PURE__ */ c("button", {
 		type: "button",
 		className: `agentbtn${a ? " s" : ""}`,
@@ -1311,7 +1339,7 @@ function le({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, o
 		})
 	});
 }
-function X({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
+function Z({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
 	let v = a(), [y, b] = h(n), x = i(!0, _);
 	return /* @__PURE__ */ l("div", {
 		className: `agentmenu${f ? " narrow" : ""}`,
@@ -1422,6 +1450,6 @@ function X({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d,
 	});
 }
 //#endregion
-export { le as AgentButton, X as AgentMenu, B as AttachmentList, te as AttachmentPreview, K as Chat, J as ChatLayout, v as CommandPalette, x as ContextMeter, q as ConversationList, ne as MessageView, Y as NewTopicModal, oe as VoiceButton, k as fileSize, I as parseTable, D as previewIcon, T as previewKind, b as tokens, ie as useRecorder };
+export { X as AgentButton, Z as AgentMenu, B as AttachmentList, te as AttachmentPreview, J as Chat, ue as ChatLayout, v as CommandPalette, x as ContextMeter, le as ConversationList, ne as MessageView, Y as NewTopicModal, oe as VoiceButton, k as fileSize, I as parseTable, D as previewIcon, T as previewKind, b as tokens, ie as useRecorder };
 
 //# sourceMappingURL=chat.js.map

package/dist/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":["_Fragment","_Fragment","_Fragment","_Fragment","_Fragment","useToast","Icon","Modal","Markdown","useOutside","useKitT","UIKIT_NS","matchCommands","q","query","commands","c","CommandPalette","t","items","skills","row","i","active","e","onPick","onHover","intlLocale","lng","tokens","n","ContextMeter","useTranslation","open","setOpen","useState","ref","share","context","pct","level","i18n","v","onCompact","onReset","IMAGES","IMAGE_EXT","TEXT_EXT","previewKind","type","a","name","KIND_ICON","previewIcon","kind","label","fileSize","units","bytes","language","HTML_POLICY","htmlDocument","meta","doctype","text","doc","el","attr","URL_ATTRS","SAFE_URL","cleanCss","policy","css","u","m","TYPE_BY_EXT","previewType","own","parseTable","tab","l","rows","cell","quoted","useBlob","state","setState","useEffect","enabled","url","live","load","typed","blob","id","href","fileName","mimeType","size","Thumb","failed","Tile","onOpen","preview","body","Fragment","AttachmentList","TableView","head","shown","r","j","AttachmentPreview","textual","source","setSource","knownTooLarge","content","setContent","tooLarge","buf","onClose","markTime","iso","visibleSteps","steps","STEP","MessageView","EventDivider","mark","atts","loadAttachment","onOpenAttachment","waiting","s","onRetry","busy","ev","transcribe","recognize","recording","on","useRecorder","supported","setRecording","seconds","setSeconds","setLevel","error","setError","rec","useRef","chunks","timer","audio","stopped","discard","limit","onLimit","cleanup","useCallback","tr","start","stream","analyser","Ctx","samples","began","limited","peak","maxSeconds","stop","resolve","cancel","clock","Chat","toast","setText","pending","setPending","uploading","setUploading","skill","setSkill","setActive","paletteClosed","setPaletteClosed","unknown","setUnknown","recognizing","setRecognizing","viewing","setViewing","latestLoader","props","canLoad","loadFile","useMemo","voice","listRef","fileRef","fieldRef","recorder","stopAndTranscribe","onPendingChange","first","messages","tail","last","tailText","tailSteps","lastLayout","was","paletteOpen","clear","runCommand","rest","send","msg","asText","word","cmd","f","pick","keys","d","touchKeyboard","useLayoutEffect","fitField","width","ro","attach","files","x","reason","retry","voiceKey","placeholder","left","y","VoiceButton","onStart","ConversationList","creating","setCreating","onKey","item","currentId","inGroup","conversations","g","topics","archive","onCreate","NewTopicModal","ChatLayout","narrow","title","setTitle","create","AgentButton","small","expanded","icon","AgentMenu","draft","setDraft","next","onRename","optionsLabel","options","value","o","models","single","b","hint"],"sources":["../src/chat/CommandPalette.tsx","../src/chat/intl.ts","../src/chat/ContextMeter.tsx","../src/chat/Attachments.tsx","../src/chat/MessageView.tsx","../src/chat/transcription.ts","../src/chat/useRecorder.ts","../src/chat/Chat.tsx","../src/chat/ConversationList.tsx","../src/chat/AgentMenu.tsx"],"sourcesContent":["import { Icon } from \"../components/Icon\";\nimport { useKitT } from \"../i18n\";\nimport type { ChatCommand } from \"./types\";\n\n/** The items of the palette that match what is typed after \"/\". */\nexport function matchCommands(commands: ChatCommand[], query: string): ChatCommand[] {\n  const q = query.toLowerCase();\n  return commands.filter((c) => c.name.toLowerCase().includes(q) || (c.description ?? \"\").toLowerCase().includes(q));\n}\n\n/** The palette of commands and skills over the composer (FTR.NAB.CHAT-0001 R4,\n * design §3.1). The composer owns the keys: arrows move `active`, Enter and Tab\n * pick it, Esc closes. */\nexport function CommandPalette({ items, active, onPick, onHover }: {\n  items: ChatCommand[];\n  active: number;\n  onPick: (c: ChatCommand) => void;\n  onHover: (i: number) => void;\n}) {\n  const t = useKitT();\n  const commands = items.filter((c) => c.kind === \"command\");\n  const skills = items.filter((c) => c.kind === \"skill\");\n  const row = (c: ChatCommand, i: number) => (\n    <button key={c.kind + c.name} type=\"button\" role=\"option\" aria-selected={i === active} className={`palette-row${i === active ? \" on\" : \"\"}`}\n      // the field keeps the focus: the pick happens before the blur\n      onMouseDown={(e) => { e.preventDefault(); onPick(c); }} onMouseEnter={() => onHover(i)}>\n      {/* the name of a command starts with «/» itself: its column stays empty, the names line up with the skills */}\n      {c.kind === \"skill\" ? <Icon name=\"spark\" size={14} /> : <span className=\"slash\" aria-hidden=\"true\" />}\n      <span className=\"nm\">{c.kind === \"command\" ? \"/\" + c.name : c.name}</span>\n      <span className=\"ds\">{c.description}</span>\n      {c.source && <span className=\"src\">{c.source}</span>}\n    </button>\n  );\n  return (\n    <div className=\"palette\" role=\"listbox\" aria-label={t(\"chat.palette.title\")}>\n      {items.length === 0 && <div className=\"palette-empty\">{t(\"chat.palette.empty\")}</div>}\n      {commands.length > 0 && <div className=\"palette-h\">{t(\"chat.palette.commands\")}</div>}\n      {commands.map((c) => row(c, items.indexOf(c)))}\n      {items.length > 0 && <div className=\"palette-h\">{t(\"chat.palette.skills\")}</div>}\n      {skills.length === 0 && items.length > 0 && <div className=\"palette-empty\">{t(\"chat.palette.noSkills\")}</div>}\n      {skills.map((c) => row(c, items.indexOf(c)))}\n    </div>\n  );\n}\n","/** The locale of Intl formatting for a language code of the products. */\nexport const intlLocale = (lng: string) => (lng === \"zh\" ? \"zh-CN\" : lng);\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon } from \"../components/Icon\";\nimport { useOutside } from \"../components/ui\";\nimport { UIKIT_NS, useKitT } from \"../i18n\";\nimport type { ChatContext } from \"./types\";\nimport { intlLocale } from \"./intl\";\n\n/** A number of tokens shortly: 42K, 1.2M in the language of the interface. */\nexport function tokens(n: number, lng: string): string {\n  return new Intl.NumberFormat(intlLocale(lng), { notation: \"compact\", maximumFractionDigits: 1 }).format(n);\n}\n\n/** The fill of the context window by a ring next to the send button\n * (FTR.NAB.CHAT-0001 R3, design §3.1): grey, amber from 70 %, red from 90 %.\n * A click shows the numbers; a full context offers to compact or to reset. */\nexport function ContextMeter({ context, onCompact, onReset }: { context: ChatContext; onCompact?: () => void; onReset?: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  const ref = useOutside<HTMLDivElement>(open, () => setOpen(false));\n  const share = context.window > 0 ? Math.min(1, context.tokens / context.window) : 0;\n  const pct = Math.round(share * 100);\n  const level = share >= 0.9 ? \"full\" : share >= 0.7 ? \"warn\" : \"\";\n  const r = 7;\n  const c = 2 * Math.PI * r;\n  const lng = i18n.language;\n  return (\n    <div className=\"ctxmeter\" ref={ref}>\n      <button type=\"button\" className={`ctxring ${level}`} aria-expanded={open} onClick={() => setOpen((v) => !v)}\n        aria-label={t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}\n        title={t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}>\n        <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n          <circle className=\"bg\" cx=\"9\" cy=\"9\" r={r} />\n          <circle className=\"fg\" cx=\"9\" cy=\"9\" r={r} strokeDasharray={`${(c * share).toFixed(1)} ${c.toFixed(1)}`} transform=\"rotate(-90 9 9)\" />\n        </svg>\n      </button>\n      {open && (\n        <div className=\"ctxtip\" role=\"dialog\">\n          <div>{t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}</div>\n          {level === \"full\" && <div className=\"small muted\" style={{ marginTop: 4 }}>{t(\"chat.context.full\")}</div>}\n          {level === \"full\" && (onCompact || onReset) && (\n            <div className=\"row\" style={{ marginTop: 8, gap: 6 }}>\n              {onCompact && <button type=\"button\" className=\"btn sm\" onClick={() => { setOpen(false); onCompact(); }}><Icon name=\"compress\" size={14} />{t(\"chat.context.compact\")}</button>}\n              {onReset && <button type=\"button\" className=\"btn sm ghost\" onClick={() => { setOpen(false); onReset(); }}><Icon name=\"undo\" size={14} />{t(\"chat.context.reset\")}</button>}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon, type IconName } from \"../components/Icon\";\nimport { Markdown } from \"../components/Markdown\";\nimport { Modal } from \"../components/ui\";\nimport { UIKIT_NS, useKitT } from \"../i18n\";\nimport { intlLocale } from \"./intl\";\nimport type { ChatAttachment } from \"./types\";\n\n// The files of a message and their preview (FTR.NAB.CHAT-0001 R34, design §3.6):\n// images as thumbnails, the files with a preview as tiles with the icon of the\n// preview, the rest as tiles that download.\n\nexport type PreviewKind = \"image\" | \"pdf\" | \"markdown\" | \"table\" | \"html\" | \"text\";\n\n/** Loads the content of an attachment: the product fetches it with its session. */\nexport type LoadAttachment = (a: ChatAttachment) => Promise<Blob>;\n\n// SVG is an image of <img>: there its scripts do not run.\nconst IMAGES = new Set([\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\", \"image/svg+xml\"]);\nconst IMAGE_EXT = /\\.(png|jpe?g|gif|webp|svg)$/;\nconst TEXT_EXT = /\\.(txt|log|json|ya?ml|xml|ini|toml|sql|sh|py|go|js|ts|tsx|java|kt|rb|rs|c|cpp|h|css)$/;\n\n/** Text, tables and Markdown larger than this are downloaded, not drawn. */\nexport const TEXT_PREVIEW_MAX = 1 << 20;\n/** The rows of a table shown in the preview. */\nexport const TABLE_ROWS = 500;\n\n/** How an attachment is previewed, or null when it is only downloaded. */\nexport function previewKind(a: Pick<ChatAttachment, \"fileName\" | \"mimeType\">): PreviewKind | null {\n  const type = (a.mimeType ?? \"\").toLowerCase().split(\";\")[0].trim();\n  const name = a.fileName.toLowerCase();\n  if (IMAGES.has(type) || ((!type || type === \"application/octet-stream\") && IMAGE_EXT.test(name))) return \"image\";\n  if (type === \"application/pdf\" || name.endsWith(\".pdf\")) return \"pdf\";\n  if (type === \"text/markdown\" || /\\.(md|markdown)$/.test(name)) return \"markdown\";\n  if (type === \"text/csv\" || type === \"text/tab-separated-values\" || /\\.(csv|tsv)$/.test(name)) return \"table\";\n  if (type === \"text/html\" || /\\.html?$/.test(name)) return \"html\";\n  if (type.startsWith(\"text/\") || type === \"application/json\" || type === \"application/xml\" || TEXT_EXT.test(name)) return \"text\";\n  return null;\n}\n\nconst KIND_ICON: Record<PreviewKind, IconName> = { image: \"image\", pdf: \"pdf\", markdown: \"markdown\", table: \"table\", html: \"globe\", text: \"source\" };\n\n/** The icon of a kind of preview: the tiles of the chat and the products' own lists of files show it. */\nexport const previewIcon = (kind: PreviewKind): IconName => KIND_ICON[kind];\n\n/** The label of a tile: the kind of the preview or the extension of the file. */\nfunction label(a: ChatAttachment, kind: PreviewKind | null): string {\n  if (kind === \"pdf\") return \"PDF\";\n  if (kind === \"markdown\") return \"MD\";\n  if (kind === \"html\") return \"HTML\";\n  const ext = /\\.([a-z0-9]{1,5})$/i.exec(a.fileName)?.[1]?.toUpperCase();\n  return ext ?? (kind ? \"TXT\" : \"FILE\");\n}\n\n/** The size of a file in the units of the language. */\nexport function fileSize(bytes: number, language: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let v = bytes;\n  let i = 0;\n  while (v >= 1024 && i < units.length - 1) {\n    v /= 1024;\n    i++;\n  }\n  return new Intl.NumberFormat(intlLocale(language), {\n    style: \"unit\", unit: units[i], unitDisplay: \"short\", maximumFractionDigits: i === 0 ? 0 : 1,\n  }).format(v);\n}\n\n/** The policy put into a previewed HTML page: nothing is loaded from outside and nothing runs; images and\n * fonts inside the file and its own styles stay. */\nconst HTML_POLICY = \"default-src 'none'; img-src data: blob:; media-src data: blob:; font-src data:; style-src 'unsafe-inline' data:\";\n\n/** The document of a previewed HTML page. In a browser the page is parsed inert (a DOMParser loads nothing) and\n * cleaned of everything that would load or lead anywhere: scripts, frames, plug-ins, links of the head, its own\n * `http-equiv` (a refresh), and every address that is not `data:`, `blob:` or an anchor — a relative one would go to\n * the site with the session. The policy is put first into the head, after the doctype of the file, so the page keeps\n * its mode. The policy alone is not enough: a browser may fetch a picture before it applies a policy of a meta. */\nexport function htmlDocument(text: string): string {\n  const meta = `<meta http-equiv=\"Content-Security-Policy\" content=\"${HTML_POLICY}\">`;\n  const doctype = /^\\s*<!doctype[^>]*>/i.exec(text)?.[0] ?? \"\";\n  if (typeof DOMParser === \"undefined\") return doctype + meta + text.slice(doctype.length);\n  const doc = new DOMParser().parseFromString(text, \"text/html\");\n  doc.querySelectorAll(\"script, noscript, iframe, frame, frameset, object, embed, applet, base, link, meta[http-equiv], portal\").forEach((el) => el.remove());\n  doc.querySelectorAll(\"*\").forEach((el) => {\n    // a copy: attributes are removed while they are walked\n    for (const attr of Array.from(el.attributes)) {\n      const name = attr.name.toLowerCase();\n      if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\n      else if (URL_ATTRS.has(name) && !SAFE_URL.test(attr.value)) el.removeAttribute(attr.name);\n      else if (name === \"srcset\" && attr.value.split(\",\").some((c) => !SAFE_URL.test(c))) el.removeAttribute(attr.name);\n      else if (name === \"style\") el.setAttribute(\"style\", cleanCss(attr.value));\n    }\n  });\n  doc.querySelectorAll(\"style\").forEach((el) => { el.textContent = cleanCss(el.textContent ?? \"\"); });\n  const policy = doc.createElement(\"meta\");\n  policy.setAttribute(\"http-equiv\", \"Content-Security-Policy\");\n  policy.setAttribute(\"content\", HTML_POLICY);\n  doc.head.prepend(policy);\n  return (doctype ? \"<!doctype html>\" : \"\") + doc.documentElement.outerHTML;\n}\n\n// The attributes that load a resource or lead to an address.\nconst URL_ATTRS = new Set([\"src\", \"href\", \"xlink:href\", \"action\", \"formaction\", \"poster\", \"background\", \"data\", \"ping\", \"lowsrc\", \"dynsrc\", \"manifest\", \"cite\", \"longdesc\", \"codebase\", \"archive\", \"usemap\"]);\nconst SAFE_URL = /^\\s*(data:|blob:|#|$)/i;\n\n/** CSS without what loads from outside: `@import` and any `url()` that is not `data:` or `blob:`. */\nfunction cleanCss(css: string): string {\n  return css.replace(/@import[^;]*;?/gi, \"\").replace(/url\\(\\s*(['\"]?)(.*?)\\1\\s*\\)/gi, (m, _q: string, u: string) => (SAFE_URL.test(u) && u.trim() !== \"\" ? m : \"none\"));\n}\n\n// The types of the previews by the extension: a file whose type is unknown (a file of a space comes as\n// application/octet-stream) is drawn by the type of its name.\nconst TYPE_BY_EXT: Record<string, string> = {\n  png: \"image/png\", jpg: \"image/jpeg\", jpeg: \"image/jpeg\", gif: \"image/gif\", webp: \"image/webp\", svg: \"image/svg+xml\",\n  pdf: \"application/pdf\", md: \"text/markdown\", markdown: \"text/markdown\", csv: \"text/csv\", tsv: \"text/tab-separated-values\",\n  html: \"text/html\", htm: \"text/html\",\n};\n\n/** The type a preview draws a file with: its own, else the one of its extension. */\nexport function previewType(a: Pick<ChatAttachment, \"fileName\" | \"mimeType\">): string | undefined {\n  const own = (a.mimeType ?? \"\").split(\";\")[0].trim().toLowerCase();\n  if (own && own !== \"application/octet-stream\") return own;\n  return TYPE_BY_EXT[/\\.([a-z0-9]+)$/i.exec(a.fileName)?.[1]?.toLowerCase() ?? \"\"] ?? (own || undefined);\n}\n\n/** The rows of CSV (quotes by RFC 4180) or TSV. */\nexport function parseTable(text: string, tab: boolean): string[][] {\n  if (tab) return text.replace(/\\r?\\n$/, \"\").split(/\\r?\\n/).map((l) => l.split(\"\\t\"));\n  const rows: string[][] = [];\n  let row: string[] = [];\n  let cell = \"\";\n  let quoted = false;\n  for (let i = 0; i < text.length; i++) {\n    const c = text[i];\n    if (quoted) {\n      if (c === '\"' && text[i + 1] === '\"') {\n        cell += '\"';\n        i++;\n      } else if (c === '\"') quoted = false;\n      else cell += c;\n    } else if (c === '\"') quoted = true;\n    else if (c === \",\") {\n      row.push(cell);\n      cell = \"\";\n    } else if (c === \"\\n\" || c === \"\\r\") {\n      if (c === \"\\r\" && text[i + 1] === \"\\n\") i++;\n      row.push(cell);\n      rows.push(row);\n      row = [];\n      cell = \"\";\n    } else cell += c;\n  }\n  if (cell !== \"\" || row.length > 0) {\n    row.push(cell);\n    rows.push(row);\n  }\n  return rows;\n}\n\n/** An object URL of the loaded attachment, revoked when it is no longer shown. */\nfunction useBlob(a: ChatAttachment, load: LoadAttachment, enabled = true) {\n  const [state, setState] = useState<{ url?: string; blob?: Blob; failed?: boolean }>({});\n  // the adapter builds new objects on every render: the file is loaded once per file, not per object\n  const { id, href, fileName, mimeType, size } = a;\n  useEffect(() => {\n    if (!enabled) return;\n    let url: string | undefined;\n    let live = true;\n    load({ id, href, fileName, mimeType, size }).then((blob) => {\n      if (!live) return;\n      // the type of the product's metadata: a blob of a download is often untyped\n      const type = previewType({ fileName, mimeType });\n      const typed = type && blob.type !== type ? new Blob([blob], { type }) : blob;\n      url = URL.createObjectURL(typed);\n      setState({ url, blob: typed });\n    }, () => live && setState({ failed: true }));\n    return () => {\n      live = false;\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [enabled, load, id, href, fileName, mimeType, size]);\n  return state;\n}\n\nfunction Thumb({ a, load, onOpen }: { a: ChatAttachment; load: LoadAttachment; onOpen: () => void }) {\n  const t = useKitT();\n  const { url, failed } = useBlob(a, load);\n  if (failed) return <Tile a={a} kind=\"image\" onOpen={onOpen} />;\n  return (\n    <button type=\"button\" className=\"att-thumb\" onClick={onOpen} aria-label={t(\"chat.files.open\", { name: a.fileName })} title={a.fileName}>\n      {url ? <img src={url} alt=\"\" /> : <span className=\"spin\" aria-hidden=\"true\" />}\n      <span className=\"att-cap\">{a.fileName}</span>\n    </button>\n  );\n}\n\n/** A file as a tile: the icon of its preview, or of the download, its name and size. */\nfunction Tile({ a, kind, onOpen }: { a: ChatAttachment; kind: PreviewKind | null; onOpen?: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const preview = kind !== null && onOpen !== undefined;\n  const body = (\n    <>\n      <span className=\"att-ic\">\n        <Icon name={preview && kind ? KIND_ICON[kind] : \"download\"} size={24} />\n        <span className=\"att-kl\">{label(a, kind)}</span>\n      </span>\n      <span className=\"att-name\">{a.fileName}</span>\n      {a.size != null && <span className=\"att-size\">{fileSize(a.size, i18n.language)}</span>}\n    </>\n  );\n  if (preview) {\n    return <button type=\"button\" className={`att-tile ${kind}`} onClick={onOpen} aria-label={t(\"chat.files.open\", { name: a.fileName })} title={a.fileName}>{body}</button>;\n  }\n  return <a className=\"att-tile dl\" href={a.href} download={a.fileName} aria-label={t(\"chat.files.save\", { name: a.fileName })} title={a.fileName}>{body}</a>;\n}\n\n/** The files of a message: thumbnails of images and tiles; without `load` every file downloads. */\nexport function AttachmentList({ items, load, onOpen }: { items: ChatAttachment[]; load?: LoadAttachment; onOpen?: (a: ChatAttachment) => void }) {\n  return (\n    <div className=\"atts\">\n      {items.map((a) => {\n        const open = load && onOpen ? () => onOpen(a) : undefined;\n        const kind = previewKind(a);\n        return load && open && kind === \"image\"\n          ? <Thumb key={a.id} a={a} load={load} onOpen={open} />\n          : <Tile key={a.id} a={a} kind={kind} onOpen={open} />;\n      })}\n    </div>\n  );\n}\n\nfunction TableView({ text, tab }: { text: string; tab: boolean }) {\n  const t = useKitT();\n  const [head, ...body] = parseTable(text, tab);\n  const shown = body.slice(0, TABLE_ROWS);\n  return (\n    <div className=\"att-table\">\n      <table>\n        {head && <thead><tr>{head.map((c, i) => <th key={i}>{c}</th>)}</tr></thead>}\n        <tbody>{shown.map((r, i) => <tr key={i}>{r.map((c, j) => <td key={j}>{c}</td>)}</tr>)}</tbody>\n      </table>\n      {body.length > shown.length && <div className=\"att-more\">{t(\"chat.files.rows\", { shown: shown.length, total: body.length })}</div>}\n    </div>\n  );\n}\n\n/** The text of a file, or null when it is not UTF-8. */\ntype Text = { text: string | null };\n\n/** The preview of an attachment: an image, the browser's PDF viewer, drawn Markdown, a table or text. */\nexport function AttachmentPreview({ a, load, onClose }: { a: ChatAttachment; load: LoadAttachment; onClose: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const kind = previewKind(a);\n  const textual = kind === \"markdown\" || kind === \"table\" || kind === \"html\" || kind === \"text\";\n  const [source, setSource] = useState(false);\n  // a known size over the limit is not loaded at all\n  const knownTooLarge = textual && (a.size ?? 0) > TEXT_PREVIEW_MAX;\n  const { url, blob, failed } = useBlob(a, load, !knownTooLarge);\n  const [content, setContent] = useState<Text | null>(null);\n  const tooLarge = knownTooLarge || (textual && (blob?.size ?? 0) > TEXT_PREVIEW_MAX);\n  useEffect(() => {\n    if (!textual || !blob || tooLarge) return;\n    void blob.arrayBuffer().then((buf) => {\n      try {\n        setContent({ text: new TextDecoder(\"utf-8\", { fatal: true }).decode(buf) });\n      } catch {\n        setContent({ text: null });\n      }\n    }, () => setContent({ text: null }));\n  }, [textual, blob, tooLarge]);\n  const text = content?.text;\n  let body;\n  if (failed) body = <div className=\"att-msg err-text\">{t(\"chat.files.failed\")}</div>;\n  else if (tooLarge) body = <div className=\"att-msg\">{t(\"chat.files.tooLarge\")}</div>;\n  else if (content && text === null) body = <div className=\"att-msg\">{t(\"chat.files.notUtf8\")}</div>;\n  else if (!url || (textual && text == null)) body = <div className=\"att-msg\"><span className=\"spin\" aria-hidden=\"true\" /> {t(\"loading\")}</div>;\n  else if (kind === \"image\") body = <img className=\"att-img\" src={url} alt={a.fileName} />;\n  // the browser's own viewer; an <object> because a sandboxed frame shows no PDF\n  else if (kind === \"pdf\") body = <object className=\"att-pdf\" data={url} type=\"application/pdf\" aria-label={a.fileName}><div className=\"att-msg\">{t(\"chat.files.failed\")}</div></object>;\n  else if (kind === \"markdown\") body = <div className=\"att-md\"><Markdown text={text ?? \"\"} /></div>;\n  else if (kind === \"table\") body = <TableView text={text ?? \"\"} tab={/\\.tsv$/i.test(a.fileName) || a.mimeType === \"text/tab-separated-values\"} />;\n  // a page: a frame with no permissions — no scripts, forms or access to the site — and no loads from outside\n  else if (kind === \"html\" && !source) body = <iframe className=\"att-html\" sandbox=\"\" srcDoc={htmlDocument(text ?? \"\")} title={a.fileName} referrerPolicy=\"no-referrer\" />;\n  else body = <pre className=\"att-text\">{text}</pre>;\n  return (\n    <Modal wide onClose={onClose}\n      title={<span className=\"att-title\"><span className=\"att-name\">{a.fileName}</span>{a.size != null && <span className=\"muted small\">{fileSize(a.size, i18n.language)}</span>}</span>}\n      footer={<>\n        {kind === \"html\" && (\n          <button type=\"button\" className=\"btn ghost\" onClick={() => setSource((v) => !v)}>\n            <Icon name={source ? \"globe\" : \"code\"} size={14} /> {t(source ? \"chat.files.page\" : \"chat.files.source\")}\n          </button>\n        )}\n        <a className=\"btn ghost\" href={url ?? a.href} download={a.fileName}><Icon name=\"download\" size={14} /> {t(\"chat.files.download\")}</a>\n        <button type=\"button\" className=\"btn primary\" onClick={onClose}>{t(\"close\")}</button>\n      </>}>\n      <div className={`att-view ${kind ?? \"\"}`}>{body}</div>\n    </Modal>\n  );\n}\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon } from \"../components/Icon\";\nimport { Markdown } from \"../components/Markdown\";\nimport { UIKIT_NS } from \"../i18n\";\nimport { AttachmentList, type LoadAttachment } from \"./Attachments\";\nimport { intlLocale } from \"./intl\";\nimport type { ChatAttachment, ChatMessage, ChatStep } from \"./types\";\n\n\n/** The time of a caption: hours and minutes in the language of the interface. */\nexport function markTime(iso: string, language: string): string {\n  return new Intl.DateTimeFormat(intlLocale(language), { hour: \"2-digit\", minute: \"2-digit\" }).format(new Date(iso));\n}\n\n/** More than three steps are folded to the last two (design §6.4). */\nexport function visibleSteps(steps: ChatStep[], open: boolean): ChatStep[] {\n  return open || steps.length <= 3 ? steps : steps.slice(-2);\n}\n\n/** The icon of a step and its colour class by the state of the step. */\nconst STEP = {\n  done: { icon: \"check\", cls: \"ok\" },\n  error: { icon: \"alert\", cls: \"er\" },\n  running: { icon: \"clock\", cls: \"run\" },\n} as const;\n\n/** One message of the conversation (design §6.4). */\nexport function MessageView({ m, busy, onRetry, loadAttachment, onOpenAttachment }: {\n  m: ChatMessage; busy: boolean; onRetry?: () => void;\n  /** R34: the preview of the files; without it they are links. */\n  loadAttachment?: LoadAttachment; onOpenAttachment?: (a: ChatAttachment) => void;\n}) {\n  const { t, i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  if (m.role === \"note\") return <div className=\"sysnote\">{m.text}</div>;\n  if (m.role === \"event\" && m.event) return <EventDivider m={m} />;\n  const mark = m.mark && <div className=\"chan\"><Icon name={m.mark.icon} size={12} /> {m.mark.text} · {markTime(m.createdAt, i18n.language)}</div>;\n  const atts = m.attachments && m.attachments.length > 0 && (\n    <AttachmentList items={m.attachments} load={loadAttachment} onOpen={onOpenAttachment} />\n  );\n  if (m.role === \"user\") {\n    return (\n      <div className=\"m u\">\n        {mark}\n        {m.content}\n        {m.text && <div className=\"bub\">{m.text}</div>}\n        {atts}\n        {m.wait && (\n          <div className={`turnstate${m.wait.state === \"queued\" ? \" q\" : \"\"}`} role=\"status\">\n            {m.wait.state === \"queued\"\n              ? <><Icon name=\"clock\" size={12} />{t(\"chat.wait.queued\", { count: m.wait.position })}</>\n              : <><span className=\"spin\" aria-hidden=\"true\" />{t(\"chat.wait.starting\")}</>}\n          </div>\n        )}\n      </div>\n    );\n  }\n  const steps = m.steps ?? [];\n  const waiting = (m.status === \"streaming\" || m.status === \"pending\") && !m.text && !m.content;\n  return (\n    <div className=\"m a\">\n      {mark}\n      {steps.length > 3 && (\n        <button className=\"tools-fold\" onClick={() => setOpen((v) => !v)} aria-expanded={open}>\n          {open ? t(\"chat.hideSteps\") : t(\"chat.moreSteps\", { count: steps.length - 2 })}\n        </button>\n      )}\n      {visibleSteps(steps, open).map((s) => (\n        <div key={s.id} className=\"tool\" title={s.title}>\n          <Icon name={STEP[s.status].icon} size={14} className={STEP[s.status].cls} />\n          <span className=\"tx\">{s.text}</span>\n        </div>\n      ))}\n      {waiting && <div className=\"bub\"><span className=\"typing\" aria-label={t(\"chat.typing\")}><i /><i /><i /></span></div>}\n      {m.content ?? (m.text && <div className=\"bub\" title={m.hint}><Markdown text={m.text} /></div>)}\n      {atts}\n      {m.error && (\n        <div className={`llmerr${m.error.transient ? \" amber\" : \"\"}`} role=\"alert\" style={{ marginTop: 6 }}>\n          <span>{m.error.text}</span>\n          {onRetry && (\n            <div className=\"row\">\n              <button className=\"btn sm\" disabled={busy} onClick={onRetry}><Icon name=\"refresh\" size={14} />{t(\"chat.retry\")}</button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** An event of the conversation: a line with a chip; the details unfold\n * (FTR.NAB.CHAT-0001 design §3.2). */\nfunction EventDivider({ m }: { m: ChatMessage }) {\n  const { t, i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  const ev = m.event!;\n  return (\n    <div className=\"evdiv\">\n      <div className=\"evline\" role=\"separator\">\n        <span className=\"evchip\">\n          <Icon name={ev.icon} size={12} />\n          {ev.text} · {markTime(m.createdAt, i18n.language)}\n          {ev.details && (\n            <button type=\"button\" className=\"textbtn\" aria-expanded={open} onClick={() => setOpen((v) => !v)}>\n              {t(\"chat.event.details\")} {open ? \"▴\" : \"▾\"}\n            </button>\n          )}\n        </span>\n      </div>\n      {open && ev.details && <div className=\"evdetails\">{ev.details}</div>}\n    </div>\n  );\n}\n","/** What the composer does with the outcome of a recognition. */\nexport interface TranscriptionHandlers {\n  busy(on: boolean): void;\n  /** The recognized text goes into the composer. */\n  text(text: string): void;\n  /** Nothing was recognized. */\n  empty(): void;\n  /** The recognition failed: the reason and a way to try the same recording again. */\n  failed(reason: string | undefined, retry: () => void): void;\n}\n\n/** Recognizes a recording (FTR.NAB.CHAT-0001 R20, design §3.1). A rejection of the\n * product is a failure the user may retry: the recording stays with the retry until\n * the toast is closed. `null` means the product has told the user itself. */\nexport async function transcribe(recording: Blob, recognize: (b: Blob) => Promise<string | null>, on: TranscriptionHandlers): Promise<void> {\n  on.busy(true);\n  let r: string | null;\n  try {\n    r = await recognize(recording);\n  } catch (e) {\n    on.busy(false);\n    on.failed(e instanceof Error && e.message ? e.message : undefined, () => void transcribe(recording, recognize, on));\n    return;\n  }\n  on.busy(false);\n  if (r === null) return;\n  if (!r) on.empty();\n  else on.text(r);\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** Recording with MediaRecorder (FTR.NAB.CHAT-0001 R20): started and stopped\n * by the user, stopped by itself at `maxSeconds`; the level of the voice is\n * sampled for the bar of the recording. */\nexport function useRecorder(maxSeconds = 300, onLimit?: () => void) {\n  const supported = typeof window !== \"undefined\" && \"MediaRecorder\" in window && !!navigator.mediaDevices?.getUserMedia;\n  const [recording, setRecording] = useState(false);\n  const [seconds, setSeconds] = useState(0);\n  const [level, setLevel] = useState(0);\n  const [error, setError] = useState(false);\n  const rec = useRef<MediaRecorder | null>(null);\n  const chunks = useRef<Blob[]>([]);\n  const timer = useRef<number | undefined>(undefined);\n  const audio = useRef<AudioContext | null>(null);\n  const stopped = useRef<((b: Blob | null) => void) | null>(null);\n  const discard = useRef(false);\n  const limit = useRef(onLimit);\n  useEffect(() => {\n    limit.current = onLimit;\n  });\n\n  const cleanup = useCallback(() => {\n    window.clearInterval(timer.current);\n    rec.current?.stream.getTracks().forEach((tr) => tr.stop());\n    rec.current = null;\n    void audio.current?.close().catch(() => undefined);\n    audio.current = null;\n    setRecording(false);\n    setLevel(0);\n  }, []);\n\n  const start = useCallback(async () => {\n    if (!supported || rec.current) return;\n    setError(false);\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      const r = new MediaRecorder(stream);\n      chunks.current = [];\n      discard.current = false;\n      r.ondataavailable = (e) => e.data.size > 0 && chunks.current.push(e.data);\n      r.onstop = () => {\n        const blob = !discard.current && chunks.current.length ? new Blob(chunks.current, { type: r.mimeType || \"audio/webm\" }) : null;\n        cleanup();\n        stopped.current?.(blob);\n        stopped.current = null;\n      };\n      let analyser: AnalyserNode | null = null;\n      try {\n        const Ctx = window.AudioContext ?? (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext;\n        if (Ctx) {\n          audio.current = new Ctx();\n          analyser = audio.current.createAnalyser();\n          analyser.fftSize = 256;\n          audio.current.createMediaStreamSource(stream).connect(analyser);\n        }\n      } catch {\n        analyser = null; // the bar stays flat without Web Audio\n      }\n      const samples = analyser ? new Uint8Array(analyser.fftSize) : null;\n      rec.current = r;\n      r.start();\n      setSeconds(0);\n      setRecording(true);\n      const began = Date.now();\n      let limited = false;\n      timer.current = window.setInterval(() => {\n        const s = Math.floor((Date.now() - began) / 1000);\n        setSeconds(s);\n        if (analyser && samples) {\n          analyser.getByteTimeDomainData(samples);\n          let peak = 0;\n          for (const v of samples) peak = Math.max(peak, Math.abs(v - 128));\n          setLevel(Math.min(1, peak / 64));\n        }\n        if (s >= maxSeconds && !limited) {\n          limited = true;\n          limit.current?.();\n        }\n      }, 100);\n    } catch {\n      setError(true);\n      cleanup();\n    }\n  }, [supported, cleanup, maxSeconds]);\n\n  const stop = useCallback(() => new Promise<Blob | null>((resolve) => {\n    const r = rec.current;\n    if (!r || r.state === \"inactive\") return resolve(null);\n    stopped.current = resolve;\n    r.stop();\n  }), []);\n\n  /** Ends the recording and drops it. */\n  const cancel = useCallback(() => {\n    discard.current = true;\n    void stop();\n  }, [stop]);\n\n  useEffect(() => () => cleanup(), [cleanup]);\n\n  return { supported, recording, seconds, level, error, start, stop, cancel };\n}\n\n/** m:ss of a number of seconds. */\nexport function clock(seconds: number): string {\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, \"0\")}`;\n}\n","import { useEffect, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from \"react\";\nimport { Icon } from \"../components/Icon\";\nimport { useToast } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\nimport { CommandPalette, matchCommands } from \"./CommandPalette\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport { MessageView } from \"./MessageView\";\nimport { AttachmentPreview, type LoadAttachment } from \"./Attachments\";\nimport { transcribe } from \"./transcription\";\nimport type { ChatAttachment, ChatCommand, ChatProps, ChatUpload } from \"./types\";\nimport { clock, useRecorder } from \"./useRecorder\";\n\n/** The conversation: the messages and the composer (FTR.NAB.CMN-0005 R11–R13,\n * design §6; FTR.NAB.CHAT-0001 design §3.1). The behaviour is the one of the\n * chat of Nabu. A control exists only when the product gave its handler: no\n * `onCancel` — no cancel button, no `commands` — no palette. */\nexport function Chat(props: ChatProps) {\n  const t = useKitT();\n  const toast = useToast();\n  const [text, setText] = useState(\"\");\n  const [pending, setPending] = useState<ChatUpload[]>([]);\n  const [uploading, setUploading] = useState(false);\n  const [skill, setSkill] = useState<string | null>(null);\n  const [active, setActive] = useState(0);\n  const [paletteClosed, setPaletteClosed] = useState(false);\n  const [unknown, setUnknown] = useState<string | null>(null);\n  const [recognizing, setRecognizing] = useState(false);\n  // FTR.NAB.CHAT-0001 R34: the file open in the preview. The product's loader may be a new function on\n  // every render; the chat gives the thumbnails one stable function while the product has a loader\n  const [viewing, setViewing] = useState<ChatAttachment | null>(null);\n  const latestLoader = useRef(props.loadAttachment);\n  useEffect(() => {\n    latestLoader.current = props.loadAttachment;\n  });\n  const canLoad = !!props.loadAttachment;\n  const loadFile = useMemo<LoadAttachment | undefined>(() => canLoad\n    ? (a: ChatAttachment) => latestLoader.current ? latestLoader.current(a) : Promise.reject(new Error(\"no loader\"))\n    : undefined, [canLoad]);\n  const voice = useRef(false);\n  const listRef = useRef<HTMLDivElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const fieldRef = useRef<HTMLTextAreaElement>(null);\n  const maxSeconds = props.voiceMaxSeconds ?? 300;\n  const recorder = useRecorder(maxSeconds, () => void stopAndTranscribe());\n  const { messages, busy = false } = props;\n  const onPendingChange = props.onPendingChange;\n  useEffect(() => onPendingChange?.(pending), [pending, onPendingChange]);\n\n  const first = messages[0]?.id;\n  const tail = messages[messages.length - 1];\n  const last = tail?.id;\n  const tailText = tail?.text.length;\n  const tailSteps = tail?.steps?.length;\n  // The ends and the height of the list at the last layout: earlier messages\n  // loaded above it keep the place of the list.\n  const lastLayout = useRef<{ first?: string; last?: string; height: number }>({ height: 0 });\n  // The list follows new messages and the growth of the last one: the dependencies are the trigger.\n  useLayoutEffect(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const was = lastLayout.current;\n    // history is prepended when the start of the list changed and its end did not;\n    // another conversation changes both\n    const prepended = was.first !== undefined && first !== was.first && last === was.last;\n    el.scrollTop = prepended ? el.scrollTop + (el.scrollHeight - was.height) : el.scrollHeight;\n    lastLayout.current = { first, last, height: el.scrollHeight };\n    // oxlint-disable-next-line react/exhaustive-effect-dependencies -- the length and the growth of the tail only trigger\n  }, [messages.length, first, last, tailText, tailSteps]);\n\n  // R4: \"/\" at the start of the field without a space opens the palette\n  const query = props.commands && !skill && text.startsWith(\"/\") && !/\\s/.test(text) ? text.slice(1) : null;\n  const items = query !== null ? matchCommands(props.commands ?? [], query) : [];\n  const paletteOpen = query !== null && !paletteClosed;\n\n  const clear = () => {\n    setText(\"\");\n    setPending([]);\n    setSkill(null);\n    setUnknown(null);\n    voice.current = false;\n  };\n\n  const runCommand = async (name: string, rest: string) => {\n    if (!props.onCommand) return;\n    try {\n      await props.onCommand(name, rest);\n      clear();\n    } catch {\n      // the product has told the user; the text stays\n    }\n  };\n\n  const send = async (body: string, asText = false) => {\n    const msg = body.trim();\n    if ((!msg && pending.length === 0 && !skill) || busy || props.readOnly) return;\n    // R4: a command typed in full runs; an unknown one waits for «Send as text»\n    if (!asText && !skill && props.commands && msg.startsWith(\"/\")) {\n      const [word, ...rest] = msg.slice(1).split(/\\s+/);\n      const cmd = props.commands.find((c) => c.kind === \"command\" && c.name === word);\n      if (cmd) return runCommand(cmd.name, rest.join(\" \"));\n      if (word && !msg.includes(\"\\n\")) {\n        setUnknown(\"/\" + word);\n        return;\n      }\n    }\n    try {\n      await props.onSend(msg, pending.map((f) => f.id), voice.current, skill ?? undefined);\n      clear();\n    } catch {\n      // the product has told the user; the text stays in the composer\n    }\n  };\n\n  const pick = (c: ChatCommand) => {\n    setActive(0);\n    if (c.kind === \"skill\") {\n      setSkill(c.name);\n      setText(\"\");\n    } else if (c.takesText) {\n      setText(\"/\" + c.name + \" \");\n    } else {\n      void runCommand(c.name, \"\");\n    }\n    fieldRef.current?.focus();\n  };\n\n  const keys = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (paletteOpen && items.length > 0) {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const d = e.key === \"ArrowDown\" ? 1 : -1;\n        setActive((a) => (a + d + items.length) % items.length);\n        return;\n      }\n      if ((e.key === \"Enter\" && !e.shiftKey) || e.key === \"Tab\") {\n        e.preventDefault();\n        pick(items[Math.min(active, items.length - 1)]);\n        return;\n      }\n    }\n    if (paletteOpen && e.key === \"Escape\") {\n      e.preventDefault();\n      setPaletteClosed(true);\n      return;\n    }\n    if (e.key === \"Backspace\" && skill && text === \"\") {\n      setSkill(null); // design §3.1: Backspace in the empty field takes the skill off\n      return;\n    }\n    // FTR.NAB.CHAT-0001 design §3.1: on a touch screen Enter is a new line, the message goes by its button\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing && !touchKeyboard()) {\n      e.preventDefault();\n      void send(text);\n    }\n  };\n\n  // design §3.1: the field grows with its lines up to three, then scrolls (its max-height in CSS); a change of\n  // its width (a turned phone, a resized panel) wraps the lines anew\n  useLayoutEffect(() => fitField(fieldRef.current), [text]);\n  useEffect(() => {\n    const el = fieldRef.current;\n    if (!el || typeof ResizeObserver === \"undefined\") return;\n    let width = el.clientWidth;\n    const ro = new ResizeObserver(() => {\n      if (el.clientWidth !== width) {\n        width = el.clientWidth;\n        fitField(el);\n      }\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [recorder.recording]);\n\n  const attach = async (files: FileList | null) => {\n    if (!files?.length || !props.onUpload) return;\n    setUploading(true);\n    for (const f of Array.from(files)) {\n      if (props.upload && f.size > props.upload.maxBytes) {\n        toast({ kind: \"error\", title: t(\"chat.tooLarge\"), text: f.name });\n        continue;\n      }\n      const a = await props.onUpload(f).catch(() => null);\n      if (a) setPending((x) => [...x, a]);\n    }\n    setUploading(false);\n    if (fileRef.current) fileRef.current.value = \"\";\n  };\n\n  // R20: the recognized text goes into the field; the user checks and sends it\n  async function stopAndTranscribe() {\n    const blob = await recorder.stop();\n    if (!blob || !props.onTranscribe) return;\n    await transcribe(blob, props.onTranscribe, {\n      busy: setRecognizing,\n      empty: () => toast({ kind: \"error\", title: t(\"chat.voice.notRecognized\") }),\n      // design §3.1: the recording stays until the toast is closed\n      failed: (reason, retry) => toast({ kind: \"error\", title: reason ?? t(\"chat.voice.failed\"), actions: [{ label: t(\"chat.voice.retry\"), primary: true, onClick: retry }] }),\n      text: (r) => {\n        voice.current = true;\n        setText((x) => (x.trim() ? x.trimEnd() + \" \" + r : r));\n        fieldRef.current?.focus();\n      },\n    });\n  }\n\n  const voiceKey = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && recorder.recording) {\n      e.preventDefault();\n      recorder.cancel();\n    }\n  };\n\n  const placeholder = skill ? t(\"chat.skillPlaceholder\") : t(\"chat.placeholder\", { name: props.agentName });\n  const left = maxSeconds - recorder.seconds;\n  return (\n    <section className=\"nb-chat\" aria-label={t(\"chat.title\")}>\n      {props.header}\n      <div className=\"msgs\" ref={listRef} aria-live=\"polite\">\n        {props.hasOlder && props.onLoadOlder && (\n          <button className=\"btn ghost sm\" style={{ alignSelf: \"center\" }} disabled={props.loadingOlder} onClick={props.onLoadOlder}>\n            {t(\"chat.loadOlder\")}\n          </button>\n        )}\n        {props.historyError && <div className=\"err-text\">{props.historyError}</div>}\n        {messages.length === 0 && !props.loading && !props.historyError && (\n          <div className=\"empty\"><div className=\"ic\"><Icon name=\"spark\" /></div><b>{t(\"chat.emptyTitle\", { name: props.agentName })}</b>{props.emptyHint}</div>\n        )}\n        {messages.map((m) => <MessageView key={m.id} m={m} busy={busy} onRetry={props.onRetry && (() => props.onRetry?.(m.id))}\n          loadAttachment={loadFile} onOpenAttachment={setViewing} />)}\n        {props.onConfirm && (props.confirmations ?? []).map((c) => (\n          <div className=\"confirm\" key={c.id} role=\"group\" aria-label={t(\"chat.confirm.title\")}>\n            <div className=\"h\"><Icon name=\"alert\" size={16} />{t(\"chat.confirm.title\")}</div>\n            <div>{t(\"chat.confirm.text\", { action: c.summary })}</div>\n            {c.preview !== undefined && <pre>{c.preview}</pre>}\n            <div className=\"acts\">\n              {/* never tied to `busy`: the agent asks in the middle of its turn */}\n              <button className=\"btn sm primary\" onClick={() => props.onConfirm?.(c.id, true)}>{t(\"chat.confirm.approve\")}</button>\n              <button className=\"btn sm\" onClick={() => props.onConfirm?.(c.id, false)}>{t(\"chat.confirm.reject\")}</button>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {props.readOnly ? (\n        <div className=\"composer\" style={{ justifyContent: \"space-between\", alignItems: \"center\" }}>{props.readOnly}</div>\n      ) : (\n        <div className=\"composer-wrap\">\n          {paletteOpen && <CommandPalette items={items} active={Math.min(active, Math.max(items.length - 1, 0))} onPick={pick} onHover={setActive} />}\n          {props.aboveComposer}\n          {pending.length > 0 && (\n            <div className=\"pending-files\">\n              {pending.map((f) => (\n                <span key={f.id} className=\"chip\">\n                  <Icon name=\"clip\" size={12} />{f.fileName}\n                  <button className=\"iconbtn\" style={{ width: 18, height: 18 }} aria-label={t(\"remove\")}\n                    onClick={() => setPending((x) => x.filter((y) => y.id !== f.id))}><Icon name=\"x\" size={12} /></button>\n                </span>\n              ))}\n            </div>\n          )}\n          {unknown && (\n            <div className=\"cmd-unknown\" role=\"status\">\n              {t(\"chat.unknownCommand\", { name: unknown })}\n              <button type=\"button\" className=\"textbtn\" onClick={() => void send(text, true)}>{t(\"chat.sendAsText\")}</button>\n            </div>\n          )}\n          <div className=\"composer\">\n            {props.onUpload && !recorder.recording && (\n              <>\n                <button className=\"iconbtn\" aria-label={t(\"chat.attach\")} disabled={uploading} onClick={() => fileRef.current?.click()}><Icon name=\"clip\" /></button>\n                <input ref={fileRef} type=\"file\" multiple hidden accept={props.upload?.accept} onChange={(e) => attach(e.target.files)} />\n              </>\n            )}\n            {recorder.recording ? (\n              <div className={`recbar${left <= 15 ? \" ending\" : \"\"}`} role=\"status\" aria-label={t(\"chat.voice.recordingNow\")}>\n                <span className=\"dot\" aria-hidden=\"true\" />\n                <span className=\"tm\">{clock(recorder.seconds)} / {clock(maxSeconds)}</span>\n                <span className=\"lvl\" aria-hidden=\"true\"><i style={{ transform: `scaleX(${Math.max(0.04, recorder.level)})` }} /></span>\n                <button type=\"button\" className=\"btn ghost sm\" onClick={recorder.cancel}>{t(\"cancel\")}</button>\n                <button type=\"button\" className=\"btn primary sm\" onKeyDown={voiceKey} onClick={() => void stopAndTranscribe()}>{t(\"chat.voice.done\")}</button>\n              </div>\n            ) : (\n              <div className={`field${skill ? \" with-skill\" : \"\"}${recognizing ? \" recognizing\" : \"\"}`} aria-busy={recognizing || undefined}>\n                {skill && (\n                  <span className=\"chip skill-chip\">\n                    <Icon name=\"spark\" size={12} />{skill}\n                    <button className=\"iconbtn\" style={{ width: 18, height: 18 }} aria-label={t(\"remove\")} onClick={() => setSkill(null)}><Icon name=\"x\" size={12} /></button>\n                  </span>\n                )}\n                <textarea ref={fieldRef} rows={1} value={text} placeholder={recognizing ? t(\"chat.voice.recognizing\") : placeholder} aria-label={placeholder}\n                  disabled={recognizing} aria-expanded={paletteOpen} aria-autocomplete={props.commands ? \"list\" : undefined}\n                  onChange={(e) => { setText(e.target.value); setPaletteClosed(false); setActive(0); setUnknown(null); }}\n                  onKeyDown={keys} />\n              </div>\n            )}\n            {props.context && !recorder.recording && <ContextMeter context={props.context} onCompact={props.onCompact} onReset={props.onReset} />}\n            {props.onTranscribe && !recorder.recording && (\n              <VoiceButton supported={recorder.supported} recognizing={recognizing} onStart={() => void recorder.start()} />\n            )}\n            {!recorder.recording && (props.onCancel && busy ? (\n              <button className=\"iconbtn fill\" aria-label={t(\"chat.stop\")} onClick={props.onCancel}><Icon name=\"stop\" /></button>\n            ) : (\n              <button className=\"iconbtn fill\" aria-label={t(\"chat.send\")} disabled={(!text.trim() && pending.length === 0 && !skill) || busy || recognizing} onClick={() => send(text)}>\n                <Icon name=\"send\" />\n              </button>\n            ))}\n          </div>\n          {recorder.error && <div className=\"err-text\" style={{ padding: \"0 12px 8px\" }}>{t(\"chat.voice.micDenied\")}</div>}\n        </div>\n      )}\n      {viewing && loadFile && <AttachmentPreview a={viewing} load={loadFile} onClose={() => setViewing(null)} />}\n    </section>\n  );\n}\n\n// design §3.1: while the server recognizes a recording the microphone gives way\n// to a wave, so the user sees the voice is being processed\nexport function VoiceButton({ supported, recognizing, onStart }: { supported: boolean; recognizing: boolean; onStart: () => void }) {\n  const t = useKitT();\n  if (recognizing) {\n    return (\n      <span className=\"voicewait\" role=\"status\" aria-label={t(\"chat.voice.recognizing\")} title={t(\"chat.voice.recognizing\")}>\n        <i /><i /><i /><i /><i />\n      </span>\n    );\n  }\n  return (\n    <button className=\"iconbtn\" disabled={!supported}\n      aria-label={t(\"chat.voice.start\")} title={supported ? t(\"chat.voice.start\") : t(\"chat.voice.unsupported\")}\n      onClick={onStart}>\n      <Icon name=\"mic\" />\n    </button>\n  );\n}\n\n/** A touch screen without a mouse: its on-screen keyboard has no Shift+Enter, so Enter breaks the line. */\nfunction touchKeyboard(): boolean {\n  return typeof window !== \"undefined\" && !!window.matchMedia?.(\"(hover: none) and (pointer: coarse)\").matches;\n}\n\n/** Sets the height of the field to its lines; the CSS bounds it to three. */\nfunction fitField(el: HTMLTextAreaElement | null) {\n  if (!el) return;\n  el.style.height = \"auto\";\n  el.style.height = `${el.scrollHeight + el.offsetHeight - el.clientHeight}px`;\n}\n","import { useEffect, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../components/Icon\";\nimport { Modal } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\nimport type { ChatConversation, ConversationListProps } from \"./types\";\n\n/** The conversations of the user: the main one, the topics, the archive (design\n * §6.2). In a wide place the list stands left of the messages; on a phone and in\n * a narrow place it lies over them while open and closes by a pick, a tap\n * beside it or Escape. */\nexport function ConversationList({ conversations, currentId, open, onPick, onClose, onCreate }: ConversationListProps) {\n  const t = useKitT();\n  const [creating, setCreating] = useState(false);\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && onClose();\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [open, onClose]);\n\n  const item = (c: ChatConversation) => (\n    <button key={c.id} className={`it${c.id === currentId ? \" on\" : \"\"}${c.group === \"archive\" ? \" arch\" : \"\"}`}\n      onClick={() => onPick(c.id)} aria-current={c.id === currentId}>\n      <Icon name={c.icon ?? \"msg2\"} size={16} />\n      <span className=\"nm\">{c.title}</span>\n      {!!c.unread && <span className=\"unread\" aria-label={t(\"chat.unread\", { count: c.unread })}>{c.unread}</span>}\n      <span className=\"sub\">{c.when}</span>\n    </button>\n  );\n  const inGroup = (g: ChatConversation[\"group\"]) => conversations.filter((c) => c.group === g);\n  const topics = inGroup(\"topic\");\n  const archive = inGroup(\"archive\");\n  return (\n    <>\n      <nav className={`nb-side${open ? \" open\" : \"\"}`} aria-label={t(\"chat.conversations\")}>\n        {onCreate && (\n          <button className=\"btn sm\" style={{ width: \"100%\", justifyContent: \"center\" }} onClick={() => setCreating(true)}>\n            <Icon name=\"plus\" size={15} />{t(\"chat.newTopic\")}\n          </button>\n        )}\n        <div className=\"h\">{t(\"chat.conversation\")}</div>\n        {inGroup(\"main\").map(item)}\n        <div className=\"h\">{t(\"chat.topics\")}</div>\n        {topics.length === 0 && <div className=\"small muted\" style={{ padding: \"0 10px\" }}>{t(\"chat.noTopics\")}</div>}\n        {topics.map(item)}\n        {archive.length > 0 && <div className=\"h\">{t(\"chat.archive\")}</div>}\n        {archive.map(item)}\n      </nav>\n      {/* over the messages: a tap beside the list closes it */}\n      {open && <button type=\"button\" className=\"nb-scrim\" aria-label={t(\"close\")} onClick={onClose} />}\n      {creating && onCreate && <NewTopicModal onClose={() => setCreating(false)} onCreate={onCreate} />}\n    </>\n  );\n}\n\n/** The place of a chat: the list of conversations, the conversation and what the\n * product puts beside them. `narrow` is for a side panel: the list lies over the\n * messages as on a phone, whatever the width of the window. */\nexport function ChatLayout({ narrow, children }: { narrow?: boolean; children: ReactNode }) {\n  return <div className={`nb-app${narrow ? \" narrow\" : \"\"}`}>{children}</div>;\n}\n\n/** The dialog of a new topic: one field, Enter creates. */\nexport function NewTopicModal({ onClose, onCreate }: { onClose: () => void; onCreate: (title: string) => Promise<void> }) {\n  const t = useKitT();\n  const [title, setTitle] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const create = async () => {\n    if (!title.trim() || pending) return;\n    setPending(true);\n    setError(null);\n    try {\n      await onCreate(title.trim());\n      onClose();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : String(e));\n      setPending(false);\n    }\n  };\n  return (\n    <Modal title={t(\"chat.newTopic\")} onClose={onClose} footer={<>\n      <button className=\"btn ghost\" onClick={onClose}>{t(\"cancel\")}</button>\n      <button className=\"btn primary\" disabled={!title.trim() || pending} onClick={create}>{t(\"create\")}</button>\n    </>}>\n      <div className=\"field\">\n        <label htmlFor=\"topic-title\">{t(\"chat.topicTitle\")}</label>\n        <input id=\"topic-title\" className=\"inp\" value={title} maxLength={120} onChange={(e) => setTitle(e.target.value)}\n          onKeyDown={(e) => e.key === \"Enter\" && create()} />\n        <div className=\"hint\">{t(\"chat.topicHint\")}</div>\n      </div>\n      {error && <div className=\"err-text\">{error}</div>}\n    </Modal>\n  );\n}\n","import { useState, type ReactNode } from \"react\";\nimport { Icon, type IconName } from \"../components/Icon\";\nimport { useOutside } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\n\n/** One of the ways an agent can look and talk; what it means only the product knows (R7). */\nexport interface AgentOption { key: string; label: string; icon: IconName }\n\n/** A model the user may choose for the agent (FTR.NAB.CHAT-0001 R16, design §3.3). */\nexport interface AgentModelOption {\n  key: string;\n  label: string;\n  /** The connection or the default model, grey under the name. */\n  sub?: string;\n  /** The capabilities: images, reasoning, the window. */\n  badges?: { icon?: IconName; text: string }[];\n  /** Under the row of the chosen model: the context will be compacted. */\n  warn?: ReactNode;\n}\n\n/** The block «Model» of the menu: one model is shown without a choice; none — the text of the product. */\nexport interface AgentModels {\n  label: ReactNode;\n  options: AgentModelOption[];\n  value: string;\n  onPick: (key: string) => void;\n  empty?: ReactNode;\n}\n\n/** The round button of the agent: its icon, and the menu behind it. */\nexport function AgentButton({ icon, label, title, expanded, small, disabled, onClick }: {\n  icon: IconName; label: string; title?: string; expanded?: boolean; small?: boolean; disabled?: boolean; onClick?: () => void;\n}) {\n  return (\n    <button type=\"button\" className={`agentbtn${small ? \" s\" : \"\"}`} disabled={disabled} aria-label={label} aria-expanded={expanded} title={title}\n      // the menu closes on an outside mousedown; keep this click a toggle\n      onMouseDown={(e) => expanded && e.stopPropagation()} onClick={onClick}>\n      <Icon name={icon} size={small ? 15 : 18} />\n    </button>\n  );\n}\n\n/** The menu of the agent (FTR.NAB.CMN-0005 R15, design §6.6): its name and a\n * choice among the options of the product, as tiles with icons. The name is\n * saved on Enter and on leaving the field; a pick is saved at once. */\nexport function AgentMenu({ label, name, options, value, optionsLabel, hint, narrow, models, onRename, onPick, onClose }: {\n  /** The name of the dialog for a screen reader. */\n  label: string;\n  name: string;\n  options: AgentOption[];\n  value: string;\n  optionsLabel: ReactNode;\n  hint?: ReactNode;\n  /** A narrow place — a side panel: the options go in one column. */\n  narrow?: boolean;\n  /** The choice of the model after the options. */\n  models?: AgentModels;\n  onRename: (name: string) => void;\n  onPick: (key: string) => void;\n  /** Must keep its identity between renders. */\n  onClose: () => void;\n}) {\n  const t = useKitT();\n  const [draft, setDraft] = useState(name);\n  const ref = useOutside<HTMLDivElement>(true, onClose);\n  const save = () => {\n    const next = draft.trim();\n    if (next && next !== name) onRename(next);\n  };\n  return (\n    <div className={`agentmenu${narrow ? \" narrow\" : \"\"}`} ref={ref} role=\"dialog\" aria-label={label}>\n      <div className=\"lab\">{t(\"agentName\")}</div>\n      <input className=\"inp\" value={draft} maxLength={40} autoFocus aria-label={t(\"agentName\")}\n        onChange={(e) => setDraft(e.target.value)} onBlur={save}\n        onKeyDown={(e) => e.key === \"Enter\" && (e.target as HTMLInputElement).blur()} />\n      <div className=\"lab\" style={{ marginTop: 14 }}>{optionsLabel}</div>\n      <div className=\"agentoptions\">\n        {options.map((o) => (\n          <button key={o.key} type=\"button\" className={`agentoption${value === o.key ? \" on\" : \"\"}`} aria-pressed={value === o.key} onClick={() => onPick(o.key)}>\n            <span className=\"ic\"><Icon name={o.icon} size={15} /></span>\n            {o.label}\n          </button>\n        ))}\n      </div>\n      {models && (\n        <>\n          <div className=\"lab\" style={{ marginTop: 14 }}>{models.label}</div>\n          {models.options.length === 0 && <div className=\"hint\">{models.empty}</div>}\n          <div className=\"agentmodels\" role=\"radiogroup\">\n            {models.options.map((m) => {\n              const single = models.options.length === 1;\n              const on = single || models.value === m.key;\n              return (\n                <button key={m.key} type=\"button\" role=\"radio\" aria-checked={on} disabled={single} className={`agentmodel${on ? \" on\" : \"\"}`}\n                  onClick={() => !on && models.onPick(m.key)}>\n                  {!single && <span className={`radio${on ? \" on\" : \"\"}`} aria-hidden=\"true\" />}\n                  <span className=\"body\">\n                    <span className=\"nm\">{m.label}</span>\n                    {m.sub && <span className=\"sub\">{m.sub}</span>}\n                    {m.badges && m.badges.length > 0 && (\n                      <span className=\"badges\">\n                        {m.badges.map((b) => <span key={b.text} className=\"cap\">{b.icon && <Icon name={b.icon} size={11} />}{b.text}</span>)}\n                      </span>\n                    )}\n                    {on && m.warn && <span className=\"warn\">{m.warn}</span>}\n                  </span>\n                </button>\n              );\n            })}\n          </div>\n        </>\n      )}\n      {hint && <div className=\"hint\" style={{ marginTop: 10 }}>{hint}</div>}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chat.js","names":["_Fragment","_Fragment","_Fragment","_Fragment","_Fragment","useToast","Icon","Modal","Markdown","useOutside","useKitT","UIKIT_NS","matchCommands","q","query","commands","c","CommandPalette","t","items","skills","row","i","active","e","onPick","onHover","intlLocale","lng","tokens","n","ContextMeter","useTranslation","open","setOpen","useState","ref","share","context","pct","level","i18n","v","onCompact","onReset","IMAGES","IMAGE_EXT","TEXT_EXT","previewKind","type","a","name","KIND_ICON","previewIcon","kind","label","fileSize","units","bytes","language","HTML_POLICY","htmlDocument","meta","doctype","text","doc","el","attr","URL_ATTRS","SAFE_URL","cleanCss","policy","css","u","m","TYPE_BY_EXT","previewType","own","parseTable","tab","l","rows","cell","quoted","useBlob","state","setState","useEffect","enabled","url","live","load","typed","blob","id","href","fileName","mimeType","size","Thumb","failed","Tile","onOpen","preview","body","Fragment","AttachmentList","TableView","head","shown","r","j","PAGE_WIDTH","HtmlPage","box","useRef","scale","setScale","fit","ro","useMemo","AttachmentPreview","textual","source","setSource","knownTooLarge","content","setContent","tooLarge","buf","onClose","markTime","iso","visibleSteps","steps","STEP","MessageView","EventDivider","mark","atts","loadAttachment","onOpenAttachment","waiting","s","onRetry","busy","ev","transcribe","recognize","recording","on","useRecorder","supported","setRecording","seconds","setSeconds","setLevel","error","setError","rec","chunks","timer","audio","stopped","discard","limit","onLimit","cleanup","useCallback","tr","start","stream","analyser","Ctx","samples","began","limited","peak","maxSeconds","stop","resolve","cancel","clock","Chat","toast","setText","pending","setPending","uploading","setUploading","skill","setSkill","setActive","paletteClosed","setPaletteClosed","unknown","setUnknown","recognizing","setRecognizing","viewing","setViewing","latestLoader","props","canLoad","loadFile","voice","listRef","fileRef","fieldRef","recorder","stopAndTranscribe","onPendingChange","first","messages","tail","last","tailText","tailSteps","lastLayout","was","paletteOpen","clear","runCommand","rest","send","msg","asText","word","cmd","f","pick","keys","d","touchKeyboard","useLayoutEffect","fitField","width","attach","files","x","reason","retry","voiceKey","placeholder","left","y","VoiceButton","onStart","atEnd","list","ConversationList","creating","setCreating","onKey","item","currentId","inGroup","conversations","g","topics","archive","onCreate","NewTopicModal","ChatLayout","narrow","title","setTitle","create","AgentButton","small","expanded","icon","AgentMenu","draft","setDraft","next","onRename","optionsLabel","options","value","o","models","single","b","hint"],"sources":["../src/chat/CommandPalette.tsx","../src/chat/intl.ts","../src/chat/ContextMeter.tsx","../src/chat/Attachments.tsx","../src/chat/MessageView.tsx","../src/chat/transcription.ts","../src/chat/useRecorder.ts","../src/chat/Chat.tsx","../src/chat/ConversationList.tsx","../src/chat/AgentMenu.tsx"],"sourcesContent":["import { Icon } from \"../components/Icon\";\nimport { useKitT } from \"../i18n\";\nimport type { ChatCommand } from \"./types\";\n\n/** The items of the palette that match what is typed after \"/\". */\nexport function matchCommands(commands: ChatCommand[], query: string): ChatCommand[] {\n  const q = query.toLowerCase();\n  return commands.filter((c) => c.name.toLowerCase().includes(q) || (c.description ?? \"\").toLowerCase().includes(q));\n}\n\n/** The palette of commands and skills over the composer (FTR.NAB.CHAT-0001 R4,\n * design §3.1). The composer owns the keys: arrows move `active`, Enter and Tab\n * pick it, Esc closes. */\nexport function CommandPalette({ items, active, onPick, onHover }: {\n  items: ChatCommand[];\n  active: number;\n  onPick: (c: ChatCommand) => void;\n  onHover: (i: number) => void;\n}) {\n  const t = useKitT();\n  const commands = items.filter((c) => c.kind === \"command\");\n  const skills = items.filter((c) => c.kind === \"skill\");\n  const row = (c: ChatCommand, i: number) => (\n    <button key={c.kind + c.name} type=\"button\" role=\"option\" aria-selected={i === active} className={`palette-row${i === active ? \" on\" : \"\"}`}\n      // the field keeps the focus: the pick happens before the blur\n      onMouseDown={(e) => { e.preventDefault(); onPick(c); }} onMouseEnter={() => onHover(i)}>\n      {/* the name of a command starts with «/» itself: its column stays empty, the names line up with the skills */}\n      {c.kind === \"skill\" ? <Icon name=\"spark\" size={14} /> : <span className=\"slash\" aria-hidden=\"true\" />}\n      <span className=\"nm\">{c.kind === \"command\" ? \"/\" + c.name : c.name}</span>\n      <span className=\"ds\">{c.description}</span>\n      {c.source && <span className=\"src\">{c.source}</span>}\n    </button>\n  );\n  return (\n    <div className=\"palette\" role=\"listbox\" aria-label={t(\"chat.palette.title\")}>\n      {items.length === 0 && <div className=\"palette-empty\">{t(\"chat.palette.empty\")}</div>}\n      {commands.length > 0 && <div className=\"palette-h\">{t(\"chat.palette.commands\")}</div>}\n      {commands.map((c) => row(c, items.indexOf(c)))}\n      {items.length > 0 && <div className=\"palette-h\">{t(\"chat.palette.skills\")}</div>}\n      {skills.length === 0 && items.length > 0 && <div className=\"palette-empty\">{t(\"chat.palette.noSkills\")}</div>}\n      {skills.map((c) => row(c, items.indexOf(c)))}\n    </div>\n  );\n}\n","/** The locale of Intl formatting for a language code of the products. */\nexport const intlLocale = (lng: string) => (lng === \"zh\" ? \"zh-CN\" : lng);\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon } from \"../components/Icon\";\nimport { useOutside } from \"../components/ui\";\nimport { UIKIT_NS, useKitT } from \"../i18n\";\nimport type { ChatContext } from \"./types\";\nimport { intlLocale } from \"./intl\";\n\n/** A number of tokens shortly: 42K, 1.2M in the language of the interface. */\nexport function tokens(n: number, lng: string): string {\n  return new Intl.NumberFormat(intlLocale(lng), { notation: \"compact\", maximumFractionDigits: 1 }).format(n);\n}\n\n/** The fill of the context window by a ring next to the send button\n * (FTR.NAB.CHAT-0001 R3, design §3.1): grey, amber from 70 %, red from 90 %.\n * A click shows the numbers; a full context offers to compact or to reset. */\nexport function ContextMeter({ context, onCompact, onReset }: { context: ChatContext; onCompact?: () => void; onReset?: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  const ref = useOutside<HTMLDivElement>(open, () => setOpen(false));\n  const share = context.window > 0 ? Math.min(1, context.tokens / context.window) : 0;\n  const pct = Math.round(share * 100);\n  const level = share >= 0.9 ? \"full\" : share >= 0.7 ? \"warn\" : \"\";\n  const r = 7;\n  const c = 2 * Math.PI * r;\n  const lng = i18n.language;\n  return (\n    <div className=\"ctxmeter\" ref={ref}>\n      <button type=\"button\" className={`ctxring ${level}`} aria-expanded={open} onClick={() => setOpen((v) => !v)}\n        aria-label={t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}\n        title={t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}>\n        <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n          <circle className=\"bg\" cx=\"9\" cy=\"9\" r={r} />\n          <circle className=\"fg\" cx=\"9\" cy=\"9\" r={r} strokeDasharray={`${(c * share).toFixed(1)} ${c.toFixed(1)}`} transform=\"rotate(-90 9 9)\" />\n        </svg>\n      </button>\n      {open && (\n        <div className=\"ctxtip\" role=\"dialog\">\n          <div>{t(\"chat.context.meter\", { used: tokens(context.tokens, lng), total: tokens(context.window, lng), pct })}</div>\n          {level === \"full\" && <div className=\"small muted\" style={{ marginTop: 4 }}>{t(\"chat.context.full\")}</div>}\n          {level === \"full\" && (onCompact || onReset) && (\n            <div className=\"row\" style={{ marginTop: 8, gap: 6 }}>\n              {onCompact && <button type=\"button\" className=\"btn sm\" onClick={() => { setOpen(false); onCompact(); }}><Icon name=\"compress\" size={14} />{t(\"chat.context.compact\")}</button>}\n              {onReset && <button type=\"button\" className=\"btn sm ghost\" onClick={() => { setOpen(false); onReset(); }}><Icon name=\"undo\" size={14} />{t(\"chat.context.reset\")}</button>}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon, type IconName } from \"../components/Icon\";\nimport { Markdown } from \"../components/Markdown\";\nimport { Modal } from \"../components/ui\";\nimport { UIKIT_NS, useKitT } from \"../i18n\";\nimport { intlLocale } from \"./intl\";\nimport type { ChatAttachment } from \"./types\";\n\n// The files of a message and their preview (FTR.NAB.CHAT-0001 R34, design §3.6):\n// images as thumbnails, the files with a preview as tiles with the icon of the\n// preview, the rest as tiles that download.\n\nexport type PreviewKind = \"image\" | \"pdf\" | \"markdown\" | \"table\" | \"html\" | \"text\";\n\n/** Loads the content of an attachment: the product fetches it with its session. */\nexport type LoadAttachment = (a: ChatAttachment) => Promise<Blob>;\n\n// SVG is an image of <img>: there its scripts do not run.\nconst IMAGES = new Set([\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\", \"image/svg+xml\"]);\nconst IMAGE_EXT = /\\.(png|jpe?g|gif|webp|svg)$/;\nconst TEXT_EXT = /\\.(txt|log|json|ya?ml|xml|ini|toml|sql|sh|py|go|js|ts|tsx|java|kt|rb|rs|c|cpp|h|css)$/;\n\n/** Text, tables and Markdown larger than this are downloaded, not drawn. */\nexport const TEXT_PREVIEW_MAX = 1 << 20;\n/** The rows of a table shown in the preview. */\nexport const TABLE_ROWS = 500;\n\n/** How an attachment is previewed, or null when it is only downloaded. */\nexport function previewKind(a: Pick<ChatAttachment, \"fileName\" | \"mimeType\">): PreviewKind | null {\n  const type = (a.mimeType ?? \"\").toLowerCase().split(\";\")[0].trim();\n  const name = a.fileName.toLowerCase();\n  if (IMAGES.has(type) || ((!type || type === \"application/octet-stream\") && IMAGE_EXT.test(name))) return \"image\";\n  if (type === \"application/pdf\" || name.endsWith(\".pdf\")) return \"pdf\";\n  if (type === \"text/markdown\" || /\\.(md|markdown)$/.test(name)) return \"markdown\";\n  if (type === \"text/csv\" || type === \"text/tab-separated-values\" || /\\.(csv|tsv)$/.test(name)) return \"table\";\n  if (type === \"text/html\" || /\\.html?$/.test(name)) return \"html\";\n  if (type.startsWith(\"text/\") || type === \"application/json\" || type === \"application/xml\" || TEXT_EXT.test(name)) return \"text\";\n  return null;\n}\n\nconst KIND_ICON: Record<PreviewKind, IconName> = { image: \"image\", pdf: \"pdf\", markdown: \"markdown\", table: \"table\", html: \"globe\", text: \"source\" };\n\n/** The icon of a kind of preview: the tiles of the chat and the products' own lists of files show it. */\nexport const previewIcon = (kind: PreviewKind): IconName => KIND_ICON[kind];\n\n/** The label of a tile: the kind of the preview or the extension of the file. */\nfunction label(a: ChatAttachment, kind: PreviewKind | null): string {\n  if (kind === \"pdf\") return \"PDF\";\n  if (kind === \"markdown\") return \"MD\";\n  if (kind === \"html\") return \"HTML\";\n  const ext = /\\.([a-z0-9]{1,5})$/i.exec(a.fileName)?.[1]?.toUpperCase();\n  return ext ?? (kind ? \"TXT\" : \"FILE\");\n}\n\n/** The size of a file in the units of the language. */\nexport function fileSize(bytes: number, language: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let v = bytes;\n  let i = 0;\n  while (v >= 1024 && i < units.length - 1) {\n    v /= 1024;\n    i++;\n  }\n  return new Intl.NumberFormat(intlLocale(language), {\n    style: \"unit\", unit: units[i], unitDisplay: \"short\", maximumFractionDigits: i === 0 ? 0 : 1,\n  }).format(v);\n}\n\n/** The policy put into a previewed HTML page: nothing is loaded from outside and nothing runs; images and\n * fonts inside the file and its own styles stay. */\nconst HTML_POLICY = \"default-src 'none'; img-src data: blob:; media-src data: blob:; font-src data:; style-src 'unsafe-inline' data:\";\n\n/** The document of a previewed HTML page. In a browser the page is parsed inert (a DOMParser loads nothing) and\n * cleaned of everything that would load or lead anywhere: scripts, frames, plug-ins, links of the head, its own\n * `http-equiv` (a refresh), and every address that is not `data:`, `blob:` or an anchor — a relative one would go to\n * the site with the session. The policy is put first into the head, after the doctype of the file, so the page keeps\n * its mode. The policy alone is not enough: a browser may fetch a picture before it applies a policy of a meta. */\nexport function htmlDocument(text: string): string {\n  const meta = `<meta http-equiv=\"Content-Security-Policy\" content=\"${HTML_POLICY}\">`;\n  const doctype = /^\\s*<!doctype[^>]*>/i.exec(text)?.[0] ?? \"\";\n  if (typeof DOMParser === \"undefined\") return doctype + meta + text.slice(doctype.length);\n  const doc = new DOMParser().parseFromString(text, \"text/html\");\n  doc.querySelectorAll(\"script, noscript, iframe, frame, frameset, object, embed, applet, base, link, meta[http-equiv], portal\").forEach((el) => el.remove());\n  doc.querySelectorAll(\"*\").forEach((el) => {\n    // a copy: attributes are removed while they are walked\n    for (const attr of Array.from(el.attributes)) {\n      const name = attr.name.toLowerCase();\n      if (name.startsWith(\"on\")) el.removeAttribute(attr.name);\n      else if (URL_ATTRS.has(name) && !SAFE_URL.test(attr.value)) el.removeAttribute(attr.name);\n      else if (name === \"srcset\" && attr.value.split(\",\").some((c) => !SAFE_URL.test(c))) el.removeAttribute(attr.name);\n      else if (name === \"style\") el.setAttribute(\"style\", cleanCss(attr.value));\n    }\n  });\n  doc.querySelectorAll(\"style\").forEach((el) => { el.textContent = cleanCss(el.textContent ?? \"\"); });\n  const policy = doc.createElement(\"meta\");\n  policy.setAttribute(\"http-equiv\", \"Content-Security-Policy\");\n  policy.setAttribute(\"content\", HTML_POLICY);\n  doc.head.prepend(policy);\n  return (doctype ? \"<!doctype html>\" : \"\") + doc.documentElement.outerHTML;\n}\n\n// The attributes that load a resource or lead to an address.\nconst URL_ATTRS = new Set([\"src\", \"href\", \"xlink:href\", \"action\", \"formaction\", \"poster\", \"background\", \"data\", \"ping\", \"lowsrc\", \"dynsrc\", \"manifest\", \"cite\", \"longdesc\", \"codebase\", \"archive\", \"usemap\"]);\nconst SAFE_URL = /^\\s*(data:|blob:|#|$)/i;\n\n/** CSS without what loads from outside: `@import` and any `url()` that is not `data:` or `blob:`. */\nfunction cleanCss(css: string): string {\n  return css.replace(/@import[^;]*;?/gi, \"\").replace(/url\\(\\s*(['\"]?)(.*?)\\1\\s*\\)/gi, (m, _q: string, u: string) => (SAFE_URL.test(u) && u.trim() !== \"\" ? m : \"none\"));\n}\n\n// The types of the previews by the extension: a file whose type is unknown (a file of a space comes as\n// application/octet-stream) is drawn by the type of its name.\nconst TYPE_BY_EXT: Record<string, string> = {\n  png: \"image/png\", jpg: \"image/jpeg\", jpeg: \"image/jpeg\", gif: \"image/gif\", webp: \"image/webp\", svg: \"image/svg+xml\",\n  pdf: \"application/pdf\", md: \"text/markdown\", markdown: \"text/markdown\", csv: \"text/csv\", tsv: \"text/tab-separated-values\",\n  html: \"text/html\", htm: \"text/html\",\n};\n\n/** The type a preview draws a file with: its own, else the one of its extension. */\nexport function previewType(a: Pick<ChatAttachment, \"fileName\" | \"mimeType\">): string | undefined {\n  const own = (a.mimeType ?? \"\").split(\";\")[0].trim().toLowerCase();\n  if (own && own !== \"application/octet-stream\") return own;\n  return TYPE_BY_EXT[/\\.([a-z0-9]+)$/i.exec(a.fileName)?.[1]?.toLowerCase() ?? \"\"] ?? (own || undefined);\n}\n\n/** The rows of CSV (quotes by RFC 4180) or TSV. */\nexport function parseTable(text: string, tab: boolean): string[][] {\n  if (tab) return text.replace(/\\r?\\n$/, \"\").split(/\\r?\\n/).map((l) => l.split(\"\\t\"));\n  const rows: string[][] = [];\n  let row: string[] = [];\n  let cell = \"\";\n  let quoted = false;\n  for (let i = 0; i < text.length; i++) {\n    const c = text[i];\n    if (quoted) {\n      if (c === '\"' && text[i + 1] === '\"') {\n        cell += '\"';\n        i++;\n      } else if (c === '\"') quoted = false;\n      else cell += c;\n    } else if (c === '\"') quoted = true;\n    else if (c === \",\") {\n      row.push(cell);\n      cell = \"\";\n    } else if (c === \"\\n\" || c === \"\\r\") {\n      if (c === \"\\r\" && text[i + 1] === \"\\n\") i++;\n      row.push(cell);\n      rows.push(row);\n      row = [];\n      cell = \"\";\n    } else cell += c;\n  }\n  if (cell !== \"\" || row.length > 0) {\n    row.push(cell);\n    rows.push(row);\n  }\n  return rows;\n}\n\n/** An object URL of the loaded attachment, revoked when it is no longer shown. */\nfunction useBlob(a: ChatAttachment, load: LoadAttachment, enabled = true) {\n  const [state, setState] = useState<{ url?: string; blob?: Blob; failed?: boolean }>({});\n  // the adapter builds new objects on every render: the file is loaded once per file, not per object\n  const { id, href, fileName, mimeType, size } = a;\n  useEffect(() => {\n    if (!enabled) return;\n    let url: string | undefined;\n    let live = true;\n    load({ id, href, fileName, mimeType, size }).then((blob) => {\n      if (!live) return;\n      // the type of the product's metadata: a blob of a download is often untyped\n      const type = previewType({ fileName, mimeType });\n      const typed = type && blob.type !== type ? new Blob([blob], { type }) : blob;\n      url = URL.createObjectURL(typed);\n      setState({ url, blob: typed });\n    }, () => live && setState({ failed: true }));\n    return () => {\n      live = false;\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [enabled, load, id, href, fileName, mimeType, size]);\n  return state;\n}\n\nfunction Thumb({ a, load, onOpen }: { a: ChatAttachment; load: LoadAttachment; onOpen: () => void }) {\n  const t = useKitT();\n  const { url, failed } = useBlob(a, load);\n  if (failed) return <Tile a={a} kind=\"image\" onOpen={onOpen} />;\n  return (\n    <button type=\"button\" className=\"att-thumb\" onClick={onOpen} aria-label={t(\"chat.files.open\", { name: a.fileName })} title={a.fileName}>\n      {url ? <img src={url} alt=\"\" /> : <span className=\"spin\" aria-hidden=\"true\" />}\n      <span className=\"att-cap\">{a.fileName}</span>\n    </button>\n  );\n}\n\n/** A file as a tile: the icon of its preview, or of the download, its name and size. */\nfunction Tile({ a, kind, onOpen }: { a: ChatAttachment; kind: PreviewKind | null; onOpen?: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const preview = kind !== null && onOpen !== undefined;\n  const body = (\n    <>\n      <span className=\"att-ic\">\n        <Icon name={preview && kind ? KIND_ICON[kind] : \"download\"} size={24} />\n        <span className=\"att-kl\">{label(a, kind)}</span>\n      </span>\n      <span className=\"att-name\">{a.fileName}</span>\n      {a.size != null && <span className=\"att-size\">{fileSize(a.size, i18n.language)}</span>}\n    </>\n  );\n  if (preview) {\n    return <button type=\"button\" className={`att-tile ${kind}`} onClick={onOpen} aria-label={t(\"chat.files.open\", { name: a.fileName })} title={a.fileName}>{body}</button>;\n  }\n  return <a className=\"att-tile dl\" href={a.href} download={a.fileName} aria-label={t(\"chat.files.save\", { name: a.fileName })} title={a.fileName}>{body}</a>;\n}\n\n/** The files of a message: thumbnails of images and tiles; without `load` every file downloads. */\nexport function AttachmentList({ items, load, onOpen }: { items: ChatAttachment[]; load?: LoadAttachment; onOpen?: (a: ChatAttachment) => void }) {\n  return (\n    <div className=\"atts\">\n      {items.map((a) => {\n        const open = load && onOpen ? () => onOpen(a) : undefined;\n        const kind = previewKind(a);\n        return load && open && kind === \"image\"\n          ? <Thumb key={a.id} a={a} load={load} onOpen={open} />\n          : <Tile key={a.id} a={a} kind={kind} onOpen={open} />;\n      })}\n    </div>\n  );\n}\n\nfunction TableView({ text, tab }: { text: string; tab: boolean }) {\n  const t = useKitT();\n  const [head, ...body] = parseTable(text, tab);\n  const shown = body.slice(0, TABLE_ROWS);\n  return (\n    <div className=\"att-table\">\n      <table>\n        {head && <thead><tr>{head.map((c, i) => <th key={i}>{c}</th>)}</tr></thead>}\n        <tbody>{shown.map((r, i) => <tr key={i}>{r.map((c, j) => <td key={j}>{c}</td>)}</tr>)}</tbody>\n      </table>\n      {body.length > shown.length && <div className=\"att-more\">{t(\"chat.files.rows\", { shown: shown.length, total: body.length })}</div>}\n    </div>\n  );\n}\n\n/** The width a previewed page is laid out at: the one of a desktop. A narrower frame shows it scaled down, so a\n * page made for a screen (a deck of slides) is seen whole instead of cut. */\nexport const PAGE_WIDTH = 1280;\n\n/** A previewed HTML page: a frame with no permissions — no scripts, forms or access to the site — and nothing\n * from outside, laid out at PAGE_WIDTH and scaled to the width of the preview. */\nfunction HtmlPage({ text, title }: { text: string; title: string }) {\n  const box = useRef<HTMLDivElement>(null);\n  const [scale, setScale] = useState(1);\n  useEffect(() => {\n    const el = box.current;\n    if (!el) return;\n    const fit = () => setScale(Math.min(1, el.clientWidth / PAGE_WIDTH));\n    fit();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(fit);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  const doc = useMemo(() => htmlDocument(text), [text]);\n  return (\n    <div className=\"att-htmlbox\" ref={box}>\n      <iframe className=\"att-html\" sandbox=\"\" srcDoc={doc} title={title} referrerPolicy=\"no-referrer\"\n        style={{ width: PAGE_WIDTH, height: `${100 / scale}%`, transform: `scale(${scale})` }} />\n    </div>\n  );\n}\n\n/** The text of a file, or null when it is not UTF-8. */\ntype Text = { text: string | null };\n\n/** The preview of an attachment: an image, the browser's PDF viewer, drawn Markdown, a table or text. */\nexport function AttachmentPreview({ a, load, onClose }: { a: ChatAttachment; load: LoadAttachment; onClose: () => void }) {\n  const t = useKitT();\n  const { i18n } = useTranslation(UIKIT_NS);\n  const kind = previewKind(a);\n  const textual = kind === \"markdown\" || kind === \"table\" || kind === \"html\" || kind === \"text\";\n  const [source, setSource] = useState(false);\n  // a known size over the limit is not loaded at all\n  const knownTooLarge = textual && (a.size ?? 0) > TEXT_PREVIEW_MAX;\n  const { url, blob, failed } = useBlob(a, load, !knownTooLarge);\n  const [content, setContent] = useState<Text | null>(null);\n  const tooLarge = knownTooLarge || (textual && (blob?.size ?? 0) > TEXT_PREVIEW_MAX);\n  useEffect(() => {\n    if (!textual || !blob || tooLarge) return;\n    void blob.arrayBuffer().then((buf) => {\n      try {\n        setContent({ text: new TextDecoder(\"utf-8\", { fatal: true }).decode(buf) });\n      } catch {\n        setContent({ text: null });\n      }\n    }, () => setContent({ text: null }));\n  }, [textual, blob, tooLarge]);\n  const text = content?.text;\n  let body;\n  if (failed) body = <div className=\"att-msg err-text\">{t(\"chat.files.failed\")}</div>;\n  else if (tooLarge) body = <div className=\"att-msg\">{t(\"chat.files.tooLarge\")}</div>;\n  else if (content && text === null) body = <div className=\"att-msg\">{t(\"chat.files.notUtf8\")}</div>;\n  else if (!url || (textual && text == null)) body = <div className=\"att-msg\"><span className=\"spin\" aria-hidden=\"true\" /> {t(\"loading\")}</div>;\n  else if (kind === \"image\") body = <img className=\"att-img\" src={url} alt={a.fileName} />;\n  // the browser's own viewer; an <object> because a sandboxed frame shows no PDF\n  else if (kind === \"pdf\") body = <object className=\"att-pdf\" data={url} type=\"application/pdf\" aria-label={a.fileName}><div className=\"att-msg\">{t(\"chat.files.failed\")}</div></object>;\n  else if (kind === \"markdown\") body = <div className=\"att-md\"><Markdown text={text ?? \"\"} /></div>;\n  else if (kind === \"table\") body = <TableView text={text ?? \"\"} tab={/\\.tsv$/i.test(a.fileName) || a.mimeType === \"text/tab-separated-values\"} />;\n  // a page: a frame with no permissions — no scripts, forms or access to the site — and no loads from outside\n  else if (kind === \"html\" && !source) body = <HtmlPage text={text ?? \"\"} title={a.fileName} />;\n  else body = <pre className=\"att-text\">{text}</pre>;\n  return (\n    <Modal wide onClose={onClose}\n      title={<span className=\"att-title\"><span className=\"att-name\">{a.fileName}</span>{a.size != null && <span className=\"muted small\">{fileSize(a.size, i18n.language)}</span>}</span>}\n      footer={<>\n        {kind === \"html\" && (\n          <button type=\"button\" className=\"btn ghost\" onClick={() => setSource((v) => !v)}>\n            <Icon name={source ? \"globe\" : \"code\"} size={14} /> {t(source ? \"chat.files.page\" : \"chat.files.source\")}\n          </button>\n        )}\n        <a className=\"btn ghost\" href={url ?? a.href} download={a.fileName}><Icon name=\"download\" size={14} /> {t(\"chat.files.download\")}</a>\n        <button type=\"button\" className=\"btn primary\" onClick={onClose}>{t(\"close\")}</button>\n      </>}>\n      <div className={`att-view ${kind ?? \"\"}`}>{body}</div>\n    </Modal>\n  );\n}\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Icon } from \"../components/Icon\";\nimport { Markdown } from \"../components/Markdown\";\nimport { UIKIT_NS } from \"../i18n\";\nimport { AttachmentList, type LoadAttachment } from \"./Attachments\";\nimport { intlLocale } from \"./intl\";\nimport type { ChatAttachment, ChatMessage, ChatStep } from \"./types\";\n\n\n/** The time of a caption: hours and minutes in the language of the interface. */\nexport function markTime(iso: string, language: string): string {\n  return new Intl.DateTimeFormat(intlLocale(language), { hour: \"2-digit\", minute: \"2-digit\" }).format(new Date(iso));\n}\n\n/** More than three steps are folded to the last two (design §6.4). */\nexport function visibleSteps(steps: ChatStep[], open: boolean): ChatStep[] {\n  return open || steps.length <= 3 ? steps : steps.slice(-2);\n}\n\n/** The icon of a step and its colour class by the state of the step. */\nconst STEP = {\n  done: { icon: \"check\", cls: \"ok\" },\n  error: { icon: \"alert\", cls: \"er\" },\n  running: { icon: \"clock\", cls: \"run\" },\n} as const;\n\n/** One message of the conversation (design §6.4). */\nexport function MessageView({ m, busy, onRetry, loadAttachment, onOpenAttachment }: {\n  m: ChatMessage; busy: boolean; onRetry?: () => void;\n  /** R34: the preview of the files; without it they are links. */\n  loadAttachment?: LoadAttachment; onOpenAttachment?: (a: ChatAttachment) => void;\n}) {\n  const { t, i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  if (m.role === \"note\") return <div className=\"sysnote\">{m.text}</div>;\n  if (m.role === \"event\" && m.event) return <EventDivider m={m} />;\n  const mark = m.mark && <div className=\"chan\"><Icon name={m.mark.icon} size={12} /> {m.mark.text} · {markTime(m.createdAt, i18n.language)}</div>;\n  const atts = m.attachments && m.attachments.length > 0 && (\n    <AttachmentList items={m.attachments} load={loadAttachment} onOpen={onOpenAttachment} />\n  );\n  if (m.role === \"user\") {\n    return (\n      <div className=\"m u\">\n        {mark}\n        {m.content}\n        {m.text && <div className=\"bub\">{m.text}</div>}\n        {atts}\n        {m.wait && (\n          <div className={`turnstate${m.wait.state === \"queued\" ? \" q\" : \"\"}`} role=\"status\">\n            {m.wait.state === \"queued\"\n              ? <><Icon name=\"clock\" size={12} />{t(\"chat.wait.queued\", { count: m.wait.position })}</>\n              : <><span className=\"spin\" aria-hidden=\"true\" />{t(\"chat.wait.starting\")}</>}\n          </div>\n        )}\n      </div>\n    );\n  }\n  const steps = m.steps ?? [];\n  const waiting = (m.status === \"streaming\" || m.status === \"pending\") && !m.text && !m.content;\n  return (\n    <div className=\"m a\">\n      {mark}\n      {steps.length > 3 && (\n        <button className=\"tools-fold\" onClick={() => setOpen((v) => !v)} aria-expanded={open}>\n          {open ? t(\"chat.hideSteps\") : t(\"chat.moreSteps\", { count: steps.length - 2 })}\n        </button>\n      )}\n      {visibleSteps(steps, open).map((s) => (\n        <div key={s.id} className=\"tool\" title={s.title}>\n          <Icon name={STEP[s.status].icon} size={14} className={STEP[s.status].cls} />\n          <span className=\"tx\">{s.text}</span>\n        </div>\n      ))}\n      {waiting && <div className=\"bub\"><span className=\"typing\" aria-label={t(\"chat.typing\")}><i /><i /><i /></span></div>}\n      {m.content ?? (m.text && <div className=\"bub\" title={m.hint}><Markdown text={m.text} /></div>)}\n      {atts}\n      {m.error && (\n        <div className={`llmerr${m.error.transient ? \" amber\" : \"\"}`} role=\"alert\" style={{ marginTop: 6 }}>\n          <span>{m.error.text}</span>\n          {onRetry && (\n            <div className=\"row\">\n              <button className=\"btn sm\" disabled={busy} onClick={onRetry}><Icon name=\"refresh\" size={14} />{t(\"chat.retry\")}</button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** An event of the conversation: a line with a chip; the details unfold\n * (FTR.NAB.CHAT-0001 design §3.2). */\nfunction EventDivider({ m }: { m: ChatMessage }) {\n  const { t, i18n } = useTranslation(UIKIT_NS);\n  const [open, setOpen] = useState(false);\n  const ev = m.event!;\n  return (\n    <div className=\"evdiv\">\n      <div className=\"evline\" role=\"separator\">\n        <span className=\"evchip\">\n          <Icon name={ev.icon} size={12} />\n          {ev.text} · {markTime(m.createdAt, i18n.language)}\n          {ev.details && (\n            <button type=\"button\" className=\"textbtn\" aria-expanded={open} onClick={() => setOpen((v) => !v)}>\n              {t(\"chat.event.details\")} {open ? \"▴\" : \"▾\"}\n            </button>\n          )}\n        </span>\n      </div>\n      {open && ev.details && <div className=\"evdetails\">{ev.details}</div>}\n    </div>\n  );\n}\n","/** What the composer does with the outcome of a recognition. */\nexport interface TranscriptionHandlers {\n  busy(on: boolean): void;\n  /** The recognized text goes into the composer. */\n  text(text: string): void;\n  /** Nothing was recognized. */\n  empty(): void;\n  /** The recognition failed: the reason and a way to try the same recording again. */\n  failed(reason: string | undefined, retry: () => void): void;\n}\n\n/** Recognizes a recording (FTR.NAB.CHAT-0001 R20, design §3.1). A rejection of the\n * product is a failure the user may retry: the recording stays with the retry until\n * the toast is closed. `null` means the product has told the user itself. */\nexport async function transcribe(recording: Blob, recognize: (b: Blob) => Promise<string | null>, on: TranscriptionHandlers): Promise<void> {\n  on.busy(true);\n  let r: string | null;\n  try {\n    r = await recognize(recording);\n  } catch (e) {\n    on.busy(false);\n    on.failed(e instanceof Error && e.message ? e.message : undefined, () => void transcribe(recording, recognize, on));\n    return;\n  }\n  on.busy(false);\n  if (r === null) return;\n  if (!r) on.empty();\n  else on.text(r);\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** Recording with MediaRecorder (FTR.NAB.CHAT-0001 R20): started and stopped\n * by the user, stopped by itself at `maxSeconds`; the level of the voice is\n * sampled for the bar of the recording. */\nexport function useRecorder(maxSeconds = 300, onLimit?: () => void) {\n  const supported = typeof window !== \"undefined\" && \"MediaRecorder\" in window && !!navigator.mediaDevices?.getUserMedia;\n  const [recording, setRecording] = useState(false);\n  const [seconds, setSeconds] = useState(0);\n  const [level, setLevel] = useState(0);\n  const [error, setError] = useState(false);\n  const rec = useRef<MediaRecorder | null>(null);\n  const chunks = useRef<Blob[]>([]);\n  const timer = useRef<number | undefined>(undefined);\n  const audio = useRef<AudioContext | null>(null);\n  const stopped = useRef<((b: Blob | null) => void) | null>(null);\n  const discard = useRef(false);\n  const limit = useRef(onLimit);\n  useEffect(() => {\n    limit.current = onLimit;\n  });\n\n  const cleanup = useCallback(() => {\n    window.clearInterval(timer.current);\n    rec.current?.stream.getTracks().forEach((tr) => tr.stop());\n    rec.current = null;\n    void audio.current?.close().catch(() => undefined);\n    audio.current = null;\n    setRecording(false);\n    setLevel(0);\n  }, []);\n\n  const start = useCallback(async () => {\n    if (!supported || rec.current) return;\n    setError(false);\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      const r = new MediaRecorder(stream);\n      chunks.current = [];\n      discard.current = false;\n      r.ondataavailable = (e) => e.data.size > 0 && chunks.current.push(e.data);\n      r.onstop = () => {\n        const blob = !discard.current && chunks.current.length ? new Blob(chunks.current, { type: r.mimeType || \"audio/webm\" }) : null;\n        cleanup();\n        stopped.current?.(blob);\n        stopped.current = null;\n      };\n      let analyser: AnalyserNode | null = null;\n      try {\n        const Ctx = window.AudioContext ?? (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext;\n        if (Ctx) {\n          audio.current = new Ctx();\n          analyser = audio.current.createAnalyser();\n          analyser.fftSize = 256;\n          audio.current.createMediaStreamSource(stream).connect(analyser);\n        }\n      } catch {\n        analyser = null; // the bar stays flat without Web Audio\n      }\n      const samples = analyser ? new Uint8Array(analyser.fftSize) : null;\n      rec.current = r;\n      r.start();\n      setSeconds(0);\n      setRecording(true);\n      const began = Date.now();\n      let limited = false;\n      timer.current = window.setInterval(() => {\n        const s = Math.floor((Date.now() - began) / 1000);\n        setSeconds(s);\n        if (analyser && samples) {\n          analyser.getByteTimeDomainData(samples);\n          let peak = 0;\n          for (const v of samples) peak = Math.max(peak, Math.abs(v - 128));\n          setLevel(Math.min(1, peak / 64));\n        }\n        if (s >= maxSeconds && !limited) {\n          limited = true;\n          limit.current?.();\n        }\n      }, 100);\n    } catch {\n      setError(true);\n      cleanup();\n    }\n  }, [supported, cleanup, maxSeconds]);\n\n  const stop = useCallback(() => new Promise<Blob | null>((resolve) => {\n    const r = rec.current;\n    if (!r || r.state === \"inactive\") return resolve(null);\n    stopped.current = resolve;\n    r.stop();\n  }), []);\n\n  /** Ends the recording and drops it. */\n  const cancel = useCallback(() => {\n    discard.current = true;\n    void stop();\n  }, [stop]);\n\n  useEffect(() => () => cleanup(), [cleanup]);\n\n  return { supported, recording, seconds, level, error, start, stop, cancel };\n}\n\n/** m:ss of a number of seconds. */\nexport function clock(seconds: number): string {\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, \"0\")}`;\n}\n","import { useEffect, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from \"react\";\nimport { Icon } from \"../components/Icon\";\nimport { useToast } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\nimport { CommandPalette, matchCommands } from \"./CommandPalette\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport { MessageView } from \"./MessageView\";\nimport { AttachmentPreview, type LoadAttachment } from \"./Attachments\";\nimport { transcribe } from \"./transcription\";\nimport type { ChatAttachment, ChatCommand, ChatProps, ChatUpload } from \"./types\";\nimport { clock, useRecorder } from \"./useRecorder\";\n\n/** The conversation: the messages and the composer (FTR.NAB.CMN-0005 R11–R13,\n * design §6; FTR.NAB.CHAT-0001 design §3.1). The behaviour is the one of the\n * chat of Nabu. A control exists only when the product gave its handler: no\n * `onCancel` — no cancel button, no `commands` — no palette. */\nexport function Chat(props: ChatProps) {\n  const t = useKitT();\n  const toast = useToast();\n  const [text, setText] = useState(\"\");\n  const [pending, setPending] = useState<ChatUpload[]>([]);\n  const [uploading, setUploading] = useState(false);\n  const [skill, setSkill] = useState<string | null>(null);\n  const [active, setActive] = useState(0);\n  const [paletteClosed, setPaletteClosed] = useState(false);\n  const [unknown, setUnknown] = useState<string | null>(null);\n  const [recognizing, setRecognizing] = useState(false);\n  // FTR.NAB.CHAT-0001 R34: the file open in the preview. The product's loader may be a new function on\n  // every render; the chat gives the thumbnails one stable function while the product has a loader\n  const [viewing, setViewing] = useState<ChatAttachment | null>(null);\n  const latestLoader = useRef(props.loadAttachment);\n  useEffect(() => {\n    latestLoader.current = props.loadAttachment;\n  });\n  const canLoad = !!props.loadAttachment;\n  const loadFile = useMemo<LoadAttachment | undefined>(() => canLoad\n    ? (a: ChatAttachment) => latestLoader.current ? latestLoader.current(a) : Promise.reject(new Error(\"no loader\"))\n    : undefined, [canLoad]);\n  const voice = useRef(false);\n  const listRef = useRef<HTMLDivElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const fieldRef = useRef<HTMLTextAreaElement>(null);\n  const maxSeconds = props.voiceMaxSeconds ?? 300;\n  const recorder = useRecorder(maxSeconds, () => void stopAndTranscribe());\n  const { messages, busy = false } = props;\n  const onPendingChange = props.onPendingChange;\n  useEffect(() => onPendingChange?.(pending), [pending, onPendingChange]);\n\n  const first = messages[0]?.id;\n  const tail = messages[messages.length - 1];\n  const last = tail?.id;\n  const tailText = tail?.text.length;\n  const tailSteps = tail?.steps?.length;\n  // The ends and the height of the list at the last layout: earlier messages\n  // loaded above it keep the place of the list.\n  const lastLayout = useRef<{ first?: string; last?: string; height: number }>({ height: 0 });\n  // The list follows new messages and the growth of the last one: the dependencies are the trigger.\n  useLayoutEffect(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const was = lastLayout.current;\n    // history is prepended when the start of the list changed and its end did not;\n    // another conversation changes both\n    const prepended = was.first !== undefined && first !== was.first && last === was.last;\n    el.scrollTop = prepended ? el.scrollTop + (el.scrollHeight - was.height) : el.scrollHeight;\n    lastLayout.current = { first, last, height: el.scrollHeight };\n    // oxlint-disable-next-line react/exhaustive-effect-dependencies -- the length and the growth of the tail only trigger\n  }, [messages.length, first, last, tailText, tailSteps]);\n\n  // R4: \"/\" at the start of the field without a space opens the palette\n  const query = props.commands && !skill && text.startsWith(\"/\") && !/\\s/.test(text) ? text.slice(1) : null;\n  const items = query !== null ? matchCommands(props.commands ?? [], query) : [];\n  const paletteOpen = query !== null && !paletteClosed;\n\n  const clear = () => {\n    setText(\"\");\n    setPending([]);\n    setSkill(null);\n    setUnknown(null);\n    voice.current = false;\n  };\n\n  const runCommand = async (name: string, rest: string) => {\n    if (!props.onCommand) return;\n    try {\n      await props.onCommand(name, rest);\n      clear();\n    } catch {\n      // the product has told the user; the text stays\n    }\n  };\n\n  const send = async (body: string, asText = false) => {\n    const msg = body.trim();\n    if ((!msg && pending.length === 0 && !skill) || busy || props.readOnly) return;\n    // R4: a command typed in full runs; an unknown one waits for «Send as text»\n    if (!asText && !skill && props.commands && msg.startsWith(\"/\")) {\n      const [word, ...rest] = msg.slice(1).split(/\\s+/);\n      const cmd = props.commands.find((c) => c.kind === \"command\" && c.name === word);\n      if (cmd) return runCommand(cmd.name, rest.join(\" \"));\n      if (word && !msg.includes(\"\\n\")) {\n        setUnknown(\"/\" + word);\n        return;\n      }\n    }\n    try {\n      await props.onSend(msg, pending.map((f) => f.id), voice.current, skill ?? undefined);\n      clear();\n    } catch {\n      // the product has told the user; the text stays in the composer\n    }\n  };\n\n  const pick = (c: ChatCommand) => {\n    setActive(0);\n    if (c.kind === \"skill\") {\n      setSkill(c.name);\n      setText(\"\");\n    } else if (c.takesText) {\n      setText(\"/\" + c.name + \" \");\n    } else {\n      void runCommand(c.name, \"\");\n    }\n    fieldRef.current?.focus();\n  };\n\n  const keys = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (paletteOpen && items.length > 0) {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const d = e.key === \"ArrowDown\" ? 1 : -1;\n        setActive((a) => (a + d + items.length) % items.length);\n        return;\n      }\n      if ((e.key === \"Enter\" && !e.shiftKey) || e.key === \"Tab\") {\n        e.preventDefault();\n        pick(items[Math.min(active, items.length - 1)]);\n        return;\n      }\n    }\n    if (paletteOpen && e.key === \"Escape\") {\n      e.preventDefault();\n      setPaletteClosed(true);\n      return;\n    }\n    if (e.key === \"Backspace\" && skill && text === \"\") {\n      setSkill(null); // design §3.1: Backspace in the empty field takes the skill off\n      return;\n    }\n    // FTR.NAB.CHAT-0001 design §3.1: on a touch screen Enter is a new line, the message goes by its button\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing && !touchKeyboard()) {\n      e.preventDefault();\n      void send(text);\n    }\n  };\n\n  // design §3.1: the field grows with its lines up to three, then scrolls (its max-height in CSS); a change of\n  // its width (a turned phone, a resized panel) wraps the lines anew\n  useLayoutEffect(() => fitField(fieldRef.current, listRef.current), [text]);\n  useEffect(() => {\n    const el = fieldRef.current;\n    if (!el || typeof ResizeObserver === \"undefined\") return;\n    let width = el.clientWidth;\n    const ro = new ResizeObserver(() => {\n      if (el.clientWidth !== width) {\n        width = el.clientWidth;\n        fitField(el, listRef.current);\n      }\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [recorder.recording]);\n\n  const attach = async (files: FileList | null) => {\n    if (!files?.length || !props.onUpload) return;\n    setUploading(true);\n    for (const f of Array.from(files)) {\n      if (props.upload && f.size > props.upload.maxBytes) {\n        toast({ kind: \"error\", title: t(\"chat.tooLarge\"), text: f.name });\n        continue;\n      }\n      const a = await props.onUpload(f).catch(() => null);\n      if (a) setPending((x) => [...x, a]);\n    }\n    setUploading(false);\n    if (fileRef.current) fileRef.current.value = \"\";\n  };\n\n  // R20: the recognized text goes into the field; the user checks and sends it\n  async function stopAndTranscribe() {\n    const blob = await recorder.stop();\n    if (!blob || !props.onTranscribe) return;\n    await transcribe(blob, props.onTranscribe, {\n      busy: setRecognizing,\n      empty: () => toast({ kind: \"error\", title: t(\"chat.voice.notRecognized\") }),\n      // design §3.1: the recording stays until the toast is closed\n      failed: (reason, retry) => toast({ kind: \"error\", title: reason ?? t(\"chat.voice.failed\"), actions: [{ label: t(\"chat.voice.retry\"), primary: true, onClick: retry }] }),\n      text: (r) => {\n        voice.current = true;\n        setText((x) => (x.trim() ? x.trimEnd() + \" \" + r : r));\n        fieldRef.current?.focus();\n      },\n    });\n  }\n\n  const voiceKey = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && recorder.recording) {\n      e.preventDefault();\n      recorder.cancel();\n    }\n  };\n\n  const placeholder = skill ? t(\"chat.skillPlaceholder\") : t(\"chat.placeholder\", { name: props.agentName });\n  const left = maxSeconds - recorder.seconds;\n  return (\n    <section className=\"nb-chat\" aria-label={t(\"chat.title\")}>\n      {props.header}\n      <div className=\"msgs\" ref={listRef} aria-live=\"polite\">\n        {props.hasOlder && props.onLoadOlder && (\n          <button className=\"btn ghost sm\" style={{ alignSelf: \"center\" }} disabled={props.loadingOlder} onClick={props.onLoadOlder}>\n            {t(\"chat.loadOlder\")}\n          </button>\n        )}\n        {props.historyError && <div className=\"err-text\">{props.historyError}</div>}\n        {messages.length === 0 && !props.loading && !props.historyError && (\n          <div className=\"empty\"><div className=\"ic\"><Icon name=\"spark\" /></div><b>{t(\"chat.emptyTitle\", { name: props.agentName })}</b>{props.emptyHint}</div>\n        )}\n        {messages.map((m) => <MessageView key={m.id} m={m} busy={busy} onRetry={props.onRetry && (() => props.onRetry?.(m.id))}\n          loadAttachment={loadFile} onOpenAttachment={setViewing} />)}\n        {props.onConfirm && (props.confirmations ?? []).map((c) => (\n          <div className=\"confirm\" key={c.id} role=\"group\" aria-label={t(\"chat.confirm.title\")}>\n            <div className=\"h\"><Icon name=\"alert\" size={16} />{t(\"chat.confirm.title\")}</div>\n            <div>{t(\"chat.confirm.text\", { action: c.summary })}</div>\n            {c.preview !== undefined && <pre>{c.preview}</pre>}\n            <div className=\"acts\">\n              {/* never tied to `busy`: the agent asks in the middle of its turn */}\n              <button className=\"btn sm primary\" onClick={() => props.onConfirm?.(c.id, true)}>{t(\"chat.confirm.approve\")}</button>\n              <button className=\"btn sm\" onClick={() => props.onConfirm?.(c.id, false)}>{t(\"chat.confirm.reject\")}</button>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {props.readOnly ? (\n        <div className=\"composer\" style={{ justifyContent: \"space-between\", alignItems: \"center\" }}>{props.readOnly}</div>\n      ) : (\n        <div className=\"composer-wrap\">\n          {paletteOpen && <CommandPalette items={items} active={Math.min(active, Math.max(items.length - 1, 0))} onPick={pick} onHover={setActive} />}\n          {props.aboveComposer}\n          {pending.length > 0 && (\n            <div className=\"pending-files\">\n              {pending.map((f) => (\n                <span key={f.id} className=\"chip\">\n                  <Icon name=\"clip\" size={12} />{f.fileName}\n                  <button className=\"iconbtn\" style={{ width: 18, height: 18 }} aria-label={t(\"remove\")}\n                    onClick={() => setPending((x) => x.filter((y) => y.id !== f.id))}><Icon name=\"x\" size={12} /></button>\n                </span>\n              ))}\n            </div>\n          )}\n          {unknown && (\n            <div className=\"cmd-unknown\" role=\"status\">\n              {t(\"chat.unknownCommand\", { name: unknown })}\n              <button type=\"button\" className=\"textbtn\" onClick={() => void send(text, true)}>{t(\"chat.sendAsText\")}</button>\n            </div>\n          )}\n          <div className=\"composer\">\n            {props.onUpload && !recorder.recording && (\n              <>\n                <button className=\"iconbtn\" aria-label={t(\"chat.attach\")} disabled={uploading} onClick={() => fileRef.current?.click()}><Icon name=\"clip\" /></button>\n                <input ref={fileRef} type=\"file\" multiple hidden accept={props.upload?.accept} onChange={(e) => attach(e.target.files)} />\n              </>\n            )}\n            {recorder.recording ? (\n              <div className={`recbar${left <= 15 ? \" ending\" : \"\"}`} role=\"status\" aria-label={t(\"chat.voice.recordingNow\")}>\n                <span className=\"dot\" aria-hidden=\"true\" />\n                <span className=\"tm\">{clock(recorder.seconds)} / {clock(maxSeconds)}</span>\n                <span className=\"lvl\" aria-hidden=\"true\"><i style={{ transform: `scaleX(${Math.max(0.04, recorder.level)})` }} /></span>\n                <button type=\"button\" className=\"btn ghost sm\" onClick={recorder.cancel}>{t(\"cancel\")}</button>\n                <button type=\"button\" className=\"btn primary sm\" onKeyDown={voiceKey} onClick={() => void stopAndTranscribe()}>{t(\"chat.voice.done\")}</button>\n              </div>\n            ) : (\n              <div className={`field${skill ? \" with-skill\" : \"\"}${recognizing ? \" recognizing\" : \"\"}`} aria-busy={recognizing || undefined}>\n                {skill && (\n                  <span className=\"chip skill-chip\">\n                    <Icon name=\"spark\" size={12} />{skill}\n                    <button className=\"iconbtn\" style={{ width: 18, height: 18 }} aria-label={t(\"remove\")} onClick={() => setSkill(null)}><Icon name=\"x\" size={12} /></button>\n                  </span>\n                )}\n                <textarea ref={fieldRef} rows={1} value={text} placeholder={recognizing ? t(\"chat.voice.recognizing\") : placeholder} aria-label={placeholder}\n                  disabled={recognizing} aria-expanded={paletteOpen} aria-autocomplete={props.commands ? \"list\" : undefined}\n                  onChange={(e) => { setText(e.target.value); setPaletteClosed(false); setActive(0); setUnknown(null); }}\n                  onKeyDown={keys} />\n              </div>\n            )}\n            {props.context && !recorder.recording && <ContextMeter context={props.context} onCompact={props.onCompact} onReset={props.onReset} />}\n            {props.onTranscribe && !recorder.recording && (\n              <VoiceButton supported={recorder.supported} recognizing={recognizing} onStart={() => void recorder.start()} />\n            )}\n            {!recorder.recording && (props.onCancel && busy ? (\n              <button className=\"iconbtn fill\" aria-label={t(\"chat.stop\")} onClick={props.onCancel}><Icon name=\"stop\" /></button>\n            ) : (\n              <button className=\"iconbtn fill\" aria-label={t(\"chat.send\")} disabled={(!text.trim() && pending.length === 0 && !skill) || busy || recognizing} onClick={() => send(text)}>\n                <Icon name=\"send\" />\n              </button>\n            ))}\n          </div>\n          {recorder.error && <div className=\"err-text\" style={{ padding: \"0 12px 8px\" }}>{t(\"chat.voice.micDenied\")}</div>}\n        </div>\n      )}\n      {viewing && loadFile && <AttachmentPreview a={viewing} load={loadFile} onClose={() => setViewing(null)} />}\n    </section>\n  );\n}\n\n// design §3.1: while the server recognizes a recording the microphone gives way\n// to a wave, so the user sees the voice is being processed\nexport function VoiceButton({ supported, recognizing, onStart }: { supported: boolean; recognizing: boolean; onStart: () => void }) {\n  const t = useKitT();\n  if (recognizing) {\n    return (\n      <span className=\"voicewait\" role=\"status\" aria-label={t(\"chat.voice.recognizing\")} title={t(\"chat.voice.recognizing\")}>\n        <i /><i /><i /><i /><i />\n      </span>\n    );\n  }\n  return (\n    <button className=\"iconbtn\" disabled={!supported}\n      aria-label={t(\"chat.voice.start\")} title={supported ? t(\"chat.voice.start\") : t(\"chat.voice.unsupported\")}\n      onClick={onStart}>\n      <Icon name=\"mic\" />\n    </button>\n  );\n}\n\n/** A touch screen without a mouse: its on-screen keyboard has no Shift+Enter, so Enter breaks the line. */\nfunction touchKeyboard(): boolean {\n  return typeof window !== \"undefined\" && !!window.matchMedia?.(\"(hover: none) and (pointer: coarse)\").matches;\n}\n\n/** Sets the height of the field to its lines; the CSS bounds it to three. The list of messages gets lower as the\n * field grows: a list read to its end stays at its end, so the last message is not hidden under the field. */\nfunction fitField(el: HTMLTextAreaElement | null, list: HTMLElement | null) {\n  if (!el) return;\n  const atEnd = !!list && list.scrollHeight - list.scrollTop - list.clientHeight < 2;\n  el.style.height = \"auto\";\n  el.style.height = `${el.scrollHeight + el.offsetHeight - el.clientHeight}px`;\n  if (list && atEnd) list.scrollTop = list.scrollHeight;\n}\n","import { useEffect, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../components/Icon\";\nimport { Modal } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\nimport type { ChatConversation, ConversationListProps } from \"./types\";\n\n/** The conversations of the user: the main one, the topics, the archive (design\n * §6.2). In a wide place the list stands left of the messages; on a phone and in\n * a narrow place it lies over them while open and closes by a pick, a tap\n * beside it or Escape. */\nexport function ConversationList({ conversations, currentId, open, onPick, onClose, onCreate }: ConversationListProps) {\n  const t = useKitT();\n  const [creating, setCreating] = useState(false);\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && onClose();\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [open, onClose]);\n\n  const item = (c: ChatConversation) => (\n    <button key={c.id} className={`it${c.id === currentId ? \" on\" : \"\"}${c.group === \"archive\" ? \" arch\" : \"\"}`}\n      onClick={() => onPick(c.id)} aria-current={c.id === currentId}>\n      <Icon name={c.icon ?? \"msg2\"} size={16} />\n      <span className=\"nm\">{c.title}</span>\n      {!!c.unread && <span className=\"unread\" aria-label={t(\"chat.unread\", { count: c.unread })}>{c.unread}</span>}\n      <span className=\"sub\">{c.when}</span>\n    </button>\n  );\n  const inGroup = (g: ChatConversation[\"group\"]) => conversations.filter((c) => c.group === g);\n  const topics = inGroup(\"topic\");\n  const archive = inGroup(\"archive\");\n  return (\n    <>\n      <nav className={`nb-side${open ? \" open\" : \"\"}`} aria-label={t(\"chat.conversations\")}>\n        {onCreate && (\n          <button className=\"btn sm\" style={{ width: \"100%\", justifyContent: \"center\" }} onClick={() => setCreating(true)}>\n            <Icon name=\"plus\" size={15} />{t(\"chat.newTopic\")}\n          </button>\n        )}\n        <div className=\"h\">{t(\"chat.conversation\")}</div>\n        {inGroup(\"main\").map(item)}\n        <div className=\"h\">{t(\"chat.topics\")}</div>\n        {topics.length === 0 && <div className=\"small muted\" style={{ padding: \"0 10px\" }}>{t(\"chat.noTopics\")}</div>}\n        {topics.map(item)}\n        {archive.length > 0 && <div className=\"h\">{t(\"chat.archive\")}</div>}\n        {archive.map(item)}\n      </nav>\n      {/* over the messages: a tap beside the list closes it */}\n      {open && <button type=\"button\" className=\"nb-scrim\" aria-label={t(\"close\")} onClick={onClose} />}\n      {creating && onCreate && <NewTopicModal onClose={() => setCreating(false)} onCreate={onCreate} />}\n    </>\n  );\n}\n\n/** The place of a chat: the list of conversations, the conversation and what the\n * product puts beside them. `narrow` is for a side panel: the list lies over the\n * messages as on a phone, whatever the width of the window. */\nexport function ChatLayout({ narrow, children }: { narrow?: boolean; children: ReactNode }) {\n  return <div className={`nb-app${narrow ? \" narrow\" : \"\"}`}>{children}</div>;\n}\n\n/** The dialog of a new topic: one field, Enter creates. */\nexport function NewTopicModal({ onClose, onCreate }: { onClose: () => void; onCreate: (title: string) => Promise<void> }) {\n  const t = useKitT();\n  const [title, setTitle] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const create = async () => {\n    if (!title.trim() || pending) return;\n    setPending(true);\n    setError(null);\n    try {\n      await onCreate(title.trim());\n      onClose();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : String(e));\n      setPending(false);\n    }\n  };\n  return (\n    <Modal title={t(\"chat.newTopic\")} onClose={onClose} footer={<>\n      <button className=\"btn ghost\" onClick={onClose}>{t(\"cancel\")}</button>\n      <button className=\"btn primary\" disabled={!title.trim() || pending} onClick={create}>{t(\"create\")}</button>\n    </>}>\n      <div className=\"field\">\n        <label htmlFor=\"topic-title\">{t(\"chat.topicTitle\")}</label>\n        <input id=\"topic-title\" className=\"inp\" value={title} maxLength={120} onChange={(e) => setTitle(e.target.value)}\n          onKeyDown={(e) => e.key === \"Enter\" && create()} />\n        <div className=\"hint\">{t(\"chat.topicHint\")}</div>\n      </div>\n      {error && <div className=\"err-text\">{error}</div>}\n    </Modal>\n  );\n}\n","import { useState, type ReactNode } from \"react\";\nimport { Icon, type IconName } from \"../components/Icon\";\nimport { useOutside } from \"../components/ui\";\nimport { useKitT } from \"../i18n\";\n\n/** One of the ways an agent can look and talk; what it means only the product knows (R7). */\nexport interface AgentOption { key: string; label: string; icon: IconName }\n\n/** A model the user may choose for the agent (FTR.NAB.CHAT-0001 R16, design §3.3). */\nexport interface AgentModelOption {\n  key: string;\n  label: string;\n  /** The connection or the default model, grey under the name. */\n  sub?: string;\n  /** The capabilities: images, reasoning, the window. */\n  badges?: { icon?: IconName; text: string }[];\n  /** Under the row of the chosen model: the context will be compacted. */\n  warn?: ReactNode;\n}\n\n/** The block «Model» of the menu: one model is shown without a choice; none — the text of the product. */\nexport interface AgentModels {\n  label: ReactNode;\n  options: AgentModelOption[];\n  value: string;\n  onPick: (key: string) => void;\n  empty?: ReactNode;\n}\n\n/** The round button of the agent: its icon, and the menu behind it. */\nexport function AgentButton({ icon, label, title, expanded, small, disabled, onClick }: {\n  icon: IconName; label: string; title?: string; expanded?: boolean; small?: boolean; disabled?: boolean; onClick?: () => void;\n}) {\n  return (\n    <button type=\"button\" className={`agentbtn${small ? \" s\" : \"\"}`} disabled={disabled} aria-label={label} aria-expanded={expanded} title={title}\n      // the menu closes on an outside mousedown; keep this click a toggle\n      onMouseDown={(e) => expanded && e.stopPropagation()} onClick={onClick}>\n      <Icon name={icon} size={small ? 15 : 18} />\n    </button>\n  );\n}\n\n/** The menu of the agent (FTR.NAB.CMN-0005 R15, design §6.6): its name and a\n * choice among the options of the product, as tiles with icons. The name is\n * saved on Enter and on leaving the field; a pick is saved at once. */\nexport function AgentMenu({ label, name, options, value, optionsLabel, hint, narrow, models, onRename, onPick, onClose }: {\n  /** The name of the dialog for a screen reader. */\n  label: string;\n  name: string;\n  options: AgentOption[];\n  value: string;\n  optionsLabel: ReactNode;\n  hint?: ReactNode;\n  /** A narrow place — a side panel: the options go in one column. */\n  narrow?: boolean;\n  /** The choice of the model after the options. */\n  models?: AgentModels;\n  onRename: (name: string) => void;\n  onPick: (key: string) => void;\n  /** Must keep its identity between renders. */\n  onClose: () => void;\n}) {\n  const t = useKitT();\n  const [draft, setDraft] = useState(name);\n  const ref = useOutside<HTMLDivElement>(true, onClose);\n  const save = () => {\n    const next = draft.trim();\n    if (next && next !== name) onRename(next);\n  };\n  return (\n    <div className={`agentmenu${narrow ? \" narrow\" : \"\"}`} ref={ref} role=\"dialog\" aria-label={label}>\n      <div className=\"lab\">{t(\"agentName\")}</div>\n      <input className=\"inp\" value={draft} maxLength={40} autoFocus aria-label={t(\"agentName\")}\n        onChange={(e) => setDraft(e.target.value)} onBlur={save}\n        onKeyDown={(e) => e.key === \"Enter\" && (e.target as HTMLInputElement).blur()} />\n      <div className=\"lab\" style={{ marginTop: 14 }}>{optionsLabel}</div>\n      <div className=\"agentoptions\">\n        {options.map((o) => (\n          <button key={o.key} type=\"button\" className={`agentoption${value === o.key ? \" on\" : \"\"}`} aria-pressed={value === o.key} onClick={() => onPick(o.key)}>\n            <span className=\"ic\"><Icon name={o.icon} size={15} /></span>\n            {o.label}\n          </button>\n        ))}\n      </div>\n      {models && (\n        <>\n          <div className=\"lab\" style={{ marginTop: 14 }}>{models.label}</div>\n          {models.options.length === 0 && <div className=\"hint\">{models.empty}</div>}\n          <div className=\"agentmodels\" role=\"radiogroup\">\n            {models.options.map((m) => {\n              const single = models.options.length === 1;\n              const on = single || models.value === m.key;\n              return (\n                <button key={m.key} type=\"button\" role=\"radio\" aria-checked={on} disabled={single} className={`agentmodel${on ? \" on\" : \"\"}`}\n                  onClick={() => !on && models.onPick(m.key)}>\n                  {!single && <span className={`radio${on ? \" on\" : \"\"}`} aria-hidden=\"true\" />}\n                  <span className=\"body\">\n                    <span className=\"nm\">{m.label}</span>\n                    {m.sub && <span className=\"sub\">{m.sub}</span>}\n                    {m.badges && m.badges.length > 0 && (\n                      <span className=\"badges\">\n                        {m.badges.map((b) => <span key={b.text} className=\"cap\">{b.icon && <Icon name={b.icon} size={11} />}{b.text}</span>)}\n                      </span>\n                    )}\n                    {on && m.warn && <span className=\"warn\">{m.warn}</span>}\n                  </span>\n                </button>\n              );\n            })}\n          </div>\n        </>\n      )}\n      {hint && <div className=\"hint\" style={{ marginTop: 10 }}>{hint}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBY,EAAc,GAAyB,GAA8B;CACnF,IAAMC,IAAIC,EAAM,YAAY;CAC5B,OAAOC,EAAS,QAAQ,MAAMC,EAAE,KAAK,YAAY,CAAC,CAAC,SAASH,CAAC,MAAMG,EAAE,eAAe,GAAA,CAAI,YAAY,CAAC,CAAC,SAASH,CAAC,CAAC;AACnH;AAKA,SAAgBI,EAAe,EAAE,UAAO,WAAQ,WAAQ,cAKrD;CACD,IAAMC,IAAIR,EAAQ,GACZK,IAAWI,EAAM,QAAQ,MAAMH,EAAE,SAAS,SAAS,GACnDI,IAASD,EAAM,QAAQ,MAAMH,EAAE,SAAS,OAAO,GAC/CK,KAAO,GAAgB,MAC3B,kBAAC,UAAD;EAA8B,MAAK;EAAS,MAAK;EAAS,iBAAeC,MAAMC;EAAQ,WAAW,cAAcD,MAAMC,IAAS,QAAQ;EAErI,cAAc,MAAM;GAAsB,AAApBC,EAAE,eAAe,GAAGC,EAAOT,CAAC;EAAG;EAAG,oBAAoBU,EAAQJ,CAAC;EAFvF,UAAA;GAIGN,EAAE,SAAS,UAAU,kBAACV,GAAD;IAAM,MAAK;IAAQ,MAAM;GAAK,CAAA,IAAI,kBAAC,QAAD;IAAM,WAAU;IAAQ,eAAY;GAAQ,CAAA;GACpG,kBAAC,QAAD;IAAM,WAAU;IAAM,UAAAU,EAAE,SAAS,YAAY,MAAMA,EAAE,OAAOA,EAAE;GAAW,CAAA;GACzE,kBAAC,QAAD;IAAM,WAAU;IAAM,UAAAA,EAAE;GAAkB,CAAA;GACzCA,EAAE,UAAU,kBAAC,QAAD;IAAM,WAAU;IAAO,UAAAA,EAAE;GAAa,CAAA;EAC7C;CARK,GAAAA,EAAE,OAAOA,EAAE,IAQhB;CAEV,OACE,kBAAC,OAAD;EAAK,WAAU;EAAU,MAAK;EAAU,cAAYE,EAAE,oBAAoB;EAA1E,UAAA;GACGC,EAAM,WAAW,KAAK,kBAAC,OAAD;IAAK,WAAU;IAAiB,UAAAD,EAAE,oBAAoB;GAAO,CAAA;GACnFH,EAAS,SAAS,KAAK,kBAAC,OAAD;IAAK,WAAU;IAAa,UAAAG,EAAE,uBAAuB;GAAO,CAAA;GACnFH,EAAS,KAAK,MAAMM,EAAIL,GAAGG,EAAM,QAAQH,CAAC,CAAC,CAAC;GAC5CG,EAAM,SAAS,KAAK,kBAAC,OAAD;IAAK,WAAU;IAAa,UAAAD,EAAE,qBAAqB;GAAO,CAAA;GAC9EE,EAAO,WAAW,KAAKD,EAAM,SAAS,KAAK,kBAAC,OAAD;IAAK,WAAU;IAAiB,UAAAD,EAAE,uBAAuB;GAAO,CAAA;GAC3GE,EAAO,KAAK,MAAMC,EAAIL,GAAGG,EAAM,QAAQH,CAAC,CAAC,CAAC;EACxC;;AAET;;;AC1CA,IAAaW,KAAc,MAAiBC,MAAQ,OAAO,UAAUA;;;ACQrE,SAAgBC,EAAO,GAAW,GAAqB;CACrD,OAAO,IAAI,KAAK,aAAaF,EAAWC,CAAG,GAAG;EAAE,UAAU;EAAW,uBAAuB;CAAE,CAAC,CAAC,CAAC,OAAOE,CAAC;AAC3G;AAKA,SAAgBC,EAAa,EAAE,YAAS,cAAW,cAAmF;CACpI,IAAMb,IAAIR,EAAQ,GACZ,EAAE,YAASsB,EAAerB,CAAQ,GAClC,CAACsB,GAAMC,KAAWC,EAAS,EAAK,GAChCC,IAAM3B,EAA2BwB,SAAYC,EAAQ,EAAK,CAAC,GAC3DG,IAAQC,EAAQ,SAAS,IAAI,KAAK,IAAI,GAAGA,EAAQ,SAASA,EAAQ,MAAM,IAAI,GAC5EC,IAAM,KAAK,MAAMF,IAAQ,GAAG,GAC5BG,IAAQH,KAAS,KAAM,SAASA,KAAS,KAAM,SAAS,IAExDrB,IAAI,IAAI,KAAK,KAAK,GAClBY,IAAMa,EAAK;CACjB,OACE,kBAAC,OAAD;EAAK,WAAU;EAAgB;EAA/B,UAAA,CACE,kBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,WAAWD;GAAS,iBAAeP;GAAM,eAAeC,GAAS,MAAM,CAACQ,CAAC;GACxG,cAAYxB,EAAE,sBAAsB;IAAE,MAAMW,EAAOS,EAAQ,QAAQV,CAAG;IAAG,OAAOC,EAAOS,EAAQ,QAAQV,CAAG;IAAG;GAAI,CAAC;GAClH,OAAOV,EAAE,sBAAsB;IAAE,MAAMW,EAAOS,EAAQ,QAAQV,CAAG;IAAG,OAAOC,EAAOS,EAAQ,QAAQV,CAAG;IAAG;GAAI,CAAC;GAC7G,UAAA,kBAAC,OAAD;IAAK,SAAQ;IAAY,eAAY;IAArC,UAAA,CACE,kBAAC,UAAD;KAAQ,WAAU;KAAK,IAAG;KAAI,IAAG;KAAO;IAAI,CAAA,GAC5C,kBAAC,UAAD;KAAQ,WAAU;KAAK,IAAG;KAAI,IAAG;KAAO;KAAG,iBAAiB,IAAIZ,IAAIqB,EAAA,CAAO,QAAQ,CAAC,EAAE,GAAGrB,EAAE,QAAQ,CAAC;KAAK,WAAU;IAAmB,CAAA,CACnI;;EACC,CAAA,GACPiB,KACC,kBAAC,OAAD;GAAK,WAAU;GAAS,MAAK;GAA7B,UAAA;IACE,kBAAC,OAAD,EAAA,UAAMf,EAAE,sBAAsB;KAAE,MAAMW,EAAOS,EAAQ,QAAQV,CAAG;KAAG,OAAOC,EAAOS,EAAQ,QAAQV,CAAG;KAAG;IAAI,CAAC,EAAO,CAAA;IAClHY,MAAU,UAAU,kBAAC,OAAD;KAAK,WAAU;KAAc,OAAO,EAAE,WAAW,EAAE;KAAI,UAAAtB,EAAE,mBAAmB;IAAO,CAAA;IACvGsB,MAAU,WAAWG,KAAaC,MACjC,kBAAC,OAAD;KAAK,WAAU;KAAM,OAAO;MAAE,WAAW;MAAG,KAAK;KAAE;KAAnD,UAAA,CACGD,KAAa,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAAS,eAAe;OAAkB,AAAhBT,EAAQ,EAAK,GAAGS,EAAU;MAAG;MAAvF,UAAA,CAA0F,kBAACrC,GAAD;OAAM,MAAK;OAAW,MAAM;MAAK,CAAA,GAAEY,EAAE,sBAAsB,CAAU;KAC5K,CAAA,GAAA0B,KAAW,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAAe,eAAe;OAAkB,AAAhBV,EAAQ,EAAK,GAAGU,EAAQ;MAAG;MAA3F,UAAA,CAA8F,kBAACtC,GAAD;OAAM,MAAK;OAAO,MAAM;MAAK,CAAA,GAAEY,EAAE,oBAAoB,CAAU;KACtK,CAAA,CAAA;;GAEJ;EAEJ,CAAA,CAAA;;AAET;;;AChCA,IAAM2B,oBAAS,IAAI,IAAI;CAAC;CAAa;CAAc;CAAa;CAAc;AAAe,CAAC,GACxFC,IAAY,+BACZC,IAAW;AAQjB,SAAgBC,EAAY,GAAsE;CAChG,IAAMC,KAAQC,EAAE,YAAY,GAAA,CAAI,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAC3DC,IAAOD,EAAE,SAAS,YAAY;CAOpC,OANIL,EAAO,IAAII,CAAI,MAAO,CAACA,KAAQA,MAAS,+BAA+BH,EAAU,KAAKK,CAAI,IAAW,UACrGF,MAAS,qBAAqBE,EAAK,SAAS,MAAM,IAAU,QAC5DF,MAAS,mBAAmB,mBAAmB,KAAKE,CAAI,IAAU,aAClEF,MAAS,cAAcA,MAAS,+BAA+B,eAAe,KAAKE,CAAI,IAAU,UACjGF,MAAS,eAAe,WAAW,KAAKE,CAAI,IAAU,SACtDF,EAAK,WAAW,OAAO,KAAKA,MAAS,sBAAsBA,MAAS,qBAAqBF,EAAS,KAAKI,CAAI,IAAU,SAClH;AACT;AAEA,IAAMC,IAA2C;CAAE,OAAO;CAAS,KAAK;CAAO,UAAU;CAAY,OAAO;CAAS,MAAM;CAAS,MAAM;AAAS,GAGtIC,KAAe,MAAgCD,EAAUE;AAGtE,SAASC,EAAM,GAAmB,GAAkC;CAKlE,OAJID,MAAS,QAAc,QACvBA,MAAS,aAAmB,OAC5BA,MAAS,SAAe,SAChB,sBAAsB,KAAKJ,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,YAAY,MACtDI,IAAO,QAAQ;AAChC;AAGA,SAAgBE,EAAS,GAAe,GAA0B;CAChE,IAAMC,IAAQ;EAAC;EAAQ;EAAY;EAAY;CAAU,GACrDf,IAAIgB,GACJ,IAAI;CACR,OAAOhB,KAAK,QAAQ,IAAIe,EAAM,SAAS,IAErC,AADA,KAAK,MACL;CAEF,OAAO,IAAI,KAAK,aAAa9B,EAAWgC,CAAQ,GAAG;EACjD,OAAO;EAAQ,MAAMF,EAAM;EAAI,aAAa;EAAS,uBAAuB,MAAM,IAAI,IAAI;CAC5F,CAAC,CAAC,CAAC,OAAOf,CAAC;AACb;AAIA,IAAMkB,IAAc;AAOpB,SAAgBC,EAAa,GAAsB;CACjD,IAAMC,IAAO,uDAAuDF,EAAY,KAC1EG,IAAU,uBAAuB,KAAKC,CAAI,CAAC,GAAG,MAAM;CAC1D,IAAI,OAAO,YAAc,KAAa,OAAOD,IAAUD,IAAOE,EAAK,MAAMD,EAAQ,MAAM;CACvF,IAAME,IAAM,IAAI,UAAU,CAAC,CAAC,gBAAgBD,GAAM,WAAW;CAY7D,AAXAC,EAAI,iBAAiB,wGAAwG,CAAC,CAAC,SAAS,MAAOC,EAAG,OAAO,CAAC,GAC1JD,EAAI,iBAAiB,GAAG,CAAC,CAAC,SAAS,MAAO;EAExC,KAAK,IAAME,KAAQ,MAAM,KAAKD,EAAG,UAAU,GAAG;GAC5C,IAAMf,IAAOgB,EAAK,KAAK,YAAY;GACnC,AAAIhB,EAAK,WAAW,IAAI,KACfiB,GAAU,IAAIjB,CAAI,KAAK,CAACkB,EAAS,KAAKF,EAAK,KAAK,KAChDhB,MAAS,YAAYgB,EAAK,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,MAAM,CAACE,EAAS,KAAKrD,CAAC,CAAC,IAFtDkD,EAAG,gBAAgBC,EAAK,IAAI,IAG9ChB,MAAS,WAASe,EAAG,aAAa,SAASI,EAASH,EAAK,KAAK,CAAC;EAC1E;CACF,CAAC,GACDF,EAAI,iBAAiB,OAAO,CAAC,CAAC,SAAS,MAAO;EAAE,EAAG,cAAcK,EAASJ,EAAG,eAAe,EAAE;CAAG,CAAC;CAClG,IAAMK,IAASN,EAAI,cAAc,MAAM;CAIvC,OAHAM,EAAO,aAAa,cAAc,yBAAyB,GAC3DA,EAAO,aAAa,WAAWX,CAAW,GAC1CK,EAAI,KAAK,QAAQM,CAAM,IACfR,IAAU,oBAAoB,MAAME,EAAI,gBAAgB;AAClE;AAGA,IAAMG,qBAAY,IAAI,IAAI;CAAC;CAAO;CAAQ;CAAc;CAAU;CAAc;CAAU;CAAc;CAAQ;CAAQ;CAAU;CAAU;CAAY;CAAQ;CAAY;CAAY;CAAW;AAAQ,CAAC,GACtMC,IAAW;AAGjB,SAASC,EAAS,GAAqB;CACrC,OAAOE,EAAI,QAAQ,oBAAoB,EAAE,CAAC,CAAC,QAAQ,kCAAkC,GAAG,GAAY,MAAeH,EAAS,KAAKI,CAAC,KAAKA,EAAE,KAAK,MAAM,KAAKC,IAAI,MAAO;AACtK;AAIA,IAAMC,IAAsC;CAC1C,KAAK;CAAa,KAAK;CAAc,MAAM;CAAc,KAAK;CAAa,MAAM;CAAc,KAAK;CACpG,KAAK;CAAmB,IAAI;CAAiB,UAAU;CAAiB,KAAK;CAAY,KAAK;CAC9F,MAAM;CAAa,KAAK;AAC1B;AAGA,SAAgBC,EAAY,GAAsE;CAChG,IAAMC,KAAO3B,EAAE,YAAY,GAAA,CAAI,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,YAAY;CAEhE,OADI2B,KAAOA,MAAQ,6BAAmCA,IAC/CF,EAAY,kBAAkB,KAAKzB,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,YAAY,KAAK,QAAQ2B,KAAO,KAAA;AAC9F;AAGA,SAAgBC,EAAW,GAAc,GAA0B;CACjE,IAAIC,GAAK,OAAOf,EAAK,QAAQ,UAAU,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,KAAK,MAAMgB,EAAE,MAAM,GAAI,CAAC;CAClF,IAAMC,IAAmB,CAAC,GACtB5D,IAAgB,CAAC,GACjB6D,IAAO,IACPC,IAAS;CACb,KAAK,IAAI7D,IAAI,GAAGA,IAAI0C,EAAK,QAAQ,KAAK;EACpC,IAAMhD,IAAIgD,EAAK1C;EACf,AAAI6D,IACEnE,MAAM,QAAOgD,EAAK1C,IAAI,OAAO,QAC/B,KAAQ,MACR,OACSN,MAAM,OAAK,IAAS,KAC1B,KAAQA,IACJA,MAAM,OAAK,IAAS,KACtBA,MAAM,OACbK,EAAI,KAAK6D,CAAI,GACb,IAAO,MACElE,MAAM,QAAQA,MAAM,QACzBA,MAAM,QAAQgD,EAAK1C,IAAI,OAAO,QAAM,KACxCD,EAAI,KAAK6D,CAAI,GACbD,EAAK,KAAK5D,CAAG,GACb,IAAM,CAAC,GACP,IAAO,MACF,KAAQL;CACjB;CAKA,QAJIkE,MAAS,MAAM7D,EAAI,SAAS,OAC9BA,EAAI,KAAK6D,CAAI,GACbD,EAAK,KAAK5D,CAAG,IAER4D;AACT;AAGA,SAASG,EAAQ,GAAmB,GAAsB,IAAU,IAAM;CACxE,IAAM,CAACC,GAAOC,KAAYnD,EAA0D,CAAC,CAAC,GAEhF,EAAE,OAAI,SAAM,aAAU,aAAU,YAASe;CAkB/C,OAjBAqC,QAAgB;EACd,IAAI,CAACC,GAAS;EACd,IAAIC,GACAC,IAAO;EASX,OARAC,EAAK;GAAE;GAAI;GAAM;GAAU;GAAU;EAAK,CAAC,CAAC,CAAC,MAAM,MAAS;GAC1D,IAAI,CAACD,GAAM;GAEX,IAAMzC,IAAO2B,EAAY;IAAE;IAAU;GAAS,CAAC,GACzCgB,IAAQ3C,KAAQ4C,EAAK,SAAS5C,IAAO,IAAI,KAAK,CAAC4C,CAAI,GAAG,EAAE,QAAK,CAAC,IAAIA;GAExE,AADA,IAAM,IAAI,gBAAgBD,CAAK,GAC/BN,EAAS;IAAE;IAAK,MAAMM;GAAM,CAAC;EAC/B,SAASF,KAAQJ,EAAS,EAAE,QAAQ,GAAK,CAAC,CAAC,SAC9B;GAEX,AADA,IAAO,IACHG,KAAK,IAAI,gBAAgBA,CAAG;EAClC;CACF,GAAG;EAACD;EAASG;EAAMG;EAAIC;EAAMC;EAAUC;EAAUC;CAAI,CAAC,GAC/Cb;AACT;AAEA,SAASc,EAAM,EAAE,MAAG,SAAM,aAA2E;CACnG,IAAMjF,IAAIR,EAAQ,GACZ,EAAE,QAAK,cAAW0E,EAAQlC,GAAGyC,CAAI;CAEvC,OADIS,IAAe,kBAACC,GAAD;EAAS;EAAG,MAAK;EAAgB;CAAS,CAAA,IAE3D,kBAAC,UAAD;EAAQ,MAAK;EAAS,WAAU;EAAY,SAASC;EAAQ,cAAYpF,EAAE,mBAAmB,EAAE,MAAMgC,EAAE,SAAS,CAAC;EAAG,OAAOA,EAAE;EAA9H,UAAA,CACGuC,IAAM,kBAAC,OAAD;GAAK,KAAKA;GAAK,KAAI;EAAI,CAAA,IAAI,kBAAC,QAAD;GAAM,WAAU;GAAO,eAAY;EAAQ,CAAA,GAC7E,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAAvC,EAAE;EAAe,CAAA,CACtC;;AAEZ;AAGA,SAASmD,EAAK,EAAE,MAAG,SAAM,aAAgF;CACvG,IAAMnF,IAAIR,EAAQ,GACZ,EAAE,YAASsB,EAAerB,CAAQ,GAClC4F,IAAUjD,MAAS,QAAQgD,MAAW,KAAA,GACtCE,IACJ,kBAAAxG,GAAA,EAAA,UAAA;EACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAACM,GAAD;IAAM,MAAMiG,KAAWjD,IAAOF,EAAUE,KAAQ;IAAY,MAAM;GAAK,CAAA,GACvE,kBAAC,QAAD;IAAM,WAAU;IAAU,UAAAC,EAAML,GAAGI,CAAI;GAAQ,CAAA,CAC3C;;EACN,kBAAC,QAAD;GAAM,WAAU;GAAY,UAAAJ,EAAE;EAAe,CAAA;EAC5CA,EAAE,QAAQ,QAAQ,kBAAC,QAAD;GAAM,WAAU;GAAY,UAAAM,EAASN,EAAE,MAAMT,EAAK,QAAQ;EAAQ,CAAA;CACrF,EAAA,CAAA;CAKJ,OAHI8D,IACK,kBAAC,UAAD;EAAQ,MAAK;EAAS,WAAW,YAAYjD;EAAQ,SAASgD;EAAQ,cAAYpF,EAAE,mBAAmB,EAAE,MAAMgC,EAAE,SAAS,CAAC;EAAG,OAAOA,EAAE;EAAW,UAAAsD;CAAa,CAAA,IAEjK,kBAAC,KAAD;EAAG,WAAU;EAAc,MAAMtD,EAAE;EAAM,UAAUA,EAAE;EAAU,cAAYhC,EAAE,mBAAmB,EAAE,MAAMgC,EAAE,SAAS,CAAC;EAAG,OAAOA,EAAE;EAAW,UAAAsD;CAAQ,CAAA;AAC5J;AAGA,SAAgBE,EAAe,EAAE,UAAO,SAAM,aAAoG;CAChJ,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAAvF,EAAM,KAAK,MAAM;GAChB,IAAMc,IAAO0D,KAAQW,UAAeA,EAAOpD,CAAC,IAAI,KAAA,GAC1CI,IAAON,EAAYE,CAAC;GAC1B,OAAOyC,KAAQ1D,KAAQqB,MAAS,UAC5B,kBAAC6C,GAAD;IAAqB;IAAS;IAAM,QAAQlE;GAAO,GAAvCiB,EAAE,EAAqC,IACnD,kBAACmD,GAAD;IAAoB;IAAS;IAAM,QAAQpE;GAAO,GAAvCiB,EAAE,EAAqC;EACxD,CAAC;CACE,CAAA;AAET;AAEA,SAASyD,EAAU,EAAE,SAAM,UAAuC;CAChE,IAAMzF,IAAIR,EAAQ,GACZ,CAACkG,GAAM,GAAGJ,KAAQ1B,EAAWd,GAAMe,CAAG,GACtC8B,IAAQL,EAAK,MAAM,GAAA,GAAa;CACtC,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,SAAD,EAAA,UAAA,CACGI,KAAQ,kBAAC,SAAD,EAAA,UAAO,kBAAC,MAAD,EAAA,UAAKA,EAAK,KAAK,GAAG,MAAM,kBAAC,MAAD,EAAA,UAAa5F,EAAM,GAAVM,CAAU,CAAC,EAAM,CAAA,EAAQ,CAAA,GAC1E,kBAAC,SAAD,EAAA,UAAQuF,EAAM,KAAK,GAAG,MAAM,kBAAC,MAAD,EAAA,UAAaC,EAAE,KAAK,GAAG,MAAM,kBAAC,MAAD,EAAA,UAAa9F,EAAM,GAAV+F,CAAU,CAAC,EAAM,GAA9CzF,CAA8C,CAAC,EAAS,CAAA,CACxF,EAAA,CAAA,GACNkF,EAAK,SAASK,EAAM,UAAU,kBAAC,OAAD;GAAK,WAAU;GAAY,UAAA3F,EAAE,mBAAmB;IAAE,OAAO2F,EAAM;IAAQ,OAAOL,EAAK;GAAO,CAAC;EAAO,CAAA,CAC9H;;AAET;AAIA,IAAaQ,IAAa;AAI1B,SAASC,EAAS,EAAE,SAAM,YAA0C;CAClE,IAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAOC,KAAYlF,EAAS,CAAC;CACpC,QAAgB;EACd,IAAM+B,IAAKgD,EAAI;EACf,IAAI,CAAChD,GAAI;EACT,IAAMoD,UAAYD,EAAS,KAAK,IAAI,GAAGnD,EAAG,cAAc8C,CAAU,CAAC;EAEnE,IADAM,EAAI,GACA,OAAO,iBAAmB,KAAa;EAC3C,IAAMC,IAAK,IAAI,eAAeD,CAAG;EAEjC,OADAC,EAAG,QAAQrD,CAAE,SACAqD,EAAG,WAAW;CAC7B,GAAG,CAAC,CAAC;CACL,IAAMtD,IAAMuD,QAAc3D,EAAaG,CAAI,GAAG,CAACA,CAAI,CAAC;CACpD,OACE,kBAAC,OAAD;EAAK,WAAU;EAAc,KAAKkD;EAChC,UAAA,kBAAC,UAAD;GAAQ,WAAU;GAAW,SAAQ;GAAG,QAAQjD;GAAY;GAAO,gBAAe;GAChF,OAAO;IAAE,OAAO+C;IAAY,QAAQ,GAAG,MAAMI,EAAM;IAAI,WAAW,SAASA,EAAM;GAAG;EAAI,CAAA;CACvF,CAAA;AAET;AAMA,SAAgBK,GAAkB,EAAE,MAAG,SAAM,cAA6E;CACxH,IAAMvG,IAAIR,EAAQ,GACZ,EAAE,YAASsB,EAAerB,CAAQ,GAClC2C,IAAON,EAAYE,CAAC,GACpBwE,IAAUpE,MAAS,cAAcA,MAAS,WAAWA,MAAS,UAAUA,MAAS,QACjF,CAACqE,GAAQC,KAAazF,EAAS,EAAK,GAEpC0F,IAAgBH,MAAYxE,EAAE,QAAQ,KAAA,SACtC,EAAE,QAAK,SAAM,cAAWkC,EAAQlC,GAAGyC,GAAM,CAACkC,CAAa,GACvD,CAACC,GAASC,KAAc5F,EAAsB,IAAI,GAClD6F,IAAWH,KAAkBH,MAAY7B,GAAM,QAAQ,KAAA;CAC7D,QAAgB;EACd,AAAK6B,KAAY7B,KAAQ,MACzBA,EAAU,YAAY,CAAC,CAAC,MAAM,MAAQ;GACpC,IAAI;IACF,EAAW,EAAE,MAAM,IAAI,YAAY,SAAS,EAAE,OAAO,GAAK,CAAC,CAAC,CAAC,OAAOoC,CAAG,EAAE,CAAC;GAC5E,QAAQ;IACN,EAAW,EAAE,MAAM,KAAK,CAAC;GAC3B;EACF,SAASF,EAAW,EAAE,MAAM,KAAK,CAAC,CAAC;CACrC,GAAG;EAACL;EAAS7B;EAAMmC;CAAQ,CAAC;CAC5B,IAAMhE,IAAO8D,GAAS,MAClBtB;CAaJ,OAZA,AAWKA,IAXDJ,IAAe,kBAAC,OAAD;EAAK,WAAU;EAAoB,UAAAlF,EAAE,mBAAmB;CAAO,CAAA,IACzE8G,IAAiB,kBAAC,OAAD;EAAK,WAAU;EAAW,UAAA9G,EAAE,qBAAqB;CAAO,CAAA,IACzE4G,KAAW9D,MAAS,OAAa,kBAAC,OAAD;EAAK,WAAU;EAAW,UAAA9C,EAAE,oBAAoB;CAAO,CAAA,IACxF,CAACuE,KAAQiC,KAAW1D,KAAQ,OAAc,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GAAyB,kBAAC,QAAD;IAAM,WAAU;IAAO,eAAY;GAAQ,CAAA;GAAC;GAAE9C,EAAE,SAAS;EAAO;MACnIoC,MAAS,UAAgB,kBAAC,OAAD;EAAK,WAAU;EAAU,KAAKmC;EAAK,KAAKvC,EAAE;CAAW,CAAA,IAE9EI,MAAS,QAAc,kBAAC,UAAD;EAAQ,WAAU;EAAU,MAAMmC;EAAK,MAAK;EAAkB,cAAYvC,EAAE;EAAU,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAW,UAAAhC,EAAE,mBAAmB;EAAO,CAAA;CAAS,CAAA,IAC5KoC,MAAS,aAAmB,kBAAC,OAAD;EAAK,WAAU;EAAS,UAAA,kBAAC9C,GAAD,EAAU,MAAMwD,KAAQ,GAAK,CAAA;CAAM,CAAA,IACvFV,MAAS,UAAgB,kBAACqD,GAAD;EAAW,MAAM3C,KAAQ;EAAI,KAAK,UAAU,KAAKd,EAAE,QAAQ,KAAKA,EAAE,aAAa;CAA8B,CAAA,IAEtII,MAAS,UAAU,CAACqE,IAAe,kBAACV,GAAD;EAAU,MAAMjD,KAAQ;EAAI,OAAOd,EAAE;CAAW,CAAA,IAChF,kBAAC,OAAD;EAAK,WAAU;EAAY,UAAAc;CAAU,CAAA,GAE/C,kBAACzD,GAAD;EAAO,MAAA;EAAc;EACnB,OAAO,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CAA4B,kBAAC,QAAD;IAAM,WAAU;IAAY,UAAA2C,EAAE;GAAe,CAAA,GAAEA,EAAE,QAAQ,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAe,UAAAM,EAASN,EAAE,MAAMT,EAAK,QAAQ;GAAQ,CAAA,CAAQ;;EACjL,QAAQ,kBAAAzC,GAAA,EAAA,UAAA;GACLsD,MAAS,UACR,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAU;IAAY,eAAesE,GAAW,MAAM,CAAClF,CAAC;IAA9E,UAAA;KACE,kBAACpC,GAAD;MAAM,MAAMqH,IAAS,UAAU;MAAQ,MAAM;KAAK,CAAA;KAAC;KAAEzG,EAAEyG,IAAS,oBAAoB,mBAAmB;IACjG;;GAEV,kBAAC,KAAD;IAAG,WAAU;IAAY,MAAMlC,KAAOvC,EAAE;IAAM,UAAUA,EAAE;IAA1D,UAAA;KAAoE,kBAAC5C,GAAD;MAAM,MAAK;MAAW,MAAM;KAAK,CAAA;KAAC;KAAEY,EAAE,qBAAqB;IAAK;;GACpI,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAU;IAAc,SAASgH;IAAU,UAAAhH,EAAE,OAAO;GAAU,CAAA;EACpF,EAAA,CAAA;EACF,UAAA,kBAAC,OAAD;GAAK,WAAW,YAAYoC,KAAQ;GAAO,UAAAkD;EAAU,CAAA;CAChD,CAAA;AAEX;;;AC/TA,SAAgB2B,EAAS,GAAa,GAA0B;CAC9D,OAAO,IAAI,KAAK,eAAexG,EAAWgC,CAAQ,GAAG;EAAE,MAAM;EAAW,QAAQ;CAAU,CAAC,CAAC,CAAC,OAAO,IAAI,KAAKyE,CAAG,CAAC;AACnH;AAGA,SAAgBC,EAAa,GAAmB,GAA2B;CACzE,OAAOpG,KAAQqG,EAAM,UAAU,IAAIA,IAAQA,EAAM,MAAM,EAAE;AAC3D;AAGA,IAAMC,IAAO;CACX,MAAM;EAAE,MAAM;EAAS,KAAK;CAAK;CACjC,OAAO;EAAE,MAAM;EAAS,KAAK;CAAK;CAClC,SAAS;EAAE,MAAM;EAAS,KAAK;CAAM;AACvC;AAGA,SAAgBC,GAAY,EAAE,MAAG,SAAM,YAAS,mBAAgB,uBAI7D;CACD,IAAM,EAAE,MAAG,YAASxG,EAAerB,CAAQ,GACrC,CAACsB,GAAMC,KAAWC,EAAS,EAAK;CACtC,IAAIuC,EAAE,SAAS,QAAQ,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAW,UAAAA,EAAE;CAAU,CAAA;CACpE,IAAIA,EAAE,SAAS,WAAWA,EAAE,OAAO,OAAO,kBAAC+D,GAAD,EAAiB,KAAI,CAAA;CAC/D,IAAMC,IAAOhE,EAAE,QAAQ,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GAAsB,kBAACpE,GAAD;IAAM,MAAMoE,EAAE,KAAK;IAAM,MAAM;GAAK,CAAA;GAAC;GAAEA,EAAE,KAAK;GAAK;GAAIyD,EAASzD,EAAE,WAAWjC,EAAK,QAAQ;EAAO;KACxIkG,IAAOjE,EAAE,eAAeA,EAAE,YAAY,SAAS,KACnD,kBAACgC,GAAD;EAAgB,OAAOhC,EAAE;EAAa,MAAMkE;EAAgB,QAAQC;CAAmB,CAAA;CAEzF,IAAInE,EAAE,SAAS,QACb,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACGgE;GACAhE,EAAE;GACFA,EAAE,QAAQ,kBAAC,OAAD;IAAK,WAAU;IAAO,UAAAA,EAAE;GAAU,CAAA;GAC5CiE;GACAjE,EAAE,QACD,kBAAC,OAAD;IAAK,WAAW,YAAYA,EAAE,KAAK,UAAU,WAAW,OAAO;IAAM,MAAK;IACvE,UAAAA,EAAE,KAAK,UAAU,WACd,kBAAAzE,GAAA,EAAA,UAAA,CAAE,kBAACK,GAAD;KAAM,MAAK;KAAQ,MAAM;IAAK,CAAA,GAAEY,EAAE,oBAAoB,EAAE,OAAOwD,EAAE,KAAK,SAAS,CAAC,CAAI,EAAA,CAAA,IACtF,kBAAAzE,GAAA,EAAA,UAAA,CAAE,kBAAC,QAAD;KAAM,WAAU;KAAO,eAAY;IAAQ,CAAA,GAAEiB,EAAE,oBAAoB,CAAI,EAAA,CAAA;GAC1E,CAAA;EAEJ;;CAGT,IAAMoH,IAAQ5D,EAAE,SAAS,CAAC,GACpBoE,KAAWpE,EAAE,WAAW,eAAeA,EAAE,WAAW,cAAc,CAACA,EAAE,QAAQ,CAACA,EAAE;CACtF,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACGgE;GACAJ,EAAM,SAAS,KACd,kBAAC,UAAD;IAAQ,WAAU;IAAa,eAAepG,GAAS,MAAM,CAACQ,CAAC;IAAG,iBAAeT;IAC9E,UAAAA,IAAOf,EAAE,gBAAgB,IAAIA,EAAE,kBAAkB,EAAE,OAAOoH,EAAM,SAAS,EAAE,CAAC;GACvE,CAAA;GAETD,EAAaC,GAAOrG,CAAI,CAAC,CAAC,KAAK,MAC9B,kBAAC,OAAD;IAAgB,WAAU;IAAO,OAAO8G,EAAE;IAA1C,UAAA,CACE,kBAACzI,GAAD;KAAM,MAAMiI,EAAKQ,EAAE,OAAO,CAAC;KAAM,MAAM;KAAI,WAAWR,EAAKQ,EAAE,OAAO,CAAC;IAAM,CAAA,GAC3E,kBAAC,QAAD;KAAM,WAAU;KAAM,UAAAA,EAAE;IAAW,CAAA,CAChC;GAHK,GAAAA,EAAE,EAGP,CACN;GACAD,KAAW,kBAAC,OAAD;IAAK,WAAU;IAAM,UAAA,kBAAC,QAAD;KAAM,WAAU;KAAS,cAAY5H,EAAE,aAAa;KAApD,UAAA;MAAuD,kBAAC,KAAD,CAAI,CAAA;MAAC,kBAAC,KAAD,CAAI,CAAA;MAAC,kBAAC,KAAD,CAAI,CAAA;KAAO;;GAAM,CAAA;GAClHwD,EAAE,YAAYA,EAAE,QAAQ,kBAAC,OAAD;IAAK,WAAU;IAAM,OAAOA,EAAE;IAAM,UAAA,kBAAClE,GAAD,EAAU,MAAMkE,EAAE,KAAO,CAAA;GAAM,CAAA;GAC3FiE;GACAjE,EAAE,SACD,kBAAC,OAAD;IAAK,WAAW,SAASA,EAAE,MAAM,YAAY,WAAW;IAAM,MAAK;IAAQ,OAAO,EAAE,WAAW,EAAE;IAAjG,UAAA,CACE,kBAAC,QAAD,EAAA,UAAOA,EAAE,MAAM,KAAW,CAAA,GACzBsE,KACC,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,UAAD;MAAQ,WAAU;MAAS,UAAUC;MAAM,SAASD;MAApD,UAAA,CAA6D,kBAAC1I,GAAD;OAAM,MAAK;OAAU,MAAM;MAAK,CAAA,GAAEY,EAAE,YAAY,CAAU;;IACpH,CAAA,CAEJ;;EAEJ;;AAET;AAIA,SAASuH,EAAa,EAAE,QAAyB;CAC/C,IAAM,EAAE,MAAG,YAASzG,EAAerB,CAAQ,GACrC,CAACsB,GAAMC,KAAWC,EAAS,EAAK,GAChC+G,IAAKxE,EAAE;CACb,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAS,MAAK;GAC3B,UAAA,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACE,kBAACpE,GAAD;MAAM,MAAM4I,EAAG;MAAM,MAAM;KAAK,CAAA;KAC/BA,EAAG;KAAK;KAAIf,EAASzD,EAAE,WAAWjC,EAAK,QAAQ;KAC/CyG,EAAG,WACF,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAAU,iBAAejH;MAAM,eAAeC,GAAS,MAAM,CAACQ,CAAC;MAA/F,UAAA;OACGxB,EAAE,oBAAoB;OAAE;OAAEe,IAAO,MAAM;MAClC;;IAEN;;EACH,CAAA,GACJA,KAAQiH,EAAG,WAAW,kBAAC,OAAD;GAAK,WAAU;GAAa,UAAAA,EAAG;EAAa,CAAA,CAChE;;AAET;;;ACnGA,eAAsBC,GAAW,GAAiB,GAAgD,GAA0C;CAC1I,EAAG,KAAK,EAAI;CACZ,IAAI;CACJ,IAAI;EACF,IAAI,MAAMC,EAAUC,CAAS;CAC/B,SAAS7H,GAAG;EAEV,AADA8H,EAAG,KAAK,EAAK,GACbA,EAAG,OAAO9H,aAAa,SAASA,EAAE,UAAUA,EAAE,UAAU,KAAA,SAAiB,KAAK2H,GAAWE,GAAWD,GAAWE,CAAE,CAAC;EAClH;CACF;CAEA,AADAA,EAAG,KAAK,EAAK,GACT,MAAM,SACL,IACAA,EAAG,KAAK,CAAC,IADNA,EAAG,MAAM;AAEnB;;;ACvBA,SAAgBC,GAAY,IAAa,KAAK,GAAsB;CAClE,IAAMC,IAAY,OAAO,SAAW,OAAe,mBAAmB,UAAU,CAAC,CAAC,UAAU,cAAc,cACpG,CAACH,GAAWI,KAAgBtH,EAAS,EAAK,GAC1C,CAACuH,GAASC,KAAcxH,EAAS,CAAC,GAClC,CAACK,GAAOoH,KAAYzH,EAAS,CAAC,GAC9B,CAAC0H,GAAOC,KAAY3H,EAAS,EAAK,GAClC4H,IAAM5C,EAA6B,IAAI,GACvC6C,IAAS7C,EAAe,CAAC,CAAC,GAC1B8C,IAAQ9C,EAA2B,KAAA,CAAS,GAC5C+C,IAAQ/C,EAA4B,IAAI,GACxCgD,IAAUhD,EAA0C,IAAI,GACxDiD,IAAUjD,EAAO,EAAK,GACtBkD,IAAQlD,EAAOmD,CAAO;CAC5B,QAAgB;EACd,EAAM,UAAUA;CAClB,CAAC;CAED,IAAMC,IAAUC,QAAkB;EAOhC,AANA,OAAO,cAAcP,EAAM,OAAO,GAClCF,EAAI,SAAS,OAAO,UAAU,CAAC,CAAC,SAAS,MAAOU,EAAG,KAAK,CAAC,GACzD,EAAI,UAAU,MACdP,EAAW,SAAS,MAAM,CAAC,CAAC,YAAY,KAAA,CAAS,GACjD,EAAM,UAAU,MAChBT,EAAa,EAAK,GAClBG,EAAS,CAAC;CACZ,GAAG,CAAC,CAAC,GAECc,IAAQF,EAAY,YAAY;EACpC,IAAKhB,KAAa,GAAI,SACtB;KAAS,EAAK;GACd,IAAI;IACF,IAAMmB,IAAS,MAAM,UAAU,aAAa,aAAa,EAAE,OAAO,GAAK,CAAC,GAClE7D,IAAI,IAAI,cAAc6D,CAAM;IAIlC,AAHA,EAAO,UAAU,CAAC,GAClB,EAAQ,UAAU,IAClB,EAAE,mBAAmB,MAAM,EAAE,KAAK,OAAO,KAAKX,EAAO,QAAQ,KAAK,EAAE,IAAI,GACxE,EAAE,eAAe;KACf,IAAMnE,IAAO,CAACuE,EAAQ,WAAWJ,EAAO,QAAQ,SAAS,IAAI,KAAKA,EAAO,SAAS,EAAE,MAAMlD,EAAE,YAAY,aAAa,CAAC,IAAI;KAG1H,AAFAyD,EAAQ,GACRJ,EAAQ,UAAUtE,CAAI,GACtB,EAAQ,UAAU;IACpB;IACA,IAAI+E,IAAgC;IACpC,IAAI;KACF,IAAMC,IAAM,OAAO,gBAAiB,OAAmE;KACvG,AAAIA,MACF,EAAM,UAAU,IAAIA,EAAI,GACxB,IAAWX,EAAM,QAAQ,eAAe,GACxC,EAAS,UAAU,KACnBA,EAAM,QAAQ,wBAAwBS,CAAM,CAAC,CAAC,QAAQC,CAAQ;IAElE,QAAQ;KACN,IAAW;IACb;IACA,IAAME,IAAUF,IAAW,IAAI,WAAWA,EAAS,OAAO,IAAI;IAI9D,AAHA,EAAI,UAAU9D,GACdA,EAAE,MAAM,GACR6C,EAAW,CAAC,GACZF,EAAa,EAAI;IACjB,IAAMsB,IAAQ,KAAK,IAAI,GACnBC,IAAU;IACd,EAAM,UAAU,OAAO,kBAAkB;KACvC,IAAMjC,IAAI,KAAK,OAAO,KAAK,IAAI,IAAIgC,KAAS,GAAI;KAEhD,IADApB,EAAWZ,CAAC,GACR6B,KAAYE,GAAS;MACvB,EAAS,sBAAsBA,CAAO;MACtC,IAAIG,IAAO;MACX,KAAK,IAAMvI,KAAKoI,GAAS,IAAO,KAAK,IAAIG,GAAM,KAAK,IAAIvI,IAAI,GAAG,CAAC;MAChE,EAAS,KAAK,IAAI,GAAGuI,IAAO,EAAE,CAAC;KACjC;KACA,AAAIlC,KAAKmC,KAAc,CAACF,MACtB,IAAU,IACVX,EAAM,UAAU;IAEpB,GAAG,GAAG;GACR,QAAQ;IAEN,AADAP,EAAS,EAAI,GACbS,EAAQ;GACV;EAjDc;CAkDhB,GAAG;EAACf;EAAWe;EAASW;CAAU,CAAC,GAE7BC,IAAOX,QAAkB,IAAI,SAAsB,MAAY;EACnE,IAAM1D,IAAIiD,EAAI;EACd,IAAI,CAACjD,KAAKA,EAAE,UAAU,YAAY,OAAOsE,EAAQ,IAAI;EAErD,AADA,EAAQ,UAAUA,GAClBtE,EAAE,KAAK;CACT,CAAC,GAAG,CAAC,CAAC,GAGAuE,IAASb,QAAkB;EAE/B,AADA,EAAQ,UAAU,IAClBW,EAAU;CACZ,GAAG,CAACA,CAAI,CAAC;CAIT,OAFA5F,cAAsBgF,EAAQ,GAAG,CAACA,CAAO,CAAC,GAEnC;EAAE;EAAW;EAAW;EAAS;EAAO;EAAO;EAAO;EAAM;CAAO;AAC5E;AAGA,SAAgBe,GAAM,GAAyB;CAC7C,OAAO,GAAG,KAAK,MAAM5B,IAAU,EAAE,EAAE,GAAG,OAAOA,IAAU,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAC5E;;;AC3FA,SAAgB6B,EAAK,GAAkB;CACrC,IAAMrK,IAAIR,EAAQ,GACZ8K,IAAQnL,EAAS,GACjB,CAAC2D,GAAMyH,KAAWtJ,EAAS,EAAE,GAC7B,CAACuJ,GAASC,KAAcxJ,EAAuB,CAAC,CAAC,GACjD,CAACyJ,GAAWC,KAAgB1J,EAAS,EAAK,GAC1C,CAAC2J,GAAOC,KAAY5J,EAAwB,IAAI,GAChD,CAACZ,GAAQyK,KAAa7J,EAAS,CAAC,GAChC,CAAC8J,GAAeC,KAAoB/J,EAAS,EAAK,GAClD,CAACgK,GAASC,KAAcjK,EAAwB,IAAI,GACpD,CAACkK,GAAaC,MAAkBnK,EAAS,EAAK,GAG9C,CAACoK,GAASC,KAAcrK,EAAgC,IAAI,GAC5DsK,IAAetF,EAAOuF,EAAM,cAAc;CAChD,QAAgB;EACd,EAAa,UAAUA,EAAM;CAC/B,CAAC;CACD,IAAMC,IAAU,CAAC,CAACD,EAAM,gBAClBE,IAAWpF,QAA0CmF,KACtD,MAAsBF,EAAa,UAAUA,EAAa,QAAQvJ,CAAC,IAAI,QAAQ,OAAO,gBAAI,MAAM,WAAW,CAAC,IAC7G,KAAA,GAAW,CAACyJ,CAAO,CAAC,GAClBE,IAAQ1F,EAAO,EAAK,GACpB2F,IAAU3F,EAAuB,IAAI,GACrC4F,IAAU5F,EAAyB,IAAI,GACvC6F,IAAW7F,EAA4B,IAAI,GAC3C+D,IAAawB,EAAM,mBAAmB,KACtCO,IAAW1D,GAAY2B,SAAkB,KAAKgC,GAAkB,CAAC,GACjE,EAAE,aAAU,UAAO,OAAUR,GAC7BS,IAAkBT,EAAM;CAC9B,QAAgBS,IAAkBzB,CAAO,GAAG,CAACA,GAASyB,CAAe,CAAC;CAEtE,IAAMC,IAAQC,EAAS,EAAE,EAAE,IACrBC,IAAOD,EAASA,EAAS,SAAS,IAClCE,IAAOD,GAAM,IACbE,KAAWF,GAAM,KAAK,QACtBG,KAAYH,GAAM,OAAO,QAGzBI,IAAavG,EAA0D,EAAE,QAAQ,EAAE,CAAC;CAE1F,QAAsB;EACpB,IAAMjD,IAAK4I,EAAQ;EACnB,IAAI,CAAC5I,GAAI;EACT,IAAMyJ,IAAMD,EAAW;EAKvB,AADA,EAAG,YADeC,EAAI,UAAU,KAAA,KAAaP,MAAUO,EAAI,SAASJ,MAASI,EAAI,OACtDzJ,EAAG,aAAaA,EAAG,eAAeyJ,EAAI,UAAUzJ,EAAG,cAC9E,EAAW,UAAU;GAAE;GAAO;GAAM,QAAQA,EAAG;EAAa;CAE9D,GAAG;EAACmJ,EAAS;EAAQD;EAAOG;EAAMC;EAAUC;CAAS,CAAC;CAGtD,IAAM3M,IAAQ4L,EAAM,YAAY,CAACZ,KAAS9H,EAAK,WAAW,GAAG,KAAK,CAAC,KAAK,KAAKA,CAAI,IAAIA,EAAK,MAAM,CAAC,IAAI,MAC/F7C,IAAQL,MAAU,OAAoD,CAAC,IAA9CF,EAAc8L,EAAM,YAAY,CAAC,GAAG5L,CAAK,GAClE8M,IAAc9M,MAAU,QAAQ,CAACmL,GAEjC4B,WAAc;EAKlB,AAJApC,EAAQ,EAAE,GACVE,EAAW,CAAC,CAAC,GACbI,EAAS,IAAI,GACbK,EAAW,IAAI,GACf,EAAM,UAAU;CAClB,GAEM0B,KAAa,OAAO,GAAc,MAAiB;EACvD,IAAKpB,EAAM,WACX,IAAI;GAEF,AADA,MAAMA,EAAM,UAAUvJ,GAAM4K,CAAI,GAChCF,GAAM;EACR,QAAQ,CAER;CACF,GAEMG,IAAO,OAAO,GAAc,IAAS,OAAU;EACnD,IAAMC,IAAMzH,EAAK,KAAK;EACtB,IAAK,GAACyH,KAAOvC,EAAQ,WAAW,KAAK,CAACI,KAAU7C,KAAQyD,EAAM,WAE9D;OAAI,CAACwB,KAAU,CAACpC,KAASY,EAAM,YAAYuB,EAAI,WAAW,GAAG,GAAG;IAC9D,IAAM,CAACE,GAAM,GAAGJ,KAAQE,EAAI,MAAM,CAAC,CAAC,CAAC,MAAM,KAAK,GAC1CG,IAAM1B,EAAM,SAAS,MAAM,MAAM1L,EAAE,SAAS,aAAaA,EAAE,SAASmN,CAAI;IAC9E,IAAIC,GAAK,OAAON,GAAWM,EAAI,MAAML,EAAK,KAAK,GAAG,CAAC;IACnD,IAAII,KAAQ,CAACF,EAAI,SAAS,IAAI,GAAG;KAC/B,EAAW,MAAME,CAAI;KACrB;IACF;GACF;GACA,IAAI;IAEF,AADA,MAAMzB,EAAM,OAAOuB,GAAKvC,EAAQ,KAAK,MAAM2C,EAAE,EAAE,GAAGxB,EAAM,SAASf,KAAS,KAAA,CAAS,GACnF+B,GAAM;GACR,QAAQ,CAER;EANA;CAOF,GAEMS,MAAQ,MAAmB;EAU/B,AATAtC,EAAU,CAAC,GACPhL,EAAE,SAAS,WACb+K,EAAS/K,EAAE,IAAI,GACfyK,EAAQ,EAAE,KACDzK,EAAE,YACXyK,EAAQ,MAAMzK,EAAE,OAAO,GAAG,IAE1B8M,GAAgB9M,EAAE,MAAM,EAAE,GAE5BgM,EAAS,SAAS,MAAM;CAC1B,GAEMuB,MAAQ,MAA0C;EACtD,IAAIX,KAAezM,EAAM,SAAS,GAAG;GACnC,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;IAChD,EAAE,eAAe;IACjB,IAAMqN,IAAI,EAAE,QAAQ,cAAc,IAAI;IACtC,GAAW,OAAOtL,IAAIsL,IAAIrN,EAAM,UAAUA,EAAM,MAAM;IACtD;GACF;GACA,IAAK,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAa,EAAE,QAAQ,OAAO;IAEzD,AADA,EAAE,eAAe,GACjBmN,GAAKnN,EAAM,KAAK,IAAII,GAAQJ,EAAM,SAAS,CAAC,EAAE;IAC9C;GACF;EACF;EACA,AAAIyM,KAAe,EAAE,QAAQ,YAC3B,EAAE,eAAe,GACjB1B,EAAiB,EAAI,KAGnB,EAAE,QAAQ,eAAeJ,KAAS9H,MAAS,KAC7C+H,EAAS,IAAI,IAIX,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAY,CAAC,EAAE,YAAY,eAAe,CAAC0C,GAAc,MACnF,EAAE,eAAe,GACjBT,EAAUhK,CAAI;CAElB;CAKA,AADA0K,QAAsBC,GAAS3B,EAAS,SAASF,EAAQ,OAAO,GAAG,CAAC9I,CAAI,CAAC,GACzEuB,QAAgB;EACd,IAAMrB,IAAK8I,EAAS;EACpB,IAAI,CAAC9I,KAAM,OAAO,iBAAmB,KAAa;EAClD,IAAI0K,IAAQ1K,EAAG,aACTqD,IAAK,IAAI,qBAAqB;GAClC,AAAIrD,EAAG,gBAAgB0K,MACrB,IAAQ1K,EAAG,aACXyK,GAASzK,GAAI4I,EAAQ,OAAO;EAEhC,CAAC;EAED,OADAvF,EAAG,QAAQrD,CAAE,SACAqD,EAAG,WAAW;CAC7B,GAAG,CAAC0F,EAAS,SAAS,CAAC;CAEvB,IAAM4B,KAAS,OAAO,MAA2B;EAC/C,IAAKC,GAAO,UAAWpC,EAAM,UAC7B;KAAa,EAAI;GACjB,KAAK,IAAM2B,KAAK,MAAM,KAAKS,CAAK,GAAG;IACjC,IAAIpC,EAAM,UAAU2B,EAAE,OAAO3B,EAAM,OAAO,UAAU;KAClD,EAAM;MAAE,MAAM;MAAS,OAAOxL,EAAE,eAAe;MAAG,MAAMmN,EAAE;KAAK,CAAC;KAChE;IACF;IACA,IAAMnL,IAAI,MAAMwJ,EAAM,SAAS2B,CAAC,CAAC,CAAC,YAAY,IAAI;IAClD,AAAInL,KAAGyI,GAAY,MAAM,CAAC,GAAGoD,GAAG7L,CAAC,CAAC;GACpC;GAEA,AADA2I,EAAa,EAAK,GACdkB,EAAQ,YAAS,EAAQ,QAAQ,QAAQ;EAV5B;CAWnB;CAGA,eAAeG,KAAoB;EACjC,IAAMrH,IAAO,MAAMoH,EAAS,KAAK;EACjC,AAAKpH,KAAS6G,EAAM,gBACpB,MAAMvD,GAAWtD,GAAM6G,EAAM,cAAc;GACzC,MAAMJ;GACN,aAAad,EAAM;IAAE,MAAM;IAAS,OAAOtK,EAAE,0BAA0B;GAAE,CAAC;GAE1E,SAAS,GAAQ,MAAUsK,EAAM;IAAE,MAAM;IAAS,OAAOwD,KAAU9N,EAAE,mBAAmB;IAAG,SAAS,CAAC;KAAE,OAAOA,EAAE,kBAAkB;KAAG,SAAS;KAAM,SAAS+N;IAAM,CAAC;GAAE,CAAC;GACvK,OAAO,MAAM;IAGX,AAFA,EAAM,UAAU,IAChBxD,GAAS,MAAOsD,EAAE,KAAK,IAAIA,EAAE,QAAQ,IAAI,MAAMjI,IAAIA,CAAE,GACrDkG,EAAS,SAAS,MAAM;GAC1B;EACF,CAAC;CACH;CAEA,IAAMkC,MAAY,MAAqB;EACrC,AAAI,EAAE,QAAQ,YAAYjC,EAAS,cACjC,EAAE,eAAe,GACjBA,EAAS,OAAO;CAEpB,GAEMkC,KAAcrD,IAAQ5K,EAAE,uBAAuB,IAAIA,EAAE,oBAAoB,EAAE,MAAMwL,EAAM,UAAU,CAAC,GAClG0C,KAAOlE,IAAa+B,EAAS;CACnC,OACE,kBAAC,WAAD;EAAS,WAAU;EAAU,cAAY/L,EAAE,YAAY;EAAvD,UAAA;GACGwL,EAAM;GACP,kBAAC,OAAD;IAAK,WAAU;IAAO,KAAKI;IAAS,aAAU;IAA9C,UAAA;KACGJ,EAAM,YAAYA,EAAM,eACvB,kBAAC,UAAD;MAAQ,WAAU;MAAe,OAAO,EAAE,WAAW,SAAS;MAAG,UAAUA,EAAM;MAAc,SAASA,EAAM;MAC3G,UAAAxL,EAAE,gBAAgB;KACb,CAAA;KAETwL,EAAM,gBAAgB,kBAAC,OAAD;MAAK,WAAU;MAAY,UAAAA,EAAM;KAAkB,CAAA;KACzEW,EAAS,WAAW,KAAK,CAACX,EAAM,WAAW,CAACA,EAAM,gBACjD,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OAAuB,kBAAC,OAAD;QAAK,WAAU;QAAK,UAAA,kBAACpM,GAAD,EAAM,MAAK,QAAS,CAAA;OAAM,CAAA;OAAC,kBAAC,KAAD,EAAA,UAAIY,EAAE,mBAAmB,EAAE,MAAMwL,EAAM,UAAU,CAAC,EAAK,CAAA;OAAEA,EAAM;MAAe;;KAErJW,EAAS,KAAK,MAAM,kBAAC7E,IAAD;MAA2B;MAAS;MAAM,SAASkE,EAAM,kBAAkBA,EAAM,UAAUhI,EAAE,EAAE;MAClH,gBAAgBkI;MAAU,kBAAkBJ;KAAa,GADpB9H,EAAE,EACkB,CAAC;KAC3DgI,EAAM,cAAcA,EAAM,iBAAiB,CAAC,EAAA,CAAG,KAAK,MACnD,kBAAC,OAAD;MAAK,WAAU;MAAqB,MAAK;MAAQ,cAAYxL,EAAE,oBAAoB;MAAnF,UAAA;OACE,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CAAmB,kBAACZ,GAAD;SAAM,MAAK;SAAQ,MAAM;QAAK,CAAA,GAAEY,EAAE,oBAAoB,CAAO;;OAChF,kBAAC,OAAD,EAAA,UAAMA,EAAE,qBAAqB,EAAE,QAAQF,EAAE,QAAQ,CAAC,EAAO,CAAA;OACxDA,EAAE,YAAY,KAAA,KAAa,kBAAC,OAAD,EAAA,UAAMA,EAAE,QAAa,CAAA;OACjD,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CAEE,kBAAC,UAAD;SAAQ,WAAU;SAAiB,eAAe0L,EAAM,YAAY1L,EAAE,IAAI,EAAI;SAAI,UAAAE,EAAE,sBAAsB;QAAU,CAAA,GACpH,kBAAC,UAAD;SAAQ,WAAU;SAAS,eAAewL,EAAM,YAAY1L,EAAE,IAAI,EAAK;SAAI,UAAAE,EAAE,qBAAqB;QAAU,CAAA,CACzG;;MACF;KATyB,GAAAF,EAAE,EAS3B,CACN;IACE;;GAEJ0L,EAAM,WACL,kBAAC,OAAD;IAAK,WAAU;IAAW,OAAO;KAAE,gBAAgB;KAAiB,YAAY;IAAS;IAAI,UAAAA,EAAM;GAAc,CAAA,IAEjH,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACGkB,KAAe,kBAAC3M,GAAD;MAAuB;MAAO,QAAQ,KAAK,IAAIM,GAAQ,KAAK,IAAIJ,EAAM,SAAS,GAAG,CAAC,CAAC;MAAG,QAAQmN;MAAM,SAAStC;KAAY,CAAA;KACzIU,EAAM;KACNhB,EAAQ,SAAS,KAChB,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAAA,EAAQ,KAAK,MACZ,kBAAC,QAAD;OAAiB,WAAU;OAA3B,UAAA;QACE,kBAACpL,GAAD;SAAM,MAAK;SAAO,MAAM;QAAK,CAAA;QAAE+N,EAAE;QACjC,kBAAC,UAAD;SAAQ,WAAU;SAAU,OAAO;UAAE,OAAO;UAAI,QAAQ;SAAG;SAAG,cAAYnN,EAAE,QAAQ;SAClF,eAAeyK,GAAY,MAAMoD,EAAE,QAAQ,MAAMM,EAAE,OAAOhB,EAAE,EAAE,CAAC;SAAG,UAAA,kBAAC/N,GAAD;UAAM,MAAK;UAAI,MAAM;SAAK,CAAA;QAAS,CAAA;OACnG;MAJK,GAAA+N,EAAE,EAIP,CACP;KACE,CAAA;KAENlC,KACC,kBAAC,OAAD;MAAK,WAAU;MAAc,MAAK;MAAlC,UAAA,CACGjL,EAAE,uBAAuB,EAAE,MAAMiL,EAAQ,CAAC,GAC3C,kBAAC,UAAD;OAAQ,MAAK;OAAS,WAAU;OAAU,eAAe,KAAK6B,EAAKhK,GAAM,EAAI;OAAI,UAAA9C,EAAE,iBAAiB;MAAU,CAAA,CAC3G;;KAEP,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACGwL,EAAM,YAAY,CAACO,EAAS,aAC3B,kBAAA/M,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;QAAQ,WAAU;QAAU,cAAYgB,EAAE,aAAa;QAAG,UAAU0K;QAAW,eAAemB,EAAQ,SAAS,MAAM;QAAG,UAAA,kBAACzM,GAAD,EAAM,MAAK,OAAQ,CAAA;OAAS,CAAA,GACpJ,kBAAC,SAAD;QAAO,KAAKyM;QAAS,MAAK;QAAO,UAAA;QAAS,QAAA;QAAO,QAAQL,EAAM,QAAQ;QAAQ,WAAW,MAAMmC,GAAO,EAAE,OAAO,KAAK;OAAI,CAAA,CACzH,EAAA,CAAA;OAEH5B,EAAS,YACR,kBAAC,OAAD;QAAK,WAAW,SAASmC,MAAQ,KAAK,YAAY;QAAM,MAAK;QAAS,cAAYlO,EAAE,yBAAyB;QAA7G,UAAA;SACE,kBAAC,QAAD;UAAM,WAAU;UAAM,eAAY;SAAQ,CAAA;SAC1C,kBAAC,QAAD;UAAM,WAAU;UAAhB,UAAA;WAAsBoK,GAAM2B,EAAS,OAAO;WAAE;WAAI3B,GAAMJ,CAAU;UAAQ;;SAC1E,kBAAC,QAAD;UAAM,WAAU;UAAM,eAAY;UAAO,UAAA,kBAAC,KAAD,EAAG,OAAO,EAAE,WAAW,UAAU,KAAK,IAAI,KAAM+B,EAAS,KAAK,EAAE,GAAG,EAAI,CAAA;SAAO,CAAA;SACvH,kBAAC,UAAD;UAAQ,MAAK;UAAS,WAAU;UAAe,SAASA,EAAS;UAAS,UAAA/L,EAAE,QAAQ;SAAU,CAAA;SAC9F,kBAAC,UAAD;UAAQ,MAAK;UAAS,WAAU;UAAiB,WAAWgO;UAAU,eAAe,KAAKhC,GAAkB;UAAI,UAAAhM,EAAE,iBAAiB;SAAU,CAAA;QAC1I;OAEL,CAAA,IAAA,kBAAC,OAAD;QAAK,WAAW,QAAQ4K,IAAQ,gBAAgB,KAAKO,IAAc,iBAAiB;QAAM,aAAWA,KAAe,KAAA;QAApH,UAAA,CACGP,KACC,kBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA;UACE,kBAACxL,GAAD;WAAM,MAAK;WAAQ,MAAM;UAAK,CAAA;UAAEwL;UAChC,kBAAC,UAAD;WAAQ,WAAU;WAAU,OAAO;YAAE,OAAO;YAAI,QAAQ;WAAG;WAAG,cAAY5K,EAAE,QAAQ;WAAG,eAAe6K,EAAS,IAAI;WAAG,UAAA,kBAACzL,GAAD;YAAM,MAAK;YAAI,MAAM;WAAK,CAAA;UAAS,CAAA;SACrJ;QAER,CAAA,GAAA,kBAAC,YAAD;SAAU,KAAK0M;SAAU,MAAM;SAAG,OAAOhJ;SAAM,aAAaqI,IAAcnL,EAAE,wBAAwB,IAAIiO;SAAa,cAAYA;SAC/H,UAAU9C;SAAa,iBAAeuB;SAAa,qBAAmBlB,EAAM,WAAW,SAAS,KAAA;SAChG,WAAW,MAAM;UAAkE,AAAhEjB,EAAQ,EAAE,OAAO,KAAK,GAAGS,EAAiB,EAAK,GAAGF,EAAU,CAAC,GAAGI,EAAW,IAAI;SAAG;SACrG,WAAWmC;QAAO,CAAA,CACjB;;OAEN7B,EAAM,WAAW,CAACO,EAAS,aAAa,kBAAClL,GAAD;QAAc,SAAS2K,EAAM;QAAS,WAAWA,EAAM;QAAW,SAASA,EAAM;OAAU,CAAA;OACnIA,EAAM,gBAAgB,CAACO,EAAS,aAC/B,kBAACqC,IAAD;QAAa,WAAWrC,EAAS;QAAwB;QAAa,eAAe,KAAKA,EAAS,MAAM;OAAI,CAAA;OAE9G,CAACA,EAAS,cAAcP,EAAM,YAAYzD,IACzC,kBAAC,UAAD;QAAQ,WAAU;QAAe,cAAY/H,EAAE,WAAW;QAAG,SAASwL,EAAM;QAAU,UAAA,kBAACpM,GAAD,EAAM,MAAK,OAAQ,CAAA;OAAS,CAAA,IAElH,kBAAC,UAAD;QAAQ,WAAU;QAAe,cAAYY,EAAE,WAAW;QAAG,UAAW,CAAC8C,EAAK,KAAK,KAAK0H,EAAQ,WAAW,KAAK,CAACI,KAAU7C,KAAQoD;QAAa,eAAe2B,EAAKhK,CAAI;QACtK,UAAA,kBAAC1D,GAAD,EAAM,MAAK,OAAQ,CAAA;OACb,CAAA;MAEP;;KACJ2M,EAAS,SAAS,kBAAC,OAAD;MAAK,WAAU;MAAW,OAAO,EAAE,SAAS,aAAa;MAAI,UAAA/L,EAAE,sBAAsB;KAAO,CAAA;IAC5G;;GAENqL,KAAWK,KAAY,kBAACnF,IAAD;IAAmB,GAAG8E;IAAS,MAAMK;IAAU,eAAeJ,EAAW,IAAI;GAAI,CAAA;EAClG;;AAEb;AAIA,SAAgB8C,GAAY,EAAE,cAAW,gBAAa,cAA8E;CAClI,IAAMpO,IAAIR,EAAQ;CAQlB,OAPI2L,IAEA,kBAAC,QAAD;EAAM,WAAU;EAAY,MAAK;EAAS,cAAYnL,EAAE,wBAAwB;EAAG,OAAOA,EAAE,wBAAwB;EAApH,UAAA;GACE,kBAAC,KAAD,CAAI,CAAA;GAAC,kBAAC,KAAD,CAAI,CAAA;GAAC,kBAAC,KAAD,CAAI,CAAA;GAAC,kBAAC,KAAD,CAAI,CAAA;GAAC,kBAAC,KAAD,CAAI,CAAA;EACpB;MAIR,kBAAC,UAAD;EAAQ,WAAU;EAAU,UAAU,CAACsI;EACrC,cAAYtI,EAAE,kBAAkB;EAAG,OAAmBA,EAAZsI,IAAc,qBAAwB,wBAAwB;EACxG,SAAS+F;EACT,UAAA,kBAACjP,GAAD,EAAM,MAAK,MAAO,CAAA;CACZ,CAAA;AAEZ;AAGA,SAASmO,KAAyB;CAChC,OAAO,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,aAAa,qCAAqC,CAAC,CAAC;AACvG;AAIA,SAASE,GAAS,GAAgC,GAA0B;CAC1E,IAAI,CAACzK,GAAI;CACT,IAAMsL,IAAQ,CAAC,CAACC,KAAQA,EAAK,eAAeA,EAAK,YAAYA,EAAK,eAAe;CAGjF,AAFA,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAGvL,EAAG,eAAeA,EAAG,eAAeA,EAAG,aAAa,KACrEuL,KAAQD,MAAO,EAAK,YAAYC,EAAK;AAC3C;;;AClVA,SAAgBC,GAAiB,EAAE,kBAAe,cAAW,SAAM,WAAQ,YAAS,eAAmC;CACrH,IAAMxO,IAAIR,EAAQ,GACZ,CAACiP,GAAUC,KAAezN,EAAS,EAAK;CAC9C,QAAgB;EACd,IAAI,CAACF,GAAM;EACX,IAAM4N,KAAS,MAAqB,EAAE,QAAQ,YAAY3H,EAAQ;EAElE,OADA,SAAS,iBAAiB,WAAW2H,CAAK,SAC7B,SAAS,oBAAoB,WAAWA,CAAK;CAC5D,GAAG,CAAC5N,GAAMiG,CAAO,CAAC;CAElB,IAAM4H,KAAQ,MACZ,kBAAC,UAAD;EAAmB,WAAW,KAAK9O,EAAE,OAAO+O,IAAY,QAAQ,KAAK/O,EAAE,UAAU,YAAY,UAAU;EACrG,eAAeS,EAAOT,EAAE,EAAE;EAAG,gBAAcA,EAAE,OAAO+O;EADtD,UAAA;GAEE,kBAACzP,GAAD;IAAM,MAAMU,EAAE,QAAQ;IAAQ,MAAM;GAAK,CAAA;GACzC,kBAAC,QAAD;IAAM,WAAU;IAAM,UAAAA,EAAE;GAAY,CAAA;GACnC,CAAC,CAACA,EAAE,UAAU,kBAAC,QAAD;IAAM,WAAU;IAAS,cAAYE,EAAE,eAAe,EAAE,OAAOF,EAAE,OAAO,CAAC;IAAI,UAAAA,EAAE;GAAa,CAAA;GAC3G,kBAAC,QAAD;IAAM,WAAU;IAAO,UAAAA,EAAE;GAAW,CAAA;EAC9B;CANK,GAAAA,EAAE,EAMP,GAEJgP,KAAW,MAAiCC,EAAc,QAAQ,MAAMjP,EAAE,UAAUkP,CAAC,GACrFC,IAASH,EAAQ,OAAO,GACxBI,IAAUJ,EAAQ,SAAS;CACjC,OACE,kBAAA7P,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAW,UAAU8B,IAAO,UAAU;GAAM,cAAYf,EAAE,oBAAoB;GAAnF,UAAA;IACGmP,KACC,kBAAC,UAAD;KAAQ,WAAU;KAAS,OAAO;MAAE,OAAO;MAAQ,gBAAgB;KAAS;KAAG,eAAeT,EAAY,EAAI;KAA9G,UAAA,CACE,kBAACtP,GAAD;MAAM,MAAK;MAAO,MAAM;KAAK,CAAA,GAAEY,EAAE,eAAe,CAC1C;;IAEV,kBAAC,OAAD;KAAK,WAAU;KAAK,UAAAA,EAAE,mBAAmB;IAAO,CAAA;IAC/C8O,EAAQ,MAAM,CAAC,CAAC,IAAIF,CAAI;IACzB,kBAAC,OAAD;KAAK,WAAU;KAAK,UAAA5O,EAAE,aAAa;IAAO,CAAA;IACzCiP,EAAO,WAAW,KAAK,kBAAC,OAAD;KAAK,WAAU;KAAc,OAAO,EAAE,SAAS,SAAS;KAAI,UAAAjP,EAAE,eAAe;IAAO,CAAA;IAC3GiP,EAAO,IAAIL,CAAI;IACfM,EAAQ,SAAS,KAAK,kBAAC,OAAD;KAAK,WAAU;KAAK,UAAAlP,EAAE,cAAc;IAAO,CAAA;IACjEkP,EAAQ,IAAIN,CAAI;GACd;;EAEJ7N,KAAQ,kBAAC,UAAD;GAAQ,MAAK;GAAS,WAAU;GAAW,cAAYf,EAAE,OAAO;GAAG,SAASgH;EAAU,CAAA;EAC9FyH,KAAYU,KAAY,kBAACC,GAAD;GAAe,eAAeV,EAAY,EAAK;GAAa;EAAW,CAAA;CAChG,EAAA,CAAA;AAEN;AAKA,SAAgBW,GAAW,EAAE,WAAQ,eAAuD;CAC1F,OAAO,kBAAC,OAAD;EAAK,WAAW,SAASC,IAAS,YAAY;EAAO;CAAc,CAAA;AAC5E;AAGA,SAAgBF,EAAc,EAAE,YAAS,eAAiF;CACxH,IAAMpP,IAAIR,EAAQ,GACZ,CAAC+P,GAAOC,KAAYvO,EAAS,EAAE,GAC/B,CAACuJ,GAASC,KAAcxJ,EAAS,EAAK,GACtC,CAAC0H,GAAOC,KAAY3H,EAAwB,IAAI,GAChDwO,IAAS,YAAY;EACzB,IAAKF,EAAM,KAAK,KAAK,IACrB;GACA,AADA9E,EAAW,EAAI,GACf7B,EAAS,IAAI;GACb,IAAI;IAEF,AADA,MAAMuG,EAASI,EAAM,KAAK,CAAC,GAC3BvI,EAAQ;GACV,SAAS,GAAG;IAEV,AADA4B,EAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,CAAC,GACnD6B,EAAW,EAAK;GAClB;EARe;CASjB;CACA,OACE,kBAACpL,GAAD;EAAO,OAAOW,EAAE,eAAe;EAAY;EAAS,QAAQ,kBAAAf,GAAA,EAAA,UAAA,CAC1D,kBAAC,UAAD;GAAQ,WAAU;GAAY,SAAS+H;GAAU,UAAAhH,EAAE,QAAQ;EAAU,CAAA,GACrE,kBAAC,UAAD;GAAQ,WAAU;GAAc,UAAU,CAACuP,EAAM,KAAK,KAAK/E;GAAS,SAASiF;GAAS,UAAAzP,EAAE,QAAQ;EAAU,CAAA,CAC1G,EAAA,CAAA;EAHF,UAAA,CAIE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,SAAD;KAAO,SAAQ;KAAe,UAAAA,EAAE,iBAAiB;IAAS,CAAA;IAC1D,kBAAC,SAAD;KAAO,IAAG;KAAc,WAAU;KAAM,OAAOuP;KAAO,WAAW;KAAK,WAAW,MAAMC,EAAS,EAAE,OAAO,KAAK;KAC5G,YAAY,MAAM,EAAE,QAAQ,WAAWC,EAAO;IAAI,CAAA;IACpD,kBAAC,OAAD;KAAK,WAAU;KAAQ,UAAAzP,EAAE,gBAAgB;IAAO,CAAA;GAC7C;EACJ,CAAA,GAAA2I,KAAS,kBAAC,OAAD;GAAK,WAAU;GAAY,UAAAA;EAAW,CAAA,CAC3C;;AAEX;;;AChEA,SAAgB+G,EAAY,EAAE,SAAM,UAAO,UAAO,aAAU,UAAO,aAAU,cAE1E;CACD,OACE,kBAAC,UAAD;EAAQ,MAAK;EAAS,WAAW,WAAWC,IAAQ,OAAO;EAAgB;EAAU,cAAYtN;EAAO,iBAAeuN;EAAiB;EAEtI,cAAc,MAAMA,KAAY,EAAE,gBAAgB;EAAY;EAC9D,UAAA,kBAACxQ,GAAD;GAAM,MAAMyQ;GAAM,MAAMF,IAAQ,KAAK;EAAK,CAAA;CACpC,CAAA;AAEZ;AAKA,SAAgBG,EAAU,EAAE,UAAO,SAAM,YAAS,UAAO,iBAAc,SAAM,WAAQ,WAAQ,aAAU,WAAQ,cAgB5G;CACD,IAAM9P,IAAIR,EAAQ,GACZ,CAACuQ,GAAOC,KAAY/O,EAASgB,CAAI,GACjCf,IAAM3B,EAA2B,IAAMyH,CAAO;CAKpD,OACE,kBAAC,OAAD;EAAK,WAAW,YAAYsI,IAAS,YAAY;EAAW;EAAK,MAAK;EAAS,cAAYjN;EAA3F,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAO,UAAArC,EAAE,WAAW;GAAO,CAAA;GAC1C,kBAAC,SAAD;IAAO,WAAU;IAAM,OAAO+P;IAAO,WAAW;IAAI,WAAA;IAAU,cAAY/P,EAAE,WAAW;IACrF,WAAW,MAAMgQ,EAAS,EAAE,OAAO,KAAK;IAAG,cAR9B;KACjB,IAAMC,IAAOF,EAAM,KAAK;KACxB,AAAIE,KAAQA,MAAShO,KAAMiO,EAASD,CAAI;IAC1C;IAMM,YAAY,MAAM,EAAE,QAAQ,WAAY,EAAE,OAA4B,KAAK;GAAI,CAAA;GACjF,kBAAC,OAAD;IAAK,WAAU;IAAM,OAAO,EAAE,WAAW,GAAG;IAAI,UAAAE;GAAkB,CAAA;GAClE,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAAC,EAAQ,KAAK,MACZ,kBAAC,UAAD;KAAoB,MAAK;KAAS,WAAW,cAAcC,MAAUC,EAAE,MAAM,QAAQ;KAAM,gBAAcD,MAAUC,EAAE;KAAK,eAAe/P,EAAO+P,EAAE,GAAG;KAArJ,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAK,UAAA,kBAAClR,GAAD;OAAM,MAAMkR,EAAE;OAAM,MAAM;MAAK,CAAA;KAAO,CAAA,GAC1DA,EAAE,KACG;IAHK,GAAAA,EAAE,GAGP,CACT;GACE,CAAA;GACJC,KACC,kBAAArR,GAAA,EAAA,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAM,OAAO,EAAE,WAAW,GAAG;KAAI,UAAAqR,EAAO;IAAW,CAAA;IACjEA,EAAO,QAAQ,WAAW,KAAK,kBAAC,OAAD;KAAK,WAAU;KAAQ,UAAAA,EAAO;IAAW,CAAA;IACzE,kBAAC,OAAD;KAAK,WAAU;KAAc,MAAK;KAC/B,UAAAA,EAAO,QAAQ,KAAK,MAAM;MACzB,IAAMC,IAASD,EAAO,QAAQ,WAAW,GACnCnI,IAAKoI,KAAUD,EAAO,UAAU/M,EAAE;MACxC,OACE,kBAAC,UAAD;OAAoB,MAAK;OAAS,MAAK;OAAQ,gBAAc4E;OAAI,UAAUoI;OAAQ,WAAW,aAAapI,IAAK,QAAQ;OACtH,eAAe,CAACA,KAAMmI,EAAO,OAAO/M,EAAE,GAAG;OAD3C,UAAA,CAEG,CAACgN,KAAU,kBAAC,QAAD;QAAM,WAAW,QAAQpI,IAAK,QAAQ;QAAM,eAAY;OAAQ,CAAA,GAC5E,kBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA;SACE,kBAAC,QAAD;UAAM,WAAU;UAAM,UAAA5E,EAAE;SAAY,CAAA;SACnCA,EAAE,OAAO,kBAAC,QAAD;UAAM,WAAU;UAAO,UAAAA,EAAE;SAAU,CAAA;SAC5CA,EAAE,UAAUA,EAAE,OAAO,SAAS,KAC7B,kBAAC,QAAD;UAAM,WAAU;UACb,UAAAA,EAAE,OAAO,KAAK,MAAM,kBAAC,QAAD;WAAmB,WAAU;WAA7B,UAAA,CAAoCiN,EAAE,QAAQ,kBAACrR,GAAD;YAAM,MAAMqR,EAAE;YAAM,MAAM;WAAK,CAAA,GAAGA,EAAE,IAAW;UAAlF,GAAAA,EAAE,IAAgF,CAAC;SAC/G,CAAA;SAEPrI,KAAM5E,EAAE,QAAQ,kBAAC,QAAD;UAAM,WAAU;UAAQ,UAAAA,EAAE;SAAW,CAAA;QAClD;OACA,CAAA,CAAA;MAbK,GAAAA,EAAE,GAaP;KAEZ,CAAC;IACE,CAAA;GACL,EAAA,CAAA;GAEHkN,KAAQ,kBAAC,OAAD;IAAK,WAAU;IAAO,OAAO,EAAE,WAAW,GAAG;IAAI,UAAAA;GAAU,CAAA;EACjE;;AAET"}

package/dist/manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0",
+  "version": "1.5.0",
   "classes": [
     "a",
     "action",
@@ -18,6 +18,7 @@
     "arch",
     "att-cap",
     "att-html",
+    "att-htmlbox",
     "att-ic",
     "att-img",
     "att-kl",
@@ -220,6 +221,7 @@
     "app",
     "att-cap",
     "att-html",
+    "att-htmlbox",
     "att-ic",
     "att-img",
     "att-kl",

package/dist/styles.css

@@ -704,6 +704,12 @@ textarea.inp {
   resize: none;
   background: var(--surface);
 }
+/* the focus is the border of the field itself: a ring around a growing field read as a second frame */
+.composer textarea:focus-visible {
+  outline: none;
+  border-color: var(--violet);
+  box-shadow: 0 0 0 1px var(--violet);
+}
 .composer .rec-box {
   flex: 1;
   color: var(--red);
@@ -1426,7 +1432,10 @@ select.inp.inherit {
 .att-md{max-height:70vh;overflow:auto;padding:4px 2px}
 .att-msg{color:var(--muted);display:flex;align-items:center;gap:8px}
 .att-view.table,.att-view.text,.att-view.html{display:block}
-.att-html{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--r-m);background:#fff}
+.att-htmlbox{width:100%;height:70vh;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-m);background:#fff}
+.att-html{display:block;border:0;transform-origin:0 0;background:#fff}
+/* a page or a PDF is seen better wider than the modal of the kit */
+.modal.wide:has(.att-view.html),.modal.wide:has(.att-view.pdf){width:1100px}
 .att-table{max-height:70vh;overflow:auto}
 .att-table table{border-collapse:collapse;font-family:var(--mono);font-size:12px}
 .att-table th,.att-table td{border:1px solid var(--border);padding:5px 8px;text-align:left;white-space:nowrap}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@green-on-grey/ui-kit",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "UI kit of the Nabu and Hammurapi products: styles, components, the chat and the sign-in screen",
   "license": "Apache-2.0",
   "repository": {