@railtownai/railtracks-visualizer 0.0.59 → 0.0.61

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

@@ -0,0 +1,11 @@
+/**
+ * Renders a Tool Output in a Tree component
+ *
+ */
+import React from "react";
+export interface JsonValueTreeProps {
+    data: unknown;
+    className?: string;
+    maxHeight?: number | string;
+}
+export declare const JsonValueTree: React.FC<JsonValueTreeProps>;

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

@@ -2,6 +2,8 @@ import React from "react";
 import type { AgentRun } from "../../dto/AgentRun";
 import type { AgentRunNode } from "../../dto/AgentRunNode";
 import type { SessionListItem } from "../hooks/useSessions";
+/** Tool/agent failure is carried on the incoming edge's details.status (e.g. Failed), same as flow edges and session I/O. */
+export declare function isNodeFailureFromIncomingEdge(run: AgentRun, nodeId: string): boolean;
 export interface SelectedNodeInfo {
     nodeId: string;
     runId: string;

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

@@ -8,6 +8,8 @@ interface EdgeProps {
     targetY: number;
     sourcePosition: any;
     targetPosition: any;
+    /** React Flow sets this for animated edges; used for active-step stroke color without rebuilding edge data on theme change */
+    animated?: boolean;
     style?: React.CSSProperties;
     markerEnd?: string;
     bidirectional?: boolean;

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

@@ -1,5 +1,5 @@
 import React from "react";
-type NodeType = "Tool" | "Agent" | "Coordinator";
+type NodeType = "Tool" | "Agent";
 interface NodeData {
     label: string;
     nodeType?: NodeType;

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

@@ -2,7 +2,7 @@ import React from "react";
 import { LLMDetails, NodeDetails } from "../../dto/AgentRunNode";
 interface NodeData {
     label: string;
-    nodeType?: "Tool" | "Agent" | "Coordinator";
+    nodeType?: "Tool" | "Agent";
     details?: NodeDetails;
     id?: string;
     edges?: any[];
@@ -21,7 +21,7 @@ interface AgentNodeProps {
     defaultDrawerOpen?: boolean;
 }
 export interface GetNodeIconOptions {
-    nodeType?: "tool" | "coordinator" | "agent";
+    nodeType?: "tool" | "agent";
     modelProvider?: string;
     modelName?: string;
     size?: number;
@@ -39,6 +39,10 @@ export declare const getNodeIcon: (options?: GetNodeIconOptions) => string | JSX
  * @returns The provider label for the model.
  */
 export declare const getProviderLabel: (modelName?: string, modelProvider?: string) => string;
+/**
+ * Display label for a Railtracks model_name slug (frontend copy only; does not alter data).
+ */
+export declare const getModelLabel: (modelName?: string | null) => string;
 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/nodes/InputsOutputsCollapse.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { LLMContent } from "../../dto/AgentRunNode";
+export declare function formatContentAsText(content: any): string;
+export declare function isTabularData(data: any): boolean;
+export declare function formatOutputAsText(output: {
+    role: string;
+    content: any;
+} | null, toolOutput: any): string;
+export declare function renderContentForDisplay(content: any): string;
+export declare function filterKeysWithName(obj: any): any;
+export interface LLMInputsRendererProps {
+    input: LLMContent[];
+    modelProvider?: string;
+    modelName?: string;
+    toolStatusMap?: Map<string, string>;
+}
+export declare const LLMInputsRenderer: React.FC<LLMInputsRendererProps>;
+export interface InputsOutputsCollapseProps {
+    inputs: LLMContent[];
+    output: {
+        role: string;
+        content: any;
+    } | null;
+    toolOutput: any | null;
+    modelProvider?: string;
+    modelName?: string;
+    toolStatusMap?: Map<string, string>;
+    /** When true, Inputs panel uses a read-only textarea (Tool node shape in session panel). */
+    toolInputAsTextarea?: boolean;
+    /** When true, Inputs label uses Typography.Title level 2 (run-level session view). */
+    largeInputsTitle?: boolean;
+    /** Override whether the Inputs panel has content (e.g. require Agent/Tool node type). */
+    hasInputs?: boolean;
+}
+export declare const InputsOutputsCollapse: React.FC<InputsOutputsCollapseProps>;

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

@@ -1,7 +1,8 @@
 import React from "react";
+import type { LLMContent } from "../../dto/AgentRunNode";
 interface NodeData {
     label: string;
-    nodeType?: "Tool" | "Agent" | "Coordinator";
+    nodeType?: "Tool" | "Agent";
     details?: any;
     id?: string;
     edges?: any[];
@@ -18,5 +19,13 @@ interface NodeDetailsDrawerProps {
     onClose: () => void;
     nodeData: NodeData;
 }
+/** Merged tool internals + first edge detail (same shape ToolNode used on-canvas). */
+export declare function buildToolDrawerPayload(nodeData: NodeData): Record<string, unknown> | null;
+/** Tool drawer I/O from first edge detail (aligned with session-details getNodeInputsOutputs for Tool). */
+export declare function buildToolDrawerIo(nodeData: NodeData): {
+    inputs: LLMContent[];
+    toolOutput: any;
+    toolStatusMap: Map<string, string>;
+};
 export declare const NodeDetailsDrawer: React.FC<NodeDetailsDrawerProps>;
 export {};

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

@@ -5,7 +5,7 @@ interface Edge {
 }
 interface NodeData {
     label: string;
-    nodeType?: "Tool" | "Agent" | "Coordinator";
+    nodeType?: "Tool" | "Agent";
     details?: any;
     id?: string;
     edges?: Edge[];

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

@@ -1 +1,7 @@
+/** Max width for rich content (drawer output blocks, etc.) */
 export declare const NODE_MAX_WIDTH = 500;
+/** Compact xyflow node card width range */
+export declare const FLOW_NODE_MIN_WIDTH = 176;
+export declare const FLOW_NODE_MAX_WIDTH = 250;
+/** Used by auto-layout horizontal spacing (~typical card width between min and max) */
+export declare const LAYOUT_NODE_WIDTH: number;

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

@@ -1,5 +1,3 @@
 export { AgentNode } from "./AgentNode";
-export { CoordinatorNode } from "./CoordinatorNode";
 export { ToolNode } from "./ToolNode";
 export { NodeDetailsDrawer } from "./NodeDetailsDrawer";
-export { ExpandableTextarea } from "./ExpandableTextarea";

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

@@ -80,7 +80,7 @@ export interface NodeDetails {
 export interface AgentRunNode {
     /** Unique identifier for this node */
     identifier: string;
-    /** Type of node (e.g., "Tool", "Agent", "Coordinator") */
+    /** Type of node (e.g., "Tool", "Agent") */
     node_type: string;
     /** Optional human-readable name for this node */
     name?: string;

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

@@ -1,4 +1,5 @@
 import { type ClassValue } from "clsx";
+import type { AgentRun } from "../dto/AgentRun";
 import { ToolCall } from "../dto/AgentRunNode";
 export declare function cn(...inputs: ClassValue[]): string;
 /**
@@ -51,6 +52,18 @@ export declare function formatDateFriendly(iso: string): string;
  * @returns The truncated text
  */
 export declare function truncateText(text: string, maxLength: number): string;
+/**
+ * True for plain object literals (own enumerable keys, not arrays, Date, etc.).
+ */
+export declare function isPlainObject(value: unknown): value is Record<string, unknown>;
+/**
+ * Escapes `\` and `.` in a segment so dot-delimited path keys stay unambiguous (e.g. JSON tree UIs).
+ */
+export declare function escapeDotPathSegment(segment: string): string;
+/**
+ * Compact JSON-like string for tree / debug views: strings use JSON quoting; null and undefined as words.
+ */
+export declare function formatJsonTreePrimitive(value: unknown): string;
 /**
  * Styled-components utility for conditional styling
  * @param condition - The condition to check
@@ -131,6 +144,11 @@ export declare function formatMetricValue(evaluator: EvaluatorMetricInfo | null
  * @returns The Ant Design color name for Tag component
  */
 export declare function getStatusColor(status: string): string;
+/**
+ * Last timeline step for a run: max of stamp track (`stamps` / `steps`) and all node/edge stamp steps.
+ * Used so the visualizer defaults past step 0 when the graph only appears at later steps.
+ */
+export declare function getDefaultTimelineStepForRun(run: AgentRun): number;
 /**
  * Formats tool calls for display in a code block
  */

package/package.json

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

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

@@ -1,8 +0,0 @@
-import React from "react";
-interface CodeBlockProps {
-    content: string;
-    language?: string;
-    showHeader?: boolean;
-}
-export declare const CodeBlock: React.FC<CodeBlockProps>;
-export {};

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

@@ -1,22 +0,0 @@
-import React from "react";
-interface NodeData {
-    label: string;
-    nodeType?: "Tool" | "Agent" | "Coordinator";
-    details?: any;
-    id?: string;
-    edges?: any[];
-    edgeDetails?: {
-        input_args?: any[];
-        input_kwargs?: any;
-        output?: any;
-        state?: string;
-        status?: string;
-    }[];
-}
-interface CoordinatorNodeProps {
-    data: NodeData;
-    id: string;
-    onInspect?: (nodeData: NodeData) => void;
-}
-export declare const CoordinatorNode: React.FC<CoordinatorNodeProps>;
-export {};

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

@@ -1,9 +0,0 @@
-import React from "react";
-interface ExpandableTextareaProps {
-    label: string;
-    content: string;
-    isExpanded: boolean;
-    onToggle: (e?: React.MouseEvent) => void;
-}
-export declare const ExpandableTextarea: React.FC<ExpandableTextareaProps>;
-export {};

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

@@ -1,9 +0,0 @@
-import React from "react";
-interface OutputRendererProps {
-    data: {
-        role: string;
-        content: any;
-    };
-}
-export declare const OutputRenderer: React.FC<OutputRendererProps>;
-export {};