@railtownai/railtracks-visualizer 0.0.43 → 0.0.45

package/dist/cjs/index.js

@@ -15383,6 +15383,10 @@ function cn(...inputs) {
     if (absValue >= 1) {
         precision = Math.max(precision, 3);
     }
+    // For values < 1, ensure we show at least 2 decimal places
+    if (absValue < 1) {
+        precision = Math.max(precision, 2);
+    }
     // Cap precision at 8 decimal places
     precision = Math.min(precision, 8);
     // Check if the value rounds to a whole number when rounded to the nearest integer
@@ -15406,6 +15410,16 @@ function cn(...inputs) {
     }
     return `${sign}$${rounded}`;
 }
+/**
+ * Formats a number with comma separators for thousands
+ * @param value - The number to format
+ * @returns The formatted string with comma separators (e.g., 4420399 -> "4,420,399")
+ */ function formatNumberWithCommas(value) {
+    if (value === null || value === undefined) {
+        return "0";
+    }
+    return value.toLocaleString("en-US");
+}
 /**
  * Formats latency in a human-readable format
  * @param latency - Latency in seconds
@@ -17100,16 +17114,17 @@ const getNodeIcon$1 = (nodeType, modelProvider)=>{
         return "🎯";
     }
     if (nodeType === "agent") {
-        if (modelProvider === "OpenAI") {
+        const normalizedProvider = modelProvider?.toLowerCase();
+        if (normalizedProvider === "openai") {
             return /*#__PURE__*/ React.createElement(OpenAIIcon, null);
         }
