@railtownai/railtracks-visualizer 0.0.67 → 0.0.69

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

@@ -22,7 +22,9 @@ export interface AggregateResultsTableProps {
     title?: string;
     /** Optional evaluator name hint (e.g. "ToolUseEvaluator") for default title. */
     evaluatorName?: string;
-    /** Called when an Agent/Tool Node row is clicked. sessionId may be undefined when evaluation uses legacy agent_node_ids format. */
+    /** Called when an Agent/Tool node's "Session Details" action is used. sessionId may be undefined when evaluation uses legacy agent_node_ids format. */
     onAgentNodeClick?: (sessionId: string | undefined, nodeId: string) => void;
+    /** Called when an Agent/Tool node's "Visualizer" action is used. sessionId may be undefined when evaluation uses legacy agent_node_ids format. */
+    onOpenVisualizer?: (sessionId: string | undefined, nodeId: string) => void;
 }
 export declare const AggregateResultsTable: React.FC<AggregateResultsTableProps>;

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

@@ -1,14 +1,16 @@
 /**
  * Judge (LLM-as-judge) evaluator view: one card per categorical metric, with
  * collapsible accordions per category label listing the agent nodes that received
- * that label. Each node shows a short id (click to open the run in the Session
- * Details drawer) and an inline toggle to reveal the judge's reasoning when present.
+ * that label. Each node exposes Session Details / Visualizer call-to-actions
+ * (see NodeActions) and an inline toggle to reveal the judge's reasoning when present.
  */
 import React from "react";
 import type { JudgeMetric } from "../utils/judgeAggregateTree";
 export interface JudgeAggregateViewProps {
     metrics: JudgeMetric[];
-    /** Opens the run for a judged node. sessionId may be undefined for legacy evaluations. */
+    /** Opens the run for a judged node in the Session Details drawer. sessionId may be undefined for legacy evaluations. */
     onAgentNodeClick?: (sessionId: string | undefined, nodeId: string) => void;
+    /** Opens the run for a judged node in the full Visualizer. */
+    onOpenVisualizer?: (sessionId: string | undefined, nodeId: string) => void;
 }
 export declare const JudgeAggregateView: React.FC<JudgeAggregateViewProps>;

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

@@ -0,0 +1,21 @@
+/**
+ * Call-to-action buttons for an evaluated agent node. Instead of surfacing a raw
+ * node id, this offers two clear actions: open the run in the Flow Details
+ * drawer, or open it in the full Visualizer. Shared by the Judge, ToolUse and
+ * LLMInference evaluator views so the affordance is consistent everywhere.
+ *
+ * Each button only renders when its handler is provided, so library consumers
+ * that pass just `onAgentNodeClick` still get a working "Flow Details" action.
+ */
+import React from "react";
+export interface NodeActionsProps {
+    /** Session containing the node. May be undefined for legacy evaluations. */
+    sessionId?: string;
+    /** Identifier of the evaluated agent node. */
+    nodeId: string;
+    /** Opens the run for this node in the Session Details drawer. */
+    onAgentNodeClick?: (sessionId: string | undefined, nodeId: string) => void;
+    /** Opens the run for this node in the full Visualizer. */
+    onOpenVisualizer?: (sessionId: string | undefined, nodeId: string) => void;
+}
+export declare const NodeActions: React.FC<NodeActionsProps>;

package/dist/types/agenthub/pages/evaluator-result-page.d.ts

@@ -3,10 +3,15 @@ export interface EvaluatorResultPageProps {
     /** Optional href for back link. Pass from the host app (e.g. "#/evaluations" for HashRouter). */
     backHref?: string;
     /**
-     * Optional handler for Agent/Tool node clicks. sessionId may be undefined when evaluation uses
-     * legacy agent_node_ids format. Default opens a SessionDetails drawer on this page.
+     * Optional handler for a node's "Session Details" action. sessionId may be undefined when evaluation
+     * uses legacy agent_node_ids format. Default opens a SessionDetails drawer on this page.
      */
     onAgentNodeClick?: (sessionId: string | undefined, nodeId: string) => void;
+    /**
+     * Optional handler for a node's "Visualizer" action. sessionId may be undefined when evaluation
+     * uses legacy agent_node_ids format. Default navigates to the full Sessions visualizer route.
+     */
+    onOpenVisualizer?: (sessionId: string | undefined, nodeId: string) => void;
 }
 /**
  * Page that resolves evaluationId and evaluatorId from the route,

package/dist/types/agenthub/pages/evaluator-result.d.ts

@@ -12,9 +12,14 @@ export interface EvaluatorResultProps {
     /** Optional href for back link. When provided, a "Back to Evaluations" control is shown. */
     backHref?: string;
     /**
-     * Optional handler for Agent/Tool node clicks. sessionId may be undefined when evaluation
-     * uses legacy agent_node_ids format. When not provided, nodes use default (drawer).
+     * Optional handler for a node's "Session Details" action. sessionId may be undefined when
+     * evaluation uses legacy agent_node_ids format. When omitted, the action is not shown.
      */
     onAgentNodeClick?: (sessionId: string | undefined, nodeId: string) => void;
