@xenosystem/blocks 0.17.0 → 0.18.0

package/dist/edit/index.d.ts

@@ -6767,6 +6767,17 @@ type XenoTreeIcon = {
 } | {
     kind: 'text';
     value: string;
+}
+/**
+ * A thumbnail the HOST rendered — a data or blob URL — drawn in the row's icon slot by
+ * `chrome/Thumb`. The panel decodes and fetches nothing (the no-pixel-capability rule stands; the
+ * pixels are the host's). Default frame 44×32.
+ */
+ | {
+    kind: 'image';
+    src: string;
+    width?: number;
+    height?: number;
 };
 /** What a node permits. Absent ⇒ permitted. */
 interface XenoTreeCaps {
@@ -6879,7 +6890,9 @@ interface XenoTreeNode {
     title?: string;
 }
 /** Which adapter produced this source. Presentation hint + telemetry; never behaviour. */
-type XenoTreeSourceKind = 'scene-graph' | 'entity' | 'project-entities' | 'document-pages' | 'filesystem' | 'derived-outline' | 'org' | 'custom';
+type XenoTreeSourceKind = 'scene-graph' | 'entity' | 'project-entities' | 'document-pages'
+/** A library of reusable things — components, assets, presets — usually with `image` icons and `dragOut`. */
+ | 'library' | 'filesystem' | 'derived-outline' | 'org' | 'custom';
 /**
  * The source-level lifecycle — one incumbent's six-state machine, hoisted.
  *
@@ -7515,6 +7528,10 @@ interface IconHalf {
     iconName: string | null;
     /** Literal text (emoji) instead of a glyph. */
     iconText: string | null;
+    /** A host-rendered thumbnail (`chrome/Thumb`). */
+    iconSrc: string | null;
+    iconWidth: number;
+    iconHeight: number;
 }
 interface TreeViewAction extends IconHalf {
     key: string;

package/dist/edit/index.js

@@ -13582,12 +13582,13 @@ import {
   TextButton as TextButton7,
   Toolbar as Toolbar7,
   ToolbarGroup as ToolbarGroup5,
-  VirtualWindow as VirtualWindow3
+  VirtualWindow as VirtualWindow3,
+  Thumb
 } from "@xenosystem/components/chrome";
 
 // src/edit/tree/declaration.ts
 import { computeWindow as computeWindow3 } from "@xenosystem/tree-core";
-var iconHalf = (icon) => icon.kind === "text" ? { iconName: null, iconText: icon.value } : { iconName: icon.name, iconText: null };
+var iconHalf = (icon) => icon.kind === "text" ? { iconName: null, iconText: icon.value, iconSrc: null, iconWidth: 0, iconHeight: 0 } : icon.kind === "image" ? { iconName: null, iconText: null, iconSrc: icon.src, iconWidth: icon.width ?? 44, iconHeight: icon.height ?? 32 } : { iconName: icon.name, iconText: null, iconSrc: null, iconWidth: 0, iconHeight: 0 };
 function treeViewState(c, options = {}) {
   const { overscan = 6, showSearch = true, columns, emptyHint } = options;
   const state = c.getState();
@@ -13769,6 +13770,7 @@ var nodeIcon = () => ({
   component: "fragment",
   children: [
     { component: "icons/TreeKind", when: { item: "iconName" }, props: { name: { item: "iconName" } } },
+    { component: "chrome/Thumb", when: { item: "iconSrc" }, props: { src: { item: "iconSrc" }, width: { item: "iconWidth" }, height: { item: "iconHeight" } } },
     { component: "chrome/Text", when: { item: "iconText" }, props: { role: { value: "caption" } }, children: [text10({ item: "iconText" })] }
   ]
 });
@@ -13891,8 +13893,9 @@ function TreePanelView({ controller, ...options }) {
   useSyncExternalStore10(controller.subscribe, controller.getState, controller.getState);
   const view = treeViewState(controller, options);
   const ui10 = (intent) => applyTreeUi(controller, intent, options);
-  const icon = (name, textValue) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
+  const icon = (name, textValue, src = null, w = 0, h = 0) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
     name ? /* @__PURE__ */ jsx12(TreeIcon, { name }) : null,
+    src ? /* @__PURE__ */ jsx12(Thumb, { src, width: w, height: h }) : null,
     textValue ? /* @__PURE__ */ jsx12(Text9, { role: "caption", children: textValue }) : null
   ] });
   const row2 = (r) => /* @__PURE__ */ jsx12(
@@ -13907,7 +13910,7 @@ function TreePanelView({ controller, ...options }) {
       expanded: r.expanded,
       dropHint: r.dropHint,
       title: r.dropTitle,
-      icon: icon(r.iconName, r.iconText),
+      icon: icon(r.iconName, r.iconText, r.iconSrc, r.iconWidth, r.iconHeight),
       label: /* @__PURE__ */ jsxs11(Fragment9, { children: [
         r.renaming ? /* @__PURE__ */ jsx12(Input5, { autoFocus: true, value: r.draft, label: "Name", onChange: (value) => ui10({ kind: "renameDraft", value }), onBlur: () => ui10({ kind: "commitRename" }), onKeyDown: (e) => ui10({ kind: "renameKey", key: e.key }) }) : null,
         !r.renaming ? r.label : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "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",
@@ -64,7 +64,7 @@
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
     "@xenosystem/block-sdk": ">=0.3.4 <1",
-    "@xenosystem/components": ">=0.33.0 <1",
+    "@xenosystem/components": ">=0.34.0 <1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
@@ -81,7 +81,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@xenosystem/block-sdk": "^0.3.4",
-    "@xenosystem/components": "^0.33.0",
+    "@xenosystem/components": "^0.34.0",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",