@voltro/ui 0.53.0 → 0.55.0

package/dist/index.js

@@ -1,85 +1,159 @@
-import { createContext as e, useContext as t, useId as n, useMemo as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { FORM_KEY_FIELD as c, FORM_REDIRECT_FIELD as l, formActionPath as u, formSections as d, useAgentChat as f, useConnection as p, useDataCopilot as m, useDataTable as h, useFormBinding as g, useFormFlash as ee, useFormSkeleton as te, useQueryField as ne, useQueryFilters as re, useRecord as _, useTableSkeleton as ie, useWorkflowRunState as v } from "@voltro/client";
-import { useComments as ae } from "@voltro/plugin-comments/web";
-//#region src/widgets.tsx
-var y = (e) => e == null ? "" : String(e), b = ({ required: e }) => e ? /* @__PURE__ */ o("span", {
+import { Fragment as e, createContext as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { FORM_KEY_FIELD as c, FORM_REDIRECT_FIELD as l, FormBindingProvider as u, formActionPath as d, formSections as f, isRichTextDocument as p, isSafeHref as m, parseRichText as ee, serializeRichText as h, useAgentChat as g, useConnection as te, useDataCopilot as _, useDataTable as ne, useFormBinding as re, useFormFlash as ie, useFormSkeleton as ae, useQueryField as oe, useQueryFilters as se, useRecord as ce, useTableSkeleton as le, useWorkflowRunState as v } from "@voltro/client";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useComments as ue } from "@voltro/plugin-comments/web";
+//#region src/richText.tsx
+var de = (t, n) => {
+	let r = t.marks ?? [], i = t.text;
+	return r.includes("code") && (i = /* @__PURE__ */ b("code", { children: i }, n)), r.includes("italic") && (i = /* @__PURE__ */ b("em", { children: i }, n)), r.includes("strike") && (i = /* @__PURE__ */ b("s", { children: i }, n)), r.includes("bold") && (i = /* @__PURE__ */ b("strong", { children: i }, n)), /* @__PURE__ */ b(e, { children: i }, n);
+}, S = (t) => t.map((t, n) => {
+	if (t.type === "link") {
+		let r = t.content.map((e) => e.text).join("");
+		return m(t.href) ? /* @__PURE__ */ b("a", {
+			href: t.href,
+			rel: "noopener noreferrer nofollow",
+			children: r
+		}, n) : /* @__PURE__ */ b(e, { children: r }, n);
+	}
+	return de(t, n);
+}), fe = (e, t) => {
+	switch (e.type) {
+		case "heading": {
+			let n = [
+				"h1",
+				"h2",
+				"h3"
+			][e.level - 1] ?? "h3";
+			return /* @__PURE__ */ b(n, { children: S(e.content) }, t);
+		}
+		case "blockquote": return /* @__PURE__ */ b("blockquote", { children: S(e.content) }, t);
+		case "bulletList": return /* @__PURE__ */ b("ul", { children: e.content.map((e, t) => /* @__PURE__ */ b("li", { children: S(e.content) }, t)) }, t);
+		case "orderedList": return /* @__PURE__ */ b("ol", { children: e.content.map((e, t) => /* @__PURE__ */ b("li", { children: S(e.content) }, t)) }, t);
+		case "codeBlock": return /* @__PURE__ */ b("pre", { children: /* @__PURE__ */ b("code", { children: e.text }) }, t);
+		default: return /* @__PURE__ */ b("p", { children: S(e.content) }, t);
+	}
+}, pe = (e) => p(e.doc) ? /* @__PURE__ */ b(y, { children: e.doc.content.map((e, t) => fe(e, t)) }) : null, C = (e) => {
+	let t = i(), [n, a] = s(() => h(e.value)), c = o(e.value);
+	r(() => {
+		e.value !== c.current && JSON.stringify(e.value) !== JSON.stringify(c.current) && (c.current = e.value, a(h(e.value)));
+	}, [e.value]);
+	let l = [e.description === void 0 ? "" : `${t}-desc`, e.error === void 0 ? "" : `${t}-error`].filter(Boolean).join(" ");
+	return /* @__PURE__ */ x("div", {
+		"data-voltro-field": !0,
+		"data-voltro-rich-text": !0,
+		children: [
+			/* @__PURE__ */ x("label", {
+				htmlFor: t,
+				children: [e.label, e.required ? /* @__PURE__ */ b("span", {
+					"aria-hidden": "true",
+					children: " *"
+				}) : null]
+			}),
+			e.description === void 0 ? null : /* @__PURE__ */ b("p", {
+				id: `${t}-desc`,
+				"data-voltro-field-hint": !0,
+				children: e.description
+			}),
+			/* @__PURE__ */ b("textarea", {
+				id: t,
+				name: e.name,
+				value: n,
+				onChange: (t) => {
+					a(t.target.value);
+					let n = ee(t.target.value);
+					c.current = n, e.onChange(n);
+				},
+				onBlur: e.onBlur,
+				disabled: e.disabled,
+				required: e.required,
+				"aria-required": e.required ? !0 : void 0,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": l === "" ? void 0 : l
+			}),
+			e.error === void 0 ? null : /* @__PURE__ */ b("p", {
+				id: `${t}-error`,
+				role: "alert",
+				children: e.error
+			})
+		]
+	});
+}, w = (e) => e == null ? "" : String(e), T = ({ required: e }) => e ? /* @__PURE__ */ b("span", {
 	"aria-hidden": "true",
 	children: " *"
-}) : null, x = (e) => /* @__PURE__ */ s("div", {
+}) : null, E = (e) => /* @__PURE__ */ x("div", {
 	"data-voltro-field": !0,
 	children: [
-		/* @__PURE__ */ s("label", {
+		/* @__PURE__ */ x("label", {
 			htmlFor: e.id,
-			children: [e.label, /* @__PURE__ */ o(b, { required: e.required })]
+			children: [e.label, /* @__PURE__ */ b(T, { required: e.required })]
 		}),
-		e.description === void 0 ? null : /* @__PURE__ */ o("p", {
+		e.description === void 0 ? null : /* @__PURE__ */ b("p", {
 			id: `${e.id}-desc`,
 			"data-voltro-field-hint": !0,
 			children: e.description
 		}),
 		e.children,
-		e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+		e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 			id: `${e.id}-error`,
 			role: "alert",
 			children: e.error
 		})
 	]
-}), S = (e, t, n) => {
+}), D = (e, t, n) => {
 	let r = [t === void 0 ? "" : `${e}-desc`, n === void 0 ? "" : `${e}-error`].filter(Boolean);
 	return r.length > 0 ? r.join(" ") : void 0;
-}, C = (e) => e ? !0 : void 0, w = (e, t) => (r) => {
-	let i = n();
-	return /* @__PURE__ */ o(x, {
-		id: i,
-		label: r.label,
-		required: r.required,
-		description: r.description,
-		error: r.error,
-		children: /* @__PURE__ */ o("input", {
-			id: i,
+}, O = (e) => e ? !0 : void 0, k = (e, t) => (n) => {
+	let r = i();
+	return /* @__PURE__ */ b(E, {
+		id: r,
+		label: n.label,
+		required: n.required,
+		description: n.description,
+		error: n.error,
+		children: /* @__PURE__ */ b("input", {
+			id: r,
 			type: e,
-			name: r.name,
-			value: y(r.value),
-			onChange: (e) => r.onChange(t(e.target.value)),
-			onBlur: r.onBlur,
-			disabled: r.disabled,
-			required: r.required,
-			"aria-required": C(r.required),
-			"aria-invalid": r.error !== void 0,
-			"aria-describedby": S(i, r.description, r.error)
+			name: n.name,
+			value: w(n.value),
+			onChange: (e) => n.onChange(t(e.target.value)),
+			onBlur: n.onBlur,
+			disabled: n.disabled,
+			required: n.required,
+			"aria-required": O(n.required),
+			"aria-invalid": n.error !== void 0,
+			"aria-describedby": D(r, n.description, n.error)
 		})
 	});
-}, oe = (e) => {
-	let t = n();
-	return /* @__PURE__ */ o(x, {
+}, me = (e) => {
+	let t = i();
+	return /* @__PURE__ */ b(E, {
 		id: t,
 		label: e.label,
 		required: e.required,
 		description: e.description,
 		error: e.error,
-		children: /* @__PURE__ */ o("textarea", {
+		children: /* @__PURE__ */ b("textarea", {
 			id: t,
 			name: e.name,
-			value: y(e.value),
+			value: w(e.value),
 			onChange: (t) => e.onChange(t.target.value),
 			disabled: e.disabled,
 			onBlur: e.onBlur,
 			required: e.required,
-			"aria-required": C(e.required),
+			"aria-required": O(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": S(t, e.description, e.error)
+			"aria-describedby": D(t, e.description, e.error)
 		})
 	});
-}, T = (e) => {
-	let t = n();
-	return /* @__PURE__ */ o(x, {
+}, A = (e) => {
+	let t = i();
+	return /* @__PURE__ */ b(E, {
 		id: t,
 		label: e.label,
 		required: e.required,
 		description: e.description,
 		error: e.error,
-		children: /* @__PURE__ */ o("input", {
+		children: /* @__PURE__ */ b("input", {
 			id: t,
 			type: "checkbox",
 			name: e.name,
@@ -87,115 +161,115 @@ var y = (e) => e == null ? "" : String(e), b = ({ required: e }) => e ? /* @__PU
 			onChange: (t) => e.onChange(t.target.checked),
 			disabled: e.disabled,
 			onBlur: e.onBlur,
-			"aria-required": C(e.required),
+			"aria-required": O(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": S(t, e.description, e.error)
+			"aria-describedby": D(t, e.description, e.error)
 		})
 	});
-}, se = (e) => {
-	let t = n();
-	return /* @__PURE__ */ o(x, {
+}, he = (e) => {
+	let t = i();
+	return /* @__PURE__ */ b(E, {
 		id: t,
 		label: e.label,
 		required: e.required,
 		description: e.description,
 		error: e.error,
-		children: /* @__PURE__ */ s("select", {
+		children: /* @__PURE__ */ x("select", {
 			id: t,
 			name: e.name,
-			value: y(e.value),
+			value: w(e.value),
 			onChange: (t) => e.onChange(t.target.value),
 			disabled: e.disabled,
 			onBlur: e.onBlur,
 			required: e.required,
-			"aria-required": C(e.required),
+			"aria-required": O(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": S(t, e.description, e.error),
-			children: [/* @__PURE__ */ o("option", {
+			"aria-describedby": D(t, e.description, e.error),
+			children: [/* @__PURE__ */ b("option", {
 				value: "",
 				children: "—"
-			}), (e.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+			}), (e.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 				value: e.value,
 				children: e.label
 			}, e.value))]
 		})
 	});
-}, ce = (e) => {
-	let t = n();
-	return /* @__PURE__ */ s("fieldset", {
+}, ge = (e) => {
+	let t = i();
+	return /* @__PURE__ */ x("fieldset", {
 		"data-voltro-field": !0,
 		"aria-invalid": e.error !== void 0,
-		"aria-required": C(e.required),
-		"aria-describedby": S(t, e.description, e.error),
+		"aria-required": O(e.required),
+		"aria-describedby": D(t, e.description, e.error),
 		children: [
-			/* @__PURE__ */ s("legend", { children: [e.label, /* @__PURE__ */ o(b, { required: e.required })] }),
-			e.description === void 0 ? null : /* @__PURE__ */ o("p", {
+			/* @__PURE__ */ x("legend", { children: [e.label, /* @__PURE__ */ b(T, { required: e.required })] }),
+			e.description === void 0 ? null : /* @__PURE__ */ b("p", {
 				id: `${t}-desc`,
 				"data-voltro-field-hint": !0,
 				children: e.description
 			}),
 			(e.options ?? []).map((n) => {
 				let r = `${t}-${n.value}`;
-				return /* @__PURE__ */ s("span", { children: [/* @__PURE__ */ o("input", {
+				return /* @__PURE__ */ x("span", { children: [/* @__PURE__ */ b("input", {
 					id: r,
 					type: "radio",
 					name: e.name,
 					value: n.value,
-					checked: y(e.value) === n.value,
+					checked: w(e.value) === n.value,
 					onChange: () => e.onChange(n.value),
 					disabled: e.disabled,
 					onBlur: e.onBlur
-				}), /* @__PURE__ */ o("label", {
+				}), /* @__PURE__ */ b("label", {
 					htmlFor: r,
 					children: n.label
 				})] }, n.value);
 			}),
-			e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+			e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 				id: `${t}-error`,
 				role: "alert",
 				children: e.error
 			})
 		]
 	});
-}, le = (e) => {
-	let t = n(), r = Array.isArray(e.value) ? e.value.map(String) : [];
-	return /* @__PURE__ */ o(x, {
+}, _e = (e) => {
+	let t = i(), n = Array.isArray(e.value) ? e.value.map(String) : [];
+	return /* @__PURE__ */ b(E, {
 		id: t,
 		label: e.label,
 		required: e.required,
 		description: e.description,
 		error: e.error,
-		children: /* @__PURE__ */ o("select", {
+		children: /* @__PURE__ */ b("select", {
 			id: t,
 			name: e.name,
 			multiple: !0,
-			value: r,
+			value: n,
 			onChange: (t) => e.onChange(Array.from(t.target.selectedOptions, (e) => e.value)),
 			disabled: e.disabled,
 			onBlur: e.onBlur,
-			"aria-required": C(e.required),
+			"aria-required": O(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": S(t, e.description, e.error),
-			children: (e.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+			"aria-describedby": D(t, e.description, e.error),
+			children: (e.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})
 	});
-}, ue = (e) => /* @__PURE__ */ o("input", {
+}, ve = (e) => /* @__PURE__ */ b("input", {
 	type: "hidden",
 	name: e.name,
-	value: y(e.value),
+	value: w(e.value),
 	readOnly: !0
-}), de = (e) => {
-	let t = n();
-	return /* @__PURE__ */ o(x, {
+}), ye = (e) => {
+	let t = i();
+	return /* @__PURE__ */ b(E, {
 		id: t,
 		label: e.label,
 		required: e.required,
 		description: e.description,
 		error: e.error,
-		children: /* @__PURE__ */ o("input", {
+		children: /* @__PURE__ */ b("input", {
 			id: t,
 			type: "file",
 			name: e.name,
@@ -203,50 +277,51 @@ var y = (e) => e == null ? "" : String(e), b = ({ required: e }) => e ? /* @__PU
 			disabled: e.disabled,
 			onBlur: e.onBlur,
 			required: e.required,
-			"aria-required": C(e.required),
+			"aria-required": O(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": S(t, e.description, e.error)
+			"aria-describedby": D(t, e.description, e.error)
 		})
 	});
-}, E = (e) => /* @__PURE__ */ s("div", {
+}, j = (e) => /* @__PURE__ */ x("div", {
 	"data-voltro-field": !0,
 	"data-voltro-custom": !0,
-	children: [/* @__PURE__ */ s("label", { children: [e.label, /* @__PURE__ */ o(b, { required: e.required })] }), /* @__PURE__ */ o("p", {
+	children: [/* @__PURE__ */ x("label", { children: [e.label, /* @__PURE__ */ b(T, { required: e.required })] }), /* @__PURE__ */ b("p", {
 		role: "note",
 		children: `No default widget for "${e.name}" — provide a render-prop via <Field>.`
 	})]
-}), D = {
-	text: w("text", (e) => e),
-	number: w("number", (e) => e === "" ? void 0 : Number(e)),
-	date: w("date", (e) => e),
-	datetime: w("datetime-local", (e) => e),
-	daterange: w("text", (e) => e),
-	file: de,
-	"async-select": w("text", (e) => e),
-	textarea: oe,
-	checkbox: T,
-	switch: T,
-	select: se,
-	radio: ce,
-	"multi-select": le,
-	hidden: ue,
-	array: E,
-	reference: E,
-	custom: E
-}, O = e({}), fe = (e) => {
-	let n = t(O), i = r(() => ({
-		...n,
+}), M = {
+	text: k("text", (e) => e),
+	number: k("number", (e) => e === "" ? void 0 : Number(e)),
+	date: k("date", (e) => e),
+	datetime: k("datetime-local", (e) => e),
+	daterange: k("text", (e) => e),
+	file: ye,
+	"async-select": k("text", (e) => e),
+	textarea: me,
+	"rich-text": C,
+	checkbox: A,
+	switch: A,
+	select: he,
+	radio: ge,
+	"multi-select": _e,
+	hidden: ve,
+	array: j,
+	reference: j,
+	custom: j
+}, N = t({}), be = (e) => {
+	let t = n(N), r = a(() => ({
+		...t,
 		...e.widgets
-	}), [n, e.widgets]);
-	return /* @__PURE__ */ o(O.Provider, {
-		value: i,
+	}), [t, e.widgets]);
+	return /* @__PURE__ */ b(N.Provider, {
+		value: r,
 		children: e.children
 	});
-}, k = (e) => t(O)[e] ?? D[e] ?? D.custom, A = e(null), pe = () => {
-	let e = t(A);
+}, P = (e) => n(N)[e] ?? M[e] ?? M.custom, F = t(null), xe = () => {
+	let e = n(F);
 	if (e === null) throw Error("<Field> must be rendered inside <AutoForm>");
 	return e;
-}, me = (e, t) => {
+}, Se = (e, t) => {
 	let n = e.field(t.name);
 	return {
 		name: t.name,
@@ -261,14 +336,14 @@ var y = (e) => e == null ? "" : String(e), b = ({ required: e }) => e ? /* @__PU
 		...n.description === void 0 ? {} : { description: n.description },
 		...t.reference === void 0 ? {} : { reference: t.reference }
 	};
-}, j = ({ name: e, children: t }) => {
-	let n = pe(), r = n.fields.find((t) => t.name === e), i = k(r?.widget ?? "custom");
+}, I = ({ name: e, children: t }) => {
+	let n = xe(), r = n.fields.find((t) => t.name === e), i = P(r?.widget ?? "custom");
 	if (r === void 0) return null;
-	let a = me(n, r);
-	return t ? t(a) : /* @__PURE__ */ o(i, { ...a });
+	let a = Se(n, r);
+	return t ? t(a) : /* @__PURE__ */ b(i, { ...a });
 };
-function he(e) {
-	let t = e.formKey ?? e.mutation, n = ee(t), r = g(e.api, e.mutation, {
+function Ce(e) {
+	let t = e.formKey ?? e.mutation, n = ie(t), r = re(e.api, e.mutation, {
 		...e.schema ? { schema: e.schema } : {},
 		...e.defaults ? { defaults: e.defaults } : {},
 		...n === void 0 ? {} : { flash: n }
@@ -277,48 +352,51 @@ function he(e) {
 			t !== void 0 && e.onSuccess && e.onSuccess(t);
 		});
 	};
-	return /* @__PURE__ */ o(A.Provider, {
-		value: r,
-		children: /* @__PURE__ */ s("form", {
-			...e.action === !1 ? {} : {
-				action: u(e.mutation),
-				method: "post"
-			},
-			onSubmit: i,
-			noValidate: !0,
-			"data-voltro-autoform": e.mutation,
-			children: [
-				e.action === !1 ? null : /* @__PURE__ */ o("input", {
-					type: "hidden",
-					name: c,
-					value: t
-				}),
-				e.action === !1 || e.redirectTo === void 0 ? null : /* @__PURE__ */ o("input", {
-					type: "hidden",
-					name: l,
-					value: e.redirectTo
-				}),
-				e.children ? e.children(r) : d(r.fields).map((e, t) => e.name === void 0 ? e.fields.map((e) => /* @__PURE__ */ o(j, { name: e.name }, e.name)) : /* @__PURE__ */ s("fieldset", {
-					"data-voltro-section": e.name,
-					children: [/* @__PURE__ */ o("legend", { children: e.label ?? e.name }), e.fields.map((e) => /* @__PURE__ */ o(j, { name: e.name }, e.name))]
-				}, e.name)),
-				r.formError === void 0 ? null : /* @__PURE__ */ o("p", {
-					role: "alert",
-					"data-voltro-form-error": "",
-					children: r.formError
-				}),
-				/* @__PURE__ */ o("button", {
-					type: "submit",
-					disabled: r.pending,
-					children: e.submitLabel ?? "Submit"
-				})
-			]
+	return /* @__PURE__ */ b(u, {
+		binding: r,
+		children: /* @__PURE__ */ b(F.Provider, {
+			value: r,
+			children: /* @__PURE__ */ x("form", {
+				...e.action === !1 ? {} : {
+					action: d(e.mutation),
+					method: "post"
+				},
+				onSubmit: i,
+				noValidate: !0,
+				"data-voltro-autoform": e.mutation,
+				children: [
+					e.action === !1 ? null : /* @__PURE__ */ b("input", {
+						type: "hidden",
+						name: c,
+						value: t
+					}),
+					e.action === !1 || e.redirectTo === void 0 ? null : /* @__PURE__ */ b("input", {
+						type: "hidden",
+						name: l,
+						value: e.redirectTo
+					}),
+					e.children ? e.children(r) : f(r.fields).map((e, t) => e.name === void 0 ? e.fields.map((e) => /* @__PURE__ */ b(I, { name: e.name }, e.name)) : /* @__PURE__ */ x("fieldset", {
+						"data-voltro-section": e.name,
+						children: [/* @__PURE__ */ b("legend", { children: e.label ?? e.name }), e.fields.map((e) => /* @__PURE__ */ b(I, { name: e.name }, e.name))]
+					}, e.name)),
+					r.formError === void 0 ? null : /* @__PURE__ */ b("p", {
+						role: "alert",
+						"data-voltro-form-error": "",
+						children: r.formError
+					}),
+					/* @__PURE__ */ b("button", {
+						type: "submit",
+						disabled: r.pending,
+						children: e.submitLabel ?? "Submit"
+					})
+				]
+			})
 		})
 	});
 }
 //#endregion
 //#region src/strings.tsx
-var M = {
+var L = {
 	filters: {
 		clear: "Clear",
 		filtersLabel: "Filters",
@@ -395,7 +473,7 @@ var M = {
 		howToGetToken: "How do I get a token?",
 		loading: "Loading…"
 	}
-}, N = e(M), ge = (e, t) => ({
+}, R = t(L), we = (e, t) => ({
 	filters: {
 		...e.filters,
 		...t.filters
@@ -441,138 +519,138 @@ var M = {
 		...t.connectAccount
 	}
 });
-function _e(e) {
-	let n = t(N), i = r(() => ge(n, e.strings), [n, e.strings]);
-	return /* @__PURE__ */ o(N.Provider, {
-		value: i,
+function Te(e) {
+	let t = n(R), r = a(() => we(t, e.strings), [t, e.strings]);
+	return /* @__PURE__ */ b(R.Provider, {
+		value: r,
 		children: e.children
 	});
 }
-var P = () => t(N), F = (e) => {
-	let t = ne(e.api, e.source, {
+var z = () => n(R), Ee = (e) => {
+	let t = oe(e.api, e.source, {
 		skipUntilTerm: !0,
 		...e.labelField === void 0 ? {} : { labelField: e.labelField },
 		...e.valueField === void 0 ? {} : { valueField: e.valueField },
 		...e.input === void 0 ? {} : { input: e.input },
 		...e.debounceMs === void 0 ? {} : { debounceMs: e.debounceMs }
-	}), r = P().asyncSelect, i = n(), a = e.value === void 0 || e.value === null ? "" : String(e.value), c = a !== "" && t.options.some((e) => e.value === a), l = `${i}-error`;
-	return /* @__PURE__ */ s("div", {
+	}), n = z().asyncSelect, r = i(), a = e.value === void 0 || e.value === null ? "" : String(e.value), o = a !== "" && t.options.some((e) => e.value === a), s = `${r}-error`;
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-field": !0,
 		"data-voltro-async-select": !0,
 		children: [
-			/* @__PURE__ */ s("label", {
-				htmlFor: i,
+			/* @__PURE__ */ x("label", {
+				htmlFor: r,
 				children: [e.label, e.required ? " *" : ""]
 			}),
-			/* @__PURE__ */ o("input", {
+			/* @__PURE__ */ b("input", {
 				type: "search",
-				"aria-label": r.searchLabel(e.label),
-				placeholder: r.searchPlaceholder,
+				"aria-label": n.searchLabel(e.label),
+				placeholder: n.searchPlaceholder,
 				onChange: (e) => t.search(e.target.value),
 				disabled: e.disabled
 			}),
-			/* @__PURE__ */ s("select", {
-				id: i,
+			/* @__PURE__ */ x("select", {
+				id: r,
 				name: e.name,
 				value: a,
 				onChange: (t) => e.onChange(t.target.value),
 				disabled: e.disabled,
 				required: e.required,
 				"aria-invalid": e.error !== void 0,
-				"aria-describedby": e.error === void 0 ? void 0 : l,
+				"aria-describedby": e.error === void 0 ? void 0 : s,
 				"aria-busy": t.loading,
 				children: [
-					/* @__PURE__ */ o("option", {
+					/* @__PURE__ */ b("option", {
 						value: "",
-						children: t.loading ? r.loading : r.empty
+						children: t.loading ? n.loading : n.empty
 					}),
-					a !== "" && !c ? /* @__PURE__ */ o("option", {
+					a !== "" && !o ? /* @__PURE__ */ b("option", {
 						value: a,
 						children: a
 					}) : null,
-					t.options.map((e) => /* @__PURE__ */ o("option", {
+					t.options.map((e) => /* @__PURE__ */ b("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				]
 			}),
-			e.error === void 0 ? null : /* @__PURE__ */ o("p", {
-				id: l,
+			e.error === void 0 ? null : /* @__PURE__ */ b("p", {
+				id: s,
 				role: "alert",
 				children: e.error
 			})
 		]
 	});
-}, I = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), ve = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
-function ye(e) {
-	let { api: t, query: n, emptyText: r, loadingText: i, loadMoreText: c, renderCell: l, rowActions: u, rowKey: d, ...f } = e, p = P().dataTable, m = h(t, n, f);
-	return m.loading ? /* @__PURE__ */ o("p", {
+}, De = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), Oe = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
+function ke(e) {
+	let { api: t, query: n, emptyText: r, loadingText: i, loadMoreText: a, renderCell: o, rowActions: s, rowKey: c, ...l } = e, u = z().dataTable, d = ne(t, n, l);
+	return d.loading ? /* @__PURE__ */ b("p", {
 		"data-voltro-datatable-loading": !0,
 		"aria-busy": "true",
 		children: i ?? "Loading…"
-	}) : m.rows.length === 0 ? /* @__PURE__ */ o("p", {
+	}) : d.rows.length === 0 ? /* @__PURE__ */ b("p", {
 		"data-voltro-datatable-empty": !0,
 		children: r ?? "No rows."
-	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("table", {
+	}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("table", {
 		"data-voltro-datatable": n,
-		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [m.columns.map((e) => {
-			let t = m.sort?.column === e.name, n = m.sort?.direction ?? "asc";
-			return /* @__PURE__ */ o("th", {
-				"aria-sort": ve(t, n),
+		children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", { children: [d.columns.map((e) => {
+			let t = d.sort?.column === e.name, n = d.sort?.direction ?? "asc";
+			return /* @__PURE__ */ b("th", {
+				"aria-sort": Oe(t, n),
 				scope: "col",
-				children: /* @__PURE__ */ s("button", {
+				children: /* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: () => m.toggleSort(e.name),
+					onClick: () => d.toggleSort(e.name),
 					children: [e.label, t ? n === "asc" ? " ▲" : " ▼" : ""]
 				})
 			}, e.name);
-		}), u ? /* @__PURE__ */ o("th", {
+		}), s ? /* @__PURE__ */ b("th", {
 			scope: "col",
-			children: p.actions
-		}) : null] }) }), /* @__PURE__ */ o("tbody", { children: m.rows.map((e, t) => /* @__PURE__ */ s("tr", { children: [m.columns.map((t) => /* @__PURE__ */ o("td", {
+			children: u.actions
+		}) : null] }) }), /* @__PURE__ */ b("tbody", { children: d.rows.map((e, t) => /* @__PURE__ */ x("tr", { children: [d.columns.map((t) => /* @__PURE__ */ b("td", {
 			"data-column": t.name,
-			children: l ? l(e, t) : I(e[t.name])
-		}, t.name)), u ? /* @__PURE__ */ o("td", { children: u(e) }) : null] }, d ? d(e) : String(e.id ?? t))) })]
-	}), m.hasMore ? /* @__PURE__ */ o("button", {
+			children: o ? o(e, t) : De(e[t.name])
+		}, t.name)), s ? /* @__PURE__ */ b("td", { children: s(e) }) : null] }, c ? c(e) : String(e.id ?? t))) })]
+	}), d.hasMore ? /* @__PURE__ */ b("button", {
 		type: "button",
 		"data-voltro-datatable-more": !0,
-		onClick: () => m.loadMore(),
-		children: c ?? "Load more"
+		onClick: () => d.loadMore(),
+		children: a ?? "Load more"
 	}) : null] });
 }
 //#endregion
 //#region src/workflow.tsx
-var be = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
-function xe(e) {
-	let { api: t, runId: n, loadingText: r, emptyText: i } = e, a = P().workflow, c = v(t, n);
-	return c.loading ? /* @__PURE__ */ o("p", {
+var Ae = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
+function je(e) {
+	let { api: t, runId: n, loadingText: r, emptyText: i } = e, a = z().workflow, o = v(t, n);
+	return o.loading ? /* @__PURE__ */ b("p", {
 		"data-voltro-workflow-loading": !0,
 		"aria-busy": "true",
 		children: r ?? a.loading
-	}) : c.steps.length === 0 ? /* @__PURE__ */ o("p", {
+	}) : o.steps.length === 0 ? /* @__PURE__ */ b("p", {
 		"data-voltro-workflow-empty": !0,
 		children: i ?? a.empty
-	}) : /* @__PURE__ */ o("ol", {
+	}) : /* @__PURE__ */ b("ol", {
 		"data-voltro-workflow-progress": n,
-		"aria-busy": c.status === "running" ? "true" : void 0,
-		children: c.steps.map((e) => {
-			let t = c.currentStep?.id === e.id;
-			return /* @__PURE__ */ s("li", {
+		"aria-busy": o.status === "running" ? "true" : void 0,
+		children: o.steps.map((e) => {
+			let t = o.currentStep?.id === e.id;
+			return /* @__PURE__ */ x("li", {
 				"data-step": e.stepName,
 				"data-status": e.status,
 				"aria-current": t ? "step" : void 0,
 				children: [
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ b("span", {
 						"aria-hidden": "true",
-						children: be(e.status)
+						children: Ae(e.status)
 					}),
 					" ",
 					e.stepName,
-					e.attempt > 1 ? /* @__PURE__ */ s("span", {
+					e.attempt > 1 ? /* @__PURE__ */ x("span", {
 						"data-attempts": !0,
 						children: [" · ", a.attempt(e.attempt)]
 					}) : null,
-					e.durationMs === null ? null : /* @__PURE__ */ s("span", {
+					e.durationMs === null ? null : /* @__PURE__ */ x("span", {
 						"data-duration": !0,
 						children: [
 							" · ",
@@ -580,7 +658,7 @@ function xe(e) {
 							"ms"
 						]
 					}),
-					e.status === "failed" && e.errorMessage ? /* @__PURE__ */ s("span", {
+					e.status === "failed" && e.errorMessage ? /* @__PURE__ */ x("span", {
 						"data-step-error": !0,
 						children: [" · ", e.errorMessage]
 					}) : null
@@ -589,105 +667,105 @@ function xe(e) {
 		})
 	});
 }
-function Se(e) {
-	let { api: t, runId: n } = e, r = P().workflow, i = v(t, n);
-	if (i.loading || i.status === void 0) return /* @__PURE__ */ o("span", {
+function Me(e) {
+	let { api: t, runId: n } = e, r = z().workflow, i = v(t, n);
+	if (i.loading || i.status === void 0) return /* @__PURE__ */ b("span", {
 		"data-voltro-workflow-badge": !0,
 		"data-status": "loading",
 		children: "…"
 	});
 	let a = i.status === "suspended" && i.waitingFor ? `${r.status.suspended} · ${i.waitingFor.name}` : r.status[i.status];
-	return /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ x("span", {
 		"data-voltro-workflow-badge": !0,
 		"data-status": i.status,
 		role: "status",
-		children: [a, i.error ? /* @__PURE__ */ s("span", {
+		children: [a, i.error ? /* @__PURE__ */ x("span", {
 			"data-error-detail": !0,
 			children: [i.error.step ? ` · ${i.error.step}` : "", i.traceId ? ` · voltro logs --trace ${i.traceId}` : ""]
 		}) : null]
 	});
 }
-function Ce(e) {
-	let { when: t, onApprove: n, onReject: r, approveLabel: i, rejectLabel: a, pending: c } = e;
-	return t ? /* @__PURE__ */ s("div", {
+function Ne(e) {
+	let { when: t, onApprove: n, onReject: r, approveLabel: i, rejectLabel: a, pending: o } = e;
+	return t ? /* @__PURE__ */ x("div", {
 		"data-voltro-approval-controls": !0,
 		role: "group",
 		"aria-label": "Approval",
-		children: [/* @__PURE__ */ o("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			"data-approve": !0,
 			onClick: n,
-			disabled: c,
+			disabled: o,
 			children: i ?? "Approve"
-		}), /* @__PURE__ */ o("button", {
+		}), /* @__PURE__ */ b("button", {
 			type: "button",
 			"data-reject": !0,
 			onClick: r,
-			disabled: c,
+			disabled: o,
 			children: a ?? "Reject"
 		})]
 	}) : null;
 }
 //#endregion
 //#region src/presence.tsx
-var L = (e, t) => {
+var B = (e, t) => {
 	let n = e.meta?.[t];
 	return typeof n == "string" ? n : void 0;
-}, R = (e) => L(e, "name") ?? L(e, "displayName") ?? e.key, z = (e) => {
+}, V = (e) => B(e, "name") ?? B(e, "displayName") ?? e.key, H = (e) => {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
 };
-function we(e) {
-	let { members: t, max: n = 5, nameOf: r = R, renderAvatar: i } = e, a = P().presence, c = t.slice(0, n), l = t.length - c.length;
-	return /* @__PURE__ */ s("div", {
+function Pe(e) {
+	let { members: t, max: n = 5, nameOf: r = V, renderAvatar: i } = e, a = z().presence, o = t.slice(0, n), s = t.length - o.length;
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-presence-avatars": !0,
 		role: "group",
 		"aria-label": a.onlineCount(t.length),
-		children: [c.map((e) => {
+		children: [o.map((e) => {
 			let t = r(e);
-			return i ? /* @__PURE__ */ o("span", { children: i(e, t) }, e.key) : /* @__PURE__ */ o("span", {
+			return i ? /* @__PURE__ */ b("span", { children: i(e, t) }, e.key) : /* @__PURE__ */ b("span", {
 				"data-avatar": !0,
 				title: t,
 				"aria-label": t,
-				children: z(t)
+				children: H(t)
 			}, e.key);
-		}), l > 0 ? /* @__PURE__ */ s("span", {
+		}), s > 0 ? /* @__PURE__ */ x("span", {
 			"data-avatar-overflow": !0,
-			"aria-label": a.moreOverflow(l),
-			children: ["+", l]
+			"aria-label": a.moreOverflow(s),
+			children: ["+", s]
 		}) : null]
 	});
 }
-var B = (e, t, n = M.presence) => e.length === 0 ? "" : e.length === 1 ? n.editingOne(e[0], t) : e.length === 2 ? n.editingTwo(e[0], e[1], t) : n.editingMany(e[0], e.length - 1, t);
-function Te(e) {
-	let { members: t, selfKey: n, field: r, verb: i = "editing", nameOf: a = R } = e, s = P().presence, c = t.filter((e) => !(n !== void 0 && e.key === n || r !== void 0 && L(e, "field") !== r));
-	return c.length === 0 ? null : /* @__PURE__ */ o("span", {
+var U = (e, t, n = L.presence) => e.length === 0 ? "" : e.length === 1 ? n.editingOne(e[0], t) : e.length === 2 ? n.editingTwo(e[0], e[1], t) : n.editingMany(e[0], e.length - 1, t);
+function Fe(e) {
+	let { members: t, selfKey: n, field: r, verb: i = "editing", nameOf: a = V } = e, o = z().presence, s = t.filter((e) => !(n !== void 0 && e.key === n || r !== void 0 && B(e, "field") !== r));
+	return s.length === 0 ? null : /* @__PURE__ */ b("span", {
 		"data-voltro-editing-indicator": !0,
 		"data-field": r,
 		role: "status",
-		children: B(c.map(a), i, s)
+		children: U(s.map(a), i, o)
 	});
 }
 //#endregion
 //#region src/agentChat.tsx
-var V = (e) => typeof e.text == "string" ? e.text : "";
-function Ee({ text: e }) {
-	let t = P().agentChat;
-	return /* @__PURE__ */ s("details", {
+var W = (e) => typeof e.text == "string" ? e.text : "";
+function Ie({ text: e }) {
+	let t = z().agentChat;
+	return /* @__PURE__ */ x("details", {
 		"data-part": "reasoning",
-		children: [/* @__PURE__ */ o("summary", { children: t.reasoning }), /* @__PURE__ */ o("span", { children: e })]
+		children: [/* @__PURE__ */ b("summary", { children: t.reasoning }), /* @__PURE__ */ b("span", { children: e })]
 	});
 }
-function H({ part: e }) {
+function G({ part: e }) {
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ o("span", {
+		case "text": return /* @__PURE__ */ b("span", {
 			"data-part": "text",
-			children: V(e)
+			children: W(e)
 		});
-		case "reasoning": return /* @__PURE__ */ o(Ee, { text: V(e) });
+		case "reasoning": return /* @__PURE__ */ b(Ie, { text: W(e) });
 		case "tool": {
 			let t = e;
-			return /* @__PURE__ */ s("span", {
+			return /* @__PURE__ */ x("span", {
 				"data-part": "tool",
 				"data-tool": t.toolName,
 				"data-state": t.state,
@@ -696,192 +774,192 @@ function H({ part: e }) {
 		}
 		case "source": {
 			let t = e;
-			return t.url ? /* @__PURE__ */ o("a", {
+			return t.url ? /* @__PURE__ */ b("a", {
 				"data-part": "source",
 				href: t.url,
 				rel: "noreferrer",
 				children: t.title ?? t.url
-			}) : /* @__PURE__ */ o("span", {
+			}) : /* @__PURE__ */ b("span", {
 				"data-part": "source",
 				children: t.title ?? t.id ?? "source"
 			});
 		}
 		case "file": {
 			let t = e;
-			return t.mediaType.startsWith("image/") ? /* @__PURE__ */ o("img", {
+			return t.mediaType.startsWith("image/") ? /* @__PURE__ */ b("img", {
 				"data-part": "file",
 				alt: "",
 				src: `data:${t.mediaType};base64,${t.data}`
-			}) : /* @__PURE__ */ s("span", {
+			}) : /* @__PURE__ */ x("span", {
 				"data-part": "file",
 				"data-media": t.mediaType,
 				children: ["📎 ", t.mediaType]
 			});
 		}
-		default: return /* @__PURE__ */ o("span", {
+		default: return /* @__PURE__ */ b("span", {
 			"data-part": e.type,
 			children: JSON.stringify(e)
 		});
 	}
 }
-function U({ message: e }) {
+function K({ message: e }) {
 	let t = e.parts ?? [];
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-agent-message": !0,
 		"data-role": e.role,
 		"data-streaming": e.streaming ? "true" : void 0,
 		"aria-busy": e.streaming ? "true" : void 0,
-		children: [t.length > 0 ? t.map((e, t) => /* @__PURE__ */ o(H, { part: e }, t)) : /* @__PURE__ */ o("span", {
+		children: [t.length > 0 ? t.map((e, t) => /* @__PURE__ */ b(G, { part: e }, t)) : /* @__PURE__ */ b("span", {
 			"data-part": "text",
 			children: e.content
-		}), e.streaming ? /* @__PURE__ */ o("span", {
+		}), e.streaming ? /* @__PURE__ */ b("span", {
 			"data-cursor": !0,
 			"aria-hidden": "true",
 			children: "▍"
 		}) : null]
 	});
 }
-function W(e) {
-	let { api: t, agent: n, threadId: r, placeholder: a, sendLabel: c, emptyText: l } = e, u = P().agentChat, d = f(t, n, { threadId: r }), [p, m] = i(""), h = () => {
-		let e = p.trim();
-		e.length === 0 || d.sending || (m(""), d.send(e));
+function q(e) {
+	let { api: t, agent: n, threadId: r, placeholder: i, sendLabel: a, emptyText: o } = e, c = z().agentChat, l = g(t, n, { threadId: r }), [u, d] = s(""), f = () => {
+		let e = u.trim();
+		e.length === 0 || l.sending || (d(""), l.send(e));
 	};
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-agent-chat": n,
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ b("div", {
 			"data-messages": !0,
 			role: "log",
 			"aria-live": "polite",
-			"aria-busy": d.streaming ? "true" : void 0,
-			children: d.messages.length === 0 && !d.loading ? /* @__PURE__ */ o("p", {
+			"aria-busy": l.streaming ? "true" : void 0,
+			children: l.messages.length === 0 && !l.loading ? /* @__PURE__ */ b("p", {
 				"data-empty": !0,
-				children: l ?? "No messages yet."
-			}) : d.messages.map((e) => /* @__PURE__ */ o(U, { message: e }, e.id))
-		}), /* @__PURE__ */ s("form", {
+				children: o ?? "No messages yet."
+			}) : l.messages.map((e) => /* @__PURE__ */ b(K, { message: e }, e.id))
+		}), /* @__PURE__ */ x("form", {
 			"data-composer": !0,
 			onSubmit: (e) => {
-				e.preventDefault(), h();
+				e.preventDefault(), f();
 			},
-			children: [/* @__PURE__ */ o("input", {
-				value: p,
-				onChange: (e) => m(e.target.value),
-				placeholder: a ?? u.messagePlaceholder,
-				"aria-label": u.messageLabel,
-				disabled: d.sending
-			}), /* @__PURE__ */ o("button", {
+			children: [/* @__PURE__ */ b("input", {
+				value: u,
+				onChange: (e) => d(e.target.value),
+				placeholder: i ?? c.messagePlaceholder,
+				"aria-label": c.messageLabel,
+				disabled: l.sending
+			}), /* @__PURE__ */ b("button", {
 				type: "submit",
-				disabled: d.sending || p.trim().length === 0,
-				children: c ?? u.send
+				disabled: l.sending || u.trim().length === 0,
+				children: a ?? c.send
 			})]
 		})]
 	});
 }
-function De(e) {
-	let t = f(e.api, e.agent, { threadId: e.threadId });
+function Le(e) {
+	let t = g(e.api, e.agent, { threadId: e.threadId });
 	return e.children(t);
 }
 //#endregion
 //#region src/appAgent.tsx
-function Oe(e) {
-	let { tools: t, showTools: n, ...r } = e, i = P().appAgent, a = (n ?? (t !== void 0 && t.length > 0)) && t && t.length > 0;
-	return /* @__PURE__ */ s("div", {
+function Re(e) {
+	let { tools: t, showTools: n, ...r } = e, i = z().appAgent, a = (n ?? (t !== void 0 && t.length > 0)) && t && t.length > 0;
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-app-agent": r.agent,
-		children: [a ? /* @__PURE__ */ s("details", {
+		children: [a ? /* @__PURE__ */ x("details", {
 			"data-agent-tools": !0,
-			children: [/* @__PURE__ */ o("summary", { children: i.toolsSummary(t.length) }), /* @__PURE__ */ o("ul", { children: t.map((e) => /* @__PURE__ */ s("li", {
+			children: [/* @__PURE__ */ b("summary", { children: i.toolsSummary(t.length) }), /* @__PURE__ */ b("ul", { children: t.map((e) => /* @__PURE__ */ x("li", {
 				"data-tool": e.name,
 				"data-write": e.write ? "true" : void 0,
 				children: [
-					/* @__PURE__ */ o("code", { children: e.name }),
-					e.confirm ? /* @__PURE__ */ s("span", {
+					/* @__PURE__ */ b("code", { children: e.name }),
+					e.confirm ? /* @__PURE__ */ x("span", {
 						"data-confirm": !0,
 						children: [" · ", i.needsConfirm]
 					}) : null,
-					e.description ? /* @__PURE__ */ s("span", {
+					e.description ? /* @__PURE__ */ x("span", {
 						"data-desc": !0,
 						children: [" — ", e.description]
 					}) : null
 				]
 			}, e.name)) })]
-		}) : null, /* @__PURE__ */ o(W, { ...r })]
+		}) : null, /* @__PURE__ */ b(q, { ...r })]
 	});
 }
 //#endregion
 //#region src/dataCopilot.tsx
-var ke = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), Ae = (e) => {
+var ze = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), Be = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) for (let e of Object.keys(r)) t.has(e) || (t.add(e), n.push(e));
 	return n;
 };
-function G(e) {
+function J(e) {
 	let { answer: t, emptyText: n } = e;
 	if (t === void 0) return null;
-	if (!t.ok) return /* @__PURE__ */ o("p", {
+	if (!t.ok) return /* @__PURE__ */ b("p", {
 		"data-voltro-data-copilot-refused": !0,
 		role: "status",
 		children: t.reason
 	});
-	if (t.rows.length === 0) return /* @__PURE__ */ o("p", {
+	if (t.rows.length === 0) return /* @__PURE__ */ b("p", {
 		"data-voltro-data-copilot-empty": !0,
 		children: n ?? "No rows."
 	});
-	let r = Ae(t.rows);
-	return /* @__PURE__ */ s("table", {
+	let r = Be(t.rows);
+	return /* @__PURE__ */ x("table", {
 		"data-voltro-data-copilot-results": !0,
-		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
+		children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: r.map((e) => /* @__PURE__ */ b("th", {
 			scope: "col",
 			children: e
-		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: t.rows.map((e, t) => /* @__PURE__ */ o("tr", { children: r.map((t) => /* @__PURE__ */ o("td", {
+		}, e)) }) }), /* @__PURE__ */ b("tbody", { children: t.rows.map((e, t) => /* @__PURE__ */ b("tr", { children: r.map((t) => /* @__PURE__ */ b("td", {
 			"data-column": t,
-			children: ke(e[t])
+			children: ze(e[t])
 		}, t)) }, String(e.id ?? t))) })]
 	});
 }
-function je(e) {
-	let { api: t, action: n, placeholder: r, askLabel: a, emptyText: c } = e, l = m(t, n), [u, d] = i(""), f = () => {
-		let e = u.trim();
-		e.length === 0 || l.pending || l.ask(e);
+function Ve(e) {
+	let { api: t, action: n, placeholder: r, askLabel: i, emptyText: a } = e, o = _(t, n), [c, l] = s(""), u = () => {
+		let e = c.trim();
+		e.length === 0 || o.pending || o.ask(e);
 	};
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-data-copilot": n,
-		children: [/* @__PURE__ */ s("form", {
+		children: [/* @__PURE__ */ x("form", {
 			"data-composer": !0,
 			onSubmit: (e) => {
-				e.preventDefault(), f();
+				e.preventDefault(), u();
 			},
-			children: [/* @__PURE__ */ o("input", {
-				value: u,
-				onChange: (e) => d(e.target.value),
+			children: [/* @__PURE__ */ b("input", {
+				value: c,
+				onChange: (e) => l(e.target.value),
 				placeholder: r ?? "Ask about your data…",
 				"aria-label": "Ask about your data",
-				disabled: l.pending
-			}), /* @__PURE__ */ o("button", {
+				disabled: o.pending
+			}), /* @__PURE__ */ b("button", {
 				type: "submit",
-				disabled: l.pending || u.trim().length === 0,
-				children: a ?? "Ask"
+				disabled: o.pending || c.trim().length === 0,
+				children: i ?? "Ask"
 			})]
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ b("div", {
 			"data-answer": !0,
 			"aria-live": "polite",
-			"aria-busy": l.pending ? "true" : void 0,
-			children: l.error === void 0 ? /* @__PURE__ */ o(G, {
-				answer: l.answer,
-				...c === void 0 ? {} : { emptyText: c }
-			}) : /* @__PURE__ */ o("p", {
+			"aria-busy": o.pending ? "true" : void 0,
+			children: o.error === void 0 ? /* @__PURE__ */ b(J, {
+				answer: o.answer,
+				...a === void 0 ? {} : { emptyText: a }
+			}) : /* @__PURE__ */ b("p", {
 				"data-voltro-data-copilot-error": !0,
 				role: "alert",
-				children: l.error instanceof Error ? l.error.message : String(l.error)
+				children: o.error instanceof Error ? o.error.message : String(o.error)
 			})
 		})]
 	});
 }
-function Me(e) {
-	let t = m(e.api, e.action);
+function He(e) {
+	let t = _(e.api, e.action);
 	return e.children(t);
 }
 //#endregion
 //#region src/skeleton.tsx
-var K = ({ w: e }) => /* @__PURE__ */ o("span", {
+var Y = ({ w: e }) => /* @__PURE__ */ b("span", {
 	"data-skeleton-bar": !0,
 	style: {
 		display: "inline-block",
@@ -891,75 +969,75 @@ var K = ({ w: e }) => /* @__PURE__ */ o("span", {
 	},
 	"aria-hidden": "true"
 });
-function Ne(e) {
-	let t = te(e.api, e.mutation), n = t.length > 0 ? t.length : e.fallbackFields ?? 3, r = t.length > 0 ? d(t) : [{
+function Ue(e) {
+	let t = ae(e.api, e.mutation), n = t.length > 0 ? t.length : e.fallbackFields ?? 3, r = t.length > 0 ? f(t) : [{
 		name: void 0,
 		label: void 0,
 		fields: Array.from({ length: n }, (e, t) => ({ name: `f${t}` }))
 	}];
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ b("div", {
 		"data-voltro-form-skeleton": e.mutation,
 		"aria-busy": "true",
 		"aria-hidden": "true",
-		children: r.map((e, t) => /* @__PURE__ */ s("div", {
+		children: r.map((e, t) => /* @__PURE__ */ x("div", {
 			...e.name === void 0 ? {} : { "data-skeleton-section": e.name },
-			children: [e.name !== void 0 && /* @__PURE__ */ o("div", {
+			children: [e.name !== void 0 && /* @__PURE__ */ b("div", {
 				"data-skeleton-section-title": !0,
-				children: /* @__PURE__ */ o(K, { w: "40%" })
-			}), e.fields.map((e) => /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ b(Y, { w: "40%" })
+			}), e.fields.map((e) => /* @__PURE__ */ x("div", {
 				"data-skeleton-field": !0,
-				children: [/* @__PURE__ */ o(K, { w: "30%" }), /* @__PURE__ */ o(K, {})]
+				children: [/* @__PURE__ */ b(Y, { w: "30%" }), /* @__PURE__ */ b(Y, {})]
 			}, e.name))]
 		}, e.name ?? `_${t}`))
 	});
 }
-function Pe(e) {
-	let t = ie(e.api, e.query), n = t.length > 0 ? t.length : e.fallbackColumns ?? 4, r = t.length > 0 ? t.map((e) => e.name) : Array.from({ length: n }, (e, t) => `c${t}`), i = e.rows ?? 5;
-	return /* @__PURE__ */ s("table", {
+function We(e) {
+	let t = le(e.api, e.query), n = t.length > 0 ? t.length : e.fallbackColumns ?? 4, r = t.length > 0 ? t.map((e) => e.name) : Array.from({ length: n }, (e, t) => `c${t}`), i = e.rows ?? 5;
+	return /* @__PURE__ */ x("table", {
 		"data-voltro-table-skeleton": e.query,
 		"aria-busy": "true",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
+		children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: r.map((e) => /* @__PURE__ */ b("th", {
 			scope: "col",
-			children: /* @__PURE__ */ o(K, { w: "60%" })
-		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ o("tr", {
+			children: /* @__PURE__ */ b(Y, { w: "60%" })
+		}, e)) }) }), /* @__PURE__ */ b("tbody", { children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ b("tr", {
 			"data-skeleton-row": !0,
-			children: r.map((e) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(K, {}) }, e))
+			children: r.map((e) => /* @__PURE__ */ b("td", { children: /* @__PURE__ */ b(Y, {}) }, e))
 		}, t)) })]
 	});
 }
 //#endregion
 //#region src/filters.tsx
-var q = (e) => e == null ? "" : String(e);
-function Fe(e) {
-	let { filter: t, value: n, onChange: r } = e, i = P().filters, a = {
+var X = (e) => e == null ? "" : String(e);
+function Ge(e) {
+	let { filter: t, value: n, onChange: r } = e, i = z().filters, a = {
 		"data-filter": t.name,
 		"aria-label": t.label
 	};
 	switch (t.kind) {
-		case "select": return /* @__PURE__ */ s("select", {
+		case "select": return /* @__PURE__ */ x("select", {
 			...a,
-			value: q(n),
+			value: X(n),
 			onChange: (e) => r(e.target.value || void 0),
-			children: [/* @__PURE__ */ o("option", {
+			children: [/* @__PURE__ */ b("option", {
 				value: "",
 				children: i.anyOption(t.label)
-			}), (t.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+			}), (t.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 				value: e.value,
 				children: e.label
 			}, e.value))]
 		});
-		case "multi-select": return /* @__PURE__ */ o("select", {
+		case "multi-select": return /* @__PURE__ */ b("select", {
 			...a,
 			multiple: !0,
 			value: Array.isArray(n) ? n : [],
 			onChange: (e) => r(Array.from(e.target.selectedOptions, (e) => e.value)),
-			children: (t.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+			children: (t.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		});
-		case "boolean": return /* @__PURE__ */ o("input", {
+		case "boolean": return /* @__PURE__ */ b("input", {
 			...a,
 			type: "checkbox",
 			checked: n === !0,
@@ -968,21 +1046,21 @@ function Fe(e) {
 		case "number-range":
 		case "date-range": {
 			let e = t.kind === "number-range" ? "number" : "date", i = n ?? {};
-			return /* @__PURE__ */ s("span", {
+			return /* @__PURE__ */ x("span", {
 				"data-filter": t.name,
 				"data-range": t.kind,
-				children: [/* @__PURE__ */ o("input", {
+				children: [/* @__PURE__ */ b("input", {
 					"aria-label": `${t.label} from`,
 					type: e,
-					value: q(i.gte),
+					value: X(i.gte),
 					onChange: (e) => r({
 						...i,
 						gte: e.target.value || void 0
 					})
-				}), /* @__PURE__ */ o("input", {
+				}), /* @__PURE__ */ b("input", {
 					"aria-label": `${t.label} to`,
 					type: e,
-					value: q(i.lte),
+					value: X(i.lte),
 					onChange: (e) => r({
 						...i,
 						lte: e.target.value || void 0
@@ -990,38 +1068,38 @@ function Fe(e) {
 				})]
 			});
 		}
-		default: return /* @__PURE__ */ o("input", {
+		default: return /* @__PURE__ */ b("input", {
 			...a,
 			type: "text",
-			value: q(n),
+			value: X(n),
 			onChange: (e) => r(e.target.value || void 0)
 		});
 	}
 }
-function J(e) {
-	let t = re(e.api, e.query, e.initial ? { initial: e.initial } : {}), n = P().filters;
-	return /* @__PURE__ */ s("div", {
+function Ke(e) {
+	let t = se(e.api, e.query, e.initial ? { initial: e.initial } : {}), n = z().filters;
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-query-filters": e.query,
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ x("div", {
 			"data-filter-controls": !0,
 			role: "group",
 			"aria-label": n.filtersLabel,
 			children: [
-				t.filters.map((e) => /* @__PURE__ */ s("label", {
+				t.filters.map((e) => /* @__PURE__ */ x("label", {
 					"data-filter-label": !0,
-					children: [/* @__PURE__ */ o("span", { children: e.label }), /* @__PURE__ */ o(Fe, {
+					children: [/* @__PURE__ */ b("span", { children: e.label }), /* @__PURE__ */ b(Ge, {
 						filter: e,
 						value: t.values[e.name],
 						onChange: (n) => t.setFilter(e.name, n)
 					})]
 				}, e.name)),
-				/* @__PURE__ */ o("button", {
+				/* @__PURE__ */ b("button", {
 					type: "button",
 					"data-filter-clear": !0,
 					onClick: () => t.clear(),
 					children: n.clear
 				}),
-				e.showCount ?? !0 ? /* @__PURE__ */ o("span", {
+				e.showCount ?? !0 ? /* @__PURE__ */ b("span", {
 					"data-filter-count": !0,
 					children: n.resultCount(t.count ?? "…")
 				}) : null
@@ -1031,46 +1109,46 @@ function J(e) {
 }
 //#endregion
 //#region src/recordView.tsx
-var Y = (e) => e.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), X = (e) => Array.isArray(e) && e.every((e) => typeof e == "object" && !!e), Z = (e) => e == null ? "—" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e);
-function Ie({ name: e, items: t }) {
-	let n = P().recordView;
-	if (t.length === 0) return /* @__PURE__ */ o("p", {
+var Z = (e) => e.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), Q = (e) => Array.isArray(e) && e.every((e) => typeof e == "object" && !!e), qe = (e) => e == null ? "—" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e);
+function Je({ name: e, items: t }) {
+	let n = z().recordView;
+	if (t.length === 0) return /* @__PURE__ */ b("p", {
 		"data-relation": e,
 		"data-empty": !0,
-		children: n.emptyRelation(Y(e).toLowerCase())
+		children: n.emptyRelation(Z(e).toLowerCase())
 	});
 	let r = Object.keys(t[0]);
-	return /* @__PURE__ */ s("table", {
+	return /* @__PURE__ */ x("table", {
 		"data-relation": e,
-		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
+		children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: r.map((e) => /* @__PURE__ */ b("th", {
 			scope: "col",
-			children: Y(e)
-		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: t.map((e, t) => /* @__PURE__ */ o("tr", { children: r.map((t) => /* @__PURE__ */ o("td", { children: Z(e[t]) }, t)) }, String(e.id ?? t))) })]
+			children: Z(e)
+		}, e)) }) }), /* @__PURE__ */ b("tbody", { children: t.map((e, t) => /* @__PURE__ */ b("tr", { children: r.map((t) => /* @__PURE__ */ b("td", { children: qe(e[t]) }, t)) }, String(e.id ?? t))) })]
 	});
 }
-function Le(e) {
-	let { api: t, query: n, input: r, fields: i, renderField: a, renderRelation: c, loadingText: l, emptyText: u } = e, { record: d, loading: f } = _(t, n, r ?? {});
-	if (f) return /* @__PURE__ */ o("p", {
+function Ye(e) {
+	let { api: t, query: n, input: r, fields: i, renderField: a, renderRelation: o, loadingText: s, emptyText: c } = e, { record: l, loading: u } = ce(t, n, r ?? {});
+	if (u) return /* @__PURE__ */ b("p", {
 		"data-voltro-record-loading": !0,
 		"aria-busy": "true",
-		children: l ?? "Loading…"
+		children: s ?? "Loading…"
 	});
-	if (d == null) return /* @__PURE__ */ o("p", {
+	if (l == null) return /* @__PURE__ */ b("p", {
 		"data-voltro-record-empty": !0,
-		children: u ?? "Not found."
+		children: c ?? "Not found."
 	});
-	let p = Object.entries(d), m = p.filter(([e, t]) => !X(t) && (i === void 0 || i.includes(e))), h = p.filter(([, e]) => X(e)), g = i === void 0 ? m : i.map((e) => [e, d[e]]).filter(([, e]) => !X(e));
-	return /* @__PURE__ */ s("div", {
+	let d = Object.entries(l), f = d.filter(([e, t]) => !Q(t) && (i === void 0 || i.includes(e))), p = d.filter(([, e]) => Q(e)), m = i === void 0 ? f : i.map((e) => [e, l[e]]).filter(([, e]) => !Q(e));
+	return /* @__PURE__ */ x("div", {
 		"data-voltro-record-view": n,
-		children: [/* @__PURE__ */ o("dl", {
+		children: [/* @__PURE__ */ b("dl", {
 			"data-record-fields": !0,
-			children: g.map(([e, t]) => /* @__PURE__ */ s("div", {
+			children: m.map(([e, t]) => /* @__PURE__ */ x("div", {
 				"data-field": e,
-				children: [/* @__PURE__ */ o("dt", { children: Y(e) }), /* @__PURE__ */ o("dd", { children: a ? a(e, t, d) : Z(t) })]
+				children: [/* @__PURE__ */ b("dt", { children: Z(e) }), /* @__PURE__ */ b("dd", { children: a ? a(e, t, l) : qe(t) })]
 			}, e))
-		}), h.map(([e, t]) => /* @__PURE__ */ s("section", {
+		}), p.map(([e, t]) => /* @__PURE__ */ x("section", {
 			"data-record-relation": e,
-			children: [/* @__PURE__ */ o("h3", { children: Y(e) }), c ? c(e, t, d) : /* @__PURE__ */ o(Ie, {
+			children: [/* @__PURE__ */ b("h3", { children: Z(e) }), o ? o(e, t, l) : /* @__PURE__ */ b(Je, {
 				name: e,
 				items: t
 			})]
@@ -1079,7 +1157,7 @@ function Le(e) {
 }
 //#endregion
 //#region src/connectAccount.tsx
-var Re = (e, t) => {
+var Xe = (e, t) => {
 	switch (e.status) {
 		case "connected": return e.accountLabel === null ? t.connected : t.connectedAs(e.accountLabel);
 		case "expired": return t.expired;
@@ -1087,127 +1165,127 @@ var Re = (e, t) => {
 		case "error": return t.errored;
 		default: return t.notConnected;
 	}
-}, ze = ({ api: e, connectionId: t, ...n }) => {
-	let r = p(e, t);
-	return /* @__PURE__ */ o(Q, {
+}, Ze = ({ api: e, connectionId: t, ...n }) => {
+	let r = te(e, t);
+	return /* @__PURE__ */ b(Qe, {
 		connection: r,
 		loading: r.loading,
 		...n
 	});
-}, Q = ({ connection: e, instructionsUrl: t, loading: n = !1, children: r, className: c }) => {
-	let l = P().connectAccount, [u, d] = i("");
+}, Qe = ({ connection: e, instructionsUrl: t, loading: n = !1, children: r, className: i }) => {
+	let a = z().connectAccount, [o, c] = s("");
 	if (r !== void 0) return r(e);
-	if (n) return /* @__PURE__ */ o("div", {
-		className: c,
+	if (n) return /* @__PURE__ */ b("div", {
+		className: i,
 		"data-voltro-connect": e.connectionId,
-		children: l.loading
+		children: a.loading
 	});
-	let f = async (t) => {
-		t.preventDefault(), u.trim() !== "" && (await e.submitToken(u), d(""));
+	let l = async (t) => {
+		t.preventDefault(), o.trim() !== "" && (await e.submitToken(o), c(""));
 	};
-	return /* @__PURE__ */ s("div", {
-		className: c,
+	return /* @__PURE__ */ x("div", {
+		className: i,
 		"data-voltro-connect": e.connectionId,
 		"data-status": e.status,
-		children: [/* @__PURE__ */ s("div", { children: [
-			/* @__PURE__ */ o("strong", { children: e.label }),
+		children: [/* @__PURE__ */ x("div", { children: [
+			/* @__PURE__ */ b("strong", { children: e.label }),
 			" — ",
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ b("span", {
 				role: e.needsAttention ? "alert" : void 0,
-				children: Re(e, l)
+				children: Xe(e, a)
 			})
-		] }), e.connected || e.needsAttention ? /* @__PURE__ */ s(a, { children: [e.needsAttention && e.kind === "oauth2" && /* @__PURE__ */ o("button", {
+		] }), e.connected || e.needsAttention ? /* @__PURE__ */ x(y, { children: [e.needsAttention && e.kind === "oauth2" && /* @__PURE__ */ b("button", {
 			type: "button",
 			disabled: e.pending,
 			onClick: () => {
 				e.connect();
 			},
-			children: l.reconnect
-		}), /* @__PURE__ */ o("button", {
+			children: a.reconnect
+		}), /* @__PURE__ */ b("button", {
 			type: "button",
 			disabled: e.pending,
 			onClick: () => {
 				e.disconnect();
 			},
-			children: l.disconnect
-		})] }) : e.kind === "oauth2" ? /* @__PURE__ */ o("button", {
+			children: a.disconnect
+		})] }) : e.kind === "oauth2" ? /* @__PURE__ */ b("button", {
 			type: "button",
 			disabled: e.pending,
 			onClick: () => {
 				e.connect();
 			},
-			children: l.connect(e.label)
-		}) : /* @__PURE__ */ s("form", {
+			children: a.connect(e.label)
+		}) : /* @__PURE__ */ x("form", {
 			onSubmit: (e) => {
-				f(e);
+				l(e);
 			},
 			children: [
-				/* @__PURE__ */ o("label", {
+				/* @__PURE__ */ b("label", {
 					htmlFor: `voltro-connect-${e.connectionId}`,
-					children: l.tokenLabel(e.label)
+					children: a.tokenLabel(e.label)
 				}),
-				/* @__PURE__ */ o("input", {
+				/* @__PURE__ */ b("input", {
 					id: `voltro-connect-${e.connectionId}`,
 					type: "password",
 					autoComplete: "off",
-					value: u,
-					placeholder: l.tokenPlaceholder,
+					value: o,
+					placeholder: a.tokenPlaceholder,
 					onChange: (e) => {
-						d(e.target.value);
+						c(e.target.value);
 					}
 				}),
-				/* @__PURE__ */ o("button", {
+				/* @__PURE__ */ b("button", {
 					type: "submit",
-					disabled: e.pending || u.trim() === "",
-					children: l.save
+					disabled: e.pending || o.trim() === "",
+					children: a.save
 				}),
-				t !== void 0 && /* @__PURE__ */ o("a", {
+				t !== void 0 && /* @__PURE__ */ b("a", {
 					href: t,
 					target: "_blank",
 					rel: "noreferrer noopener",
-					children: l.howToGetToken
+					children: a.howToGetToken
 				})
 			]
 		})]
 	});
 }, $ = (e) => [...e.matchAll(/@([\w.-]+)/g)].map((e) => e[1]);
-function Be({ comment: e, onReact: t, onRemove: n, onEdit: r }) {
-	let a = P().comments, [c, l] = i(!1), [u, d] = i(e.body);
-	return /* @__PURE__ */ s("li", {
+function $e({ comment: e, onReact: t, onRemove: n, onEdit: r }) {
+	let i = z().comments, [a, o] = s(!1), [c, l] = s(e.body);
+	return /* @__PURE__ */ x("li", {
 		"data-comment": e.id,
 		"data-author": e.authorSubjectId,
 		children: [
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ b("span", {
 				"data-comment-author": !0,
 				children: e.authorSubjectId
 			}),
-			c ? /* @__PURE__ */ s("form", {
+			a ? /* @__PURE__ */ x("form", {
 				"data-comment-edit": !0,
 				onSubmit: (e) => {
-					e.preventDefault(), r(u), l(!1);
+					e.preventDefault(), r(c), o(!1);
 				},
-				children: [/* @__PURE__ */ o("input", {
-					value: u,
-					onChange: (e) => d(e.target.value),
-					"aria-label": a.editLabel
-				}), /* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ b("input", {
+					value: c,
+					onChange: (e) => l(e.target.value),
+					"aria-label": i.editLabel
+				}), /* @__PURE__ */ b("button", {
 					type: "submit",
-					children: a.save
+					children: i.save
 				})]
-			}) : /* @__PURE__ */ s("p", {
+			}) : /* @__PURE__ */ x("p", {
 				"data-comment-body": !0,
-				children: [e.body, e.editedAt ? /* @__PURE__ */ s("em", {
+				children: [e.body, e.editedAt ? /* @__PURE__ */ x("em", {
 					"data-comment-edited": !0,
 					children: [
 						" (",
-						a.edited,
+						i.edited,
 						")"
 					]
 				}) : null]
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ x("span", {
 				"data-comment-reactions": !0,
-				children: [e.reactions.map((e) => /* @__PURE__ */ s("button", {
+				children: [e.reactions.map((e) => /* @__PURE__ */ x("button", {
 					type: "button",
 					"data-reaction": e.emoji,
 					"data-mine": e.mine || void 0,
@@ -1217,49 +1295,49 @@ function Be({ comment: e, onReact: t, onRemove: n, onEdit: r }) {
 						" ",
 						e.count
 					]
-				}, e.emoji)), /* @__PURE__ */ o("button", {
+				}, e.emoji)), /* @__PURE__ */ b("button", {
 					type: "button",
 					"data-reaction-add": !0,
 					onClick: () => t("👍"),
-					"aria-label": a.react,
+					"aria-label": i.react,
 					children: "+👍"
 				})]
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ x("span", {
 				"data-comment-actions": !0,
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ b("button", {
 					type: "button",
-					onClick: () => l((e) => !e),
-					children: a.edit
-				}), /* @__PURE__ */ o("button", {
+					onClick: () => o((e) => !e),
+					children: i.edit
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: n,
-					children: a.remove
+					children: i.remove
 				})]
 			})
 		]
 	});
 }
-function Ve({ thread: e, api: t }) {
-	let n = P().comments, [r, a] = i("");
-	return /* @__PURE__ */ s("section", {
+function et({ thread: e, api: t }) {
+	let n = z().comments, [r, i] = s("");
+	return /* @__PURE__ */ x("section", {
 		"data-thread": e.id,
 		"data-status": e.status,
 		children: [
-			/* @__PURE__ */ s("header", {
+			/* @__PURE__ */ x("header", {
 				"data-thread-header": !0,
 				children: [
-					e.unreadCount > 0 ? /* @__PURE__ */ o("span", {
+					e.unreadCount > 0 ? /* @__PURE__ */ b("span", {
 						"data-thread-unread": !0,
 						children: e.unreadCount
 					}) : null,
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
 						"data-thread-resolve": !0,
 						onClick: () => void t.resolve(e.id, e.status !== "resolved"),
 						children: e.status === "resolved" ? n.reopen : n.resolve
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
 						"data-thread-markread": !0,
 						onClick: () => void t.markRead(e.id),
@@ -1267,29 +1345,29 @@ function Ve({ thread: e, api: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ o("ul", {
+			/* @__PURE__ */ b("ul", {
 				"data-thread-comments": !0,
-				children: e.comments.map((e) => /* @__PURE__ */ o(Be, {
+				children: e.comments.map((e) => /* @__PURE__ */ b($e, {
 					comment: e,
 					onReact: (n) => void t.react(e.id, n),
 					onRemove: () => void t.remove(e.id),
 					onEdit: (n) => void t.edit(e.id, n)
 				}, e.id))
 			}),
-			/* @__PURE__ */ s("form", {
+			/* @__PURE__ */ x("form", {
 				"data-thread-reply": !0,
 				onSubmit: (n) => {
 					n.preventDefault(), r.trim() !== "" && (t.create(r, {
 						threadId: e.id,
 						mentions: $(r)
-					}), a(""));
+					}), i(""));
 				},
-				children: [/* @__PURE__ */ o("input", {
+				children: [/* @__PURE__ */ b("input", {
 					value: r,
-					onChange: (e) => a(e.target.value),
+					onChange: (e) => i(e.target.value),
 					placeholder: n.replyPlaceholder,
 					"aria-label": n.replyLabel
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ b("button", {
 					type: "submit",
 					children: n.reply
 				})]
@@ -1297,25 +1375,25 @@ function Ve({ thread: e, api: t }) {
 		]
 	});
 }
-function He({ anchor: e, api: t = "app" }) {
-	let n = P().comments, r = ae(e, t), [a, c] = i("");
-	return /* @__PURE__ */ s("div", {
+function tt({ anchor: e, api: t = "app" }) {
+	let n = z().comments, r = ue(e, t), [i, a] = s("");
+	return /* @__PURE__ */ x("div", {
 		"data-comments": !0,
 		"data-anchor": e,
-		children: [r.threads.map((e) => /* @__PURE__ */ o(Ve, {
+		children: [r.threads.map((e) => /* @__PURE__ */ b(et, {
 			thread: e,
 			api: r
-		}, e.id)), /* @__PURE__ */ s("form", {
+		}, e.id)), /* @__PURE__ */ x("form", {
 			"data-comments-new": !0,
 			onSubmit: (e) => {
-				e.preventDefault(), a.trim() !== "" && (r.create(a, { mentions: $(a) }), c(""));
+				e.preventDefault(), i.trim() !== "" && (r.create(i, { mentions: $(i) }), a(""));
 			},
-			children: [/* @__PURE__ */ o("input", {
-				value: a,
-				onChange: (e) => c(e.target.value),
+			children: [/* @__PURE__ */ b("input", {
+				value: i,
+				onChange: (e) => a(e.target.value),
 				placeholder: n.newPlaceholder,
 				"aria-label": n.newLabel
-			}), /* @__PURE__ */ o("button", {
+			}), /* @__PURE__ */ b("button", {
 				type: "submit",
 				children: n.comment
 			})]
@@ -1323,4 +1401,4 @@ function He({ anchor: e, api: t = "app" }) {
 	});
 }
 //#endregion
-export { W as AgentChat, U as AgentMessageView, H as AgentPartView, De as AgentStream, Oe as AppAgent, Ce as ApprovalControls, F as AsyncSelect, he as AutoForm, He as CommentsThread, Q as ConnectAccount, ze as ConnectAccountFor, je as DataCopilot, G as DataCopilotAnswer, Me as DataCopilotStream, ye as DataTable, Te as EditingIndicator, j as Field, Ne as FormSkeleton, we as PresenceAvatars, J as QueryFilters, Le as RecordView, Pe as TableSkeleton, _e as UiStringsProvider, fe as WidgetRegistryProvider, xe as WorkflowProgress, Se as WorkflowStatusBadge, M as defaultUiStrings, D as defaultWidgets, z as initials, B as summarizeEditors, P as useUiStrings, k as useWidget };
+export { q as AgentChat, K as AgentMessageView, G as AgentPartView, Le as AgentStream, Re as AppAgent, Ne as ApprovalControls, Ee as AsyncSelect, Ce as AutoForm, tt as CommentsThread, Qe as ConnectAccount, Ze as ConnectAccountFor, Ve as DataCopilot, J as DataCopilotAnswer, He as DataCopilotStream, ke as DataTable, Fe as EditingIndicator, I as Field, Ue as FormSkeleton, Pe as PresenceAvatars, Ke as QueryFilters, Ye as RecordView, pe as RichTextView, C as RichTextWidget, We as TableSkeleton, Te as UiStringsProvider, be as WidgetRegistryProvider, je as WorkflowProgress, Me as WorkflowStatusBadge, L as defaultUiStrings, M as defaultWidgets, H as initials, U as summarizeEditors, z as useUiStrings, P as useWidget };