@xenosystem/blocks 0.13.3 → 0.13.5

package/dist/agent/index.d.ts

@@ -642,7 +642,6 @@ interface AgentPanelViewModel {
     busy: boolean;
     idle: boolean;
     canSubmit: boolean;
-    cannotSubmit: boolean;
     submitKind: 'submit' | 'steer';
 }
 interface AgentPanelViewOptions {

package/dist/agent/index.js

@@ -1104,7 +1104,6 @@ function agentPanelView(state, options = {}) {
     busy: state.busy,
     idle: !state.busy,
     canSubmit: state.canSubmit,
-    cannotSubmit: !state.canSubmit,
     submitKind: state.busy ? "steer" : "submit"
   };
 }
@@ -1209,7 +1208,7 @@ var AGENT_DECLARATION = {
                   children: [
                     { component: "chrome/TextButton", when: { input: "view.busy" }, on: { onClick: ui("steer") }, children: [{ component: "text", props: { text: { value: "Steer" } } }] },
                     { component: "chrome/TextButton", when: { input: "view.busy" }, on: { onClick: ui("cancel") }, children: [{ component: "text", props: { text: { value: "Stop" } } }] },
-                    { component: "chrome/TextButton", when: { input: "view.idle" }, props: { disabled: { input: "view.cannotSubmit" } }, on: { onClick: ui("submit") }, children: [{ component: "text", props: { text: { value: "Send" } } }] }
+                    { component: "chrome/TextButton", when: { input: "view.idle" }, props: { disabled: { not: { input: "view.canSubmit" } } }, on: { onClick: ui("submit") }, children: [{ component: "text", props: { text: { value: "Send" } } }] }
                   ]
                 }
               }
@@ -1293,7 +1292,7 @@ function AgentPanelView({
         right: /* @__PURE__ */ jsxs(ToolbarGroup, { end: true, children: [
           v.busy ? /* @__PURE__ */ jsx(TextButton, { onClick: () => controller.steer(), children: "Steer" }) : null,
           v.busy ? /* @__PURE__ */ jsx(TextButton, { onClick: () => controller.cancel(), children: "Stop" }) : null,
-          v.idle ? /* @__PURE__ */ jsx(TextButton, { disabled: v.cannotSubmit, onClick: () => controller.submit(), children: "Send" }) : null
+          v.idle ? /* @__PURE__ */ jsx(TextButton, { disabled: !v.canSubmit, onClick: () => controller.submit(), children: "Send" }) : null
         ] })
       }
     )

package/dist/auth/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { PanelTone } from '@xenosystem/components/chrome';
@@ -314,7 +314,7 @@ interface AuthGateViewProps {
     heroSrc?: string;
     now?: () => number;
 }
-declare function AuthGateView$1({ controller, productName, children, heroSrc, now }: AuthGateViewProps): React.JSX.Element;
+declare function AuthGateView$1({ controller, productName, children, heroSrc, now }: AuthGateViewProps): react.JSX.Element;
 
 /**
  * The auth gate AS A DECLARATION — the first block written the way `xeno-apps/SPEC.md` §8d says every

package/dist/{chunk-SFSCCISX.js → chunk-UGA6G7IN.js}

@@ -1,9 +1,12 @@
 import {
   Svg,
-  XGlyph
-} from "./chunk-GQWAIPDF.js";
+  XGlyph,
+  fromElement
+} from "./chunk-YTSBYJVH.js";
 
 // src/edit/layers/react/icons.tsx
+import Eye from "@xenosystem/elements/elements/eye";
+import EyeOff from "@xenosystem/elements/elements/eye-off";
 import { jsx, jsxs } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
@@ -16,19 +19,8 @@ var base = (size) => ({
   strokeLinejoin: "round",
   "aria-hidden": true
 });
-function EyeIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
-  ] });
-}
-function EyeOffIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M10.7 5.1A11 11 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4M6.6 6.6A18 18 0 0 0 2 12s3.5 7 10 7a10.9 10.9 0 0 0 5.4-1.4" }),
-    /* @__PURE__ */ jsx("path", { d: "M14.1 14.1a3 3 0 1 1-4.2-4.2" }),
-    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
-  ] });
-}
+var EyeIcon = fromElement(Eye, 12);
+var EyeOffIcon = fromElement(EyeOff, 12);
 function LockIcon({ size = 12, className }) {
   return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
     /* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
@@ -52,6 +44,7 @@ function LockStateIcon({ locked, size }) {
 }
 
 // src/edit/inspector/react/icons.tsx
+import Link from "@xenosystem/elements/elements/link";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var base2 = (size) => ({
   width: size,
@@ -80,12 +73,7 @@ function PrevIcon({ size = 9 }) {
 function NextIcon({ size = 9 }) {
   return /* @__PURE__ */ jsx2("svg", { ...base2(size), children: /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }) });
 }
