@mechane-ai/elements 0.10.0 → 0.11.0

package/dist/ai.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, T as n, f as r, g as i, p as a, t as o, w as s } from "./src-sU9b0oZW.js";
-import { t as c } from "./content-link-BpSZeTNK.js";
+import { C as e, E as t, T as n, f as r, g as i, p as a, t as o, w as s } from "./src-D05isEh_.js";
+import { t as c } from "./content-link-CatGOrbo.js";
 import { r as l, t as u } from "./src-Cs0dRc4X.js";
-import { c as d, u as f } from "./src-Be7NLG8c.js";
+import { c as d, u as f } from "./src-C_heP5kL.js";
 import { t as p } from "./accessibility-C-aIZ1Yx.js";
 import * as m from "@stylexjs/stylex";
 import { createContext as h, useContext as g, useId as _, useRef as v } from "react";
@@ -43,10 +43,10 @@ function k(t) {
 }
 // packages/ai/src/conversation.tsx
 var A = h(void 0);
-function j({ children: e, initialPosition: t = "end", follow: n = !0 }) {
-	let r = v(null);
+function j({ children: e, initialPosition: t = "end", follow: n = !0, viewportRef: r }) {
+	let i = v(null), a = r ?? i;
 	return /* @__PURE__ */ y(A.Provider, {
-		value: r,
+		value: a,
 		children: /* @__PURE__ */ y(E.Provider, {
 			autoScroll: n,
 			defaultScrollPosition: t,
@@ -83,28 +83,44 @@ function P({ messageId: e, children: t }) {
 		children: t
 	});
 }
-function F({ label: t = "Jump to latest" }) {
-	let { scrollToEnd: n } = D(), { end: r } = O(), i = g(A);
-	return r ? /* @__PURE__ */ y("div", {
+function F({ children: e }) {
+	return /* @__PURE__ */ y("div", {
+		className: "x9f619 x2lah0s xeuugli xh8yej3 xe10afn xvueqy4 xn9t2bk x1m92p3w",
+		children: e
+	});
+}
+function I({ label: e = "Jump to latest" }) {
+	let { end: t } = O();
+	return t ? /* @__PURE__ */ y("div", {
 		className: "x10l6tqk xwthv0x x1nrll8i xuuh30 x1tv4vx4 xeuugli",
-		children: /* @__PURE__ */ b(e, {
-			onClick: () => {
-				n({ behavior: "instant" }), i?.current?.focus({ preventScroll: !0 });
-			},
-			children: [/* @__PURE__ */ y(x, {
-				size: 16,
-				"aria-hidden": !0
-			}), t]
-		})
+		children: /* @__PURE__ */ y(L, { label: e })
 	}) : null;
 }
-var I = {
+function L({ label: t, onActivate: n }) {
+	let { scrollToEnd: r } = D(), i = g(A);
+	return /* @__PURE__ */ b(e, {
+		size: "sm",
+		onClick: () => {
+			n?.(), requestAnimationFrame(() => {
+				let e = i?.current;
+				e != null && (r({ behavior: "instant" }), e.focus({ preventScroll: !0 }));
+			});
+		},
+		children: [/* @__PURE__ */ y(x, {
+			size: 14,
+			"aria-hidden": !0
+		}), t]
+	});
+}
+var R = {
 	Root: j,
 	Viewport: M,
 	Content: N,
 	Item: P,
-	JumpToLatest: F
-}, L = {
+	Controls: F,
+	LatestButton: L,
+	JumpToLatest: I
+}, z = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -130,19 +146,19 @@ var I = {
 		k8WAf4: "xn9t2bk",
 		$$css: !0
 	}
-}, R = {
-	user: L.user,
-	assistant: L.assistant,
-	system: L.system
-}, z = {
+}, B = {
+	user: z.user,
+	assistant: z.assistant,
+	system: z.system
+}, V = {
 	"x-default-marker": "x-default-marker",
 	$$css: !0
 };
-function B({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
+function H({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
 	return /* @__PURE__ */ b("article", {
 		id: n,
 		"aria-label": e,
-		...m.props(L.root, R[r], z),
+		...m.props(z.root, B[r], V),
 		children: [
 			/* @__PURE__ */ b("header", {
 				className: "x78zum5 x6s0dn4 x1hnptsi x1a02dak xeuugli",
@@ -176,7 +192,7 @@ function B({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avat
 		]
 	});
 }
-function V({ name: e, description: t, href: n, actions: r }) {
+function U({ name: e, description: t, href: n, actions: r }) {
 	return /* @__PURE__ */ b("div", {
 		className: "x78zum5 x1a02dak x6s0dn4 x1n8ia3y xeuugli x193iq5w x1mvvolr xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 x1hz01jw xtqrqnz x1778rvt xj57cvi",
 		children: [
@@ -203,7 +219,7 @@ function V({ name: e, description: t, href: n, actions: r }) {
 	});
 }
 // packages/ai/src/message-action.tsx
-function H(e) {
+function W(e) {
 	if (e.kind === "link") {
 		let { kind: t, label: r, ...i } = e;
 		return /* @__PURE__ */ y(n, {
@@ -218,11 +234,11 @@ function H(e) {
 		"aria-label": r
 	});
 }
-function U(e) {
-	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: H(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
+function G(e) {
+	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: W(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
 }
 // packages/ai/src/message-boundary.tsx
-function W({ label: e, children: t }) {
+function K({ label: e, children: t }) {
 	return /* @__PURE__ */ b(i.Root, {
 		className: "xeuugli x1kbiq1m xykt701 xpu655y",
 		children: [/* @__PURE__ */ b(i.Trigger, {
@@ -242,11 +258,11 @@ function W({ label: e, children: t }) {
 	});
 }
 // packages/ai/src/prompt-input.tsx
-var G = { action: {
+var q = { action: {
 	keTefX: "xvc5jky",
 	$$css: !0
 } };
-function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "prompt", placeholder: a, maxLength: o, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: E, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
+function J({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "prompt", placeholder: a, maxLength: o, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: E, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
 	let N = _(), P = h || l, F = v;
 	A === void 0 ? l ? F = x : C === "submit" && (F = `${v} · Enter`) : F = j ? "Stopping…" : M;
 	function I(e) {
@@ -295,7 +311,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 								className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli x12lumcd",
 								children: O
 							}), /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: A === void 0 ? /* @__PURE__ */ y(s, {
-								xstyle: G.action,
+								xstyle: q.action,
 								type: "submit",
 								variant: "solid",
 								"aria-label": l ? x : v,
@@ -306,7 +322,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 									"aria-hidden": !0
 								})
 							}) : /* @__PURE__ */ y(s, {
-								xstyle: G.action,
+								xstyle: q.action,
 								type: "button",
 								"aria-label": j ? "Stopping…" : M,
 								onClick: (e) => {
@@ -334,7 +350,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 	});
 }
 // packages/ai/src/sources.tsx
-function q({ sources: e, label: t = "Sources" }) {
+function Y({ sources: e, label: t = "Sources" }) {
 	return /* @__PURE__ */ b("section", {
 		"aria-label": t,
 		className: "x78zum5 xdt5ytf x1hnptsi xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft",
@@ -363,7 +379,7 @@ function q({ sources: e, label: t = "Sources" }) {
 		]
 	});
 }
-function J({ source: e, label: n }) {
+function X({ source: e, label: n }) {
 	return /* @__PURE__ */ y("span", {
 		className: "xt0psk2 x11njtxf xss6m8b",
 		children: /* @__PURE__ */ b(l.Root, { children: [/* @__PURE__ */ y(l.Trigger, {
@@ -386,4 +402,4 @@ function J({ source: e, label: n }) {
 		}) })] })
 	});
 }
-export { k as Approval, I as Conversation, J as InlineCitation, B as Message, U as MessageAction, V as MessageAttachment, W as MessageBoundary, K as PromptInput, q as Sources };
+export { k as Approval, R as Conversation, X as InlineCitation, H as Message, G as MessageAction, U as MessageAttachment, K as MessageBoundary, J as PromptInput, Y as Sources };

package/dist/{categorical-values-DLRE4EEW.js → categorical-values-FYc43JCa.js}

@@ -1,5 +1,5 @@
-import { n as e, s as t } from "./chart-frame-et6f6Vhg.js";
-import { n } from "./chart-input-CdLkFomi.js";
+import { n as e, s as t } from "./chart-frame-Bczk5sWj.js";
+import { n } from "./chart-input-CbzVN76m.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx

package/dist/{chart-frame-et6f6Vhg.js → chart-frame-Bczk5sWj.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./src-sU9b0oZW.js";
+import { g as e } from "./src-D05isEh_.js";
 import { chartColors as t, colors as n } from "./tokens.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";

package/dist/{chart-input-CdLkFomi.js → chart-input-CbzVN76m.js}

@@ -1,5 +1,5 @@
-import { f as e } from "./src-CBspCKfO.js";
-import { r as t } from "./chart-frame-et6f6Vhg.js";
+import { f as e } from "./src-DXsGTJgv.js";
+import { r as t } from "./chart-frame-Bczk5sWj.js";
 import { jsx as n } from "react/jsx-runtime";
 // packages/charts/src/chart-input.tsx
 function r(e) {

package/dist/charts/cartesian.js

@@ -1,10 +1,10 @@
-import { c as e } from "../src-CBspCKfO.js";
-import { i as t, n, r, t as i } from "../categorical-values-DLRE4EEW.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-et6f6Vhg.js";
-import { n as f, r as p, t as m } from "../chart-input-CdLkFomi.js";
+import { c as e } from "../src-DXsGTJgv.js";
+import { i as t, n, r, t as i } from "../categorical-values-FYc43JCa.js";
+import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-Bczk5sWj.js";
+import { n as f, r as p, t as m } from "../chart-input-CbzVN76m.js";
 import { t as h } from "../plot-width--OgdohB5.js";
-import { E as g } from "../src-sU9b0oZW.js";
-import { h as _ } from "../src-Be7NLG8c.js";
+import { E as g } from "../src-D05isEh_.js";
+import { h as _ } from "../src-C_heP5kL.js";
 import { colors as v } from "../tokens.js";
 import * as y from "@stylexjs/stylex";
 import { useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";

package/dist/charts/distribution.js

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-et6f6Vhg.js";
-import { n as a, r as o, t as s } from "../chart-input-CdLkFomi.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Bczk5sWj.js";
+import { n as a, r as o, t as s } from "../chart-input-CbzVN76m.js";
 import { t as c } from "../plot-width--OgdohB5.js";
 import * as l from "@stylexjs/stylex";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";

package/dist/charts/graph.js

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-et6f6Vhg.js";
-import { n as a, t as o } from "../chart-input-CdLkFomi.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Bczk5sWj.js";
+import { n as a, t as o } from "../chart-input-CbzVN76m.js";
 import * as s from "@stylexjs/stylex";
 import { useId as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/charts/hierarchy.js

@@ -1,6 +1,6 @@
-import { i as e, r as t, t as n } from "../categorical-values-DLRE4EEW.js";
-import { o as r, r as i, s as a } from "../chart-frame-et6f6Vhg.js";
-import { t as o } from "../chart-input-CdLkFomi.js";
+import { i as e, r as t, t as n } from "../categorical-values-FYc43JCa.js";
+import { o as r, r as i, s as a } from "../chart-frame-Bczk5sWj.js";
+import { t as o } from "../chart-input-CbzVN76m.js";
 import { t as s } from "../plot-width--OgdohB5.js";
 import * as c from "@stylexjs/stylex";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/charts/matrix.js

@@ -1,6 +1,6 @@
 import { colors as e } from "../tokens.js";
-import { n as t, r as n, t as r } from "../chart-input-CdLkFomi.js";
-import { a as i, n as a, r as o, s, t as c } from "../chart-frame-et6f6Vhg.js";
+import { n as t, r as n, t as r } from "../chart-input-CbzVN76m.js";
+import { a as i, n as a, r as o, s, t as c } from "../chart-frame-Bczk5sWj.js";
 import * as l from "@stylexjs/stylex";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 // packages/charts/src/matrix/heatmap-scale.ts

package/dist/charts/timeline.js

@@ -1,5 +1,5 @@
-import { c as e } from "../src-sU9b0oZW.js";
-import { n as t, t as n } from "../chart-input-CdLkFomi.js";
+import { c as e } from "../src-D05isEh_.js";
+import { n as t, t as n } from "../chart-input-CbzVN76m.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { scaleLinear as o } from "@visx/scale";
@@ -34,20 +34,20 @@ var c = {
 	.5,
 	1
 ], d = 100;
-function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v, emptyLabel: y, selectedId: b, onSelect: x, formatOffset: S }) {
-	let C = p({
+function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v, emptyLabel: y, selectedId: b, selectedRef: x, onSelect: S, formatOffset: C }) {
+	let w = p({
 		items: t,
 		start: s,
 		end: f
 	});
-	if (C !== void 0) return /* @__PURE__ */ i(n, {
+	if (w !== void 0) return /* @__PURE__ */ i(n, {
 		title: g,
-		message: C
+		message: w
 	});
-	let w = f - s, T = o({
+	let T = f - s, E = o({
 		domain: [s, f],
-		range: [0, w === 0 ? 0 : d]
-	}), E = w > 0 ? u : [0];
+		range: [0, T === 0 ? 0 : d]
+	}), D = T > 0 ? u : [0], O = t.some((e) => e.geometry.kind !== "unavailable");
 	return /* @__PURE__ */ a("div", {
 		role: "group",
 		"aria-label": g,
@@ -63,7 +63,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 					}),
 					/* @__PURE__ */ i("div", {
 						className: "xeuugli xl4o6ss x1npkx4u x1v577k8 x1ms6mhf x1aa6nly x78zum5 x1qughib x6s0dn4 xy8obcc xas2l8k xss6m8b",
-						children: E.map((e) => /* @__PURE__ */ i("span", { children: S(w * e) }, e))
+						children: O ? D.map((e) => /* @__PURE__ */ i("span", { children: C(T * e) }, e)) : /* @__PURE__ */ i("span", { children: "Timing unavailable" })
 					}),
 					/* @__PURE__ */ i("span", {
 						className: "xrvj5dj xfko13i xeuugli x1k3v4rp x14r0xmm x1ms6mhf xp4054r xj0a0fe xss6m8b",
@@ -86,13 +86,14 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 				let n = h({
 					geometry: t.geometry,
 					start: s,
-					formatOffset: S
+					formatOffset: C
 				});
 				return /* @__PURE__ */ a("button", {
+					ref: b === t.id ? x : void 0,
 					type: "button",
 					"aria-pressed": b === t.id,
 					"aria-label": `${t.label} · ${t.detail} · ${t.summary} · ${n}`,
-					onClick: () => x(t.id),
+					onClick: () => S(t.id),
 					...{
 						0: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6" },
 						1: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6 x1r7kqkb x1jmj9dw" }
@@ -123,7 +124,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 							}) : /* @__PURE__ */ a("svg", {
 								"aria-hidden": !0,
 								className: "x1lliihq xh8yej3 xmix8c7 x1rea2x4",
-								children: [E.map((e) => /* @__PURE__ */ i("line", {
+								children: [D.map((e) => /* @__PURE__ */ i("line", {
 									x1: `${e * d}%`,
 									x2: `${e * d}%`,
 									y1: "0",
@@ -131,7 +132,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 									className: "x13hfdr1"
 								}, e)), /* @__PURE__ */ i(m, {
 									geometry: t.geometry,
-									scale: T
+									scale: E
 								})]
 							})
 						}),

package/dist/charts.js

@@ -1 +1 @@
-export { r as ChartFrame, i as ChartLegend } from "./chart-frame-et6f6Vhg.js";
+export { r as ChartFrame, i as ChartLegend } from "./chart-frame-Bczk5sWj.js";

package/dist/{code-block-D77maJBB.js → code-block-B7xzM3tD.js}

@@ -1,4 +1,4 @@
-import { _ as e } from "./src-sU9b0oZW.js";
+import { _ as e } from "./src-D05isEh_.js";
 import { colors as t } from "./tokens.js";
 import { t as n } from "./viewer-styles-CpHqp5Qv.js";
 import { t as r } from "./pierre-theme-D9hnHv3Z.js";

package/dist/collections.js

@@ -1,5 +1,5 @@
-import { C as e, c as t, f as n, g as r, w as i } from "./src-sU9b0oZW.js";
-import { r as a } from "./src-Be7NLG8c.js";
+import { C as e, c as t, f as n, g as r, w as i } from "./src-D05isEh_.js";
+import { r as a } from "./src-C_heP5kL.js";
 import { r as o, t as s } from "./src-Cs0dRc4X.js";
 import { t as c } from "./accessibility-C-aIZ1Yx.js";
 import { tableGeometry as l } from "./tokens.js";
@@ -345,7 +345,7 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 				q + 1
 			])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
 		}
-	}), Z = E === void 0 ? P.getRowModel().rows.map((e, t) => ({
+	}), ge = E === void 0 ? P.getRowModel().rows.map((e, t) => ({
 		row: e,
 		index: t,
 		spacerHeight: 0
@@ -356,11 +356,11 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 			index: e.index,
 			spacerHeight: e.start - (n[t - 1]?.end ?? V)
 		}];
-	}), Q = E !== void 0 && (e.length === 0 || X.range?.endIndex === e.length - 1);
+	}), Z = E !== void 0 && (e.length === 0 || X.range?.endIndex === e.length - 1);
 	f(() => {
-		Q && O?.();
+		Z && O?.();
 	}, [
-		Q,
+		Z,
 		O,
 		e.length
 	]), p(() => {
@@ -368,7 +368,7 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 		let e = Array.from(L.current?.querySelectorAll("[data-row-id]") ?? []).find((e) => e.dataset.rowId === G.current)?.querySelector("[data-row-action]");
 		e != null && (e.focus({ preventScroll: E !== void 0 }), G.current = void 0);
 	});
-	function ge(t, r) {
+	function Q(t, r) {
 		let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
 		if (i || a) return;
 		let o = de.get(t.key);
@@ -445,7 +445,7 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 							e.currentTarget.contains(e.relatedTarget) || W(void 0);
 						},
 						children: [
-							Z.map(({ row: e, index: n, spacerHeight: r }) => /* @__PURE__ */ v(ee, { children: [r > 0 && /* @__PURE__ */ _("tr", {
+							ge.map(({ row: e, index: n, spacerHeight: r }) => /* @__PURE__ */ v(ee, { children: [r > 0 && /* @__PURE__ */ _("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ _("td", {
 									colSpan: $,
@@ -485,7 +485,7 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 										row: e.original,
 										action: b,
 										active: x === e.id,
-										onKeyDown: (e) => ge(e, n),
+										onKeyDown: (e) => Q(e, n),
 										children: /* @__PURE__ */ _(F, {
 											fixed: T === "fixed",
 											truncate: t.truncate,
@@ -644,20 +644,53 @@ function R({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosit
 	});
 }
 // packages/collections/src/inspector.tsx
-function z({ master: e, detail: t, label: n, ...r }) {
-	return /* @__PURE__ */ v("div", {
-		...u({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xb3r6kr" }, r),
-		children: [/* @__PURE__ */ _("div", {
-			className: "xeuugli",
-			children: e
-		}), /* @__PURE__ */ _("aside", {
-			"aria-label": n,
-			className: "xeuugli x1jvlu93 xpvm0e4 x178xt8z x13fuv20 xhjagg4",
-			children: t
-		})]
+var z = 860;
+function B({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
+	let c = m(null), l = m(null), d = m(null);
+	p(() => {
+		a !== void 0 && c.current !== null && d.current !== null && c.current.clientWidth <= z && (d.current.focus({ preventScroll: !0 }), d.current.scrollIntoView({
+			block: "start",
+			behavior: "instant"
+		}));
+	}, [a]);
+	function ee() {
+		let e = o?.current ?? l.current;
+		e?.focus({ preventScroll: !0 }), e?.scrollIntoView({
+			block: "nearest",
+			behavior: "instant"
+		});
+	}
+	return /* @__PURE__ */ _("div", {
+		...u({ className: "x9vvk8s x12h1iku xeuugli xbixft x1hz01jw xtqrqnz x1778rvt" }, s),
+		children: /* @__PURE__ */ v("div", {
+			ref: c,
+			className: "xrvj5dj x4ruv2j x1y7acmc x7a106z x1j825kq xeuugli",
+			children: [/* @__PURE__ */ _("div", {
+				ref: l,
+				role: "group",
+				"aria-label": i,
+				tabIndex: -1,
+				className: "xeuugli",
+				children: t
+			}), /* @__PURE__ */ v("aside", {
+				ref: d,
+				"aria-label": r,
+				tabIndex: -1,
+				className: "x7wzq59 x7cfggw xqfmuo8 xeuugli x1sbza1b xhuqrux xexx8yu xdz7uhd xpilrb4 xdctr63 x1t7ytsu x97x49r x972fbf x1mg79u0 x13fuv20 xhjagg4 x14ijc3v x13qnu6 x9v5kkp x19rmrnh x12ijfkc",
+				children: [/* @__PURE__ */ _("div", {
+					className: "x1s85apg x1yamub6 x1xxlxpq",
+					children: /* @__PURE__ */ v(e, {
+						size: "sm",
+						variant: "ghost",
+						onClick: ee,
+						children: ["Back to ", i.toLowerCase()]
+					})
+				}), n]
+			})]
+		})
 	});
 }
-function B({ items: e, ...t }) {
+function V({ items: e, ...t }) {
 	return /* @__PURE__ */ _("dl", {
 		...u({ className: "x1ghz6dp xrvj5dj xezdspq x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
 		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ v("div", {
@@ -673,7 +706,7 @@ function B({ items: e, ...t }) {
 	});
 }
 // packages/collections/src/list-footer.tsx
-function V({ children: e, actions: t, ...n }) {
+function H({ children: e, actions: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
 		...u({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xeuugli x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
 		children: [/* @__PURE__ */ _("div", {
@@ -686,7 +719,7 @@ function V({ children: e, actions: t, ...n }) {
 	});
 }
 // packages/collections/src/metrics.tsx
-var H = {
+var U = {
 	grid: {
 		k1xSpc: "x78zum5",
 		kwnvtZ: "x1a02dak",
@@ -704,14 +737,14 @@ var H = {
 		kogj98: "x1ghz6dp",
 		$$css: !0
 	}
-}, U = {
-	inline: H.grid,
-	columns: H.columns
+}, W = {
+	inline: U.grid,
+	columns: U.columns
 };
-function W({ layout: e = "inline", ...t }) {
-	return /* @__PURE__ */ _("dl", { ...u(d.props(U[e]), t) });
+function G({ layout: e = "inline", ...t }) {
+	return /* @__PURE__ */ _("dl", { ...u(d.props(W[e]), t) });
 }
-function G({ label: e, value: t, ...n }) {
+function K({ label: e, value: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
 		...u({ className: "x3nfvp2 x1pha0wt x1a02dak xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
 		children: [/* @__PURE__ */ _("dt", {
@@ -724,15 +757,15 @@ function G({ label: e, value: t, ...n }) {
 	});
 }
 // packages/collections/src/table.tsx
-var K = {
+var q = {
 	kzqmXN: "x11ymkkh x2ipgtl",
 	$$css: !0
-}, q = {
+}, J = {
 	secondary: {
 		k1xSpc: "x1n9xxwz xazwdyr",
 		$$css: !0
 	},
-	column: (e) => [K, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	column: (e) => [q, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
 	th: {
 		kVAEAm: "x1n2onr6",
 		kZKoxP: "x24vdcc",
@@ -763,7 +796,7 @@ var K = {
 		$$css: !0
 	}
 };
-function J({ headers: e, children: t, label: n, ...r }) {
+function Y({ headers: e, children: t, label: n, ...r }) {
 	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
 	return /* @__PURE__ */ _("div", {
 		role: "region",
@@ -777,7 +810,7 @@ function J({ headers: e, children: t, label: n, ...r }) {
 			}[!!e.some((e) => typeof e != "string") | 0], r),
 			children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: e.map((t, n) => /* @__PURE__ */ _("th", {
 				scope: "col",
-				...d.props(q.th, typeof t != "string" && q.column(t.width), typeof t != "string" && t.secondary === !0 && q.secondary, n === e.length - 1 && q.lastHeader, n === i && q.lastPrimaryHeader),
+				...d.props(J.th, typeof t != "string" && J.column(t.width), typeof t != "string" && t.secondary === !0 && J.secondary, n === e.length - 1 && J.lastHeader, n === i && J.lastPrimaryHeader),
 				children: /* @__PURE__ */ _("span", {
 					title: typeof t == "string" ? t : t.label,
 					className: "x1lliihq xb3r6kr xlyipyv",
@@ -787,7 +820,7 @@ function J({ headers: e, children: t, label: n, ...r }) {
 		})
 	});
 }
-function Y({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
+function X({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	return /* @__PURE__ */ v("td", {
 		...u({
 			0: { className: "x1v2how9 x9f619 x1hmw7ec x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
@@ -800,7 +833,7 @@ function Y({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	});
 }
 // packages/collections/src/timestamp.tsx
-function X({ dateTime: e, label: t, title: n }) {
+function ge({ dateTime: e, label: t, title: n }) {
 	return n === void 0 ? /* @__PURE__ */ _("time", {
 		dateTime: e,
 		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
@@ -865,8 +898,8 @@ function Q({ icon: e, title: t, time: n, metadata: i, children: a, details: o, d
 		})]
 	});
 }
-var ge = {
+var $ = {
 	Root: Z,
 	Item: Q
 };
-export { Y as Cell, L as CollectionEnd, O as CollectionPagination, R as CollectionScroll, T as CollectionToolbar, D as ColumnControls, P as DataTable, N as DataTableText, B as Details, E as FilterChips, z as Inspector, V as ListFooter, G as Metric, W as MetricGrid, J as Table, ge as Timeline, X as Timestamp };
+export { X as Cell, L as CollectionEnd, O as CollectionPagination, R as CollectionScroll, T as CollectionToolbar, D as ColumnControls, P as DataTable, N as DataTableText, V as Details, E as FilterChips, B as Inspector, H as ListFooter, K as Metric, G as MetricGrid, Y as Table, $ as Timeline, ge as Timestamp };

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-D77maJBB.js";
+export { t as CodeBlock } from "../code-block-B7xzM3tD.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { E as e, _ as t, g as n } from "../src-sU9b0oZW.js";
-import { t as r } from "../code-block-D77maJBB.js";
+import { E as e, _ as t, g as n } from "../src-D05isEh_.js";
+import { t as r } from "../code-block-B7xzM3tD.js";
 import { t as i } from "../viewer-styles-CpHqp5Qv.js";
 import * as a from "@stylexjs/stylex";
 import { useEffect as o, useState as s } from "react";

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-BpSZeTNK.js";
+export { t as ContentLink } from "../content-link-CatGOrbo.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-D77maJBB.js";
-import { n as t, t as n } from "../content-link-BpSZeTNK.js";
+import { t as e } from "../code-block-B7xzM3tD.js";
+import { n as t, t as n } from "../content-link-CatGOrbo.js";
 import { t as r } from "../viewer-styles-CpHqp5Qv.js";
 import * as i from "@stylexjs/stylex";
 import { Children as a, createElement as o } from "react";

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { E as e } from "../src-sU9b0oZW.js";
+import { E as e } from "../src-D05isEh_.js";
 import { t } from "../viewer-styles-CpHqp5Qv.js";
 import * as n from "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
@@ -27,7 +27,7 @@ function d(l) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-BFxEuxwb.js");
+				let t = await import("../pierre-tree-D47uA7lb.js");
 				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-BpSZeTNK.js → content-link-CatGOrbo.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./src-sU9b0oZW.js";
+import { D as e } from "./src-D05isEh_.js";
 import "@stylexjs/stylex";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx