@dungle-scrubs/admin-ui-soft 0.0.0-stage → 0.0.0

package/dist/components/assistant-ui/elements/data-table.js

@@ -0,0 +1,368 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { clamp } from "../utils/range.js";
+import { safeHref } from "../utils/href.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/data-table.tsx
+var data_table_exports = /* @__PURE__ */ __exportAll({ DataTable: () => DataTable });
+const ISO_DATE = /^\d{4}-\d{2}-\d{2}(?:T.*)?$/;
+const DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+const isEmpty = (value) => value === null || value === void 0;
+const textValue = (value) => Array.isArray(value) ? value.join(", ") : String(value);
+const isCalendarDate = (value) => {
+	const [year, month, day] = value.slice(0, 10).split("-").map(Number);
+	if (year === void 0 || month === void 0 || day === void 0) return false;
+	if (month < 1 || month > 12 || day < 1) return false;
+	return day <= (month === 2 ? year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 29 : 28 : [
+		4,
+		6,
+		9,
+		11
+	].includes(month) ? 30 : 31);
+};
+const asDate = (value) => {
+	const timestamp = typeof value === "number" ? value : typeof value === "string" && ISO_DATE.test(value) && isCalendarDate(value) ? Date.parse(value) : NaN;
+	return Number.isNaN(timestamp) ? void 0 : new Date(timestamp);
+};
+const fractionDigits = (decimals) => decimals === void 0 || !Number.isFinite(decimals) ? {} : {
+	minimumFractionDigits: Math.floor(clamp(decimals, 0, 20)),
+	maximumFractionDigits: Math.floor(clamp(decimals, 0, 20))
+};
+const numberOptions = (decimals, compact) => ({
+	notation: compact ? "compact" : "standard",
+	...fractionDigits(decimals)
+});
+/**
+* Formats with Intl, falling back to the raw value: a model can send a
+* currency code or locale that Intl rejects by throwing.
+*/
+const formatted = (value, format) => {
+	try {
+		return format();
+	} catch {
+		return textValue(value);
+	}
+};
+const numericValue = (value) => typeof value === "number" && !Number.isNaN(value) ? value : void 0;
+const relativeDate = (date, locale, relativeTo) => {
+	const seconds = Math.round((date.getTime() - relativeTo) / 1e3);
+	const [unit, amount] = [
+		["year", 31536e3],
+		["month", 2592e3],
+		["week", 604800],
+		["day", 86400],
+		["hour", 3600],
+		["minute", 60],
+		["second", 1]
+	].find(([, size]) => Math.abs(seconds) >= size) ?? ["second", 1];
+	return new Intl.RelativeTimeFormat(locale, { numeric: "auto" }).format(Math.round(seconds / amount), unit);
+};
+const relativeRefreshDelay = (columns, rows, now) => {
+	const relativeKeys = columns.filter((column) => column.format?.kind === "date" && column.format.style === "relative").map((column) => column.key);
+	const freshestAge = rows.reduce((minimum, row) => {
+		for (const key of relativeKeys) {
+			const date = asDate(row[key]);
+			if (date) minimum = Math.min(minimum, Math.abs(now - date.getTime()));
+		}
+		return minimum;
+	}, Number.POSITIVE_INFINITY);
+	if (freshestAge < 6e4) return 1e3;
+	if (freshestAge < 36e5) return 3e4;
+	if (freshestAge < 864e5) return 6e4;
+	if (freshestAge < 6048e5) return 36e5;
+	return 864e5;
+};
+const withUnit = (text, unit) => unit === void 0 || unit === "" ? text : /^[%‰°]/.test(unit) ? `${text}${unit}` : `${text} ${unit}`;
+const EmptyValue = () => /* @__PURE__ */ jsx("span", {
+	className: "text-muted-foreground",
+	children: "none"
+});
+function Value({ column, row, locale, relativeTo, suppressRelativeHydrationWarning }) {
+	const value = row[column.key];
+	if (isEmpty(value)) return /* @__PURE__ */ jsx(EmptyValue, {});
+	const format = column.format ?? { kind: "text" };
+	if (format.kind === "number") {
+		const number = numericValue(value);
+		if (number === void 0) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		const content = formatted(value, () => new Intl.NumberFormat(locale, numberOptions(format.decimals, format.compact === true)).format(number));
+		return /* @__PURE__ */ jsx(Fragment$1, { children: withUnit(content, format.unit) });
+	}
+	if (format.kind === "currency") {
+		const number = numericValue(value);
+		if (number === void 0) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		return /* @__PURE__ */ jsx(Fragment$1, { children: formatted(value, () => new Intl.NumberFormat(locale, {
+			style: "currency",
+			currency: format.currency,
+			...numberOptions(format.decimals, format.compact === true)
+		}).format(number)) });
+	}
+	if (format.kind === "percent") {
+		const number = numericValue(value);
+		if (number === void 0) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		return /* @__PURE__ */ jsx(Fragment$1, { children: formatted(value, () => new Intl.NumberFormat(locale, {
+			style: "percent",
+			...fractionDigits(format.decimals)
+		}).format(format.basis === "unit" ? number / 100 : number)) });
+	}
+	if (format.kind === "delta") {
+		const number = numericValue(value);
+		if (number === void 0) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		const direction = number > 0 ? "↑" : number < 0 ? "↓" : "→";
+		const good = number === 0 || number > 0 === (format.upIsGood ?? true);
+		const content = formatted(value, () => new Intl.NumberFormat(locale, {
+			signDisplay: "never",
+			...fractionDigits(format.decimals)
+		}).format(number));
+		return /* @__PURE__ */ jsxs("span", {
+			className: cn(number === 0 ? "text-muted-foreground" : good ? "text-success dark:text-success" : "text-destructive dark:text-destructive"),
+			children: [
+				direction,
+				" ",
+				withUnit(content, format.unit)
+			]
+		});
+	}
+	if (format.kind === "date") {
+		const date = asDate(value);
+		if (!date) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		const style = format.style ?? "date";
+		const content = formatted(value, () => style === "relative" ? relativeDate(date, locale, relativeTo) : new Intl.DateTimeFormat(locale, style === "datetime" ? {
+			dateStyle: "medium",
+			timeStyle: "short"
+		} : {
+			dateStyle: "medium",
+			...typeof value === "string" && DATE_ONLY.test(value) ? { timeZone: "UTC" } : {}
+		}).format(date));
+		return /* @__PURE__ */ jsx("span", {
+			title: date.toISOString(),
+			...style === "relative" && suppressRelativeHydrationWarning ? { suppressHydrationWarning: true } : {},
+			children: content
+		});
+	}
+	if (format.kind === "boolean") {
+		if (typeof value !== "boolean") return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		return /* @__PURE__ */ jsx(Fragment$1, { children: value ? format.trueLabel ?? "Yes" : format.falseLabel ?? "No" });
+	}
+	if (format.kind === "link") {
+		const hrefValue = format.hrefKey ? row[format.hrefKey] : value;
+		const href = safeHref(typeof hrefValue === "string" ? hrefValue : void 0);
+		if (!href) return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+		return /^https?:/.test(href) ? /* @__PURE__ */ jsxs("a", {
+			href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "underline underline-offset-2",
+			children: [textValue(value), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: " (opens in a new tab)"
+			})]
+		}) : /* @__PURE__ */ jsx("a", {
+			href,
+			className: "underline underline-offset-2",
+			children: textValue(value)
+		});
+	}
+	if (format.kind === "badge") {
+		const tone = format.tones?.[textValue(value)] ?? "neutral";
+		return /* @__PURE__ */ jsx("span", {
+			className: cn("inline-flex rounded-full px-2 py-0.5 text-xs font-medium", tone === "neutral" && cn("bg-muted", "text-muted-foreground"), tone === "success" && "bg-success/12 text-success dark:text-success", tone === "warning" && "bg-warning/12 text-warning dark:text-warning", tone === "danger" && "bg-destructive/12 text-destructive dark:text-destructive"),
+			children: textValue(value)
+		});
+	}
+	if (format.kind === "list" && Array.isArray(value)) {
+		const max = Math.max(0, Math.floor(format.max ?? value.length));
+		const shown = value.slice(0, max);
+		return /* @__PURE__ */ jsxs("span", {
+			className: "flex flex-wrap gap-1",
+			children: [shown.map((item, index) => /* @__PURE__ */ jsx("span", {
+				className: cn(field, "text-muted-foreground rounded-md px-1.5 py-0.5 text-xs"),
+				children: item
+			}, index)), value.length > shown.length ? /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground px-1.5 py-0.5 text-xs",
+				children: ["+", value.length - shown.length]
+			}) : null]
+		});
+	}
+	return /* @__PURE__ */ jsx(Fragment$1, { children: textValue(value) });
+}
+const isNumeric = (format) => format?.kind === "number" || format?.kind === "currency" || format?.kind === "percent" || format?.kind === "delta";
+const compareValues = (a, b, column, collator) => {
+	if (isEmpty(a)) return isEmpty(b) ? 0 : 1;
+	if (isEmpty(b)) return -1;
+	if (column.format?.kind === "date") {
+		const first = asDate(a);
+		const second = asDate(b);
+		if (first && second) return first.getTime() - second.getTime();
+	}
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
+	if (Array.isArray(a) && Array.isArray(b)) return a.length - b.length;
+	return collator.compare(textValue(a), textValue(b));
+};
+const collatorFor = (locale) => {
+	try {
+		return new Intl.Collator(locale, {
+			numeric: true,
+			sensitivity: "base"
+		});
+	} catch {
+		return new Intl.Collator("en-US", {
+			numeric: true,
+			sensitivity: "base"
+		});
+	}
+};
+const rowIdentifier = (row, key, index) => {
+	const value = key === void 0 ? void 0 : row[key];
+	return value === null || value === void 0 ? index : textValue(value);
+};
+function DataTable({ columns, rows, rowKey, caption, defaultSort, sort, onSortChange, locale = "en-US", emptyMessage = "No rows", relativeTo, className, ...props }) {
+	const [internalSort, setInternalSort] = useState(defaultSort ?? null);
+	const [announcement, setAnnouncement] = useState("");
+	const activeSort = sort === void 0 ? internalSort : sort;
+	const hasRelativeDates = columns.some((column) => column.format?.kind === "date" && column.format.style === "relative");
+	const [, setTick] = useState(0);
+	const relativeTime = relativeTo ?? Date.now();
+	const refreshDelay = relativeTo === void 0 && hasRelativeDates ? relativeRefreshDelay(columns, rows, relativeTime) : void 0;
+	useEffect(() => {
+		if (refreshDelay === void 0) return;
+		const timeout = window.setTimeout(() => setTick((tick) => tick + 1), refreshDelay);
+		return () => window.clearTimeout(timeout);
+	});
+	const sortColumn = columns.find((column) => column.key === activeSort?.key);
+	const collator = collatorFor(locale);
+	const indexedRows = rows.map((row, index) => ({
+		row,
+		index
+	}));
+	const sortedRows = activeSort && sortColumn ? indexedRows.sort((a, b) => {
+		const result = compareValues(a.row[sortColumn.key], b.row[sortColumn.key], sortColumn, collator);
+		if (result === 0) return a.index - b.index;
+		if (isEmpty(a.row[sortColumn.key]) || isEmpty(b.row[sortColumn.key])) return result;
+		return activeSort.direction === "asc" ? result : -result;
+	}) : indexedRows;
+	const primaryColumn = columns.find((column) => column.priority === "primary") ?? columns[0];
+	const changeSort = (column) => {
+		const next = activeSort?.key !== column.key ? {
+			key: column.key,
+			direction: "asc"
+		} : activeSort.direction === "asc" ? {
+			key: column.key,
+			direction: "desc"
+		} : null;
+		if (sort === void 0) setInternalSort(next);
+		setAnnouncement(next ? `Sorted by ${column.label}, ${next.direction === "asc" ? "ascending" : "descending"}` : "Sorting cleared");
+		onSortChange?.(next);
+	};
+	const cellClass = (column) => cn("text-foreground/80 px-4 py-2.5 align-top text-[13px] leading-5", (column.align ?? (isNumeric(column.format) ? "end" : "start")) === "end" && "text-end tabular-nums");
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "data-table",
+		className: cn(paper, "@container w-full overflow-hidden rounded-2xl", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("table", {
+				className: "hidden w-full border-collapse @md:table",
+				children: [
+					caption ? /* @__PURE__ */ jsx("caption", {
+						className: "sr-only",
+						children: caption
+					}) : null,
+					/* @__PURE__ */ jsx("thead", {
+						className: "border-foreground/10 border-b",
+						children: /* @__PURE__ */ jsx("tr", { children: columns.map((column) => {
+							const direction = activeSort?.key === column.key ? activeSort.direction : void 0;
+							const sortable = column.sortable !== false;
+							return /* @__PURE__ */ jsx("th", {
+								scope: "col",
+								...direction ? { "aria-sort": direction === "asc" ? "ascending" : "descending" } : {},
+								style: column.width ? { width: column.width } : void 0,
+								className: cn(mono, "text-muted-foreground px-4 py-3 font-medium", (column.align ?? (isNumeric(column.format) ? "end" : "start")) === "end" ? "text-end" : "text-start"),
+								children: sortable ? /* @__PURE__ */ jsxs("button", {
+									type: "button",
+									onClick: () => changeSort(column),
+									"aria-label": `Sort by ${column.label}`,
+									className: "focus-visible:ring-foreground/20 -mx-1 rounded px-1 outline-none focus-visible:ring-1",
+									children: [column.label, direction ? /* @__PURE__ */ jsx("span", {
+										"aria-hidden": true,
+										className: "ms-1",
+										children: direction === "asc" ? "↑" : "↓"
+									}) : null]
+								}) : column.label
+							}, column.key);
+						}) })
+					}),
+					/* @__PURE__ */ jsx("tbody", { children: sortedRows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+						colSpan: Math.max(columns.length, 1),
+						className: "text-muted-foreground px-4 py-6 text-center text-[13px]",
+						children: /* @__PURE__ */ jsx("span", {
+							role: "status",
+							children: emptyMessage
+						})
+					}) }) : sortedRows.map(({ row, index }) => /* @__PURE__ */ jsx("tr", {
+						className: "hover:bg-foreground/[0.025] transition-colors motion-reduce:transition-none",
+						children: columns.map((column) => /* @__PURE__ */ jsx("td", {
+							className: cellClass(column),
+							children: /* @__PURE__ */ jsx(Value, {
+								column,
+								row,
+								locale,
+								relativeTo: relativeTime,
+								suppressRelativeHydrationWarning: relativeTo === void 0
+							})
+						}, column.key))
+					}, rowIdentifier(row, rowKey, index))) })
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "list",
+				className: "space-y-2 p-2.5 @md:hidden",
+				children: sortedRows.length === 0 ? /* @__PURE__ */ jsx("div", {
+					role: "status",
+					className: "text-muted-foreground px-2 py-3 text-center text-[13px]",
+					children: emptyMessage
+				}) : sortedRows.map(({ row, index }) => /* @__PURE__ */ jsxs("div", {
+					role: "listitem",
+					className: "bg-foreground/[0.025] hover:bg-foreground/[0.04] rounded-xl px-3 py-2 transition-colors motion-reduce:transition-none",
+					children: [primaryColumn ? /* @__PURE__ */ jsx("div", {
+						className: "text-foreground/90 text-[13px] leading-5 font-medium",
+						children: /* @__PURE__ */ jsx(Value, {
+							column: primaryColumn,
+							row,
+							locale,
+							relativeTo: relativeTime,
+							suppressRelativeHydrationWarning: relativeTo === void 0
+						})
+					}) : null, columns.length > 1 ? /* @__PURE__ */ jsx("dl", {
+						className: "mt-1.5 grid grid-cols-2 gap-x-4 gap-y-1 text-[12px] leading-4",
+						children: columns.filter((column) => column.key !== primaryColumn?.key).map((column) => /* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 items-baseline justify-between gap-2",
+							children: [/* @__PURE__ */ jsx("dt", {
+								className: "text-muted-foreground truncate",
+								children: column.label
+							}), /* @__PURE__ */ jsx("dd", {
+								className: "text-foreground/75 shrink-0 text-end tabular-nums",
+								children: /* @__PURE__ */ jsx(Value, {
+									column,
+									row,
+									locale,
+									relativeTo: relativeTime,
+									suppressRelativeHydrationWarning: relativeTo === void 0
+								})
+							})]
+						}, column.key))
+					}) : null]
+				}, rowIdentifier(row, rowKey, index)))
+			}),
+			/* @__PURE__ */ jsx("p", {
+				"aria-live": "polite",
+				className: "sr-only",
+				children: announcement
+			})
+		]
+	});
+}
+//#endregion
+export { DataTable, data_table_exports };

