@railtownai/railtracks-visualizer 0.0.55 → 0.0.57

package/dist/cjs/index.js

@@ -114702,27 +114702,58 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     })))));
 };
 
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title })=>{
+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([]);
     const [compareDrawerOpen, setCompareDrawerOpen] = React.useState(false);
     const [evaluationId1, setEvaluationId1] = React.useState(null);
     const [evaluationId2, setEvaluationId2] = React.useState(null);
-    // Sync drawer when compare param comes from URL
-    React.useEffect(()=>{
-        if (compareIdsFromUrl) {
-            setEvaluationId1(compareIdsFromUrl[0]);
-            setEvaluationId2(compareIdsFromUrl[1]);
-            setCompareDrawerOpen(true);
-        }
-    }, [
-        compareIdsFromUrl
-    ]);
     const [selectedEvaluation, setSelectedEvaluation] = React.useState(null);
     const [detailsDrawerOpen, setDetailsDrawerOpen] = React.useState(false);
     const [pageSize, setPageSize] = React.useState(50);
     const [selectedMetricFilter, setSelectedMetricFilter] = React.useState(null);
+    const [drawerEvaluations, setDrawerEvaluations] = React.useState([]);
+    const isServerPagination = !!serverPagination;
     const normalized = React.useMemo(()=>evaluations.map((e)=>isEvaluationDto(e) ? transformEvaluation(e) : e), [
         evaluations
     ]);
@@ -114771,6 +114802,63 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         selectedAgents,
         selectedMetricFilter
     ]);
