@railtownai/railtracks-visualizer 0.0.56 → 0.0.58

package/dist/cjs/index.js

@@ -113691,7 +113691,13 @@ const SessionDetails = ({ session, open, onClose })=>{
     // Get the active run for full screen display (use selected run or first run)
     const activeRun = session?.runs.find((r)=>r.run_id === selectedNodeInfo?.runId) || session?.runs?.[0];
     const extraButtonsIconSize = 24;
-    return /*#__PURE__*/ React.createElement(Drawer$2, {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement(Drawer$2, {
         title: /*#__PURE__*/ React.createElement(React.Fragment, null, session?.name || "Unnamed Session", " -", " ", session?.start_time ? moment(session.start_time * 1000).fromNow() : "N/A"),
         placement: "right",
         size: isFullScreen ? "100%" : "70%",
@@ -113823,7 +113829,7 @@ const SessionDetails = ({ session, open, onClose })=>{
         selectedNode: selectedNodeInfo,
         session: session,
         isDarkMode: isDarkMode
-    }))));
+    })))));
 };
 
 /**
@@ -114231,7 +114237,13 @@ const EvaluationsCompareView = ({ evaluations, evaluationId1, evaluationId2, onE
     ];
     const evaluation1Label = evaluation1 ? `${evaluation1.name || "Unnamed Evaluation"} (${evaluation1.agent_name})` : "Select evaluation 1";
     const evaluation2Label = evaluation2 ? `${evaluation2.name || "Unnamed Evaluation"} (${evaluation2.agent_name})` : "Select evaluation 2";
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, backHref && /*#__PURE__*/ React.createElement("a", {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, backHref && /*#__PURE__*/ React.createElement("a", {
         href: backHref,
         style: {
             display: "inline-flex",
@@ -114426,7 +114438,13 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
             staticMethods.error("Failed to copy share link");
         }
     };
-    return /*#__PURE__*/ React.createElement(Drawer$2, {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement(Drawer$2, {
         title: "Compare Evaluations",
         placement: "right",
         size: "60%",
@@ -114468,7 +114486,7 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
         onEvaluationId1Change: onEvaluationId1Change,
         onEvaluationId2Change: onEvaluationId2Change,
         showEvaluationComparisonDropdowns: false
-    }));
+    })));
 };
 
 const defaultGetEvaluatorResultsHref = (evaluationId, evaluatorId)=>`#/evaluations/${evaluationId}/results/${evaluatorId}`;
@@ -114494,7 +114512,13 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     const normalizedEvaluation = React.useMemo(()=>evaluation && isEvaluationDto(evaluation) ? transformEvaluation(evaluation) : evaluation, [
         evaluation
     ]);
