@voltro/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,960 @@
+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 { useAgentChat as c, useDataCopilot as l, useDataTable as u, useFormBinding as d, useFormSkeleton as f, useQueryField as p, useQueryFilters as m, useRecord as h, useTableSkeleton as g, useWorkflowRunState as _ } from "@voltro/client";
+//#region src/widgets.tsx
+var v = (e) => e == null ? "" : String(e), y = (e) => /* @__PURE__ */ s("div", {
+	"data-voltro-field": !0,
+	children: [
+		/* @__PURE__ */ s("label", {
+			htmlFor: e.id,
+			children: [e.label, e.required ? " *" : ""]
+		}),
+		e.children,
+		e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+			id: `${e.id}-error`,
+			role: "alert",
+			children: e.error
+		})
+	]
+}), b = (e, t) => t === void 0 ? void 0 : `${e}-error`, x = (e, t) => (r) => {
+	let i = n();
+	return /* @__PURE__ */ o(y, {
+		id: i,
+		label: r.label,
+		required: r.required,
+		error: r.error,
+		children: /* @__PURE__ */ o("input", {
+			id: i,
+			type: e,
+			name: r.name,
+			value: v(r.value),
+			onChange: (e) => r.onChange(t(e.target.value)),
+			disabled: r.disabled,
+			required: r.required,
+			"aria-invalid": r.error !== void 0,
+			"aria-describedby": b(i, r.error)
+		})
+	});
+}, ee = (e) => {
+	let t = n();
+	return /* @__PURE__ */ o(y, {
+		id: t,
+		label: e.label,
+		required: e.required,
+		error: e.error,
+		children: /* @__PURE__ */ o("textarea", {
+			id: t,
+			name: e.name,
+			value: v(e.value),
+			onChange: (t) => e.onChange(t.target.value),
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": e.error !== void 0,
+			"aria-describedby": b(t, e.error)
+		})
+	});
+}, S = (e) => {
+	let t = n();
+	return /* @__PURE__ */ o(y, {
+		id: t,
+		label: e.label,
+		required: e.required,
+		error: e.error,
+		children: /* @__PURE__ */ o("input", {
+			id: t,
+			type: "checkbox",
+			name: e.name,
+			checked: e.value === !0,
+			onChange: (t) => e.onChange(t.target.checked),
+			disabled: e.disabled,
+			"aria-invalid": e.error !== void 0,
+			"aria-describedby": b(t, e.error)
+		})
+	});
+}, C = {
+	text: x("text", (e) => e),
+	number: x("number", (e) => e === "" ? void 0 : Number(e)),
+	date: x("date", (e) => e),
+	datetime: x("datetime-local", (e) => e),
+	daterange: x("text", (e) => e),
+	file: (e) => {
+		let t = n();
+		return /* @__PURE__ */ o(y, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ o("input", {
+				id: t,
+				type: "file",
+				name: e.name,
+				onChange: (t) => e.onChange(t.target.files?.[0] ?? null),
+				disabled: e.disabled,
+				required: e.required,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": b(t, e.error)
+			})
+		});
+	},
+	"async-select": x("text", (e) => e),
+	textarea: ee,
+	checkbox: S,
+	switch: S,
+	select: (e) => {
+		let t = n();
+		return /* @__PURE__ */ o(y, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ s("select", {
+				id: t,
+				name: e.name,
+				value: v(e.value),
+				onChange: (t) => e.onChange(t.target.value),
+				disabled: e.disabled,
+				required: e.required,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": b(t, e.error),
+				children: [/* @__PURE__ */ o("option", {
+					value: "",
+					children: "—"
+				}), (e.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			})
+		});
+	},
+	radio: (e) => {
+		let t = n();
+		return /* @__PURE__ */ s("fieldset", {
+			"data-voltro-field": !0,
+			"aria-invalid": e.error !== void 0,
+			children: [
+				/* @__PURE__ */ s("legend", { children: [e.label, e.required ? " *" : ""] }),
+				(e.options ?? []).map((n) => {
+					let r = `${t}-${n.value}`;
+					return /* @__PURE__ */ s("span", { children: [/* @__PURE__ */ o("input", {
+						id: r,
+						type: "radio",
+						name: e.name,
+						value: n.value,
+						checked: v(e.value) === n.value,
+						onChange: () => e.onChange(n.value),
+						disabled: e.disabled
+					}), /* @__PURE__ */ o("label", {
+						htmlFor: r,
+						children: n.label
+					})] }, n.value);
+				}),
+				e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+					role: "alert",
+					children: e.error
+				})
+			]
+		});
+	},
+	"multi-select": (e) => {
+		let t = n(), r = Array.isArray(e.value) ? e.value.map(String) : [];
+		return /* @__PURE__ */ o(y, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ o("select", {
+				id: t,
+				name: e.name,
+				multiple: !0,
+				value: r,
+				onChange: (t) => e.onChange(Array.from(t.target.selectedOptions, (e) => e.value)),
+				disabled: e.disabled,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": b(t, e.error),
+				children: (e.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))
+			})
+		});
+	},
+	hidden: (e) => /* @__PURE__ */ o("input", {
+		type: "hidden",
+		name: e.name,
+		value: v(e.value),
+		readOnly: !0
+	}),
+	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", {
+			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(() => ({
+		...n,
+		...e.widgets
+	}), [n, e.widgets]);
+	return /* @__PURE__ */ o(w.Provider, {
+		value: i,
+		children: e.children
+	});
+}, E = (e) => t(w)[e] ?? C[e] ?? C.custom, D = e(null), te = () => {
+	let e = t(D);
+	if (e === null) throw Error("<Field> must be rendered inside <AutoForm>");
+	return e;
+}, ne = (e, t) => {
+	let n = e.errors[t.name];
+	return {
+		name: t.name,
+		label: t.label,
+		value: e.values[t.name],
+		onChange: (n) => e.setValue(t.name, n),
+		required: t.required,
+		disabled: e.pending,
+		...n === void 0 ? {} : { error: n },
+		...t.options ? { options: t.options } : {}
+	};
+}, O = ({ name: e, children: t }) => {
+	let n = te(), r = n.fields.find((t) => t.name === e), i = E(r?.widget ?? "custom");
+	if (r === void 0) return null;
+	let a = ne(n, r);
+	return t ? t(a) : /* @__PURE__ */ o(i, { ...a });
+};
+function k(e) {
+	let t = d(e.api, e.mutation, {
+		...e.schema ? { schema: e.schema } : {},
+		...e.defaults ? { defaults: e.defaults } : {}
+	});
+	return /* @__PURE__ */ o(D.Provider, {
+		value: t,
+		children: /* @__PURE__ */ s("form", {
+			onSubmit: (n) => {
+				n.preventDefault(), t.submit().then((t) => {
+					t !== void 0 && e.onSuccess && e.onSuccess(t);
+				});
+			},
+			noValidate: !0,
+			"data-voltro-autoform": e.mutation,
+			children: [e.children ? e.children(t) : t.fields.map((e) => /* @__PURE__ */ o(O, { name: e.name }, e.name)), /* @__PURE__ */ o("button", {
+				type: "submit",
+				disabled: t.pending,
+				children: e.submitLabel ?? "Submit"
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/strings.tsx
+var A = {
+	filters: {
+		clear: "Clear",
+		filtersLabel: "Filters",
+		anyOption: (e) => `Any ${e}`,
+		resultCount: (e) => `${e} results`
+	},
+	asyncSelect: {
+		searchPlaceholder: "Search…",
+		searchLabel: (e) => `Search ${e}`,
+		loading: "Loading…",
+		empty: "—"
+	},
+	dataTable: { actions: "Actions" },
+	workflow: {
+		status: {
+			running: "Running",
+			succeeded: "Succeeded",
+			failed: "Failed",
+			cancelled: "Cancelled",
+			suspended: "Waiting"
+		},
+		attempt: (e) => `attempt ${e}`,
+		loading: "Loading…",
+		empty: "No steps yet."
+	},
+	agentChat: {
+		reasoning: "Reasoning",
+		messagePlaceholder: "Message…",
+		messageLabel: "Message",
+		send: "Send"
+	},
+	appAgent: {
+		toolsSummary: (e) => `${e} tools · acts as you`,
+		needsConfirm: "needs confirm"
+	},
+	presence: {
+		moreOverflow: (e) => `${e} more`,
+		onlineCount: (e) => `${e} online`,
+		editingOne: (e, t) => `${e} is ${t}`,
+		editingTwo: (e, t, n) => `${e} and ${t} are ${n}`,
+		editingMany: (e, t, n) => `${e} and ${t} others are ${n}`
+	},
+	recordView: { emptyRelation: (e) => `No ${e}.` }
+}, j = e(A), M = (e, t) => ({
+	filters: {
+		...e.filters,
+		...t.filters
+	},
+	asyncSelect: {
+		...e.asyncSelect,
+		...t.asyncSelect
+	},
+	dataTable: {
+		...e.dataTable,
+		...t.dataTable
+	},
+	workflow: {
+		...e.workflow,
+		...t.workflow,
+		status: {
+			...e.workflow.status,
+			...t.workflow?.status
+		}
+	},
+	agentChat: {
+		...e.agentChat,
+		...t.agentChat
+	},
+	appAgent: {
+		...e.appAgent,
+		...t.appAgent
+	},
+	presence: {
+		...e.presence,
+		...t.presence
+	},
+	recordView: {
+		...e.recordView,
+		...t.recordView
+	}
+});
+function N(e) {
+	let n = t(j), i = r(() => M(n, e.strings), [n, e.strings]);
+	return /* @__PURE__ */ o(j.Provider, {
+		value: i,
+		children: e.children
+	});
+}
+var P = () => t(j), F = (e) => {
+	let t = p(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", {
+		"data-voltro-field": !0,
+		"data-voltro-async-select": !0,
+		children: [
+			/* @__PURE__ */ s("label", {
+				htmlFor: i,
+				children: [e.label, e.required ? " *" : ""]
+			}),
+			/* @__PURE__ */ o("input", {
+				type: "search",
+				"aria-label": r.searchLabel(e.label),
+				placeholder: r.searchPlaceholder,
+				onChange: (e) => t.search(e.target.value),
+				disabled: e.disabled
+			}),
+			/* @__PURE__ */ s("select", {
+				id: i,
+				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-busy": t.loading,
+				children: [
+					/* @__PURE__ */ o("option", {
+						value: "",
+						children: t.loading ? r.loading : r.empty
+					}),
+					a !== "" && !c ? /* @__PURE__ */ o("option", {
+						value: a,
+						children: a
+					}) : null,
+					t.options.map((e) => /* @__PURE__ */ o("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				]
+			}),
+			e.error === void 0 ? null : /* @__PURE__ */ o("p", {
+				id: l,
+				role: "alert",
+				children: e.error
+			})
+		]
+	});
+}, I = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), re = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
+function ie(e) {
+	let { api: t, query: n, emptyText: r, loadingText: i, loadMoreText: c, renderCell: l, rowActions: d, rowKey: f, ...p } = e, m = P().dataTable, h = u(t, n, p);
+	return h.loading ? /* @__PURE__ */ o("p", {
+		"data-voltro-datatable-loading": !0,
+		"aria-busy": "true",
+		children: i ?? "Loading…"
+	}) : h.rows.length === 0 ? /* @__PURE__ */ o("p", {
+		"data-voltro-datatable-empty": !0,
+		children: r ?? "No rows."
+	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("table", {
+		"data-voltro-datatable": n,
+		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": re(t, n),
+				scope: "col",
+				children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => h.toggleSort(e.name),
+					children: [e.label, t ? n === "asc" ? " ▲" : " ▼" : ""]
+				})
+			}, e.name);
+		}), d ? /* @__PURE__ */ o("th", {
+			scope: "col",
+			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) : I(e[t.name])
+		}, t.name)), d ? /* @__PURE__ */ o("td", { children: d(e) }) : null] }, f ? f(e) : String(e.id ?? t))) })]
+	}), h.hasMore ? /* @__PURE__ */ o("button", {
+		type: "button",
+		"data-voltro-datatable-more": !0,
+		onClick: () => h.loadMore(),
+		children: c ?? "Load more"
+	}) : null] });
+}
+//#endregion
+//#region src/workflow.tsx
+var ae = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
+function oe(e) {
+	let { api: t, runId: n, loadingText: r, emptyText: i } = e, a = P().workflow, c = _(t, n);
+	return c.loading ? /* @__PURE__ */ o("p", {
+		"data-voltro-workflow-loading": !0,
+		"aria-busy": "true",
+		children: r ?? a.loading
+	}) : c.steps.length === 0 ? /* @__PURE__ */ o("p", {
+		"data-voltro-workflow-empty": !0,
+		children: i ?? a.empty
+	}) : /* @__PURE__ */ o("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", {
+				"data-step": e.stepName,
+				"data-status": e.status,
+				"aria-current": t ? "step" : void 0,
+				children: [
+					/* @__PURE__ */ o("span", {
+						"aria-hidden": "true",
+						children: ae(e.status)
+					}),
+					" ",
+					e.stepName,
+					e.attempt > 1 ? /* @__PURE__ */ s("span", {
+						"data-attempts": !0,
+						children: [" · ", a.attempt(e.attempt)]
+					}) : null,
+					e.durationMs === null ? null : /* @__PURE__ */ s("span", {
+						"data-duration": !0,
+						children: [
+							" · ",
+							e.durationMs,
+							"ms"
+						]
+					}),
+					e.status === "failed" && e.errorMessage ? /* @__PURE__ */ s("span", {
+						"data-step-error": !0,
+						children: [" · ", e.errorMessage]
+					}) : null
+				]
+			}, e.id);
+		})
+	});
+}
+function se(e) {
+	let { api: t, runId: n } = e, r = P().workflow, i = _(t, n);
+	if (i.loading || i.status === void 0) return /* @__PURE__ */ o("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", {
+		"data-voltro-workflow-badge": !0,
+		"data-status": i.status,
+		role: "status",
+		children: [a, i.error ? /* @__PURE__ */ s("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", {
+		"data-voltro-approval-controls": !0,
+		role: "group",
+		"aria-label": "Approval",
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			"data-approve": !0,
+			onClick: n,
+			disabled: c,
+			children: i ?? "Approve"
+		}), /* @__PURE__ */ o("button", {
+			type: "button",
+			"data-reject": !0,
+			onClick: r,
+			disabled: c,
+			children: a ?? "Reject"
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/presence.tsx
+var L = (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) => {
+	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 B(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", {
+		"data-voltro-presence-avatars": !0,
+		role: "group",
+		"aria-label": a.onlineCount(t.length),
+		children: [c.map((e) => {
+			let t = r(e);
+			return i ? /* @__PURE__ */ o("span", { children: i(e, t) }, e.key) : /* @__PURE__ */ o("span", {
+				"data-avatar": !0,
+				title: t,
+				"aria-label": t,
+				children: z(t)
+			}, e.key);
+		}), l > 0 ? /* @__PURE__ */ s("span", {
+			"data-avatar-overflow": !0,
+			"aria-label": a.moreOverflow(l),
+			children: ["+", l]
+		}) : null]
+	});
+}
+var V = (e, t, n = A.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 H(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", {
+		"data-voltro-editing-indicator": !0,
+		"data-field": r,
+		role: "status",
+		children: V(c.map(a), i, s)
+	});
+}
+//#endregion
+//#region src/agentChat.tsx
+var U = (e) => typeof e.text == "string" ? e.text : "";
+function W({ text: e }) {
+	let t = P().agentChat;
+	return /* @__PURE__ */ s("details", {
+		"data-part": "reasoning",
+		children: [/* @__PURE__ */ o("summary", { children: t.reasoning }), /* @__PURE__ */ o("span", { children: e })]
+	});
+}
+function G({ part: e }) {
+	switch (e.type) {
+		case "text": return /* @__PURE__ */ o("span", {
+			"data-part": "text",
+			children: U(e)
+		});
+		case "reasoning": return /* @__PURE__ */ o(W, { text: U(e) });
+		case "tool": {
+			let t = e;
+			return /* @__PURE__ */ s("span", {
+				"data-part": "tool",
+				"data-tool": t.toolName,
+				"data-state": t.state,
+				children: ["🔧 ", t.toolName]
+			});
+		}
+		case "source": {
+			let t = e;
+			return t.url ? /* @__PURE__ */ o("a", {
+				"data-part": "source",
+				href: t.url,
+				rel: "noreferrer",
+				children: t.title ?? t.url
+			}) : /* @__PURE__ */ o("span", {
+				"data-part": "source",
+				children: t.title ?? t.id ?? "source"
+			});
+		}
+		case "file": {
+			let t = e;
+			return t.mediaType.startsWith("image/") ? /* @__PURE__ */ o("img", {
+				"data-part": "file",
+				alt: "",
+				src: `data:${t.mediaType};base64,${t.data}`
+			}) : /* @__PURE__ */ s("span", {
+				"data-part": "file",
+				"data-media": t.mediaType,
+				children: ["📎 ", t.mediaType]
+			});
+		}
+		default: return /* @__PURE__ */ o("span", {
+			"data-part": e.type,
+			children: JSON.stringify(e)
+		});
+	}
+}
+function K({ message: e }) {
+	let t = e.parts ?? [];
+	return /* @__PURE__ */ s("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(G, { part: e }, t)) : /* @__PURE__ */ o("span", {
+			"data-part": "text",
+			children: e.content
+		}), e.streaming ? /* @__PURE__ */ o("span", {
+			"data-cursor": !0,
+			"aria-hidden": "true",
+			children: "▍"
+		}) : null]
+	});
+}
+function q(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 e = p.trim();
+		e.length === 0 || f.sending || (m(""), f.send(e));
+	};
+	return /* @__PURE__ */ s("div", {
+		"data-voltro-agent-chat": n,
+		children: [/* @__PURE__ */ o("div", {
+			"data-messages": !0,
+			role: "log",
+			"aria-live": "polite",
+			"aria-busy": f.streaming ? "true" : void 0,
+			children: f.messages.length === 0 && !f.loading ? /* @__PURE__ */ o("p", {
+				"data-empty": !0,
+				children: u ?? "No messages yet."
+			}) : f.messages.map((e) => /* @__PURE__ */ o(K, { message: e }, e.id))
+		}), /* @__PURE__ */ s("form", {
+			"data-composer": !0,
+			onSubmit: (e) => {
+				e.preventDefault(), h();
+			},
+			children: [/* @__PURE__ */ o("input", {
+				value: p,
+				onChange: (e) => m(e.target.value),
+				placeholder: a ?? d.messagePlaceholder,
+				"aria-label": d.messageLabel,
+				disabled: f.sending
+			}), /* @__PURE__ */ o("button", {
+				type: "submit",
+				disabled: f.sending || p.trim().length === 0,
+				children: l ?? d.send
+			})]
+		})]
+	});
+}
+function le(e) {
+	let t = c(e.api, e.agent, { threadId: e.threadId });
+	return e.children(t);
+}
+//#endregion
+//#region src/appAgent.tsx
+function ue(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", {
+		"data-voltro-app-agent": r.agent,
+		children: [a ? /* @__PURE__ */ s("details", {
+			"data-agent-tools": !0,
+			children: [/* @__PURE__ */ o("summary", { children: i.toolsSummary(t.length) }), /* @__PURE__ */ o("ul", { children: t.map((e) => /* @__PURE__ */ s("li", {
+				"data-tool": e.name,
+				"data-write": e.write ? "true" : void 0,
+				children: [
+					/* @__PURE__ */ o("code", { children: e.name }),
+					e.confirm ? /* @__PURE__ */ s("span", {
+						"data-confirm": !0,
+						children: [" · ", i.needsConfirm]
+					}) : null,
+					e.description ? /* @__PURE__ */ s("span", {
+						"data-desc": !0,
+						children: [" — ", e.description]
+					}) : null
+				]
+			}, e.name)) })]
+		}) : null, /* @__PURE__ */ o(q, { ...r })]
+	});
+}
+//#endregion
+//#region src/dataCopilot.tsx
+var de = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), fe = (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 J(e) {
+	let { answer: t, emptyText: n } = e;
+	if (t === void 0) return null;
+	if (!t.ok) return /* @__PURE__ */ o("p", {
+		"data-voltro-data-copilot-refused": !0,
+		role: "status",
+		children: t.reason
+	});
+	if (t.rows.length === 0) return /* @__PURE__ */ o("p", {
+		"data-voltro-data-copilot-empty": !0,
+		children: n ?? "No rows."
+	});
+	let r = fe(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", {
+			scope: "col",
+			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: de(e[t])
+		}, t)) }, String(e.id ?? t))) })]
+	});
+}
+function pe(e) {
+	let { api: t, action: n, placeholder: r, askLabel: a, emptyText: c } = e, u = l(t, n), [d, f] = i(""), p = () => {
+		let e = d.trim();
+		e.length === 0 || u.pending || u.ask(e);
+	};
+	return /* @__PURE__ */ s("div", {
+		"data-voltro-data-copilot": n,
+		children: [/* @__PURE__ */ s("form", {
+			"data-composer": !0,
+			onSubmit: (e) => {
+				e.preventDefault(), p();
+			},
+			children: [/* @__PURE__ */ o("input", {
+				value: d,
+				onChange: (e) => f(e.target.value),
+				placeholder: r ?? "Ask about your data…",
+				"aria-label": "Ask about your data",
+				disabled: u.pending
+			}), /* @__PURE__ */ o("button", {
+				type: "submit",
+				disabled: u.pending || d.trim().length === 0,
+				children: a ?? "Ask"
+			})]
+		}), /* @__PURE__ */ o("div", {
+			"data-answer": !0,
+			"aria-live": "polite",
+			"aria-busy": u.pending ? "true" : void 0,
+			children: u.error === void 0 ? /* @__PURE__ */ o(J, {
+				answer: u.answer,
+				...c === void 0 ? {} : { emptyText: c }
+			}) : /* @__PURE__ */ o("p", {
+				"data-voltro-data-copilot-error": !0,
+				role: "alert",
+				children: u.error instanceof Error ? u.error.message : String(u.error)
+			})
+		})]
+	});
+}
+function me(e) {
+	let t = l(e.api, e.action);
+	return e.children(t);
+}
+//#endregion
+//#region src/skeleton.tsx
+var Y = ({ w: e }) => /* @__PURE__ */ o("span", {
+	"data-skeleton-bar": !0,
+	style: {
+		display: "inline-block",
+		width: e ?? "100%",
+		height: "1em",
+		borderRadius: 4
+	},
+	"aria-hidden": "true"
+});
+function he(e) {
+	let t = f(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,
+		"aria-busy": "true",
+		"aria-hidden": "true",
+		children: r.map((e) => /* @__PURE__ */ s("div", {
+			"data-skeleton-field": !0,
+			children: [/* @__PURE__ */ o(Y, { w: "30%" }), /* @__PURE__ */ o(Y, {})]
+		}, e))
+	});
+}
+function ge(e) {
+	let t = g(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,
+		"aria-busy": "true",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
+			scope: "col",
+			children: /* @__PURE__ */ o(Y, { 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(Y, {}) }, e))
+		}, t)) })]
+	});
+}
+//#endregion
+//#region src/filters.tsx
+var X = (e) => e == null ? "" : String(e);
+function _e(e) {
+	let { filter: t, value: n, onChange: r } = e, i = P().filters, a = {
+		"data-filter": t.name,
+		"aria-label": t.label
+	};
+	switch (t.kind) {
+		case "select": return /* @__PURE__ */ s("select", {
+			...a,
+			value: X(n),
+			onChange: (e) => r(e.target.value || void 0),
+			children: [/* @__PURE__ */ o("option", {
+				value: "",
+				children: i.anyOption(t.label)
+			}), (t.options ?? []).map((e) => /* @__PURE__ */ o("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))]
+		});
+		case "multi-select": return /* @__PURE__ */ o("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", {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		});
+		case "boolean": return /* @__PURE__ */ o("input", {
+			...a,
+			type: "checkbox",
+			checked: n === !0,
+			onChange: (e) => r(e.target.checked ? !0 : void 0)
+		});
+		case "number-range":
+		case "date-range": {
+			let e = t.kind === "number-range" ? "number" : "date", i = n ?? {};
+			return /* @__PURE__ */ s("span", {
+				"data-filter": t.name,
+				"data-range": t.kind,
+				children: [/* @__PURE__ */ o("input", {
+					"aria-label": `${t.label} from`,
+					type: e,
+					value: X(i.gte),
+					onChange: (e) => r({
+						...i,
+						gte: e.target.value || void 0
+					})
+				}), /* @__PURE__ */ o("input", {
+					"aria-label": `${t.label} to`,
+					type: e,
+					value: X(i.lte),
+					onChange: (e) => r({
+						...i,
+						lte: e.target.value || void 0
+					})
+				})]
+			});
+		}
+		default: return /* @__PURE__ */ o("input", {
+			...a,
+			type: "text",
+			value: X(n),
+			onChange: (e) => r(e.target.value || void 0)
+		});
+	}
+}
+function ve(e) {
+	let t = m(e.api, e.query, e.initial ? { initial: e.initial } : {}), n = P().filters;
+	return /* @__PURE__ */ s("div", {
+		"data-voltro-query-filters": e.query,
+		children: [/* @__PURE__ */ s("div", {
+			"data-filter-controls": !0,
+			role: "group",
+			"aria-label": n.filtersLabel,
+			children: [
+				t.filters.map((e) => /* @__PURE__ */ s("label", {
+					"data-filter-label": !0,
+					children: [/* @__PURE__ */ o("span", { children: e.label }), /* @__PURE__ */ o(_e, {
+						filter: e,
+						value: t.values[e.name],
+						onChange: (n) => t.setFilter(e.name, n)
+					})]
+				}, e.name)),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					"data-filter-clear": !0,
+					onClick: () => t.clear(),
+					children: n.clear
+				}),
+				e.showCount ?? !0 ? /* @__PURE__ */ o("span", {
+					"data-filter-count": !0,
+					children: n.resultCount(t.count ?? "…")
+				}) : null
+			]
+		}), e.children ? e.children(t) : null]
+	});
+}
+//#endregion
+//#region src/recordView.tsx
+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), $ = (e) => e == null ? "—" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e);
+function ye({ name: e, items: t }) {
+	let n = P().recordView;
+	if (t.length === 0) return /* @__PURE__ */ o("p", {
+		"data-relation": e,
+		"data-empty": !0,
+		children: n.emptyRelation(Z(e).toLowerCase())
+	});
+	let r = Object.keys(t[0]);
+	return /* @__PURE__ */ s("table", {
+		"data-relation": e,
+		children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: r.map((e) => /* @__PURE__ */ o("th", {
+			scope: "col",
+			children: Z(e)
+		}, e)) }) }), /* @__PURE__ */ o("tbody", { children: t.map((e, t) => /* @__PURE__ */ o("tr", { children: r.map((t) => /* @__PURE__ */ o("td", { children: $(e[t]) }, t)) }, String(e.id ?? t))) })]
+	});
+}
+function be(e) {
+	let { api: t, query: n, input: r, fields: i, renderField: a, renderRelation: c, loadingText: l, emptyText: u } = e, { record: d, loading: f } = h(t, n, r ?? {});
+	if (f) return /* @__PURE__ */ o("p", {
+		"data-voltro-record-loading": !0,
+		"aria-busy": "true",
+		children: l ?? "Loading…"
+	});
+	if (d == null) return /* @__PURE__ */ o("p", {
+		"data-voltro-record-empty": !0,
+		children: u ?? "Not found."
+	});
+	let p = Object.entries(d), m = p.filter(([e, t]) => !Q(t) && (i === void 0 || i.includes(e))), g = p.filter(([, e]) => Q(e));
+	return /* @__PURE__ */ s("div", {
+		"data-voltro-record-view": n,
+		children: [/* @__PURE__ */ o("dl", {
+			"data-record-fields": !0,
+			children: (i === void 0 ? m : i.map((e) => [e, d[e]]).filter(([, e]) => !Q(e))).map(([e, t]) => /* @__PURE__ */ s("div", {
+				"data-field": e,
+				children: [/* @__PURE__ */ o("dt", { children: Z(e) }), /* @__PURE__ */ o("dd", { children: a ? a(e, t, d) : $(t) })]
+			}, e))
+		}), g.map(([e, t]) => /* @__PURE__ */ s("section", {
+			"data-record-relation": e,
+			children: [/* @__PURE__ */ o("h3", { children: Z(e) }), c ? c(e, t, d) : /* @__PURE__ */ o(ye, {
+				name: e,
+				items: t
+			})]
+		}, e))]
+	});
+}
+//#endregion
+export { q as AgentChat, K as AgentMessageView, G as AgentPartView, le as AgentStream, ue as AppAgent, ce as ApprovalControls, F as AsyncSelect, k as AutoForm, pe as DataCopilot, J as DataCopilotAnswer, me as DataCopilotStream, ie as DataTable, H as EditingIndicator, O as Field, he as FormSkeleton, B as PresenceAvatars, ve as QueryFilters, be as RecordView, ge as TableSkeleton, N as UiStringsProvider, T as WidgetRegistryProvider, oe as WorkflowProgress, se as WorkflowStatusBadge, A as defaultUiStrings, C as defaultWidgets, z as initials, V as summarizeEditors, P as useUiStrings, E as useWidget };