@mechane-ai/elements 0.14.0 → 0.15.0

package/README.md

@@ -105,6 +105,10 @@ application owns which view is active and when to unmount it; use this for a dra
 inspection. `WorkbenchScroll` requires an accessible `label`; its `isFlush` mode leaves list insets to the table. Its
 `scrollRestorationId` identifies the actual scroll region for application-owned restoration.
 
+`Workbench` accepts an optional `inspector={{ label: 'Workspace', content: <WorkspaceFiles /> }}`. The application
+supplies the accessible name with the panel content and owns opening, closing, and focus restoration. The inspector
+replaces the main column at compact widths while keeping that column mounted.
+
 Each `DataTable` column declares a role: `primary`, `text`, `status`, `number`, `timestamp`, or `actions`. Roles own
 alignment and minimum sizing; the primary column uses available space. Headers and placeholders follow the same
 geometry. The table uses 48px rows by default and truncates text to preserve stable column and virtualization geometry.

package/dist/ai.js

@@ -1,8 +1,8 @@
-import { C as e, E as t, O as n, T as r, f as i, g as a, p as o, t as s, w as c } from "./src-CyJd2qSZ.js";
-import { t as l } from "./content-link-CEx2s1MU.js";
+import { C as e, E as t, O as n, T as r, f as i, g as a, p as o, t as s, w as c } from "./src-BXh4g2VY.js";
+import { t as l } from "./content-link-rdxJ94P8.js";
 import { r as u, t as d } from "./src-d7EAi61b.js";
-import { c as f, d as p } from "./src-C9GQP3px.js";
-import { c as m, u as h } from "./src-BkXlN6aZ.js";
+import { c as f, d as p } from "./src-BVsyKLQ8.js";
+import { c as m, u as h } from "./src-R0kgHFPZ.js";
 import { t as g } from "./accessibility-C-aIZ1Yx.js";
 import * as _ from "@stylexjs/stylex";
 import { createContext as v, useContext as y, useId as b, useRef as x } from "react";

package/dist/{categorical-values-BnWfIPlv.js → categorical-values-l5YTG9G3.js}

@@ -1,5 +1,5 @@
-import { n as e, s as t } from "./chart-frame-Dm8UNfYD.js";
-import { n } from "./chart-input-ceiMZYI-.js";
+import { n as e, s as t } from "./chart-frame-Bf1l_7-R.js";
+import { n } from "./chart-input-fBuRm0Lc.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-Dm8UNfYD.js → chart-frame-Bf1l_7-R.js}

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

package/dist/{chart-input-ceiMZYI-.js → chart-input-fBuRm0Lc.js}

@@ -1,5 +1,5 @@
-import { m as e } from "./src-C9GQP3px.js";
-import { r as t } from "./chart-frame-Dm8UNfYD.js";
+import { m as e } from "./src-BVsyKLQ8.js";
+import { r as t } from "./chart-frame-Bf1l_7-R.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 { u as e } from "../src-C9GQP3px.js";
-import { i as t, n, r, t as i } from "../categorical-values-BnWfIPlv.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-Dm8UNfYD.js";
-import { n as f, r as p, t as m } from "../chart-input-ceiMZYI-.js";
+import { u as e } from "../src-BVsyKLQ8.js";
+import { i as t, n, r, t as i } from "../categorical-values-l5YTG9G3.js";
+import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-Bf1l_7-R.js";
+import { n as f, r as p, t as m } from "../chart-input-fBuRm0Lc.js";
 import { t as h } from "../plot-width--OgdohB5.js";
-import { E as g } from "../src-CyJd2qSZ.js";
-import { g as _ } from "../src-BkXlN6aZ.js";
+import { E as g } from "../src-BXh4g2VY.js";
+import { g as _ } from "../src-R0kgHFPZ.js";
 import { r as v } from "../tokens.stylex-DTHHFbyl.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-Dm8UNfYD.js";
