@railtownai/railtracks-visualizer 0.0.56 → 0.0.57

package/dist/cjs/index.js

@@ -114702,7 +114702,46 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     })))));
 };
 
-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(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 +114903,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 = [
         {
@@ -120387,6 +120421,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

@@ -114682,7 +114682,46 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     })))));
 };
 
-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(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 +114883,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 = [
         {
@@ -120357,4 +120391,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.57",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",