@bian-womp/spark-workbench 0.2.38 → 0.2.39

package/lib/cjs/src/index.d.ts

@@ -6,6 +6,8 @@ export * from "./adapters/cli";
 export * from "./runtime/IGraphRunner";
 export * from "./runtime/LocalGraphRunner";
 export * from "./runtime/RemoteGraphRunner";
+export * from "./misc/value";
+export * from "./misc/layout";
 export * from "./misc/hooks";
 export * from "./misc/mapping";
 export * from "./misc/context/WorkbenchContext";
@@ -14,7 +16,5 @@ export * from "./misc/Inspector";
 export * from "./misc/DefaultNode";
 export * from "./misc/WorkbenchCanvas";
 export * from "./misc/WorkbenchStudio";
-export * from "./misc/value";
 export * from "./misc/NodeHandles";
-export * from "./misc/layout";
 //# sourceMappingURL=index.d.ts.map

package/lib/cjs/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AAEzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AAEzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}

package/lib/cjs/src/runtime/RemoteGraphRunner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteGraphRunner.d.ts","sourceRoot":"","sources":["../../../../src/runtime/RemoteGraphRunner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAU,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACL,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,sBAAsB,EAEtB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,qBAAa,iBAAkB,SAAQ,mBAAmB;IACxD,SAAS,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,aAAa,CAAC,CAA4B;IAClD,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAC5C,OAAO,CAAC,0BAA0B,CAAC,CAAa;IAChD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,UAAU,CAGd;IACJ,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CAAK;IACjD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAQ;IAE/C;;;OAGG;YACW,aAAa;IA4H3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;OAEG;IACH,OAAO,CAAC,wBAAwB;cA2BhB,YAAY,IAAI,OAAO,CAAC,gBAAgB,CAAC;gBAkD7C,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,sBAAsB;IA8D/D,KAAK,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAIjC,MAAM,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAWlC,MAAM,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAyDvD;;;;;;OAMG;IACH,cAAc,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAoCzD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIhD,KAAK,IAAI,IAAI;IAIb,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAQ/C,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IASlE,YAAY;IASZ,iBAAiB,CAAC,OAAO,EAAE,mBAAmB;IASpD;;;;OAIG;IACH,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI;IAuBxD,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE;IAcvE,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IASrD,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAoBzE,SAAS,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IA6BxE,gBAAgB,CACd,GAAG,EAAE,eAAe,GACnB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAW1C,OAAO,IAAI,IAAI;CAqChB"}
+{"version":3,"file":"RemoteGraphRunner.d.ts","sourceRoot":"","sources":["../../../../src/runtime/RemoteGraphRunner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAU,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACL,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,sBAAsB,EAEtB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,qBAAa,iBAAkB,SAAQ,mBAAmB;IACxD,SAAS,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,aAAa,CAAC,CAA4B;IAClD,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAC5C,OAAO,CAAC,0BAA0B,CAAC,CAAa;IAChD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,UAAU,CAGd;IACJ,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CAAK;IACjD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAQ;IAE/C;;;OAGG;YACW,aAAa;IA4H3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;OAEG;IACH,OAAO,CAAC,wBAAwB;cA2BhB,YAAY,IAAI,OAAO,CAAC,gBAAgB,CAAC;gBAkD7C,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,sBAAsB;IA8D/D,KAAK,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAEjC,MAAM,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAWlC,MAAM,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAyDvD;;;;;;OAMG;IACH,cAAc,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAoCzD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAErB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhD,KAAK,IAAI,IAAI;IAEb,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAQ/C,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IASlE,YAAY;IASZ,iBAAiB,CAAC,OAAO,EAAE,mBAAmB;IASpD;;;;OAIG;IACH,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI;IAuBxD,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE;IAcvE,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IASrD,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAoBzE,SAAS,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IA6BxE,gBAAgB,CACd,GAAG,EAAE,eAAe,GACnB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAW1C,OAAO,IAAI,IAAI;CAqChB"}

package/lib/esm/index.js

@@ -1,7 +1,7 @@
 import { GraphBuilder, StepEngine, HybridEngine, PullEngine, BatchedEngine, PushEngine, isTypedOutput, getTypedOutputValue, getTypedOutputTypeId, isInputPrivate, getInputTypeId, createSimpleGraphRegistry, createSimpleGraphDef, createAsyncGraphDef, createAsyncGraphRegistry, createProgressGraphDef, createProgressGraphRegistry, createValidationGraphDef, createValidationGraphRegistry } from '@bian-womp/spark-graph';
 import { RuntimeApiClient } from '@bian-womp/spark-remote';
-import React, { useCallback, useState, useRef, useEffect, useMemo, createContext, useContext, useImperativeHandle } from 'react';
 import { Position, Handle, useUpdateNodeInternals, useReactFlow, ReactFlowProvider, ReactFlow, Background, BackgroundVariant, MiniMap, Controls } from '@xyflow/react';
+import React, { useCallback, useState, useRef, useEffect, useMemo, createContext, useContext, useImperativeHandle } from 'react';
 import cx from 'classnames';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { XCircleIcon, WarningCircleIcon, CopyIcon, TrashIcon, XIcon, ArrowClockwiseIcon, PlugsConnectedIcon, ClockClockwiseIcon, WifiHighIcon, WifiSlashIcon, PlayPauseIcon, LightningIcon, StopIcon, PlayIcon, TreeStructureIcon, CornersOutIcon, DownloadSimpleIcon, DownloadIcon, UploadIcon, BugBeetleIcon, ListBulletsIcon } from '@phosphor-icons/react';
@@ -862,9 +862,7 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             }
         });
     }
