@revolist/ui 4.0.2-rc → 4.0.4-rc

package/_chunks/request-trail-DSlFix6i.js

@@ -0,0 +1,618 @@
+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 { SvgIcon as l } from "../icons/icon.js";
+import { l as u } from "./native-control-C_yok8_-.js";
+import { RemoveButton as d } from "../buttons/remove-button.js";
+import { t as f } from "./chevron-down-GbplLa6s.js";
+import { D as p, M as m, l as h, m as g, n as _, o as v } from "./controls-DsNi8V8I.js";
+import { createControlId as y } from "../core/control-id.js";
+import { PopoverController as b } from "../surfaces.js";
+import { t as x } from "./clock-BOhPNlW3.js";
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/circle-check.svg?raw
+var S = "<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>", C = "<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>", w = "<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>", T = /* @__PURE__ */ "AI chat,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,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 E(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 D = n({});
+function O({ translations: e, children: t }) {
+	return /* @__PURE__ */ c(D.Provider, {
+		value: e,
+		children: t
+	});
+}
+function k(e) {
+	let t = o(D), n = e ?? t;
+	return (e, t) => E(e, n, t);
+}
+//#endregion
+//#region src/ai/prompt-history.ts
+function A(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 j = 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;
+	}
+}, M = "<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=\"M214.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 109.3 160 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-370.7 105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"/></svg>", N = "<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 P({ translations: e, value: t, onValueChange: n, onSubmit: r, onStop: i, busy: o = !1, disabled: l = !1, label: u = "Ask AI to change this view", placeholder: d = "Filter or sort your data…", submitLabel: f = "Send", stopLabel: p = "Stop", promptHistory: h, hint: _ = "", actions: v, footer: b, textareaProps: x }) {
+	let S = k(e), C = s(y("ai-prompt")), w = s(!1), T = s(new j()), E = s();
+	a(() => {
+		if (!E.current) return;
+		let { element: e, position: t } = E.current;
+		e.setSelectionRange(t, t), E.current = void 0;
+	});
+	let D = `${C.current}-hint`, O = !!_ && !t.length, P = o && !!i, F = () => {
+		!l && !o && t.trim() && r(t.trim());
+	};
+	return /* @__PURE__ */ c("form", {
+		class: "rv-ai-prompt",
+		"aria-busy": o || void 0,
+		onSubmit: (e) => {
+			e.preventDefault(), F();
+		},
+		children: [/* @__PURE__ */ c("label", {
+			for: C.current,
+			class: "rv-ai-prompt-label rv-visually-hidden",
+			children: S(u)
+		}), /* @__PURE__ */ c("div", {
+			class: "rv-ai-prompt-composer",
+			children: [
+				/* @__PURE__ */ c(m, {
+					rows: 1,
+					...x,
+					id: C.current,
+					"aria-describedby": O ? D : void 0,
+					value: t,
+					onValueChange: (e) => {
+						T.current.reset(), E.current = void 0, n(e);
+					},
+					placeholder: S(d),
+					disabled: l || o,
+					maxLength: 4e3,
+					onCompositionStart: () => {
+						w.current = !0;
+					},
+					onCompositionEnd: () => {
+						w.current = !1;
+					},
+					onKeyDown: (e) => {
+						let r = e.currentTarget;
+						if (h && !o && !l && !w.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 = T.current.move(t, e.key === "ArrowUp" ? "up" : "down", A(h));
+							if (i !== void 0) {
+								if (e.preventDefault(), i === t) return;
+								E.current = {
+									element: r,
+									position: i.length
+								}, n(i);
+								return;
+							}
+						}
+						e.key === "Enter" && !e.shiftKey && !e.isComposing && !w.current && e.keyCode !== 229 && (e.preventDefault(), F());
+					}
+				}),
+				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: [v, O && /* @__PURE__ */ c("span", {
+							id: D,
+							class: "rv-ai-prompt-hint",
+							children: S(_)
+						})]
+					}), /* @__PURE__ */ c(g, {
+						className: "rv-ai-prompt-submit",
+						type: P ? "button" : "submit",
+						label: S(P ? p : f),
+						icon: P ? N : M,
+						onClick: P ? (e) => {
+							e.preventDefault(), i?.();
+						} : void 0,
+						disabled: l || !P && !t.trim(),
+						busy: o && !P,
+						variant: "solid",
+						size: "compact"
+					})]
+				})
+			]
+		})]
+	});
+}
+function F({ translations: e, items: t, onSelect: n, disabled: r, label: i = "Suggested requests" }) {
+	let a = k(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(_, {
+			className: "rv-ai-suggestion",
+			size: "compact",
+			disabled: r,
+			onClick: () => n(e.prompt),
+			children: e.label
+		}, `${t}:${e.prompt}`)), o.length > 3 && /* @__PURE__ */ c(u, {
+			className: "rv-ai-examples",
+			source: o.slice(3).map((e) => ({
+				value: e.prompt,
+				label: e.label
+			})),
+			disabled: r,
+			placeholder: a("More"),
+			renderSelectedValue: () => /* @__PURE__ */ c(l, {
+				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 I({ translations: e, phase: t, message: n }) {
+	let r = k(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(p, { label: "" })
+		}), /* @__PURE__ */ c("span", { children: r(n) })]
+	});
+}
+function L({ translations: e, summary: t, matchedRows: n, countLabel: r, actions: i, children: a }) {
+	let o = k(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 R({ translations: e = {}, label: t = "AI view assistant", children: n, footer: r, busy: i }) {
+	return /* @__PURE__ */ c(O, {
+		translations: e,
+		children: /* @__PURE__ */ c("section", {
+			class: "rv-ai-assistant",
+			"aria-label": ((t) => E(t, e))(t),
+			"aria-busy": i || void 0,
+			onKeyDown: (e) => e.stopPropagation(),
+			onKeyUp: (e) => e.stopPropagation(),
+			children: [n, r && /* @__PURE__ */ c("div", {
+				class: "rv-ai-assistant-footer",
+				children: r
+			})]
+		})
+	});
+}
+function z({ translations: t, summary: n, details: i, disabled: a, onApply: o, onCancel: l }) {
+	let u = k(t), d = s(null);
+	return r(() => {
+		d.current?.focus();
+	}, []), /* @__PURE__ */ c("section", {
+		class: "rv-ai-change-preview",
+		"aria-label": u("Review changes"),
+		onKeyDown: (e) => {
+			e.key === "Escape" && !a && (e.preventDefault(), l());
+		},
+		children: /* @__PURE__ */ c(L, {
+			summary: n,
+			actions: /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ c(_, {
+				ref: d,
+				disabled: a,
+				onClick: o,
+				children: u("Apply changes")
+			}), /* @__PURE__ */ c(_, {
+				disabled: a,
+				variant: "ghost",
+				onClick: l,
+				children: u("Cancel changes")
+			})] }),
+			children: i && /* @__PURE__ */ c("pre", {
+				class: "rv-ai-result-details",
+				children: i
+			})
+		})
+	});
+}
+//#endregion
+//#region src/ai/chat.tsx
+function B({ children: e, className: t = "", label: n = "AI chat", style: r, translations: i }) {
+	let a = k(i);
+	return /* @__PURE__ */ c("section", {
+		class: `rv-ai-chat ${t}`,
+		"aria-label": a(n),
+		style: r,
+		children: e
+	});
+}
+function V({ children: e, className: t = "", autoScroll: n = !0, busy: o = !1, label: l = "Conversation messages", jumpLabel: u = "Jump to latest", translations: d }) {
+	let f = k(d), p = s(null), m = s(null), h = s(n), [g, v] = i(!1), y = () => {
+		let e = p.current;
+		if (!e) return;
+		let t = e.scrollHeight - e.clientHeight - e.scrollTop <= 40;
+		h.current = t, v(!t);
+	}, b = () => {
+		let e = p.current;
+		e && (e.scrollTop = e.scrollHeight, h.current = !0, v(!1));
+	}, x = () => {
+		if (n && h.current) b();
+		else {
+			let e = p.current;
+			e && v(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: y,
+			children: /* @__PURE__ */ c("div", {
+				ref: m,
+				class: "rv-ai-chat-content",
+				children: e
+			})
+		}), g && /* @__PURE__ */ c(_, {
+			className: "rv-ai-chat-jump",
+			size: "compact",
+			onClick: b,
+			children: f(u)
+		})]
+	});
+}
+function H({ title: e = "Start a conversation", description: t = "Ask a question to get started.", children: n, className: r = "", translations: i }) {
+	let a = k(i);
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-chat-empty ${r}`,
+		children: [
+			/* @__PURE__ */ c("strong", { children: a(e) }),
+			/* @__PURE__ */ c("p", { children: a(t) }),
+			n
+		]
+	});
+}
+function U(e) {
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-chat-composer",
+		children: /* @__PURE__ */ c(P, {
+			label: "Message",
+			placeholder: "Type a message…",
+			...e
+		})
+	});
+}
+function W({ from: e, label: t, isStreaming: n = !1, children: r, className: i = "", translations: a }) {
+	let o = k(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 G({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-message-content ${t}`,
+		children: e
+	});
+}
+function K({ children: e, className: t = "", label: n = "Message actions", translations: r }) {
+	let i = k(r);
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-message-actions ${t}`,
+		role: "group",
+		"aria-label": i(n),
+		children: e
+	});
+}
+var q = {
+	pending: "Pending",
+	running: "Running",
+	completed: "Completed",
+	error: "Failed",
+	cancelled: "Cancelled"
+};
+function J({ status: e }) {
+	return /* @__PURE__ */ c("span", {
+		class: "rv-ai-task-icon",
+		"data-status": e,
+		"aria-hidden": "true",
+		children: e === "running" ? /* @__PURE__ */ c(p, { label: "" }) : /* @__PURE__ */ c(l, { svg: e === "completed" ? S : e === "error" ? C : e === "cancelled" ? w : x })
+	});
+}
+function Y({ title: e, status: n = "completed", open: r, defaultOpen: a, onOpenChange: o, children: u, className: d = "", translations: f }) {
+	let p = k(f), [m, g] = i(a), _ = r ?? m ?? n === "running", v = s({
+		expanded: _,
+		open: r,
+		onOpenChange: o
+	});
+	v.current = {
+		expanded: _,
+		open: r,
+		onOpenChange: o
+	};
+	let y = t(u).some((e) => typeof e != "string" || e.trim().length > 0), b = /* @__PURE__ */ c("span", {
+		class: "rv-ai-trace-heading",
+		children: [
+			/* @__PURE__ */ c(J, { status: n }),
+			/* @__PURE__ */ c("span", { children: e }),
+			/* @__PURE__ */ c("span", {
+				class: "rv-visually-hidden",
+				children: p(q[n])
+			}),
+			y && /* @__PURE__ */ c("span", {
+				class: "rv-ai-trace-chevron",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ c(l, {
+					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(h, {
+		className: `rv-ai-trace ${d}`,
+		open: _,
+		onToggle: (e) => {
+			let t = e.currentTarget.open, n = v.current;
+			t !== n.expanded && (n.open === void 0 ? g(t) : e.currentTarget.open = n.expanded, n.onOpenChange?.(t));
+		},
+		summary: b,
+		children: /* @__PURE__ */ c("div", {
+			class: "rv-ai-trace-content",
+			children: u
+		})
+	}) : /* @__PURE__ */ c("div", {
+		class: `rv-ai-trace rv-ai-trace-line ${d}`,
+		children: b
+	});
+}
+function X(e) {
+	return /* @__PURE__ */ c(Y, { ...e });
+}
+function Z({ status: e = "completed", children: t, className: n = "", translations: r }) {
+	let i = k(r);
+	return /* @__PURE__ */ c("div", {
+		class: `rv-ai-task-item ${n}`,
+		children: [
+			/* @__PURE__ */ c(J, { status: e }),
+			/* @__PURE__ */ c("span", {
+				class: "rv-visually-hidden",
+				children: [i(q[e]), ": "]
+			}),
+			/* @__PURE__ */ c("div", { children: t })
+		]
+	});
+}
+function Q({ title: e, isStreaming: t = !1, duration: n, children: r, translations: i, ...a }) {
+	let o = k(i), s = typeof n == "number" && Number.isFinite(n) && n >= 0 ? ` · ${o("{seconds}s", { seconds: Math.round(n) })}` : "";
+	return /* @__PURE__ */ c(Y, {
+		...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 $({ translations: e, items: t, onRemove: n, onClear: r, onEmpty: o, disabled: u, removalsDisabled: p, label: m = "View steps", triggerLabel: h, clearLabel: g = "Clear all", clearDescription: x, removeLabel: S, countLabel: C, changedMessage: w }) {
+	let T = k(e), E = C ?? ((e) => T(e === 1 ? "{count} applied request" : "{count} applied requests", { count: e })), D = S ?? ((e) => T("Remove request: {label}", { label: e.label })), O = s(null), A = s(null), j = s(null), [M] = i(() => y("rv-ai-steps")), [N, P] = i(!1), F = t.length > 0;
+	a(() => {
+		if (F || P(!1), !N || !F || !O.current || !A.current || !j.current) return;
+		let e = j.current, t = new b(), n = !0;
+		return t.open({
+			anchor: A.current,
+			content: e,
+			appendTo: O.current,
+			onClose: () => {
+				n && P(!1);
+			}
+		}), e.focus({ preventScroll: !0 }), () => {
+			n = !1, t.destroy(), e.hidden = !0;
+		};
+	}, [N, F]);
+	let I = s();
+	if (a(() => {
+		let e = I.current;
+		if (!e) return;
+		if (u) {
+			e.sawBusy = !0;
+			return;
+		}
+		if (e.id ? t.some((t) => t.id === e.id) : t.length > 0) {
+			(e.sawBusy || e.id && p) && (I.current = void 0);
+			return;
+		}
+		I.current = void 0;
+		let n = e.button.ownerDocument.activeElement;
+		if (n !== e.button && n !== e.button.ownerDocument.body) return;
+		let r = O.current?.querySelectorAll(".rv-remove-button");
+		r?.length && N ? r[Math.min(e.index, r.length - 1)]?.focus() : t.length || o?.();
+	}, [
+		t,
+		o,
+		u,
+		p,
+		N
+	]), !F) return null;
+	let L = 0, R = t.reduce((e, t) => e + (t.count ?? 1), 0);
+	return /* @__PURE__ */ c("div", {
+		class: "rv-ai-request-trail",
+		role: "group",
+		"aria-label": T(m),
+		ref: O,
+		onFocusOut: (e) => {
+			e.relatedTarget instanceof Node && !e.currentTarget.contains(e.relatedTarget) && P(!1);
+		},
+		children: [/* @__PURE__ */ c(_, {
+			ref: A,
+			className: "rv-ai-trail-trigger",
+			variant: "ghost",
+			size: "compact",
+			disabled: u,
+			"aria-haspopup": "dialog",
+			"aria-expanded": N,
+			"aria-controls": M,
+			onClick: () => P((e) => !e),
+			children: [h ? h(R) : T(R === 1 ? "{count} step" : "{count} steps", { count: R }), /* @__PURE__ */ c(l, {
+				svg: f,
+				size: 10
+			})]
+		}), /* @__PURE__ */ c("div", {
+			ref: j,
+			id: M,
+			class: "rv-popover rv-ai-trail-popover",
+			role: "dialog",
+			"aria-label": T(m),
+			tabIndex: -1,
+			hidden: !N,
+			children: [
+				/* @__PURE__ */ c("div", {
+					class: "rv-ai-trail-header",
+					children: /* @__PURE__ */ c("span", {
+						class: "rv-ai-trail-label",
+						children: [T(m), /* @__PURE__ */ c(v, {
+							count: R,
+							label: E(R)
+						})]
+					})
+				}),
+				/* @__PURE__ */ c("ol", {
+					class: "rv-ai-trail-steps",
+					"aria-label": E(R),
+					children: t.map((e, r) => {
+						let i = L + 1;
+						return L += 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 === L ? i : `${i}–${L}`
+									}),
+									/* @__PURE__ */ c("span", {
+										class: "rv-ai-step-label",
+										title: e.label,
+										children: e.label
+									}),
+									/* @__PURE__ */ c(d, {
+										compact: !0,
+										disabled: u || p,
+										locale: {
+											title: D(e),
+											ariaLabel: D(e)
+										},
+										onClick: (t) => {
+											t.preventDefault(), I.current = {
+												button: t.currentTarget,
+												index: r,
+												id: e.id
+											}, n(e.id);
+										}
+									})
+								]
+							})
+						}, e.id);
+					})
+				}),
+				w && /* @__PURE__ */ c("p", {
+					class: "rv-ai-trail-message",
+					children: T(w)
+				}),
+				/* @__PURE__ */ c("div", {
+					class: "rv-ai-trail-footer",
+					children: /* @__PURE__ */ c(_, {
+						variant: "ghost",
+						size: "compact",
+						disabled: u,
+						title: x ? T(x) : void 0,
+						onClick: (e) => {
+							e.preventDefault(), I.current = {
+								button: e.currentTarget,
+								index: 0
+							}, r();
+						},
+						children: T(g)
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { F as _, H as a, T as b, G as c, Z as d, I as f, L as g, P as h, V as i, Q as l, z as m, B as n, W as o, R as p, U as r, K as s, $ as t, X as u, A as v, E as x, O as y };