@revolist/ui 4.0.4-rc → 4.0.5-rc

package/_chunks/request-trail-DCOfa5zw.js

@@ -0,0 +1,753 @@
+import { i as e, n as t, s as n } from "./preact.module-BBM36DnO.js";
+import { c as r, i, r as a, s as o, t as s } from "./hooks.module-CG3gN83z.js";
+import { t as c } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createControlId as l } from "../core/control-id.js";
+import { t as u } from "./popover-controller-D-AvKQ7B.js";
+import { SvgIcon as d } from "../icons/icon.js";
+import { l as f } from "./native-control-DO0d1kgx.js";
+import { RemoveButton as p } from "../buttons/remove-button.js";
+import { t as m } from "./chevron-down-GbplLa6s.js";
+import { E as h, a as g, c as _, j as v, p as y, t as b } from "./controls-BLQnWEd7.js";
+import { t as x } from "./tooltip-text-BXsUEmBH.js";
+import { t as S } from "./clock-BOhPNlW3.js";
+import { t as C } from "./arrow-up-Cw8hW9vp.js";
+//#region src/ai/translations.ts
+var w = /* @__PURE__ */ "AI chat,No results,Clear chat,Conversation messages,Jump to latest,You,Assistant,System,Message actions,Start a conversation,Ask a question to get started.,Message,Type a message…,Working…,Reasoning summary,Pending,Running,Completed,Failed,Cancelled,{seconds}s,Data history,Review changes,Proposed changes,Change,Current,Proposed,Apply changes,Cancel changes,Undo data change,Redo data change,Ask AI to change this view,Filter or sort your data…,Send,Stop,Enter to send · Shift+Enter for a new line,Suggested requests,More,Activity,Collapse activity,Expand activity,AI view assistant,View steps,Clear all,Restore the starting view,Restore previous view,Reset view,The view changed manually. Start a new request to continue.,Remove request: {label},{count} step,{count} steps,{count} applied request,{count} applied requests,{count} matching rows".split(",");
+function T(e, t = {}, n = {}) {
+	return (t[e] ?? e).replace(/\{(\w+)\}/g, (e, t) => Object.hasOwn(n, t) ? String(n[t]) : e);
+}
+//#endregion
+//#region src/ai/translation-context.tsx
+var E = n({});
+function D({ translations: e, children: t }) {
+	return /* @__PURE__ */ c(E.Provider, {
+		value: e,
+		children: t
+	});
+}
+function O(e) {
+	let t = o(E), n = e ?? t;
+	return (e, t) => T(e, n, t);
+}
+//#endregion
+//#region src/ai/results/types.ts
+function k(e) {
+	return e == null ? "—" : typeof e == "number" ? Number.isFinite(e) ? e.toLocaleString() : "—" : String(e);
+}
+//#endregion
+//#region src/ai/results/table.tsx
+function A({ result: e }) {
+	let t = O();
+	return /* @__PURE__ */ c("section", {
+		class: "rv-ai-result-content",
+		"aria-label": e.title,
+		children: /* @__PURE__ */ c("div", {
+			class: "rv-ai-result-table-scroll",
+			tabIndex: 0,
+			role: "region",
+			"aria-label": e.title,
+			children: [/* @__PURE__ */ c("table", {
+				class: "rv-ai-result-table",
+				children: [
+					/* @__PURE__ */ c("caption", { children: [/* @__PURE__ */ c("strong", { children: e.title }), e.description && /* @__PURE__ */ c("span", { children: e.description })] }),
+					/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: e.columns.map((e, t) => /* @__PURE__ */ c("th", {
+						scope: "col",
+						class: e.numeric ? "rv-ai-result-number" : void 0,
+						children: e.label
+					}, t)) }) }),
+					/* @__PURE__ */ c("tbody", { children: e.rows.map((t, n) => /* @__PURE__ */ c("tr", { children: e.columns.map((e, n) => /* @__PURE__ */ c("td", {
+						class: e.numeric ? "rv-ai-result-number" : void 0,
+						children: k(t[n])
+					}, n)) }, n)) })
+				]
+			}), !e.rows.length && /* @__PURE__ */ c("p", {
+				class: "rv-ai-result-empty",
+				children: t("No results")
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/ai/results/metrics.tsx
+function j({ result: e }) {
+	return /* @__PURE__ */ c("section", {
+		class: "rv-ai-result-content",
+		"aria-label": e.title,
+		children: [
+			/* @__PURE__ */ c("strong", { children: e.title }),
+			e.description && /* @__PURE__ */ c("p", {
+				class: "rv-ai-result-description",
+				children: e.description
+			}),
+			/* @__PURE__ */ c("dl", {
+				class: "rv-ai-result-metrics",
+				children: e.items.map((e, t) => /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("dt", { children: e.label }), /* @__PURE__ */ c("dd", { children: k(e.value) })] }, t))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ai/results/text.tsx
+function M({ result: e }) {
+	return /* @__PURE__ */ c("section", {
+		class: "rv-ai-result-content",
+		"aria-label": e.title,
+		children: [
+			/* @__PURE__ */ c("strong", { children: e.title }),
+			e.description && /* @__PURE__ */ c("p", {
+				class: "rv-ai-result-description",
+				children: e.description
+			}),
+			/* @__PURE__ */ c("p", {
+				class: "rv-ai-result-text",
+				children: e.text
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ai/results/index.tsx
+function N({ result: e, renderTable: t }) {
+	switch (e.kind) {
+		case "table": return t ? t(e) : /* @__PURE__ */ c(A, { result: e });
+		case "metrics": return /* @__PURE__ */ c(j, { result: e });
+		case "text": return /* @__PURE__ */ c(M, { result: e });
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/circle-check.svg?raw
+var P = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zM374 145.7c-10.7-7.8-25.7-5.4-33.5 5.3L221.1 315.2 169 263.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c5 5 11.8 7.5 18.8 7s13.4-4.1 17.5-9.8L379.3 179.2c7.8-10.7 5.4-25.7-5.3-33.5z\"/></svg>", F = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z\"/></svg>", I = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM192 160l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z\"/></svg>";
+//#endregion
+//#region src/ai/prompt-history.ts
+function L(e) {
+	if (!Array.isArray(e)) return [];
+	let t = e.slice(-20).filter((e) => typeof e == "string" && !!e.trim() && e.length <= 4e3).map((e) => e.trim()).filter((e, t, n) => !t || e !== n[t - 1]), n = [];
+	for (let e = t.length - 1; e >= 0; e--) new TextEncoder().encode(JSON.stringify([t[e], ...n])).byteLength <= 8192 && n.unshift(t[e]);
+	return n;
+}
+var R = class {
+	state;
+	reset() {
+		this.state = void 0;
+	}
+	move(e, t, n) {
+		let r = JSON.stringify(n);
+		if (this.state && (this.state.selected !== e || this.state.key !== r) && this.reset(), !n.length || !this.state && t === "down") return;
+		this.state ||= {
+			index: n.length,
+			draft: e,
+			selected: e,
+			key: r
+		};
+		let i = this.state.index + (t === "up" ? -1 : 1);
+		if (i >= n.length) {
+			let e = this.state.draft;
+			return this.reset(), e;
+		}
+		return this.state.index = Math.max(0, i), this.state.selected = n[this.state.index], this.state.selected;
+	}
+}, z = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32z\"/></svg>";
+//#endregion
+//#region src/ai/components.tsx
+function B({ translations: e, value: t, onValueChange: n, onSubmit: r, onStop: i, busy: o = !1, disabled: u = !1, label: d = "Ask AI to change this view", placeholder: f = "Filter or sort your data…", submitLabel: p = "Send", stopLabel: m = "Stop", promptHistory: h, hint: g = "", actions: _, footer: b, textareaProps: x }) {
+	let S = O(e), w = s(l("ai-prompt")), T = s(!1), E = s(new R()), D = s();
+	a(() => {
+		if (!D.current) return;
+		let { element: e, position: t } = D.current;
+		e.setSelectionRange(t, t), D.current = void 0;
+	});
+	let k = `${w.current}-hint`, A = !!g && !t.length, j = o && !!i, M = () => {
+		!u && !o && t.trim() && r(t.trim());
+	};
+	return /* @__PURE__ */ c("form", {
+		class: "rv-ai-prompt",
+		"aria-busy": o || void 0,
+		onSubmit: (e) => {
+			e.preventDefault(), M();
+		},
+		children: [/* @__PURE__ */ c("label", {
+			for: w.current,
+			class: "rv-ai-prompt-label rv-visually-hidden",
+			children: S(d)
+		}), /* @__PURE__ */ c("div", {
+			class: "rv-ai-prompt-composer",
+			children: [
+				/* @__PURE__ */ c(v, {
+					rows: 1,
+					...x,
+					id: w.current,
+					"aria-describedby": A ? k : void 0,
+					value: t,
+					onValueChange: (e) => {
+						E.current.reset(), D.current = void 0, n(e);
+					},
+					placeholder: S(f),
+					disabled: u || o,
+					maxLength: 4e3,
+					onCompositionStart: () => {
+						T.current = !0;
+					},
+					onCompositionEnd: () => {
+						T.current = !1;
+					},
+					onKeyDown: (e) => {
+						let r = e.currentTarget;
+						if (h && !o && !u && !T.current && !e.isComposing && e.keyCode !== 229 && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey && r.selectionStart === r.selectionEnd && (e.key === "ArrowUp" && !t.slice(0, r.selectionStart).includes("\n") || e.key === "ArrowDown" && !t.slice(r.selectionEnd).includes("\n"))) {
+							let i = E.current.move(t, e.key === "ArrowUp" ? "up" : "down", L(h));
+							if (i !== void 0) {
+								if (e.preventDefault(), i === t) return;
+								D.current = {
+									element: r,
+									position: i.length
+								}, n(i);
+								return;
+							}
+						}
+						e.key === "Enter" && !e.shiftKey && !e.isComposing && !T.current && e.keyCode !== 229 && (e.preventDefault(), M());
+					}
+				}),
+				b && /* @__PURE__ */ c("div", {
+					class: "rv-ai-prompt-footer",
+					children: b
+				}),
+				/* @__PURE__ */ c("div", {
+					class: "rv-ai-prompt-toolbar",
+					children: [/* @__PURE__ */ c("div", {
+						class: "rv-ai-prompt-tools",
+						children: [_, A && /* @__PURE__ */ c("span", {
+							id: k,
+							class: "rv-ai-prompt-hint",
+							children: S(g)
+						})]
+					}), /* @__PURE__ */ c(y, {
+						className: "rv-ai-prompt-submit",
+						type: j ? "button" : "submit",
+						label: S(j ? m : p),
+						icon: j ? z : C,
+						onClick: j ? (e) => {
+							e.preventDefault(), i?.();
+						} : void 0,
+						disabled: u || !j && !t.trim(),
+						busy: o && !j,
+						variant: "solid",
+						size: "compact"
+					})]
+				})
+			]
+		})]
+	});
+}
+function V({ translations: e, items: t, onSelect: n, disabled: r, label: i = "Suggested requests" }) {
+	let a = O(e);
+	if (!t.length) return null;
+	let o = t.map((e) => typeof e == "string" ? {
+		label: e,
+		prompt: e
+	} : e);
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-suggestions",
+		role: "group",
+		"aria-label": a(i),
+		children: [o.slice(0, 3).map((e, t) => /* @__PURE__ */ c(b, {
+			className: "rv-ai-suggestion",
+			size: "compact",
+			disabled: r,
+			onClick: () => n(e.prompt),
+			children: e.label
+		}, `${t}:${e.prompt}`)), o.length > 3 && /* @__PURE__ */ c(f, {
+			className: "rv-ai-examples",
+			source: o.slice(3).map((e) => ({
+				value: e.prompt,
+				label: e.label
+			})),
+			disabled: r,
+			placeholder: a("More"),
+			renderSelectedValue: () => /* @__PURE__ */ c(d, {
+				svg: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M0 256a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm168 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm224-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z\"/></svg>",
+				size: 14
+			}),
+			config: { ariaLabel: a("More") },
+			onChange: (e) => {
+				typeof e == "string" && n(e);
+			}
+		})]
+	});
+}
+function H({ translations: e, phase: t, message: n }) {
+	let r = O(e);
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-status",
+		"data-state": t,
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		children: [(t === "understanding" || t === "applying") && /* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ c(h, { label: "" })
+		}), /* @__PURE__ */ c("span", { children: r(n) })]
+	});
+}
+function U({ translations: e, summary: t, matchedRows: n, countLabel: r, actions: i, children: a }) {
+	let o = O(e);
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-result",
+		role: "status",
+		"aria-live": "polite",
+		children: [
+			/* @__PURE__ */ c("p", {
+				class: "rv-ai-result-summary",
+				children: t
+			}),
+			n !== void 0 && /* @__PURE__ */ c("p", {
+				class: "rv-ai-result-count",
+				children: r ? r(n) : o("{count} matching rows", { count: n.toLocaleString() })
+			}),
+			a,
+			i && /* @__PURE__ */ c("div", {
+				class: "rv-ai-result-actions",
+				children: i
+			})
+		]
+	});
+}
+function W({ layout: e = "flow", translations: t = {}, label: n = "AI view assistant", children: r, footer: i, busy: a }) {
+	return /* @__PURE__ */ c(D, {
+		translations: t,
+		children: /* @__PURE__ */ c("section", {
+			class: `rv-ai-assistant${e === "fill" ? " rv-ai-assistant--fill" : ""}`,
+			"aria-label": ((e) => T(e, t))(n),
+			"aria-busy": a || void 0,
+			onKeyDown: (e) => e.stopPropagation(),
+			onKeyUp: (e) => e.stopPropagation(),
+			children: [r, i && /* @__PURE__ */ c("div", {
+				class: "rv-ai-assistant-footer",
+				children: i
+			})]
+		})
+	});
+}
+function G({ translations: t, summary: n, details: i, changes: a, notice: o, disabled: l, onApply: u, onCancel: d }) {
+	let f = O(t), p = s(null);
+	return r(() => {
+		p.current?.focus();
+	}, []), /* @__PURE__ */ c("section", {
+		class: "rv-ai-change-preview",
+		"aria-label": f("Review changes"),
+		onKeyDown: (e) => {
+			e.key === "Escape" && !l && (e.preventDefault(), d());
+		},
+		children: /* @__PURE__ */ c(U, {
+			summary: n,
+			actions: /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ c(b, {
+				ref: p,
+				disabled: l,
+				onClick: u,
+				children: f("Apply changes")
+			}), /* @__PURE__ */ c(b, {
+				disabled: l,
+				variant: "ghost",
+				onClick: d,
+				children: f("Cancel changes")
+			})] }),
+			children: [o && /* @__PURE__ */ c("p", {
+				class: "rv-ai-preview-notice",
+				children: o
+			}), a?.length ? /* @__PURE__ */ c("div", {
+				class: "rv-ai-preview-changes",
+				role: "region",
+				"aria-label": f("Proposed changes"),
+				tabIndex: 0,
+				children: /* @__PURE__ */ c("table", { children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: [
+					/* @__PURE__ */ c("th", {
+						scope: "col",
+						children: f("Change")
+					}),
+					/* @__PURE__ */ c("th", {
+						scope: "col",
+						children: f("Current")
+					}),
+					/* @__PURE__ */ c("th", {
+						scope: "col",
+						children: f("Proposed")
+					})
+				] }) }), /* @__PURE__ */ c("tbody", { children: a.map((e, t) => /* @__PURE__ */ c("tr", { children: [
+					/* @__PURE__ */ c("th", {
+						scope: "row",
+						children: [e.item && /* @__PURE__ */ c("span", {
+							class: "rv-ai-preview-item",
+							children: e.item
+						}), e.label]
+					}),
+					/* @__PURE__ */ c("td", { children: e.before ?? "—" }),
+					/* @__PURE__ */ c("td", { children: e.after ?? "—" })
+				] }, t)) })] })
+			}) : i && /* @__PURE__ */ c("pre", {
+				class: "rv-ai-result-details",
+				children: i
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/ai/chat.tsx
+function K({ children: e, className: t = "", label: n = "AI chat", style: r, translations: i }) {
+	let a = O(i);
+	return /* @__PURE__ */ c("section", {
+		class: `rv-ai-chat ${t}`,
+		"aria-label": a(n),
+		style: r,
+		children: e
+	});
+}
+function q({ children: e, className: t = "", autoScroll: n = !0, busy: o = !1, label: l = "Conversation messages", jumpLabel: u = "Jump to latest", translations: d }) {
+	let f = O(d), p = s(null), m = s(null), h = s(n), [g, _] = i(!1), v = () => {
+		let e = p.current;
+		if (!e) return;
+		let t = e.scrollHeight - e.clientHeight - e.scrollTop <= 40;
+		h.current = t, _(!t);
+	}, b = () => {
+		let e = p.current;
+		e && (e.scrollTop = e.scrollHeight, h.current = !0, _(!1));
+	}, x = () => {
+		if (n && h.current) b();
+		else {
+			let e = p.current;
+			e && _(e.scrollHeight - e.clientHeight - e.scrollTop > 40);
+		}
+	};
+	return a(x, [e, n]), r(() => {
+		if (typeof ResizeObserver > "u") return;
+		let e = new ResizeObserver(x);
+		return p.current && e.observe(p.current), m.current && e.observe(m.current), () => e.disconnect();
+	}, [n]), /* @__PURE__ */ c("div", {
+		class: `rv-ai-chat-scroll ${t}`,
+		children: [/* @__PURE__ */ c("div", {
+			ref: p,
+			class: "rv-ai-chat-viewport",
+			role: "log",
+			"aria-label": f(l),
+			"aria-live": "polite",
+			"aria-relevant": "additions text",
+			"aria-busy": o || void 0,
+			tabIndex: 0,
+			onScroll: v,
+			children: /* @__PURE__ */ c("div", {
+				ref: m,
+				class: "rv-ai-chat-content",
+				children: e
+			})
+		}), g && /* @__PURE__ */ c(y, {
+			className: "rv-ai-chat-jump",
+			label: f(u),
+			icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M169.4 502.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 402.7 224 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 370.7-105.4-105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"/></svg>",
+			variant: "default",
+			size: "compact",
+			onClick: b
+		})]
+	});
+}
+function J({ title: e = "Start a conversation", description: t = "Ask a question to get started.", children: n, className: r = "", translations: i, renderContent: o }) {
+	let l = O(i), u = s(null);
+	return a(() => {
+		let e = u.current;
+		if (!e || !o) return;
+		let t = o(e);
+		return () => {
+			t?.(), e.replaceChildren();
+		};
+	}, [o]), /* @__PURE__ */ c("div", {
+		class: `rv-ai-chat-empty ${r}`,
+		children: [
+			e && /* @__PURE__ */ c("strong", { children: l(e) }),
+			t && /* @__PURE__ */ c("p", { children: l(t) }),
+			n,
+			o && /* @__PURE__ */ c("div", {
+				ref: u,
+				class: "rv-ai-chat-empty-slot"
+			})
+		]
+	});
+}
+function Y(e) {
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-chat-composer",
+		children: /* @__PURE__ */ c(B, {
+			label: "Message",
+			placeholder: "Type a message…",
+			...e
+		})
+	});
+}
+function X({ from: e, label: t, isStreaming: n = !1, children: r, className: i = "", translations: a }) {
+	let o = O(a);
+	return /* @__PURE__ */ c("article", {
+		class: `rv-ai-message rv-ai-message--${e} ${i}`,
+		"aria-label": o(t ?? {
+			user: "You",
+			assistant: "Assistant",
+			system: "System"
+		}[e]),
+		"aria-busy": n || void 0,
+		"data-streaming": n || void 0,
+		children: r
+	});
+}
+function ee({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-message-content ${t}`,
+		children: e
+	});
+}
+function te({ children: e, className: t = "", label: n = "Message actions", translations: r }) {
+	let i = O(r);
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-message-actions ${t}`,
+		role: "group",
+		"aria-label": i(n),
+		children: e
+	});
+}
+var Z = {
+	pending: "Pending",
+	running: "Running",
+	completed: "Completed",
+	error: "Failed",
+	cancelled: "Cancelled"
+};
+function Q({ status: e }) {
+	return /* @__PURE__ */ c("span", {
+		class: "rv-ai-task-icon",
+		"data-status": e,
+		"aria-hidden": "true",
+		children: e === "running" ? /* @__PURE__ */ c(h, { label: "" }) : /* @__PURE__ */ c(d, { svg: e === "completed" ? P : e === "error" ? F : e === "cancelled" ? I : S })
+	});
+}
+function $({ title: e, status: n = "completed", open: r, defaultOpen: a, onOpenChange: o, children: l, className: u = "", translations: f }) {
+	let p = O(f), [m, h] = i(a), g = r ?? m ?? n === "running", v = s({
+		expanded: g,
+		open: r,
+		onOpenChange: o
+	});
+	v.current = {
+		expanded: g,
+		open: r,
+		onOpenChange: o
+	};
+	let y = t(l).some((e) => typeof e != "string" || e.trim().length > 0), b = /* @__PURE__ */ c("span", {
+		class: "rv-ai-trace-heading",
+		children: [
+			/* @__PURE__ */ c(Q, { status: n }),
+			/* @__PURE__ */ c("span", { children: e }),
+			/* @__PURE__ */ c("span", {
+				class: "rv-visually-hidden",
+				children: p(Z[n])
+			}),
+			y && /* @__PURE__ */ c("span", {
+				class: "rv-ai-trace-chevron",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ c(d, {
+					svg: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"/></svg>",
+					size: 8
+				})
+			})
+		]
+	});
+	return y ? /* @__PURE__ */ c(_, {
+		className: `rv-ai-trace ${u}`,
+		open: g,
+		onToggle: (e) => {
+			let t = e.currentTarget.open, n = v.current;
+			t !== n.expanded && (n.open === void 0 ? h(t) : e.currentTarget.open = n.expanded, n.onOpenChange?.(t));
+		},
+		summary: b,
+		children: /* @__PURE__ */ c("div", {
+			class: "rv-ai-trace-content",
+			children: l
+		})
+	}) : /* @__PURE__ */ c("div", {
+		class: `rv-ai-trace rv-ai-trace-line ${u}`,
+		children: b
+	});
+}
+function ne(e) {
+	return /* @__PURE__ */ c($, { ...e });
+}
+function re({ status: e = "completed", children: t, className: n = "", translations: r }) {
+	let i = O(r);
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-task-item ${n}`,
+		children: [
+			/* @__PURE__ */ c(Q, { status: e }),
+			/* @__PURE__ */ c("span", {
+				class: "rv-visually-hidden",
+				children: [i(Z[e]), ": "]
+			}),
+			/* @__PURE__ */ c("div", { children: t })
+		]
+	});
+}
+function ie({ title: e, isStreaming: t = !1, duration: n, children: r, translations: i, ...a }) {
+	let o = O(i), s = typeof n == "number" && Number.isFinite(n) && n >= 0 ? ` · ${o("{seconds}s", { seconds: Math.round(n) })}` : "";
+	return /* @__PURE__ */ c($, {
+		...a,
+		translations: i,
+		status: t ? "running" : "completed",
+		title: `${o(e ?? (t ? "Working…" : "Reasoning summary"))}${s}`,
+		children: r
+	});
+}
+//#endregion
+//#region src/ai/request-trail.tsx
+function ae({ translations: e, items: t, onRemove: n, onClear: r, onEmpty: o, disabled: f, removalsDisabled: h, label: _ = "View steps", triggerLabel: v, clearLabel: y = "Clear all", clearDescription: S, removeLabel: C, countLabel: w, changedMessage: T }) {
+	let E = O(e), D = w ?? ((e) => E(e === 1 ? "{count} applied request" : "{count} applied requests", { count: e })), k = C ?? ((e) => E("Remove request: {label}", { label: e.label })), A = s(null), j = s(null), M = s(null), [N] = i(() => l("rv-ai-steps")), [P, F] = i(!1), I = t.length > 0;
+	a(() => {
+		if (I || F(!1), !P || !I || !A.current || !j.current || !M.current) return;
+		let e = M.current, t = new u(), n = !0;
+		return t.open({
+			anchor: j.current,
+			content: e,
+			appendTo: A.current,
+			onClose: () => {
+				n && F(!1);
+			}
+		}), e.focus({ preventScroll: !0 }), () => {
+			n = !1, t.destroy(), e.hidden = !0;
+		};
+	}, [P, I]);
+	let L = s();
+	if (a(() => {
+		let e = L.current;
+		if (!e) return;
+		if (f) {
+			e.sawBusy = !0;
+			return;
+		}
+		if (e.id ? t.some((t) => t.id === e.id) : t.length > 0) {
+			(e.sawBusy || e.id && h) && (L.current = void 0);
+			return;
+		}
+		L.current = void 0;
+		let n = e.button.ownerDocument.activeElement;
+		if (n !== e.button && n !== e.button.ownerDocument.body) return;
+		let r = A.current?.querySelectorAll(".rv-remove-button");
+		r?.length && P ? r[Math.min(e.index, r.length - 1)]?.focus() : t.length || o?.();
+	}, [
+		t,
+		o,
+		f,
+		h,
+		P
+	]), !I) return null;
+	let R = 0, z = t.reduce((e, t) => e + (t.count ?? 1), 0);
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-request-trail",
+		role: "group",
+		"aria-label": E(_),
+		ref: A,
+		onFocusOut: (e) => {
+			e.relatedTarget instanceof Node && !e.currentTarget.contains(e.relatedTarget) && F(!1);
+		},
+		children: [/* @__PURE__ */ c(b, {
+			ref: j,
+			className: "rv-ai-trail-trigger",
+			variant: "ghost",
+			size: "compact",
+			disabled: f,
+			"aria-haspopup": "dialog",
+			"aria-expanded": P,
+			"aria-controls": N,
+			onClick: () => F((e) => !e),
+			children: [v ? v(z) : E(z === 1 ? "{count} step" : "{count} steps", { count: z }), /* @__PURE__ */ c(d, {
+				svg: m,
+				size: 10
+			})]
+		}), /* @__PURE__ */ c("div", {
+			ref: M,
+			id: N,
+			class: "rv-popover rv-ai-trail-popover",
+			role: "dialog",
+			"aria-label": E(_),
+			tabIndex: -1,
+			hidden: !P,
+			children: [
+				/* @__PURE__ */ c("div", {
+					class: "rv-ai-trail-header",
+					children: /* @__PURE__ */ c("span", {
+						class: "rv-ai-trail-label",
+						children: [E(_), /* @__PURE__ */ c(g, {
+							count: z,
+							label: D(z)
+						})]
+					})
+				}),
+				/* @__PURE__ */ c("ol", {
+					class: "rv-ai-trail-steps",
+					"aria-label": D(z),
+					children: t.map((e, r) => {
+						let i = R + 1;
+						return R += e.count ?? 1, /* @__PURE__ */ c("li", {
+							class: "rv-ai-step",
+							"data-current": r === t.length - 1 || void 0,
+							onFocusCapture: (e) => e.currentTarget.scrollIntoView({
+								block: "nearest",
+								inline: "nearest"
+							}),
+							children: /* @__PURE__ */ c("span", {
+								class: "rv-ai-step-chip",
+								children: [
+									/* @__PURE__ */ c("span", {
+										class: "rv-ai-step-number",
+										"aria-hidden": "true",
+										children: i === R ? i : `${i}–${R}`
+									}),
+									/* @__PURE__ */ c(x, {
+										class: "rv-ai-step-label",
+										title: e.label,
+										children: e.label
+									}),
+									/* @__PURE__ */ c(p, {
+										compact: !0,
+										disabled: f || h,
+										locale: {
+											title: k(e),
+											ariaLabel: k(e)
+										},
+										onClick: (t) => {
+											t.preventDefault(), L.current = {
+												button: t.currentTarget,
+												index: r,
+												id: e.id
+											}, n(e.id);
+										}
+									})
+								]
+							})
+						}, e.id);
+					})
+				}),
+				T && /* @__PURE__ */ c("p", {
+					class: "rv-ai-trail-message",
+					children: E(T)
+				}),
+				/* @__PURE__ */ c("div", {
+					class: "rv-ai-trail-footer",
+					children: /* @__PURE__ */ c(b, {
+						variant: "ghost",
+						size: "compact",
+						disabled: f,
+						title: S ? E(S) : void 0,
+						onClick: (e) => {
+							e.preventDefault(), L.current = {
+								button: e.currentTarget,
+								index: 0
+							}, r();
+						},
+						children: E(y)
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { k as C, T as E, A as S, w as T, V as _, J as a, M as b, ee as c, re as d, H as f, U as g, B as h, q as i, ie as l, G as m, K as n, X as o, W as p, Y as r, te as s, ae as t, ne as u, L as v, D as w, j as x, N as y };