+    const tableDataSource = filteredEvaluations;
+    const compareDrawerEvaluations = React.useMemo(()=>{
+        if (drawerEvaluations.length === 0) return normalized;
+        const byId = new Map(normalized.map((e)=>[
+                e.evaluation_id,
+                e
+            ]));
+        for (const e of drawerEvaluations){
+            const id = e.evaluation_id ?? e.evaluation_id;
+            if (id && !byId.has(id)) byId.set(id, e);
+        }
+        return Array.from(byId.values());
+    }, [
+        normalized,
+        drawerEvaluations
+    ]);
+    // Sync drawer when compare param comes from URL
+    React.useEffect(()=>{
+        if (compareIdsFromUrl) {
+            setEvaluationId1(compareIdsFromUrl[0]);
+            setEvaluationId2(compareIdsFromUrl[1]);
+            setCompareDrawerOpen(true);
+        }
+    }, [
+        compareIdsFromUrl
+    ]);
+    // Fetch evaluations by ID for compare drawer when opened from URL (server pagination)
+    React.useEffect(()=>{
+        if (!compareDrawerOpen || !onFetchEvaluationsByIds || !evaluationId1 || !evaluationId2) {
+            setDrawerEvaluations([]);
+            return;
+        }
+        const ids = [
+            evaluationId1,
+            evaluationId2
+        ];
+        const inNormalized = ids.every((id)=>normalized.some((e)=>e.evaluation_id === id));
+        if (inNormalized) {
+            setDrawerEvaluations([]);
+            return;
+        }
+        let cancelled = false;
+        onFetchEvaluationsByIds(ids).then((fetched)=>{
+            if (!cancelled) {
+                setDrawerEvaluations(fetched);
+            }
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        compareDrawerOpen,
+        evaluationId1,
+        evaluationId2,
+        normalized,
+        onFetchEvaluationsByIds
+    ]);
     // Handle row selection - limit to 2 rows
     const handleRowSelectionChange = (selectedKeys)=>{
         if (selectedKeys.length <= 2) {
@@ -114815,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 = [
         {
@@ -114922,7 +115005,12 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Agent",
         allowClear: true,
         value: selectedAgents,
-        onChange: setSelectedAgents,
+        onChange: (v)=>{
+            setSelectedAgents(v);
+            if (isServerPagination && onFiltersChange) {
+                onFiltersChange(v, selectedMetricFilter);
+            }
+        },
         style: {
             width: 200
         },
@@ -114934,7 +115022,13 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Evaluator / Metric",
         allowClear: true,
         value: selectedMetricFilter ?? undefined,
-        onChange: (v)=>setSelectedMetricFilter(v ?? null),
+        onChange: (v)=>{
+            const next = v ?? null;
+            setSelectedMetricFilter(next);
+            if (isServerPagination && onFiltersChange) {
+                onFiltersChange(selectedAgents, next);
+            }
+        },
         style: {
             width: 240
         },
@@ -114957,7 +115051,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         }
     }, emptyMessage ?? defaultEmptyMessage) : /*#__PURE__*/ React.createElement(ForwardTable, {
         columns: columns,
-        dataSource: filteredEvaluations,
+        dataSource: tableDataSource,
         loading: loading,
         rowKey: "evaluation_id",
         rowSelection: showCompare ? {
@@ -114968,7 +115062,20 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
                     disabled: selectedRowKeys.length >= 2 && !selectedRowKeys.includes(record.evaluation_id)
                 })
         } : undefined,
-        pagination: filteredEvaluations.length <= pageSize ? false : {
+        pagination: isServerPagination && serverPagination ? {
+            total: serverPagination.total,
+            current: serverPagination.current,
+            pageSize: serverPagination.pageSize,
+            showSizeChanger: true,
+            showTotal: (total)=>`Total ${total} evaluations`,
+            pageSizeOptions: [
+                "10",
+                "20",
+                "50",
+                "100"
+            ],
+            onChange: (page, size)=>serverPagination.onPageChange(page, size ?? serverPagination.pageSize)
+        } : tableDataSource.length <= pageSize ? false : {
             pageSize,
             showSizeChanger: true,
             showTotal: (total)=>`Total ${total} evaluations`,
@@ -115004,7 +115111,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         onClose: handleDrawerClose,
         evaluationId1: evaluationId1,
         evaluationId2: evaluationId2,
-        evaluations: normalized,
+        evaluations: compareDrawerEvaluations,
         onEvaluationId1Change: onCompareUrlChange ? handleEvaluationId1Change : setEvaluationId1,
         onEvaluationId2Change: onCompareUrlChange ? handleEvaluationId2Change : setEvaluationId2
     }), !onRowClick && /*#__PURE__*/ React.createElement(EvaluationDetailsDrawer, {
@@ -120314,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,27 +114682,58 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
     })))));
 };
 
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title })=>{
+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([]);
     const [compareDrawerOpen, setCompareDrawerOpen] = useState(false);
     const [evaluationId1, setEvaluationId1] = useState(null);
     const [evaluationId2, setEvaluationId2] = useState(null);
-    // Sync drawer when compare param comes from URL
-    useEffect(()=>{
-        if (compareIdsFromUrl) {
-            setEvaluationId1(compareIdsFromUrl[0]);
-            setEvaluationId2(compareIdsFromUrl[1]);
-            setCompareDrawerOpen(true);
-        }
-    }, [
-        compareIdsFromUrl
-    ]);
     const [selectedEvaluation, setSelectedEvaluation] = useState(null);
     const [detailsDrawerOpen, setDetailsDrawerOpen] = useState(false);
     const [pageSize, setPageSize] = useState(50);
     const [selectedMetricFilter, setSelectedMetricFilter] = useState(null);
+    const [drawerEvaluations, setDrawerEvaluations] = useState([]);
+    const isServerPagination = !!serverPagination;
     const normalized = useMemo(()=>evaluations.map((e)=>isEvaluationDto(e) ? transformEvaluation(e) : e), [
         evaluations
     ]);
@@ -114751,6 +114782,63 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         selectedAgents,
         selectedMetricFilter
     ]);