-import { n as a, r as o, t as s } from "../chart-input-ceiMZYI-.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Bf1l_7-R.js";
+import { n as a, r as o, t as s } from "../chart-input-fBuRm0Lc.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-Dm8UNfYD.js";
-import { n as a, t as o } from "../chart-input-ceiMZYI-.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Bf1l_7-R.js";
+import { n as a, t as o } from "../chart-input-fBuRm0Lc.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-BnWfIPlv.js";
-import { o as r, r as i, s as a } from "../chart-frame-Dm8UNfYD.js";
-import { t as o } from "../chart-input-ceiMZYI-.js";
+import { i as e, r as t, t as n } from "../categorical-values-l5YTG9G3.js";
+import { o as r, r as i, s as a } from "../chart-frame-Bf1l_7-R.js";
+import { t as o } from "../chart-input-fBuRm0Lc.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 { r as e } from "../tokens.stylex-DTHHFbyl.js";
-import { n as t, r as n, t as r } from "../chart-input-ceiMZYI-.js";
-import { a as i, n as a, r as o, s, t as c } from "../chart-frame-Dm8UNfYD.js";
+import { n as t, r as n, t as r } from "../chart-input-fBuRm0Lc.js";
+import { a as i, n as a, r as o, s, t as c } from "../chart-frame-Bf1l_7-R.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-CyJd2qSZ.js";
-import { n as t, t as n } from "../chart-input-ceiMZYI-.js";
+import { c as e } from "../src-BXh4g2VY.js";
+import { n as t, t as n } from "../chart-input-fBuRm0Lc.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";

package/dist/charts.js

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

package/dist/{code-block-D07N6mYS.js → code-block-DB42-a0M.js}

@@ -1,4 +1,4 @@
-import { _ as e } from "./src-CyJd2qSZ.js";
+import { _ as e } from "./src-BXh4g2VY.js";
 import { r as t } from "./tokens.stylex-DTHHFbyl.js";
 import { t as n } from "./viewer-styles-CpHqp5Qv.js";
 import { t as r } from "./pierre-theme-BUeJim8s.js";

package/dist/collections.js

@@ -1,7 +1,7 @@
-import { C as e, c as t, f as n, g as r, w as i } from "./src-CyJd2qSZ.js";
-import { r as a } from "./src-BkXlN6aZ.js";
+import { C as e, c as t, f as n, g as r, w as i } from "./src-BXh4g2VY.js";
+import { r as a } from "./src-R0kgHFPZ.js";
 import { r as o, t as s } from "./src-d7EAi61b.js";
-import { d as c } from "./src-C9GQP3px.js";
+import { d as c } from "./src-BVsyKLQ8.js";
 import { t as l } from "./accessibility-C-aIZ1Yx.js";
 import { l as u, t as d } from "./constants.stylex-bbdiv1fD.js";
 import { mergeProps as f } from "@base-ui/react/merge-props";

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-D07N6mYS.js";
+export { t as CodeBlock } from "../code-block-DB42-a0M.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { E as e, _ as t, g as n } from "../src-CyJd2qSZ.js";
-import { t as r } from "../code-block-D07N6mYS.js";
+import { E as e, _ as t, g as n } from "../src-BXh4g2VY.js";
+import { t as r } from "../code-block-DB42-a0M.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-CEx2s1MU.js";
+export { t as ContentLink } from "../content-link-rdxJ94P8.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-D07N6mYS.js";
-import { n as t, t as n } from "../content-link-CEx2s1MU.js";
+import { t as e } from "../code-block-DB42-a0M.js";
+import { n as t, t as n } from "../content-link-rdxJ94P8.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-CyJd2qSZ.js";
+import { E as e } from "../src-BXh4g2VY.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-CBBDlJ_Y.js");
+				let t = await import("../pierre-tree-BaIVTNmG.js");
 				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-CEx2s1MU.js → content-link-rdxJ94P8.js}

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

package/dist/content.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, _ as n, g as r } from "./src-CyJd2qSZ.js";
+import { C as e, E as t, _ as n, g as r } from "./src-BXh4g2VY.js";
 import { t as i } from "./viewer-styles-CpHqp5Qv.js";
-import { t as a } from "./code-block-D07N6mYS.js";
-import { t as o } from "./content-link-CEx2s1MU.js";
+import { t as a } from "./code-block-DB42-a0M.js";
+import { t as o } from "./content-link-rdxJ94P8.js";
 import * as s from "@stylexjs/stylex";
 import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/elements.css

@@ -1157,6 +1157,14 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     font-weight: var(--x1nq3oar);
   }
 
