@xenosystem/blocks 0.15.0 → 0.15.1

package/dist/edit/index.d.ts

@@ -981,6 +981,12 @@ 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;
     /** Axis labels for `vector` (e.g. `['X','Y']`). */

package/dist/edit/index.js

@@ -2011,7 +2011,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));
@@ -2673,6 +2675,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;
   }
@@ -3266,15 +3275,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 +3571,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 +3676,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,7 +3705,7 @@ 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.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
         ] }),
         children: [

package/package.json

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