@railtownai/railtracks-visualizer 0.0.69 → 0.0.71

package/dist/cjs/index.js

@@ -12939,7 +12939,7 @@ const createLucideIcon = (iconName, iconNode)=>{
     return Component;
 };
 
-const __iconNode$A = [
+const __iconNode$D = [
     [
         "path",
         {
@@ -12955,9 +12955,9 @@ const __iconNode$A = [
         }
     ]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$A);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$D);
 
-const __iconNode$z = [
+const __iconNode$C = [
     [
         "path",
         {
@@ -12973,9 +12973,9 @@ const __iconNode$z = [
         }
     ]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$z);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$C);
 
-const __iconNode$y = [
+const __iconNode$B = [
     [
         "path",
         {
@@ -13023,9 +13023,9 @@ const __iconNode$y = [
         }
     ]
 ];
-const Bot = createLucideIcon("bot", __iconNode$y);
+const Bot = createLucideIcon("bot", __iconNode$B);
 
-const __iconNode$x = [
+const __iconNode$A = [
     [
         "path",
         {
@@ -13059,9 +13059,9 @@ const __iconNode$x = [
         }
     ]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$x);
+const Calendar = createLucideIcon("calendar", __iconNode$A);
 
-const __iconNode$w = [
+const __iconNode$z = [
     [
         "path",
         {
@@ -13118,9 +13118,9 @@ const __iconNode$w = [
         }
     ]
 ];
-const ChartNetwork = createLucideIcon("chart-network", __iconNode$w);
+const ChartNetwork = createLucideIcon("chart-network", __iconNode$z);
 
-const __iconNode$v = [
+const __iconNode$y = [
     [
         "path",
         {
@@ -13129,9 +13129,9 @@ const __iconNode$v = [
         }
     ]
 ];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$v);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
 
-const __iconNode$u = [
+const __iconNode$x = [
     [
         "path",
         {
@@ -13140,9 +13140,9 @@ const __iconNode$u = [
         }
     ]
 ];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$u);
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$x);
 
-const __iconNode$t = [
+const __iconNode$w = [
     [
         "path",
         {
@@ -13158,9 +13158,9 @@ const __iconNode$t = [
         }
     ]
 ];
-const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$t);
+const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$w);
 
-const __iconNode$s = [
+const __iconNode$v = [
     [
         "path",
         {
@@ -13176,9 +13176,9 @@ const __iconNode$s = [
         }
     ]
 ];
-const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$s);
+const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$v);
 
-const __iconNode$r = [
+const __iconNode$u = [
     [
         "circle",
         {
@@ -13209,9 +13209,9 @@ const __iconNode$r = [
         }
     ]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$r);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$u);
 
-const __iconNode$q = [
+const __iconNode$t = [
     [
         "path",
         {
@@ -13227,9 +13227,9 @@ const __iconNode$q = [
         }
     ]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$q);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$t);
 
-const __iconNode$p = [
+const __iconNode$s = [
     [
         "circle",
         {
@@ -13254,9 +13254,9 @@ const __iconNode$p = [
         }
     ]
 ];
-const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$p);
+const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$s);
 
-const __iconNode$o = [
+const __iconNode$r = [
     [
         "circle",
         {
@@ -13274,9 +13274,9 @@ const __iconNode$o = [
         }
     ]
 ];
-const Clock = createLucideIcon("clock", __iconNode$o);
+const Clock = createLucideIcon("clock", __iconNode$r);
 
-const __iconNode$n = [
+const __iconNode$q = [
     [
         "rect",
         {
@@ -13297,9 +13297,9 @@ const __iconNode$n = [
         }
     ]
 ];
-const Copy = createLucideIcon("copy", __iconNode$n);
+const Copy = createLucideIcon("copy", __iconNode$q);
 
-const __iconNode$m = [
+const __iconNode$p = [
     [
         "path",
         {
@@ -13407,9 +13407,9 @@ const __iconNode$m = [
         }
     ]
 ];
-const Cpu = createLucideIcon("cpu", __iconNode$m);
+const Cpu = createLucideIcon("cpu", __iconNode$p);
 
-const __iconNode$l = [
+const __iconNode$o = [
     [
         "line",
         {
@@ -13428,9 +13428,9 @@ const __iconNode$l = [
         }
     ]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$l);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$o);
 
-const __iconNode$k = [
+const __iconNode$n = [
     [
         "path",
         {
@@ -13460,9 +13460,9 @@ const __iconNode$k = [
         }
     ]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$k);
+const FileInput = createLucideIcon("file-input", __iconNode$n);
 
-const __iconNode$j = [
+const __iconNode$m = [
     [
         "path",
         {
@@ -13492,9 +13492,9 @@ const __iconNode$j = [
         }
     ]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$j);
+const FileOutput = createLucideIcon("file-output", __iconNode$m);
 
-const __iconNode$i = [
+const __iconNode$l = [
     [
         "path",
         {
@@ -13552,9 +13552,27 @@ const __iconNode$i = [
         }
     ]
 ];
-const FoldVertical = createLucideIcon("fold-vertical", __iconNode$i);
+const FoldVertical = createLucideIcon("fold-vertical", __iconNode$l);
 
-const __iconNode$h = [
+const __iconNode$k = [
+    [
+        "path",
+        {
+            d: "m12 14 4-4",
+            key: "9kzdfg"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M3.34 19a10 10 0 1 1 17.32 0",
+            key: "19p75a"
+        }
+    ]
+];
+const Gauge = createLucideIcon("gauge", __iconNode$k);
+
+const __iconNode$j = [
     [
         "line",
         {
@@ -13596,9 +13614,9 @@ const __iconNode$h = [
         }
     ]
 ];
-const Hash = createLucideIcon("hash", __iconNode$h);
+const Hash = createLucideIcon("hash", __iconNode$j);
 
-const __iconNode$g = [
+const __iconNode$i = [
     [
         "circle",
         {
@@ -13623,9 +13641,9 @@ const __iconNode$g = [
         }
     ]
 ];
-const Info = createLucideIcon("info", __iconNode$g);
+const Info = createLucideIcon("info", __iconNode$i);
 
-const __iconNode$f = [
+const __iconNode$h = [
     [
         "path",
         {
@@ -13662,9 +13680,9 @@ const __iconNode$f = [
         }
     ]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$f);
+const ListChecks = createLucideIcon("list-checks", __iconNode$h);
 
-const __iconNode$e = [
+const __iconNode$g = [
     [
         "path",
         {
@@ -13694,9 +13712,9 @@ const __iconNode$e = [
         }
     ]
 ];
-const MessageSquareText = createLucideIcon("message-square-text", __iconNode$e);
+const MessageSquareText = createLucideIcon("message-square-text", __iconNode$g);
 
-const __iconNode$d = [
+const __iconNode$f = [
     [
         "path",
         {
@@ -13712,9 +13730,9 @@ const __iconNode$d = [
         }
     ]
 ];
-const MessagesSquare = createLucideIcon("messages-square", __iconNode$d);
+const MessagesSquare = createLucideIcon("messages-square", __iconNode$f);
 
-const __iconNode$c = [
+const __iconNode$e = [
     [
         "rect",
         {
@@ -13734,9 +13752,9 @@ const __iconNode$c = [
         }
     ]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$c);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$e);
 
-const __iconNode$b = [
+const __iconNode$d = [
     [
         "rect",
         {
@@ -13763,9 +13781,9 @@ const __iconNode$b = [
         }
     ]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$b);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$d);
 
-const __iconNode$a = [
+const __iconNode$c = [
     [
         "path",
         {
@@ -13795,9 +13813,9 @@ const __iconNode$a = [
         }
     ]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$a);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$c);
 
-const __iconNode$9 = [
+const __iconNode$b = [
     [
         "path",
         {
@@ -13834,9 +13852,9 @@ const __iconNode$9 = [
         }
     ]
 ];
-const Scale = createLucideIcon("scale", __iconNode$9);
+const Scale = createLucideIcon("scale", __iconNode$b);
 
-const __iconNode$8 = [
+const __iconNode$a = [
     [
         "path",
         {
@@ -13870,9 +13888,9 @@ const __iconNode$8 = [
         }
     ]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$8);
+const Settings2 = createLucideIcon("settings-2", __iconNode$a);
 
-const __iconNode$7 = [
+const __iconNode$9 = [
     [
         "path",
         {
@@ -13895,9 +13913,9 @@ const __iconNode$7 = [
         }
     ]
 ];
-const Share = createLucideIcon("share", __iconNode$7);
+const Share = createLucideIcon("share", __iconNode$9);
 
-const __iconNode$6 = [
+const __iconNode$8 = [
     [
         "path",
         {
@@ -13906,9 +13924,37 @@ const __iconNode$6 = [
         }
     ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$6);
+const Shield = createLucideIcon("shield", __iconNode$8);
 
-const __iconNode$5 = [
+const __iconNode$7 = [
+    [
+        "path",
+        {
+            d: "M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z",
+            key: "16rjxf"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193",
+            key: "178nd4"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "10.5",
+            cy: "6.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "12ikhr"
+        }
+    ]
+];
+const Tags = createLucideIcon("tags", __iconNode$7);
+
+const __iconNode$6 = [
     [
         "circle",
         {
@@ -13937,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",
         {
@@ -13970,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 = [
     [
@@ -47792,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') {
@@ -47839,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;
@@ -48160,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 {
@@ -48338,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: {
@@ -48424,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
@@ -112625,7 +112834,32 @@ const GuardrailsPopover = ({ guardrails, title = "Guardrails", placement = "righ
     })));
 };
 
-const getNodeLatency = (node)=>node.details?.internals?.latency?.total_time ?? 0;
+/** Collect start/end instants (unix seconds) for wall-clock span of a single node. */ const getNodeStampTimes = (node)=>{
+    const start = node.stamp?.time;
+    if (start == null) return [];
+    const times = [
+        start
+    ];
+    const latency = node.details?.internals?.latency?.total_time;
+    if (latency != null && latency > 0) times.push(start + latency);
+    return times;
+};
+const wallClockSpanSeconds = (times)=>{
+    if (times.length === 0) return 0;
+    const min = Math.min(...times);
+    const max = Math.max(...times);
+    return Math.max(0, max - min);
+};
+const collectSubtreeStampTimes = (nodeId, childrenMap, nodeMap)=>{
+    const node = nodeMap.get(nodeId);
+    if (!node) return [];
+    const times = getNodeStampTimes(node);
+    for (const childId of childrenMap.get(nodeId) ?? []){
+        times.push(...collectSubtreeStampTimes(childId, childrenMap, nodeMap));
+    }
+    return times;
+};
+/** Wall-clock elapsed time across a node and all descendants (unix stamp times). */ const getSubtreeWallClockSeconds = (nodeId, childrenMap, nodeMap)=>wallClockSpanSeconds(collectSubtreeStampTimes(nodeId, childrenMap, nodeMap));
 const SessionTreeNodeTitle = ({ displayName, subtreeLatency, guardrails })=>{
     return /*#__PURE__*/ React.createElement("span", {
         style: {
@@ -112753,8 +112987,7 @@ const buildNodeTree = (run)=>{
         const nodeKey = `node::${run.run_id}::${node.identifier}`;
         const childIds = childrenMap.get(node.identifier) || [];
         const children = childIds.map((id)=>nodeMap.get(id)).filter((n)=>n != null).sort((a, b)=>(a.stamp?.step ?? 0) - (b.stamp?.step ?? 0)).map(buildTreeNode);
-        const childLatency = children.reduce((s, c)=>s + (c.subtreeLatency ?? 0), 0);
-        const subtreeLatency = getNodeLatency(node) + childLatency;
+        const subtreeLatency = getSubtreeWallClockSeconds(node.identifier, childrenMap, nodeMap);
         const guardrails = node.details?.internals?.guard_details ?? [];
         const isTool = node.node_type === "Tool";
         const failed = isNodeFailureFromIncomingEdge(run, node.identifier);
@@ -113376,7 +113609,7 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
 
 /**
  * DTOs for evaluation data from .railtracks/data/evaluations/*.json
- */ /** Numeric metric definition (LLMMetric or ToolMetric) */ /** Type guard for LLM result */ function isLLMResult(item) {
+ */ /** Numeric metric definition (LLMMetric, ToolMetric, or Numerical for custom evaluators) */ /** Type guard for LLM result */ function isLLMResult(item) {
     return item.type === "LLM";
 }
 /** Type guard for Tool result */ function isToolResult(item) {
@@ -113394,8 +113627,12 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
 /** Type guard for CategoricalAggregate */ function isAggregateCategorical(item) {
     return item.type === "CategoricalAggregate";
 }
-/** Type guard for aggregated stats (numeric - LLMInferenceAggregate or ToolAggregate) */ function isAggregatedStats(item) {
-    return item.type === "LLMInferenceAggregate" || item.type === "ToolAggregate";
+/** Type guard for NumericalAggregate (custom evaluator numeric aggregate) */ function isNumericalAggregate(item) {
+    return item.type === "NumericalAggregate";
+}
+/** Type guard for aggregated stats (numeric - LLMInferenceAggregate, ToolAggregate, or NumericalAggregate) */ function isAggregatedStats(item) {
+    const type = item.type;
+    return type === "LLMInferenceAggregate" || type === "ToolAggregate" || type === "NumericalAggregate";
 }
 
 function isCategoricalMetric$1(def) {
@@ -113411,7 +113648,8 @@ function isCategoricalMetric$1(def) {
     const aggregateTypes = [
         "ToolAggregate",
         "LLMInferenceAggregate",
-        "CategoricalAggregate"
+        "CategoricalAggregate",
+        "NumericalAggregate"
     ];
     const aggregateItems = Object.values(nodes).filter((n)=>n?.type && aggregateTypes.includes(n.type));
     return [
@@ -117077,7 +117315,7 @@ function buildTreeFromProcessedData(latencyByTool, failureRateByTool, usageCount
 
 const JUDGE_RESULT_PREFIX = "JudgeResult/";
 const JUDGE_REASONING_PREFIX = "JudgeReasoning/";
-/** Map agent node id -> session id from the agents array (new format only). */ function buildSessionByNodeId(agents) {
+/** Map agent node id -> session id from the agents array (new format only). */ function buildSessionByNodeId$1(agents) {
     const map = new Map();
     for (const agent of agents ?? []){
         for (const entry of agent.agent_node_ids ?? []){
@@ -117101,10 +117339,10 @@ const JUDGE_REASONING_PREFIX = "JudgeReasoning/";
     }
     return map;
 }
-function metricNameOf(agg) {
+function metricNameOf$1(agg) {
     return agg.metric?.name ?? agg.name?.replace(/^Aggregate\//, "") ?? "Unknown";
 }
-/** Collect the JudgeResult leaf nodes (label + node id) grouped by label. */ function groupNodesByLabel(agg, nodes, rawResults, metricName, sessionByNodeId, reasoningByKey) {
+/** Collect the leaf nodes (label + node id) grouped by label. */ function groupNodesByLabel(agg, nodes, rawResults, metricName, sessionByNodeId, reasoningByKey) {
     const byLabel = new Map();
     const seen = new Set();
     const push = (label, nodeId)=>{
@@ -117142,15 +117380,15 @@ function metricNameOf(agg) {
     }
     return byLabel;
 }
-/** Build the Judge view model: one entry per categorical metric. */ function buildJudgeMetricsFromAggregate(input) {
+/** Build the categorical view model: one entry per categorical metric. */ function buildCategoricalMetricsFromAggregate(input) {
     const { roots, nodes, agents, rawResults = [] } = input;
-    const sessionByNodeId = buildSessionByNodeId(agents);
+    const sessionByNodeId = buildSessionByNodeId$1(agents);
     const reasoningByKey = buildReasoningByKey(rawResults);
     // Prefer roots; fall back to scanning all nodes for categorical aggregates.
     const rootAggregates = roots.map((id)=>nodes[id]).filter((n)=>isAggregateCategorical(n));
     const aggregates = rootAggregates.length > 0 ? rootAggregates : Object.values(nodes).filter((n)=>isAggregateCategorical(n));
     return aggregates.map((agg, index)=>{
-        const metricName = metricNameOf(agg);
+        const metricName = metricNameOf$1(agg);
         const counts = agg.counts ?? {};
         const categories = agg.categories ?? agg.metric?.categories ?? Object.keys(counts);
         const byLabel = groupNodesByLabel(agg, nodes, rawResults, metricName, sessionByNodeId, reasoningByKey);
@@ -117182,6 +117420,75 @@ function metricNameOf(agg) {
     });
 }
 
+/** Map agent node id -> session id from the agents array (new format only). */ function buildSessionByNodeId(agents) {
+    const map = new Map();
+    for (const agent of agents ?? []){
+        for (const entry of agent.agent_node_ids ?? []){
+            if (entry && typeof entry === "object" && "agent_node_id" in entry) {
+                map.set(entry.agent_node_id, entry.session_id);
+            }
+        }
+    }
+    return map;
+}
+function metricNameOf(agg) {
+    return agg.metric?.name ?? agg.name?.replace(/^Aggregate\//, "") ?? "Unknown";
+}
+/** Collect the per-run leaf values (value + node id) for a numerical aggregate. */ function collectNodes(agg, nodes, rawResults, metricName, sessionByNodeId) {
+    const refs = [];
+    const seen = new Set();
+    const push = (nodeId, value)=>{
+        if (!Number.isFinite(value) || seen.has(nodeId)) return;
+        seen.add(nodeId);
+        refs.push({
+            nodeId,
+            sessionId: sessionByNodeId.get(nodeId),
+            value
+        });
+    };
+    // Preferred: walk the aggregate's children leaf nodes.
+    for (const childId of agg.children ?? []){
+        const child = nodes[childId];
+        if (child && isBaseResult(child)) {
+            const nodeId = child.agent_data_id?.[0];
+            if (nodeId) push(nodeId, Number(child.value));
+        }
+    }
+    // Fallback: derive from raw Base results named after the metric when no children resolve.
+    if (refs.length === 0) {
+        for (const item of rawResults){
+            if (isBaseResult(item) && item.result_name === metricName) {
+                const nodeId = item.agent_data_id?.[0];
+                if (nodeId) push(nodeId, Number(item.value));
+            }
+        }
+    }
+    return refs;
+}
+/** Build the custom (numerical) evaluator view model: one entry per numerical metric. */ function buildNumericalMetricsFromAggregate(input) {
+    const { roots, nodes, agents, rawResults = [] } = input;
+    const sessionByNodeId = buildSessionByNodeId(agents);
+    // Prefer roots; fall back to scanning all nodes for numerical aggregates.
+    const rootAggregates = roots.map((id)=>nodes[id]).filter((n)=>isNumericalAggregate(n));
+    const aggregates = rootAggregates.length > 0 ? rootAggregates : Object.values(nodes).filter((n)=>isNumericalAggregate(n));
+    return aggregates.map((agg, index)=>{
+        const metricName = metricNameOf(agg);
+        const nodeRefs = collectNodes(agg, nodes, rawResults, metricName, sessionByNodeId);
+        return {
+            key: agg.identifier ?? `${metricName}-${index}`,
+            metricName,
+            description: agg.metric?.description ?? undefined,
+            mean: agg.mean,
+            minimum: agg.minimum,
+            maximum: agg.maximum,
+            median: agg.median,
+            std: agg.std,
+            count: agg.values?.length ?? nodeRefs.length,
+            nodes: nodeRefs
+        };
+    });
+}
+
 const NodeActions = ({ sessionId, nodeId, onAgentNodeClick, onOpenVisualizer })=>{
     const { theme } = useTheme$1();
     const baseStyle = {
@@ -117243,7 +117550,7 @@ const NodeActions = ({ sessionId, nodeId, onAgentNodeClick, onOpenVisualizer })=
     }), "Visualizer")));
 };
 
-const NodeRow = ({ node, metricName, onAgentNodeClick, onOpenVisualizer })=>{
+const NodeRow$1 = ({ node, metricName, onAgentNodeClick, onOpenVisualizer })=>{
     const { theme } = useTheme$1();
     const [showReasoning, setShowReasoning] = React.useState(false);
     return /*#__PURE__*/ React.createElement("div", {
@@ -117313,7 +117620,7 @@ const NodeRow = ({ node, metricName, onAgentNodeClick, onOpenVisualizer })=>{
             marginBottom: 6,
             color: theme.colors.mutedForeground
         }
-    }, "Judge reasoning · ", metricName), node.reasoning));
+    }, "Reasoning · ", metricName), node.reasoning));
 };
 const LabelPanelHeader = ({ label })=>{
     const { theme } = useTheme$1();
@@ -117346,7 +117653,7 @@ const LabelPanelHeader = ({ label })=>{
         }
     }, label.count, " ", label.count === 1 ? "node" : "nodes"));
 };
-const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
+const MetricCard$1 = ({ metric, icon: Icon, onAgentNodeClick, onOpenVisualizer })=>{
     const { theme } = useTheme$1();
     const items = metric.labels.map((label)=>({
             key: label.labelName,
@@ -117366,7 +117673,7 @@ const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
                     flexDirection: "column",
                     gap: 12
                 }
-            }, label.nodes.map((node)=>/*#__PURE__*/ React.createElement(NodeRow, {
+            }, label.nodes.map((node)=>/*#__PURE__*/ React.createElement(NodeRow$1, {
                     key: node.nodeId,
                     node: node,
                     metricName: metric.metricName,
@@ -117394,7 +117701,7 @@ const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
             gap: 12,
             flexWrap: "wrap"
         }
-    }, /*#__PURE__*/ React.createElement(Scale, {
+    }, /*#__PURE__*/ React.createElement(Icon, {
         size: 16,
         style: {
             color: theme.colors.primary,
@@ -117435,13 +117742,13 @@ const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
             marginLeft: "auto",
             flexShrink: 0
         }
-    }, /*#__PURE__*/ React.createElement(Meta, {
+    }, /*#__PURE__*/ React.createElement(Meta$1, {
         label: "Most common",
         value: metric.mostCommon
-    }), /*#__PURE__*/ React.createElement(Meta, {
+    }), /*#__PURE__*/ React.createElement(Meta$1, {
         label: "Least common",
         value: metric.leastCommon
-    }), /*#__PURE__*/ React.createElement(Meta, {
+    }), /*#__PURE__*/ React.createElement(Meta$1, {
         label: "Evaluations",
         value: String(metric.total)
     }))), metric.description && /*#__PURE__*/ React.createElement("div", {
@@ -117458,6 +117765,76 @@ const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
         }
     }));
 };
+const Meta$1 = ({ label, value })=>{
+    const { theme } = useTheme$1();
+    return /*#__PURE__*/ React.createElement("span", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "flex-end",
+            gap: 1
+        }
+    }, /*#__PURE__*/ React.createElement("span", {
+        style: {
+            fontSize: 10,
+            textTransform: "uppercase",
+            letterSpacing: 0.4,
+            color: theme.colors.mutedForeground
+        }
+    }, label), /*#__PURE__*/ React.createElement("span", {
+        style: {
+            fontSize: 13,
+            fontWeight: 500
+        }
+    }, value ?? "—"));
+};
+const CategoricalAggregateView = ({ metrics, title = "Categorical Evaluator - Aggregate View", icon = Tags, emptyLabel = "No categorical metrics available", onAgentNodeClick, onOpenVisualizer })=>{
+    const { theme } = useTheme$1();
+    if (!metrics.length) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: {
+                padding: 24,
+                textAlign: "center",
+                color: theme.colors.mutedForeground,
+                fontSize: 14
+            }
+        }, emptyLabel);
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            width: "100%",
+            minWidth: 0
+        }
+    }, /*#__PURE__*/ React.createElement("h3", {
+        style: {
+            margin: "0 0 16px",
+            fontSize: 16,
+            fontWeight: 600
+        }
+    }, title), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 12
+        }
+    }, metrics.map((metric)=>/*#__PURE__*/ React.createElement(MetricCard$1, {
+            key: metric.key,
+            metric: metric,
+            icon: icon,
+            onAgentNodeClick: onAgentNodeClick,
+            onOpenVisualizer: onOpenVisualizer
+        }))));
+};
+
+/**
+ * Format a numerical value for display. Custom metric names are arbitrary, so we
+ * use a light heuristic: latency-like metrics render as durations, integers get
+ * thousands separators, everything else gets two decimals.
+ */ function formatStat(value, metricName) {
+    if (value === undefined || !Number.isFinite(value)) return "—";
+    if (/seconds$/i.test(metricName) || /latency/i.test(metricName)) return formatLatency(value);
+    return Number.isInteger(value) ? formatNumberWithCommas(value) : value.toFixed(2);
+}
 const Meta = ({ label, value })=>{
     const { theme } = useTheme$1();
     return /*#__PURE__*/ React.createElement("span", {
@@ -117481,7 +117858,149 @@ const Meta = ({ label, value })=>{
         }
     }, value ?? "—"));
 };
-const JudgeAggregateView = ({ metrics, onAgentNodeClick, onOpenVisualizer })=>{
+const NodeRow = ({ node, metricName, onAgentNodeClick, onOpenVisualizer })=>{
+    const { theme } = useTheme$1();
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 10,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React.createElement(Tag, {
+        style: {
+            margin: 0,
+            fontFamily: "monospace",
+            fontWeight: 600,
+            background: theme.colors.tagLlminference?.bg ?? theme.colors.muted,
+            color: theme.colors.tagLlminference?.color ?? theme.colors.foreground,
+            border: `1px solid ${theme.colors.tagLlminference?.border ?? theme.colors.border}`
+        }
+    }, formatStat(node.value, metricName)), /*#__PURE__*/ React.createElement(Tag, {
+        style: {
+            margin: 0,
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 6,
+            background: theme.colors.tagToolLevel2?.bg ?? theme.colors.primary,
+            color: theme.colors.tagToolLevel2?.color ?? theme.colors.primaryForeground,
+            border: "none"
+        }
+    }, /*#__PURE__*/ React.createElement(Bot, {
+        size: 12,
+        style: {
+            flexShrink: 0
+        }
+    }), "Agent Node"), /*#__PURE__*/ React.createElement(NodeActions, {
+        sessionId: node.sessionId,
+        nodeId: node.nodeId,
+        onAgentNodeClick: onAgentNodeClick,
+        onOpenVisualizer: onOpenVisualizer
+    }));
+};
+const MetricCard = ({ metric, onAgentNodeClick, onOpenVisualizer })=>{
+    const { theme } = useTheme$1();
+    const items = metric.nodes.length > 0 ? [
+        {
+            key: "per-run",
+            label: /*#__PURE__*/ React.createElement("span", {
+                style: {
+                    fontSize: 13,
+                    fontWeight: 600
+                }
+            }, "Per-run values", " ", /*#__PURE__*/ React.createElement("span", {
+                style: {
+                    color: theme.colors.mutedForeground,
+                    fontWeight: 400
+                }
+            }, "(", metric.nodes.length, ")")),
+            children: /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 12
+                }
+            }, metric.nodes.map((node)=>/*#__PURE__*/ React.createElement(NodeRow, {
+                    key: node.nodeId,
+                    node: node,
+                    metricName: metric.metricName,
+                    onAgentNodeClick: onAgentNodeClick,
+                    onOpenVisualizer: onOpenVisualizer
+                })))
+        }
+    ] : [];
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            background: theme.colors.card,
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: 8,
+            overflow: "hidden"
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            padding: "14px 18px",
+            borderBottom: metric.nodes.length > 0 ? `1px solid ${theme.colors.border}` : "none",
+            background: theme.colors.secondary
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React.createElement(Gauge, {
+        size: 16,
+        style: {
+            color: theme.colors.primary,
+            flexShrink: 0
+        }
+    }), /*#__PURE__*/ React.createElement("span", {
+        style: {
+            fontSize: 15,
+            fontWeight: 600
+        }
+    }, metric.metricName), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: "flex",
+            gap: 20,
+            marginLeft: "auto",
+            flexShrink: 0,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React.createElement(Meta, {
+        label: "Mean",
+        value: formatStat(metric.mean, metric.metricName)
+    }), /*#__PURE__*/ React.createElement(Meta, {
+        label: "Min",
+        value: formatStat(metric.minimum, metric.metricName)
+    }), /*#__PURE__*/ React.createElement(Meta, {
+        label: "Max",
+        value: formatStat(metric.maximum, metric.metricName)
+    }), /*#__PURE__*/ React.createElement(Meta, {
+        label: "Median",
+        value: formatStat(metric.median, metric.metricName)
+    }), /*#__PURE__*/ React.createElement(Meta, {
+        label: "Std",
+        value: formatStat(metric.std, metric.metricName)
+    }), /*#__PURE__*/ React.createElement(Meta, {
+        label: "Runs",
+        value: String(metric.count)
+    }))), metric.description && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            marginTop: 6,
+            fontSize: 12,
+            color: theme.colors.mutedForeground
+        }
+    }, metric.description)), metric.nodes.length > 0 && /*#__PURE__*/ React.createElement(Collapse, {
+        items: items,
+        bordered: false,
+        style: {
+            background: theme.colors.card
+        }
+    }));
+};
+const NumericalAggregateView = ({ metrics, onAgentNodeClick, onOpenVisualizer })=>{
     const { theme } = useTheme$1();
     if (!metrics.length) {
         return /*#__PURE__*/ React.createElement("div", {
@@ -117491,7 +118010,7 @@ const JudgeAggregateView = ({ metrics, onAgentNodeClick, onOpenVisualizer })=>{
                 color: theme.colors.mutedForeground,
                 fontSize: 14
             }
-        }, "No judge metrics available");
+        }, "No numerical metrics available");
     }
     return /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -117504,7 +118023,7 @@ const JudgeAggregateView = ({ metrics, onAgentNodeClick, onOpenVisualizer })=>{
             fontSize: 16,
             fontWeight: 600
         }
-    }, "Judge Evaluator - Aggregate View"), /*#__PURE__*/ React.createElement("div", {
+    }, "Custom Evaluator - Aggregate View"), /*#__PURE__*/ React.createElement("div", {
         style: {
             display: "flex",
             flexDirection: "column",
@@ -117522,7 +118041,10 @@ function detectAggregateType(nodes) {
     const values = Object.values(nodes);
     if (values.some((n)=>n?.type === "ToolAggregate")) return "ToolUse";
     if (values.some((n)=>n?.type === "LLMInferenceAggregate")) return "LLMInference";
-    if (values.some((n)=>n?.type === "CategoricalAggregate")) return "Judge";
+    // Categorical covers the built-in JudgeEvaluator and any custom evaluator with categorical metrics.
+    if (values.some((n)=>n?.type === "CategoricalAggregate")) return "Categorical";
+    // Custom numerical evaluators (anything that isn't ToolUse/LLMInference/categorical) emit NumericalAggregate.
+    if (values.some((n)=>n?.type === "NumericalAggregate")) return "Numerical";
     return null;
 }
 function buildLLMInferenceFlatRows(nodes) {
@@ -117564,7 +118086,8 @@ function formatAggregateValue(value, metricName) {
 const DEFAULT_TITLES = {
     ToolUse: "Tool Use Evaluator - Aggregate View",
     LLMInference: "LLM Inference Evaluator - Aggregate View",
-    Judge: "Judge Evaluator - Aggregate View"
+    Categorical: "Categorical Evaluator - Aggregate View",
+    Numerical: "Custom Evaluator - Aggregate View"
 };
 const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, title, evaluatorName, onAgentNodeClick, onOpenVisualizer })=>{
     const { theme } = useTheme$1();
@@ -117606,10 +118129,23 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                     llmExpandableKeys
                 };
             }
-            if (type === "Judge") {
+            if (type === "Categorical") {
                 return {
                     aggregateType: type,
-                    dataSource: buildJudgeMetricsFromAggregate({
+                    dataSource: buildCategoricalMetricsFromAggregate({
+                        roots: aggregateResults.roots,
+                        nodes: aggregateResults.nodes,
+                        agents,
+                        rawResults
+                    }),
+                    llmIsTree: false,
+                    llmExpandableKeys: []
+                };
+            }
+            if (type === "Numerical") {
+                return {
+                    aggregateType: type,
+                    dataSource: buildNumericalMetricsFromAggregate({
                         roots: aggregateResults.roots,
                         nodes: aggregateResults.nodes,
                         agents,
@@ -117935,8 +118471,21 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
             }
         }));
     }
-    if (aggregateType === "Judge") {
-        return /*#__PURE__*/ React.createElement(JudgeAggregateView, {
+    if (aggregateType === "Categorical") {
+        // JudgeEvaluator keeps its branding; any other (custom) categorical evaluator
+        // renders through the same view with neutral categorical branding.
+        const isJudge = (evaluatorName ?? "").includes("Judge");
+        return /*#__PURE__*/ React.createElement(CategoricalAggregateView, {
+            metrics: dataSource,
+            title: title ?? (isJudge ? "Judge Evaluator - Aggregate View" : "Custom Evaluator - Aggregate View"),
+            icon: isJudge ? Scale : Tags,
+            emptyLabel: isJudge ? "No judge metrics available" : "No categorical metrics available",
+            onAgentNodeClick: onAgentNodeClick,
+            onOpenVisualizer: onOpenVisualizer
+        });
+    }
+    if (aggregateType === "Numerical") {
+        return /*#__PURE__*/ React.createElement(NumericalAggregateView, {
             metrics: dataSource,
             onAgentNodeClick: onAgentNodeClick,
             onOpenVisualizer: onOpenVisualizer
@@ -118203,7 +118752,8 @@ function isCategoricalMetric(def) {
     const aggregateTypes = [
         "ToolAggregate",
         "LLMInferenceAggregate",
-        "CategoricalAggregate"
+        "CategoricalAggregate",
+        "NumericalAggregate"
     ];
     const aggregateItems = Object.values(nodes).filter((n)=>n?.type && aggregateTypes.includes(n.type));
     return [