package/dist/components/assistant-ui/elements/day-separator.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+declare namespace day_separator_d_exports {
+  export { DatedMessage, DaySeparator };
+}
+export interface DatedMessage {
+  id: string;
+  day: string;
+  time: string;
+  role: "user" | "assistant";
+  text: string;
+}
+export declare function DaySeparator({ messages, className, ...props }: Omit<ComponentProps<"div">, "children" | "messages"> & {
+  messages: readonly DatedMessage[];
+}): import("react").JSX.Element;
+//#endregion
+export { day_separator_d_exports };

package/dist/components/assistant-ui/elements/day-separator.js

@@ -0,0 +1,44 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { mono } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/day-separator.tsx
+var day_separator_exports = /* @__PURE__ */ __exportAll({ DaySeparator: () => DaySeparator });
+function DaySeparator({ messages, className, ...props }) {
+	let lastDay = "";
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "day-separator",
+		className: cn("flex w-full max-w-sm flex-col gap-2", className),
+		...props,
+		children: messages.map((message) => {
+			const newDay = message.day !== lastDay;
+			lastDay = message.day;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-2",
+				children: [newDay && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2.5 py-1",
+					children: [
+						/* @__PURE__ */ jsx("span", { className: "bg-foreground/[0.08] h-px flex-1" }),
+						/* @__PURE__ */ jsx("span", {
+							className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground"),
+							children: message.day
+						}),
+						/* @__PURE__ */ jsx("span", { className: "bg-foreground/[0.08] h-px flex-1" })
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: cn("group flex items-baseline gap-2", message.role === "user" && "flex-row-reverse"),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cn("max-w-[80%] text-[13.5px] leading-relaxed break-words", message.role === "user" ? "bg-foreground/[0.05] rounded-2xl px-3.5 py-2" : "text-foreground/75"),
+						children: message.text
+					}), /* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-foreground/0 group-hover:text-muted-foreground shrink-0 tabular-nums transition-colors"),
+						children: message.time
+					})]
+				})]
+			}, message.id);
+		})
+	});
+}
+//#endregion
+export { DaySeparator, day_separator_exports };

package/dist/components/assistant-ui/elements/diagram.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+declare namespace diagram_d_exports {
+  export { Diagram };
+}
+export declare function Diagram({ title, zoom, children, onZoomIn, onZoomOut, onReset, onExpand, className, ...props }: Omit<ComponentProps<"div">, "title" | "zoom" | "children" | "onZoomIn" | "onZoomOut" | "onReset" | "onExpand"> & {
+  title: string;
+  zoom: number;
+  children: React.ReactNode;
+  onZoomIn?: () => void;
+  onZoomOut?: () => void;
+  onReset?: () => void;
+  onExpand?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { diagram_d_exports };

package/dist/components/assistant-ui/elements/diagram.js

@@ -0,0 +1,65 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ghostButton, mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MaximizeIcon, MinusIcon, PlusIcon, RotateCcwIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/diagram.tsx
+var diagram_exports = /* @__PURE__ */ __exportAll({ Diagram: () => Diagram });
+function Diagram({ title, zoom, children, onZoomIn, onZoomOut, onReset, onExpand, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "diagram",
+		className: cn(paper, "flex w-full max-w-md flex-col overflow-hidden rounded-2xl", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 px-3 py-2",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate text-[13px] font-medium",
+					children: title
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground shrink-0 tabular-nums"),
+					children: [Math.round(zoom * 100), "%"]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Zoom out",
+					onClick: onZoomOut,
+					className: cn(ghostButton, "size-7 shrink-0"),
+					children: /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5" })
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Zoom in",
+					onClick: onZoomIn,
+					className: cn(ghostButton, "size-7 shrink-0"),
+					children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Reset the view",
+					onClick: onReset,
+					className: cn(ghostButton, "size-7 shrink-0"),
+					children: /* @__PURE__ */ jsx(RotateCcwIcon, { className: "size-3.5" })
+				}),
+				onExpand ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Open full screen",
+					onClick: onExpand,
+					className: cn(ghostButton, "size-7 shrink-0"),
+					children: /* @__PURE__ */ jsx(MaximizeIcon, { className: "size-3.5" })
+				}) : null
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "border-foreground/[0.07] flex min-h-[10rem] items-center justify-center overflow-hidden border-t p-4",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "origin-center transition-transform duration-200 ease-out motion-reduce:transition-none",
+				style: { transform: `scale(${zoom})` },
+				children
+			})
+		})]
+	});
+}
+//#endregion
+export { Diagram, diagram_exports };