-    build(def) {
-        console.warn("Unsupported operation for remote runner");
-    }
+    build(def) { }
     update(def) {
         // Remote: forward update; ignore errors (fire-and-forget)
         this.ensureClient().then(async (client) => {
@@ -973,15 +971,9 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             }
         });
     }
-    async step() {
-        console.warn("Unsupported operation for remote runner");
-    }
-    async computeNode(nodeId) {
-        console.warn("Unsupported operation for remote runner");
-    }
-    flush() {
-        console.warn("Unsupported operation for remote runner");
-    }
+    async step() { }
+    async computeNode(nodeId) { }
+    flush() { }
     triggerExternal(nodeId, event) {
         this.ensureClient().then(async (client) => {
             try {
@@ -1158,6 +1150,202 @@ class RemoteGraphRunner extends AbstractGraphRunner {
     }
 }
 
+function formatDataUrlAsLabel(dataUrl) {
+    try {
+        const semi = dataUrl.indexOf(";");
+        const comma = dataUrl.indexOf(",");
+        const mime = dataUrl.slice(5, semi > 0 ? semi : undefined).toUpperCase();
+        const b64 = comma >= 0 ? dataUrl.slice(comma + 1) : "";
+        const bytes = Math.floor((b64.length * 3) / 4);
+        return `${mime} Data (${bytes} bytes)`;
+    }
+    catch {
+        return dataUrl.length > 64 ? dataUrl.slice(0, 64) + "…" : dataUrl;
+    }
+}
+function resolveOutputDisplay(raw, declared) {
+    if (isTypedOutput(raw)) {
+        return {
+            typeId: getTypedOutputTypeId(raw),
+            value: getTypedOutputValue(raw),
+        };
+    }
+    let typeId = undefined;
+    if (Array.isArray(declared)) {
+        typeId = declared.length === 1 ? declared[0] : undefined;
+    }
+    else if (typeof declared === "string") {
+        typeId = declared.includes("|") ? undefined : declared;
+    }
+    return { typeId, value: raw };
+}
+function formatDeclaredTypeSignature(declared) {
+    if (Array.isArray(declared))
+        return declared.join(" | ");
+    return declared ?? "";
+}
+/**
+ * Formats a handle ID for display in the UI.
+ * For handles with format "prefix:middle:suffix:extra" (4 parts), displays only the middle part.
+ * Otherwise returns the handle ID as-is.
+ */
+function prettyHandle(id) {
+    try {
+        const parts = String(id).split(":");
+        // If there are exactly 3 colons (4 parts), display only the second part
+        if (parts.length === 4)
+            return parts[1] || id;
+        return id;
+    }
+    catch {
+        return id;
+    }
+}
+// Pre-format common structures for display; return undefined to defer to caller
+function preformatValueForDisplay(typeId, value, registry) {
+    if (value === undefined || value === null)
+        return "";
+    // Unwrap typed outputs
+    if (isTypedOutput(value)) {
+        return preformatValueForDisplay(getTypedOutputTypeId(value), getTypedOutputValue(value), registry);
+    }
+    // Enums
+    if (typeId && typeId.startsWith("enum:") && registry) {
+        const n = Number(value);
+        const label = registry.enums.get(typeId)?.valueToLabel.get(n);
+        if (label)
+            return label;
+    }
+    // Use deep summarization for strings, arrays and nested objects to avoid huge HTML payloads
+    const summarized = summarizeDeep(value);
+    if (typeof summarized === "string")
+        return summarized;
+    // Resource-like objects with url/title (after summarization)
+    if (summarized && typeof summarized === "object") {
+        const urlMaybe = summarized.url;
+        if (typeof urlMaybe === "string") {
+            const title = summarized.title || "";
+            const shortUrl = urlMaybe.length > 32 ? urlMaybe.slice(0, 32) + "…" : urlMaybe;
+            return title ? `${title} (${shortUrl})` : shortUrl;
+        }
+    }
+    return undefined;
+}
+function summarizeDeep(value) {
+    // Strings: summarize data URLs and trim extremely long strings
+    if (typeof value === "string") {
+        if (value.startsWith("data:"))
+            return formatDataUrlAsLabel(value);
+        return value.length > 512 ? value.slice(0, 512) + "…" : value;
+    }
+    // Typed output wrapper
+    if (isTypedOutput(value)) {
+        return summarizeDeep(getTypedOutputValue(value));
+    }
+    // Arrays
+    if (Array.isArray(value)) {
+        return value.map((v) => summarizeDeep(v));
+    }
+    // Objects
+    if (value && typeof value === "object") {
+        const obj = value;
+        const out = {};
+        for (const [k, v] of Object.entries(obj)) {
+            // Special-case any 'url' field
+            if (typeof v === "string" &&
+                k.toLowerCase() === "url" &&
+                v.startsWith("data:")) {
+                out[k] = formatDataUrlAsLabel(v);
+                continue;
+            }
+            out[k] = summarizeDeep(v);
+        }
+        return out;
+    }
+    return value;
+}
+
+// Shared UI constants for node layout to keep mapping and rendering in sync
+const NODE_HEADER_HEIGHT_PX = 24;
+const NODE_ROW_HEIGHT_PX = 22;
+
+function computeEffectiveHandles(node, registry) {
+    const desc = registry.nodes.get(node.typeId);
+    const resolved = node.resolvedHandles || {};
+    const inputs = { ...desc?.inputs, ...resolved.inputs };
+    const outputs = { ...desc?.outputs, ...resolved.outputs };
+    const inputDefaults = { ...desc?.inputDefaults, ...resolved.inputDefaults };
+    return { inputs, outputs, inputDefaults };
+}
+function countVisibleHandles(handles) {
+    const inputIds = Object.keys(handles.inputs).filter((k) => !isInputPrivate(handles.inputs, k));
+    const outputIds = Object.keys(handles.outputs);
+    return { inputsCount: inputIds.length, outputsCount: outputIds.length };
+}
+function estimateNodeSize(args) {
+    const { node, registry, showValues, overrides } = args;
+    const { inputs, outputs } = computeEffectiveHandles(node, registry);
+    // Count only non-private inputs for rows on left
+    const { inputsCount, outputsCount } = countVisibleHandles({
+        inputs,
+        outputs,
+    });
+    const rows = Math.max(inputsCount, outputsCount);
+    const baseWidth = showValues ? 320 : 240;
+    const width = overrides?.width ?? baseWidth;
+    const height = overrides?.height ?? NODE_HEADER_HEIGHT_PX + rows * NODE_ROW_HEIGHT_PX;
+    return { width, height, inputsCount, outputsCount, rowCount: rows };
+}
+function layoutNode(args) {
+    const { node, registry, showValues, overrides } = args;
+    const { inputs, outputs } = computeEffectiveHandles(node, registry);
+    const inputOrder = Object.keys(inputs).filter((k) => !isInputPrivate(inputs, k));
+    const outputOrder = Object.keys(outputs);
+    const { width, height } = estimateNodeSize({
+        node,
+        registry,
+        showValues,
+        overrides,
+    });
+    const HEADER = NODE_HEADER_HEIGHT_PX;
+    const ROW = NODE_ROW_HEIGHT_PX;
+    const handles = [
+        ...inputOrder.map((id, i) => ({
+            id,
+            type: "target",
+            position: Position.Left,
+            x: 0,
+            y: HEADER + i * ROW,
+            width: 1,
+            height: ROW + 2,
+        })),
+        ...outputOrder.map((id, i) => ({
+            id,
+            type: "source",
+            position: Position.Right,
+            x: width - 1,
+            y: HEADER + i * ROW,
+            width: 1,
+            height: ROW + 2,
+        })),
+    ];
+    const handleLayout = [
+        ...inputOrder.map((id, i) => ({
+            id,
+            type: "target",
+            position: Position.Left,
+            y: HEADER + i * ROW + ROW / 2,
+        })),
+        ...outputOrder.map((id, i) => ({
+            id,
+            type: "source",
+            position: Position.Right,
+            y: HEADER + i * ROW + ROW / 2,
+        })),
+    ];
+    return { width, height, inputOrder, outputOrder, handles, handleLayout };
+}
+
 function useWorkbenchBridge(wb) {
     const onConnect = useCallback((params) => {
         if (!params.source || !params.target)
@@ -1402,202 +1590,6 @@ function useQueryParamString(key, defaultValue) {
     return [val, set];
 }
 
-function formatDataUrlAsLabel(dataUrl) {
-    try {
-        const semi = dataUrl.indexOf(";");
-        const comma = dataUrl.indexOf(",");
-        const mime = dataUrl.slice(5, semi > 0 ? semi : undefined).toUpperCase();
-        const b64 = comma >= 0 ? dataUrl.slice(comma + 1) : "";
-        const bytes = Math.floor((b64.length * 3) / 4);
-        return `${mime} Data (${bytes} bytes)`;
-    }
-    catch {
-        return dataUrl.length > 64 ? dataUrl.slice(0, 64) + "…" : dataUrl;
-    }
-}
-function resolveOutputDisplay(raw, declared) {
-    if (isTypedOutput(raw)) {
-        return {
-            typeId: getTypedOutputTypeId(raw),
-            value: getTypedOutputValue(raw),
-        };
-    }
-    let typeId = undefined;
-    if (Array.isArray(declared)) {
-        typeId = declared.length === 1 ? declared[0] : undefined;
-    }
-    else if (typeof declared === "string") {
-        typeId = declared.includes("|") ? undefined : declared;
-    }
-    return { typeId, value: raw };
-}
-function formatDeclaredTypeSignature(declared) {
-    if (Array.isArray(declared))
-        return declared.join(" | ");
-    return declared ?? "";
-}
-/**
- * Formats a handle ID for display in the UI.
- * For handles with format "prefix:middle:suffix:extra" (4 parts), displays only the middle part.
- * Otherwise returns the handle ID as-is.
- */
-function prettyHandle(id) {
-    try {
-        const parts = String(id).split(":");
-        // If there are exactly 3 colons (4 parts), display only the second part
-        if (parts.length === 4)
-            return parts[1] || id;
-        return id;
-    }
-    catch {
-        return id;
-    }
-}
-// Pre-format common structures for display; return undefined to defer to caller
-function preformatValueForDisplay(typeId, value, registry) {
-    if (value === undefined || value === null)
-        return "";
-    // Unwrap typed outputs
-    if (isTypedOutput(value)) {
-        return preformatValueForDisplay(getTypedOutputTypeId(value), getTypedOutputValue(value), registry);
-    }
-    // Enums
-    if (typeId && typeId.startsWith("enum:") && registry) {
-        const n = Number(value);
-        const label = registry.enums.get(typeId)?.valueToLabel.get(n);
-        if (label)
-            return label;
-    }
-    // Use deep summarization for strings, arrays and nested objects to avoid huge HTML payloads
-    const summarized = summarizeDeep(value);
-    if (typeof summarized === "string")
-        return summarized;
-    // Resource-like objects with url/title (after summarization)
-    if (summarized && typeof summarized === "object") {
-        const urlMaybe = summarized.url;
-        if (typeof urlMaybe === "string") {
-            const title = summarized.title || "";
-            const shortUrl = urlMaybe.length > 32 ? urlMaybe.slice(0, 32) + "…" : urlMaybe;
-            return title ? `${title} (${shortUrl})` : shortUrl;
-        }
-    }
-    return undefined;
-}
-function summarizeDeep(value) {
-    // Strings: summarize data URLs and trim extremely long strings
-    if (typeof value === "string") {
-        if (value.startsWith("data:"))
-            return formatDataUrlAsLabel(value);
-        return value.length > 512 ? value.slice(0, 512) + "…" : value;
-    }
-    // Typed output wrapper
-    if (isTypedOutput(value)) {
-        return summarizeDeep(getTypedOutputValue(value));
-    }
-    // Arrays
-    if (Array.isArray(value)) {
-        return value.map((v) => summarizeDeep(v));
-    }
-    // Objects
-    if (value && typeof value === "object") {
-        const obj = value;
-        const out = {};
-        for (const [k, v] of Object.entries(obj)) {
-            // Special-case any 'url' field
-            if (typeof v === "string" &&
-                k.toLowerCase() === "url" &&
-                v.startsWith("data:")) {
-                out[k] = formatDataUrlAsLabel(v);
-                continue;
-            }
-            out[k] = summarizeDeep(v);
-        }
-        return out;
-    }
-    return value;
-}
-
-// Shared UI constants for node layout to keep mapping and rendering in sync
-const NODE_HEADER_HEIGHT_PX = 24;
-const NODE_ROW_HEIGHT_PX = 22;
-
-function computeEffectiveHandles(node, registry) {
-    const desc = registry.nodes.get(node.typeId);
-    const resolved = node.resolvedHandles || {};
-    const inputs = { ...desc?.inputs, ...resolved.inputs };
-    const outputs = { ...desc?.outputs, ...resolved.outputs };
-    const inputDefaults = { ...desc?.inputDefaults, ...resolved.inputDefaults };
-    return { inputs, outputs, inputDefaults };
-}
-function countVisibleHandles(handles) {
-    const inputIds = Object.keys(handles.inputs).filter((k) => !isInputPrivate(handles.inputs, k));
-    const outputIds = Object.keys(handles.outputs);
-    return { inputsCount: inputIds.length, outputsCount: outputIds.length };
-}
-function estimateNodeSize(args) {
-    const { node, registry, showValues, overrides } = args;
-    const { inputs, outputs } = computeEffectiveHandles(node, registry);
-    // Count only non-private inputs for rows on left
-    const { inputsCount, outputsCount } = countVisibleHandles({
-        inputs,
-        outputs,
-    });
-    const rows = Math.max(inputsCount, outputsCount);
-    const baseWidth = showValues ? 320 : 240;
-    const width = overrides?.width ?? baseWidth;
-    const height = overrides?.height ?? NODE_HEADER_HEIGHT_PX + rows * NODE_ROW_HEIGHT_PX;
-    return { width, height, inputsCount, outputsCount, rowCount: rows };
-}
-function layoutNode(args) {
-    const { node, registry, showValues, overrides } = args;
-    const { inputs, outputs } = computeEffectiveHandles(node, registry);
-    const inputOrder = Object.keys(inputs).filter((k) => !isInputPrivate(inputs, k));
-    const outputOrder = Object.keys(outputs);
-    const { width, height } = estimateNodeSize({
-        node,
-        registry,
-        showValues,
-        overrides,
-    });
-    const HEADER = NODE_HEADER_HEIGHT_PX;
-    const ROW = NODE_ROW_HEIGHT_PX;
-    const handles = [
-        ...inputOrder.map((id, i) => ({
-            id,
-            type: "target",
-            position: Position.Left,
-            x: 0,
-            y: HEADER + i * ROW,
-            width: 1,
-            height: ROW + 2,
-        })),
-        ...outputOrder.map((id, i) => ({
-            id,
-            type: "source",
-            position: Position.Right,
-            x: width - 1,
-            y: HEADER + i * ROW,
-            width: 1,
-            height: ROW + 2,
-        })),
-    ];
-    const handleLayout = [
-        ...inputOrder.map((id, i) => ({
-            id,
-            type: "target",
-            position: Position.Left,
-            y: HEADER + i * ROW + ROW / 2,
-        })),
-        ...outputOrder.map((id, i) => ({
-            id,
-            type: "source",
-            position: Position.Right,
-            y: HEADER + i * ROW + ROW / 2,
-        })),
-    ];
-    return { width, height, inputOrder, outputOrder, handles, handleLayout };
-}
-
 function toReactFlow(def, positions, registry, opts) {
     const EDGE_STYLE_MISSING = { stroke: "#f59e0b", strokeWidth: 2 }; // amber-500
     const EDGE_STYLE_ERROR = { stroke: "#ef4444", strokeWidth: 2 };