@railtownai/railtracks-visualizer 0.0.14 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "license": "Apache-2.0",
   "author": "Railtown AI",
   "description": "A visualizer for RailTracks agentic flows",
@@ -32,26 +32,35 @@
     "react",
     "typescript"
   ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "dependencies": {
+    "@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",
     "lucide-react": "0.525.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "reactflow": "11.11.4"
+    "reactflow": "11.11.4",
+    "vaul": "1.1.2"
   },
   "scripts": {
-    "start": "vite",
-    "dev": "vite",
-    "dev:spa": "vite build && rm -rf .railtracks/ui/* && cp -r build/* .railtracks/ui",
-    "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:spa": "vite build",
     "build:lib": "rollup -c",
+    "build:spa": "vite build",
     "build:types": "tsc -p tsconfig.types.json",
-    "build": "npm run clean && npm run build:types && npm run build:lib && npm run build:spa",
-    "publish:dry": "npm publish --dry-run",
-    "test": "vitest run",
+    "build": "npm run build:types && npm run build:lib && npm run build:spa",
+    "clean": "rm -rf dist build",
+    "dev:spa": "vite build && rm -rf .railtracks/ui/* && cp -r build/* .railtracks/ui",
+    "lint:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "lint": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "start": "storybook dev -p 6006",
+    "storybook:build": "cross-env NODE_ENV=production storybook build",
+    "storybook:preview": "npx http-server ./storybook-static",
+    "storybook:deploy": "gh-pages -d storybook-static",
     "test:ui": "vitest --ui",
+    "test": "vitest run",
     "up": "ncu -u -x react -x react-dom -x @types/react -x @types/react-dom && npm install"
   },
   "devDependencies": {
@@ -59,23 +68,43 @@
     "@babel/preset-env": "7.28.0",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
+    "@chromatic-com/storybook": "4.1.1",
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-commonjs": "25.0.2",
     "@rollup/plugin-json": "6.0.0",
     "@rollup/plugin-node-resolve": "15.1.0",
     "@rollup/plugin-terser": "0.4.3",
     "@rollup/plugin-typescript": "11.1.1",
+    "@storybook/addon-a11y": "9.1.3",
+    "@storybook/addon-docs": "9.1.3",
+    "@storybook/addon-onboarding": "9.1.3",
+    "@storybook/addon-vitest": "9.1.3",
+    "@storybook/react-vite": "9.1.3",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/node": "24.1.0",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
     "@vitejs/plugin-react-swc": "3.10.2",
+    "@vitest/browser": "3.2.4",
+    "@vitest/coverage-v8": "3.2.4",
+    "autoprefixer": "10.4.21",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cross-env": "^7.0.3",
+    "gh-pages": "6.3.0",
     "jsdom": "26.1.0",
     "npm-check-updates": "18.0.1",
+    "playwright": "^1.55.0",
+    "postcss": "8.5.6",
     "prettier": "3.6.2",
     "rollup": "3.29.5",
     "rollup-plugin-postcss": "4.0.2",
+    "storybook": "9.1.3",
+    "tailwind-merge": "3.3.1",
+    "tailwindcss": "3.4.17",
+    "tailwindcss-animate": "1.0.7",
     "tslib": "2.8.1",
     "typescript": "5.8.3",
     "vite": "7.0.5",
@@ -89,6 +118,7 @@
     "tabWidth": 2,
     "useTabs": false,
     "semi": true,
+    "endOfLine": "auto",
     "bracketSpacing": true
   }
 }

package/dist/types/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,EAAoC,WAAW,EAAE,MAAM,SAAS,CAAC;AAMxE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAsJD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAszB/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-interface IProps {
-    stamps: Array<{
-        step: number;
-        time: number;
-        identifier: string;
-    }>;
-    currentStep: number;
-    onStepChange: (step: number) => void;
-    onToggle?: () => void;
-}
-declare const VerticalTimeline: React.FC<IProps>;
-export { VerticalTimeline };
-//# sourceMappingURL=VerticalTimeline.d.ts.map

package/dist/types/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"}