package/dist/components/assistant-ui/elements/directive-text.aui.d.ts

@@ -0,0 +1,11 @@
+import { CreateDirectiveTextOptions, DirectiveTextFormatter, DirectiveTextSegment } from "./directive-text.js";
+import { TextMessagePartComponent, Unstable_DirectiveFormatter } from "@assistant-ui/react";
+declare namespace directive_text_aui_d_exports {
+  export { CreateDirectiveTextOptions, DirectiveText, DirectiveTextFormatter, DirectiveTextSegment, createDirectiveText };
+}
+/** Creates a `Text` message part component that parses directive syntax and renders inline chips. */
+export declare function createDirectiveText(formatter: Unstable_DirectiveFormatter, options?: CreateDirectiveTextOptions): TextMessagePartComponent;
+/** `Text` message part component that renders directive syntax as inline chips. */
+export declare const DirectiveText: TextMessagePartComponent;
+//#endregion
+export { type CreateDirectiveTextOptions, type DirectiveTextFormatter, type DirectiveTextSegment, directive_text_aui_d_exports };

package/dist/components/assistant-ui/elements/directive-text.aui.js

@@ -0,0 +1,18 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createDirectiveText as createDirectiveText$1 } from "./directive-text.js";
+import { memo } from "react";
+import { unstable_defaultDirectiveFormatter } from "@assistant-ui/react";
+//#region src/components/assistant-ui/elements/directive-text.aui.tsx
+var directive_text_aui_exports = /* @__PURE__ */ __exportAll({
+	DirectiveText: () => DirectiveText,
+	createDirectiveText: () => createDirectiveText
+});
+/** Creates a `Text` message part component that parses directive syntax and renders inline chips. */
+function createDirectiveText(formatter, options) {
+	return createDirectiveText$1(formatter, options);
+}
+/** `Text` message part component that renders directive syntax as inline chips. */
+const DirectiveText = memo(createDirectiveText$1(unstable_defaultDirectiveFormatter));
+//#endregion
+export { DirectiveText, createDirectiveText, directive_text_aui_exports };