+    const tableDataSource = filteredEvaluations;
+    const compareDrawerEvaluations = useMemo(()=>{
+        if (drawerEvaluations.length === 0) return normalized;
+        const byId = new Map(normalized.map((e)=>[
+                e.evaluation_id,
+                e
+            ]));
+        for (const e of drawerEvaluations){
+            const id = e.evaluation_id ?? e.evaluation_id;
+            if (id && !byId.has(id)) byId.set(id, e);
+        }
+        return Array.from(byId.values());
+    }, [
+        normalized,
+        drawerEvaluations
+    ]);
+    // Sync drawer when compare param comes from URL
+    useEffect(()=>{
+        if (compareIdsFromUrl) {
+            setEvaluationId1(compareIdsFromUrl[0]);
+            setEvaluationId2(compareIdsFromUrl[1]);
+            setCompareDrawerOpen(true);
+        }
+    }, [
+        compareIdsFromUrl
+    ]);
+    // Fetch evaluations by ID for compare drawer when opened from URL (server pagination)
+    useEffect(()=>{
+        if (!compareDrawerOpen || !onFetchEvaluationsByIds || !evaluationId1 || !evaluationId2) {
+            setDrawerEvaluations([]);
+            return;
+        }
+        const ids = [
+            evaluationId1,
+            evaluationId2
+        ];
+        const inNormalized = ids.every((id)=>normalized.some((e)=>e.evaluation_id === id));
+        if (inNormalized) {
+            setDrawerEvaluations([]);
+            return;
+        }
+        let cancelled = false;
+        onFetchEvaluationsByIds(ids).then((fetched)=>{
+            if (!cancelled) {
+                setDrawerEvaluations(fetched);
+            }
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        compareDrawerOpen,
+        evaluationId1,
+        evaluationId2,
+        normalized,
+        onFetchEvaluationsByIds
+    ]);
     // Handle row selection - limit to 2 rows
     const handleRowSelectionChange = (selectedKeys)=>{
         if (selectedKeys.length <= 2) {
@@ -114795,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 = [
         {
@@ -114902,7 +114985,12 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Agent",
         allowClear: true,
         value: selectedAgents,
-        onChange: setSelectedAgents,
+        onChange: (v)=>{
+            setSelectedAgents(v);
+            if (isServerPagination && onFiltersChange) {
+                onFiltersChange(v, selectedMetricFilter);
+            }
+        },
         style: {
             width: 200
         },
@@ -114914,7 +115002,13 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Evaluator / Metric",
         allowClear: true,
         value: selectedMetricFilter ?? undefined,
-        onChange: (v)=>setSelectedMetricFilter(v ?? null),
+        onChange: (v)=>{
+            const next = v ?? null;
+            setSelectedMetricFilter(next);
+            if (isServerPagination && onFiltersChange) {
+                onFiltersChange(selectedAgents, next);
+            }
+        },
         style: {
             width: 240
         },
@@ -114937,7 +115031,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         }
     }, emptyMessage ?? defaultEmptyMessage) : /*#__PURE__*/ React__default.createElement(ForwardTable, {
         columns: columns,
-        dataSource: filteredEvaluations,
+        dataSource: tableDataSource,
         loading: loading,
         rowKey: "evaluation_id",
         rowSelection: showCompare ? {
@@ -114948,7 +115042,20 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
                     disabled: selectedRowKeys.length >= 2 && !selectedRowKeys.includes(record.evaluation_id)
                 })
         } : undefined,
-        pagination: filteredEvaluations.length <= pageSize ? false : {
+        pagination: isServerPagination && serverPagination ? {
+            total: serverPagination.total,
+            current: serverPagination.current,
+            pageSize: serverPagination.pageSize,
+            showSizeChanger: true,
+            showTotal: (total)=>`Total ${total} evaluations`,
+            pageSizeOptions: [
+                "10",
+                "20",
+                "50",
+                "100"
+            ],
+            onChange: (page, size)=>serverPagination.onPageChange(page, size ?? serverPagination.pageSize)
+        } : tableDataSource.length <= pageSize ? false : {
             pageSize,
             showSizeChanger: true,
             showTotal: (total)=>`Total ${total} evaluations`,
@@ -114984,7 +115091,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         onClose: handleDrawerClose,
         evaluationId1: evaluationId1,
         evaluationId2: evaluationId2,
-        evaluations: normalized,
+        evaluations: compareDrawerEvaluations,
         onEvaluationId1Change: onCompareUrlChange ? handleEvaluationId1Change : setEvaluationId1,
         onEvaluationId2Change: onCompareUrlChange ? handleEvaluationId2Change : setEvaluationId2
     }), !onRowClick && /*#__PURE__*/ React__default.createElement(EvaluationDetailsDrawer, {
@@ -120284,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

@@ -14,6 +14,13 @@
 import React from "react";
 import type { Evaluation } from "../pages/evaluations.types";
 import type { Evaluation as EvaluationDto } from "../../dto/Evaluation";
+/** Server-side pagination config. When provided, table uses server pagination instead of client. */
+export interface EvaluationsTablePagination {
+    total: number;
+    current: number;
+    pageSize: number;
+    onPageChange: (page: number, pageSize: number) => void;
+}
 export interface EvaluationsTableProps {
     /** Evaluation DTOs from your API. Pre-transformed data is also accepted. */
     evaluations: (Evaluation | EvaluationDto)[];
@@ -31,5 +38,16 @@ export interface EvaluationsTableProps {
     emptyMessage?: React.ReactNode;
     /** Optional title rendered to the left of the toolbar (e.g. "Evaluations") */
     title?: React.ReactNode;
+    /** Server-side pagination. When provided, table uses server pagination instead of client. */
+    pagination?: EvaluationsTablePagination;
+    /** When server pagination, filter changes are passed up for platform to refetch. */
+    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

@@ -2,6 +2,9 @@ export { default as AgenticFlowVisualizer } from "./components/AgenticFlowVisual
 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.55",
+  "version": "0.0.57",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",