@mechane-ai/elements 0.8.0 → 0.9.0

package/dist/layout.js

@@ -1,5 +1,5 @@
 import { a as e } from "./src-CfDf8TY8.js";
-import { i as t, n, v as r, y as i } from "./src-Bc5sEhdO.js";
+import { C as t, S as n, i as r, n as i } from "./src-elMBQ2Dh.js";
 import { mergeProps as a } from "@base-ui/react/merge-props";
 import "@stylexjs/stylex";
 import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
@@ -75,7 +75,7 @@ function w({ header: e, footer: t, close: n, children: r }) {
 }
 function T() {
 	return /* @__PURE__ */ p(e.Close, {
-		render: /* @__PURE__ */ p(i, {
+		render: /* @__PURE__ */ p(t, {
 			variant: "ghost",
 			"aria-label": "Close navigation",
 			xstyle: C.close
@@ -97,17 +97,32 @@ function E({ children: e, label: t = "Main" }) {
 		children: e
 	});
 }
-function D({ children: e, icon: t, selected: n = !1, onClick: i, ...a }) {
+function D({ children: e, label: t }) {
+	let n = s(S), r = n !== null && !n.isExpanded, i = l();
+	return /* @__PURE__ */ m("section", {
+		"aria-labelledby": i,
+		className: "xn9t2bk",
+		children: [/* @__PURE__ */ p("div", {
+			id: i,
+			...{
+				0: { className: "xn9t2bk xksvo5r x153jb6y xy8obcc xas2l8k xk50ysn" },
+				1: { className: "xn9t2bk xksvo5r x153jb6y xy8obcc xas2l8k xk50ysn x1s85apg xeod2sa" }
+			}[!!r | 0],
+			children: t
+		}), e]
+	});
+}
+function O({ children: e, icon: t, selected: r = !1, onClick: i, ...a }) {
 	let o = s(S), c = l(), u = o !== null && !o.isExpanded;
 	return /* @__PURE__ */ p("div", {
 		...{
 			0: { className: "x78zum5 xeuugli x1ok0vyi" },
 			1: { className: "x78zum5 xeuugli x1ok0vyi x1r7kqkb" }
-		}[!!n | 0],
-		children: /* @__PURE__ */ m(r, {
+		}[!!r | 0],
+		children: /* @__PURE__ */ m(n, {
 			...a,
 			variant: "ghost",
-			"aria-current": n ? "page" : void 0,
+			"aria-current": r ? "page" : void 0,
 			"aria-labelledby": a["aria-labelledby"] ?? c,
 			title: a.title ?? (typeof e == "string" ? e : void 0),
 			onClick: (e) => {
@@ -129,7 +144,7 @@ function D({ children: e, icon: t, selected: n = !1, onClick: i, ...a }) {
 		})
 	});
 }
-function O({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
+function k({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
 	let c = s(S), u = l(), d = c !== null && !c.isExpanded, f = {
 		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
 		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
@@ -165,7 +180,7 @@ function O({ children: e, icon: t, selected: n = !1, onClick: r, className: i, s
 		})]
 	});
 }
-function k({ children: e, grow: t = !1 }) {
+function A({ children: e, grow: t = !1 }) {
 	let n = s(S), r = n !== null && !n.isExpanded;
 	return /* @__PURE__ */ p("span", {
 		...{
@@ -177,7 +192,7 @@ function k({ children: e, grow: t = !1 }) {
 		children: e
 	});
 }
-function A({ children: e }) {
+function j({ children: e }) {
 	let t = s(S), n = t !== null && !t.isExpanded;
 	return /* @__PURE__ */ p("div", {
 		...{
@@ -187,17 +202,17 @@ function A({ children: e }) {
 		children: e
 	});
 }
-function j() {
-	let t = s(S);
-	return t === null ? null : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+function M() {
+	let n = s(S);
+	return n === null ? null : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x78zum5 x1ykma7f",
-		children: /* @__PURE__ */ p(i, {
-			ref: t.navigationToggleRef,
+		children: /* @__PURE__ */ p(t, {
+			ref: n.navigationToggleRef,
 			variant: "ghost",
-			"aria-label": t.isExpanded ? "Collapse navigation" : "Expand navigation",
-			"aria-controls": t.sidebarId,
-			"aria-expanded": t.isExpanded,
-			onClick: t.onToggle,
+			"aria-label": n.isExpanded ? "Collapse navigation" : "Expand navigation",
+			"aria-controls": n.sidebarId,
+			"aria-expanded": n.isExpanded,
+			onClick: n.onToggle,
 			xstyle: C.toggle,
 			children: /* @__PURE__ */ p(g, {
 				size: 16,
@@ -207,9 +222,9 @@ function j() {
 	}), /* @__PURE__ */ p("div", {
 		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x1s85apg x1rhi5y4",
 		children: /* @__PURE__ */ p(e.Trigger, {
-			ref: t.mobileNavigationToggleRef,
-			handle: t.drawerHandle,
-			render: /* @__PURE__ */ p(i, {
+			ref: n.mobileNavigationToggleRef,
+			handle: n.drawerHandle,
+			render: /* @__PURE__ */ p(t, {
 				variant: "ghost",
 				"aria-label": "Open navigation",
 				xstyle: C.toggle
@@ -222,38 +237,41 @@ function j() {
 	})] });
 }
 // packages/layout/src/app-shell.tsx
-var M = { drawer: {
+var N = { drawer: {
 	kzqmXN: "x68ju84",
 	ks0D6T: "x1recik0",
 	$$css: !0
 } };
-function N({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main" }) {
-	let [o, s] = d(!0), [f, h] = d(!1), [g] = d(() => e.createHandle()), _ = l(), v = u(null), y = u(null);
+function P({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main", focus: o = !1 }) {
+	let [s, f] = d(!0), [h, g] = d(!1), [_] = d(() => e.createHandle()), v = l(), y = u(null), b = u(null);
 	return c(() => {
 		let e = globalThis.matchMedia(x.sidebarDesktopQuery);
 		function t() {
-			e.matches && h(!1);
+			e.matches && g(!1);
 		}
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), /* @__PURE__ */ m(S.Provider, {
 		value: {
-			isExpanded: o,
-			sidebarId: _,
-			drawerHandle: g,
-			navigationToggleRef: v,
-			mobileNavigationToggleRef: y,
-			onToggle: () => s((e) => !e),
-			onNavigate: () => h(!1)
+			isExpanded: s,
+			sidebarId: v,
+			drawerHandle: _,
+			navigationToggleRef: y,
+			mobileNavigationToggleRef: b,
+			onToggle: () => f((e) => !e),
+			onNavigate: () => g(!1)
 		},
 		children: [/* @__PURE__ */ m("div", {
 			className: "x9f619 x1ov3xa9 x78zum5 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
 			children: [/* @__PURE__ */ p("aside", {
-				id: _,
+				id: v,
 				"aria-label": "Navigation",
+				hidden: o,
 				...{
 					0: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli" },
-					1: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" }
-				}[!o | 0],
+					2: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" },
+					1: { className: "x9f619 xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli x1s85apg" },
+					3: { className: "x9f619 xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6 x1s85apg" }
+				}[!s << 1 | !!o],
 				children: /* @__PURE__ */ p(w, {
 					header: t,
 					footer: r,
@@ -266,12 +284,12 @@ function N({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "
 				children: i
 			})]
 		}), /* @__PURE__ */ p(e.Root, {
-			handle: g,
-			open: f,
-			onOpenChange: h,
+			handle: _,
+			open: h && !o,
+			onOpenChange: g,
 			children: /* @__PURE__ */ m(e.Portal, { children: [/* @__PURE__ */ p(e.Backdrop, {}), /* @__PURE__ */ p(e.Viewport, { children: /* @__PURE__ */ m(e.Popup, {
-				xstyle: M.drawer,
-				finalFocus: () => globalThis.matchMedia(x.sidebarDesktopQuery).matches ? v.current : y.current,
+				xstyle: N.drawer,
+				finalFocus: () => globalThis.matchMedia(x.sidebarDesktopQuery).matches ? y.current : b.current,
 				children: [/* @__PURE__ */ p(e.Title, {
 					visuallyHidden: !0,
 					children: "Navigation"
@@ -286,14 +304,14 @@ function N({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "
 	});
 }
 // packages/layout/src/detail-page.tsx
-function P({ children: e }) {
+function F({ children: e }) {
 	return /* @__PURE__ */ p("div", {
 		className: "x9f619 x13na7z x96idz6 x9g60mw xeuugli xvueqy4 xnjsko4 x10gdey3 x14y0u4g x1foqgtu x1uwsqpk x14oio8y",
 		children: e
 	});
 }
 // packages/layout/src/focus-page.tsx
-function F({ children: e }) {
+function I({ children: e }) {
 	return /* @__PURE__ */ p("main", {
 		id: "main",
 		tabIndex: -1,
@@ -305,18 +323,18 @@ function F({ children: e }) {
 	});
 }
 // packages/layout/src/workbench.tsx
-function I({ header: e, children: t, inspector: n }) {
+function L({ header: e, children: t, inspector: n }) {
 	return /* @__PURE__ */ m("div", {
 		className: "x78zum5 xdt5ytf x1b7uu3i xeuugli x2lwn1j",
-		children: [/* @__PURE__ */ p("div", {
+		children: [e != null && /* @__PURE__ */ p("div", {
 			className: "x1ydxw8w xnx3t7k xso031l x1q0q8m5 x1qndepd",
 			children: e
 		}), /* @__PURE__ */ m("div", {
 			className: "x78zum5 x98rzlu xeuugli x2lwn1j x7giv3",
 			children: [/* @__PURE__ */ p("div", {
 				...{
-					0: { className: "x78zum5 x98rzlu xdt5ytf xeuugli x2lwn1j" },
-					1: { className: "x98rzlu xdt5ytf xeuugli x2lwn1j x78zum5 x1g9v1si" }
+					0: { className: "x1n2onr6 x78zum5 x98rzlu xdt5ytf xeuugli x2lwn1j" },
+					1: { className: "x1n2onr6 x98rzlu xdt5ytf xeuugli x2lwn1j x78zum5 x1g9v1si" }
 				}[n != null | 0],
 				children: t
 			}), n != null && /* @__PURE__ */ p("aside", {
@@ -327,28 +345,58 @@ function I({ header: e, children: t, inspector: n }) {
 		})]
 	});
 }
-function L({ children: e }) {
+function R({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
 	return /* @__PURE__ */ p("div", {
-		className: "x1odjw0f x98rzlu xeuugli x2lwn1j x1jvlu93",
-		children: e
+		role: "region",
+		"aria-label": e,
+		tabIndex: 0,
+		"data-scroll-restoration-id": r,
+		...{
+			0: { className: "x1odjw0f x98rzlu xeuugli x2lwn1j x1jvlu93" },
+			1: { className: "x1odjw0f x98rzlu xeuugli x2lwn1j x1717udv" }
+		}[!!n | 0],
+		children: t
 	});
 }
-function R({ children: e }) {
+function z({ children: e }) {
 	return /* @__PURE__ */ p("div", {
 		className: "x2lah0s x1c8xbx5 x178xt8z x13fuv20 xhjagg4 xpvm0e4",
 		children: e
 	});
 }
-// packages/layout/src/page-toolbar.tsx
-var z = { action: {
+// packages/layout/src/view-stack.tsx
+function B({ children: e }) {
+	return /* @__PURE__ */ p("div", {
+		className: "x1n2onr6 x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j",
+		children: e
+	});
+}
+function V({ active: e, children: t }) {
+	return /* @__PURE__ */ p("section", {
+		"aria-hidden": !e,
+		inert: !e,
+		...{
+			0: { className: "x1n2onr6 x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j" },
+			1: { className: "x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j x10l6tqk x10a8y8t xlshs6z x47corl" }
+		}[!e | 0],
+		children: t
+	});
+}
+var H = {
+	Root: B,
+	Panel: V
+}, U = { action: {
 	kOIVth: "x1hnptsi",
 	$$css: !0
 } };
-function B({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
+function W({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0, views: i, leading: a }) {
 	return /* @__PURE__ */ m("div", {
 		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xcn9na3 x2lah0s xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x12myhf4 x1778rvt xvmahel xeuugli",
 		children: [
-			r && /* @__PURE__ */ p(j, {}),
+			a === void 0 ? r && /* @__PURE__ */ p(M, {}) : /* @__PURE__ */ p("div", {
+				className: "x78zum5 x6s0dn4 xyibt8p x2lah0s",
+				children: a
+			}),
 			/* @__PURE__ */ p(n ? "nav" : "h1", {
 				tabIndex: n ? void 0 : -1,
 				"aria-label": n ? "Breadcrumb" : void 0,
@@ -358,6 +406,10 @@ function B({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
 					children: e
 				})
 			}),
+			i != null && /* @__PURE__ */ p("div", {
+				className: "x78zum5 x6s0dn4 xeuugli x2lah0s",
+				children: i
+			}),
 			t != null && /* @__PURE__ */ p("div", {
 				className: "x78zum5 x6s0dn4 xunmzkg x5g2kb4 xeuugli x2lah0s x8x9d4c",
 				children: t
@@ -365,16 +417,16 @@ function B({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
 		]
 	});
 }
-function V({ icon: e, children: t, ...n }) {
+function G({ icon: e, children: t, ...r }) {
 	let i = e != null;
 	return /* @__PURE__ */ p("div", {
 		className: "x9f619 x78zum5 x1qjc9v5 xeuugli",
-		children: /* @__PURE__ */ m(r, {
-			...n,
+		children: /* @__PURE__ */ m(n, {
+			...r,
 			variant: "ghost",
 			size: "sm",
-			"aria-label": n["aria-label"] ?? (typeof t == "string" ? t : void 0),
-			xstyle: z.action,
+			"aria-label": r["aria-label"] ?? (typeof t == "string" ? t : void 0),
+			xstyle: U.action,
 			children: [e, i ? /* @__PURE__ */ p("span", {
 				className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 xlllsrz",
 				children: t
@@ -383,14 +435,14 @@ function V({ icon: e, children: t, ...n }) {
 	});
 }
 // packages/layout/src/record-page.tsx
-function H({ children: e }) {
+function K({ children: e }) {
 	return /* @__PURE__ */ p("div", {
 		className: "x78zum5 xdt5ytf xeuugli xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
 		children: e
 	});
 }
-function U({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
-	return /* @__PURE__ */ p(B, {
+function q({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
+	return /* @__PURE__ */ p(W, {
 		breadcrumb: !0,
 		navigation: i,
 		actions: r,
@@ -409,53 +461,53 @@ function U({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !
 		})
 	});
 }
-function W({ children: e }) {
-	return /* @__PURE__ */ p(P, { children: /* @__PURE__ */ p("div", {
+function J({ children: e }) {
+	return /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p("div", {
 		className: "x78zum5 x1a02dak x1cy8zhl x1m6b44x xeuugli",
 		children: e
 	}) });
 }
-function G({ children: e }) {
+function Y({ children: e }) {
 	return /* @__PURE__ */ p("div", {
 		className: "x78zum5 xdt5ytf x1ewej1i x1iyjqo2 x1m6b44x xeuugli",
 		children: e
 	});
 }
-function K({ title: e, description: r, icon: i, titleRef: a }) {
+function X({ title: e, description: t, icon: n, titleRef: a }) {
 	return /* @__PURE__ */ m("header", {
 		className: "xrvj5dj x1n8ia3y xeuugli",
 		children: [/* @__PURE__ */ m("div", {
 			className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli",
-			children: [i != null && /* @__PURE__ */ p("span", {
+			children: [n != null && /* @__PURE__ */ p("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x6s0dn4 x2lah0s",
-				children: i
-			}), /* @__PURE__ */ p(n, {
+				children: n
+			}), /* @__PURE__ */ p(i, {
 				ref: a,
 				tabIndex: -1,
 				className: "xeuugli x1t137rt",
 				children: e
 			})]
-		}), r != null && /* @__PURE__ */ p(t, { children: r })]
+		}), t != null && /* @__PURE__ */ p(r, { children: t })]
 	});
 }
-function q({ children: e, label: t = "Properties" }) {
+function Z({ children: e, label: t = "Properties" }) {
 	return /* @__PURE__ */ p("aside", {
 		"aria-label": t,
 		className: "x78zum5 xdt5ytf x1irul0l x1iyjqo2 x1j825kq xeuugli",
 		children: e
 	});
 }
-var J = {
-	Root: H,
-	Toolbar: U,
-	Body: W,
-	Content: G,
-	Header: K,
-	Aside: q
+var Q = {
+	Root: K,
+	Toolbar: q,
+	Body: J,
+	Content: Y,
+	Header: X,
+	Aside: Z
 };
 // packages/layout/src/resizable.tsx
-function Y({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...o }) {
+function $({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...o }) {
 	return /* @__PURE__ */ p(v, {
 		orientation: e,
 		defaultLayout: t,
@@ -471,7 +523,7 @@ function Y({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, d
 		...a({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, o)
 	});
 }
-function X({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: o, ...s }) {
+function ee({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: o, ...s }) {
 	return /* @__PURE__ */ p(y, {
 		id: e,
 		defaultSize: t === void 0 ? void 0 : `${t}%`,
@@ -482,15 +534,15 @@ function X({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSi
 		...a({ className: "xeuugli x2lwn1j xysyzu8" }, s)
 	});
 }
-function Z({ ref: e, ...t }) {
+function te({ ref: e, ...t }) {
 	return /* @__PURE__ */ p(b, {
 		elementRef: e,
 		...a({ className: "x1fa40ue x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn x8wp5i9 x13qnu6 x9v5kkp x19rmrnh x13iak60" }, t)
 	});
 }
-var Q = {
-	Root: Y,
-	Pane: X,
-	Handle: Z
+var ne = {
+	Root: $,
+	Pane: ee,
+	Handle: te
 };
-export { N as AppShell, P as DetailPage, F as FocusPage, E as Navigation, D as NavigationItem, O as NavigationLink, B as PageToolbar, J as RecordPage, Q as Resizable, A as SidebarFooter, k as SidebarLabel, V as ToolbarAction, I as Workbench, R as WorkbenchFooter, L as WorkbenchScroll };
+export { P as AppShell, F as DetailPage, I as FocusPage, E as Navigation, O as NavigationItem, k as NavigationLink, D as NavigationSection, W as PageToolbar, Q as RecordPage, ne as Resizable, j as SidebarFooter, A as SidebarLabel, G as ToolbarAction, H as ViewStack, L as Workbench, z as WorkbenchFooter, R as WorkbenchScroll };

package/dist/navigation/commands.js

@@ -1,4 +1,4 @@
-import { l as e } from "../src-Eg_ytPjv.js";
+import { l as e } from "../src-Cc0Sadzr.js";
 import { s as t } from "../src-CfDf8TY8.js";
 import { n } from "../navigation-yxK3iQXo.js";
 import "@stylexjs/stylex";

package/dist/packages/ai/src/conversation.d.ts

@@ -7,6 +7,7 @@ export type ConversationRootProps = {
 export type ConversationViewportProps = {
     readonly label: string;
     readonly children: ReactNode;
+    readonly scrollRestorationId?: string;
 };
 export type ConversationContentProps = {
     readonly children: ReactNode;
@@ -20,7 +21,7 @@ export type ConversationJumpProps = {
     readonly label?: string;
 };
 declare function ConversationRoot({ children, initialPosition, follow }: ConversationRootProps): ReactNode;
-declare function ConversationViewport({ label, children }: ConversationViewportProps): ReactNode;
+declare function ConversationViewport({ label, children, scrollRestorationId }: ConversationViewportProps): ReactNode;
 declare function ConversationContent({ children, streaming }: ConversationContentProps): ReactNode;
 declare function ConversationItem({ messageId, children }: ConversationItemProps): ReactNode;
 declare function ConversationJumpToLatest({ label }: ConversationJumpProps): ReactNode;

package/dist/packages/ai/src/index.d.ts

@@ -4,6 +4,10 @@ export type { ConversationRootProps, ConversationViewportProps, ConversationCont
 export { Conversation } from './conversation.tsx';
 export type { MessageKind, MessageProps, MessageAttachmentProps } from './message.tsx';
 export { Message, MessageAttachment } from './message.tsx';
+export type { MessageActionProps } from './message-action.tsx';
+export { MessageAction } from './message-action.tsx';
+export type { MessageBoundaryProps } from './message-boundary.tsx';
+export { MessageBoundary } from './message-boundary.tsx';
 export type { PromptInputProps } from './prompt-input.tsx';
 export { PromptInput } from './prompt-input.tsx';
 export type { Source, SourcesProps, InlineCitationProps } from './sources.tsx';

package/dist/packages/ai/src/message-action.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { IconButton, IconLink } from '../../core/src/index.ts';
+export type MessageActionProps = {
+    readonly label: string;
+} & ((Omit<ComponentProps<typeof IconButton>, 'aria-label' | 'variant' | 'nativeButton'> & {
+    readonly kind?: 'button';
+}) | (Omit<ComponentProps<typeof IconLink>, 'aria-label'> & {
+    readonly kind: 'link';
+}));
+export declare function MessageAction(props: MessageActionProps): ReactNode;

package/dist/packages/ai/src/message-boundary.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type MessageBoundaryProps = {
+    readonly label: string;
+    readonly children: ReactNode;
+};
+export declare function MessageBoundary({ label, children }: MessageBoundaryProps): ReactNode;

package/dist/packages/ai/src/message.d.ts

@@ -6,6 +6,7 @@ export type MessageProps = {
     readonly id?: string;
     readonly kind?: MessageKind;
     readonly meta?: ReactNode;
+    readonly avatar?: ReactNode;
     readonly actions?: ReactNode;
     readonly attachments?: ReactNode;
 };
@@ -15,5 +16,5 @@ export type MessageAttachmentProps = {
     readonly href?: string;
     readonly actions?: ReactNode;
 };
-export declare function Message({ author, children, id, kind, meta, actions, attachments, }: MessageProps): ReactNode;
+export declare function Message({ author, children, id, kind, meta, avatar, actions, attachments, }: MessageProps): ReactNode;
 export declare function MessageAttachment({ name, description, href, actions }: MessageAttachmentProps): ReactNode;

package/dist/packages/collections/src/data-table.d.ts

@@ -11,6 +11,12 @@ export type DataTableColumn<Row> = {
     readonly truncate?: boolean;
     readonly sortable?: boolean;
 };
+export type DataTableTextProps = {
+    readonly children: string;
+    readonly secondary?: string | undefined;
+    readonly leading?: ReactNode;
+};
+export declare function DataTableText({ children, secondary, leading }: DataTableTextProps): ReactNode;
 export type DataTableSort = {
     readonly columnId: string;
     readonly direction: 'ascending' | 'descending';

package/dist/packages/collections/src/index.d.ts

@@ -1,7 +1,7 @@
 export type { CollectionToolbarProps, FilterChip, FilterChipsProps, ColumnChoice, ColumnControlsProps, CollectionPaginationProps, } from './collection-controls.tsx';
 export { CollectionToolbar, FilterChips, ColumnControls, CollectionPagination } from './collection-controls.tsx';
-export type { DataTableColumn, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, } from './data-table.tsx';
-export { DataTable } from './data-table.tsx';
+export type { DataTableColumn, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, DataTableTextProps, } from './data-table.tsx';
+export { DataTable, DataTableText } from './data-table.tsx';
 export type { CollectionEndProps, CollectionScrollProps } from './collection-scroll.tsx';
 export { CollectionEnd, CollectionScroll } from './collection-scroll.tsx';
 export { Inspector, Details } from './inspector.tsx';

package/dist/packages/collections/src/timeline.d.ts

@@ -5,13 +5,20 @@ export type TimelineProps = {
 };
 export type TimelineItemProps = {
     readonly icon: ReactNode;
-    readonly title: ReactNode;
     readonly time?: ReactNode;
     readonly metadata?: ReactNode;
     readonly children?: ReactNode;
-};
+} & ({
+    readonly title: ReactNode;
+    readonly details?: never;
+    readonly defaultOpen?: never;
+} | {
+    readonly title: string;
+    readonly details: ReactNode;
+    readonly defaultOpen?: boolean;
+});
 declare function TimelineRoot({ label, children }: TimelineProps): ReactNode;
-declare function TimelineItem({ icon, title, time, metadata, children }: TimelineItemProps): ReactNode;
+declare function TimelineItem({ icon, title, time, metadata, children, details, defaultOpen, }: TimelineItemProps): ReactNode;
 export declare const Timeline: {
     Root: typeof TimelineRoot;
     Item: typeof TimelineItem;

package/dist/packages/core/src/actions.d.ts

@@ -1,4 +1,5 @@
 import { Button as BaseButton } from '@base-ui/react/button';
+import { useRender } from '@base-ui/react/use-render';
 import type { ComponentProps, ReactNode } from 'react';
 import type { ControlStyle, PlacementStyle } from '../../foundations/src/style-composition.ts';
 type ButtonVariant = 'solid' | 'outline' | 'ghost';
@@ -17,6 +18,11 @@ type ButtonProps = ComponentProps<typeof BaseButton> & PendingProps & {
 type IconButtonProps = Omit<ButtonProps, 'aria-label' | 'pendingLabel'> & {
     readonly 'aria-label': string;
 };
+type IconLinkProps = Omit<useRender.ComponentProps<'a'>, 'aria-label'> & {
+    readonly 'aria-label': string;
+    readonly 'size'?: ControlSize;
+    readonly 'xstyle'?: PlacementStyle;
+};
 type TextButtonProps = ComponentProps<typeof BaseButton> & PendingProps & {
     readonly tone?: ButtonTone;
     readonly xstyle?: PlacementStyle;
@@ -28,4 +34,5 @@ export declare function Button({ variant, tone, size, pending, pendingLabel, chi
 export declare function IconButton({ size, children, xstyle, ...props }: IconButtonProps): ReactNode;
 export declare function TextButton({ tone, pending, pendingLabel, children, className, style, xstyle, disabled, ...props }: TextButtonProps): ReactNode;
 export declare function TextLink({ xstyle, ...props }: TextLinkProps): ReactNode;
+export declare function IconLink({ size, children, xstyle, render, ref, ...props }: IconLinkProps): ReactNode;
 export {};

package/dist/packages/core/src/agent-avatar-glyphs.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const seededAgentAvatarShapes: readonly ["spark", "facet", "orbit", "loop", "clover", "petal", "wheel", "compass", "grid", "steps", "chevron", "wave", "ripple", "arch", "bridge", "peak", "zigzag", "helix", "kite", "cube", "prism", "frame", "brackets", "diamond", "hexagon", "signal", "crest", "bolt", "link", "split", "aster", "portal"];
+export declare const agentAvatarShapes: readonly ["spark", "facet", "orbit", "loop", "clover", "petal", "wheel", "compass", "grid", "steps", "chevron", "wave", "ripple", "arch", "bridge", "peak", "zigzag", "helix", "kite", "cube", "prism", "frame", "brackets", "diamond", "hexagon", "signal", "crest", "bolt", "link", "split", "aster", "portal"];
+export type AgentAvatarShape = (typeof agentAvatarShapes)[number];
+export declare const agentAvatarGlyphs: Readonly<Record<AgentAvatarShape, ReactNode>>;

package/dist/packages/core/src/agent-avatar.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { AgentAvatarShape } from './agent-avatar-glyphs.tsx';
+export declare const agentAvatarColors: readonly ["ember", "coral", "rose", "berry", "plum", "orchid", "violet", "indigo", "iris", "cobalt", "blue", "sky", "cyan", "lagoon", "teal", "jade", "mint", "forest", "leaf", "moss", "olive", "ochre", "amber", "copper"];
+export type AgentAvatarColor = (typeof agentAvatarColors)[number];
+export type AgentAvatarSize = 'xs' | 'sm' | 'md' | 'lg';
+export type AgentAppearance = {
+    readonly shape: AgentAvatarShape;
+    readonly color: AgentAvatarColor;
+};
+export declare function agentAppearance(seed: string): AgentAppearance;
+export type AgentAvatarProps = {
+    readonly seed: string;
+    readonly appearance?: AgentAppearance | undefined;
+    readonly size?: AgentAvatarSize;
+    readonly label?: string;
+};
+export declare function AgentAvatar({ seed, appearance, size, label }: AgentAvatarProps): ReactNode;

package/dist/packages/core/src/copy-value.d.ts

@@ -4,6 +4,7 @@ type CopySource = string | (() => string);
 type CopyValueProps = Omit<ComponentProps<typeof BaseButton>, 'value'> & {
     readonly value: CopySource;
     readonly label: string;
+    readonly display?: 'value' | 'icon';
 };
-export declare function CopyValue({ value, label, children, className, style, disabled, onClick, render, ...props }: CopyValueProps): ReactNode;
+export declare function CopyValue({ value, label, display, children, className, style, disabled, onClick, render, ...props }: CopyValueProps): ReactNode;
 export {};

package/dist/packages/core/src/index.d.ts

@@ -1,6 +1,10 @@
-export { Button, IconButton, TextButton, TextLink } from './actions.tsx';
+export { Button, IconButton, IconLink, TextButton, TextLink } from './actions.tsx';
 export type { AvatarProps } from './avatar.tsx';
 export { Avatar } from './avatar.tsx';
+export type { AgentAvatarShape } from './agent-avatar-glyphs.tsx';
+export { agentAvatarShapes } from './agent-avatar-glyphs.tsx';
+export type { AgentAppearance, AgentAvatarColor, AgentAvatarProps, AgentAvatarSize } from './agent-avatar.tsx';
+export { AgentAvatar, agentAppearance, agentAvatarColors } from './agent-avatar.tsx';
 export { CopyValue } from './copy-value.tsx';
 export { Accordion, Collapsible } from './disclosure.tsx';
 export { Panel, Row, Stack, Columns, Divider } from './surfaces.tsx';

package/dist/packages/forms/src/agent-avatar-picker.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { AgentAppearance } from '../../core/src/index.ts';
+export type AgentAvatarPickerProps = {
+    readonly value: AgentAppearance;
+    readonly onValueChange: (value: AgentAppearance) => void;
+    readonly disabled?: boolean;
+};
+export declare function AgentAvatarPicker({ value, onValueChange, disabled }: AgentAvatarPickerProps): ReactNode;