@tangle-network/sandbox-ui 0.93.0 → 0.94.0

package/dist/{WorkflowGraph-TKDBFK3V.js → WorkflowGraph-4TQFLY3E.js}

@@ -4,6 +4,8 @@ import {
 import {
   COMPACT_NODE_SIZE,
   COMPACT_TILE,
+  OUTPUT_PREVIEW_CHARS,
+  OUTPUT_ROWS,
   buildWorkflowGraph,
   clampPreview,
   fmtCost,
@@ -12,7 +14,7 @@ import {
   providerLabel,
   shortModel,
   triggerNodeIndex
-} from "./chunk-YOSNN3QU.js";
+} from "./chunk-7QKAVIZX.js";
 import {
   ModelBrandStack,
   modelBrandFor
@@ -566,7 +568,7 @@ function WorkflowNode({ id, data }) {
     const trimmed = source.text.trim();
     if (!trimmed) return null;
     const shape = classifyOutput(
-      clampPreview(trimmed),
+      clampPreview(trimmed, OUTPUT_PREVIEW_CHARS),
       isAgent && source.tone !== "error"
     );
     return shape.kind === "empty" ? null : { shape, tone: source.tone, label: source.label };
@@ -728,7 +730,7 @@ function WorkflowNode({ id, data }) {
               {
                 shape: runOutput.shape,
                 tone: runOutput.tone,
-                rows: 2
+                rows: OUTPUT_ROWS
               }
             )
           ] }),
@@ -974,6 +976,20 @@ function WorkflowGraph({
     },
     [onNodeClick]
   );
+  const handleNodeKeyDown = useCallback(
+    (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      if (!(event.target instanceof HTMLElement)) return;
+      const nodeId = event.target.closest(".react-flow__node")?.getAttribute("data-id");
+      if (!nodeId) return;
+      const node = nodesRef.current.find((n) => n.id === nodeId);
+      if (!node) return;
+      event.preventDefault();
+      event.stopPropagation();
+      onNodeClick?.(node.id, node.data);
+    },
+    [onNodeClick]
+  );
   if (structural.error || structural.nodes.length === 0) {
     return /* @__PURE__ */ jsx3(
       "div",
@@ -997,6 +1013,7 @@ function WorkflowGraph({
         rfRef.current = inst;
       },
       onNodeClick: onNodeClick ? handleNodeClick : void 0,
+      onKeyDown: onNodeClick ? handleNodeKeyDown : void 0,
       fitView: true,
       fitViewOptions: { ...FIT_VIEW, maxZoom: fitZoomCeiling(compact) },
       proOptions: { hideAttribution: true },

package/dist/{chunk-YOSNN3QU.js → chunk-7QKAVIZX.js}

@@ -238,7 +238,9 @@ var CARD_CHROME = 20;
 var HEADER_ROW = 34;
 var DESCRIPTION_ROW = 40;
 var META_ROW = 27;
-var OUTPUT_ROW = 72;
+var OUTPUT_ROWS = 3;
+var OUTPUT_ROW = 89;
+var OUTPUT_PREVIEW_CHARS = 240;
 var FOOTER_ROW = 28;
 var COMPACT_TILE = 76;
 var COMPACT_GAP = 8;
@@ -795,6 +797,8 @@ export {
   triggerNodeIndex,
   actionNodeId,
   branchNodeId,
+  OUTPUT_ROWS,
+  OUTPUT_PREVIEW_CHARS,
   COMPACT_TILE,
   COMPACT_NODE_SIZE,
   buildWorkflowGraph

package/dist/workflows.js

@@ -5,7 +5,7 @@ import {
   buildWorkflowGraph,
   triggerNodeId,
   triggerNodeIndex
-} from "./chunk-YOSNN3QU.js";
+} from "./chunk-7QKAVIZX.js";
 import {
   ModelBrandStack,
   modelBrandFor
@@ -36,7 +36,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-TKDBFK3V.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-4TQFLY3E.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.93.0",
+  "version": "0.94.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",