clawatch 1.0.22 → 1.0.26

package/frontend/.next/static/chunks/c8ee4845be50f9b7.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(e,s,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"warnOnce",{enumerable:!0,get:function(){return a}});let a=e=>{}},52683,e=>{"use strict";var s=e.i(43476),t=e.i(71645),a=e.i(22016),r=e.i(19455),l=e.i(98940);function n({text:e,className:a=""}){let[r,l]=(0,t.useState)(!1);return(0,s.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(e),l(!0),setTimeout(()=>l(!1),2e3)},className:`text-gray-400 hover:text-white transition-colors ${a}`,"aria-label":"Copy to clipboard",children:r?(0,s.jsx)("svg",{className:"size-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"#10b981",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})}):(0,s.jsx)("svg",{className:"size-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"})})})}function i({children:e,copyText:t}){return(0,s.jsxs)("div",{className:"relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"size-3 rounded-full bg-[#ff5f57]"}),(0,s.jsx)("span",{className:"size-3 rounded-full bg-[#febc2e]"}),(0,s.jsx)("span",{className:"size-3 rounded-full bg-[#28c840]"})]}),t&&(0,s.jsx)(n,{text:t})]}),(0,s.jsx)("div",{className:"p-4 font-mono text-sm leading-relaxed overflow-x-auto",children:e})]})}let c=[{title:"Real-time Monitoring",description:"See every heartbeat, tool call, and token across all agents. Live updates, zero delay.",icon:(0,s.jsxs)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:[(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.64 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.64 0-8.573-3.007-9.963-7.178z"}),(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})]})},{title:"Smart Alerts",description:"Telegram notifications for stuck agents, errors, cost spikes. Never miss a critical issue.",icon:(0,s.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})})},{title:"Cost Tracking",description:"Per-agent, per-model cost breakdown. Know your spend before the invoice hits.",icon:(0,s.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},{title:"Pause / Resume",description:"One-click control. Stop a runaway agent instantly, resume when ready.",icon:(0,s.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"})})},{title:"Open Source",description:"MIT licensed. Self-host or use our managed service. Full transparency, no lock-in.",icon:(0,s.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"})})},{title:"Zero Config",description:"Auto-detects OpenClaw. One command to start monitoring. No YAML, no setup files.",icon:(0,s.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456z"})})}],o=[{cmd:"clawatch start",desc:"Auto-detect agents, start monitoring, and open the dashboard"},{cmd:"clawatch stop",desc:"Stop the monitoring daemon gracefully"},{cmd:"clawatch status",desc:"Show active agents, sessions, and daemon health"},{cmd:"clawatch logs",desc:"Stream real-time logs from the monitoring daemon"}],d=["macOS","Linux (Ubuntu/Debian)","Windows WSL","Raspberry Pi","AWS","GCP","Digital Ocean","Hetzner"],x=[{name:"Telegram",available:!0},{name:"Slack",available:!1},{name:"Discord",available:!1},{name:"Email",available:!1},{name:"PagerDuty",available:!1}],m=[{q:"What is ClaWatch?",a:"ClaWatch is an open source observability platform for AI agents. It monitors your OpenClaw agents in real-time, tracking heartbeats, token usage, costs, and errors."},{q:"Is it free?",a:"Yes. ClaWatch is MIT licensed and free forever. You can self-host it or use our managed service."},{q:"How do I install?",a:"Run npm install -g clawatch in your terminal. Then run clawatch start — it auto-detects your OpenClaw agents and opens the dashboard."},{q:"What data does it collect?",a:"Agent heartbeats, token usage, costs, and errors from OpenClaw session files. Everything stays local on your machine by default."},{q:"Does it work with other agent frameworks?",a:"Currently ClaWatch supports OpenClaw. Support for additional agent frameworks is coming soon."},{q:"Where is my data stored?",a:"Locally on your machine. Nothing leaves your network unless you explicitly opt-in to managed hosting."}];function h({q:e,a}){let[r,l]=(0,t.useState)(!1);return(0,s.jsxs)("div",{className:"border border-white/[0.06] rounded-xl overflow-hidden",children:[(0,s.jsxs)("button",{onClick:()=>l(!r),className:"w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors",children:[(0,s.jsx)("span",{className:"font-medium text-white",children:e}),(0,s.jsx)("svg",{className:`size-5 text-gray-400 transition-transform shrink-0 ml-4 ${r?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})]}),r&&(0,s.jsx)("div",{className:"px-6 pb-4 text-gray-400 leading-relaxed text-sm",children:a})]})}function u(){return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a0f] text-white",children:[(0,s.jsx)("nav",{className:"border-b border-white/[0.06] backdrop-blur-md sticky top-0 z-50 bg-[#0a0a0f]/80",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto px-6 h-16 flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(l.ClaWatchIcon,{}),(0,s.jsx)(l.ClaWatchLogo,{size:"md"})]}),(0,s.jsxs)("div",{className:"hidden sm:flex items-center gap-5 text-sm text-gray-400",children:[(0,s.jsx)("a",{href:"#quickstart",className:"hover:text-white transition-colors",children:"Quick Start"}),(0,s.jsx)("a",{href:"#features",className:"hover:text-white transition-colors",children:"Features"}),(0,s.jsx)("a",{href:"#faq",className:"hover:text-white transition-colors",children:"FAQ"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("a",{href:"https://github.com/clawatch",target:"_blank",rel:"noopener noreferrer",children:(0,s.jsxs)(r.Button,{variant:"outline",size:"sm",className:"gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white",children:[(0,s.jsx)("svg",{className:"size-4",viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"})}),"Star"]})}),(0,s.jsx)(a.default,{href:"/dashboard",children:(0,s.jsx)(r.Button,{size:"sm",className:"bg-emerald-500 hover:bg-emerald-600 text-white",children:"Dashboard"})})]})]})}),(0,s.jsx)("section",{className:"pt-28 pb-20 px-6",children:(0,s.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,s.jsxs)("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-400 text-sm mb-8",children:[(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-emerald-400 animate-pulse"}),"Open Source · Free Forever"]}),(0,s.jsxs)("h1",{className:"text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1] mb-6",children:["Know what your agents",(0,s.jsx)("br",{}),"are doing."," ",(0,s.jsx)("span",{className:"bg-gradient-to-r from-emerald-400 to-emerald-300 bg-clip-text text-transparent",children:"Right now."})]}),(0,s.jsx)("p",{className:"text-lg sm:text-xl text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed",children:"Your OpenClaw agents spawn sub-agents, burn tokens, call tools. ClaWatch shows you everything, in real-time. Open source. Free forever."}),(0,s.jsxs)("div",{className:"flex items-center justify-center gap-4 mb-16",children:[(0,s.jsx)(a.default,{href:"/dashboard",children:(0,s.jsx)(r.Button,{size:"lg",className:"bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-8 text-base font-medium",children:"Get Started"})}),(0,s.jsx)("a",{href:"https://github.com/clawatch",target:"_blank",rel:"noopener noreferrer",children:(0,s.jsxs)(r.Button,{variant:"outline",size:"lg",className:"h-12 px-8 text-base gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white font-medium",children:[(0,s.jsx)("svg",{className:"size-5",viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"})}),"Star on GitHub"]})})]}),(0,s.jsx)("div",{className:"max-w-2xl mx-auto",children:(0,s.jsxs)(i,{copyText:"npm install -g clawatch && clawatch start",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-gray-300",children:"npm install -g clawatch"})]}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-gray-300",children:"clawatch start"})]}),(0,s.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Found 12 agents, 130 sessions"}),(0,s.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Monitoring started. Dashboard → http://localhost:3001"})]})})]})}),(0,s.jsx)("section",{id:"quickstart",className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,s.jsxs)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"❯"})," Quick Start"]}),(0,s.jsx)("p",{className:"text-gray-400 mb-12 text-lg",children:"Up and running in under 60 seconds."}),(0,s.jsxs)("div",{className:"grid md:grid-cols-2 gap-6 max-w-3xl mx-auto",children:[(0,s.jsxs)("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] p-6",children:[(0,s.jsx)("div",{className:"text-emerald-400 text-sm font-mono mb-3",children:"Step 1"}),(0,s.jsx)("h3",{className:"text-lg font-semibold mb-2",children:"Install"}),(0,s.jsx)("p",{className:"text-gray-400 text-sm mb-4",children:"Install the CLI globally via npm."}),(0,s.jsxs)(i,{copyText:"npm install -g clawatch",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-gray-300",children:"npm install -g clawatch"})]}),(0,s.jsx)("div",{className:"text-gray-500 mt-1",children:"added 1 package in 3s"})]})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] p-6",children:[(0,s.jsx)("div",{className:"text-emerald-400 text-sm font-mono mb-3",children:"Step 2"}),(0,s.jsx)("h3",{className:"text-lg font-semibold mb-2",children:"Start"}),(0,s.jsx)("p",{className:"text-gray-400 text-sm mb-4",children:"Auto-detects agents, starts monitoring, opens dashboard."}),(0,s.jsxs)(i,{copyText:"clawatch start",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-gray-300",children:"clawatch start"})]}),(0,s.jsx)("div",{className:"text-gray-500 mt-1",children:"Scanning ~/.openclaw..."}),(0,s.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Found 12 agents, 130 sessions"}),(0,s.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Dashboard → localhost:3001"})]})]})]})]})}),(0,s.jsx)("section",{id:"features",className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"What You Get"}),(0,s.jsx)("p",{className:"text-gray-400 text-lg max-w-2xl mx-auto",children:"Everything you need to keep AI agents in check. Lightweight, fast, and open source."})]}),(0,s.jsx)("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6",children:c.map(e=>(0,s.jsxs)("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors",children:[(0,s.jsx)("div",{className:"size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4",children:e.icon}),(0,s.jsx)("h3",{className:"text-lg font-semibold mb-2",children:e.title}),(0,s.jsx)("p",{className:"text-gray-400 text-sm leading-relaxed",children:e.description})]},e.title))})]})}),(0,s.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4 text-center",children:"CLI Commands"}),(0,s.jsx)("p",{className:"text-gray-400 text-lg text-center mb-12",children:"Simple, powerful commands. No config files needed."}),(0,s.jsx)(i,{children:o.map((e,t)=>(0,s.jsxs)("div",{className:t>0?"mt-3":"",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-white",children:e.cmd})]}),(0,s.jsx)("div",{className:"text-gray-500 text-xs mt-0.5 ml-4",children:e.desc})]},e.cmd))})]})}),(0,s.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"Runs Where You Run"}),(0,s.jsx)("p",{className:"text-gray-400 text-lg mb-12",children:"If OpenClaw runs there, ClaWatch runs there."}),(0,s.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4",children:d.map(e=>(0,s.jsx)("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors",children:e},e))})]})}),(0,s.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"Alert Channels"}),(0,s.jsx)("p",{className:"text-gray-400 text-lg mb-12",children:"Get notified where your team already works."}),(0,s.jsx)("div",{className:"flex items-center justify-center gap-6 sm:gap-10 flex-wrap",children:x.map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-2 relative",children:[(0,s.jsxs)("div",{className:`size-14 rounded-xl flex items-center justify-center text-2xl font-bold ${e.available?"bg-emerald-500/10 text-emerald-400 border border-emerald-500/30":"bg-white/[0.03] text-gray-500 border border-white/[0.06]"}`,children:["Telegram"===e.name&&(0,s.jsx)(p,{className:"size-7"}),"Slack"===e.name&&(0,s.jsx)(g,{className:"size-7"}),"Discord"===e.name&&(0,s.jsx)(j,{className:"size-7"}),"Email"===e.name&&(0,s.jsx)(b,{className:"size-7"}),"PagerDuty"===e.name&&(0,s.jsx)(v,{className:"size-7"})]}),(0,s.jsx)("span",{className:`text-xs ${e.available?"text-white":"text-gray-500"}`,children:e.name}),!e.available&&(0,s.jsx)("span",{className:"text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full",children:"coming soon"})]},e.name))})]})}),(0,s.jsx)("section",{id:"faq",className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-12 text-center",children:"FAQ"}),(0,s.jsx)("div",{className:"space-y-3",children:m.map(e=>(0,s.jsx)(h,{q:e.q,a:e.a},e.q))})]})}),(0,s.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,s.jsxs)("div",{className:"max-w-2xl mx-auto text-center",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-6",children:"Ready to see what your agents are doing?"}),(0,s.jsx)("div",{className:"max-w-md mx-auto mb-8",children:(0,s.jsx)(i,{copyText:"npm install -g clawatch",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,s.jsx)("span",{className:"text-gray-300",children:"npm install -g clawatch"})]})})}),(0,s.jsx)(a.default,{href:"/dashboard",children:(0,s.jsx)(r.Button,{size:"lg",className:"bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-10 text-base font-medium",children:"Get Started"})})]})}),(0,s.jsx)("footer",{className:"border-t border-white/[0.06] py-10 px-6",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-gray-500",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(l.ClaWatchLogo,{size:"sm"}),(0,s.jsx)("span",{className:"text-gray-500",children:"— Open Source AI Agent Observability"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-6",children:[(0,s.jsx)("a",{href:"https://github.com/clawatch",target:"_blank",rel:"noopener noreferrer",className:"hover:text-white transition-colors",children:"GitHub"}),(0,s.jsx)(a.default,{href:"/dashboard",className:"hover:text-white transition-colors",children:"Dashboard"}),(0,s.jsx)("a",{href:"https://github.com/clawatch",target:"_blank",rel:"noopener noreferrer",className:"hover:text-white transition-colors",children:"Docs"})]})]})})]})}function p({className:e}){return(0,s.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"})})}function g({className:e}){return(0,s.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"})})}function j({className:e}){return(0,s.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"})})}function b({className:e}){return(0,s.jsx)("svg",{className:e,fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"})})}function v({className:e}){return(0,s.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,s.jsx)("path",{d:"M16.965 1.18C15.085.164 13.769 0 10.683 0H3.73v14.55h6.926c2.743 0 4.8-.164 6.61-1.37 1.975-1.303 3.004-3.47 3.004-6.074 0-2.879-1.216-4.895-3.305-5.926zM10.39 10.34H8.275V4.09h2.255c3.025 0 4.636.85 4.636 3.04 0 2.352-1.71 3.21-4.776 3.21zM3.73 18.316h4.546V24H3.73z"})})}e.s(["default",()=>u])}]);

package/frontend/.next/static/chunks/e975763f7a359fb5.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(t,e,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"warnOnce",{enumerable:!0,get:function(){return o}});let o=t=>{}},18566,(t,e,s)=>{e.exports=t.r(76562)},15288,87486,9165,t=>{"use strict";let e,s,o,a,n;var i,r=t.i(43476),d=t.i(75157);function l({className:t,size:e="default",...s}){return(0,r.jsx)("div",{"data-slot":"card","data-size":e,className:(0,d.cn)("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",t),...s})}function c({className:t,...e}){return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,d.cn)("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",t),...e})}function u({className:t,...e}){return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,d.cn)("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",t),...e})}function m({className:t,...e}){return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,d.cn)("px-4 group-data-[size=sm]/card:px-3",t),...e})}t.s(["Card",()=>l,"CardContent",()=>m,"CardHeader",()=>c,"CardTitle",()=>u],15288);var p=t.i(19805),g=t.i(27601);let h=(0,t.i(25913).cva)("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",destructive:"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function f({className:t,variant:e="default",render:s,...o}){var a;return a={defaultTagName:"span",props:(0,p.mergeProps)({className:(0,d.cn)(h({variant:e}),t)},o),render:s,state:{slot:"badge",variant:e}},(0,g.useRenderElement)(a.defaultTagName??"div",a,a)}t.s(["Badge",()=>f],87486);var b=t.i(47167);let k=new Date,w=t=>new Date(k.getTime()-6e4*t).toISOString(),y=t=>new Date(k.getTime()-36e5*t).toISOString(),C=[{id:"agent-1",name:"code-reviewer",host:"prod-us-east-1",status:"running",lastHeartbeat:w(.5),costUsd:4.82,tokenCount:124e4,errorCount:0},{id:"agent-2",name:"deploy-bot",host:"prod-us-east-1",status:"running",lastHeartbeat:w(1),costUsd:2.15,tokenCount:52e4,errorCount:1},{id:"agent-3",name:"data-pipeline",host:"prod-eu-west-1",status:"error",lastHeartbeat:w(12),costUsd:8.43,tokenCount:21e5,errorCount:7},{id:"agent-4",name:"customer-support",host:"prod-us-west-2",status:"stuck",lastHeartbeat:w(45),costUsd:12.67,tokenCount:34e5,errorCount:3},{id:"agent-5",name:"test-runner",host:"staging-1",status:"paused",lastHeartbeat:y(2),costUsd:1.03,tokenCount:28e4,errorCount:0},{id:"agent-6",name:"doc-generator",host:"prod-us-east-1",status:"running",lastHeartbeat:w(.2),costUsd:3.21,tokenCount:89e4,errorCount:0},{id:"agent-7",name:"security-scanner",host:"prod-eu-west-1",status:"stopped",lastHeartbeat:y(6),costUsd:.45,tokenCount:12e4,errorCount:0},{id:"agent-8",name:"slack-responder",host:"prod-us-west-2",status:"running",lastHeartbeat:w(.1),costUsd:6.89,tokenCount:178e4,errorCount:2}],v=[{id:"alert-1",agentId:"agent-4",type:"stuck",severity:"critical",message:"customer-support has not sent a heartbeat in 45 minutes",timestamp:w(44),acknowledged:!1},{id:"alert-2",agentId:"agent-3",type:"error",severity:"critical",message:"data-pipeline encountered 7 errors in the last hour",timestamp:w(10),acknowledged:!1},{id:"alert-3",agentId:"agent-4",type:"cost_spike",severity:"warning",message:"customer-support cost increased 340% in the last hour",timestamp:y(1),acknowledged:!1},{id:"alert-4",agentId:"agent-8",type:"loop_detected",severity:"warning",message:"slack-responder may be in a retry loop (similar outputs detected)",timestamp:w(30),acknowledged:!0},{id:"alert-5",agentId:"agent-2",type:"error",severity:"info",message:"deploy-bot encountered a transient API error (auto-recovered)",timestamp:y(3),acknowledged:!0}],I={totalUsd:39.65,byAgent:C.map(t=>({agentId:t.id,name:t.name,costUsd:t.costUsd})),byModel:[{model:"claude-sonnet-4-20250514",costUsd:22.1},{model:"claude-haiku-4-20250506",costUsd:11.35},{model:"gpt-4o",costUsd:6.2}]},A=[{id:"session-1",agentId:"ofek",title:"Build ClaWatch dashboard with real-time alerts",status:"active",costUsd:3.47,tokenCount:892e3,messageCount:47,model:"claude-sonnet-4-20250514",startedAt:w(45),lastActivityAt:w(1),duration:2640,projects:[{id:"project-1",name:"Building ClaWatch"}]},{id:"session-2",agentId:"anas",title:"Fix authentication bug in user login flow",status:"completed",costUsd:1.23,tokenCount:34e4,messageCount:22,model:"claude-sonnet-4-20250514",startedAt:y(3),lastActivityAt:y(2),duration:3600,projects:[{id:"project-2",name:"Bug Fixes Sprint"}]},{id:"session-3",agentId:"dor",title:"Review PR #47 — add retry logic to API calls",status:"idle",costUsd:.87,tokenCount:215e3,messageCount:14,model:"claude-haiku-4-20250506",startedAt:w(90),lastActivityAt:w(12),duration:4680},{id:"session-4",agentId:"ofek",title:"Implement WebSocket event streaming for agent heartbeats",status:"active",costUsd:5.12,tokenCount:134e4,messageCount:63,model:"claude-sonnet-4-20250514",startedAt:y(1.5),lastActivityAt:w(.5),duration:5400,projects:[{id:"project-1",name:"Building ClaWatch"},{id:"project-2",name:"Bug Fixes Sprint"}]},{id:"session-5",agentId:"anas",title:"Refactor database schema for multi-tenant support",status:"completed",costUsd:2.89,tokenCount:78e4,messageCount:38,model:"claude-sonnet-4-20250514",startedAt:y(5),lastActivityAt:y(4),duration:3600},{id:"session-6",agentId:"dor",title:"Debug failing CI pipeline — Jest timeout errors",status:"idle",costUsd:.54,tokenCount:145e3,messageCount:11,model:"claude-haiku-4-20250506",startedAt:w(30),lastActivityAt:w(8),duration:1320},{id:"session-7",agentId:"ofek",title:"Add Telegram bot notification integration",status:"completed",costUsd:1.76,tokenCount:46e4,messageCount:29,model:"claude-sonnet-4-20250514",startedAt:y(8),lastActivityAt:y(7),duration:3600},{id:"session-8",agentId:"anas",title:"Write unit tests for cost calculation module",status:"active",costUsd:.92,tokenCount:248e3,messageCount:18,model:"claude-haiku-4-20250506",startedAt:w(15),lastActivityAt:w(2),duration:780},{id:"session-9",agentId:"dor",title:"Optimize SQL queries — reduce p95 latency from 800ms to 200ms",status:"completed",costUsd:4.31,tokenCount:112e4,messageCount:52,model:"claude-sonnet-4-20250514",startedAt:y(12),lastActivityAt:y(10),duration:7200},{id:"session-10",agentId:"ofek",title:"Set up Docker Compose for local development environment",status:"idle",costUsd:.63,tokenCount:172e3,messageCount:9,model:"claude-haiku-4-20250506",startedAt:w(60),lastActivityAt:w(20),duration:2400}],U=[{id:"project-1",name:"Building ClaWatch",description:"Full-stack AI observability platform with real-time monitoring, session tracking, and cost analytics",createdAt:y(48),updatedAt:w(5),sessionCount:3,totalCostUsd:185.98},{id:"project-2",name:"Bug Fixes Sprint",description:"Critical bug fixes for authentication, database schema, and CI pipeline issues",createdAt:y(24),updatedAt:w(30),sessionCount:2,totalCostUsd:12.5}],x=(e=[],s=0,(o=(t,o,a,n,i,r)=>{s++,e.push({sessionId:t,agentId:o,id:`tl-${s}`,role:a,timestamp:w(n),content:i,...r})})("session-1","ofek","user",120,"Build the ClaWatch dashboard with real-time alerts and agent monitoring. Use Next.js 15 + shadcn/ui."),o("session-1","ofek","assistant",119,"I'll build the ClaWatch dashboard. Let me start by setting up the project structure and examining existing code.",{model:"claude-sonnet-4-20250514",costUsd:.04}),o("session-3","dor","user",118,"Review the initial project setup and suggest architectural improvements for the monitoring system."),o("session-1","ofek","tool",117,"src/\n  app/\n    dashboard/\n      page.tsx\n    layout.tsx\n  components/\n    ui/\n  lib/\n    types.ts\n    api.ts",{toolName:"read"}),o("session-3","dor","assistant",116,"Looking at the project structure. I'll review the architecture and suggest improvements for scalability.",{model:"claude-haiku-4-20250506",costUsd:.01}),o("session-1","ofek","assistant",115,"Project structure looks good. I'll create the type definitions for agents, sessions, alerts, and cost data.",{model:"claude-sonnet-4-20250514",costUsd:.06}),o("session-8","anas","user",114,"Write comprehensive unit tests for the cost calculation module including edge cases."),o("session-1","ofek","tool",113,"File written: src/lib/types.ts (78 lines)",{toolName:"write"}),o("session-8","anas","assistant",112,"I'll write thorough unit tests for cost calculations. Let me first examine the module.",{model:"claude-haiku-4-20250506",costUsd:.02}),o("session-3","dor","tool",111,"export interface Agent {\n  id: string;\n  name: string;\n  status: AgentStatus;\n  ...",{toolName:"read"}),o("session-3","dor","assistant",110,"The type definitions look solid. I'd suggest adding a `duration` field to Session for better analytics. Also, the cost tracking should support per-model breakdown.",{model:"claude-haiku-4-20250506",costUsd:.02}),o("session-1","ofek","assistant",108,"Good point from the review. I'll add duration tracking and per-model cost breakdown. Now creating the mock data layer.",{model:"claude-sonnet-4-20250514",costUsd:.05}),o("session-8","anas","tool",107,"export function calculateCost(tokens: number, model: string): number { ... }",{toolName:"read"}),o("session-1","ofek","tool",105,"File written: src/lib/mock-data.ts (280 lines)",{toolName:"write"}),o("session-8","anas","assistant",104,"Found the cost module. I'll test standard pricing, cache discount calculations, multi-model sessions, and zero-token edge cases.",{model:"claude-haiku-4-20250506",costUsd:.03}),o("session-1","ofek","system",103,"Context window: 45% utilized (90K/200K tokens)"),o("session-8","anas","tool",102,"File written: src/__tests__/cost-calculation.test.ts (156 lines)",{toolName:"write"}),o("session-1","ofek","assistant",100,"Mock data created. Now building the dashboard page with agent cards, alert banners, and cost overview.",{model:"claude-sonnet-4-20250514",costUsd:.12}),o("session-3","dor","user",98,"Can you also review the API layer and check for error handling gaps?"),o("session-1","ofek","tool",95,"File written: src/app/dashboard/page.tsx (320 lines)",{toolName:"write"}),o("session-8","anas","assistant",94,"All 12 test cases pass. Found one edge case where negative token counts could cause issues — adding a guard.",{model:"claude-haiku-4-20250506",costUsd:.02}),o("session-3","dor","assistant",92,"Reviewing API layer. The fetchJson wrapper needs better error handling — currently swallows network errors. I'll suggest adding retry logic and timeout handling.",{model:"claude-haiku-4-20250506",costUsd:.03}),o("session-8","anas","tool",90,"$ npm test -- --watchAll=false\n\nTest Suites: 1 passed, 1 total\nTests: 14 passed, 14 total\nTime: 2.834s",{toolName:"exec"}),o("session-1","ofek","assistant",88,"Dashboard page done. Adding real-time polling with 5-second intervals and the tabbed interface for Agents/Sessions views.",{model:"claude-sonnet-4-20250514",costUsd:.08}),o("session-1","ofek","tool",85,"$ npm run build\n\n ✓ Compiled successfully\n ✓ Generating static pages (5/5)\n\nBuild completed in 8.2s",{toolName:"exec"}),o("session-3","dor","assistant",83,"Here's my review summary:\n1. Add retry logic to fetchJson (3 retries with exponential backoff)\n2. Add request timeout (30s default)\n3. The mock fallback pattern is good but should log errors to a monitoring service\n4. Consider adding request deduplication for concurrent calls",{model:"claude-haiku-4-20250506",costUsd:.04}),o("session-1","ofek","user",80,"Add session detail view with message timeline, cost breakdown by model, and token analysis."),o("session-1","ofek","assistant",78,"I'll build the session detail page with a full message timeline. Each message type will have distinct visual treatment.",{model:"claude-sonnet-4-20250514",costUsd:.09}),o("session-1","ofek","tool",75,"File written: src/app/dashboard/sessions/[id]/page.tsx (340 lines)",{toolName:"write"}),o("session-8","anas","assistant",72,"All tests passing. Adding integration tests for the API mock fallback pattern now.",{model:"claude-haiku-4-20250506",costUsd:.02}),o("session-1","ofek","assistant",70,"Session detail page complete with:\n- Message timeline with user/assistant/tool/system styling\n- Cost breakdown by model with progress bars\n- Token breakdown (input/output/cache read/cache write)\n- Collapsible tool outputs",{model:"claude-sonnet-4-20250514",costUsd:.06}),o("session-1","ofek","system",68,"Context window: 72% utilized (144K/200K tokens)"),o("session-1","ofek","tool",65,"$ npm run build\n\n ✓ Compiled successfully\n ✓ Generating static pages (7/7)\n\nBuild completed in 9.1s",{toolName:"exec"}),o("session-1","ofek","assistant",60,"Build passes. The ClaWatch dashboard is fully functional with real-time monitoring, session tracking, and cost analytics.",{model:"claude-sonnet-4-20250514",costUsd:.04}),e.sort((t,e)=>new Date(t.timestamp).getTime()-new Date(e.timestamp).getTime())),S={"project-1":{id:"project-1",name:"Building ClaWatch",description:"Full-stack AI observability platform with real-time monitoring, session tracking, and cost analytics",stats:{totalCostUsd:185.98,totalTokens:482e4,totalMessages:128,sessionCount:3,dateRange:{from:y(48),to:w(5)}},agentBreakdown:[{agentId:"ofek",costUsd:142.5,tokenCount:32e5,messageCount:78,percentage:76.6},{agentId:"dor",costUsd:28.48,tokenCount:98e4,messageCount:32,percentage:15.3},{agentId:"anas",costUsd:15,tokenCount:64e4,messageCount:18,percentage:8.1}],sessions:[A.find(t=>"session-1"===t.id),A.find(t=>"session-3"===t.id),A.find(t=>"session-8"===t.id)],timeline:x},"project-2":{id:"project-2",name:"Bug Fixes Sprint",description:"Critical bug fixes for authentication, database schema, and CI pipeline issues",stats:{totalCostUsd:12.5,totalTokens:112e4,totalMessages:60,sessionCount:2,dateRange:{from:y(24),to:w(30)}},agentBreakdown:[{agentId:"anas",costUsd:7.8,tokenCount:68e4,messageCount:38,percentage:62.4},{agentId:"dor",costUsd:4.7,tokenCount:44e4,messageCount:22,percentage:37.6}],sessions:[A.find(t=>"session-2"===t.id),A.find(t=>"session-6"===t.id)],timeline:[{sessionId:"session-2",agentId:"anas",id:"tl-b1",role:"user",timestamp:y(3),content:"Fix the authentication bug in the user login flow. Users are getting 401 errors after token refresh."},{sessionId:"session-2",agentId:"anas",id:"tl-b2",role:"assistant",timestamp:y(2.9),content:"I'll investigate the auth flow. Let me check the token refresh logic.",model:"claude-sonnet-4-20250514",costUsd:.03},{sessionId:"session-6",agentId:"dor",id:"tl-b3",role:"user",timestamp:y(2.8),content:"Debug the failing CI pipeline. Jest tests are timing out on the session module."},{sessionId:"session-2",agentId:"anas",id:"tl-b4",role:"tool",timestamp:y(2.7),content:"Found: refreshToken() doesn't await the database write before returning new token",toolName:"read"},{sessionId:"session-6",agentId:"dor",id:"tl-b5",role:"assistant",timestamp:y(2.6),content:"Looking at the CI logs. The Jest timeout suggests an unresolved promise in the test setup.",model:"claude-haiku-4-20250506",costUsd:.01},{sessionId:"session-2",agentId:"anas",id:"tl-b6",role:"assistant",timestamp:y(2.5),content:"Found the bug: `refreshToken()` returns before the DB write completes. Adding await fixes the race condition.",model:"claude-sonnet-4-20250514",costUsd:.05},{sessionId:"session-6",agentId:"dor",id:"tl-b7",role:"tool",timestamp:y(2.4),content:"$ jest --verbose\nFAILED: session.test.ts > should persist session data\nTimeout: 5000ms exceeded",toolName:"exec"},{sessionId:"session-6",agentId:"dor",id:"tl-b8",role:"assistant",timestamp:y(2.2),content:"The test is missing `afterAll` cleanup — the database connection stays open. Adding proper teardown.",model:"claude-haiku-4-20250506",costUsd:.02},{sessionId:"session-2",agentId:"anas",id:"tl-b9",role:"tool",timestamp:y(2.1),content:"$ npm test -- auth.test.ts\n\nTests: 8 passed, 8 total",toolName:"exec"},{sessionId:"session-6",agentId:"dor",id:"tl-b10",role:"tool",timestamp:y(2),content:"$ jest session.test.ts --verbose\nPASSED: all 6 tests",toolName:"exec"},{sessionId:"session-2",agentId:"anas",id:"tl-b11",role:"assistant",timestamp:y(1.9),content:"Auth bug fixed and all tests passing. The root cause was a missing await in the token refresh handler.",model:"claude-sonnet-4-20250514",costUsd:.03},{sessionId:"session-6",agentId:"dor",id:"tl-b12",role:"assistant",timestamp:y(1.8),content:"CI pipeline fixed. Added proper test teardown and increased timeout for integration tests to 10s.",model:"claude-haiku-4-20250506",costUsd:.02}]}},$={};for(let t of A)$[t.id]={...t,costByModel:t.model.includes("sonnet")?[{model:"claude-sonnet-4-20250514",costUsd:.82*t.costUsd,tokenCount:Math.floor(.75*t.tokenCount)},{model:"claude-haiku-4-20250506",costUsd:.18*t.costUsd,tokenCount:Math.floor(.25*t.tokenCount)}]:[{model:"claude-haiku-4-20250506",costUsd:.65*t.costUsd,tokenCount:Math.floor(.6*t.tokenCount)},{model:"claude-sonnet-4-20250514",costUsd:.35*t.costUsd,tokenCount:Math.floor(.4*t.tokenCount)}],tokenBreakdown:{input:Math.floor(.35*t.tokenCount),output:Math.floor(.3*t.tokenCount),cacheRead:Math.floor(.25*t.tokenCount),cacheWrite:Math.floor(.1*t.tokenCount)},messages:(i=t.id,[{id:`${i}-msg-1`,role:"user",timestamp:w(44),content:"Build the ClaWatch dashboard with real-time alert monitoring. Use Next.js 15 with shadcn/ui components."},{id:`${i}-msg-2`,role:"assistant",timestamp:w(43),content:"I'll build the ClaWatch dashboard. Let me start by examining the project structure and existing code.",model:"claude-sonnet-4-20250514",costUsd:.03,tokenCount:12400},{id:`${i}-msg-3`,role:"tool",timestamp:w(43),content:"src/\n  app/\n    dashboard/\n      page.tsx\n    layout.tsx\n    page.tsx\n  components/\n    ui/\n  lib/\n    types.ts\n    api.ts\n    mock-data.ts",toolName:"read",toolInput:'{"path": "src/"}'},{id:`${i}-msg-4`,role:"assistant",timestamp:w(42),content:"I can see the project structure. Let me read the existing types and API files to understand the data model.",model:"claude-sonnet-4-20250514",costUsd:.02,tokenCount:8200},{id:`${i}-msg-5`,role:"tool",timestamp:w(42),content:'export type AgentStatus = "running" | "paused" | "stopped" | "error" | "stuck";\n\nexport interface Agent {\n  id: string;\n  name: string;\n  ...',toolName:"read",toolInput:'{"path": "src/lib/types.ts"}'},{id:`${i}-msg-6`,role:"assistant",timestamp:w(40),content:"Now I'll create the dashboard page with agent cards, alert banners, and cost overview panels. I'll use the existing shadcn/ui components.",model:"claude-sonnet-4-20250514",costUsd:.08,tokenCount:34600},{id:`${i}-msg-7`,role:"tool",timestamp:w(39),content:"File written: src/app/dashboard/page.tsx (358 lines)",toolName:"write",toolInput:'{"path": "src/app/dashboard/page.tsx", "content": "..."}'},{id:`${i}-msg-8`,role:"tool",timestamp:w(38),content:"$ npm run build\n\n ✓ Compiled successfully\n ✓ Collecting page data\n ✓ Generating static pages (5/5)\n ✓ Collecting build traces\n\nRoute (app)                 Size     First Load JS\n├ ○ /                       5.2 kB   92.1 kB\n└ ○ /dashboard              12.4 kB  99.3 kB",toolName:"exec",toolInput:'{"command": "npm run build"}'},{id:`${i}-msg-9`,role:"assistant",timestamp:w(37),content:"The build succeeded. Let me now add the real-time polling mechanism and alert notification sounds.",model:"claude-sonnet-4-20250514",costUsd:.04,tokenCount:15800},{id:`${i}-msg-10`,role:"tool",timestamp:w(36),content:"Lines 49-64 edited in src/app/dashboard/page.tsx",toolName:"edit",toolInput:'{"path": "src/app/dashboard/page.tsx", "old_string": "...", "new_string": "..."}'},{id:`${i}-msg-11`,role:"user",timestamp:w(35),content:"Can you also add a cost breakdown by model? Show it as horizontal progress bars."},{id:`${i}-msg-12`,role:"assistant",timestamp:w(34),content:"Sure! I'll add a cost breakdown section with progress bars for each model. Let me update the dashboard.",model:"claude-sonnet-4-20250514",costUsd:.06,tokenCount:24200},{id:`${i}-msg-13`,role:"tool",timestamp:w(33),content:"Lines 254-305 edited in src/app/dashboard/page.tsx",toolName:"edit",toolInput:'{"path": "src/app/dashboard/page.tsx", "old_string": "...", "new_string": "..."}'},{id:`${i}-msg-14`,role:"system",timestamp:w(32),content:"Context window: 78% utilized (156K/200K tokens)"},{id:`${i}-msg-15`,role:"assistant",timestamp:w(31),content:"I've added the cost breakdown panels. The dashboard now shows:\n\n1. **Agent cards** with status, cost, tokens, errors, and heartbeat\n2. **Alert banner** for critical/warning alerts\n3. **Cost by Agent** — horizontal progress bars\n4. **Cost by Model** — horizontal progress bars\n\nThe data refreshes every 5 seconds via polling.",model:"claude-sonnet-4-20250514",costUsd:.05,tokenCount:18900},{id:`${i}-msg-16`,role:"tool",timestamp:w(30),content:'{"results": [{"title": "shadcn/ui Tabs Component", "url": "https://ui.shadcn.com/docs/components/tabs"}]}',toolName:"web_search",toolInput:'{"query": "shadcn ui tabs component usage"}'},{id:`${i}-msg-17`,role:"assistant",timestamp:w(28),content:"Let me add a tabbed interface for Agents and Sessions views. I'll implement the tabs using a simple state-based approach.",model:"claude-sonnet-4-20250514",costUsd:.11,tokenCount:45200},{id:`${i}-msg-18`,role:"tool",timestamp:w(27),content:"$ npm run build\n\n ✓ Compiled successfully\n ✓ Linting and checking validity of types\n ✓ Generating static pages (5/5)\n\nBuild completed in 8.2s",toolName:"exec",toolInput:'{"command": "npm run build"}'},{id:`${i}-msg-19`,role:"assistant",timestamp:w(25),content:"Build passes. The dashboard now has Agents and Sessions tabs with full filtering and sorting. All existing functionality is preserved.",model:"claude-sonnet-4-20250514",costUsd:.03,tokenCount:11600},{id:`${i}-msg-20`,role:"tool",timestamp:w(24),content:"$ npm test -- --watchAll=false\n\nTest Suites: 3 passed, 3 total\nTests:       12 passed, 12 total\nTime:        4.231s",toolName:"exec",toolInput:'{"command": "npm test -- --watchAll=false"}'}])};let j={"alert-1":{alert:v[0],agent:{id:"agent-4",name:"customer-support",status:"stuck"},relatedErrors:[],context:{lastHeartbeat:w(45),stuckDurationMinutes:45,agentStatus:"stuck"}},"alert-2":{alert:v[1],agent:{id:"agent-3",name:"data-pipeline",status:"error"},relatedErrors:[{timestamp:w(12),error:"TypeError: Cannot read properties of undefined (reading 'map')"},{timestamp:w(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:w(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:w(10),error:"Unhandled promise rejection: Query timeout after 30000ms"},{timestamp:w(10),error:'FATAL: too many connections for role "app_user"'}]},"alert-3":{alert:v[2],agent:{id:"agent-4",name:"customer-support",status:"running"},relatedErrors:[],context:{currentCostUsd:12.67,thresholdUsd:10,overage:2.67}},"alert-4":{alert:v[3],agent:{id:"agent-8",name:"slack-responder",status:"running"},relatedErrors:[{timestamp:w(32),error:"Detected 5 consecutive similar outputs — possible retry loop"},{timestamp:w(31),error:"Output similarity score: 0.94 (threshold: 0.85)"}]},"alert-5":{alert:v[4],agent:{id:"agent-2",name:"deploy-bot",status:"running"},relatedErrors:[{timestamp:y(3),error:"API returned 503 Service Unavailable — auto-retried successfully"}]}},T=b.default.env.NEXT_PUBLIC_API_KEY||"";async function P(t,e){let s={"Content-Type":"application/json","ngrok-skip-browser-warning":"true",...T?{"X-ClaWatch-Key":T}:{},...e?.headers||{}},o=await fetch(`${t}`,{...e,headers:s});if(!o.ok)throw Error(`API error: ${o.status}`);return o.json()}async function N(){try{return(await P("/api/profiles")).profiles}catch{return console.warn("API unreachable, skipping profiles"),[]}}async function M(){try{return(await P("/api/version")).version}catch{return console.warn("API unreachable, skipping version"),null}}async function B(t,e){try{let s=new URLSearchParams;t&&s.set("status",t),e&&s.set("profile",e);let o=s.toString();return(await P(`/api/agents${o?`?${o}`:""}`)).agents}catch{return console.warn("API unreachable, falling back to mock data"),C}}async function F(t){try{let e=new URLSearchParams;t?.limit!==void 0&&e.set("limit",String(t.limit)),t?.offset!==void 0&&e.set("offset",String(t.offset)),t?.severity&&e.set("severity",t.severity),t?.acknowledged!==void 0&&e.set("acknowledged",String(t.acknowledged)),t?.profile&&e.set("profile",t.profile);let s=e.toString();return await P(`/api/alerts${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock data"),{alerts:v,total:v.length}}}async function E(t){return await P(`/api/alerts/acknowledge-all${t?`?severity=${t}`:""}`,{method:"POST"})}async function L(t){try{let e=t?`?profile=${t}`:"";return await P(`/api/costs${e}`)}catch{return console.warn("API unreachable, falling back to mock data"),I}}async function D(t){await P(`/api/agents/${t}/pause`,{method:"POST"})}async function O(t){await P(`/api/agents/${t}/resume`,{method:"POST"})}async function _(t){await P(`/api/alerts/${t}/acknowledge`,{method:"POST"})}async function z(t){try{return await P(`/api/alerts/${t}/details`)}catch{console.warn("API unreachable, falling back to mock data");let e=j[t];if(e)return e;throw Error("Alert not found")}}async function R(t){let{agentId:e,status:s,sort:o,profile:a,limit:n,offset:i}=t||{};try{let t=new URLSearchParams;n&&t.set("limit",String(n)),i&&t.set("offset",String(i)),e&&t.set("agentId",e),s&&t.set("status",s),o&&t.set("sort",o),a&&t.set("profile",a);let r=t.toString(),d=await P(`/api/sessions${r?`?${r}`:""}`);return{sessions:d.sessions,total:d.total}}catch{return console.warn("API unreachable, falling back to mock data"),{sessions:A,total:A.length}}}async function W(t){try{return await P(`/api/sessions/${t}`)}catch{console.warn("API unreachable, falling back to mock data");let e=$[t];if(e)return e;throw Error("Session not found")}}async function H(t){try{let e=t?`?profile=${t}`:"";return(await P(`/api/projects${e}`)).projects}catch{return console.warn("API unreachable, falling back to mock data"),U}}async function K(t){try{return await P(`/api/projects/${t}`)}catch{console.warn("API unreachable, falling back to mock data");let e=S[t];if(e)return e;throw Error("Project not found")}}async function J(t,e){return await P("/api/projects",{method:"POST",body:JSON.stringify({name:t,description:e})})}async function G(t,e){await P(`/api/sessions/${t}/projects`,{method:"PUT",body:JSON.stringify({projectIds:e})})}async function q(t,e){await P(`/api/sessions/${t}/projects/${e}`,{method:"DELETE"})}let Q=(n=(a=Array.from({length:14},(t,e)=>{let s=new Date("2026-02-24");return s.setDate(s.getDate()+e),s.toISOString().slice(0,10)})).map(t=>({date:t,costUsd:+(5+15*Math.random()).toFixed(2),tokenCount:Math.floor(1e6+4e6*Math.random()),sessionCount:Math.floor(3+10*Math.random())})),{buckets:n,byAgent:["ofek","anas","dor"].map(t=>({agentId:t,buckets:a.map(t=>({date:t,costUsd:+(1+6*Math.random()).toFixed(2),tokenCount:Math.floor(3e5+15e5*Math.random()),sessionCount:Math.floor(1+4*Math.random())}))})),byProject:[{projectId:"proj-1",name:"ClaWatch"},{projectId:"proj-2",name:"Auth Service"},{projectId:"proj-3",name:"Mobile App"}].map(({projectId:t,name:e})=>({projectId:t,name:e,buckets:a.map(t=>({date:t,costUsd:+(1+5*Math.random()).toFixed(2),tokenCount:Math.floor(2e5+12e5*Math.random()),sessionCount:Math.floor(1+3*Math.random())}))}))});async function V(t){try{let e=new URLSearchParams;t.profile&&e.set("profile",t.profile),t.groupBy&&e.set("groupBy",t.groupBy),t.from&&e.set("from",t.from),t.to&&e.set("to",t.to);let s=e.toString();return await P(`/api/analytics${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock analytics data"),Q}}t.s(["acknowledgeAlert",()=>_,"acknowledgeAllAlerts",()=>E,"createProject",()=>J,"getAgents",()=>B,"getAlertDetails",()=>z,"getAlerts",()=>F,"getAnalytics",()=>V,"getCosts",()=>L,"getProfiles",()=>N,"getProject",()=>K,"getProjects",()=>H,"getSession",()=>W,"getSessions",()=>R,"getVersion",()=>M,"pauseAgent",()=>D,"removeSessionProject",()=>q,"resumeAgent",()=>O,"setSessionProjects",()=>G],9165)}]);