-function LinkIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx2("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
-    /* @__PURE__ */ jsx2("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
-  ] });
-}
+var LinkIcon = fromElement(Link, 10);
 function ResetIcon({ size = 10 }) {
   return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
     /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
@@ -100,6 +88,7 @@ function XIcon({ size = 10 }) {
 }
 
 // src/edit/history/react/icons.tsx
+import Trash from "@xenosystem/elements/elements/trash";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var svgBase = (size) => ({
   width: size,
@@ -150,13 +139,7 @@ function EntryIcon({ name, size = 11 }) {
 function XIcon2({ size = 10 }) {
   return /* @__PURE__ */ jsx3(XGlyph, { size });
 }
-function TrashIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ jsx3("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-  ] });
-}
+var TrashIcon = fromElement(Trash);
 function UndoIcon({ size = 11 }) {
   return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
     /* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),

package/dist/chunk-YTSBYJVH.js

@@ -0,0 +1,115 @@
+// src/icons/glyphs.tsx
+import Copy from "@xenosystem/elements/elements/copy";
+import Download from "@xenosystem/elements/elements/download";
+import Plus from "@xenosystem/elements/elements/plus";
+import Refresh from "@xenosystem/elements/elements/refresh";
+import X from "@xenosystem/elements/elements/x";
+
+// src/icons/elements.tsx
+import { XenoElement } from "@xenosystem/elements-react";
+import { jsx } from "react/jsx-runtime";
+var GLYPH_STROKE_WIDTH = 1.5;
+function fromElement(decl, defaultSize = 11, state) {
+  const Glyph = ({ size = defaultSize, className }) => /* @__PURE__ */ jsx(XenoElement, { decl, state, size, strokeWidth: GLYPH_STROKE_WIDTH, className, "aria-hidden": "true", role: void 0, "aria-label": void 0 });
+  Glyph.displayName = `Element(${decl.id})`;
+  return Glyph;
+}
+
+// src/icons/glyphs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Svg({ children, size = 11 }) {
+  return /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+}
+var RefreshGlyph = fromElement(Refresh);
+var XGlyph = fromElement(X);
+var PlusGlyph = fromElement(Plus);
+function ChevronGlyph({ direction = "right", size } = {}) {
+  const d = direction === "left" ? "m15 18-6-6 6-6" : direction === "up" ? "m18 15-6-6-6 6" : direction === "down" ? "m6 9 6 6 6-6" : "m9 18 6-6-6-6";
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("path", { d }) });
+}
+var DownloadGlyph = fromElement(Download);
+function PlugGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
+  ] });
+}
+function SortAscGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m5 12 7-7 7 7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 19V5" })
+  ] });
+}
+function SortDescGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 5v14" }),
+    /* @__PURE__ */ jsx2("path", { d: "m19 12-7 7-7-7" })
+  ] });
+}
+function ExpandGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 5 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 19 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 12H8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 12h-2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+function CollapseGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 13 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 11 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+var CopyGlyph = fromElement(Copy);
+function ClearGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
+  ] });
+}
+function CancelGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
+}
+function RetryGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 3v6h-6" })
+  ] });
+}
+function CaseGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m3 15 4-8 4 8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 13h6" }),
+    /* @__PURE__ */ jsx2("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 9v6" })
+  ] });
+}
+
+export {
+  fromElement,
+  Svg,
+  RefreshGlyph,
+  XGlyph,
+  PlusGlyph,
+  ChevronGlyph,
+  DownloadGlyph,
+  PlugGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  ExpandGlyph,
+  CollapseGlyph,
+  CopyGlyph,
+  ClearGlyph,
+  CancelGlyph,
+  RetryGlyph,
+  CaseGlyph
+};