package/dist/components/assistant-ui/elements/directive-text.d.ts

@@ -0,0 +1,32 @@
+import { FC } from "react";
+declare namespace directive_text_d_exports {
+  export { CreateDirectiveTextOptions, DirectiveTextFormatter, DirectiveTextSegment, createDirectiveText };
+}
+type IconComponent = FC<{
+  className?: string;
+}>;
+export type DirectiveTextSegment = {
+  readonly kind: "text";
+  readonly text: string;
+} | {
+  readonly kind: "mention";
+  readonly type: string;
+  readonly label: string;
+  readonly id: string;
+};
+export type DirectiveTextFormatter = {
+  /** Parse text into alternating text and directive segments. */
+  parse(text: string): readonly DirectiveTextSegment[];
+};
+export type CreateDirectiveTextOptions = {
+  /** Maps a directive `type` to an icon component. */
+  iconMap?: Record<string, IconComponent>;
+  /** Icon rendered when `iconMap` has no entry for the segment type. */
+  fallbackIcon?: IconComponent;
+};
+/** Creates a text component that parses directive syntax and renders inline chips. */
+export declare function createDirectiveText(formatter: DirectiveTextFormatter, options?: CreateDirectiveTextOptions): FC<{
+  text: string;
+}>;
+//#endregion
+export { directive_text_d_exports };

