@railtownai/railtracks-visualizer 0.0.39 → 0.0.41

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface KeyboardShortcutsModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare const KeyboardShortcutsModal: React.FC<KeyboardShortcutsModalProps>;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SendFeedbackButton: React.FC;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ThemeToggleButton: React.FC;

package/dist/types/agenthub/context/EvaluationsMockProvider.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from "react";
+interface ApiEvaluatorResult {
+    name: string;
+    evaluator_id: string;
+    config_hash: string;
+    results: Array<{
+        metric: {
+            name: string;
+        };
+        value: number;
+    }>;
+    agent_runs: Array<{
+        session_id: string;
+        run_id: string;
+    }>;
+}
+export interface ApiEvaluation {
+    evaluation_id: string;
+    evaluation_name: string;
+    agent_name: string;
+    created_at: string;
+    agent_run_ids: string[];
+    results: ApiEvaluatorResult[];
+    metrics: Array<{
+        name: string;
+        min_value?: number;
+        max_value?: number;
+        options?: string[];
+    }>;
+}
+interface EvaluationsMockContextValue {
+    mockEvaluations: ApiEvaluation[] | null;
+}
+export interface EvaluationsMockProviderProps {
+    children: ReactNode;
+    mockEvaluations: ApiEvaluation[] | null;
+}
+export declare const EvaluationsMockProvider: React.FC<EvaluationsMockProviderProps>;
+export declare const useEvaluationsMock: () => EvaluationsMockContextValue | undefined;
+export {};

package/dist/types/agenthub/context/SessionsMockProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import type { AgentSession } from "../../dto/AgentSession";
+interface SessionsMockContextValue {
+    mockSessions: AgentSession[] | null;
+}
+export interface SessionsMockProviderProps {
+    children: ReactNode;
+    mockSessions: AgentSession[] | null;
+}
+export declare const SessionsMockProvider: React.FC<SessionsMockProviderProps>;
+export declare const useSessionsMock: () => SessionsMockContextValue | undefined;
+export {};

package/dist/types/agenthub/hooks/useEvaluations.d.ts

@@ -0,0 +1,7 @@
+import type { Evaluation } from "../pages/evaluations.types";
+export declare const useEvaluations: () => {
+    evaluations: Evaluation[];
+    loading: boolean;
+    error: string | null;
+    refetch: () => Promise<void>;
+};

package/dist/types/agenthub/hooks/useSequenceShortcut.d.ts

@@ -0,0 +1,13 @@
+export interface UseSequenceShortcutOptions {
+    preventDefault?: boolean;
+    timeout?: number;
+}
+/**
+ * Custom hook to handle keyboard sequence shortcuts (e.g., G->S, G->E)
+ *
+ * @param firstKey - The first key in the sequence (case-insensitive)
+ * @param secondKey - The second key in the sequence (case-insensitive)
+ * @param callback - Function to execute when sequence is completed
+ * @param options - Optional configuration
+ */
+export declare const useSequenceShortcut: (firstKey: string, secondKey: string, callback: () => void, options?: UseSequenceShortcutOptions) => void;

package/dist/types/agenthub/hooks/useSessions.d.ts

@@ -0,0 +1,26 @@
+import type { AgentRun } from "../../dto/AgentRun";
+export interface RunListItem {
+    run_id: string;
+    session_id: string;
+    name: string;
+    start_time: number;
+    end_time: number;
+    status: string;
+    duration?: number;
+}
+export interface SessionListItem {
+    session_id: string;
+    name: string;
+    start_time: number;
+    end_time: number;
+    duration?: number;
+    status: string;
+    runs: AgentRun[];
+}
+export declare const useSessions: () => {
+    sessions: SessionListItem[];
+    loading: boolean;
+    error: string | null;
+    refetch: () => Promise<void>;
+    fetchSessionById: (sessionId: string) => Promise<SessionListItem | null>;
+};

package/dist/types/agenthub/hooks/useShareAgentSession.d.ts

@@ -0,0 +1,4 @@
+import type { SessionListItem } from "./useSessions";
+export declare const useShareAgentSession: (session: SessionListItem | null) => {
+    handleShare: () => Promise<void>;
+};

package/dist/types/agenthub/pages/evaluation-details.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Evaluation } from "./evaluations.types";
+interface EvaluationDetailsProps {
+    evaluation: Evaluation | null;
+    open: boolean;
+    onClose: () => void;
+}
+export declare const EvaluationDetails: React.FC<EvaluationDetailsProps>;
+export {};

package/dist/types/agenthub/pages/evaluations-compare-drawer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { Evaluation } from "./evaluations.types";
+interface EvaluationsCompareProps {
+    open: boolean;
+    onClose: () => void;
+    sourceEvaluationId: string | null;
+    targetEvaluationId: string | null;
+    evaluations: Evaluation[];
+    onSourceChange: (id: string | null) => void;
+    onTargetChange: (id: string | null) => void;
+}
+export declare const EvaluationsCompare: React.FC<EvaluationsCompareProps>;
+export {};