+    /**
+     * Optional handler for a node's "Visualizer" action. sessionId may be undefined when
+     * evaluation uses legacy agent_node_ids format. When omitted, the action is not shown.
+     */
+    onOpenVisualizer?: (sessionId: string | undefined, nodeId: string) => void;
 }
 export declare const EvaluatorResult: React.FC<EvaluatorResultProps>;

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

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

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

@@ -1,9 +1,20 @@
 import React, { ReactNode } from "react";
 import { Theme } from "./theme";
+export type ThemeMode = "light" | "dark" | "liquidGlassLight" | "liquidGlassDark";
+export declare function themeForMode(mode: ThemeMode): Theme;
+export declare function themeToMode(theme: Theme): ThemeMode;
 interface ThemeContextType {
     theme: Theme;
+    themeMode: ThemeMode;
     setTheme: (theme: Theme) => void;
+    setThemeMode: (mode: ThemeMode) => void;
+    /** True for classic dark or dark liquid glass (graphs, muted text). */
     isDarkMode: boolean;
+    /** True only for solid classic dark — heavy Ant Design chrome overrides. */
+    isClassicDarkTheme: boolean;
+    isLiquidGlass: boolean;
+    isLiquidGlassLight: boolean;
+    isLiquidGlassDark: boolean;
 }
 interface ThemeProviderProps {
     children: ReactNode;

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

@@ -0,0 +1 @@
+export declare const API_BASE: string;

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

@@ -92,5 +92,9 @@ export interface Theme {
     };
 }
 export declare const lightTheme: Theme;
+/** Light “Liquid Glass”–inspired palette (web approximation). */
+export declare const liquidGlassLightTheme: Theme;
+/** Dark “Liquid Glass”–inspired palette — translucent panels on a deep mesh-like base. */
+export declare const liquidGlassDarkTheme: Theme;
 export declare const darkTheme: Theme;
 export declare const defaultTheme: Theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.67",
+  "version": "0.0.69",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",
@@ -71,7 +71,10 @@
     "storybook:preview": "npx http-server ./storybook-static",
     "test:ui": "vitest --ui",
     "test": "vitest run --silent",
-    "up": "ncu -u -x react -x react-dom -x @types/react -x @types/react-dom -x react-hotkeys-hook"
+    "up": "ncu -u -x react -x react-dom -x @types/react -x @types/react-dom -x react-hotkeys-hook",
+    "electron": "npm run electron:start",
+    "electron:dev": "cross-env ELECTRON_DEV=1 VITE_API_ORIGIN=http://localhost:3030 concurrently -k \"vite\" \"wait-on http://127.0.0.1:3001 && electron electron/main.js\"",
+    "electron:start": "cross-env VITE_API_ORIGIN=http://localhost:3030 npm run build:spa && electron electron/main.js"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "5.1.2",
@@ -92,7 +95,9 @@
     "@types/react-dom": "18.3.7",
     "@vitejs/plugin-react-swc": "4.3.0",
     "clsx": "2.1.1",
+    "concurrently": "9.2.1",
     "cross-env": "10.1.0",
+    "electron": "34.5.8",
     "gh-pages": "6.3.0",
     "jsdom": "29.0.2",
     "license-checker": "25.0.1",
@@ -104,7 +109,8 @@
     "typescript": "6.0.3",
     "uuid": "13.0.0",
     "vite": "8.0.8",
-    "vitest": "4.1.4"
+    "vitest": "4.1.4",
+    "wait-on": "8.0.5"
   },
   "prettier": {
     "singleQuote": false,