{"_id":"@axon-ai/dashboard","_rev":"5-dc93523d2120cd9cab660d6d0277a04c","name":"@axon-ai/dashboard","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@axon-ai/dashboard","version":"1.0.0","_id":"@axon-ai/dashboard@1.0.0","maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"dist":{"shasum":"a7547b76c6b9cf5a6d522194a4c8ad79943ad9af","tarball":"https://registry.npmjs.org/@axon-ai/dashboard/-/dashboard-1.0.0.tgz","fileCount":40,"integrity":"sha512-KFcJowbARIZGVeOiYoscNsg5BTm0o4PuMlzvOhI5Dx4dwU2MfolVJzwQoeDHMlhU/axp16USWMbp8JUbKa+8ow==","signatures":[{"sig":"MEUCIQDPpsv756gAVCIagXaGzSr0ABRBfFLSjvFr2OEc9hT7YQIgKldfua1bVMiO6v4lgEwJ00bPH3eR1K+sh9aMX5d7oW4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":836744},"type":"module","gitHead":"682867e897af9d168c33c3249e958c90a5f30189","scripts":{"dev":"vite","test":"vitest","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"ldwerner","email":"lwerner10@gmail.com"},"_npmVersion":"11.6.2","directories":{},"_nodeVersion":"22.20.0","dependencies":{"d3":"^7.8.5","dagre":"^0.8.5","react":"^18.2.0","recharts":"^2.10.0","react-dom":"^18.2.0","reactflow":"^11.11.4","lucide-react":"^0.263.1","html-to-image":"^1.11.13","socket.io-client":"^4.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","vitest":"^1.0.0","postcss":"^8.4.32","@types/d3":"^7.4.3","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/dagre":"^0.7.53","@types/react":"^18.2.43","autoprefixer":"^10.4.16","@types/react-dom":"^18.2.17","@vitejs/plugin-react":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/dashboard_1.0.0_1762290219153_0.06721177219191321","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@axon-ai/dashboard","version":"1.0.1","_id":"@axon-ai/dashboard@1.0.1","maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"dist":{"shasum":"965715736b444e82520d133d8c9292291c17f8e1","tarball":"https://registry.npmjs.org/@axon-ai/dashboard/-/dashboard-1.0.1.tgz","fileCount":40,"integrity":"sha512-x0AwDmcOl6CZ6Nqjk7TGrRkLHNo0PF5WIcPkbcYUdRKELRNM6cc2DOurfhj0gqOQGFdjudxRRgg0wkgl4eqqVg==","signatures":[{"sig":"MEQCIBN63y1CsErDfUkHFFRtYwNiVo/fpj/8RZ/tvJ7I14hkAiBume8UuvbWM5wSzElzKPV3DbxiAJdTmI6VhIEH7ht2OA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":836783},"type":"module","gitHead":"863989cbb9763c74575041c400129a9e946b5bd6","scripts":{"dev":"vite","test":"vitest","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"ldwerner","email":"lwerner10@gmail.com"},"_npmVersion":"11.6.2","directories":{},"_nodeVersion":"22.20.0","dependencies":{"d3":"^7.8.5","dagre":"^0.8.5","react":"^18.2.0","recharts":"^2.10.0","react-dom":"^18.2.0","reactflow":"^11.11.4","lucide-react":"^0.263.1","html-to-image":"^1.11.13","socket.io-client":"^4.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","vitest":"^1.0.0","postcss":"^8.4.32","@types/d3":"^7.4.3","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/dagre":"^0.7.53","@types/react":"^18.2.43","autoprefixer":"^10.4.16","@types/react-dom":"^18.2.17","@vitejs/plugin-react":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/dashboard_1.0.1_1762450452331_0.2504829928620407","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@axon-ai/dashboard","version":"1.0.2","_id":"@axon-ai/dashboard@1.0.2","maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"dist":{"shasum":"195b61511f15cc4eeff7caafa8595a80110a4e3d","tarball":"https://registry.npmjs.org/@axon-ai/dashboard/-/dashboard-1.0.2.tgz","fileCount":41,"integrity":"sha512-hQICJu7i0MByP15F1jIExiNOmFDupbh9nB+xi9GP8/ObZjKNHy8psDqEveiNbDxN8BC9DRTMUP0PHfrkfEJ23g==","signatures":[{"sig":"MEUCIQDQeE0y1ECCWABJI1DJUNCbUeflw4o8oTLBbQuikYFnLQIgBArj486p7cnKAGRENdI1h46DLFYUtNZF/3rCqJb6xYY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":840612},"type":"module","gitHead":"863989cbb9763c74575041c400129a9e946b5bd6","scripts":{"dev":"vite","test":"vitest","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"ldwerner","email":"lwerner10@gmail.com"},"_npmVersion":"11.6.2","description":"CLI tool to vizualize and debug agent traces and monitor additional workflow analytics in real-time","directories":{},"_nodeVersion":"22.20.0","dependencies":{"d3":"^7.8.5","dagre":"^0.8.5","react":"^18.2.0","recharts":"^2.10.0","react-dom":"^18.2.0","reactflow":"^11.11.4","lucide-react":"^0.263.1","html-to-image":"^1.11.13","socket.io-client":"^4.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","vitest":"^1.0.0","postcss":"^8.4.32","@types/d3":"^7.4.3","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/dagre":"^0.7.53","@types/react":"^18.2.43","autoprefixer":"^10.4.16","@types/react-dom":"^18.2.17","@vitejs/plugin-react":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/dashboard_1.0.2_1762533009854_0.49761795111263707","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@axon-ai/dashboard","version":"1.0.3","_id":"@axon-ai/dashboard@1.0.3","maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"dist":{"shasum":"783bd5c6a8b3e00e455d4ca277064df4653e91f8","tarball":"https://registry.npmjs.org/@axon-ai/dashboard/-/dashboard-1.0.3.tgz","fileCount":43,"integrity":"sha512-G6l/gERK4qSnAvmyzrlaFYgWZWJ8KDnk9vQtqFWDkbqeeXuZmgcE1WIZwDvQLEQmHHKEIFkaO3U//cCRpWJrMQ==","signatures":[{"sig":"MEYCIQCIEjgcv3HDlvX7FrH7K/hy2J/S28ehkySrdBSf7YZDKQIhALMNt+UjwYw20qhoRW9+pGSPX8kS7fz3+eUPu2qlAREI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":809873},"type":"module","gitHead":"041ff34bcd3d9c95ecb2a0d51d6b4eac6938afb8","scripts":{"dev":"vite","test":"vitest","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"ldwerner","email":"lwerner10@gmail.com"},"_npmVersion":"11.6.2","description":"[![npm version](https://img.shields.io/npm/v/@axon-ai/dashboard.svg)](https://www.npmjs.com/package/@axon-ai/dashboard) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)","directories":{},"_nodeVersion":"22.20.0","dependencies":{"d3":"^7.8.5","dagre":"^0.8.5","react":"^18.3.1","recharts":"^2.10.0","react-dom":"^18.3.1","reactflow":"^11.11.4","lucide-react":"^0.263.1","html-to-image":"^1.11.13","socket.io-client":"^4.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","vitest":"^1.0.0","postcss":"^8.4.32","@types/d3":"^7.4.3","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/dagre":"^0.7.53","@types/react":"^18.2.43","autoprefixer":"^10.4.16","@types/react-dom":"^18.2.17","@vitejs/plugin-react":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/dashboard_1.0.3_1763660299627_0.0591066949704262","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@axon-ai/dashboard","version":"1.0.4","description":"Axon dashboard for langchain trace vizualisation, monitoring and debugging","type":"module","scripts":{"dev":"vite","build":"vite build","preview":"vite preview","test":"vitest"},"dependencies":{"d3":"^7.8.5","dagre":"^0.8.5","html-to-image":"^1.11.13","lucide-react":"^0.263.1","react":"^18.3.1","react-dom":"^18.3.1","reactflow":"^11.11.4","recharts":"^2.10.0","socket.io-client":"^4.8.1"},"devDependencies":{"@types/d3":"^7.4.3","@types/dagre":"^0.7.53","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.16","postcss":"^8.4.32","tailwindcss":"^3.4.0","typescript":"^5.3.3","vite":"^5.0.0","vitest":"^1.0.0"},"gitHead":"dce4b1ac2e3ac381d186935616a6a693b8f16c6f","_id":"@axon-ai/dashboard@1.0.4","_nodeVersion":"22.20.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-8B1OlzES4Dymgx7kEa3z8nMVtM0+vX6QFbeLMGJ9JkP3U9+0yiheteY/TVzfPzZJwO+sf/0cMLiT/WwfkSKbDQ==","shasum":"d961f097d70883ba36cb100708203b819fcd5a22","tarball":"https://registry.npmjs.org/@axon-ai/dashboard/-/dashboard-1.0.4.tgz","fileCount":43,"unpackedSize":809968,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCm5M4qS7qMx7fN1jzZtF5Y1E0S8PjtkoTzzQfVkOjxrAIgSq51rDVEwh3auGSBvfUKMVWqNFPJVjgJ5W9taxB9APk="}]},"_npmUser":{"name":"ldwerner","email":"lwerner10@gmail.com"},"directories":{},"maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dashboard_1.0.4_1763660566313_0.5142995148829954"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-04T21:03:39.069Z","modified":"2025-11-20T17:42:46.787Z","1.0.0":"2025-11-04T21:03:39.334Z","1.0.1":"2025-11-06T17:34:12.552Z","1.0.2":"2025-11-07T16:30:10.078Z","1.0.3":"2025-11-20T17:38:19.854Z","1.0.4":"2025-11-20T17:42:46.552Z"},"description":"Axon dashboard for langchain trace vizualisation, monitoring and debugging","maintainers":[{"name":"feyikemiagboola","email":"agboolafeyikemi93@gmail.com"},{"name":"ldwerner","email":"lwerner10@gmail.com"},{"name":"jamieraedouglass","email":"Jamieraedouglass@gmail.com"}],"readme":"# Axon Dashboard\n\n[![npm version](https://img.shields.io/npm/v/@axon-ai/dashboard.svg)](https://www.npmjs.com/package/@axon-ai/dashboard)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\nThe `@axon-ai/dashboard` package provides the interactive web-based user interface for the Axon developer tool. It allows you to visualize, monitor, and debug the execution traces of your AI agents, chains, and models in real-time.\n\nThis dashboard is typically launched and managed via the `@axon-ai/cli` tool, providing a seamless experience for developers to gain insights into their LangChain applications.\n\n## ✨ Features\n\n- **Real-time Trace Visualization**: See your AI agent's execution flow as it happens.\n- **Detailed Node Information**: Inspect inputs, outputs, tokens, costs, and metadata for each LLM, chain, and tool call.\n- **Interactive Graph View**: Navigate complex agent workflows with an intuitive, zoomable, and pannable graph.\n- **Project Organization**: View traces organized by project, making it easy to manage multiple AI applications.\n- **Local Development Focus**: Designed for quick setup and debugging during local development.\n\n## 🚀 Getting Started (via Axon CLI)\n\nThe Axon Dashboard is part of the Axon developer tool and is best used in conjunction with the `@axon-ai/cli` and `@axon-ai/langchain-tracer` packages.\n\n### 1. Install the Axon CLI\n\nIf you haven't already, install the Axon CLI globally:\n\n```bash\nnpm install -g @axon-ai/cli\n```\n\n### 2. Initialize Your Project\n\nNavigate to your LangChain project directory and initialize Axon:\n\n```bash\naxon-ai init --project my-langchain-app\n```\nThis command sets up the necessary configuration files for Axon in your project.\n\n### 3. Start the Axon Services (Backend & Dashboard)\n\nFrom your project directory, start the Axon backend and dashboard:\n\n```bash\naxon-ai start\n```\n\nThis command will automatically open the Axon Dashboard in your web browser, usually at `http://localhost:5173`. It also starts the necessary backend service (provided by `@axon-ai/backend`) that receives trace data.\n\n### 4. Integrate the Tracer\n\nEnsure you have integrated `@axon-ai/langchain-tracer` into your LangChain application to send data to the Axon backend. Refer to the `@axon-ai/langchain-tracer` README for detailed instructions.\n\n### 5. Run Your Application\n\nExecute your LangChain application, and watch the traces appear live in the Axon Dashboard!\n\n## 📊 Understanding the Dashboard\n\nOnce traces start flowing, you'll see a visual representation of your agent's execution.\n\n-   **Chain Nodes (Blue/Purple)**: Represent the start and end of a complete agent or chain run.\n-   **LLM Nodes (Blue)**: Show interactions with Large Language Models, including prompts, responses, token usage, and estimated costs.\n-   **Tool Nodes (Green)**: Display calls to external tools, their inputs, and their outputs.\n\nClick on any node in the graph to view detailed information in the sidebar, helping you understand each step of your AI's decision-making process.\n\n## 🛠️ Configuration\n\nYou can configure the dashboard's port and other settings via the `axon-ai start` command or by editing the `.axon-ai/config.json` file in your project root.\n\nExample:\n```bash\naxon-ai start --dashboard-port 8000\n```\n\n## 🐛 Troubleshooting\n\nIf you encounter issues, please refer to the troubleshooting section in the main `@axon-ai/cli` README for common problems like port conflicts or services not starting.\n\n## 🤝 Contributing\n\nContributions are welcome! If you're interested in improving the Axon Dashboard, please see the main Axon repository for contribution guidelines.\n\n## 📄 License\n\nThis project is licensed under the MIT License.\n","readmeFilename":"README.md"}