npm - @railtownai/railtracks-visualizer - Versions diffs - 0.0.53 → 0.0.54 - Mend

@railtownai/railtracks-visualizer 0.0.53 → 0.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -114503,7 +114503,7 @@ function isLLMAggregateNode(n) {
                     const primaryMetric = sortedMetrics[0];
                     nodeChildren.push({
                         key: `${callKey}-${nodeId}`,
-                        name: `agent_node_id_${idx + 1}`,
+                        name: nodeId,
                         level: 3,
                         metrics,
                         value: metrics[primaryMetric],
@@ -114637,11 +114637,19 @@ function buildTreeFromProcessedData(latencyByTool, failureRateByTool, usageCount
         }
         const children = [];
         for (const [aid, group] of agentGroups){
-            const totalRuntimeMs = group.latencies.reduce((s, l)=>s + l.value * 1000, 0);
-            const cnt = group.latencies.length;
+            // Deduplicate by tool_node_id (or key) so each tool invocation appears once
+            const seenIds = new Set();
+            const uniqueLatencies = group.latencies.filter((l)=>{
+                const id = l.toolNodeId ?? l.key;
+                if (seenIds.has(id)) return false;
+                seenIds.add(id);
+                return true;
+            });
+            const totalRuntimeMs = uniqueLatencies.reduce((s, l)=>s + l.value * 1000, 0);
+            const cnt = uniqueLatencies.length;
             let failed = 0;
             const failList = failureByToolAgentIndex.get(`${toolName}|${aid}`) ?? [];
-            const leaves = group.latencies.map((l, idx)=>{
+            const leaves = uniqueLatencies.map((l, idx)=>{
                 const failVal = failureByKey.get(l.key);
                 const failValByIndex = failList[idx];
                 const resolvedFail = failVal ?? (failValByIndex !== undefined ? failValByIndex : undefined);
@@ -114910,6 +114918,42 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                 }
             ];
             const headerIconColor = theme.colors.foreground;
+            const LLM_LABEL_BY_LEVEL = {
+                1: "Agent",
+                2: "LLM Call",
+                3: "Agent Node"
+            };
+            const LLMTagForLevel = ({ level })=>{
+                const label = LLM_LABEL_BY_LEVEL[level];
+                const Icon = level === 3 ? Bot : Cpu;
+                const tagStyle = level === 1 ? {
+                    background: theme.colors.tagToolLevel1?.bg ?? theme.colors.success,
+                    color: theme.colors.tagToolLevel1?.color ?? theme.colors.successForeground,
+                    border: "none"
+                } : level === 2 ? {
+                    background: theme.colors.tagLlminference?.bg ?? theme.colors.muted,
+                    color: theme.colors.tagLlminference?.color ?? theme.colors.foreground,
+                    border: "none"
+                } : {
+                    background: theme.colors.tagToolLevel2?.bg ?? theme.colors.primary,
+                    color: theme.colors.tagToolLevel2?.color ?? theme.colors.primaryForeground,
+                    border: "none"
+                };
+                return /*#__PURE__*/ React.createElement(Tag, {
+                    style: {
+                        marginRight: 8,
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: 6,
+                        ...tagStyle
+                    }
+                }, /*#__PURE__*/ React.createElement(Icon, {
+                    size: 12,
+                    style: {
+                        flexShrink: 0
+                    }
+                }), label);
+            };
             const llmColumns = [
                 {
                     title: /*#__PURE__*/ React.createElement("span", {
@@ -114928,16 +114972,14 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                     key: "name",
                     render: (name, row)=>/*#__PURE__*/ React.createElement("span", {
                             style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: 8,
                                 fontFamily: "monospace",
                                 fontSize: 13
                             }
-                        }, /*#__PURE__*/ React.createElement(Cpu, {
-                            size: 14,
-                            style: {
-                                marginRight: 8,
-                                verticalAlign: "middle",
-                                color: agentIconColor
-                            }
+                        }, /*#__PURE__*/ React.createElement(LLMTagForLevel, {
+                            level: row.level
                         }), name)
                 },
                 ...METRIC_COLUMNS.map(({ key, title, Icon })=>({

package/dist/esm/index.js CHANGED Viewed

@@ -114483,7 +114483,7 @@ function isLLMAggregateNode(n) {
                     const primaryMetric = sortedMetrics[0];
                     nodeChildren.push({
                         key: `${callKey}-${nodeId}`,
-                        name: `agent_node_id_${idx + 1}`,
+                        name: nodeId,
                         level: 3,
                         metrics,
                         value: metrics[primaryMetric],
@@ -114617,11 +114617,19 @@ function buildTreeFromProcessedData(latencyByTool, failureRateByTool, usageCount
         }
         const children = [];
         for (const [aid, group] of agentGroups){
-            const totalRuntimeMs = group.latencies.reduce((s, l)=>s + l.value * 1000, 0);
-            const cnt = group.latencies.length;
+            // Deduplicate by tool_node_id (or key) so each tool invocation appears once
+            const seenIds = new Set();
+            const uniqueLatencies = group.latencies.filter((l)=>{
+                const id = l.toolNodeId ?? l.key;
+                if (seenIds.has(id)) return false;
+                seenIds.add(id);
+                return true;
+            });
+            const totalRuntimeMs = uniqueLatencies.reduce((s, l)=>s + l.value * 1000, 0);
+            const cnt = uniqueLatencies.length;
             let failed = 0;
             const failList = failureByToolAgentIndex.get(`${toolName}|${aid}`) ?? [];
-            const leaves = group.latencies.map((l, idx)=>{
+            const leaves = uniqueLatencies.map((l, idx)=>{
                 const failVal = failureByKey.get(l.key);
                 const failValByIndex = failList[idx];
                 const resolvedFail = failVal ?? (failValByIndex !== undefined ? failValByIndex : undefined);
@@ -114890,6 +114898,42 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                 }
             ];
             const headerIconColor = theme.colors.foreground;
+            const LLM_LABEL_BY_LEVEL = {
+                1: "Agent",
+                2: "LLM Call",
+                3: "Agent Node"
+            };
+            const LLMTagForLevel = ({ level })=>{
+                const label = LLM_LABEL_BY_LEVEL[level];
+                const Icon = level === 3 ? Bot : Cpu;
+                const tagStyle = level === 1 ? {
+                    background: theme.colors.tagToolLevel1?.bg ?? theme.colors.success,
+                    color: theme.colors.tagToolLevel1?.color ?? theme.colors.successForeground,
+                    border: "none"
+                } : level === 2 ? {
+                    background: theme.colors.tagLlminference?.bg ?? theme.colors.muted,
+                    color: theme.colors.tagLlminference?.color ?? theme.colors.foreground,
+                    border: "none"
+                } : {
+                    background: theme.colors.tagToolLevel2?.bg ?? theme.colors.primary,
+                    color: theme.colors.tagToolLevel2?.color ?? theme.colors.primaryForeground,
+                    border: "none"
+                };
+                return /*#__PURE__*/ React__default.createElement(Tag, {
+                    style: {
+                        marginRight: 8,
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: 6,
+                        ...tagStyle
+                    }
+                }, /*#__PURE__*/ React__default.createElement(Icon, {
+                    size: 12,
+                    style: {
+                        flexShrink: 0
+                    }
+                }), label);
+            };
             const llmColumns = [
                 {
                     title: /*#__PURE__*/ React__default.createElement("span", {
@@ -114908,16 +114952,14 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                     key: "name",
                     render: (name, row)=>/*#__PURE__*/ React__default.createElement("span", {
                             style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: 8,
                                 fontFamily: "monospace",
                                 fontSize: 13
                             }
-                        }, /*#__PURE__*/ React__default.createElement(Cpu, {
-                            size: 14,
-                            style: {
-                                marginRight: 8,
-                                verticalAlign: "middle",
-                                color: agentIconColor
-                            }
+                        }, /*#__PURE__*/ React__default.createElement(LLMTagForLevel, {
+                            level: row.level
                         }), name)
                 },
                 ...METRIC_COLUMNS.map(({ key, title, Icon })=>({

package/package.json CHANGED Viewed

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