package/dist/{chunk-BP4EYOCQ.js → chunk-YZYFDQIY.js}

@@ -1,4 +1,11 @@
+import {
+  fromElement
+} from "./chunk-YTSBYJVH.js";
+
 // src/time/transport/react/icons.tsx
+import Pause from "@xenosystem/elements/elements/pause";
+import Play from "@xenosystem/elements/elements/play";
+import Stop from "@xenosystem/elements/elements/stop";
 import { jsx, jsxs } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
@@ -11,18 +18,9 @@ var base = (size) => ({
   strokeLinejoin: "round",
   "aria-hidden": true
 });
-function PlayIcon({ size = 12 }) {
-  return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M7 4.5v15l13-7.5z" }) });
-}
-function PauseIcon({ size = 12 }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), fill: "currentColor", stroke: "none", children: [
-    /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }),
-    /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })
-  ] });
-}
-function StopIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
-}
+var PlayIcon = fromElement(Play, 12);
+var PauseIcon = fromElement(Pause, 12);
+var StopIcon = fromElement(Stop);
 function RecordIcon({ size = 11 }) {
   return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
 }

package/dist/data/index.js

@@ -15,7 +15,7 @@ import {
   SortAscGlyph,
   SortDescGlyph,
   XGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.d.ts

@@ -1,7 +1,7 @@
 import { PanelHost, PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { FlatRow as FlatRow$1, DropTarget, ThrottleClock, VirtualWindow, DropPosition } from '@xenosystem/tree-core';
 export { DropPosition, DropTarget } from '@xenosystem/tree-core';
-import * as React from 'react';
+import * as react from 'react';
 import { ReactElement, ReactNode } from 'react';
 import { XenoTimebase, XenoTick } from '@xenosystem/time-core';
 
@@ -735,7 +735,7 @@ declare function LayersPanelView({ controller }: LayersPanelViewProps): ReactEle
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const LAYERS_RUNTIME_UNITS: readonly ["layers/Scroller", "layers/RenameField", "layers/Thumbnail"];
-declare function layersRuntimeComponents(controller: LayersPanelController): Record<(typeof LAYERS_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function layersRuntimeComponents(controller: LayersPanelController): Record<(typeof LAYERS_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The layers panel AS A DECLARATION — the seventh block written the §8d way (auth gate, agent,
@@ -768,9 +768,7 @@ interface LayersViewRow {
     /** `undefined` on a leaf — the twisty slot stays, empty. */
     expanded?: boolean;
     renaming: boolean;
-    notRenaming: boolean;
     hasThumbnail: boolean;
-    noThumbnail: boolean;
     thumbnailKey?: string;
     showVisibility: boolean;
     visible: boolean;
@@ -1615,7 +1613,6 @@ interface InspectorViewField {
     title: string;
     focused: boolean;
     bound: boolean;
-    unbound: boolean;
     tokenLabel?: string;
     tokenTitle?: string;
     showKeyframes: boolean;
@@ -1758,7 +1755,7 @@ declare function InspectorPanelView({ controller }: InspectorPanelViewProps): Re
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const INSPECTOR_RUNTIME_UNITS: readonly ["inspector/FieldWidget", "inspector/Properties", "inspector/ActionGlyph"];
-declare function inspectorRuntimeComponents(controller: InspectorPanelController): Record<(typeof INSPECTOR_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function inspectorRuntimeComponents(controller: InspectorPanelController): Record<(typeof INSPECTOR_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The canonical History wire contract (union spec §3): `XenoHistoryState` in,
@@ -2244,7 +2241,7 @@ declare function HistoryPanelView({ controller }: HistoryPanelViewProps): ReactE
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const HISTORY_RUNTIME_UNITS: readonly ["history/Scroller", "history/CancelButton"];
-declare function historyRuntimeComponents(controller: HistoryPanelController): Record<(typeof HISTORY_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function historyRuntimeComponents(controller: HistoryPanelController): Record<(typeof HISTORY_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The history panel AS A DECLARATION — the sixth block written the §8d way (auth gate, agent, account,
@@ -2290,8 +2287,6 @@ interface HistoryViewRow {
 interface HistoryViewState {
     canUndo: boolean;
     canRedo: boolean;
-    cannotUndo: boolean;
-    cannotRedo: boolean;
     searchShown: boolean;
     filter: string;
     counter: string;
@@ -2808,7 +2803,7 @@ declare function ColorPanelView({ controller }: ColorPanelViewProps): ReactEleme
 /** The units the runtime registers for `COLOR_DECLARATION`, bound to ITS controller: the picker and the glyphs. */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const COLOR_RUNTIME_UNITS: readonly ["color/Picker"];
-declare function colorRuntimeComponents(controller: ColorPanelController): Record<(typeof COLOR_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function colorRuntimeComponents(controller: ColorPanelController): Record<(typeof COLOR_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The color panel AS A DECLARATION — the eighth block written the §8d way (auth gate, agent, account,

package/dist/edit/index.js

@@ -17,14 +17,14 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-SFSCCISX.js";
+} from "../chunk-UGA6G7IN.js";
 import {
   CaseGlyph,
   ChevronGlyph,
   CollapseGlyph,
   ExpandGlyph,
   RefreshGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -1258,9 +1258,7 @@ function layersViewState(c) {
         dropHint: drag?.target && drag.target.targetId === row2.id ? drag.target.position : null,
         expanded: container ? row2.expanded : void 0,
         renaming: renamingId === row2.id,
-        notRenaming: renamingId !== row2.id,
         hasThumbnail: columns.includes("thumbnail") && !!node.thumbnailKey,
-        noThumbnail: !(columns.includes("thumbnail") && !!node.thumbnailKey),
         thumbnailKey: node.thumbnailKey,
         showVisibility: columns.includes("visibility") && node.visible !== void 0,
         visible: !!node.visible,
@@ -1365,7 +1363,7 @@ var LAYERS_DECLARATION = {
                           component: "fragment",
                           children: [
                             { component: "layers/Thumbnail", when: { item: "hasThumbnail" }, props: { thumbnailKey: { item: "thumbnailKey" }, size: { input: "view.thumbnailSize" } } },
-                            { component: "icons/Kind", when: { item: "noThumbnail" } }
+                            { component: "icons/Kind", when: { not: { item: "hasThumbnail" } } }
                           ]
                         }
                       },
@@ -1387,7 +1385,7 @@ var LAYERS_DECLARATION = {
                           component: "fragment",
                           children: [
                             { component: "layers/RenameField", when: { item: "renaming" }, props: { id: { item: "id" } } },
-                            { component: "text", when: { item: "notRenaming" }, props: { text: { item: "name" } } }
+                            { component: "text", when: { not: { item: "renaming" } }, props: { text: { item: "name" } } }
                           ]
                         }
                       },
@@ -3010,7 +3008,6 @@ function inspectorViewState(c) {
           title: field.description ?? field.label,
           focused: focusedId === field.id,
           bound,
-          unbound: !bound,
           tokenLabel: tokenName,
           tokenTitle: bound ? `Bound to ${tokenName}` : void 0,
           showKeyframes: sk,
@@ -3212,7 +3209,7 @@ var INSPECTOR_DECLARATION = {
                             },
                             children: [
                               { component: "chrome/Badge", when: { item: "bound" }, props: { title: { item: "tokenTitle" } }, children: [text2({ item: "tokenLabel" })] },
-                              { component: "inspector/FieldWidget", when: { item: "unbound" }, props: { field: { item: "field" } } }
+                              { component: "inspector/FieldWidget", when: { not: { item: "bound" } }, props: { field: { item: "field" } } }
                             ]
                           },
                           { component: "chrome/Stack", when: { item: "showInfoNote" }, props: { pad: { value: "inset" } }, children: [{ component: "chrome/Text", props: { role: { value: "caption" } }, children: [text2({ item: "infoNote" })] }] }
@@ -3632,7 +3629,7 @@ function FieldRow({ row: row2, controller }) {
         ] }),
         children: [
           row2.bound ? /* @__PURE__ */ jsx4(Badge2, { title: row2.tokenTitle, children: row2.tokenLabel }) : null,
-          row2.unbound ? /* @__PURE__ */ jsx4(FieldWidget, { field: row2.field, controller }) : null
+          !row2.bound ? /* @__PURE__ */ jsx4(FieldWidget, { field: row2.field, controller }) : null
         ]
       }
     ),
@@ -4665,8 +4662,6 @@ function historyViewState(c) {
   return {
     canUndo: c.canUndo(),
     canRedo: c.canRedo(),
-    cannotUndo: !c.canUndo(),
-    cannotRedo: !c.canRedo(),
     searchShown: c.isSearchShown(),
     filter: c.getFilter(),
     counter: `${c.getAppliedCount()} / ${c.getTotalCount()}`,
@@ -4755,7 +4750,7 @@ var historyViewManifest = {
   outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, entryId?, value?, x?, y? } \u2014 applied by the runtime to the controller." }],
   commands: []
 };
-var EMPTY3 = { canUndo: false, canRedo: false, cannotUndo: true, cannotRedo: true, searchShown: true, filter: "", counter: "0 / 0", clearAllowed: false, confirmingClear: false, pruned: false, totalHeight: 0, offsetTop: 0, rows: [], empty: true, hasMemory: false, memoryText: "" };
+var EMPTY3 = { canUndo: false, canRedo: false, searchShown: true, filter: "", counter: "0 / 0", clearAllowed: false, confirmingClear: false, pruned: false, totalHeight: 0, offsetTop: 0, rows: [], empty: true, hasMemory: false, memoryText: "" };
 var BEHAVIOURS3 = {
   "edit/historyPanelView": (inputs) => inputs.view ?? EMPTY3
 };
@@ -4776,8 +4771,8 @@ var HISTORY_DECLARATION = {
             node: {
               component: "fragment",
               children: [
-                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Undo" } }, label: { value: "Undo" }, disabled: { input: "view.cannotUndo" } }, on: { onClick: ui3("undo") } },
-                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Redo" } }, label: { value: "Redo" }, disabled: { input: "view.cannotRedo" } }, on: { onClick: ui3("redo") } }
+                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Undo" } }, label: { value: "Undo" }, disabled: { not: { input: "view.canUndo" } } }, on: { onClick: ui3("undo") } },
+                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Redo" } }, label: { value: "Redo" }, disabled: { not: { input: "view.canRedo" } } }, on: { onClick: ui3("redo") } }
               ]
             }
           },
@@ -4881,8 +4876,8 @@ function HistoryPanelView({ controller }) {
       Toolbar2,
       {
         left: /* @__PURE__ */ jsxs4(Fragment4, { children: [
-          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: view.cannotUndo, onClick: () => ui5({ kind: "undo" }) }),
-          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: view.cannotRedo, onClick: () => ui5({ kind: "redo" }) })
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: !view.canUndo, onClick: () => ui5({ kind: "undo" }) }),
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: !view.canRedo, onClick: () => ui5({ kind: "redo" }) })
         ] }),
         right: /* @__PURE__ */ jsxs4(Fragment4, { children: [
           /* @__PURE__ */ jsx5(Text4, { role: "number", children: view.counter }),

package/dist/icons/index.d.ts

@@ -1,17 +1,5 @@
 import { ReactNode, ComponentType } from 'react';
 
-/**
- * The shared glyphs — ONE source for the strokes that used to be copied per block (`Refresh` was
- * byte-identical in three files, `X` in three, `Plus` in two). Lucide geometry at strokeWidth 1.5,
- * rectangles and lines only: no circles anywhere (DESIGN_SYSTEM §3). Every block-local `icons.tsx`
- * re-exports from here under its own name, so no view changed when the copies collapsed.
- *
- * Interim, like the registry beside it: when `@xenosystem/elements-react` ships the icon set, this
- * file becomes re-exports and the blocks are untouched.
- *
- * @module
- */
-
 /** The frame every glyph draws in. */
 declare function Svg({ children, size }: {
     children: ReactNode;

package/dist/icons/index.js

@@ -12,7 +12,7 @@ import {
   StepBackIcon,
   StepForwardIcon,
   StopIcon
-} from "../chunk-BP4EYOCQ.js";
+} from "../chunk-YZYFDQIY.js";
 import {
   DiamondIcon,
   EntryIcon,
@@ -30,7 +30,7 @@ import {
   TreeIcon,
   UndoIcon,
   VisibilityIcon
-} from "../chunk-SFSCCISX.js";
+} from "../chunk-UGA6G7IN.js";
 import {
   CancelGlyph,
   CaseGlyph,
@@ -48,7 +48,7 @@ import {
   SortDescGlyph,
   Svg,
   XGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/icons/index.ts

package/dist/ops/index.js

@@ -11,7 +11,7 @@ import {
   ClearGlyph,
   CopyGlyph,
   RetryGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts

package/dist/time/index.d.ts

@@ -1,9 +1,34 @@
 import { PanelHost, PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { ThrottleClock, XenoPlayheadClock, XenoTimebase, XenoTransportState, XenoTick, XenoStepUnit, XenoLoopRange } from '@xenosystem/time-core';
 export { BAR_SUBDIVISION, BarsBeats, DEFAULT_TIMEBASE, DISPLAY_CYCLE, ExtrapolateInput, IDLE_CLOCK, ThrottleClock, Throttled, XenoLoopRange, XenoPlayheadClock, XenoStepUnit, XenoTempoEntry, XenoTick, XenoTimeDisplay, XenoTimeSignature, XenoTimebase, XenoTransportIntent, XenoTransportState, clampTick, clockAt, createThrottle, displayLabel, effectiveFps, extrapolateTick, formatBars, formatFrames, formatSeconds, formatTick, formatTimecode, frameToTick, isAnimating, nextDisplay, normalizeClock, normalizeTimebase, secondsToTicks, tickToFrame, ticksToBarsBeats, ticksToSeconds, toTick, wrapIntoLoop } from '@xenosystem/time-core';
+import * as react from 'react';
 import { ReactElement, ReactNode } from 'react';
 import { XenoValue, XenoRow, XenoResultSet, XenoColumn } from '@xenosystem/data-core';
 
+/**
+ * THE SWAP POINT, in use — a glyph drawn by `@xenosystem/elements` (rung 1), rendered by
+ * `@xenosystem/elements-react`, wearing the family's glyph contract (`test/icons.contract.test.tsx`).
+ *
+ * `@xenosystem/elements@0.0.1` ships 101 element declarations and ONE renderer parameterised by data
+ * (`<XenoElement decl>`; no barrel, imported per id). Every `icons/*` name whose meaning the set
+ * already carries resolves here; the rest stay hand-drawn in `glyphs.tsx` and the block files until
+ * the set names them. The contract does not care which — that is the point of having written it.
+ *
+ * Two deliberate adaptations, both measured on 2026-09-18:
+ *   - `strokeWidth` is pinned to **1.5**: the renderer's `regular` weight is 1.75 (its own comment:
+ *     "the value the foundry workbench shipped and the design approved") while `DESIGN_SYSTEM.md`
+ *     §6 still says 1.5 and every hand-drawn glyph beside these draws 1.5. Two weights in one toolbar
+ *     is the visible defect; which number is right is the design owner's call
+ *     (`orchestrator/briefs/2026-09-18-icon-stroke-weight-1.5-vs-1.75.md`) and flips in ONE place.
+ *   - `role`/`aria-label` are removed and `aria-hidden` set: a glyph is never a name; the unit that
+ *     mounts it (`IconButton.label`, a Row's label) is.
+ */
+
+interface ElementGlyphProps {
+    size?: number;
+    className?: string;
+}
+
 /**
  * `TransportPanelController` — the framework-free brain of the Transport panel.
  *
@@ -260,23 +285,9 @@ interface TransportPanelViewProps {
 }
 declare function TransportPanelView({ controller }: TransportPanelViewProps): ReactElement;
 
-/**
- * Inline transport glyphs at lucide geometry, **strokeWidth 1.5** (DESIGN_SYSTEM §6). Zero runtime
- * dependencies — no `lucide-react` import. Shapes are rectangles and triangles only; the record
- * glyph is a rounded SQUARE, never a circle (§3 "no circles anywhere").
- *
- * @module
- */
-
 interface IconProps {
     size?: number;
 }
-/** lucide `play` (filled for weight at small sizes). */
-declare function PlayIcon({ size }: IconProps): ReactElement;
-/** lucide `pause`. */
-declare function PauseIcon({ size }: IconProps): ReactElement;
-/** lucide `square` — stop. */
-declare function StopIcon({ size }: IconProps): ReactElement;
 /** Record — a rounded SQUARE (the XENO shape language has no circles). */
 declare function RecordIcon({ size }: IconProps): ReactElement;
 /** lucide `skip-back` — go to start. */
@@ -305,10 +316,10 @@ declare function PlayPauseIcon({ playing, size }: {
  * elements icon set lands, then these resolve to `icons/*` and this map goes.
  */
 declare const TRANSPORT_ICONS: {
-    'transport/PlayIcon': typeof PlayIcon;
-    'transport/PauseIcon': typeof PauseIcon;
+    'transport/PlayIcon': react.ComponentType<ElementGlyphProps>;
+    'transport/PauseIcon': react.ComponentType<ElementGlyphProps>;
     'transport/PlayPauseIcon': typeof PlayPauseIcon;
-    'transport/StopIcon': typeof StopIcon;
+    'transport/StopIcon': react.ComponentType<ElementGlyphProps>;
     'transport/RecordIcon': typeof RecordIcon;
     'transport/StartIcon': typeof StartIcon;
     'transport/EndIcon': typeof EndIcon;

package/dist/time/index.js

@@ -12,10 +12,10 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-BP4EYOCQ.js";
+} from "../chunk-YZYFDQIY.js";
 import {
   ChevronGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",
@@ -63,9 +63,10 @@
   },
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
-    "@xenosystem/block-sdk": ">=0.3.3 <1",
+    "@xenosystem/block-sdk": ">=0.3.4 <1",
     "@xenosystem/components": ">=0.18.0 <1",
     "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
     "@xenosystem/time-core": "^0.1.0",
     "@xenosystem/tree-core": "^0.1.0",
@@ -79,9 +80,10 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@xenosystem/block-sdk": "^0.3.3",
+    "@xenosystem/block-sdk": "^0.3.4",
     "@xenosystem/components": "^0.18.0",
     "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",
     "@xenosystem/time-core": "^0.1.0",
     "@xenosystem/tree-core": "^0.1.0",

package/dist/chunk-GQWAIPDF.js

@@ -1,125 +0,0 @@
-// src/icons/glyphs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Svg({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
-}
-function RefreshGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 16h5v5" })
-  ] });
-}
-function XGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-  ] });
-}
-function PlusGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
-  ] });
-}
-function ChevronGlyph({ direction = "right", size } = {}) {
-  const d = direction === "left" ? "m15 18-6-6 6-6" : direction === "up" ? "m18 15-6-6-6 6" : direction === "down" ? "m6 9 6 6 6-6" : "m9 18 6-6-6-6";
-  return /* @__PURE__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("path", { d }) });
-}
-function DownloadGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsx("path", { d: "M7 10l5 5 5-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 15V3" })
-  ] });
-}
-function PlugGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 8V2M15 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
-  ] });
-}
-function SortAscGlyph({ size = 9 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 19V5" })
-  ] });
-}
-function SortDescGlyph({ size = 9 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-    /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
-  ] });
-}
-function ExpandGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 5 3-3 3 3" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 19 3 3 3-3" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 12H8" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 12h-2" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
-  ] });
-}
-function CollapseGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 13 3 3 3-3" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 11 3-3 3 3" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
-  ] });
-}
-function CopyGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "12", height: "12", rx: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-  ] });
-}
-function ClearGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
-    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-  ] });
-}
-function CancelGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
-}
-function RetryGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 3v6h-6" })
-  ] });
-}
-function CaseGlyph({ size = 12 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "m3 15 4-8 4 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 13h6" }),
-    /* @__PURE__ */ jsx("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 9v6" })
-  ] });
-}
-
-export {
-  Svg,
-  RefreshGlyph,
-  XGlyph,
-  PlusGlyph,
-  ChevronGlyph,
-  DownloadGlyph,
-  PlugGlyph,
-  SortAscGlyph,
-  SortDescGlyph,
-  ExpandGlyph,
-  CollapseGlyph,
-  CopyGlyph,
-  ClearGlyph,
-  CancelGlyph,
-  RetryGlyph,
-  CaseGlyph
-};