@voltro/ui 0.28.0 → 0.30.0

package/dist/index.js

@@ -2,12 +2,20 @@ import { createContext as e, useContext as t, useId as n, useMemo as r, useState
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useAgentChat as c, useConnection as l, useDataCopilot as u, useDataTable as d, useFormBinding as f, useFormSkeleton as p, useQueryField as m, useQueryFilters as h, useRecord as ee, useTableSkeleton as te, useWorkflowRunState as g } from "@voltro/client";
 //#region src/widgets.tsx
-var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
+var _ = (e) => e == null ? "" : String(e), v = ({ required: e }) => e ? /* @__PURE__ */ o("span", {
+	"aria-hidden": "true",
+	children: " *"
+}) : null, y = (e) => /* @__PURE__ */ s("div", {
 	"data-voltro-field": !0,
 	children: [
 		/* @__PURE__ */ s("label", {
 			htmlFor: e.id,
-			children: [e.label, e.required ? " *" : ""]
+			children: [e.label, /* @__PURE__ */ o(v, { required: e.required })]
+		}),
+		e.description === void 0 ? null : /* @__PURE__ */ o("p", {
+			id: `${e.id}-desc`,
+			"data-voltro-field-hint": !0,
+			children: e.description
 		}),
 		e.children,
 		e.error === void 0 ? null : /* @__PURE__ */ o("p", {
@@ -16,12 +24,16 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 			children: e.error
 		})
 	]
-}), y = (e, t) => t === void 0 ? void 0 : `${e}-error`, b = (e, t) => (r) => {
+}), b = (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;
+}, x = (e) => e ? !0 : void 0, S = (e, t) => (r) => {
 	let i = n();
-	return /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ o(y, {
 		id: i,
 		label: r.label,
 		required: r.required,
+		description: r.description,
 		error: r.error,
 		children: /* @__PURE__ */ o("input", {
 			id: i,
@@ -31,16 +43,18 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 			onChange: (e) => r.onChange(t(e.target.value)),
 			disabled: r.disabled,
 			required: r.required,
+			"aria-required": x(r.required),
 			"aria-invalid": r.error !== void 0,
-			"aria-describedby": y(i, r.error)
+			"aria-describedby": b(i, r.description, r.error)
 		})
 	});
-}, x = (e) => {
+}, ne = (e) => {
 	let t = n();
-	return /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ o(y, {
 		id: t,
 		label: e.label,
 		required: e.required,
+		description: e.description,
 		error: e.error,
 		children: /* @__PURE__ */ o("textarea", {
 			id: t,
@@ -49,16 +63,18 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 			onChange: (t) => e.onChange(t.target.value),
 			disabled: e.disabled,
 			required: e.required,
+			"aria-required": x(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": y(t, e.error)
+			"aria-describedby": b(t, e.description, e.error)
 		})
 	});
-}, S = (e) => {
+}, C = (e) => {
 	let t = n();
-	return /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ o(y, {
 		id: t,
 		label: e.label,
 		required: e.required,
+		description: e.description,
 		error: e.error,
 		children: /* @__PURE__ */ o("input", {
 			id: t,
@@ -67,22 +83,24 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 			checked: e.value === !0,
 			onChange: (t) => e.onChange(t.target.checked),
 			disabled: e.disabled,
+			"aria-required": x(e.required),
 			"aria-invalid": e.error !== void 0,
-			"aria-describedby": y(t, e.error)
+			"aria-describedby": b(t, e.description, e.error)
 		})
 	});
-}, C = {
-	text: b("text", (e) => e),
-	number: b("number", (e) => e === "" ? void 0 : Number(e)),
-	date: b("date", (e) => e),
-	datetime: b("datetime-local", (e) => e),
-	daterange: b("text", (e) => e),
+}, w = {
+	text: S("text", (e) => e),
+	number: S("number", (e) => e === "" ? void 0 : Number(e)),
+	date: S("date", (e) => e),
+	datetime: S("datetime-local", (e) => e),
+	daterange: S("text", (e) => e),
 	file: (e) => {
 		let t = n();
-		return /* @__PURE__ */ o(v, {
+		return /* @__PURE__ */ o(y, {
 			id: t,
 			label: e.label,
 			required: e.required,
+			description: e.description,
 			error: e.error,
 			children: /* @__PURE__ */ o("input", {
 				id: t,
@@ -91,21 +109,23 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 				onChange: (t) => e.onChange(t.target.files?.[0] ?? null),
 				disabled: e.disabled,
 				required: e.required,
+				"aria-required": x(e.required),
 				"aria-invalid": e.error !== void 0,
-				"aria-describedby": y(t, e.error)
+				"aria-describedby": b(t, e.description, e.error)
 			})
 		});
 	},
-	"async-select": b("text", (e) => e),
-	textarea: x,
-	checkbox: S,
-	switch: S,
+	"async-select": S("text", (e) => e),
+	textarea: ne,
+	checkbox: C,
+	switch: C,
 	select: (e) => {
 		let t = n();
-		return /* @__PURE__ */ o(v, {
+		return /* @__PURE__ */ o(y, {
 			id: t,
 			label: e.label,
 			required: e.required,
+			description: e.description,
 			error: e.error,
 			children: /* @__PURE__ */ s("select", {
 				id: t,
@@ -114,8 +134,9 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 				onChange: (t) => e.onChange(t.target.value),
 				disabled: e.disabled,
 				required: e.required,
+				"aria-required": x(e.required),
 				"aria-invalid": e.error !== void 0,
-				"aria-describedby": y(t, e.error),
+				"aria-describedby": b(t, e.description, e.error),
 				children: [/* @__PURE__ */ o("option", {
 					value: "",
 					children: "—"
@@ -131,8 +152,15 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 		return /* @__PURE__ */ s("fieldset", {
 			"data-voltro-field": !0,
 			"aria-invalid": e.error !== void 0,
+			"aria-required": x(e.required),
+			"aria-describedby": b(t, e.description, e.error),
 			children: [
-				/* @__PURE__ */ s("legend", { children: [e.label, e.required ? " *" : ""] }),
+				/* @__PURE__ */ s("legend", { children: [e.label, /* @__PURE__ */ o(v, { required: e.required })] }),
+				e.description === void 0 ? null : /* @__PURE__ */ o("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", {
@@ -149,6 +177,7 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 					})] }, n.value);
 				}),
 				e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+					id: `${t}-error`,
 					role: "alert",
 					children: e.error
 				})
@@ -157,10 +186,11 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 	},
 	"multi-select": (e) => {
 		let t = n(), r = Array.isArray(e.value) ? e.value.map(String) : [];
-		return /* @__PURE__ */ o(v, {
+		return /* @__PURE__ */ o(y, {
 			id: t,
 			label: e.label,
 			required: e.required,
+			description: e.description,
 			error: e.error,
 			children: /* @__PURE__ */ o("select", {
 				id: t,
@@ -169,8 +199,9 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 				value: r,
 				onChange: (t) => e.onChange(Array.from(t.target.selectedOptions, (e) => e.value)),
 				disabled: e.disabled,
+				"aria-required": x(e.required),
 				"aria-invalid": e.error !== void 0,
-				"aria-describedby": y(t, e.error),
+				"aria-describedby": b(t, e.description, e.error),
 				children: (e.options ?? []).map((e) => /* @__PURE__ */ o("option", {
 					value: e.value,
 					children: e.label
@@ -187,26 +218,26 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 	custom: (e) => /* @__PURE__ */ s("div", {
 		"data-voltro-field": !0,
 		"data-voltro-custom": !0,
-		children: [/* @__PURE__ */ s("label", { children: [e.label, e.required ? " *" : ""] }), /* @__PURE__ */ o("p", {
+		children: [/* @__PURE__ */ s("label", { children: [e.label, /* @__PURE__ */ o(v, { required: e.required })] }), /* @__PURE__ */ o("p", {
 			role: "note",
 			children: `No default widget for "${e.name}" — provide a render-prop via <Field>.`
 		})]
 	})
-}, w = e({}), T = (e) => {
-	let n = t(w), i = r(() => ({
+}, T = e({}), E = (e) => {
+	let n = t(T), i = r(() => ({
 		...n,
 		...e.widgets
 	}), [n, e.widgets]);
-	return /* @__PURE__ */ o(w.Provider, {
+	return /* @__PURE__ */ o(T.Provider, {
 		value: i,
 		children: e.children
 	});
-}, E = (e) => t(w)[e] ?? C[e] ?? C.custom, D = e(null), O = () => {
-	let e = t(D);
+}, D = (e) => t(T)[e] ?? w[e] ?? w.custom, O = e(null), re = () => {
+	let e = t(O);
 	if (e === null) throw Error("<Field> must be rendered inside <AutoForm>");
 	return e;
-}, k = (e, t) => {
-	let n = e.errors[t.name];
+}, ie = (e, t) => {
+	let n = e.errors[t.name], r = t.jsonSchema.description;
 	return {
 		name: t.name,
 		label: t.label,
@@ -215,20 +246,21 @@ var _ = (e) => e == null ? "" : String(e), v = (e) => /* @__PURE__ */ s("div", {
 		required: t.required,
 		disabled: e.pending,
 		...n === void 0 ? {} : { error: n },
-		...t.options ? { options: t.options } : {}
+		...t.options ? { options: t.options } : {},
+		...typeof r == "string" && r.length > 0 ? { description: r } : {}
 	};
-}, A = ({ name: e, children: t }) => {
-	let n = O(), r = n.fields.find((t) => t.name === e), i = E(r?.widget ?? "custom");
+}, k = ({ name: e, children: t }) => {
+	let n = re(), r = n.fields.find((t) => t.name === e), i = D(r?.widget ?? "custom");
 	if (r === void 0) return null;
-	let a = k(n, r);
+	let a = ie(n, r);
 	return t ? t(a) : /* @__PURE__ */ o(i, { ...a });
 };
-function j(e) {
+function A(e) {
 	let t = f(e.api, e.mutation, {
 		...e.schema ? { schema: e.schema } : {},
 		...e.defaults ? { defaults: e.defaults } : {}
 	});
-	return /* @__PURE__ */ o(D.Provider, {
+	return /* @__PURE__ */ o(O.Provider, {
 		value: t,
 		children: /* @__PURE__ */ s("form", {
 			onSubmit: (n) => {
@@ -238,7 +270,7 @@ function j(e) {
 			},
 			noValidate: !0,
 			"data-voltro-autoform": e.mutation,
-			children: [e.children ? e.children(t) : t.fields.map((e) => /* @__PURE__ */ o(A, { name: e.name }, e.name)), /* @__PURE__ */ o("button", {
+			children: [e.children ? e.children(t) : t.fields.map((e) => /* @__PURE__ */ o(k, { name: e.name }, e.name)), /* @__PURE__ */ o("button", {
 				type: "submit",
 				disabled: t.pending,
 				children: e.submitLabel ?? "Submit"
@@ -248,7 +280,7 @@ function j(e) {
 }
 //#endregion
 //#region src/strings.tsx
-var M = {
+var j = {
 	filters: {
 		clear: "Clear",
 		filtersLabel: "Filters",
@@ -308,7 +340,7 @@ var M = {
 		howToGetToken: "How do I get a token?",
 		loading: "Loading…"
 	}
-}, N = e(M), ne = (e, t) => ({
+}, M = e(j), N = (e, t) => ({
 	filters: {
 		...e.filters,
 		...t.filters
@@ -350,21 +382,21 @@ var M = {
 		...t.connectAccount
 	}
 });
-function re(e) {
-	let n = t(N), i = r(() => ne(n, e.strings), [n, e.strings]);
-	return /* @__PURE__ */ o(N.Provider, {
+function P(e) {
+	let n = t(M), i = r(() => N(n, e.strings), [n, e.strings]);
+	return /* @__PURE__ */ o(M.Provider, {
 		value: i,
 		children: e.children
 	});
 }
-var P = () => t(N), ie = (e) => {
+var F = () => t(M), ae = (e) => {
 	let t = m(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`;
+	}), r = F().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", {
 		"data-voltro-field": !0,
 		"data-voltro-async-select": !0,
@@ -412,9 +444,9 @@ var P = () => t(N), ie = (e) => {
 			})
 		]
 	});
-}, ae = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), oe = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
-function se(e) {
-	let { api: t, query: n, emptyText: r, loadingText: i, loadMoreText: c, renderCell: l, rowActions: u, rowKey: f, ...p } = e, m = P().dataTable, h = d(t, n, p);
+}, oe = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), se = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
+function ce(e) {
+	let { api: t, query: n, emptyText: r, loadingText: i, loadMoreText: c, renderCell: l, rowActions: u, rowKey: f, ...p } = e, m = F().dataTable, h = d(t, n, p);
 	return h.loading ? /* @__PURE__ */ o("p", {
 		"data-voltro-datatable-loading": !0,
 		"aria-busy": "true",
@@ -427,7 +459,7 @@ function se(e) {
 		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [h.columns.map((e) => {
 			let t = h.sort?.column === e.name, n = h.sort?.direction ?? "asc";
 			return /* @__PURE__ */ o("th", {
-				"aria-sort": oe(t, n),
+				"aria-sort": se(t, n),
 				scope: "col",
 				children: /* @__PURE__ */ s("button", {
 					type: "button",
@@ -440,7 +472,7 @@ function se(e) {
 			children: m.actions
 		}) : null] }) }), /* @__PURE__ */ o("tbody", { children: h.rows.map((e, t) => /* @__PURE__ */ s("tr", { children: [h.columns.map((t) => /* @__PURE__ */ o("td", {
 			"data-column": t.name,
-			children: l ? l(e, t) : ae(e[t.name])
+			children: l ? l(e, t) : oe(e[t.name])
 		}, t.name)), u ? /* @__PURE__ */ o("td", { children: u(e) }) : null] }, f ? f(e) : String(e.id ?? t))) })]
 	}), h.hasMore ? /* @__PURE__ */ o("button", {
 		type: "button",
@@ -451,9 +483,9 @@ function se(e) {
 }
 //#endregion
 //#region src/workflow.tsx
-var ce = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
-function le(e) {
-	let { api: t, runId: n, loadingText: r, emptyText: i } = e, a = P().workflow, c = g(t, n);
+var le = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
+function ue(e) {
+	let { api: t, runId: n, loadingText: r, emptyText: i } = e, a = F().workflow, c = g(t, n);
 	return c.loading ? /* @__PURE__ */ o("p", {
 		"data-voltro-workflow-loading": !0,
 		"aria-busy": "true",
@@ -473,7 +505,7 @@ function le(e) {
 				children: [
 					/* @__PURE__ */ o("span", {
 						"aria-hidden": "true",
-						children: ce(e.status)
+						children: le(e.status)
 					}),
 					" ",
 					e.stepName,
@@ -498,8 +530,8 @@ function le(e) {
 		})
 	});
 }
-function ue(e) {
-	let { api: t, runId: n } = e, r = P().workflow, i = g(t, n);
+function de(e) {
+	let { api: t, runId: n } = e, r = F().workflow, i = g(t, n);
 	if (i.loading || i.status === void 0) return /* @__PURE__ */ o("span", {
 		"data-voltro-workflow-badge": !0,
 		"data-status": "loading",
@@ -516,7 +548,7 @@ function ue(e) {
 		}) : null]
 	});
 }
-function de(e) {
+function fe(e) {
 	let { when: t, onApprove: n, onReject: r, approveLabel: i, rejectLabel: a, pending: c } = e;
 	return t ? /* @__PURE__ */ s("div", {
 		"data-voltro-approval-controls": !0,
@@ -539,15 +571,15 @@ function de(e) {
 }
 //#endregion
 //#region src/presence.tsx
-var F = (e, t) => {
+var I = (e, t) => {
 	let n = e.meta?.[t];
 	return typeof n == "string" ? n : void 0;
-}, I = (e) => F(e, "name") ?? F(e, "displayName") ?? e.key, L = (e) => {
+}, L = (e) => I(e, "name") ?? I(e, "displayName") ?? e.key, R = (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 R(e) {
-	let { members: t, max: n = 5, nameOf: r = I, renderAvatar: i } = e, a = P().presence, c = t.slice(0, n), l = t.length - c.length;
+function z(e) {
+	let { members: t, max: n = 5, nameOf: r = L, renderAvatar: i } = e, a = F().presence, c = t.slice(0, n), l = t.length - c.length;
 	return /* @__PURE__ */ s("div", {
 		"data-voltro-presence-avatars": !0,
 		role: "group",
@@ -558,7 +590,7 @@ function R(e) {
 				"data-avatar": !0,
 				title: t,
 				"aria-label": t,
-				children: L(t)
+				children: R(t)
 			}, e.key);
 		}), l > 0 ? /* @__PURE__ */ s("span", {
 			"data-avatar-overflow": !0,
@@ -567,21 +599,21 @@ function R(e) {
 		}) : null]
 	});
 }
-var z = (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 B(e) {
-	let { members: t, selfKey: n, field: r, verb: i = "editing", nameOf: a = I } = e, s = P().presence, c = t.filter((e) => !(n !== void 0 && e.key === n || r !== void 0 && F(e, "field") !== r));
+var B = (e, t, n = j.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 V(e) {
+	let { members: t, selfKey: n, field: r, verb: i = "editing", nameOf: a = L } = e, s = F().presence, c = t.filter((e) => !(n !== void 0 && e.key === n || r !== void 0 && I(e, "field") !== r));
 	return c.length === 0 ? null : /* @__PURE__ */ o("span", {
 		"data-voltro-editing-indicator": !0,
 		"data-field": r,
 		role: "status",
-		children: z(c.map(a), i, s)
+		children: B(c.map(a), i, s)
 	});
 }
 //#endregion
 //#region src/agentChat.tsx
-var V = (e) => typeof e.text == "string" ? e.text : "";
-function H({ text: e }) {
-	let t = P().agentChat;
+var H = (e) => typeof e.text == "string" ? e.text : "";
+function pe({ text: e }) {
+	let t = F().agentChat;
 	return /* @__PURE__ */ s("details", {
 		"data-part": "reasoning",
 		children: [/* @__PURE__ */ o("summary", { children: t.reasoning }), /* @__PURE__ */ o("span", { children: e })]
@@ -591,9 +623,9 @@ function U({ part: e }) {
 	switch (e.type) {
 		case "text": return /* @__PURE__ */ o("span", {
 			"data-part": "text",
-			children: V(e)
+			children: H(e)
 		});
-		case "reasoning": return /* @__PURE__ */ o(H, { text: V(e) });
+		case "reasoning": return /* @__PURE__ */ o(pe, { text: H(e) });
 		case "tool": {
 			let t = e;
 			return /* @__PURE__ */ s("span", {
@@ -651,7 +683,7 @@ function W({ message: e }) {
 	});
 }
 function G(e) {
-	let { api: t, agent: n, threadId: r, placeholder: a, sendLabel: l, emptyText: u } = e, d = P().agentChat, f = c(t, n, { threadId: r }), [p, m] = i(""), h = () => {
+	let { api: t, agent: n, threadId: r, placeholder: a, sendLabel: l, emptyText: u } = e, d = F().agentChat, f = c(t, n, { threadId: r }), [p, m] = i(""), h = () => {
 		let e = p.trim();
 		e.length === 0 || f.sending || (m(""), f.send(e));
 	};
@@ -685,14 +717,14 @@ function G(e) {
 		})]
 	});
 }
-function fe(e) {
+function me(e) {
 	let t = c(e.api, e.agent, { threadId: e.threadId });
 	return e.children(t);
 }
 //#endregion
 //#region src/appAgent.tsx
-function pe(e) {
-	let { tools: t, showTools: n, ...r } = e, i = P().appAgent, a = (n ?? (t !== void 0 && t.length > 0)) && t && t.length > 0;
+function he(e) {
+	let { tools: t, showTools: n, ...r } = e, i = F().appAgent, a = (n ?? (t !== void 0 && t.length > 0)) && t && t.length > 0;
 	return /* @__PURE__ */ s("div", {
 		"data-voltro-app-agent": r.agent,
 		children: [a ? /* @__PURE__ */ s("details", {
@@ -717,12 +749,12 @@ function pe(e) {
 }
 //#endregion
 //#region src/dataCopilot.tsx
-var me = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), he = (e) => {
+var ge = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), K = (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 K(e) {
+function q(e) {
 	let { answer: t, emptyText: n } = e;
 	if (t === void 0) return null;
 	if (!t.ok) return /* @__PURE__ */ o("p", {
@@ -734,7 +766,7 @@ function K(e) {
 		"data-voltro-data-copilot-empty": !0,
 		children: n ?? "No rows."
 	});
-	let r = he(t.rows);
+	let r = K(t.rows);
 	return /* @__PURE__ */ s("table", {
 		"data-voltro-data-copilot-results": !0,
 		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
@@ -742,11 +774,11 @@ function K(e) {
 			children: e
 		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: t.rows.map((e, t) => /* @__PURE__ */ o("tr", { children: r.map((t) => /* @__PURE__ */ o("td", {
 			"data-column": t,
-			children: me(e[t])
+			children: ge(e[t])
 		}, t)) }, String(e.id ?? t))) })]
 	});
 }
-function ge(e) {
+function _e(e) {
 	let { api: t, action: n, placeholder: r, askLabel: a, emptyText: c } = e, l = u(t, n), [d, f] = i(""), p = () => {
 		let e = d.trim();
 		e.length === 0 || l.pending || l.ask(e);
@@ -773,7 +805,7 @@ function ge(e) {
 			"data-answer": !0,
 			"aria-live": "polite",
 			"aria-busy": l.pending ? "true" : void 0,
-			children: l.error === void 0 ? /* @__PURE__ */ o(K, {
+			children: l.error === void 0 ? /* @__PURE__ */ o(q, {
 				answer: l.answer,
 				...c === void 0 ? {} : { emptyText: c }
 			}) : /* @__PURE__ */ o("p", {
@@ -784,13 +816,13 @@ function ge(e) {
 		})]
 	});
 }
-function _e(e) {
+function ve(e) {
 	let t = u(e.api, e.action);
 	return e.children(t);
 }
 //#endregion
 //#region src/skeleton.tsx
-var q = ({ w: e }) => /* @__PURE__ */ o("span", {
+var J = ({ w: e }) => /* @__PURE__ */ o("span", {
 	"data-skeleton-bar": !0,
 	style: {
 		display: "inline-block",
@@ -800,7 +832,7 @@ var q = ({ w: e }) => /* @__PURE__ */ o("span", {
 	},
 	"aria-hidden": "true"
 });
-function ve(e) {
+function ye(e) {
 	let t = p(e.api, e.mutation), n = t.length > 0 ? t.length : e.fallbackFields ?? 3, r = t.length > 0 ? t.map((e) => e.name) : Array.from({ length: n }, (e, t) => `f${t}`);
 	return /* @__PURE__ */ o("div", {
 		"data-voltro-form-skeleton": e.mutation,
@@ -808,11 +840,11 @@ function ve(e) {
 		"aria-hidden": "true",
 		children: r.map((e) => /* @__PURE__ */ s("div", {
 			"data-skeleton-field": !0,
-			children: [/* @__PURE__ */ o(q, { w: "30%" }), /* @__PURE__ */ o(q, {})]
+			children: [/* @__PURE__ */ o(J, { w: "30%" }), /* @__PURE__ */ o(J, {})]
 		}, e))
 	});
 }
-function J(e) {
+function be(e) {
 	let t = te(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", {
 		"data-voltro-table-skeleton": e.query,
@@ -820,18 +852,18 @@ function J(e) {
 		"aria-hidden": "true",
 		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
 			scope: "col",
-			children: /* @__PURE__ */ o(q, { w: "60%" })
+			children: /* @__PURE__ */ o(J, { w: "60%" })
 		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ o("tr", {
 			"data-skeleton-row": !0,
-			children: r.map((e) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(q, {}) }, e))
+			children: r.map((e) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(J, {}) }, e))
 		}, t)) })]
 	});
 }
 //#endregion
 //#region src/filters.tsx
 var Y = (e) => e == null ? "" : String(e);
-function ye(e) {
-	let { filter: t, value: n, onChange: r } = e, i = P().filters, a = {
+function xe(e) {
+	let { filter: t, value: n, onChange: r } = e, i = F().filters, a = {
 		"data-filter": t.name,
 		"aria-label": t.label
 	};
@@ -897,8 +929,8 @@ function ye(e) {
 		});
 	}
 }
-function be(e) {
-	let t = h(e.api, e.query, e.initial ? { initial: e.initial } : {}), n = P().filters;
+function Se(e) {
+	let t = h(e.api, e.query, e.initial ? { initial: e.initial } : {}), n = F().filters;
 	return /* @__PURE__ */ s("div", {
 		"data-voltro-query-filters": e.query,
 		children: [/* @__PURE__ */ s("div", {
@@ -908,7 +940,7 @@ function be(e) {
 			children: [
 				t.filters.map((e) => /* @__PURE__ */ s("label", {
 					"data-filter-label": !0,
-					children: [/* @__PURE__ */ o("span", { children: e.label }), /* @__PURE__ */ o(ye, {
+					children: [/* @__PURE__ */ o("span", { children: e.label }), /* @__PURE__ */ o(xe, {
 						filter: e,
 						value: t.values[e.name],
 						onChange: (n) => t.setFilter(e.name, n)
@@ -931,8 +963,8 @@ function be(e) {
 //#endregion
 //#region src/recordView.tsx
 var X = (e) => e.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), Z = (e) => Array.isArray(e) && e.every((e) => typeof e == "object" && !!e), Q = (e) => e == null ? "—" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e);
-function xe({ name: e, items: t }) {
-	let n = P().recordView;
+function Ce({ name: e, items: t }) {
+	let n = F().recordView;
 	if (t.length === 0) return /* @__PURE__ */ o("p", {
 		"data-relation": e,
 		"data-empty": !0,
@@ -947,7 +979,7 @@ function xe({ name: e, items: t }) {
 		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: t.map((e, t) => /* @__PURE__ */ o("tr", { children: r.map((t) => /* @__PURE__ */ o("td", { children: Q(e[t]) }, t)) }, String(e.id ?? t))) })]
 	});
 }
-function Se(e) {
+function we(e) {
 	let { api: t, query: n, input: r, fields: i, renderField: a, renderRelation: c, loadingText: l, emptyText: u } = e, { record: d, loading: f } = ee(t, n, r ?? {});
 	if (f) return /* @__PURE__ */ o("p", {
 		"data-voltro-record-loading": !0,
@@ -969,7 +1001,7 @@ function Se(e) {
 			}, e))
 		}), h.map(([e, t]) => /* @__PURE__ */ s("section", {
 			"data-record-relation": e,
-			children: [/* @__PURE__ */ o("h3", { children: X(e) }), c ? c(e, t, d) : /* @__PURE__ */ o(xe, {
+			children: [/* @__PURE__ */ o("h3", { children: X(e) }), c ? c(e, t, d) : /* @__PURE__ */ o(Ce, {
 				name: e,
 				items: t
 			})]
@@ -978,7 +1010,7 @@ function Se(e) {
 }
 //#endregion
 //#region src/connectAccount.tsx
-var Ce = (e, t) => {
+var Te = (e, t) => {
 	switch (e.status) {
 		case "connected": return e.accountLabel === null ? t.connected : t.connectedAs(e.accountLabel);
 		case "expired": return t.expired;
@@ -986,7 +1018,7 @@ var Ce = (e, t) => {
 		case "error": return t.errored;
 		default: return t.notConnected;
 	}
-}, we = ({ api: e, connectionId: t, ...n }) => {
+}, Ee = ({ api: e, connectionId: t, ...n }) => {
 	let r = l(e, t);
 	return /* @__PURE__ */ o($, {
 		connection: r,
@@ -994,7 +1026,7 @@ var Ce = (e, t) => {
 		...n
 	});
 }, $ = ({ connection: e, instructionsUrl: t, loading: n = !1, children: r, className: c }) => {
-	let l = P().connectAccount, [u, d] = i("");
+	let l = F().connectAccount, [u, d] = i("");
 	if (r !== void 0) return r(e);
 	if (n) return /* @__PURE__ */ o("div", {
 		className: c,
@@ -1013,7 +1045,7 @@ var Ce = (e, t) => {
 			" — ",
 			/* @__PURE__ */ o("span", {
 				role: e.needsAttention ? "alert" : void 0,
-				children: Ce(e, l)
+				children: Te(e, l)
 			})
 		] }), e.connected || e.needsAttention ? /* @__PURE__ */ s(a, { children: [e.needsAttention && e.kind === "oauth2" && /* @__PURE__ */ o("button", {
 			type: "button",
@@ -1071,4 +1103,4 @@ var Ce = (e, t) => {
 	});
 };
 //#endregion
-export { G as AgentChat, W as AgentMessageView, U as AgentPartView, fe as AgentStream, pe as AppAgent, de as ApprovalControls, ie as AsyncSelect, j as AutoForm, $ as ConnectAccount, we as ConnectAccountFor, ge as DataCopilot, K as DataCopilotAnswer, _e as DataCopilotStream, se as DataTable, B as EditingIndicator, A as Field, ve as FormSkeleton, R as PresenceAvatars, be as QueryFilters, Se as RecordView, J as TableSkeleton, re as UiStringsProvider, T as WidgetRegistryProvider, le as WorkflowProgress, ue as WorkflowStatusBadge, M as defaultUiStrings, C as defaultWidgets, L as initials, z as summarizeEditors, P as useUiStrings, E as useWidget };
+export { G as AgentChat, W as AgentMessageView, U as AgentPartView, me as AgentStream, he as AppAgent, fe as ApprovalControls, ae as AsyncSelect, A as AutoForm, $ as ConnectAccount, Ee as ConnectAccountFor, _e as DataCopilot, q as DataCopilotAnswer, ve as DataCopilotStream, ce as DataTable, V as EditingIndicator, k as Field, ye as FormSkeleton, z as PresenceAvatars, Se as QueryFilters, we as RecordView, be as TableSkeleton, P as UiStringsProvider, E as WidgetRegistryProvider, ue as WorkflowProgress, de as WorkflowStatusBadge, j as defaultUiStrings, w as defaultWidgets, R as initials, B as summarizeEditors, F as useUiStrings, D as useWidget };