package/dist/components/assistant-ui/elements/directive-text.js

@@ -0,0 +1,35 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { Badge } from "../../ui/badge.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/directive-text.tsx
+var directive_text_exports = /* @__PURE__ */ __exportAll({ createDirectiveText: () => createDirectiveText });
+/** Creates a text component that parses directive syntax and renders inline chips. */
+function createDirectiveText(formatter, options) {
+	const iconMap = options?.iconMap;
+	const fallbackIcon = options?.fallbackIcon;
+	const Component = ({ text }) => {
+		const segments = formatter.parse(text);
+		if (segments.length === 1 && segments[0].kind === "text") return /* @__PURE__ */ jsx(Fragment, { children: text });
+		return /* @__PURE__ */ jsx(Fragment, { children: segments.map((seg, i) => {
+			if (seg.kind === "text") return /* @__PURE__ */ jsx("span", {
+				className: "whitespace-pre-wrap",
+				children: seg.text
+			}, i);
+			const Icon = iconMap?.[seg.type] ?? fallbackIcon;
+			return /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				"data-slot": "directive-text-chip",
+				"data-directive-type": seg.type,
+				"data-directive-id": seg.id,
+				"aria-label": `${seg.type}: ${seg.label}`,
+				className: "aui-directive-chip border-border bg-background items-baseline border px-1.5 py-0.5 text-[13px] leading-none [&_svg]:self-center",
+				children: [Icon && /* @__PURE__ */ jsx(Icon, {}), seg.label]
+			}, i);
+		}) });
+	};
+	Component.displayName = "DirectiveText";
+	return Component;
+}
+//#endregion
+export { createDirectiveText, directive_text_exports };

package/dist/components/assistant-ui/elements/document-reference.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+declare namespace document_reference_d_exports {
+  export { DocumentAnchor, DocumentReference };
+}
+export interface DocumentAnchor {
+  page: number;
+  quote: string;
+}
+export declare function DocumentReference({ title, pages, anchors, activePage, onJump, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "pages" | "anchors" | "activePage" | "onJump"> & {
+  title: string;
+  pages: number;
+  anchors: readonly DocumentAnchor[];
+  activePage: number;
+  onJump?: (page: number) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { document_reference_d_exports };