package/dist/types/agenthub/pages/evaluations-compare.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const EvaluationsComparePage: React.FC;

package/dist/types/agenthub/pages/evaluations.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const EvaluationsPage: React.FC;

package/dist/types/agenthub/pages/evaluations.types.d.ts

@@ -0,0 +1,35 @@
+export type MetricType = "Categorical" | "Continuous";
+export interface CategoricalMetric {
+    name: string;
+    sha: string;
+    type: "Categorical";
+    options: string[];
+}
+export interface ContinuousMetric {
+    name: string;
+    sha: string;
+    type: "Continuous";
+    min_value: number;
+    max_value: number;
+}
+export type Metric = CategoricalMetric | ContinuousMetric;
+export interface Evaluator {
+    evaluator_id: string;
+    sha: string;
+    name: string;
+    metrics: Metric[];
+}
+export interface EvaluationRun {
+    session_id: string;
+    run_id: string;
+    results: Record<string, Record<string, number>>;
+}
+export interface Evaluation {
+    evaluation_id: string;
+    evaluators: Evaluator[];
+    name: string;
+    runs: EvaluationRun[];
+    results: Record<string, Record<string, number>>;
+    agent_name: string;
+    created_at: string;
+}

package/dist/types/agenthub/pages/index.d.ts

@@ -0,0 +1,5 @@
+export { VisualizerPage } from "./visualizer";
+export { SessionsPage } from "./sessions";
+export { EvaluationsPage } from "./evaluations";
+export { EvaluationsComparePage } from "./evaluations-compare";
+export { SessionDetails } from "./session-details";

package/dist/types/agenthub/pages/session-details.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SessionListItem } from "../hooks/useSessions";
+interface SessionDetailsProps {
+    session: SessionListItem | null;
+    open: boolean;
+    onClose: () => void;
+}
+export declare const SessionDetails: React.FC<SessionDetailsProps>;
+export {};

package/dist/types/agenthub/pages/sessions.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SessionsPage: React.FC;

package/dist/types/agenthub/pages/visualizer.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VisualizerPage: React.FC;

package/dist/types/components/nodes/AgentNode.d.ts

@@ -19,6 +19,7 @@ interface AgentNodeProps {
     id: string;
     onInspect?: (nodeData: NodeData) => void;
 }
+export declare const getNodeIcon: (modelProvider?: string, size?: number) => string | JSX.Element;
 export declare const getOverviewLlmDetails: (llmDetails: LLMDetails[]) => LLMDetails | null;
 export declare const sumTotalCost: (llmDetails: LLMDetails[]) => number;
 export declare const sumTotalInputTokens: (llmDetails: LLMDetails[]) => number;

package/dist/types/components/ui/drawer.d.ts

