@railtownai/railtracks-visualizer 0.0.3 → 0.0.4

package/dist/esm/test/Visualizer.test.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen, waitFor } from "@testing-library/react";
+import Visualizer from "../Visualizer";
+// Mock ReactFlow and its provider since we're testing the wrapper, not ReactFlow itself
+vi.mock("reactflow", () => ({
+    ReactFlowProvider: ({ children }) => (_jsx("div", { "data-testid": "react-flow-provider", children: children })),
+    useReactFlow: () => ({
+        fitView: vi.fn(),
+        getNodes: vi.fn(() => []),
+        getEdges: vi.fn(() => [])
+    })
+}));
+// Mock the AgenticFlowVisualizer component
+vi.mock("../AgenticFlowVisualizer", () => ({
+    default: ({ flowData, width, height, className }) => (_jsxs("div", { "data-testid": "agentic-flow-visualizer", "data-width": width || "", "data-height": height || "", "data-classname": className || "", "data-has-flow-data": !!flowData, children: ["AgenticFlowVisualizer Mock", !flowData && _jsx("div", { "data-testid": "no-data-state", children: "No flow data available" })] }))
+}));
+// Mock data for testing
+const mockFlowData = {
+    nodes: [
+        {
+            identifier: "node-1",
+            node_type: "agent",
+            stamp: {
+                step: 1,
+                time: 1634567890,
+                identifier: "stamp-1"
+            },
+            details: {
+                internals: {
+                    llm_details: [
+                        {
+                            model_name: "gpt-4",
+                            model_provider: "openai",
+                            input: [{ role: "user", content: "test" }],
+                            output: { role: "assistant", content: "response" },
+                            input_tokens: 10,
+                            output_tokens: 5,
+                            total_cost: 0.001,
+                            system_fingerprint: "test-fingerprint"
+                        }
+                    ]
+                }
+            },
+            parent: null
+        },
+        {
+            identifier: "node-2",
+            node_type: "tool",
+            stamp: {
+                step: 2,
+                time: 1634567891,
+                identifier: "stamp-2"
+            },
+            details: {
+                internals: {
+                    llm_details: []
+                }
+            },
+            parent: null
+        }
+    ],
+    edges: [
+        {
+            identifier: "edge-1",
+            source: "node-1",
+            target: "node-2",
+            stamp: {
+                step: 2,
+                time: 1634567891,
+                identifier: "edge-stamp-1"
+            },
+            details: {
+                input_args: [],
+                output: null
+            },
+            parent: null
+        }
+    ],
+    stamps: [
+        {
+            step: 1,
+            time: 1634567890,
+            identifier: "stamp-1"
+        },
+        {
+            step: 2,
+            time: 1634567891,
+            identifier: "stamp-2"
+        }
+    ]
+};
+describe("Visualizer", () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    describe("Component Rendering", () => {
+        it("renders successfully without any props", () => {
+            render(_jsx(Visualizer, {}));
+            expect(screen.getByTestId("react-flow-provider")).toBeInTheDocument();
+            expect(screen.getByTestId("agentic-flow-visualizer")).toBeInTheDocument();
+        });
+        it("wraps AgenticFlowVisualizer with ReactFlowProvider", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData }));
+            const provider = screen.getByTestId("react-flow-provider");
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(provider).toBeInTheDocument();
+            expect(provider).toContainElement(visualizer);
+        });
+        it("renders with valid flow data", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "true");
+            expect(screen.queryByTestId("no-data-state")).not.toBeInTheDocument();
+        });
+        it("handles null flow data gracefully", () => {
+            render(_jsx(Visualizer, { flowData: null }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "false");
+        });
+        it("handles undefined flow data gracefully", () => {
+            render(_jsx(Visualizer, { flowData: undefined }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "false");
+        });
+    });
+    describe("Props Forwarding", () => {
+        it("forwards flowData prop correctly", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "true");
+        });
+        it("forwards width prop correctly", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData, width: "800px" }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-width", "800px");
+        });
+        it("forwards height prop correctly", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData, height: 600 }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-height", "600");
+        });
+        it("forwards className prop correctly", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData, className: "custom-class" }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-classname", "custom-class");
+        });
+        it("forwards all props together correctly", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData, width: "100%", height: "500px", className: "test-visualizer" }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "true");
+            expect(visualizer).toHaveAttribute("data-width", "100%");
+            expect(visualizer).toHaveAttribute("data-height", "500px");
+            expect(visualizer).toHaveAttribute("data-classname", "test-visualizer");
+        });
+        it("uses default values when optional props are not provided", () => {
+            render(_jsx(Visualizer, { flowData: mockFlowData }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-width", "");
+            expect(visualizer).toHaveAttribute("data-height", "");
+            expect(visualizer).toHaveAttribute("data-classname", "");
+        });
+    });
+    describe("Integration as NPM Package Component", () => {
+        it("can be imported and used as a standalone component", () => {
+            // This test ensures the component works when imported by users
+            const TestApp = () => (_jsxs("div", { children: [_jsx("h1", { children: "My App" }), _jsx(Visualizer, { flowData: mockFlowData })] }));
+            render(_jsx(TestApp, {}));
+            expect(screen.getByText("My App")).toBeInTheDocument();
+            expect(screen.getByTestId("react-flow-provider")).toBeInTheDocument();
+            expect(screen.getByTestId("agentic-flow-visualizer")).toBeInTheDocument();
+        });
+        it("works in a React component with state", async () => {
+            const TestComponent = () => {
+                const [data, setData] = React.useState(null);
+                React.useEffect(() => {
+                    // Simulate loading data
+                    setTimeout(() => setData(mockFlowData), 100);
+                }, []);
+                return (_jsxs("div", { children: [_jsx("button", { onClick: () => setData(null), children: "Clear Data" }), _jsx(Visualizer, { flowData: data })] }));
+            };
+            render(_jsx(TestComponent, {}));
+            // Initially no data
+            expect(screen.getByTestId("agentic-flow-visualizer")).toHaveAttribute("data-has-flow-data", "false");
+            // Wait for data to load
+            await waitFor(() => {
+                expect(screen.getByTestId("agentic-flow-visualizer")).toHaveAttribute("data-has-flow-data", "true");
+            });
+        });
+        it("handles multiple instances on the same page", () => {
+            render(_jsxs("div", { children: [_jsx(Visualizer, { flowData: mockFlowData, className: "visualizer-1" }), _jsx(Visualizer, { flowData: null, className: "visualizer-2" })] }));
+            const visualizers = screen.getAllByTestId("agentic-flow-visualizer");
+            expect(visualizers).toHaveLength(2);
+            expect(visualizers[0]).toHaveAttribute("data-classname", "visualizer-1");
+            expect(visualizers[0]).toHaveAttribute("data-has-flow-data", "true");
+            expect(visualizers[1]).toHaveAttribute("data-classname", "visualizer-2");
+            expect(visualizers[1]).toHaveAttribute("data-has-flow-data", "false");
+        });
+    });
+    describe("Error Handling", () => {
+        it("handles malformed flow data gracefully", () => {
+            const malformedData = {
+                nodes: null,
+                edges: undefined
+            };
+            expect(() => {
+                render(_jsx(Visualizer, { flowData: malformedData }));
+            }).not.toThrow();
+            expect(screen.getByTestId("agentic-flow-visualizer")).toBeInTheDocument();
+        });
+        it("handles empty flow data", () => {
+            const emptyData = {
+                nodes: [],
+                edges: [],
+                stamps: []
+            };
+            render(_jsx(Visualizer, { flowData: emptyData }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-has-flow-data", "true");
+        });
+    });
+    describe("TypeScript Compatibility", () => {
+        it("accepts correct prop types", () => {
+            // This test ensures TypeScript compatibility
+            const props = {
+                flowData: mockFlowData,
+                width: "100%",
+                height: 600,
+                className: "test-class"
+            };
+            render(_jsx(Visualizer, { ...props }));
+            expect(screen.getByTestId("agentic-flow-visualizer")).toBeInTheDocument();
+        });
+        it("works with partial props", () => {
+            // Test that optional props work correctly
+            render(_jsx(Visualizer, { flowData: mockFlowData, width: "50%" }));
+            const visualizer = screen.getByTestId("agentic-flow-visualizer");
+            expect(visualizer).toHaveAttribute("data-width", "50%");
+            expect(visualizer).toHaveAttribute("data-height", "");
+        });
+    });
+});