-        if (modelProvider === "Anthropic") {
+        if (normalizedProvider === "anthropic") {
             return /*#__PURE__*/ React.createElement(AnthropicIcon, null);
         }
-        if (modelProvider === "Google" || modelProvider === "Vertex_AI") {
+        if (normalizedProvider === "google" || normalizedProvider === "vertex_ai") {
             return /*#__PURE__*/ React.createElement(GoogleIcon, null);
         }
-        if (modelProvider === "ollama") {
+        if (normalizedProvider === "ollama") {
             return /*#__PURE__*/ React.createElement(OllamaIcon, null);
         }
     }
@@ -17581,25 +17596,26 @@ const NodeIcon$3 = styled.div`
 
 // Helper function to get node icon
 const getNodeIcon = (modelProvider, size = 16)=>{
-    if (modelProvider === "OpenAI") {
+    const normalizedProvider = modelProvider?.toLowerCase();
+    if (normalizedProvider === "openai") {
         return /*#__PURE__*/ React.createElement(OpenAIIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "Anthropic") {
+    if (normalizedProvider === "anthropic") {
         return /*#__PURE__*/ React.createElement(AnthropicIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "Google" || modelProvider === "Vertex_AI") {
+    if (normalizedProvider === "google" || normalizedProvider === "vertex_ai") {
         return /*#__PURE__*/ React.createElement(GoogleIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "ollama") {
+    if (normalizedProvider === "ollama") {
         return /*#__PURE__*/ React.createElement(OllamaIcon, {
             width: size,
             height: size
@@ -27531,6 +27547,7 @@ exports.defaultTheme = defaultTheme;
 exports.detectContentType = detectContentType;
 exports.formatCurrency = formatCurrency;
 exports.formatLatency = formatLatency;
+exports.formatNumberWithCommas = formatNumberWithCommas;
 exports.formatToolCalls = formatToolCalls;
 exports.getColor = getColor;
 exports.getSafeColor = getSafeColor;

package/dist/esm/index.js

@@ -15363,6 +15363,10 @@ function cn(...inputs) {
     if (absValue >= 1) {
         precision = Math.max(precision, 3);
     }
+    // For values < 1, ensure we show at least 2 decimal places
+    if (absValue < 1) {
+        precision = Math.max(precision, 2);
+    }
     // Cap precision at 8 decimal places
     precision = Math.min(precision, 8);
     // Check if the value rounds to a whole number when rounded to the nearest integer
@@ -15386,6 +15390,16 @@ function cn(...inputs) {
     }
     return `${sign}$${rounded}`;
 }
+/**
+ * Formats a number with comma separators for thousands
+ * @param value - The number to format
+ * @returns The formatted string with comma separators (e.g., 4420399 -> "4,420,399")
+ */ function formatNumberWithCommas(value) {
+    if (value === null || value === undefined) {
+        return "0";
+    }
+    return value.toLocaleString("en-US");
+}
 /**
  * Formats latency in a human-readable format
  * @param latency - Latency in seconds
@@ -17080,16 +17094,17 @@ const getNodeIcon$1 = (nodeType, modelProvider)=>{
         return "🎯";
     }
     if (nodeType === "agent") {
-        if (modelProvider === "OpenAI") {
+        const normalizedProvider = modelProvider?.toLowerCase();
+        if (normalizedProvider === "openai") {
             return /*#__PURE__*/ React__default.createElement(OpenAIIcon, null);
         }
-        if (modelProvider === "Anthropic") {
+        if (normalizedProvider === "anthropic") {
             return /*#__PURE__*/ React__default.createElement(AnthropicIcon, null);
         }
-        if (modelProvider === "Google" || modelProvider === "Vertex_AI") {
+        if (normalizedProvider === "google" || normalizedProvider === "vertex_ai") {
             return /*#__PURE__*/ React__default.createElement(GoogleIcon, null);
         }
-        if (modelProvider === "ollama") {
+        if (normalizedProvider === "ollama") {
             return /*#__PURE__*/ React__default.createElement(OllamaIcon, null);
         }
     }
@@ -17561,25 +17576,26 @@ const NodeIcon$3 = styled.div`
 
 // Helper function to get node icon
 const getNodeIcon = (modelProvider, size = 16)=>{
-    if (modelProvider === "OpenAI") {
+    const normalizedProvider = modelProvider?.toLowerCase();
+    if (normalizedProvider === "openai") {
         return /*#__PURE__*/ React__default.createElement(OpenAIIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "Anthropic") {
+    if (normalizedProvider === "anthropic") {
         return /*#__PURE__*/ React__default.createElement(AnthropicIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "Google" || modelProvider === "Vertex_AI") {
+    if (normalizedProvider === "google" || normalizedProvider === "vertex_ai") {
         return /*#__PURE__*/ React__default.createElement(GoogleIcon, {
             width: size,
             height: size
         });
     }
-    if (modelProvider === "ollama") {
+    if (normalizedProvider === "ollama") {
         return /*#__PURE__*/ React__default.createElement(OllamaIcon, {
             width: size,
             height: size
@@ -27485,4 +27501,4 @@ const GlobalStyles = ()=>{
         return getSafeColor(props.theme, path, fallback);
     };
 
-export { AgenticFlowVisualizer, AnthropicIcon, Badge, Drawer, Edge, FileSelector, GlobalStyles, GoogleIcon, JsonTreeViewer, Node$1 as Node, OpenAIIcon, SafeThemeProvider, Select, Sheet, ThemeProvider, Timeline, Visualizer, calculateAutoLayout, cn, conditionalStyle, createSafeTheme, darkTheme, defaultTheme, detectContentType, formatCurrency, formatLatency, formatToolCalls, getColor, getSafeColor, getSafeSpacing, getSafeThemeValue, getSpacing, lightTheme, safeStyled, safeThemeColor, safeThemeSpacing, safeThemeValue, toTitleCase, truncateText, useComponentTheme, useSafeTheme, useTheme, useThemeValue };
+export { AgenticFlowVisualizer, AnthropicIcon, Badge, Drawer, Edge, FileSelector, GlobalStyles, GoogleIcon, JsonTreeViewer, Node$1 as Node, OpenAIIcon, SafeThemeProvider, Select, Sheet, ThemeProvider, Timeline, Visualizer, calculateAutoLayout, cn, conditionalStyle, createSafeTheme, darkTheme, defaultTheme, detectContentType, formatCurrency, formatLatency, formatNumberWithCommas, formatToolCalls, getColor, getSafeColor, getSafeSpacing, getSafeThemeValue, getSpacing, lightTheme, safeStyled, safeThemeColor, safeThemeSpacing, safeThemeValue, toTitleCase, truncateText, useComponentTheme, useSafeTheme, useTheme, useThemeValue };

package/dist/types/agenthub/utils/sessionHelpers.d.ts

@@ -0,0 +1,10 @@
+import type { SessionListItem } from "../hooks/useSessions";
+/**
+ * Calculate total input and output tokens for a session across all runs
+ * @param session - The session to calculate tokens for
+ * @returns An object containing inputTokens and outputTokens totals
+ */
+export declare function calculateSessionTokens(session: SessionListItem): {
+    inputTokens: number;
+    outputTokens: number;
+};

package/dist/types/lib/utils.d.ts

@@ -13,6 +13,12 @@ export declare function toTitleCase(str: string): string;
  * @returns The formatted dollar string with appropriate precision
  */
 export declare function formatCurrency(value: number | null | undefined): string;
+/**
+ * Formats a number with comma separators for thousands
+ * @param value - The number to format
+ * @returns The formatted string with comma separators (e.g., 4420399 -> "4,420,399")
+ */
+export declare function formatNumberWithCommas(value: number | null | undefined): string;
 /**
  * Formats latency in a human-readable format
  * @param latency - Latency in seconds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",
@@ -106,8 +106,8 @@
     "storybook": "10.2.0",
     "typescript": "5.9.3",
     "uuid": "13.0.0",
-    "vite": "7.2.4",
-    "vitest": "4.0.12"
+    "vite": "7.3.1",
+    "vitest": "4.0.18"
   },
   "prettier": {
     "singleQuote": false,