+  .xt9c220 {
+    grid-auto-columns: auto;
+  }
+
+  .x1mt1orb {
+    grid-auto-flow: column;
+  }
+
   .x1qpdrs7 {
     grid-template-columns: 16px minmax(0, 1fr);
   }

package/dist/feedback.js

@@ -1 +1 @@
-export { t as AsyncRegion, c as ButtonPlaceholder, n as ContentReveal, p as EmptyState, l as FieldPlaceholder, r as LoadingScope, o as Meter, m as Notice, s as Progress, u as Skeleton, d as SkeletonText, f as Spinner, i as Toaster, a as toast } from "./src-C9GQP3px.js";
+export { t as AsyncRegion, c as ButtonPlaceholder, n as ContentReveal, p as EmptyState, l as FieldPlaceholder, r as LoadingScope, o as Meter, m as Notice, s as Progress, u as Skeleton, d as SkeletonText, f as Spinner, i as Toaster, a as toast } from "./src-BVsyKLQ8.js";

package/dist/forms/dates.js

@@ -1,4 +1,4 @@
-import { C as e, E as t } from "../src-CyJd2qSZ.js";
+import { C as e, E as t } from "../src-BXh4g2VY.js";
 import { r as n } from "../src-d7EAi61b.js";
 import "@stylexjs/stylex";
 import { useState as r } from "react";

package/dist/forms.js

@@ -1 +1 @@
-export { _ as AgentAvatarPicker, r as Checkbox, v as Combobox, c as Field, f as Fieldset, p as FilePicker, d as FormActions, l as Input, m as InputGroup, h as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, g as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-BkXlN6aZ.js";
+export { _ as AgentAvatarPicker, r as Checkbox, v as Combobox, c as Field, f as Fieldset, p as FilePicker, d as FormActions, l as Input, m as InputGroup, h as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, g as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-R0kgHFPZ.js";

package/dist/index.js

@@ -1 +1 @@
-export { h as Accordion, v as AgentAvatar, S as Avatar, t as Badge, C as Button, g as Collapsible, l as Columns, _ as CopyValue, u as Divider, n as Heading, w as IconButton, T as IconLink, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, m as SurfaceLink, c as Text, E as TextButton, D as TextLink, y as agentAppearance, b as agentAvatarColors, x as agentAvatarShapes } from "./src-CyJd2qSZ.js";
+export { h as Accordion, v as AgentAvatar, S as Avatar, t as Badge, C as Button, g as Collapsible, l as Columns, _ as CopyValue, u as Divider, n as Heading, w as IconButton, T as IconLink, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, m as SurfaceLink, c as Text, E as TextButton, D as TextLink, y as agentAppearance, b as agentAvatarColors, x as agentAvatarShapes } from "./src-BXh4g2VY.js";

package/dist/layout.js

@@ -1,5 +1,5 @@
 import { a as e } from "./src-d7EAi61b.js";
-import { C as t, i as n, n as r, w as i } from "./src-CyJd2qSZ.js";
+import { C as t, i as n, n as r, w as i } from "./src-BXh4g2VY.js";
 import { t as a } from "./style-composition-uYlczSsB.js";
 import { Button as o } from "@base-ui/react/button";
 import { mergeProps as s } from "@base-ui/react/merge-props";
@@ -344,12 +344,12 @@ function H({ header: e, children: t, inspector: n }) {
 				...{
 					0: { className: "x1n2onr6 x78zum5 x98rzlu xdt5ytf xeuugli x2lwn1j" },
 					1: { className: "x1n2onr6 x98rzlu xdt5ytf xeuugli x2lwn1j x78zum5 x152g2jv" }
-				}[n != null | 0],
+				}[n !== void 0 | 0],
 				children: t
-			}), n != null && /* @__PURE__ */ _("aside", {
-				"aria-label": "Execution inspector",
+			}), n !== void 0 && /* @__PURE__ */ _("aside", {
+				"aria-label": n.label,
 				className: "x9f619 x1peuizl x1vx4hiz xeuugli x2lah0s x1odjw0f x1c8xbx5 xpvm0e4 xe0pwq xs311s2 x19ypqd9 x1l3ounx",
-				children: n
+				children: n.content
 			})]
 		})]
 	});

package/dist/navigation/commands.js