@@ -1,3 +1,7 @@
+/**
+ *
+ * DEPRECATED: Use antd Drawer instead
+ */
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 declare const Drawer: {

package/dist/types/components/ui/header.d.ts

@@ -1,26 +1,6 @@
 import React from "react";
-import { JsonFile } from "../../hooks/useApi";
-import { RealTimeLastUpdate } from "../../hooks/useRailtracksStream";
-export interface AgentRunMenuItem {
-    id: number;
-    name: string;
-    run_id: string;
-    session_id: string;
-}
 interface HeaderProps {
-    availableFiles: JsonFile[];
-    currentFile: string | null;
-    onFileSelect: (filename: string) => void;
-    onRefresh: () => void;
-    loading: boolean;
-    isMultipleAgentRuns: boolean;
-    agentRuns: AgentRunMenuItem[];
-    selectedAgentRunId: string | null;
-    onAgentRunSelect: (runId: string) => void;
-    showTimeline: boolean;
-    onTimelineToggle: (checked: boolean) => void;
-    realTimeConnected?: boolean;
-    realTimeLastUpdate?: RealTimeLastUpdate | null;
+    title?: string;
 }
 export declare const Header: React.FC<HeaderProps>;
 export {};

package/dist/types/dto/AgentSession.d.ts

@@ -2,6 +2,8 @@ import { AgentRun } from "./AgentRun";
 export type AgentSession = {
     /** Unique identifier for the agent session */
     session_id: string;
+    /** Backwards compatibility with older sessions. Name of the agent session */
+    session_name?: string;
     /** Name of the agent session */
     name: string;
     /** Start time of the agent session (unix timestamp) */

package/dist/types/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export { useApi } from "./useApi";
 export { useFlowData } from "./useFlowData";
-export { useRailtracksStream } from "./useRailtracksStream";
 export type { JsonFile, ApiError } from "./useApi";
 export type { FlowDataState } from "./useFlowData";
 export type { AgentRunNode } from "../dto/AgentRunNode";

package/dist/types/hooks/useApi.d.ts

@@ -1,4 +1,5 @@
 import { AgentSession } from "../dto/AgentSession";
+export declare const API_BASE = "/api";
 export interface JsonFile {
     name: string;
     size?: number;

package/dist/types/index.d.ts

@@ -6,7 +6,6 @@ export { Timeline } from "./components/Timeline";
 export { FileSelector } from "./components/FileSelector";
 export { JsonTreeViewer } from "./components/ui/json-tree";
 export { Badge } from "./components/ui/badge";
-export { Checkbox } from "./components/ui/checkbox";
 export { Drawer } from "./components/ui/drawer";
 export { Select } from "./components/ui/select";
 export { Sheet } from "./components/ui/sheet";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",
@@ -40,16 +40,19 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@ant-design/icons": "6.1.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@radix-ui/react-checkbox": "1.3.3",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
-    "@railtownai/railtracks-timeline": "0.0.22",
-    "@xyflow/react": "12.9.2",
-    "lucide-react": "0.553.0",
+    "@railtownai/railtracks-timeline": "0.0.23",
+    "@xyflow/react": "12.9.3",
+    "antd": "5.29.1",
+    "lucide-react": "0.554.0",
     "moment": "2.30.1",
     "react-countup": "6.5.3",
+    "react-hotkeys-hook": "^4.5.1",
+    "react-router-dom": "7.9.6",
     "react-textarea-autosize": "8.5.9",
     "vaul": "1.1.2"
   },
@@ -61,6 +64,7 @@
     "build": "npm run build:types && npm run build:lib && npm run build:spa",
     "clean": "rm -rf dist build test-results .railtracks/ui/*",
     "dev": "rm -rf .railtracks/ui/* && vite build && cp -r build/* .railtracks/ui",
+    "viz": "railtracks_local viz",
     "lint:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "lint:license": "license-checker --summary --excludePrivatePackages --failOn 'AGPL-1.0;AGPL-3.0;EPL-1.0;EPL-2.0;GPL-1.0;GPL-2.0;GPL-3.0;LGPL-2.0;LGPL-2.1;LGPL-3.0;'",
     "lint": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
@@ -73,36 +77,37 @@
     "up": "ncu -u -x react -x react-dom -x @types/react -x @types/react-dom"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "4.1.2",
+    "@chromatic-com/storybook": "4.1.3",
     "@rollup/plugin-commonjs": "29.0.0",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-swc": "0.4.0",
     "@rollup/plugin-terser": "0.4.4",
-    "@storybook/addon-a11y": "10.0.7",
-    "@storybook/addon-docs": "10.0.7",
-    "@storybook/addon-onboarding": "10.0.7",
-    "@storybook/react-vite": "10.0.7",
+    "@storybook/addon-a11y": "10.1.0",
+    "@storybook/addon-docs": "10.1.0",
+    "@storybook/addon-onboarding": "10.1.0",
+    "@storybook/react-vite": "10.1.0",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/node": "24.10.0",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
-    "@vitejs/plugin-react-swc": "4.2.1",
+    "@types/node": "24.10.1",
+    "@types/react": "18.3.27",
+    "@types/react-dom": "18.3.7",
+    "@vitejs/plugin-react-swc": "4.2.2",
     "clsx": "2.1.1",
-    "cross-env": "^10.1.0",
+    "cross-env": "10.1.0",
     "gh-pages": "6.3.0",
-    "jsdom": "27.1.0",
+    "jsdom": "27.2.0",
     "license-checker": "25.0.1",
     "npm-check-updates": "19.1.2",
     "prettier": "3.6.2",
-    "rollup": "4.53.1",
+    "rollup": "4.53.3",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "10.0.7",
+    "storybook": "10.1.0",
     "typescript": "5.9.3",
-    "vite": "7.2.2",
-    "vitest": "4.0.8"
+    "uuid": "13.0.0",
+    "vite": "7.2.4",
+    "vitest": "4.0.12"
   },
   "prettier": {
     "singleQuote": false,

package/dist/types/components/ThemeToggle.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const ThemeToggle: React.FC;

package/dist/types/components/ui/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };

package/dist/types/hooks/useRailtracksStream.d.ts

@@ -1,18 +0,0 @@
-interface StreamMessage {
-    type: "connected" | "file_updated" | "keepalive";
-    filename?: string;
-    timestamp?: number;
-    [key: string]: any;
-}
-export interface RealTimeLastUpdate {
-    filename: string;
-    timestamp: Date;
-}
-declare const useRailtracksStream: (onMessage?: (data: StreamMessage) => void) => {
-    isConnected: boolean;
-    isConnecting: boolean;
-    error: string | null;
-    reconnect: () => Promise<void>;
-    disconnect: () => void;
-};
-export { useRailtracksStream };