-    return /*#__PURE__*/ React.createElement(Drawer$2, {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement(Drawer$2, {
         title: normalizedEvaluation ? /*#__PURE__*/ React.createElement("div", {
             style: {
                 display: "flex",
@@ -114699,10 +114723,55 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
                 getPopupContainer: ()=>document.body
             }, tag) : tag;
         })));
-    })))));
+    }))))));
 };
 
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds })=>{
+const GITHUB_URL = "https://github.com/RailtownAI/railtracks/";
+const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement(Alert, {
+        type: "error",
+        title: "Error loading evaluations",
+        description: /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px"
+            }
+        }, /*#__PURE__*/ React.createElement("span", null, error), /*#__PURE__*/ React.createElement(Typography.Text, {
+            type: "secondary",
+            style: {
+                fontSize: "13px"
+            }
+        }, "Need help?", " ", /*#__PURE__*/ React.createElement(Typography.Link, {
+            href: GITHUB_URL,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "GitHub"), " · ", /*#__PURE__*/ React.createElement(Typography.Link, {
+            href: `${GITHUB_URL}discussions`,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "Discussions"), " · ", /*#__PURE__*/ React.createElement(Typography.Link, {
+            href: `${GITHUB_URL}issues`,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "Report issue"))),
+        action: onRetry ? /*#__PURE__*/ React.createElement(Button$1, {
+            size: "small",
+            danger: true,
+            onClick: onRetry,
+            icon: /*#__PURE__*/ React.createElement(RefreshCw, {
+                size: 14
+            })
+        }, "Retry") : undefined,
+        showIcon: true
+    }));
+
+const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender })=>{
     const { theme } = useTheme$1();
     const [selectedAgents, setSelectedAgents] = React.useState([]);
     const [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
@@ -114864,21 +114933,16 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         setSelectedEvaluation(null);
     };
     if (error) {
-        return /*#__PURE__*/ React.createElement("div", {
-            style: {
-                padding: "24px",
-                textAlign: "center"
-            }
-        }, /*#__PURE__*/ React.createElement("p", {
-            style: {
-                color: theme.colors.destructive
-            }
-        }, "Error loading evaluations: ", error), onRefresh && /*#__PURE__*/ React.createElement(Button$1, {
-            onClick: onRefresh,
-            icon: /*#__PURE__*/ React.createElement(RefreshCw, {
-                size: 14
-            })
-        }, "Retry"));
+        if (errorRender) {
+            return /*#__PURE__*/ React.createElement(React.Fragment, null, errorRender({
+                error,
+                onRetry: onRefresh ?? undefined
+            }));
+        }
+        return /*#__PURE__*/ React.createElement(EvaluationsErrorCard, {
+            error: error,
+            onRetry: onRefresh ?? undefined
+        });
     }
     const columns = [
         {
@@ -114957,7 +115021,13 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         target: "_blank",
         rel: "noopener noreferrer"
     }, "view our documentation on how to create evaluations"), "."));
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
         style: {
             display: "flex",
             justifyContent: "space-between",
@@ -118265,7 +118335,13 @@ const EvaluatorResult = ({ evaluation, evaluatorId, backHref })=>{
     const { completed_at } = evaluation;
     const agentName = deriveAgentName(evaluation);
     const runsCount = deriveRunsCount(evaluation);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
         style: {
             width: "100%",
             minWidth: 0
@@ -118383,7 +118459,7 @@ const EvaluatorResult = ({ evaluation, evaluatorId, backHref })=>{
         aggregateResults: aggregateResults,
         agents: evaluation.agents,
         evaluatorName: evaluatorName
-    })));
+    }))));
 };
 
 function __insertCSS(code) {
@@ -120387,6 +120463,7 @@ exports.EvaluationDetailsDrawer = EvaluationDetailsDrawer;
 exports.EvaluationsCompareDrawer = EvaluationsCompareDrawer;
 exports.EvaluationsComparePage = EvaluationsComparePage;
 exports.EvaluationsCompareView = EvaluationsCompareView;
+exports.EvaluationsErrorCard = EvaluationsErrorCard;
 exports.EvaluationsTable = EvaluationsTable;
 exports.EvaluatorResult = EvaluatorResult;
 exports.GlobalStyles = GlobalStyles;

package/dist/esm/index.js

@@ -113671,7 +113671,13 @@ const SessionDetails = ({ session, open, onClose })=>{
     // Get the active run for full screen display (use selected run or first run)
     const activeRun = session?.runs.find((r)=>r.run_id === selectedNodeInfo?.runId) || session?.runs?.[0];
     const extraButtonsIconSize = 24;
-    return /*#__PURE__*/ React__default.createElement(Drawer$2, {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement(Drawer$2, {
         title: /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, session?.name || "Unnamed Session", " -", " ", session?.start_time ? moment(session.start_time * 1000).fromNow() : "N/A"),
         placement: "right",
         size: isFullScreen ? "100%" : "70%",
@@ -113803,7 +113809,7 @@ const SessionDetails = ({ session, open, onClose })=>{
         selectedNode: selectedNodeInfo,
         session: session,
         isDarkMode: isDarkMode
-    }))));
+    })))));
 };
 
 /**
@@ -114211,7 +114217,13 @@ const EvaluationsCompareView = ({ evaluations, evaluationId1, evaluationId2, onE
     ];
     const evaluation1Label = evaluation1 ? `${evaluation1.name || "Unnamed Evaluation"} (${evaluation1.agent_name})` : "Select evaluation 1";
     const evaluation2Label = evaluation2 ? `${evaluation2.name || "Unnamed Evaluation"} (${evaluation2.agent_name})` : "Select evaluation 2";
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, backHref && /*#__PURE__*/ React__default.createElement("a", {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, backHref && /*#__PURE__*/ React__default.createElement("a", {
         href: backHref,
         style: {
             display: "inline-flex",
@@ -114406,7 +114418,13 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
             staticMethods.error("Failed to copy share link");
         }
     };
-    return /*#__PURE__*/ React__default.createElement(Drawer$2, {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement(Drawer$2, {
         title: "Compare Evaluations",
         placement: "right",
         size: "60%",
@@ -114448,7 +114466,7 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
         onEvaluationId1Change: onEvaluationId1Change,
         onEvaluationId2Change: onEvaluationId2Change,
         showEvaluationComparisonDropdowns: false
-    }));
+    })));
 };
 
 const defaultGetEvaluatorResultsHref = (evaluationId, evaluatorId)=>`#/evaluations/${evaluationId}/results/${evaluatorId}`;
