@xenosystem/blocks 0.15.0 → 0.15.2

package/dist/{chunk-4IDY5FHM.js → chunk-LKYPCOTE.js}

@@ -242,6 +242,7 @@ function RedoIcon({ size = 11 }) {
 
 // src/edit/inspector/react/icons.tsx
 import Link from "@xenosystem/elements/elements/link";
+import Copy2 from "@xenosystem/elements/elements/copy";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
@@ -271,6 +272,7 @@ function NextIcon({ size = 9 }) {
   return /* @__PURE__ */ jsx6("svg", { ...base(size), children: /* @__PURE__ */ jsx6("path", { d: "m9 18 6-6-6-6" }) });
 }
 var LinkIcon = fromElement(Link, 10);
+var CopyIcon = fromElement(Copy2, 10);
 function ResetIcon({ size = 10 }) {
   return /* @__PURE__ */ jsxs5("svg", { ...base(size), children: [
     /* @__PURE__ */ jsx6("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
@@ -489,6 +491,7 @@ export {
   PrevIcon,
   NextIcon,
   LinkIcon,
+  CopyIcon,
   ResetIcon,
   XIcon2,
   KindGlyph,

package/dist/data/index.js

@@ -12,7 +12,7 @@ import {
   RefreshGlyph,
   SortAscGlyph,
   SortDescGlyph
-} from "../chunk-4IDY5FHM.js";
+} from "../chunk-LKYPCOTE.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.d.ts

@@ -981,8 +981,21 @@ interface XenoInspectorField {
         field: string;
         in: XenoFieldValue[];
     };
+    /**
+     * Inside `itemFields`: a sub-field with `token.bindable` carries its binding IN THE ITEM as
+     * `${subId}Token` (a token id or empty). The row's token menu reads it, and a pick rewrites the item
+     * and emits ONE `set` for the list — the same contract as a value edit, so a host binds a stroke's
+     * colour or an effect's shadow from the item it already receives.
+     */
     /** For a structured `list`: the label drawn on each item row (e.g. `Fill`, `Shadow`). */
     itemLabel?: string;
+    /**
+     * Draw a Copy button beside the field. The block writes the field's text to the clipboard itself
+     * when it has one; where it does not (a sandboxed frame), it emits `action { actionId: 'copy' }`
+     * with the value so the host can. Raised by Canvas's Dev handoff (2026-09-18): a read-only code
+     * block whose whole point is being copied.
+     */
+    copyable?: boolean;
     /** Axis labels for `vector` (e.g. `['X','Y']`). */
     components?: string[];
     /** Scalar ⇔ per-element expander (Canvas's corner radius). */
@@ -1424,6 +1437,11 @@ declare class InspectorPanelController {
      * normal field `set`; otherwise it is an `action` with `actionId: 'setEnabled'`.
      */
     toggleSectionEnabled(sectionId: string): boolean;
+    /**
+     * Copy a field's text. The clipboard is used when this runtime has one; otherwise the host gets
+     * `action { sectionId, actionId: 'copy', value }` and copies on the panel's behalf.
+     */
+    copyField(fieldId: string): boolean;
     /** Run a section action button. */
     runAction(sectionId: string, actionId: string): void;
     /** Pick an entry from a section's Add menu. */
@@ -1685,6 +1703,7 @@ interface InspectorViewField {
     showToken: boolean;
     tokenActionLabel: string;
     showReset: boolean;
+    showCopy: boolean;
     showInfoNote: boolean;
     infoNote?: string;
     /** The field record itself — what `inspector/FieldWidget` renders. */
@@ -1774,6 +1793,9 @@ type InspectorUiIntent = {
 } | {
     kind: 'resetField';
     fieldId: string;
+} | {
+    kind: 'copyField';
+    fieldId: string;
 };
 /** The link menu's items: the field's group of tokens (all, when it names none), then Unbind and Create-from-value. */
 declare function tokenItemsFor(field: XenoInspectorField, tokens: readonly XenoInspectorToken[], bound: boolean): InspectorViewField['tokenItems'];

package/dist/edit/index.js

@@ -1,5 +1,6 @@
 import {
   CollapseGlyph,
+  CopyIcon,
   DiamondIcon,
   EntryIcon,
   ExpandGlyph,
@@ -21,7 +22,7 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-4IDY5FHM.js";
+} from "../chunk-LKYPCOTE.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -2011,7 +2012,9 @@ function findField(schema, fieldId) {
   if (!list || !sub) return void 0;
   const item = (Array.isArray(list.value) ? list.value : []).find((it) => it?.id === v.itemId);
   if (!item) return void 0;
-  return { ...sub, id: fieldId, value: item[v.subId], disabled: sub.disabled || list.disabled, readOnly: sub.readOnly || list.readOnly };
+  const tokenId = sub.token?.bindable ? item[`${v.subId}Token`] : void 0;
+  const token = sub.token ? { ...sub.token, ...typeof tokenId === "string" && tokenId ? { tokenId } : { tokenId: null } } : void 0;
+  return { ...sub, id: fieldId, value: item[v.subId], disabled: sub.disabled || list.disabled, readOnly: sub.readOnly || list.readOnly, ...token ? { token } : {} };
 }
 function findSectionOf(schema, fieldId) {
   return schema.sections.find((s) => s.fields.some((f) => f.id === fieldId));
@@ -2629,6 +2632,23 @@ var InspectorPanelController = class {
     this.emit({ type: "action", sectionId, actionId: "setEnabled", value: next });
     return true;
   }
+  /**
+   * Copy a field's text. The clipboard is used when this runtime has one; otherwise the host gets
+   * `action { sectionId, actionId: 'copy', value }` and copies on the panel's behalf.
+   */
+  copyField(fieldId) {
+    const field = findField(this.schema, fieldId);
+    if (!field) return false;
+    const text11 = String(this.getFieldValue(fieldId) ?? "");
+    const clip = globalThis.navigator?.clipboard;
+    if (clip?.writeText) {
+      void clip.writeText(text11).catch(() => void 0);
+      return true;
+    }
+    const sectionId = findSectionOf(this.schema, fieldId)?.id ?? "";
+    this.emit({ type: "action", sectionId, actionId: "copy", value: text11 });
+    return true;
+  }
   /** Run a section action button. */
   runAction(sectionId, actionId) {
     this.emit({ type: "action", sectionId, actionId });
@@ -2673,6 +2693,13 @@ var InspectorPanelController = class {
   bindToken(fieldId, tokenId) {
     const field = findField(this.schema, fieldId);
     if (!field) return false;
+    const virtual = parseListFieldId(fieldId);
+    if (virtual) {
+      const items = this.getFieldValue(virtual.listId) ?? [];
+      const next = items.map((it) => it.id === virtual.itemId ? { ...it, [`${virtual.subId}Token`]: tokenId ?? "" } : it);
+      this.emit({ type: "set", targetIds: this.targetIds(), fieldId: virtual.listId, value: next });
+      return true;
+    }
     this.emit({ type: "bindToken", targetIds: this.targetIds(), fieldId, tokenId });
     return true;
   }
@@ -3052,6 +3079,7 @@ function inspectorViewState(c) {
           showToken: showTokens && field.token?.bindable !== false,
           tokenActionLabel: bound ? "Unbind token" : "Bind token",
           showReset: field.defaultValue !== void 0 && isFieldEditable(field),
+          showCopy: !!field.copyable,
           showInfoNote: !!field.description && field.type === "info",
           infoNote: field.description,
           field
@@ -3114,6 +3142,9 @@ function applyInspectorUi(c, intent) {
     case "resetField":
       c.resetField(intent.fieldId);
       break;
+    case "copyField":
+      c.copyField(intent.fieldId);
+      break;
   }
 }
 var inspectorViewManifest = {
@@ -3235,7 +3266,8 @@ var INSPECTOR_DECLARATION = {
                                       props: { size: { value: "sm" }, trigger: { node: { component: "icons/Link" } }, items: { item: "tokenItems" }, label: { item: "tokenActionLabel" }, align: { value: "end" } },
                                       on: { onSelect: ui2("pickToken", { fieldId: { item: "id" }, itemId: { arg: "" } }) }
                                     },
-                                    iconButton("Reset", { value: "Reset to default" }, ui2("resetField", { fieldId: { item: "id" } }), { when: { item: "showReset" } })
+                                    iconButton("Reset", { value: "Reset to default" }, ui2("resetField", { fieldId: { item: "id" } }), { when: { item: "showReset" } }),
+                                    iconButton("Copy", { value: "Copy" }, ui2("copyField", { fieldId: { item: "id" } }), { when: { item: "showCopy" } })
                                   ]
                                 }
                               }
@@ -3266,15 +3298,16 @@ var INSPECTOR_DECLARATION = {
 };
 
 // src/edit/inspector/react/InspectorPanelView.tsx
-import { Badge as Badge2, Column as Column2, EmptyState as EmptyState2, Field, FieldGroup, IconButton as IconButton3, Menu, ScrollArea as ScrollArea2, SearchField as SearchField2, Section, Select as Select2, Stack as Stack2, Text as Text3 } from "@xenosystem/components/chrome";
+import { Badge as Badge2, Column as Column2, EmptyState as EmptyState2, Field, FieldGroup, IconButton as IconButton3, Menu as Menu2, ScrollArea as ScrollArea2, SearchField as SearchField2, Section, Select as Select2, Stack as Stack2, Text as Text3 } from "@xenosystem/components/chrome";
 
 // src/edit/inspector/react/widgets.tsx
 import { useCallback as useCallback2, useRef as useRef3 } from "react";
-import { Fragment as Fragment2 } from "react";
+import "react";
 import {
   AxisLabel,
   IconButton as IconButton2,
   Input as Input2,
+  Menu,
   ProportionBar,
   SegmentedControl,
   Select,
@@ -3561,7 +3594,27 @@ function ListWidget({ field, controller, renderField }) {
         field.itemLabel ? /* @__PURE__ */ jsx3(Text2, { role: "caption", children: `${field.itemLabel} ${i + 1}` }) : null,
         field.itemFields.filter((sub) => itemShowsSubField(sub, item)).map((sub) => {
           const virtual = controller.getField(`${field.id}[${item.id}].${sub.id}`);
-          return virtual ? /* @__PURE__ */ jsx3(Fragment2, { children: renderField(virtual) }, sub.id) : null;
+          if (!virtual) return null;
+          const bound = !!virtual.token?.tokenId;
+          const tokens = controller.getTokens();
+          const menu = sub.token?.bindable && controller.areTokensShown() ? /* @__PURE__ */ jsx3(
+            Menu,
+            {
+              size: "sm",
+              trigger: /* @__PURE__ */ jsx3(LinkIcon, {}),
+              items: tokenItemsFor(virtual, tokens, bound),
+              label: bound ? "Unbind token" : "Bind token",
+              align: "end",
+              onSelect: (id) => {
+                if (id === "__unbind") controller.bindToken(virtual.id, null);
+                else if (id.startsWith("token:")) controller.bindToken(virtual.id, id.slice(6));
+              }
+            }
+          ) : null;
+          return /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 2, pad: "none", children: [
+            bound ? /* @__PURE__ */ jsx3(Text2, { role: "meta", children: virtual.token?.tokenName ?? tokens.find((t) => t.id === virtual.token?.tokenId)?.name ?? virtual.token?.tokenId }) : renderField(virtual),
+            menu
+          ] }, sub.id);
         })
       ] }) : /* @__PURE__ */ jsx3(Text2, { role: "meta", children: typeof item === "string" ? item : JSON.stringify(item) }),
       editable ? /* @__PURE__ */ jsxs2(Fragment3, { children: [
@@ -3646,7 +3699,7 @@ function SectionView({ section, controller }) {
       badge: section.badge ? /* @__PURE__ */ jsx4(Badge2, { children: section.badge }) : null,
       actions: hasActions ? /* @__PURE__ */ jsxs3(Fragment4, { children: [
         section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui10({ kind: "runAction", sectionId: section.id, actionId: action.id }) }, action.id)),
-        section.hasAddMenu ? /* @__PURE__ */ jsx4(Menu, { size: "sm", trigger: "\uFF0B", items: section.addItems, label: section.addLabel, align: "end", onSelect: (id) => ui10({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
+        section.hasAddMenu ? /* @__PURE__ */ jsx4(Menu2, { size: "sm", trigger: "\uFF0B", items: section.addItems, label: section.addLabel, align: "end", onSelect: (id) => ui10({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
       ] }) : null,
       children: [
         section.showEmptyHint ? /* @__PURE__ */ jsx4(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx4(Text3, { role: "caption", children: section.emptyHint }) }) : null,
@@ -3675,8 +3728,9 @@ function FieldRow({ row: row2, controller }) {
         trailing: /* @__PURE__ */ jsxs3(Fragment4, { children: [
           row2.showEasing ? /* @__PURE__ */ jsx4(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui10({ kind: "setEasing", fieldId: row2.id, easing: v }) }) : null,
           row2.showKeyframes ? /* @__PURE__ */ jsx4(Badge2, { size: "sm", children: row2.keyframeChip }) : null,
-          row2.showToken ? /* @__PURE__ */ jsx4(Menu, { size: "sm", trigger: /* @__PURE__ */ jsx4(LinkIcon, {}), items: row2.tokenItems, label: row2.tokenActionLabel, align: "end", onSelect: (id) => ui10({ kind: "pickToken", fieldId: row2.id, itemId: id }) }) : null,
-          row2.showReset ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ResetIcon, {}), label: "Reset to default", onClick: () => ui10({ kind: "resetField", fieldId: row2.id }) }) : null
+          row2.showToken ? /* @__PURE__ */ jsx4(Menu2, { size: "sm", trigger: /* @__PURE__ */ jsx4(LinkIcon, {}), items: row2.tokenItems, label: row2.tokenActionLabel, align: "end", onSelect: (id) => ui10({ kind: "pickToken", fieldId: row2.id, itemId: id }) }) : null,
+          row2.showReset ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ResetIcon, {}), label: "Reset to default", onClick: () => ui10({ kind: "resetField", fieldId: row2.id }) }) : null,
+          row2.showCopy ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(CopyIcon, {}), label: "Copy", onClick: () => ui10({ kind: "copyField", fieldId: row2.id }) }) : null
         ] }),
         children: [
           row2.bound ? /* @__PURE__ */ jsx4(Badge2, { title: row2.tokenTitle, children: row2.tokenLabel }) : null,

package/dist/icons/index.js

@@ -2,7 +2,7 @@ import {
   ICONS,
   ICON_UNITS,
   Svg
-} from "../chunk-4IDY5FHM.js";
+} from "../chunk-LKYPCOTE.js";
 import "../chunk-2KG3PWR4.js";
 export {
   ICONS,

package/dist/ops/index.js

@@ -10,7 +10,7 @@ import {
   ICONS,
   PlusGlyph,
   XGlyph
-} from "../chunk-4IDY5FHM.js";
+} from "../chunk-LKYPCOTE.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts

package/dist/time/index.js

@@ -13,7 +13,7 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-4IDY5FHM.js";
+} from "../chunk-LKYPCOTE.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "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",