@railtownai/railtracks-visualizer 0.0.70 → 0.0.71

package/dist/cjs/index.js

@@ -12939,7 +12939,7 @@ const createLucideIcon = (iconName, iconNode)=>{
     return Component;
 };
 
-const __iconNode$C = [
+const __iconNode$D = [
     [
         "path",
         {
@@ -12955,9 +12955,9 @@ const __iconNode$C = [
         }
     ]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$C);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$D);
 
-const __iconNode$B = [
+const __iconNode$C = [
     [
         "path",
         {
@@ -12973,9 +12973,9 @@ const __iconNode$B = [
         }
     ]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$B);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$C);
 
-const __iconNode$A = [
+const __iconNode$B = [
     [
         "path",
         {
@@ -13023,9 +13023,9 @@ const __iconNode$A = [
         }
     ]
 ];
-const Bot = createLucideIcon("bot", __iconNode$A);
+const Bot = createLucideIcon("bot", __iconNode$B);
 
-const __iconNode$z = [
+const __iconNode$A = [
     [
         "path",
         {
@@ -13059,9 +13059,9 @@ const __iconNode$z = [
         }
     ]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$z);
+const Calendar = createLucideIcon("calendar", __iconNode$A);
 
-const __iconNode$y = [
+const __iconNode$z = [
     [
         "path",
         {
@@ -13118,9 +13118,9 @@ const __iconNode$y = [
         }
     ]
 ];
-const ChartNetwork = createLucideIcon("chart-network", __iconNode$y);
+const ChartNetwork = createLucideIcon("chart-network", __iconNode$z);
 
-const __iconNode$x = [
+const __iconNode$y = [
     [
         "path",
         {
@@ -13129,9 +13129,9 @@ const __iconNode$x = [
         }
     ]
 ];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$x);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
 
-const __iconNode$w = [
+const __iconNode$x = [
     [
         "path",
         {
@@ -13140,9 +13140,9 @@ const __iconNode$w = [
         }
     ]
 ];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$w);
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$x);
 
-const __iconNode$v = [
+const __iconNode$w = [
     [
         "path",
         {
@@ -13158,9 +13158,9 @@ const __iconNode$v = [
         }
     ]
 ];
-const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$v);
+const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$w);
 
-const __iconNode$u = [
+const __iconNode$v = [
     [
         "path",
         {
@@ -13176,9 +13176,9 @@ const __iconNode$u = [
         }
     ]
 ];
-const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$u);
+const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$v);
 
-const __iconNode$t = [
+const __iconNode$u = [
     [
         "circle",
         {
@@ -13209,9 +13209,9 @@ const __iconNode$t = [
         }
     ]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$t);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$u);
 
-const __iconNode$s = [
+const __iconNode$t = [
     [
         "path",
         {
@@ -13227,9 +13227,9 @@ const __iconNode$s = [
         }
     ]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$s);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$t);
 
-const __iconNode$r = [
+const __iconNode$s = [
     [
         "circle",
         {
@@ -13254,9 +13254,9 @@ const __iconNode$r = [
         }
     ]
 ];
-const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$r);
+const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$s);
 
-const __iconNode$q = [
+const __iconNode$r = [
     [
         "circle",
         {
@@ -13274,9 +13274,9 @@ const __iconNode$q = [
         }
     ]
 ];
-const Clock = createLucideIcon("clock", __iconNode$q);
+const Clock = createLucideIcon("clock", __iconNode$r);
 
-const __iconNode$p = [
+const __iconNode$q = [
     [
         "rect",
         {
@@ -13297,9 +13297,9 @@ const __iconNode$p = [
         }
     ]
 ];
-const Copy = createLucideIcon("copy", __iconNode$p);
+const Copy = createLucideIcon("copy", __iconNode$q);
 
-const __iconNode$o = [
+const __iconNode$p = [
     [
         "path",
         {
@@ -13407,9 +13407,9 @@ const __iconNode$o = [
         }
     ]
 ];
-const Cpu = createLucideIcon("cpu", __iconNode$o);
+const Cpu = createLucideIcon("cpu", __iconNode$p);
 
-const __iconNode$n = [
+const __iconNode$o = [
     [
         "line",
         {
@@ -13428,9 +13428,9 @@ const __iconNode$n = [
         }
     ]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$n);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$o);
 
-const __iconNode$m = [
+const __iconNode$n = [
     [
         "path",
         {
@@ -13460,9 +13460,9 @@ const __iconNode$m = [
         }
     ]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$m);
+const FileInput = createLucideIcon("file-input", __iconNode$n);
 
-const __iconNode$l = [
+const __iconNode$m = [
     [
         "path",
         {
@@ -13492,9 +13492,9 @@ const __iconNode$l = [
         }
     ]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$l);
+const FileOutput = createLucideIcon("file-output", __iconNode$m);
 
-const __iconNode$k = [
+const __iconNode$l = [
     [
         "path",
         {
@@ -13552,9 +13552,9 @@ const __iconNode$k = [
         }
     ]
 ];
-const FoldVertical = createLucideIcon("fold-vertical", __iconNode$k);
+const FoldVertical = createLucideIcon("fold-vertical", __iconNode$l);
 
-const __iconNode$j = [
+const __iconNode$k = [
     [
         "path",
         {
@@ -13570,9 +13570,9 @@ const __iconNode$j = [
         }
     ]
 ];
-const Gauge = createLucideIcon("gauge", __iconNode$j);
+const Gauge = createLucideIcon("gauge", __iconNode$k);
 
-const __iconNode$i = [
+const __iconNode$j = [
     [
         "line",
         {
@@ -13614,9 +13614,9 @@ const __iconNode$i = [
         }
     ]
 ];
-const Hash = createLucideIcon("hash", __iconNode$i);
+const Hash = createLucideIcon("hash", __iconNode$j);
 
-const __iconNode$h = [
+const __iconNode$i = [
     [
         "circle",
         {
@@ -13641,9 +13641,9 @@ const __iconNode$h = [
         }
     ]
 ];
-const Info = createLucideIcon("info", __iconNode$h);
+const Info = createLucideIcon("info", __iconNode$i);
 
-const __iconNode$g = [
+const __iconNode$h = [
     [
         "path",
         {
@@ -13680,9 +13680,9 @@ const __iconNode$g = [
         }
     ]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$g);
+const ListChecks = createLucideIcon("list-checks", __iconNode$h);
 
-const __iconNode$f = [
+const __iconNode$g = [
     [
         "path",
         {
@@ -13712,9 +13712,9 @@ const __iconNode$f = [
         }
     ]
 ];
-const MessageSquareText = createLucideIcon("message-square-text", __iconNode$f);
+const MessageSquareText = createLucideIcon("message-square-text", __iconNode$g);
 
-const __iconNode$e = [
+const __iconNode$f = [
     [
         "path",
         {
@@ -13730,9 +13730,9 @@ const __iconNode$e = [
         }
     ]
 ];
-const MessagesSquare = createLucideIcon("messages-square", __iconNode$e);
+const MessagesSquare = createLucideIcon("messages-square", __iconNode$f);
 
-const __iconNode$d = [
+const __iconNode$e = [
     [
         "rect",
         {
@@ -13752,9 +13752,9 @@ const __iconNode$d = [
         }
     ]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$d);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$e);
 
-const __iconNode$c = [
+const __iconNode$d = [
     [
         "rect",
         {
@@ -13781,9 +13781,9 @@ const __iconNode$c = [
         }
     ]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$c);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$d);
 
-const __iconNode$b = [
+const __iconNode$c = [
     [
         "path",
         {
@@ -13813,9 +13813,9 @@ const __iconNode$b = [
         }
     ]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$b);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$c);
 
-const __iconNode$a = [
+const __iconNode$b = [
     [
         "path",
         {
@@ -13852,9 +13852,9 @@ const __iconNode$a = [
         }
     ]
 ];
-const Scale = createLucideIcon("scale", __iconNode$a);
+const Scale = createLucideIcon("scale", __iconNode$b);
 
-const __iconNode$9 = [
+const __iconNode$a = [
     [
         "path",
         {
@@ -13888,9 +13888,9 @@ const __iconNode$9 = [
         }
     ]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$9);
+const Settings2 = createLucideIcon("settings-2", __iconNode$a);
 
-const __iconNode$8 = [
+const __iconNode$9 = [
     [
         "path",
         {
@@ -13913,9 +13913,9 @@ const __iconNode$8 = [
         }
     ]
 ];
-const Share = createLucideIcon("share", __iconNode$8);
+const Share = createLucideIcon("share", __iconNode$9);
 
-const __iconNode$7 = [
+const __iconNode$8 = [
     [
         "path",
         {
@@ -13924,9 +13924,9 @@ const __iconNode$7 = [
         }
     ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$7);
+const Shield = createLucideIcon("shield", __iconNode$8);
 
-const __iconNode$6 = [
+const __iconNode$7 = [
     [
         "path",
         {
@@ -13952,9 +13952,9 @@ const __iconNode$6 = [
         }
     ]
 ];
-const Tags = createLucideIcon("tags", __iconNode$6);
+const Tags = createLucideIcon("tags", __iconNode$7);
 
-const __iconNode$5 = [
+const __iconNode$6 = [
     [
         "circle",
         {
@@ -13983,9 +13983,9 @@ const __iconNode$5 = [
         }
     ]
 ];
-const Target = createLucideIcon("target", __iconNode$5);
+const Target = createLucideIcon("target", __iconNode$6);
 
-const __iconNode$4 = [
+const __iconNode$5 = [
     [
         "line",
         {
@@ -14016,7 +14016,32 @@ const __iconNode$4 = [
         }
     ]
 ];
-const Timer = createLucideIcon("timer", __iconNode$4);
+const Timer = createLucideIcon("timer", __iconNode$5);
+
+const __iconNode$4 = [
+    [
+        "path",
+        {
+            d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+            key: "wmoenq"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 9v4",
+            key: "juzpu7"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 17h.01",
+            key: "p32p05"
+        }
+    ]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$4);
 
 const __iconNode$3 = [
     [
@@ -47838,7 +47863,7 @@ const Paragraph = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
     }, children);
 });
 
-const Text$2 = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
+const Text$3 = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
     const { ellipsis, children, ...restProps } = props;
     const mergedEllipsis = React__namespace.useMemo(()=>{
         if (ellipsis && typeof ellipsis === 'object') {
@@ -47885,7 +47910,7 @@ const Title$1 = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
 });
 
 const Typography = Typography$1;
-Typography.Text = Text$2;
+Typography.Text = Text$3;
 Typography.Link = Link$1;
 Typography.Title = Title$1;
 Typography.Paragraph = Paragraph;
@@ -48206,6 +48231,130 @@ function valueToTreeNodes(value, path) {
     return valueToTreeNodes(data, "$root");
 }
 
+const { Text: Text$2 } = Typography;
+/**
+ * Detect whether a tool/node output is an error envelope rather than a regular
+ * return value. Failed nodes serialize as `{ type, message, traceback }`; a
+ * traceback alone, or a `type` + `message` pair, is enough to treat it as an
+ * error. Returns the parsed error (with only string fields kept) or null.
+ */ function parseErrorOutput(output) {
+    if (output === null || typeof output !== "object" || Array.isArray(output)) {
+        return null;
+    }
+    const obj = output;
+    const type = typeof obj.type === "string" ? obj.type : undefined;
+    const message = typeof obj.message === "string" ? obj.message : undefined;
+    const traceback = typeof obj.traceback === "string" ? obj.traceback : undefined;
+    const looksLikeError = traceback !== undefined || type !== undefined && message !== undefined;
+    return looksLikeError ? {
+        type,
+        message,
+        traceback
+    } : null;
+}
+/**
+ * Renders a failed node/tool output distinctly from a regular returned object:
+ * a destructive-tinted surface with the exception type, message, and a
+ * collapsible traceback.
+ */ const ErrorOutput = ({ error })=>{
+    const { theme } = useTheme$1();
+    const [showTraceback, setShowTraceback] = React.useState(false);
+    const destructive = theme?.colors?.destructive ?? "hsl(0 84.2% 60.2%)";
+    const foreground = theme?.colors?.foreground ?? "inherit";
+    const mutedForeground = theme?.colors?.mutedForeground ?? "inherit";
+    const radius = theme?.borderRadius?.md ?? "0.375rem";
+    const xs = theme?.spacing?.xs ?? "0.25rem";
+    const sm = theme?.spacing?.sm ?? "0.5rem";
+    const md = theme?.spacing?.md ?? "1rem";
+    const fontXs = theme?.fontSize?.xs ?? "0.75rem";
+    const fontSm = theme?.fontSize?.sm ?? "0.875rem";
+    const { type, message, traceback } = error;
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "error-output",
+        style: {
+            border: `1px solid color-mix(in srgb, ${destructive} 45%, transparent)`,
+            background: `color-mix(in srgb, ${destructive} 8%, transparent)`,
+            borderRadius: radius,
+            padding: md,
+            display: "flex",
+            flexDirection: "column",
+            gap: sm
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: sm,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React.createElement(TriangleAlert, {
+        size: 16,
+        color: destructive,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), /*#__PURE__*/ React.createElement(Tag, {
+        color: "red",
+        style: {
+            margin: 0
+        }
+    }, type || "Error")), message && /*#__PURE__*/ React.createElement(Text$2, {
+        strong: true,
+        style: {
+            color: foreground,
+            fontSize: fontSm,
+            wordBreak: "break-word"
+        }
+    }, message), traceback && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: xs
+        }
+    }, /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        onClick: ()=>setShowTraceback((prev)=>!prev),
+        "aria-expanded": showTraceback,
+        style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: xs,
+            alignSelf: "flex-start",
+            padding: 0,
+            border: "none",
+            background: "transparent",
+            cursor: "pointer",
+            color: destructive,
+            fontSize: fontXs,
+            fontWeight: 500
+        }
+    }, showTraceback ? /*#__PURE__*/ React.createElement(ChevronDown, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }) : /*#__PURE__*/ React.createElement(ChevronRight, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), showTraceback ? "Hide traceback" : "Show traceback"), showTraceback && /*#__PURE__*/ React.createElement("pre", {
+        "data-testid": "error-output-traceback",
+        style: {
+            margin: 0,
+            padding: sm,
+            borderRadius: radius,
+            background: `color-mix(in srgb, ${destructive} 6%, transparent)`,
+            border: `1px solid color-mix(in srgb, ${destructive} 25%, transparent)`,
+            color: mutedForeground,
+            fontFamily: "monospace",
+            fontSize: fontXs,
+            lineHeight: 1.5,
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word",
+            maxHeight: "300px",
+            overflow: "auto"
+        }
+    }, traceback)));
+};
+
 const { Text: Text$1 } = Typography;
 function themedCodeSurface(theme) {
     return {
@@ -48384,8 +48533,9 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
     const { theme } = useTheme$1();
     const hasInputs = hasInputsProp ?? inputs.length > 0;
     const hasOutputs = output !== null || toolOutput !== null;
+    const errorOutput = parseErrorOutput(toolOutput);
     const outputsText = hasOutputs ? formatOutputAsText(output, toolOutput) : "";
-    const isToolOutputTabular = toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
+    const isToolOutputTabular = !errorOutput && toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
     const toolInputText = getToolInputText(inputs);
     const inputsLabel = largeInputsTitle ? /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -48470,13 +48620,26 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
         },
         {
             key: "outputs",
-            label: /*#__PURE__*/ React.createElement(Text$1, {
+            label: /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: theme.spacing.sm
+                }
+            }, /*#__PURE__*/ React.createElement(Text$1, {
                 strong: true,
                 style: {
                     color: theme.colors.foreground
                 }
-            }, "Outputs"),
-            children: hasOutputs ? isToolOutputTabular ? /*#__PURE__*/ React.createElement(JsonValueTree, {
+            }, "Outputs"), errorOutput && /*#__PURE__*/ React.createElement(Tag, {
+                color: "red",
+                style: {
+                    margin: 0
+                }
+            }, "Failed")),
+            children: hasOutputs ? errorOutput ? /*#__PURE__*/ React.createElement(ErrorOutput, {
+                error: errorOutput
+            }) : isToolOutputTabular ? /*#__PURE__*/ React.createElement(JsonValueTree, {
                 data: toolOutput
             }) : /*#__PURE__*/ React.createElement("pre", {
                 style: outputPreStyle

package/dist/esm/index.js

@@ -12919,7 +12919,7 @@ const createLucideIcon = (iconName, iconNode)=>{
     return Component;
 };
 
-const __iconNode$C = [
+const __iconNode$D = [
     [
         "path",
         {
@@ -12935,9 +12935,9 @@ const __iconNode$C = [
         }
     ]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$C);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$D);
 
-const __iconNode$B = [
+const __iconNode$C = [
     [
         "path",
         {
@@ -12953,9 +12953,9 @@ const __iconNode$B = [
         }
     ]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$B);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$C);
 
-const __iconNode$A = [
+const __iconNode$B = [
     [
         "path",
         {
@@ -13003,9 +13003,9 @@ const __iconNode$A = [
         }
     ]
 ];
-const Bot = createLucideIcon("bot", __iconNode$A);
+const Bot = createLucideIcon("bot", __iconNode$B);
 
-const __iconNode$z = [
+const __iconNode$A = [
     [
         "path",
         {
@@ -13039,9 +13039,9 @@ const __iconNode$z = [
         }
     ]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$z);
+const Calendar = createLucideIcon("calendar", __iconNode$A);
 
-const __iconNode$y = [
+const __iconNode$z = [
     [
         "path",
         {
@@ -13098,9 +13098,9 @@ const __iconNode$y = [
         }
     ]
 ];
-const ChartNetwork = createLucideIcon("chart-network", __iconNode$y);
+const ChartNetwork = createLucideIcon("chart-network", __iconNode$z);
 
-const __iconNode$x = [
+const __iconNode$y = [
     [
         "path",
         {
@@ -13109,9 +13109,9 @@ const __iconNode$x = [
         }
     ]
 ];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$x);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
 
-const __iconNode$w = [
+const __iconNode$x = [
     [
         "path",
         {
@@ -13120,9 +13120,9 @@ const __iconNode$w = [
         }
     ]
 ];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$w);
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$x);
 
-const __iconNode$v = [
+const __iconNode$w = [
     [
         "path",
         {
@@ -13138,9 +13138,9 @@ const __iconNode$v = [
         }
     ]
 ];
-const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$v);
+const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$w);
 
-const __iconNode$u = [
+const __iconNode$v = [
     [
         "path",
         {
@@ -13156,9 +13156,9 @@ const __iconNode$u = [
         }
     ]
 ];
-const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$u);
+const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$v);
 
-const __iconNode$t = [
+const __iconNode$u = [
     [
         "circle",
         {
@@ -13189,9 +13189,9 @@ const __iconNode$t = [
         }
     ]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$t);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$u);
 
-const __iconNode$s = [
+const __iconNode$t = [
     [
         "path",
         {
@@ -13207,9 +13207,9 @@ const __iconNode$s = [
         }
     ]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$s);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$t);
 
-const __iconNode$r = [
+const __iconNode$s = [
     [
         "circle",
         {
@@ -13234,9 +13234,9 @@ const __iconNode$r = [
         }
     ]
 ];
-const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$r);
+const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$s);
 
-const __iconNode$q = [
+const __iconNode$r = [
     [
         "circle",
         {
@@ -13254,9 +13254,9 @@ const __iconNode$q = [
         }
     ]
 ];
-const Clock = createLucideIcon("clock", __iconNode$q);
+const Clock = createLucideIcon("clock", __iconNode$r);
 
-const __iconNode$p = [
+const __iconNode$q = [
     [
         "rect",
         {
@@ -13277,9 +13277,9 @@ const __iconNode$p = [
         }
     ]
 ];
-const Copy = createLucideIcon("copy", __iconNode$p);
+const Copy = createLucideIcon("copy", __iconNode$q);
 
-const __iconNode$o = [
+const __iconNode$p = [
     [
         "path",
         {
@@ -13387,9 +13387,9 @@ const __iconNode$o = [
         }
     ]
 ];
-const Cpu = createLucideIcon("cpu", __iconNode$o);
+const Cpu = createLucideIcon("cpu", __iconNode$p);
 
-const __iconNode$n = [
+const __iconNode$o = [
     [
         "line",
         {
@@ -13408,9 +13408,9 @@ const __iconNode$n = [
         }
     ]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$n);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$o);
 
-const __iconNode$m = [
+const __iconNode$n = [
     [
         "path",
         {
@@ -13440,9 +13440,9 @@ const __iconNode$m = [
         }
     ]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$m);
+const FileInput = createLucideIcon("file-input", __iconNode$n);
 
-const __iconNode$l = [
+const __iconNode$m = [
     [
         "path",
         {
@@ -13472,9 +13472,9 @@ const __iconNode$l = [
         }
     ]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$l);
+const FileOutput = createLucideIcon("file-output", __iconNode$m);
 
-const __iconNode$k = [
+const __iconNode$l = [
     [
         "path",
         {
@@ -13532,9 +13532,9 @@ const __iconNode$k = [
         }
     ]
 ];
-const FoldVertical = createLucideIcon("fold-vertical", __iconNode$k);
+const FoldVertical = createLucideIcon("fold-vertical", __iconNode$l);
 
-const __iconNode$j = [
+const __iconNode$k = [
     [
         "path",
         {
@@ -13550,9 +13550,9 @@ const __iconNode$j = [
         }
     ]
 ];
-const Gauge = createLucideIcon("gauge", __iconNode$j);
+const Gauge = createLucideIcon("gauge", __iconNode$k);
 
-const __iconNode$i = [
+const __iconNode$j = [
     [
         "line",
         {
@@ -13594,9 +13594,9 @@ const __iconNode$i = [
         }
     ]
 ];
-const Hash = createLucideIcon("hash", __iconNode$i);
+const Hash = createLucideIcon("hash", __iconNode$j);
 
-const __iconNode$h = [
+const __iconNode$i = [
     [
         "circle",
         {
@@ -13621,9 +13621,9 @@ const __iconNode$h = [
         }
     ]
 ];
-const Info = createLucideIcon("info", __iconNode$h);
+const Info = createLucideIcon("info", __iconNode$i);
 
-const __iconNode$g = [
+const __iconNode$h = [
     [
         "path",
         {
@@ -13660,9 +13660,9 @@ const __iconNode$g = [
         }
     ]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$g);
+const ListChecks = createLucideIcon("list-checks", __iconNode$h);
 
-const __iconNode$f = [
+const __iconNode$g = [
     [
         "path",
         {
@@ -13692,9 +13692,9 @@ const __iconNode$f = [
         }
     ]
 ];
-const MessageSquareText = createLucideIcon("message-square-text", __iconNode$f);
+const MessageSquareText = createLucideIcon("message-square-text", __iconNode$g);
 
-const __iconNode$e = [
+const __iconNode$f = [
     [
         "path",
         {
@@ -13710,9 +13710,9 @@ const __iconNode$e = [
         }
     ]
 ];
-const MessagesSquare = createLucideIcon("messages-square", __iconNode$e);
+const MessagesSquare = createLucideIcon("messages-square", __iconNode$f);
 
-const __iconNode$d = [
+const __iconNode$e = [
     [
         "rect",
         {
@@ -13732,9 +13732,9 @@ const __iconNode$d = [
         }
     ]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$d);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$e);
 
-const __iconNode$c = [
+const __iconNode$d = [
     [
         "rect",
         {
@@ -13761,9 +13761,9 @@ const __iconNode$c = [
         }
     ]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$c);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$d);
 
-const __iconNode$b = [
+const __iconNode$c = [
     [
         "path",
         {
@@ -13793,9 +13793,9 @@ const __iconNode$b = [
         }
     ]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$b);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$c);
 
-const __iconNode$a = [
+const __iconNode$b = [
     [
         "path",
         {
@@ -13832,9 +13832,9 @@ const __iconNode$a = [
         }
     ]
 ];
-const Scale = createLucideIcon("scale", __iconNode$a);
+const Scale = createLucideIcon("scale", __iconNode$b);
 
-const __iconNode$9 = [
+const __iconNode$a = [
     [
         "path",
         {
@@ -13868,9 +13868,9 @@ const __iconNode$9 = [
         }
     ]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$9);
+const Settings2 = createLucideIcon("settings-2", __iconNode$a);
 
-const __iconNode$8 = [
+const __iconNode$9 = [
     [
         "path",
         {
@@ -13893,9 +13893,9 @@ const __iconNode$8 = [
         }
     ]
 ];
-const Share = createLucideIcon("share", __iconNode$8);
+const Share = createLucideIcon("share", __iconNode$9);
 
-const __iconNode$7 = [
+const __iconNode$8 = [
     [
         "path",
         {
@@ -13904,9 +13904,9 @@ const __iconNode$7 = [
         }
     ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$7);
+const Shield = createLucideIcon("shield", __iconNode$8);
 
-const __iconNode$6 = [
+const __iconNode$7 = [
     [
         "path",
         {
@@ -13932,9 +13932,9 @@ const __iconNode$6 = [
         }
     ]
 ];
-const Tags = createLucideIcon("tags", __iconNode$6);
+const Tags = createLucideIcon("tags", __iconNode$7);
 
-const __iconNode$5 = [
+const __iconNode$6 = [
     [
         "circle",
         {
@@ -13963,9 +13963,9 @@ const __iconNode$5 = [
         }
     ]
 ];
-const Target = createLucideIcon("target", __iconNode$5);
+const Target = createLucideIcon("target", __iconNode$6);
 
-const __iconNode$4 = [
+const __iconNode$5 = [
     [
         "line",
         {
@@ -13996,7 +13996,32 @@ const __iconNode$4 = [
         }
     ]
 ];
-const Timer = createLucideIcon("timer", __iconNode$4);
+const Timer = createLucideIcon("timer", __iconNode$5);
+
+const __iconNode$4 = [
+    [
+        "path",
+        {
+            d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+            key: "wmoenq"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 9v4",
+            key: "juzpu7"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 17h.01",
+            key: "p32p05"
+        }
+    ]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$4);
 
 const __iconNode$3 = [
     [
@@ -47818,7 +47843,7 @@ const Paragraph = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     }, children);
 });
 
-const Text$2 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+const Text$3 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { ellipsis, children, ...restProps } = props;
     const mergedEllipsis = React.useMemo(()=>{
         if (ellipsis && typeof ellipsis === 'object') {
@@ -47865,7 +47890,7 @@ const Title$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
 });
 
 const Typography = Typography$1;
-Typography.Text = Text$2;
+Typography.Text = Text$3;
 Typography.Link = Link$1;
 Typography.Title = Title$1;
 Typography.Paragraph = Paragraph;
@@ -48186,6 +48211,130 @@ function valueToTreeNodes(value, path) {
     return valueToTreeNodes(data, "$root");
 }
 
+const { Text: Text$2 } = Typography;
+/**
+ * Detect whether a tool/node output is an error envelope rather than a regular
+ * return value. Failed nodes serialize as `{ type, message, traceback }`; a
+ * traceback alone, or a `type` + `message` pair, is enough to treat it as an
+ * error. Returns the parsed error (with only string fields kept) or null.
+ */ function parseErrorOutput(output) {
+    if (output === null || typeof output !== "object" || Array.isArray(output)) {
+        return null;
+    }
+    const obj = output;
+    const type = typeof obj.type === "string" ? obj.type : undefined;
+    const message = typeof obj.message === "string" ? obj.message : undefined;
+    const traceback = typeof obj.traceback === "string" ? obj.traceback : undefined;
+    const looksLikeError = traceback !== undefined || type !== undefined && message !== undefined;
+    return looksLikeError ? {
+        type,
+        message,
+        traceback
+    } : null;
+}
+/**
+ * Renders a failed node/tool output distinctly from a regular returned object:
+ * a destructive-tinted surface with the exception type, message, and a
+ * collapsible traceback.
+ */ const ErrorOutput = ({ error })=>{
+    const { theme } = useTheme$1();
+    const [showTraceback, setShowTraceback] = useState(false);
+    const destructive = theme?.colors?.destructive ?? "hsl(0 84.2% 60.2%)";
+    const foreground = theme?.colors?.foreground ?? "inherit";
+    const mutedForeground = theme?.colors?.mutedForeground ?? "inherit";
+    const radius = theme?.borderRadius?.md ?? "0.375rem";
+    const xs = theme?.spacing?.xs ?? "0.25rem";
+    const sm = theme?.spacing?.sm ?? "0.5rem";
+    const md = theme?.spacing?.md ?? "1rem";
+    const fontXs = theme?.fontSize?.xs ?? "0.75rem";
+    const fontSm = theme?.fontSize?.sm ?? "0.875rem";
+    const { type, message, traceback } = error;
+    return /*#__PURE__*/ React__default.createElement("div", {
+        "data-testid": "error-output",
+        style: {
+            border: `1px solid color-mix(in srgb, ${destructive} 45%, transparent)`,
+            background: `color-mix(in srgb, ${destructive} 8%, transparent)`,
+            borderRadius: radius,
+            padding: md,
+            display: "flex",
+            flexDirection: "column",
+            gap: sm
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: sm,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React__default.createElement(TriangleAlert, {
+        size: 16,
+        color: destructive,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), /*#__PURE__*/ React__default.createElement(Tag, {
+        color: "red",
+        style: {
+            margin: 0
+        }
+    }, type || "Error")), message && /*#__PURE__*/ React__default.createElement(Text$2, {
+        strong: true,
+        style: {
+            color: foreground,
+            fontSize: fontSm,
+            wordBreak: "break-word"
+        }
+    }, message), traceback && /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: xs
+        }
+    }, /*#__PURE__*/ React__default.createElement("button", {
+        type: "button",
+        onClick: ()=>setShowTraceback((prev)=>!prev),
+        "aria-expanded": showTraceback,
+        style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: xs,
+            alignSelf: "flex-start",
+            padding: 0,
+            border: "none",
+            background: "transparent",
+            cursor: "pointer",
+            color: destructive,
+            fontSize: fontXs,
+            fontWeight: 500
+        }
+    }, showTraceback ? /*#__PURE__*/ React__default.createElement(ChevronDown, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }) : /*#__PURE__*/ React__default.createElement(ChevronRight, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), showTraceback ? "Hide traceback" : "Show traceback"), showTraceback && /*#__PURE__*/ React__default.createElement("pre", {
+        "data-testid": "error-output-traceback",
+        style: {
+            margin: 0,
+            padding: sm,
+            borderRadius: radius,
+            background: `color-mix(in srgb, ${destructive} 6%, transparent)`,
+            border: `1px solid color-mix(in srgb, ${destructive} 25%, transparent)`,
+            color: mutedForeground,
+            fontFamily: "monospace",
+            fontSize: fontXs,
+            lineHeight: 1.5,
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word",
+            maxHeight: "300px",
+            overflow: "auto"
+        }
+    }, traceback)));
+};
+
 const { Text: Text$1 } = Typography;
 function themedCodeSurface(theme) {
     return {
@@ -48364,8 +48513,9 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
     const { theme } = useTheme$1();
     const hasInputs = hasInputsProp ?? inputs.length > 0;
     const hasOutputs = output !== null || toolOutput !== null;
+    const errorOutput = parseErrorOutput(toolOutput);
     const outputsText = hasOutputs ? formatOutputAsText(output, toolOutput) : "";
-    const isToolOutputTabular = toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
+    const isToolOutputTabular = !errorOutput && toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
     const toolInputText = getToolInputText(inputs);
     const inputsLabel = largeInputsTitle ? /*#__PURE__*/ React__default.createElement("div", {
         style: {
@@ -48450,13 +48600,26 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
         },
         {
             key: "outputs",
-            label: /*#__PURE__*/ React__default.createElement(Text$1, {
+            label: /*#__PURE__*/ React__default.createElement("div", {
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: theme.spacing.sm
+                }
+            }, /*#__PURE__*/ React__default.createElement(Text$1, {
                 strong: true,
                 style: {
                     color: theme.colors.foreground
                 }
-            }, "Outputs"),
-            children: hasOutputs ? isToolOutputTabular ? /*#__PURE__*/ React__default.createElement(JsonValueTree, {
+            }, "Outputs"), errorOutput && /*#__PURE__*/ React__default.createElement(Tag, {
+                color: "red",
+                style: {
+                    margin: 0
+                }
+            }, "Failed")),
+            children: hasOutputs ? errorOutput ? /*#__PURE__*/ React__default.createElement(ErrorOutput, {
+                error: errorOutput
+            }) : isToolOutputTabular ? /*#__PURE__*/ React__default.createElement(JsonValueTree, {
                 data: toolOutput
             }) : /*#__PURE__*/ React__default.createElement("pre", {
                 style: outputPreStyle

package/dist/types/components/nodes/ErrorOutput.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+/** Error envelope produced by the Railtracks backend for a failed node/tool. */
+export interface ToolErrorOutput {
+    /** Exception class name, e.g. "ValueError". */
+    type?: string;
+    /** Human-readable exception message. */
+    message?: string;
+    /** Full Python traceback string. */
+    traceback?: string;
+}
+/**
+ * Detect whether a tool/node output is an error envelope rather than a regular
+ * return value. Failed nodes serialize as `{ type, message, traceback }`; a
+ * traceback alone, or a `type` + `message` pair, is enough to treat it as an
+ * error. Returns the parsed error (with only string fields kept) or null.
+ */
+export declare function parseErrorOutput(output: unknown): ToolErrorOutput | null;
+export interface ErrorOutputProps {
+    error: ToolErrorOutput;
+}
+/**
+ * Renders a failed node/tool output distinctly from a regular returned object:
+ * a destructive-tinted surface with the exception type, message, and a
+ * collapsible traceback.
+ */
+export declare const ErrorOutput: React.FC<ErrorOutputProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.70",
+  "version": "0.0.71",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",