@@ -114474,7 +114492,13 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     const normalizedEvaluation = React__default.useMemo(()=>evaluation && isEvaluationDto(evaluation) ? transformEvaluation(evaluation) : evaluation, [
         evaluation
     ]);
-    return /*#__PURE__*/ React__default.createElement(Drawer$2, {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement(Drawer$2, {
         title: normalizedEvaluation ? /*#__PURE__*/ React__default.createElement("div", {
             style: {
                 display: "flex",
@@ -114679,10 +114703,55 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
                 getPopupContainer: ()=>document.body
             }, tag) : tag;
         })));
-    })))));
+    }))))));
 };
 
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds })=>{
+const GITHUB_URL = "https://github.com/RailtownAI/railtracks/";
+const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement(Alert, {
+        type: "error",
+        title: "Error loading evaluations",
+        description: /*#__PURE__*/ React__default.createElement("div", {
+            style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px"
+            }
+        }, /*#__PURE__*/ React__default.createElement("span", null, error), /*#__PURE__*/ React__default.createElement(Typography.Text, {
+            type: "secondary",
+            style: {
+                fontSize: "13px"
+            }
+        }, "Need help?", " ", /*#__PURE__*/ React__default.createElement(Typography.Link, {
+            href: GITHUB_URL,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "GitHub"), " · ", /*#__PURE__*/ React__default.createElement(Typography.Link, {
+            href: `${GITHUB_URL}discussions`,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "Discussions"), " · ", /*#__PURE__*/ React__default.createElement(Typography.Link, {
+            href: `${GITHUB_URL}issues`,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, "Report issue"))),
+        action: onRetry ? /*#__PURE__*/ React__default.createElement(Button$1, {
+            size: "small",
+            danger: true,
+            onClick: onRetry,
+            icon: /*#__PURE__*/ React__default.createElement(RefreshCw, {
+                size: 14
+            })
+        }, "Retry") : undefined,
+        showIcon: true
+    }));
+
+const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender })=>{
     const { theme } = useTheme$1();
     const [selectedAgents, setSelectedAgents] = useState([]);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
@@ -114844,21 +114913,16 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         setSelectedEvaluation(null);
     };
     if (error) {
-        return /*#__PURE__*/ React__default.createElement("div", {
-            style: {
-                padding: "24px",
-                textAlign: "center"
-            }
-        }, /*#__PURE__*/ React__default.createElement("p", {
-            style: {
-                color: theme.colors.destructive
-            }
-        }, "Error loading evaluations: ", error), onRefresh && /*#__PURE__*/ React__default.createElement(Button$1, {
-            onClick: onRefresh,
-            icon: /*#__PURE__*/ React__default.createElement(RefreshCw, {
-                size: 14
-            })
-        }, "Retry"));
+        if (errorRender) {
+            return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, errorRender({
+                error,
+                onRetry: onRefresh ?? undefined
+            }));
+        }
+        return /*#__PURE__*/ React__default.createElement(EvaluationsErrorCard, {
+            error: error,
+            onRetry: onRefresh ?? undefined
+        });
     }
     const columns = [
         {
@@ -114937,7 +115001,13 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         target: "_blank",
         rel: "noopener noreferrer"
     }, "view our documentation on how to create evaluations"), "."));
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
         style: {
             display: "flex",
             justifyContent: "space-between",
@@ -118245,7 +118315,13 @@ const EvaluatorResult = ({ evaluation, evaluatorId, backHref })=>{
     const { completed_at } = evaluation;
     const agentName = deriveAgentName(evaluation);
     const runsCount = deriveRunsCount(evaluation);
-    return /*#__PURE__*/ React__default.createElement("div", {
+    return /*#__PURE__*/ React__default.createElement(ConfigProvider, {
+        theme: {
+            token: {
+                fontFamily: "inherit"
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
         style: {
             width: "100%",
             minWidth: 0
@@ -118363,7 +118439,7 @@ const EvaluatorResult = ({ evaluation, evaluatorId, backHref })=>{
         aggregateResults: aggregateResults,
         agents: evaluation.agents,
         evaluatorName: evaluatorName
-    })));
+    }))));
 };
 
 function __insertCSS(code) {
@@ -120357,4 +120433,4 @@ const GlobalStyles = ()=>{
         return getSafeColor(props.theme, path, fallback);
     };
 
-export { AgenticFlowVisualizer, AnthropicIcon, AppleIcon, Badge, Drawer, Edge, EvaluationDetailsDrawer, EvaluationsCompareDrawer, EvaluationsComparePage, EvaluationsCompareView, EvaluationsTable, EvaluatorResult, GlobalStyles, GoogleIcon, JsonTreeViewer, Node$1 as Node, OllamaIcon, OpenAIIcon, SafeThemeProvider, SessionDetails, Sheet, ThemeProvider, Timeline, Visualizer, calculateAutoLayout, cn, conditionalStyle, createSafeTheme, darkTheme, defaultTheme$1 as defaultTheme, detectContentType, evaluationsHaveSameMetrics, formatCurrency, formatDateFriendly, formatDateRelative, formatDateShort, formatDuration, formatLatency, formatMetricValue$1 as formatMetricValue, formatNumberWithCommas, formatToolCalls, getColor, getSafeColor, getSafeSpacing, getSafeThemeValue, getSpacing, getStatusColor, isEvaluationDto, lightTheme, safeStyled, safeThemeColor, safeThemeSpacing, safeThemeValue, toTitleCase, transformEvaluation, truncateText, useComponentTheme, useSafeTheme, useTheme$1 as useTheme, useThemeValue };
+export { AgenticFlowVisualizer, AnthropicIcon, AppleIcon, Badge, Drawer, Edge, EvaluationDetailsDrawer, EvaluationsCompareDrawer, EvaluationsComparePage, EvaluationsCompareView, EvaluationsErrorCard, EvaluationsTable, EvaluatorResult, GlobalStyles, GoogleIcon, JsonTreeViewer, Node$1 as Node, OllamaIcon, OpenAIIcon, SafeThemeProvider, SessionDetails, Sheet, ThemeProvider, Timeline, Visualizer, calculateAutoLayout, cn, conditionalStyle, createSafeTheme, darkTheme, defaultTheme$1 as defaultTheme, detectContentType, evaluationsHaveSameMetrics, formatCurrency, formatDateFriendly, formatDateRelative, formatDateShort, formatDuration, formatLatency, formatMetricValue$1 as formatMetricValue, formatNumberWithCommas, formatToolCalls, getColor, getSafeColor, getSafeSpacing, getSafeThemeValue, getSpacing, getStatusColor, isEvaluationDto, lightTheme, safeStyled, safeThemeColor, safeThemeSpacing, safeThemeValue, toTitleCase, transformEvaluation, truncateText, useComponentTheme, useSafeTheme, useTheme$1 as useTheme, useThemeValue };

package/dist/types/agenthub/components/EvaluationsTable.d.ts

@@ -44,5 +44,10 @@ export interface EvaluationsTableProps {
     onFiltersChange?: (agents: string[], metricFilter: string | null) => void;
     /** When server pagination, fetch evaluations by ID for compare drawer (e.g. from URL). */
     onFetchEvaluationsByIds?: (ids: string[]) => Promise<(Evaluation | EvaluationDto)[]>;
+    /** Custom error UI. When provided, overrides the default EvaluationsErrorCard. */
+    errorRender?: (props: {
+        error: string;
+        onRetry?: () => void;
+    }) => React.ReactNode;
 }
 export declare const EvaluationsTable: React.FC<EvaluationsTableProps>;

package/dist/types/agenthub/components/EvaluationsTableErrorCard.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/** Default error card shown when evaluations fail to load and no errorRender is provided. */
+export interface EvaluationsErrorCardProps {
+    error: string;
+    onRetry?: () => void;
+}
+export declare const EvaluationsErrorCard: React.FC<EvaluationsErrorCardProps>;

package/dist/types/index.d.ts

@@ -3,6 +3,8 @@ export { default as Visualizer } from "./components/Visualizer";
 export { SessionDetails } from "./agenthub/pages/session-details";
 export { EvaluationsTable } from "./agenthub/components/EvaluationsTable";
 export type { EvaluationsTableProps, EvaluationsTablePagination } from "./agenthub/components/EvaluationsTable";
+export { EvaluationsErrorCard } from "./agenthub/components/EvaluationsTableErrorCard";
+export type { EvaluationsErrorCardProps } from "./agenthub/components/EvaluationsTableErrorCard";
 export { EvaluationsCompareView } from "./agenthub/components/EvaluationsCompareView";
 export type { EvaluationsCompareViewProps } from "./agenthub/components/EvaluationsCompareView";
 export { EvaluationsCompareDrawer } from "./agenthub/pages/evaluations-compare-drawer";

package/package.json

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