package/dist/esm/test/setup.js

@@ -0,0 +1,22 @@
+import "@testing-library/jest-dom";
+import { vi } from "vitest";
+// Mock ResizeObserver for React Flow components
+globalThis.ResizeObserver = class ResizeObserver {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+// Mock window.matchMedia
+Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    value: vi.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(), // deprecated
+        removeListener: vi.fn(), // deprecated
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn()
+    }))
+});

package/dist/{AgenticFlowVisualizer.d.ts → types/AgenticFlowVisualizer.d.ts}

@@ -1,8 +1,8 @@
 import React from "react";
 import "reactflow/dist/style.css";
 import { DataJsonStructure } from "./hooks";
-interface AgenticFlowVisualizerProps {
-    flowData?: DataJsonStructure;
+export interface AgenticFlowVisualizerProps {
+    flowData?: DataJsonStructure | null;
     width?: string | number;
     height?: string | number;
     className?: string;

package/dist/types/AgenticFlowVisualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgenticFlowVisualizer.d.ts","sourceRoot":"","sources":["../../src/AgenticFlowVisualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,0BAA0B,CAAC;AAMlC,OAAO,EAA8B,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMxE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqJD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwyB/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/types/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EA6HhB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/types/Visualizer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { AgenticFlowVisualizerProps } from "./AgenticFlowVisualizer";
+/**
+ * Visualizer component that wraps AgenticFlowVisualizer with ReactFlowProvider.
+ * This is the main component that should be imported from the npm package.
+ */
+declare const Visualizer: React.FC<AgenticFlowVisualizerProps>;
+export default Visualizer;
+//# sourceMappingURL=Visualizer.d.ts.map

package/dist/types/Visualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visualizer.d.ts","sourceRoot":"","sources":["../../src/Visualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAA8B,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAMpD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edge.d.ts","sourceRoot":"","sources":["../../../src/components/Edge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,GAAG,CAAC;KACf,CAAC;IACF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8JpC,CAAC"}

package/dist/types/components/FileSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelector.d.ts","sourceRoot":"","sources":["../../../src/components/FileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;CACf;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0H7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/types/components/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,UAAU,aAAa;IACrB,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4KrC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/types/components/VerticalTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/VerticalTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACd,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkPtC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useApi.d.ts","sourceRoot":"","sources":["../../../src/hooks/useApi.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM;;;yBAK2B,OAAO,CAAC,QAAQ,EAAE,CAAC;6BA6Bb,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;0BAyB1B,OAAO,CAAC,GAAG,CAAC;CAiC1D,CAAC"}

package/dist/types/hooks/useFlowData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFlowData.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACP,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,KAAK,CAAC;gBAClB,UAAU,EAAE,MAAM,CAAC;gBACnB,cAAc,EAAE,MAAM,CAAC;gBACvB,KAAK,EAAE,KAAK,CAAC;oBACX,IAAI,EAAE,MAAM,CAAC;oBACb,OAAO,EAAE,GAAG,CAAC;iBACd,CAAC,CAAC;gBACH,MAAM,EAAE;oBACN,IAAI,EAAE,MAAM,CAAC;oBACb,OAAO,EAAE,GAAG,CAAC;iBACd,CAAC;gBACF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC1B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;aACnC,CAAC,CAAC;YACH,OAAO,CAAC,EAAE;gBACR,UAAU,EAAE,MAAM,CAAC;aACpB,CAAC;SACH,CAAC;KACH,CAAC;IACF,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;QACnB,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,MAAM,CAAC,EAAE,GAAG,CAAC;KACd,CAAC;IACF,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;;;yBAyBH,MAAM;;oBAhCT,QAAQ,EAAE;iBACb,MAAM,GAAG,IAAI;cAChB,iBAAiB,GAAG,IAAI;CA4EnC,CAAC"}

package/dist/{index.d.ts → types/index.d.ts}

@@ -1,4 +1,6 @@
+export { default as Visualizer } from "./Visualizer";
 export { default as AgenticFlowVisualizer } from "./AgenticFlowVisualizer";
+export type { AgenticFlowVisualizerProps } from "./AgenticFlowVisualizer";
 export { default as App } from "./App";
 export { Edge } from "./components/Edge";
 export { FileSelector } from "./components/FileSelector";
@@ -6,5 +8,4 @@ export { Node } from "./components/Node";
 export { Timeline } from "./components/Timeline";
 export { VerticalTimeline } from "./components/VerticalTimeline";
 export * from "./hooks";
-export * from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,cAAc,SAAS,CAAC"}

package/dist/types/test/Visualizer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Visualizer.test.d.ts.map

package/dist/types/test/Visualizer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visualizer.test.d.ts","sourceRoot":"","sources":["../../../src/test/Visualizer.test.tsx"],"names":[],"mappings":""}

package/dist/types/test/setup.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=setup.d.ts.map

package/dist/types/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.3",
-  "type": "module",
+  "version": "0.0.4",
   "license": "Apache-2.0",
   "author": "Railtown AI",
   "description": "A visualizer for RailTracks agentic flows",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "LICENSE",
+    "README.md",
+    "package.json"
   ],
   "repository": {
     "type": "git",
@@ -39,22 +41,27 @@
   "scripts": {
     "start": "vite",
     "dev": "vite",
+    "clean": "rm -rf dist build",
     "lint": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "lint:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "build": "tsc && vite build",
-    "build:lib": "tsc --project tsconfig.lib.json",
+    "build:spa": "vite build",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:types": "tsc -p tsconfig.types.json",
+    "build": "npm run build:types && npm run build:cjs && npm run build:esm && npm run build:spa",
     "publish:dry": "npm publish --dry-run",
-    "test": "vitest",
-    "test:run": "vitest run",
+    "test": "vitest run",
     "test:ui": "vitest --ui",
     "up": "ncu -u -x react -x react-dom -x @types/react -x @types/react-dom && npm install"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
+    "@types/node": "24.1.0",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "@vitejs/plugin-react-swc": "3.10.2",
+    "cross-env": "10.0.0",
     "jsdom": "26.1.0",
     "npm-check-updates": "18.0.1",
     "prettier": "3.6.2",

package/dist/AgenticFlowVisualizer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgenticFlowVisualizer.d.ts","sourceRoot":"","sources":["../src/AgenticFlowVisualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,0BAA0B,CAAC;AAMlC,OAAO,EAA8B,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMxE,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqJD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwyB/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/App.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EA6HhB,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Edge.d.ts","sourceRoot":"","sources":["../../src/components/Edge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,GAAG,CAAC;KACf,CAAC;IACF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8JpC,CAAC"}

package/dist/components/FileSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileSelector.d.ts","sourceRoot":"","sources":["../../src/components/FileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../src/components/Node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;CACf;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0H7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Timeline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,UAAU,aAAa;IACrB,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4KrC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/VerticalTimeline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalTimeline.d.ts","sourceRoot":"","sources":["../../src/components/VerticalTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACd,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkPtC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useApi.d.ts","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM;;;yBAK2B,OAAO,CAAC,QAAQ,EAAE,CAAC;6BA6Bb,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;0BAyB1B,OAAO,CAAC,GAAG,CAAC;CAiC1D,CAAC"}

package/dist/hooks/useFlowData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFlowData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFlowData.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACP,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,KAAK,CAAC;gBAClB,UAAU,EAAE,MAAM,CAAC;gBACnB,cAAc,EAAE,MAAM,CAAC;gBACvB,KAAK,EAAE,KAAK,CAAC;oBACX,IAAI,EAAE,MAAM,CAAC;oBACb,OAAO,EAAE,GAAG,CAAC;iBACd,CAAC,CAAC;gBACH,MAAM,EAAE;oBACN,IAAI,EAAE,MAAM,CAAC;oBACb,OAAO,EAAE,GAAG,CAAC;iBACd,CAAC;gBACF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;gBAC1B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;aACnC,CAAC,CAAC;YACH,OAAO,CAAC,EAAE;gBACR,UAAU,EAAE,MAAM,CAAC;aACpB,CAAC;SACH,CAAC;KACH,CAAC;IACF,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;QACnB,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,MAAM,CAAC,EAAE,GAAG,CAAC;KACd,CAAC;IACF,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;;;yBAyBH,MAAM;;oBAhCT,QAAQ,EAAE;iBACb,MAAM,GAAG,IAAI;cAChB,iBAAiB,GAAG,IAAI;CA4EnC,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}