@@ -1,4 +1,4 @@
-import { l as e } from "../src-BkXlN6aZ.js";
+import { l as e } from "../src-R0kgHFPZ.js";
 import { s as t } from "../src-d7EAi61b.js";
 import { n } from "../navigation-D2_sGy3C.js";
 import "@stylexjs/stylex";

package/dist/packages/layout/src/workbench.d.ts

@@ -2,7 +2,10 @@ import type { ReactNode } from 'react';
 export declare function Workbench({ header, children, inspector, }: {
     readonly header?: ReactNode;
     readonly children: ReactNode;
-    readonly inspector?: ReactNode;
+    readonly inspector?: {
+        readonly label: string;
+        readonly content: ReactNode;
+    } | undefined;
 }): ReactNode;
 export declare function WorkbenchScroll({ label, children, isFlush, scrollRestorationId, }: {
     readonly label: string;

package/dist/{pierre-tree-CBBDlJ_Y.js → pierre-tree-BaIVTNmG.js}

@@ -1,5 +1,5 @@
-import { c as e } from "./src-CyJd2qSZ.js";
-import { l as t } from "./src-BkXlN6aZ.js";
+import { c as e } from "./src-BXh4g2VY.js";
+import { l as t } from "./src-R0kgHFPZ.js";
 import { t as n } from "./constants.stylex-bbdiv1fD.js";
 import { r } from "./pierre-theme-BUeJim8s.js";
 import * as i from "@stylexjs/stylex";

package/dist/{src-C9GQP3px.js → src-BVsyKLQ8.js}

@@ -1,4 +1,4 @@
-import { O as e, i as t, s as n } from "./src-CyJd2qSZ.js";
+import { O as e, i as t, s as n } from "./src-BXh4g2VY.js";
 import { i as r, l as i } from "./tokens.stylex-DTHHFbyl.js";
 import { t as a } from "./accessibility-C-aIZ1Yx.js";
 import { c as o, s } from "./constants.stylex-bbdiv1fD.js";

package/dist/{src-CyJd2qSZ.js → src-BXh4g2VY.js}

@@ -260,21 +260,22 @@ var C = {
 	danger: w.dangerText
 };
 function D({ id: e, children: t, isPending: n = !1, pendingLabel: r }) {
-	return r === void 0 ? t : /* @__PURE__ */ f("span", {
+	let i = n && r !== void 0;
+	return /* @__PURE__ */ f("span", {
 		id: e,
 		className: "xwz0xwf xeuugli x193iq5w",
 		children: [/* @__PURE__ */ d("span", {
-			"aria-hidden": n,
+			"aria-hidden": i,
 			...{
-				0: { className: "x15r89dc xeuugli" },
-				1: { className: "x15r89dc xeuugli xlshs6z" }
-			}[!!n | 0],
+				0: { className: "x15r89dc xrvj5dj x1mt1orb xt9c220 x6s0dn4 xl56j7k xbgj81g xeuugli" },
+				1: { className: "x15r89dc xrvj5dj x1mt1orb xt9c220 x6s0dn4 xl56j7k xbgj81g xeuugli xlshs6z" }
+			}[!!i | 0],
 			children: t
-		}), /* @__PURE__ */ d("span", {
+		}), r !== void 0 && /* @__PURE__ */ d("span", {
 			"aria-hidden": !n,
 			...{
-				0: { className: "x15r89dc xeuugli" },
-				1: { className: "x15r89dc xeuugli xlshs6z" }
+				0: { className: "x15r89dc xrvj5dj x1mt1orb xt9c220 x6s0dn4 xl56j7k xbgj81g xeuugli" },
+				1: { className: "x15r89dc xrvj5dj x1mt1orb xt9c220 x6s0dn4 xl56j7k xbgj81g xeuugli xlshs6z" }
 			}[!n | 0],
 			children: r
 		})]

package/dist/{src-BkXlN6aZ.js → src-R0kgHFPZ.js}

@@ -1,4 +1,4 @@
-import { O as e, b as t, i as n, s as r, v as i, x as a } from "./src-CyJd2qSZ.js";
+import { O as e, b as t, i as n, s as r, v as i, x as a } from "./src-BXh4g2VY.js";
 import { t as o } from "./style-composition-uYlczSsB.js";
 import { mergeProps as s } from "@base-ui/react/merge-props";
 import * as c from "@stylexjs/stylex";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mechane-ai/elements",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
   "license": "Apache-2.0",
   "repository": {