clawatch 1.0.22 → 1.0.26

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

@@ -0,0 +1 @@
+(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,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(47167);let g=new Date,h=t=>new Date(g.getTime()-6e4*t).toISOString(),f=t=>new Date(g.getTime()-36e5*t).toISOString(),k=[{id:"agent-1",name:"code-reviewer",host:"prod-us-east-1",status:"running",lastHeartbeat:h(.5),costUsd:4.82,tokenCount:124e4,errorCount:0},{id:"agent-2",name:"deploy-bot",host:"prod-us-east-1",status:"running",lastHeartbeat:h(1),costUsd:2.15,tokenCount:52e4,errorCount:1},{id:"agent-3",name:"data-pipeline",host:"prod-eu-west-1",status:"error",lastHeartbeat:h(12),costUsd:8.43,tokenCount:21e5,errorCount:7},{id:"agent-4",name:"customer-support",host:"prod-us-west-2",status:"stuck",lastHeartbeat:h(45),costUsd:12.67,tokenCount:34e5,errorCount:3},{id:"agent-5",name:"test-runner",host:"staging-1",status:"paused",lastHeartbeat:f(2),costUsd:1.03,tokenCount:28e4,errorCount:0},{id:"agent-6",name:"doc-generator",host:"prod-us-east-1",status:"running",lastHeartbeat:h(.2),costUsd:3.21,tokenCount:89e4,errorCount:0},{id:"agent-7",name:"security-scanner",host:"prod-eu-west-1",status:"stopped",lastHeartbeat:f(6),costUsd:.45,tokenCount:12e4,errorCount:0},{id:"agent-8",name:"slack-responder",host:"prod-us-west-2",status:"running",lastHeartbeat:h(.1),costUsd:6.89,tokenCount:178e4,errorCount:2}],b=[{id:"alert-1",agentId:"agent-4",type:"stuck",severity:"critical",message:"customer-support has not sent a heartbeat in 45 minutes",timestamp:h(44),acknowledged:!1},{id:"alert-2",agentId:"agent-3",type:"error",severity:"critical",message:"data-pipeline encountered 7 errors in the last hour",timestamp:h(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:f(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:h(30),acknowledged:!0},{id:"alert-5",agentId:"agent-2",type:"error",severity:"info",message:"deploy-bot encountered a transient API error (auto-recovered)",timestamp:f(3),acknowledged:!0}],w={totalUsd:39.65,totalTokens:45e5,sessionCount:12,byAgent:k.map(t=>({agentId:t.id,name:t.name,costUsd:t.costUsd,tokenCount:t.tokenCount})),byModel:[{model:"claude-sonnet-4-20250514",costUsd:22.1},{model:"claude-haiku-4-20250506",costUsd:11.35},{model:"gpt-4o",costUsd:6.2}],byProject:[{projectId:"proj-1",name:"ClaWatch",costUsd:18.5,tokenCount:21e5,sessionCount:5},{projectId:"proj-2",name:"Auth Service",costUsd:12.35,tokenCount:14e5,sessionCount:4},{projectId:"proj-3",name:"Mobile App",costUsd:8.8,tokenCount:1e6,sessionCount:3}],daily:Array.from({length:7},(t,e)=>{let s=new Date("2026-03-04");return s.setDate(s.getDate()+e),{date:s.toISOString().slice(0,10),costUsd:+(3+8*Math.random()).toFixed(2),tokenCount:Math.floor(4e5+8e5*Math.random()),sessionCount:Math.floor(1+4*Math.random())}})},y=[{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:h(45),lastActivityAt:h(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:f(3),lastActivityAt:f(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:h(90),lastActivityAt:h(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:f(1.5),lastActivityAt:h(.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:f(5),lastActivityAt:f(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:h(30),lastActivityAt:h(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:f(8),lastActivityAt:f(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:h(15),lastActivityAt:h(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:f(12),lastActivityAt:f(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:h(60),lastActivityAt:h(20),duration:2400}],C=[{id:"project-1",name:"Building ClaWatch",description:"Full-stack AI observability platform with real-time monitoring, session tracking, and cost analytics",createdAt:f(48),updatedAt:h(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:f(24),updatedAt:h(30),sessionCount:2,totalCostUsd:12.5}],I=(e=[],s=0,(o=(t,o,a,n,i,r)=>{s++,e.push({sessionId:t,agentId:o,id:`tl-${s}`,role:a,timestamp:h(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())),A={"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:f(48),to:h(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:[y.find(t=>"session-1"===t.id),y.find(t=>"session-3"===t.id),y.find(t=>"session-8"===t.id)],timeline:I},"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:f(24),to:h(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:[y.find(t=>"session-2"===t.id),y.find(t=>"session-6"===t.id)],timeline:[{sessionId:"session-2",agentId:"anas",id:"tl-b1",role:"user",timestamp:f(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:f(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:f(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:f(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:f(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:f(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:f(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:f(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:f(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:f(2),content:"$ jest session.test.ts --verbose\nPASSED: all 6 tests",toolName:"exec"},{sessionId:"session-2",agentId:"anas",id:"tl-b11",role:"assistant",timestamp:f(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:f(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}]}},U={};for(let t of y)U[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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(35),content:"Can you also add a cost breakdown by model? Show it as horizontal progress bars."},{id:`${i}-msg-12`,role:"assistant",timestamp:h(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:h(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:h(32),content:"Context window: 78% utilized (156K/200K tokens)"},{id:`${i}-msg-15`,role:"assistant",timestamp:h(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:h(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:h(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:h(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:h(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:h(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 v={"alert-1":{alert:b[0],agent:{id:"agent-4",name:"customer-support",status:"stuck"},relatedErrors:[],context:{lastHeartbeat:h(45),stuckDurationMinutes:45,agentStatus:"stuck"}},"alert-2":{alert:b[1],agent:{id:"agent-3",name:"data-pipeline",status:"error"},relatedErrors:[{timestamp:h(12),error:"TypeError: Cannot read properties of undefined (reading 'map')"},{timestamp:h(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:h(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:h(10),error:"Unhandled promise rejection: Query timeout after 30000ms"},{timestamp:h(10),error:'FATAL: too many connections for role "app_user"'}]},"alert-3":{alert:b[2],agent:{id:"agent-4",name:"customer-support",status:"running"},relatedErrors:[],context:{currentCostUsd:12.67,thresholdUsd:10,overage:2.67}},"alert-4":{alert:b[3],agent:{id:"agent-8",name:"slack-responder",status:"running"},relatedErrors:[{timestamp:h(32),error:"Detected 5 consecutive similar outputs — possible retry loop"},{timestamp:h(31),error:"Output similarity score: 0.94 (threshold: 0.85)"}]},"alert-5":{alert:b[4],agent:{id:"agent-2",name:"deploy-bot",status:"running"},relatedErrors:[{timestamp:f(3),error:"API returned 503 Service Unavailable — auto-retried successfully"}]}},x=p.default.env.NEXT_PUBLIC_API_KEY||"",S=!1;function j(){return S}function $(){S=!0}async function P(t,e){let s={"Content-Type":"application/json","ngrok-skip-browser-warning":"true",...x?{"X-ClaWatch-Key":x}:{},...e?.headers||{}},o=await fetch(`${t}`,{...e,headers:s});if(!o.ok)throw Error(`API error: ${o.status}`);return o.json()}async function T(){try{return(await P("/api/profiles")).profiles}catch{return console.warn("API unreachable, skipping profiles"),[]}}async function N(){try{return(await P("/api/version")).version}catch{return console.warn("API unreachable, skipping version"),null}}async function M(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"),$(),k}}async function B(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:b,total:b.length}}}async function F(t){return await P(`/api/alerts/acknowledge-all${t?`?severity=${t}`:""}`,{method:"POST"})}async function L(t){try{let e=new URLSearchParams;t?.profile&&e.set("profile",t.profile),t?.from&&e.set("from",t.from),t?.to&&e.set("to",t.to);let s=e.toString();return await P(`/api/costs${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock data"),$(),w}}function D(t){let e=t?`?profile=${t}`:"";return`/api/costs/export${e}`}async function E(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 R(t){try{return await P(`/api/alerts/${t}/details`)}catch{console.warn("API unreachable, falling back to mock data"),$();let e=v[t];if(e)return e;throw Error("Alert not found")}}async function z(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:y,total:y.length}}}async function W(t){try{return await P(`/api/sessions/${t}`)}catch{console.warn("API unreachable, falling back to mock data"),$();let e=U[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"),$(),C}}async function K(t){try{return await P(`/api/projects/${t}`)}catch{console.warn("API unreachable, falling back to mock data"),$();let e=A[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}}let X={today:94.72,mtd:236.83,byAgent:{anas:{today:36.21,mtd:69.12},ofek:{today:42.83,mtd:112.18},dor:{today:15.68,mtd:55.53}},limits:{type:null,amount:null,agentLimits:{}},usagePercent:null};async function Y(t){try{let e=t?`?profile=${t}`:"";return await P(`/api/spend${e}`)}catch{return console.warn("API unreachable, falling back to mock spend data"),X}}async function Z(t){return await P("/api/settings/cost-limits",{method:"PUT",body:JSON.stringify(t)})}t.s(["acknowledgeAlert",()=>_,"acknowledgeAllAlerts",()=>F,"createProject",()=>J,"getAgents",()=>M,"getAlertDetails",()=>R,"getAlerts",()=>B,"getAnalytics",()=>V,"getCosts",()=>L,"getCostsCSVUrl",()=>D,"getProfiles",()=>T,"getProject",()=>K,"getProjects",()=>H,"getSession",()=>W,"getSessions",()=>z,"getSpend",()=>Y,"getVersion",()=>N,"isUsingMockData",()=>j,"pauseAgent",()=>E,"removeSessionProject",()=>q,"resumeAgent",()=>O,"setCostLimits",()=>Z,"setSessionProjects",()=>G],9165)}]);

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

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,18256,(e,t,r)=>{"use strict";Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),r.isPlainObject=function(e){if("object"!=typeof e||null==e)return!1;if(null===Object.getPrototypeOf(e))return!0;if("[object Object]"!==Object.prototype.toString.call(e)){let t=e[Symbol.toStringTag];return null!=t&&!!Object.getOwnPropertyDescriptor(e,Symbol.toStringTag)?.writable&&e.toString()===`[object ${t}]`}let t=e;for(;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}},7328,(e,t,r)=>{t.exports=e.r(18256).isPlainObject},80730,e=>{"use strict";var t,r,a,n,i,l=e.i(43476),o=e.i(71645),s=e.i(22016),c=e.i(18566),u=e.i(15288),d=e.i(9165),p=e.i(98940),m=e.i(1725),f=e.i(237),y=e.i(25949),x=e.i(33369),h=["axis","item"],v=(0,o.forwardRef)((e,t)=>o.createElement(x.CartesianChart,{chartName:"BarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:h,tooltipPayloadSearcher:y.arrayTooltipSearcher,categoricalChartProps:e,ref:t})),g=o,b=e.i(7670),j=e.i(97865),O=e=>null;O.displayName="Cell";var S=e.i(69212),A=e.i(94395),P=e.i(81977),I=e.i(79812),E=e.i(73393);e.i(47167);var C=e.i(7328),w=e.i(29905),k=e.i(51883),N=e.i(66576),D=e.i(40657),T=e.i(92887),z=e.i(43404),L=e.i(36536);function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function M(){return(M=Object.assign.bind()).apply(null,arguments)}function K(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var F=(e,l,o,s,c)=>{var u=o-s;return(0,L.roundTemplateLiteral)(t||(t=K(["M ",",",""])),e,l)+(0,L.roundTemplateLiteral)(r||(r=K(["L ",",",""])),e+o,l)+(0,L.roundTemplateLiteral)(a||(a=K(["L ",",",""])),e+o-u/2,l+c)+(0,L.roundTemplateLiteral)(n||(n=K(["L ",",",""])),e+o-u/2-s,l+c)+(0,L.roundTemplateLiteral)(i||(i=K(["L ",","," Z"])),e,l)},G={x:0,y:0,upperWidth:0,lowerWidth:0,height:0,isUpdateAnimationActive:!1,animationBegin:0,animationDuration:1500,animationEasing:"ease"},V=e=>{var t=(0,k.resolveDefaultProps)(e,G),{x:r,y:a,upperWidth:n,lowerWidth:i,height:l,className:s}=t,{animationEasing:c,animationDuration:u,animationBegin:d,isUpdateAnimationActive:p}=t,m=(0,o.useRef)(null),[f,y]=(0,o.useState)(-1),x=(0,o.useRef)(n),h=(0,o.useRef)(i),v=(0,o.useRef)(l),g=(0,o.useRef)(r),j=(0,o.useRef)(a),O=(0,D.useAnimationId)(e,"trapezoid-");if((0,o.useEffect)(()=>{if(m.current&&m.current.getTotalLength)try{var e=m.current.getTotalLength();e&&y(e)}catch(e){}},[]),r!==+r||a!==+a||n!==+n||i!==+i||l!==+l||0===n&&0===i||0===l)return null;var S=(0,b.clsx)("recharts-trapezoid",s);if(!p)return o.createElement("g",null,o.createElement("path",M({},(0,z.svgPropertiesAndEvents)(t),{className:S,d:F(r,a,n,i,l)})));var P=x.current,I=h.current,E=v.current,C=g.current,w=j.current,L="0px ".concat(-1===f?1:f,"px"),R="".concat(f,"px ").concat(f,"px"),K=(0,T.getTransitionVal)(["strokeDasharray"],u,c);return o.createElement(N.JavascriptAnimate,{animationId:O,key:O,canBegin:f>0,duration:u,easing:c,isActive:p,begin:d},e=>{var s=(0,A.interpolate)(P,n,e),c=(0,A.interpolate)(I,i,e),u=(0,A.interpolate)(E,l,e),d=(0,A.interpolate)(C,r,e),p=(0,A.interpolate)(w,a,e);m.current&&(x.current=s,h.current=c,v.current=u,g.current=d,j.current=p);var f=e>0?{transition:K,strokeDasharray:R}:{strokeDasharray:L};return o.createElement("path",M({},(0,z.svgPropertiesAndEvents)(t),{className:S,d:F(d,p,s,c,u),ref:m,style:B(B({},f),t.style)}))})},U=e.i(39425),$=e.i(13659),W=e.i(72733),H=["option","shapeType","activeClassName","inActiveClassName"];function Z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Z(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function X(e){var{shapeType:t,elementProps:r}=e;switch(t){case"rectangle":return o.createElement(w.Rectangle,r);case"trapezoid":return o.createElement(V,r);case"sector":return o.createElement(U.Sector,r);case"symbols":if("symbols"===t)return o.createElement($.Symbols,r);break;case"curve":return o.createElement(W.Curve,r);default:return null}}function Y(e){var t,{option:r,shapeType:a,activeClassName:n="recharts-active-shape",inActiveClassName:i="recharts-shape"}=e,l=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,H);if((0,o.isValidElement)(r))t=(0,o.cloneElement)(r,_(_({},l),(0,o.isValidElement)(r)?r.props:r));else if("function"==typeof r)t=r(l,l.index);else if((0,C.default)(r)&&"boolean"!=typeof r){var s=_(_({},l),r);t=o.createElement(X,{shapeType:a,elementProps:s})}else t=o.createElement(X,{shapeType:a,elementProps:l});return l.isActive?o.createElement(j.Layer,{className:n},t):o.createElement(j.Layer,{className:i},t)}function q(){return(q=Object.assign.bind()).apply(null,arguments)}function J(e){return o.createElement(Y,q({shapeType:"rectangle",activeClassName:"recharts-active-bar",inActiveClassName:"recharts-inactive-bar"},e))}var Q=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return(r,a)=>{if((0,A.isNumber)(e))return e;var n=(0,A.isNumber)(r)||(0,A.isNullish)(r);return n?e(r,a):(n||function(e,t){if(!e)throw Error("Invariant failed")}(!1,"minPointSize callback function received a value with type of ".concat(typeof r,". Currently only numbers or null/undefined are supported.")),t)}},ee=e.i(27241),et=e.i(98982),er=(e,t,r)=>{var a=(0,ee.useAppDispatch)();return(n,i)=>l=>{null==e||e(n,i,l),a((0,et.setActiveMouseOverItemIndex)({activeIndex:String(i),activeDataKey:t,activeCoordinate:n.tooltipPosition,activeGraphicalItemId:r}))}},ea=e=>{var t=(0,ee.useAppDispatch)();return(r,a)=>n=>{null==e||e(r,a,n),t((0,et.mouseLeaveItem)())}},en=(e,t,r)=>{var a=(0,ee.useAppDispatch)();return(n,i)=>l=>{null==e||e(n,i,l),a((0,et.setActiveClickItemIndex)({activeIndex:String(i),activeDataKey:t,activeCoordinate:n.tooltipPosition,activeGraphicalItemId:r}))}},ei=e.i(844),el=["children"],eo=(0,o.createContext)({data:[],xAxisId:"xAxis-0",yAxisId:"yAxis-0",dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0});function es(e){var{children:t}=e,r=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,el);return o.createElement(eo.Provider,{value:r},t)}var ec=e.i(59798),eu=e.i(46710),ed=e.i(61849),ep=e.i(61764),em=e.i(92860),ef=e.i(41088),ey=e.i(77320),ex=e.i(10439),eh=(e,t,r)=>{var a=null!=r?r:e;if(!(0,A.isNullish)(a))return(0,A.getPercentValue)(a,t,0)},ev=e.i(22075);function eg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function eb(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?eg(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):eg(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var ej=e.i(91526),eO=e.i(42221),eS=(0,ed.createSelector)([ep.selectUnfilteredCartesianItems,(e,t)=>t],(e,t)=>e.filter(e=>"bar"===e.type).find(e=>e.id===t)),eA=(0,ed.createSelector)([eS],e=>null==e?void 0:e.maxBarSize),eP=(0,ed.createSelector)([eu.selectChartLayout,ep.selectUnfilteredCartesianItems,eO.selectXAxisIdFromGraphicalItemId,eO.selectYAxisIdFromGraphicalItemId,(e,t,r)=>r],(e,t,r,a,n)=>t.filter(t=>"horizontal"===e?t.xAxisId===r:t.yAxisId===a).filter(e=>e.isPanorama===n).filter(e=>!1===e.hide).filter(e=>"bar"===e.type)),eI=(0,ed.createSelector)([eP,ey.selectRootBarSize,(e,t)=>{var r=(0,eu.selectChartLayout)(e),a=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t),n=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null!=a&&null!=n)return"horizontal"===r?(0,ep.selectCartesianAxisSize)(e,"xAxis",a):(0,ep.selectCartesianAxisSize)(e,"yAxis",n)}],(e,t,r)=>{var a=e.filter(ex.isStacked),n=e.filter(e=>null==e.stackId);return[...Object.entries(a.reduce((e,t)=>{var r=e[t.stackId];return null==r&&(r=[]),r.push(t),e[t.stackId]=r,e},{})).map(e=>{var a,[n,i]=e;return{stackId:n,dataKeys:i.map(e=>e.dataKey),barSize:eh(t,r,null==(a=i[0])?void 0:a.barSize)}}),...n.map(e=>({stackId:void 0,dataKeys:[e.dataKey].filter(e=>null!=e),barSize:eh(t,r,e.barSize)}))]}),eE=(e,t,r)=>{var a,n,i=(0,eu.selectChartLayout)(e),l=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t),o=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null!=l&&null!=o)return"horizontal"===i?(a=(0,ep.selectAxisWithScale)(e,"xAxis",l,r),n=(0,ep.selectTicksOfGraphicalItem)(e,"xAxis",l,r)):(a=(0,ep.selectAxisWithScale)(e,"yAxis",o,r),n=(0,ep.selectTicksOfGraphicalItem)(e,"yAxis",o,r)),(0,I.getBandSizeOfAxis)(a,n)},eC=(0,ed.createSelector)([eI,ey.selectRootMaxBarSize,ey.selectBarGap,ey.selectBarCategoryGap,(e,t,r)=>{var a,n,i,l,o=eS(e,t);if(null==o)return 0;var s=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t),c=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null==s||null==c)return 0;var u=(0,eu.selectChartLayout)(e),d=(0,ey.selectRootMaxBarSize)(e),{maxBarSize:p}=o,m=(0,A.isNullish)(p)?d:p;return"horizontal"===u?(i=(0,ep.selectAxisWithScale)(e,"xAxis",s,r),l=(0,ep.selectTicksOfGraphicalItem)(e,"xAxis",s,r)):(i=(0,ep.selectAxisWithScale)(e,"yAxis",c,r),l=(0,ep.selectTicksOfGraphicalItem)(e,"yAxis",c,r)),null!=(a=null!=(n=(0,I.getBandSizeOfAxis)(i,l,!0))?n:m)?a:0},eE,eA],(e,t,r,a,n,i,l)=>{var o=function(e,t,r,a,n){var i,l,o=a.length;if(!(o<1)){var s=(0,A.getPercentValue)(e,r,0,!0),c=[];if((0,ev.isWellBehavedNumber)(null==(i=a[0])?void 0:i.barSize)){var u=!1,d=r/o,p=a.reduce((e,t)=>e+(t.barSize||0),0);(p+=(o-1)*s)>=r&&(p-=(o-1)*s,s=0),p>=r&&d>0&&(u=!0,d*=.9,p=o*d);var m={offset:((r-p)/2|0)-s,size:0};l=a.reduce((e,t)=>{var r,a={stackId:t.stackId,dataKeys:t.dataKeys,position:{offset:m.offset+m.size+s,size:u?d:null!=(r=t.barSize)?r:0}},n=[...e,a];return m=a.position,n},c)}else{var f=(0,A.getPercentValue)(t,r,0,!0);r-2*f-(o-1)*s<=0&&(s=0);var y=(r-2*f-(o-1)*s)/o;y>1&&(y>>=0);var x=(0,ev.isWellBehavedNumber)(n)?Math.min(y,n):y;l=a.reduce((e,t,r)=>[...e,{stackId:t.stackId,dataKeys:t.dataKeys,position:{offset:f+(y+s)*r+(y-x)/2,size:x}}],c)}return l}}(r,a,n!==i?n:i,e,(0,A.isNullish)(l)?t:l);return n!==i&&null!=o&&(o=o.map(e=>eb(eb({},e),{},{position:eb(eb({},e.position),{},{offset:e.position.offset-n/2})}))),o}),ew=(0,ed.createSelector)([eC,eS],(e,t)=>{if(null!=e&&null!=t){var r=e.find(e=>e.stackId===t.stackId&&null!=t.dataKey&&e.dataKeys.includes(t.dataKey));if(null!=r)return r.position}}),ek=(0,ed.createSelector)([(e,t,r)=>{var a=(0,eu.selectChartLayout)(e),n=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t),i=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null!=n&&null!=i)return"horizontal"===a?(0,ep.selectStackGroups)(e,"yAxis",i,r):(0,ep.selectStackGroups)(e,"xAxis",n,r)},eS],(e,t)=>{var r=(0,ej.getStackSeriesIdentifier)(t);if(!e||null==r||null==t)return;var{stackId:a}=t;if(null!=a){var n=e[a];if(n){var{stackedData:i}=n;if(i)return i.find(e=>e.key===r)}}}),eN=(0,ed.createSelector)([ef.selectChartOffsetInternal,ef.selectAxisViewBox,(e,t,r)=>{var a=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t);if(null!=a)return(0,ep.selectAxisWithScale)(e,"xAxis",a,r)},(e,t,r)=>{var a=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null!=a)return(0,ep.selectAxisWithScale)(e,"yAxis",a,r)},(e,t,r)=>{var a=(0,eO.selectXAxisIdFromGraphicalItemId)(e,t);if(null!=a)return(0,ep.selectTicksOfGraphicalItem)(e,"xAxis",a,r)},(e,t,r)=>{var a=(0,eO.selectYAxisIdFromGraphicalItemId)(e,t);if(null!=a)return(0,ep.selectTicksOfGraphicalItem)(e,"yAxis",a,r)},ew,eu.selectChartLayout,em.selectChartDataWithIndexesIfNotInPanoramaPosition3,eE,ek,eS,(e,t,r,a)=>a],(e,t,r,a,n,i,l,o,s,c,u,d,p)=>{var m,{chartData:f,dataStartIndex:y,dataEndIndex:x}=s;if(null!=d&&null!=l&&null!=t&&("horizontal"===o||"vertical"===o)&&null!=r&&null!=a&&null!=n&&null!=i&&null!=c){var{data:h}=d;if(null!=(m=null!=h&&h.length>0?h:null==f?void 0:f.slice(y,x+1)))return function(e){var{layout:t,barSettings:{dataKey:r,minPointSize:a,hasCustomShape:n},pos:i,bandSize:l,xAxis:o,yAxis:s,xAxisTicks:c,yAxisTicks:u,stackedData:d,displayedData:p,offset:m,cells:f,parentViewBox:y,dataStartIndex:x}=e,h="horizontal"===t?s:o,v=d?h.scale.domain():null,g=(0,I.getBaseValueOfBar)({numericAxis:h}),b=h.scale.map(g);return p.map((e,p)=>{if(d){var h=d[p+x];if(null==h)return null;O=(0,I.truncateByDomain)(h,v)}else Array.isArray(O=(0,I.getValueByDataKey)(e,r))||(O=[g,O]);var j=Q(a,0)(O[1],p);if("horizontal"===t){var O,S,P,E,C,w,k,N=s.scale.map(O[0]),D=s.scale.map(O[1]);if(null==N||null==D)return null;S=(0,I.getCateCoordinateOfBar)({axis:o,ticks:c,bandSize:l,offset:i.offset,entry:e,index:p}),P=null!=(k=null!=D?D:N)?k:void 0,E=i.size;var T=N-D;if(C=(0,A.isNan)(T)?0:T,w={x:S,y:m.top,width:E,height:m.height},Math.abs(j)>0&&Math.abs(C)<Math.abs(j)){var z=(0,A.mathSign)(C||j)*(Math.abs(j)-Math.abs(C));P-=z,C+=z}}else{var L=o.scale.map(O[0]),R=o.scale.map(O[1]);if(null==L||null==R)return null;if(S=L,P=(0,I.getCateCoordinateOfBar)({axis:s,ticks:u,bandSize:l,offset:i.offset,entry:e,index:p}),E=R-L,C=i.size,w={x:m.left,y:P,width:m.width,height:C},Math.abs(j)>0&&Math.abs(E)<Math.abs(j)){var B=(0,A.mathSign)(E||j)*(Math.abs(j)-Math.abs(E));E+=B}}return null!=S&&null!=P&&null!=E&&null!=C&&(n||0!==E&&0!==C)?e5(e5({},e),{},{stackedBarStart:b,x:S,y:P,width:E,height:C,value:d?O:O[1],payload:e,background:w,tooltipPosition:{x:S+E/2,y:P+C/2},parentViewBox:y,originalDataIndex:p},f&&f[p]&&f[p].props):null}).filter(Boolean)}({layout:o,barSettings:d,pos:l,parentViewBox:t,bandSize:c,xAxis:r,yAxis:a,xAxisTicks:n,yAxisTicks:i,stackedData:u,displayedData:m,offset:e,cells:p,dataStartIndex:y})}}),eD=e.i(75337),eT=e.i(76735),ez=e.i(95146),eL=e.i(15549),eR=e.i(91187),eB=e.i(57999),eM=e.i(29601),eK=e.i(18457),eF=e.i(20135),eG=(e.i(19346),(e,t)=>t),eV=(e,t,r)=>r,eU=(0,ed.createSelector)([eG,ep.selectUnfilteredCartesianItems,eV],(e,t,r)=>t.filter(e=>"bar"===e.type).filter(t=>t.stackId===e).filter(e=>e.isPanorama===r).filter(e=>!e.hide)),e$=(0,ed.createSelector)([eU],e=>e.map(e=>e.id)),eW=(0,ed.createSelector)([e=>e,eG,eV],(e,t,r)=>{var a=e$(e,t,r),n=[];return a.forEach(t=>{var a=eN(e,t,r,void 0);null==a||a.forEach(e=>{var t=e.originalDataIndex;n[t]=((e,t)=>{if(!e)return t;if(!t)return e;var r=Math.min(e.x,e.x+e.width,t.x,t.x+t.width),a=Math.min(e.y,e.y+e.height,t.y,t.y+t.height);return{x:r,y:a,width:Math.max(e.x,e.x+e.width,t.x,t.x+t.width)-r,height:Math.max(e.y,e.y+e.height,t.y,t.y+t.height)-a}})(n[t],e)})}),n}),eH=["index"];function eZ(){return(eZ=Object.assign.bind()).apply(null,arguments)}var e_=(0,o.createContext)(void 0),eX=(e,t)=>"recharts-bar-stack-clip-path-".concat(e,"-").concat(t),eY=e=>{var{index:t}=e,r=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,eH),a=(e=>{var t=(0,o.useContext)(e_);if(null!=t){var{stackId:r}=t;return"url(#".concat(eX(r,e),")")}})(t);return o.createElement(j.Layer,eZ({className:"recharts-bar-stack-layer",clipPath:a},r))};eF.propsAreEqual;var eq=["onMouseEnter","onMouseLeave","onClick"],eJ=["value","background","tooltipPosition"],eQ=["id"],e0=["onMouseEnter","onClick","onMouseLeave"];function e1(){return(e1=Object.assign.bind()).apply(null,arguments)}function e2(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function e5(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?e2(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):e2(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function e3(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var e7=g.memo(e=>{var{dataKey:t,stroke:r,strokeWidth:a,fill:n,name:i,hide:l,unit:o,tooltipType:s,id:c}=e,u={dataDefinedOnItem:void 0,getPosition:A.noop,settings:{stroke:r,strokeWidth:a,fill:n,dataKey:t,nameKey:void 0,name:(0,I.getTooltipNameProp)(i,t),hide:l,type:s,color:n,unit:o,graphicalItemId:c}};return g.createElement(ei.SetTooltipEntrySettings,{tooltipEntrySettings:u})});function e6(e){var t,r=(0,ee.useAppSelector)(eT.selectActiveTooltipIndex),{data:a,dataKey:n,background:i,allOtherBarProps:l}=e,{onMouseEnter:o,onMouseLeave:s,onClick:c}=l,u=e3(l,eq),d=er(o,n,l.id),p=ea(s),m=en(c,n,l.id);if(!i||null==a)return null;var f=(0,eB.svgPropertiesNoEventsFromUnknown)(i);return g.createElement(eM.ZIndexLayer,{zIndex:(t=eK.DefaultZIndexes.barBackground,i&&"object"==typeof i&&"zIndex"in i&&"number"==typeof i.zIndex&&(0,ev.isWellBehavedNumber)(i.zIndex)?i.zIndex:t)},a.map((e,t)=>{var{value:a,background:l,tooltipPosition:o}=e,s=e3(e,eJ);if(!l)return null;var c=d(e,t),y=p(e,t),x=m(e,t),h=e5(e5(e5(e5(e5({option:i,isActive:String(t)===r},s),{},{fill:"#eee"},l),f),(0,E.adaptEventsOfChild)(u,e,t)),{},{onMouseEnter:c,onMouseLeave:y,onClick:x,dataKey:n,index:t,className:"recharts-bar-background-rectangle"});return g.createElement(J,e1({key:"background-bar-".concat(t)},h))}))}function e4(e){var{showLabels:t,children:r,rects:a}=e,n=null==a?void 0:a.map(e=>{var t={x:e.x,y:e.y,width:e.width,lowerWidth:e.width,upperWidth:e.width,height:e.height};return e5(e5({},t),{},{value:e.value,payload:e.payload,parentViewBox:e.parentViewBox,viewBox:t,fill:e.fill})});return g.createElement(S.CartesianLabelListContextProvider,{value:t?n:void 0},r)}function e8(e){var t,{shape:r,activeBar:a,baseProps:n,entry:i,index:l,dataKey:o}=e,s=(0,ee.useAppSelector)(eT.selectActiveTooltipIndex),c=(0,ee.useAppSelector)(eT.selectActiveTooltipDataKey),u=a&&String(i.originalDataIndex)===s&&(null==c||o===c),[d,p]=(0,g.useState)(!1),[m,f]=(0,g.useState)(!1);(0,g.useEffect)(()=>{var e;return u?(p(!0),e=requestAnimationFrame(()=>{f(!0)})):f(!1),()=>{cancelAnimationFrame(e)}},[u]);var y=(0,g.useCallback)(()=>{u||p(!1)},[u]),x=u&&m,h=u||d;t=u?!0===a?r:a:r;var v=g.createElement(J,e1({},n,{name:String(n.name)},i,{isActive:x,option:t,index:l,dataKey:o,onTransitionEnd:y}));return h?g.createElement(eM.ZIndexLayer,{zIndex:eK.DefaultZIndexes.activeBar},g.createElement(eY,{index:i.originalDataIndex},v)):v}function e9(e){var{shape:t,baseProps:r,entry:a,index:n,dataKey:i}=e;return g.createElement(J,e1({},r,{name:String(r.name)},a,{isActive:!1,option:t,index:n,dataKey:i}))}function te(e){var t,{data:r,props:a}=e,n=null!=(t=(0,eB.svgPropertiesNoEvents)(a))?t:{},{id:i}=n,l=e3(n,eQ),{shape:o,dataKey:s,activeBar:c}=a,{onMouseEnter:u,onClick:d,onMouseLeave:p}=a,m=e3(a,e0),f=er(u,s,i),y=ea(p),x=en(d,s,i);return r?g.createElement(g.Fragment,null,r.map((e,t)=>g.createElement(eY,e1({index:e.originalDataIndex,key:"rectangle-".concat(null==e?void 0:e.x,"-").concat(null==e?void 0:e.y,"-").concat(null==e?void 0:e.value,"-").concat(t),className:"recharts-bar-rectangle"},(0,E.adaptEventsOfChild)(m,e,t),{onMouseEnter:f(e,t),onMouseLeave:y(e,t),onClick:x(e,t)}),c?g.createElement(e8,{shape:o,activeBar:c,baseProps:l,entry:e,index:t,dataKey:s}):g.createElement(e9,{shape:o,baseProps:l,entry:e,index:t,dataKey:s})))):null}function tt(e){var{props:t,previousRectanglesRef:r}=e,{data:a,layout:n,isAnimationActive:i,animationBegin:l,animationDuration:o,animationEasing:s,onAnimationEnd:c,onAnimationStart:u}=t,d=r.current,p=(0,D.useAnimationId)(t,"recharts-bar-"),[m,f]=(0,g.useState)(!1),y=(0,g.useCallback)(()=>{"function"==typeof c&&c(),f(!1)},[c]),x=(0,g.useCallback)(()=>{"function"==typeof u&&u(),f(!0)},[u]);return g.createElement(e4,{showLabels:!m,rects:a},g.createElement(N.JavascriptAnimate,{animationId:p,begin:l,duration:o,isActive:i,easing:s,onAnimationEnd:y,onAnimationStart:x,key:p},e=>{var i=1===e?a:null==a?void 0:a.map((t,r)=>{var a=d&&d[r];if(a)return e5(e5({},t),{},{x:(0,A.interpolate)(a.x,t.x,e),y:(0,A.interpolate)(a.y,t.y,e),width:(0,A.interpolate)(a.width,t.width,e),height:(0,A.interpolate)(a.height,t.height,e)});if("horizontal"===n){var i=(0,A.interpolate)(0,t.height,e),l=(0,A.interpolate)(t.stackedBarStart,t.y,e);return e5(e5({},t),{},{y:l,height:i})}var o=(0,A.interpolate)(0,t.width,e),s=(0,A.interpolate)(t.stackedBarStart,t.x,e);return e5(e5({},t),{},{width:o,x:s})});return(e>0&&(r.current=null!=i?i:null),null==i)?null:g.createElement(j.Layer,null,g.createElement(te,{props:t,data:i}))}),g.createElement(S.LabelListFromLabelProp,{label:t.label}),t.children)}function tr(e){var t=(0,g.useRef)(null);return g.createElement(tt,{previousRectanglesRef:t,props:e})}var ta=(e,t)=>{var r=Array.isArray(e.value)?e.value[1]:e.value;return{x:e.x,y:e.y,value:r,errorVal:(0,I.getValueByDataKey)(e,t)}};class tn extends g.PureComponent{render(){var{hide:e,data:t,dataKey:r,className:a,xAxisId:n,yAxisId:i,needClip:l,background:o,id:s}=this.props;if(e||null==t)return null;var c=(0,b.clsx)("recharts-bar",a);return g.createElement(j.Layer,{className:c,id:s},l&&g.createElement("defs",null,g.createElement(ec.GraphicalItemClipPath,{clipPathId:s,xAxisId:n,yAxisId:i})),g.createElement(j.Layer,{className:"recharts-bar-rectangles",clipPath:l?"url(#clipPath-".concat(s,")"):void 0},g.createElement(e6,{data:t,dataKey:r,background:o,allOtherBarProps:this.props}),g.createElement(tr,this.props)))}}var ti={activeBar:!1,animationBegin:0,animationDuration:400,animationEasing:"ease",background:!1,hide:!1,isAnimationActive:"auto",label:!1,legendType:"rect",minPointSize:0,xAxisId:0,yAxisId:0,zIndex:eK.DefaultZIndexes.bar};function tl(e){var t,{xAxisId:r,yAxisId:a,hide:n,legendType:i,minPointSize:l,activeBar:o,animationBegin:s,animationDuration:c,animationEasing:u,isAnimationActive:d}=e,{needClip:p}=(0,ec.useNeedsClip)(r,a),m=(0,eu.useChartLayout)(),f=(0,eD.useIsPanorama)(),y=(0,P.findAllByType)(e.children,O),x=(0,ee.useAppSelector)(t=>eN(t,e.id,f,y));if("vertical"!==m&&"horizontal"!==m)return null;var h=null==x?void 0:x[0];return t=null==h||null==h.height||null==h.width?0:"vertical"===m?h.height/2:h.width/2,g.createElement(es,{xAxisId:r,yAxisId:a,data:x,dataPointFormatter:ta,errorBarOffset:t},g.createElement(tn,e1({},e,{layout:m,needClip:p,data:x,xAxisId:r,yAxisId:a,hide:n,legendType:i,minPointSize:l,activeBar:o,animationBegin:s,animationDuration:c,animationEasing:u,isAnimationActive:d})))}var to=g.memo(function(e){var t,r,a=(0,k.resolveDefaultProps)(e,ti),n=(t=a.stackId,null!=(r=(0,o.useContext)(e_))?r.stackId:null!=t?(0,I.getNormalizedStackId)(t):void 0),i=(0,eD.useIsPanorama)();return g.createElement(eL.RegisterGraphicalItemId,{id:a.id,type:"bar"},e=>g.createElement(g.Fragment,null,g.createElement(ez.SetLegendPayload,{legendPayload:(e=>{var{dataKey:t,name:r,fill:a,legendType:n,hide:i}=e;return[{inactive:i,dataKey:t,type:n,color:a,value:(0,I.getTooltipNameProp)(r,t),payload:e}]})(a)}),g.createElement(e7,{dataKey:a.dataKey,stroke:a.stroke,strokeWidth:a.strokeWidth,fill:a.fill,name:a.name,hide:a.hide,unit:a.unit,tooltipType:a.tooltipType,id:e}),g.createElement(eR.SetCartesianGraphicalItem,{type:"bar",id:e,data:void 0,xAxisId:a.xAxisId,yAxisId:a.yAxisId,zAxisId:0,dataKey:a.dataKey,stackId:n,hide:a.hide,barSize:a.barSize,minPointSize:a.minPointSize,maxBarSize:a.maxBarSize,isPanorama:i,hasCustomShape:null!=a.shape}),g.createElement(eM.ZIndexLayer,{zIndex:a.zIndex},g.createElement(tl,e1({},a,{id:e})))))},eF.propsAreEqual);to.displayName="Bar";var ts=e.i(70778),tc=e.i(98596),tu=e.i(22273),td=e.i(62327),tp=e.i(49776),tm=e.i(73310);function tf(e){var t=(0,ee.useAppDispatch)();return(0,o.useEffect)(()=>{t((0,tm.updatePolarOptions)(e))},[t,e]),null}var ty=e.i(48973),tx=e.i(73257),th=["layout"];function tv(){return(tv=Object.assign.bind()).apply(null,arguments)}function tg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}var tb=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?tg(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tg(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({accessibilityLayer:!0,stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:"index",layout:"radial",responsive:!1,cx:"50%",cy:"50%",innerRadius:0,outerRadius:"80%"},tx.initialEventSettingsState),tj=(0,o.forwardRef)(function(e,t){var r,a=(0,k.resolveDefaultProps)(e.categoricalChartProps,tb),{layout:n}=a,i=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,th),{chartName:l,defaultTooltipEventType:s,validateTooltipEventTypes:c,tooltipPayloadSearcher:u}=e;return o.createElement(ts.RechartsStoreProvider,{preloadedState:{options:{chartName:l,defaultTooltipEventType:s,validateTooltipEventTypes:c,tooltipPayloadSearcher:u,eventEmitter:void 0}},reduxStoreName:null!=(r=a.id)?r:l},o.createElement(tc.ChartDataContextProvider,{chartData:a.data}),o.createElement(tu.ReportMainChartProps,{layout:n,margin:a.margin}),o.createElement(tp.ReportEventSettings,{throttleDelay:a.throttleDelay,throttledEvents:a.throttledEvents}),o.createElement(td.ReportChartProps,{baseValue:void 0,accessibilityLayer:a.accessibilityLayer,barCategoryGap:a.barCategoryGap,maxBarSize:a.maxBarSize,stackOffset:a.stackOffset,barGap:a.barGap,barSize:a.barSize,syncId:a.syncId,syncMethod:a.syncMethod,className:a.className,reverseStackOrder:a.reverseStackOrder}),o.createElement(tf,{cx:a.cx,cy:a.cy,startAngle:a.startAngle,endAngle:a.endAngle,innerRadius:a.innerRadius,outerRadius:a.outerRadius}),o.createElement(ty.CategoricalChart,tv({},i,{ref:t})))});function tO(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function tS(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?tO(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tO(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var tA=["item"],tP=tS(tS({},tb),{},{layout:"centric",startAngle:0,endAngle:360}),tI=(0,o.forwardRef)((e,t)=>{var r=(0,k.resolveDefaultProps)(e,tP);return o.createElement(tj,{chartName:"PieChart",defaultTooltipEventType:"item",validateTooltipEventTypes:tA,tooltipPayloadSearcher:y.arrayTooltipSearcher,categoricalChartProps:r,ref:t})}),tE=e.i(92068),tC=e.i(73962),tw=e.i(91561),tk=e.i(90555),tN=e=>e.graphicalItems.polarItems,tD=(0,ed.createSelector)([tC.pickAxisType,tw.pickAxisId],ep.itemAxisPredicate),tT=(0,ed.createSelector)([tN,ep.selectBaseAxis,tD],ep.combineGraphicalItemsSettings),tz=(0,ed.createSelector)([tT],ep.combineGraphicalItemsData),tL=(0,ed.createSelector)([tz,em.selectChartDataAndAlwaysIgnoreIndexes],ep.combineDisplayedData),tR=(0,ed.createSelector)([tL,ep.selectBaseAxis,tT],ep.combineAppliedValues);(0,ed.createSelector)([tL,ep.selectBaseAxis,tT],(e,t,r)=>r.length>0?e.flatMap(e=>r.flatMap(r=>{var a;return{value:(0,I.getValueByDataKey)(e,null!=(a=t.dataKey)?a:r.dataKey),errorDomain:[]}})).filter(Boolean):(null==t?void 0:t.dataKey)!=null?e.map(e=>({value:(0,I.getValueByDataKey)(e,t.dataKey),errorDomain:[]})):e.map(e=>({value:e,errorDomain:[]})));var tB=()=>void 0,tM=(0,ed.createSelector)([tL,ep.selectBaseAxis,tT,ep.selectAllErrorBarSettings,tC.pickAxisType],ep.combineDomainOfAllAppliedNumericalValuesIncludingErrorValues),tK=(0,ed.createSelector)([ep.selectBaseAxis,ep.selectDomainDefinition,ep.selectDomainFromUserPreference,tB,tM,tB,eu.selectChartLayout,tC.pickAxisType],ep.combineNumericalDomain),tF=(0,ed.createSelector)([ep.selectBaseAxis,eu.selectChartLayout,tL,tR,ey.selectStackOffsetType,tC.pickAxisType,tK],ep.combineAxisDomain),tG=(0,ed.createSelector)([tF,ep.selectRenderableAxisSettings,ep.selectRealScaleType],ep.combineNiceTicks),tV=(0,ed.createSelector)([ep.selectBaseAxis,tF,tG,tC.pickAxisType],ep.combineAxisDomainWithNiceTicks);function tU(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function t$(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?tU(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tU(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}(0,ed.createSelector)([ep.selectRealScaleType,tV],tk.combineCheckedDomain);var tW=(0,ed.createSelector)([tN,(e,t)=>t],(e,t)=>e.filter(e=>"pie"===e.type).find(e=>e.id===t)),tH=[],tZ=(e,t,r)=>(null==r?void 0:r.length)===0?tH:r,t_=(0,ed.createSelector)([em.selectChartDataAndAlwaysIgnoreIndexes,tW,tZ],(e,t,r)=>{var a,{chartData:n}=e;if(null!=t&&((a=(null==t?void 0:t.data)!=null&&t.data.length>0?t.data:n)&&a.length||null==r||(a=r.map(e=>t$(t$({},t.presentationProps),e.props))),null!=a))return a}),tX=(0,ed.createSelector)([t_,tW,tZ],(e,t,r)=>{if(null!=e&&null!=t)return e.map((e,a)=>{var n,i,l=(0,I.getValueByDataKey)(e,t.nameKey,t.name);return i=null!=r&&null!=(n=r[a])&&null!=(n=n.props)&&n.fill?r[a].props.fill:"object"==typeof e&&null!=e&&"fill"in e?e.fill:t.fill,{value:(0,I.getTooltipNameProp)(l,t.dataKey),color:i,payload:e,type:t.legendType}})}),tY=(0,ed.createSelector)([t_,tW,tZ,ef.selectChartOffsetInternal],(e,t,r,a)=>{if(null!=t&&null!=e)return function(e){var t,r,a,{pieSettings:n,displayedData:i,cells:l,offset:o}=e,{cornerRadius:s,startAngle:c,endAngle:u,dataKey:d,nameKey:p,tooltipType:m}=n,f=Math.abs(n.minAngle),y=(0,A.mathSign)(u-c)*Math.min(Math.abs(u-c),360),x=Math.abs(y),h=i.length<=1?0:null!=(t=n.paddingAngle)?t:0,v=i.filter(e=>0!==(0,I.getValueByDataKey)(e,d,0)).length,g=x-v*f-(x>=360?v:v-1)*h,b=i.reduce((e,t)=>{var r=(0,I.getValueByDataKey)(t,d,0);return e+((0,A.isNumber)(r)?r:0)},0);return b>0&&(r=i.map((e,t)=>{var r,i=(0,I.getValueByDataKey)(e,d,0),u=(0,I.getValueByDataKey)(e,p,t),x=((e,t,r)=>{var a,{top:n,left:i,width:l,height:o}=t,s=(0,tJ.getMaxRadius)(l,o),c=i+(0,A.getPercentValue)(e.cx,l,l/2),u=n+(0,A.getPercentValue)(e.cy,o,o/2),d=(0,A.getPercentValue)(e.innerRadius,s,0);return{cx:c,cy:u,innerRadius:d,outerRadius:(a=e.outerRadius,"function"==typeof a?(0,A.getPercentValue)(a(r),s,.8*s):(0,A.getPercentValue)(a,s,.8*s)),maxRadius:e.maxRadius||Math.sqrt(l*l+o*o)/2}})(n,o,e),v=((0,A.isNumber)(i)?i:0)/b,j=t8(t8({},e),l&&l[t]&&l[t].props),O=null!=j&&"fill"in j&&"string"==typeof j.fill?j.fill:n.fill,S=(r=t?a.endAngle+(0,A.mathSign)(y)*h*(0!==i):c)+(0,A.mathSign)(y)*((0!==i?f:0)+v*g),P=(r+S)/2,E=(x.innerRadius+x.outerRadius)/2,C=[{name:u,value:i,payload:j,dataKey:d,type:m,color:O,fill:O,graphicalItemId:n.id}],w=(0,tJ.polarToCartesian)(x.cx,x.cy,E,P);return a=t8(t8(t8(t8({},n.presentationProps),{},{percent:v,cornerRadius:"string"==typeof s?parseFloat(s):s,name:u,tooltipPayload:C,midAngle:P,middleRadius:E,tooltipPosition:w},j),x),{},{value:i,dataKey:d,startAngle:r,endAngle:S,payload:j,paddingAngle:(0,A.mathSign)(y)*h})})),r}({offset:a,pieSettings:t,displayedData:e,cells:r})}),tq=e.i(9516),tJ=e.i(68970),tQ=e.i(94810),t0=e.i(51161),t1=["key"],t2=["onMouseEnter","onClick","onMouseLeave"],t5=["id"],t3=["id"];function t7(){return(t7=Object.assign.bind()).apply(null,arguments)}function t6(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function t4(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function t8(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?t4(Object(r),!0).forEach(function(t){var a,n,i;a=e,n=t,i=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t4(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function t9(e){var t=(0,o.useMemo)(()=>(0,P.findAllByType)(e.children,O),[e.children]),r=(0,ee.useAppSelector)(r=>tX(r,e.id,t));return null==r?null:o.createElement(ez.SetPolarLegendPayload,{legendPayload:r})}var re=o.memo(e=>{var{dataKey:t,nameKey:r,sectors:a,stroke:n,strokeWidth:i,fill:l,name:s,hide:c,tooltipType:u,id:d,activeShape:p}=e,m=function(e){if(null!=e&&"boolean"!=typeof e&&"function"!=typeof e){if(o.isValidElement(e)){var t,r=null==(t=e.props)?void 0:t.fill;return"string"==typeof r?r:void 0}var{fill:a}=e;return"string"==typeof a?a:void 0}}(p),f={dataDefinedOnItem:a.map(e=>{var t=e.tooltipPayload;return null==m||null==t?t:t.map(e=>t8(t8({},e),{},{color:m,fill:m}))}),getPosition:e=>{var t;return null==(t=a[Number(e)])?void 0:t.tooltipPosition},settings:{stroke:n,strokeWidth:i,fill:l,dataKey:t,nameKey:r,name:(0,I.getTooltipNameProp)(s,t),hide:c,type:u,color:l,unit:"",graphicalItemId:d}};return o.createElement(ei.SetTooltipEntrySettings,{tooltipEntrySettings:f})});function rt(e){var{sectors:t,props:r,showLabels:a}=e,{label:n,labelLine:i,dataKey:l}=r;if(!a||!n||!t)return null;var s=(0,eB.svgPropertiesNoEvents)(r),c=(0,eB.svgPropertiesNoEventsFromUnknown)(n),u=(0,eB.svgPropertiesNoEventsFromUnknown)(i),d="object"==typeof n&&"offsetRadius"in n&&"number"==typeof n.offsetRadius&&n.offsetRadius||20,p=t.map((e,t)=>{var r,a,p=(e.startAngle+e.endAngle)/2,m=(0,tJ.polarToCartesian)(e.cx,e.cy,e.outerRadius+d,p),f=t8(t8(t8(t8({},s),e),{},{stroke:"none"},c),{},{index:t,textAnchor:(r=m.x)>(a=e.cx)?"start":r<a?"end":"middle"},m),y=t8(t8(t8(t8({},s),e),{},{fill:"none",stroke:e.fill},u),{},{index:t,points:[(0,tJ.polarToCartesian)(e.cx,e.cy,e.outerRadius,p),m],key:"line"});return o.createElement(eM.ZIndexLayer,{zIndex:eK.DefaultZIndexes.label,key:"label-".concat(e.startAngle,"-").concat(e.endAngle,"-").concat(e.midAngle,"-").concat(t)},o.createElement(j.Layer,null,i&&((e,t)=>{if(o.isValidElement(e))return o.cloneElement(e,t);if("function"==typeof e)return e(t);var r=(0,b.clsx)("recharts-pie-label-line","boolean"!=typeof e?e.className:""),{key:a}=t,n=t6(t,t1);return o.createElement(W.Curve,t7({},n,{type:"linear",className:r}))})(i,y),((e,t,r)=>{if(o.isValidElement(e))return o.cloneElement(e,t);var a=r;if("function"==typeof e&&(a=e(t),o.isValidElement(a)))return a;var n=(0,b.clsx)("recharts-pie-label-text",(0,t0.getClassNameFromUnknown)(e));return o.createElement(tq.Text,t7({},t,{alignmentBaseline:"middle",className:n}),a)})(n,f,(0,I.getValueByDataKey)(e,l))))});return o.createElement(j.Layer,{className:"recharts-pie-labels"},p)}function rr(e){var{sectors:t,props:r,showLabels:a}=e,{label:n}=r;return"object"==typeof n&&null!=n&&"position"in n?o.createElement(S.LabelListFromLabelProp,{label:n}):o.createElement(rt,{sectors:t,props:r,showLabels:a})}function ra(e){var{sectors:t,activeShape:r,inactiveShape:a,allOtherPieProps:n,shape:i,id:l}=e,s=(0,ee.useAppSelector)(eT.selectActiveTooltipIndex),c=(0,ee.useAppSelector)(eT.selectActiveTooltipDataKey),u=(0,ee.useAppSelector)(eT.selectActiveTooltipGraphicalItemId),{onMouseEnter:d,onClick:p,onMouseLeave:m}=n,f=t6(n,t2),y=er(d,n.dataKey,l),x=ea(m),h=en(p,n.dataKey,l);return null==t||0===t.length?null:o.createElement(o.Fragment,null,t.map((e,d)=>{if((null==e?void 0:e.startAngle)===0&&(null==e?void 0:e.endAngle)===0&&1!==t.length)return null;var p=null==u||u===l,m=String(d)===s&&(null==c||n.dataKey===c)&&p,v=r&&m?r:s?a:null,g=t8(t8({},e),{},{stroke:e.stroke,tabIndex:-1,[tQ.DATA_ITEM_INDEX_ATTRIBUTE_NAME]:d,[tQ.DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME]:l});return o.createElement(j.Layer,t7({key:"sector-".concat(null==e?void 0:e.startAngle,"-").concat(null==e?void 0:e.endAngle,"-").concat(e.midAngle,"-").concat(d),tabIndex:-1,className:"recharts-pie-sector"},(0,E.adaptEventsOfChild)(f,e,d),{onMouseEnter:y(e,d),onMouseLeave:x(e,d),onClick:h(e,d)}),o.createElement(Y,t7({option:null!=i?i:v,index:d,shapeType:"sector",isActive:m},g)))}))}function rn(e){var{showLabels:t,sectors:r,children:a}=e,n=(0,o.useMemo)(()=>t&&r?r.map(e=>({value:e.value,payload:e.payload,clockWise:!1,parentViewBox:void 0,viewBox:{cx:e.cx,cy:e.cy,innerRadius:e.innerRadius,outerRadius:e.outerRadius,startAngle:e.startAngle,endAngle:e.endAngle,clockWise:!1},fill:e.fill})):[],[r,t]);return o.createElement(S.PolarLabelListContextProvider,{value:t?n:void 0},a)}function ri(e){var{props:t,previousSectorsRef:r,id:a}=e,{sectors:n,isAnimationActive:i,animationBegin:l,animationDuration:s,animationEasing:c,activeShape:u,inactiveShape:d,onAnimationStart:p,onAnimationEnd:m}=t,f=(0,D.useAnimationId)(t,"recharts-pie-"),y=r.current,[x,h]=(0,o.useState)(!1),v=(0,o.useCallback)(()=>{"function"==typeof m&&m(),h(!1)},[m]),g=(0,o.useCallback)(()=>{"function"==typeof p&&p(),h(!0)},[p]);return o.createElement(rn,{showLabels:!x,sectors:n},o.createElement(N.JavascriptAnimate,{animationId:f,begin:l,duration:s,isActive:i,easing:c,onAnimationStart:g,onAnimationEnd:v,key:f},e=>{var i,l=[],s=n&&n[0],c=null!=(i=null==s?void 0:s.startAngle)?i:0;return null==n||n.forEach((t,r)=>{var a=y&&y[r],n=r>0?(0,tE.default)(t,"paddingAngle",0):0;if(a){var i=(0,A.interpolate)(a.endAngle-a.startAngle,t.endAngle-t.startAngle,e),o=t8(t8({},t),{},{startAngle:c+n,endAngle:c+i+n});l.push(o),c=o.endAngle}else{var{endAngle:s,startAngle:u}=t,d=(0,A.interpolate)(0,s-u,e),p=t8(t8({},t),{},{startAngle:c+n,endAngle:c+d+n});l.push(p),c=p.endAngle}}),r.current=l,o.createElement(j.Layer,null,o.createElement(ra,{sectors:l,activeShape:u,inactiveShape:d,allOtherPieProps:t,shape:t.shape,id:a}))}),o.createElement(rr,{showLabels:!x,sectors:n,props:t}),t.children)}var rl={animationBegin:400,animationDuration:1500,animationEasing:"ease",cx:"50%",cy:"50%",dataKey:"value",endAngle:360,fill:"#808080",hide:!1,innerRadius:0,isAnimationActive:"auto",label:!1,labelLine:!0,legendType:"rect",minAngle:0,nameKey:"name",outerRadius:"80%",paddingAngle:0,rootTabIndex:0,startAngle:0,stroke:"#fff",zIndex:eK.DefaultZIndexes.area};function ro(e){var{id:t}=e,r=t6(e,t5),{hide:a,className:n,rootTabIndex:i}=e,l=(0,o.useMemo)(()=>(0,P.findAllByType)(e.children,O),[e.children]),s=(0,ee.useAppSelector)(e=>tY(e,t,l)),c=(0,o.useRef)(null),u=(0,b.clsx)("recharts-pie",n);return a||null==s?(c.current=null,o.createElement(j.Layer,{tabIndex:i,className:u})):o.createElement(eM.ZIndexLayer,{zIndex:e.zIndex},o.createElement(re,{dataKey:e.dataKey,nameKey:e.nameKey,sectors:s,stroke:e.stroke,strokeWidth:e.strokeWidth,fill:e.fill,name:e.name,hide:e.hide,tooltipType:e.tooltipType,id:t,activeShape:e.activeShape}),o.createElement(j.Layer,{tabIndex:i,className:u},o.createElement(ri,{props:t8(t8({},r),{},{sectors:s}),previousSectorsRef:c,id:t})))}var rs=function(e){var t=(0,k.resolveDefaultProps)(e,rl),{id:r}=t,a=t6(t,t3),n=(0,eB.svgPropertiesNoEvents)(a);return o.createElement(eL.RegisterGraphicalItemId,{id:r,type:"pie"},e=>o.createElement(o.Fragment,null,o.createElement(eR.SetPolarGraphicalItem,{type:"pie",id:e,data:a.data,dataKey:a.dataKey,hide:a.hide,angleAxisId:0,radiusAxisId:0,name:a.name,nameKey:a.nameKey,tooltipType:a.tooltipType,legendType:a.legendType,fill:a.fill,cx:a.cx,cy:a.cy,startAngle:a.startAngle,endAngle:a.endAngle,paddingAngle:a.paddingAngle,minAngle:a.minAngle,innerRadius:a.innerRadius,outerRadius:a.outerRadius,cornerRadius:a.cornerRadius,presentationProps:n,maxRadius:t.maxRadius}),o.createElement(t9,t7({},a,{id:e})),o.createElement(ro,t7({},a,{id:e}))))};rs.displayName="Pie";var rc=e.i(85183),ru=e.i(93230),rd=e.i(72526),rp=e.i(34239),rm=e.i(31195);function rf(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(0)}K`:String(e)}let ry=["#3b82f6","#a855f7","#14b8a6","#f59e0b","#ef4444"],rx=["#10b981","#3b82f6","#a855f7","#f59e0b","#ef4444","#14b8a6","#ec4899"];function rh(){return(0,l.jsx)(o.Suspense,{fallback:(0,l.jsx)("div",{className:"min-h-screen bg-background flex items-center justify-center",children:(0,l.jsxs)("div",{className:"flex items-center gap-3 text-muted-foreground",children:[(0,l.jsx)("div",{className:"size-5 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin"}),"Loading costs..."]})}),children:(0,l.jsx)(rv,{})})}function rv(){let e=(0,c.useRouter)(),t=(0,c.useSearchParams)(),[r,a]=(0,o.useState)([]),[n,i]=(0,o.useState)(null),[y,x]=(0,o.useState)(!0),h=t.get("profile")||"default",g=t.get("preset")||"30d",b=t.get("from")||"",j=t.get("to")||"",S=b&&j?{from:b,to:j}:function(e){let t=new Date,r=t.toISOString().slice(0,10);if("7d"===e){let e=new Date(t);return e.setDate(e.getDate()-7),{from:e.toISOString().slice(0,10),to:r}}if("30d"===e){let e=new Date(t);return e.setDate(e.getDate()-30),{from:e.toISOString().slice(0,10),to:r}}return"month"===e?{from:`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-01`,to:r}:{from:"",to:""}}(g);function A(r,a){let n=new URLSearchParams(t.toString());n.delete("preset"),n.set(r,a),"from"!==r||n.get("to")||n.set("to",new Date().toISOString().slice(0,10)),"to"!==r||n.get("from")||n.set("from","2020-01-01"),e.replace(`?${n.toString()}`,{scroll:!1})}(0,o.useEffect)(()=>{(0,d.getProfiles)().then(a)},[]);let P=(0,o.useCallback)(async()=>{x(!0);try{let e=await (0,d.getCosts)({profile:h,from:S.from||void 0,to:S.to||void 0});i(e)}finally{x(!1)}},[h,S.from,S.to]);(0,o.useEffect)(()=>{P()},[P]);let I=n?.totalUsd??0,E=n?.totalTokens??0,C=n?.sessionCount??0,w=C>0?I/C:0,k=[...n?.daily??[]].sort((e,t)=>new Date(t.date).getTime()-new Date(e.date).getTime()),N=[...n?.daily??[]].sort((e,t)=>new Date(e.date).getTime()-new Date(t.date).getTime());(n?.byAgent??[]).map(e=>e.costUsd);let D=Math.max(...(n?.byProject??[]).map(e=>e.costUsd),0);return(0,l.jsxs)("div",{className:"min-h-screen bg-background text-foreground",children:[(0,l.jsx)("nav",{className:"border-b border-border/50 bg-background/80 backdrop-blur-sm sticky top-0 z-50",children:(0,l.jsxs)("div",{className:"max-w-7xl mx-auto px-6 h-14 flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-6",children:[(0,l.jsxs)(s.default,{href:"/",className:"flex items-center gap-2",children:[(0,l.jsx)(p.ClaWatchIcon,{}),(0,l.jsx)(p.ClaWatchLogo,{size:"md"})]}),(0,l.jsx)(s.default,{href:"/dashboard",className:"text-sm text-muted-foreground hover:text-foreground transition-colors",children:"Dashboard"}),(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:"/"}),(0,l.jsx)("span",{className:"text-sm text-foreground font-medium",children:"Costs"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[r.length>0&&(0,l.jsx)("select",{value:h,onChange:r=>{var a,n;let i;return a="profile",n=r.target.value,i=new URLSearchParams(t.toString()),void(n&&"default"!==n?i.set(a,n):i.delete(a),e.replace(`?${i.toString()}`,{scroll:!1}))},className:"bg-zinc-900 border border-border/50 rounded-md px-2.5 py-1 text-xs text-muted-foreground focus:outline-none focus:border-emerald-500/50 cursor-pointer appearance-none pr-6",style:{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 6px center"},children:r.map(e=>(0,l.jsx)("option",{value:e.id,children:e.name},e.id))}),(0,l.jsxs)("a",{href:(0,d.getCostsCSVUrl)("default"!==h?h:void 0),className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition-colors",children:[(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,l.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,l.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,l.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),"Export CSV"]})]})]})}),(0,l.jsxs)("div",{className:"max-w-7xl mx-auto px-6 py-6 space-y-6",children:[(0,l.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,l.jsx)("div",{className:"flex items-center gap-1",children:[["7d","Last 7 days"],["30d","Last 30 days"],["month","This month"],["all","All time"]].map(([r,a])=>(0,l.jsx)("button",{onClick:()=>{let a;(a=new URLSearchParams(t.toString())).delete("from"),a.delete("to"),"30d"===r?a.delete("preset"):a.set("preset",r),e.replace(`?${a.toString()}`,{scroll:!1})},className:`px-3 py-1.5 text-xs rounded-lg border transition-colors ${g===r&&!b?"bg-emerald-500/20 border-emerald-500/40 text-emerald-400":"border-zinc-700 text-zinc-400 hover:border-zinc-600"}`,children:a},r))}),(0,l.jsxs)("div",{className:"flex items-center gap-2 ml-auto",children:[(0,l.jsx)("input",{type:"date",value:b||S.from,onChange:e=>A("from",e.target.value),className:"px-2.5 py-1.5 text-xs rounded-lg bg-zinc-900 border border-zinc-700 text-zinc-300 focus:outline-none focus:border-emerald-500/50"}),(0,l.jsx)("span",{className:"text-xs text-muted-foreground",children:"to"}),(0,l.jsx)("input",{type:"date",value:j||S.to,onChange:e=>A("to",e.target.value),className:"px-2.5 py-1.5 text-xs rounded-lg bg-zinc-900 border border-zinc-700 text-zinc-300 focus:outline-none focus:border-emerald-500/50"})]})]}),y?(0,l.jsx)("div",{className:"flex items-center justify-center py-20",children:(0,l.jsxs)("div",{className:"flex items-center gap-3 text-muted-foreground",children:[(0,l.jsx)("div",{className:"size-5 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin"}),"Loading costs..."]})}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-4",children:[(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{className:"pb-2",children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Total Cost"})}),(0,l.jsx)(u.CardContent,{children:(0,l.jsxs)("div",{className:"text-3xl font-bold",children:["$",I.toFixed(2)]})})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{className:"pb-2",children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Total Tokens"})}),(0,l.jsx)(u.CardContent,{children:(0,l.jsx)("div",{className:"text-3xl font-bold",children:rf(E)})})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{className:"pb-2",children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Total Sessions"})}),(0,l.jsx)(u.CardContent,{children:(0,l.jsx)("div",{className:"text-3xl font-bold",children:C})})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{className:"pb-2",children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Avg Cost/Session"})}),(0,l.jsx)(u.CardContent,{children:(0,l.jsxs)("div",{className:"text-3xl font-bold",children:["$",w.toFixed(2)]})})]})]}),(0,l.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,l.jsxs)(u.Card,{className:"col-span-1 lg:col-span-2",children:[(0,l.jsx)(u.CardHeader,{children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Daily Cost Trend"})}),(0,l.jsx)(u.CardContent,{children:(0,l.jsx)("div",{className:"h-64",children:(0,l.jsx)(rm.ResponsiveContainer,{width:"100%",height:"100%",children:(0,l.jsxs)(m.AreaChart,{data:N,children:[(0,l.jsx)("defs",{children:(0,l.jsxs)("linearGradient",{id:"costGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"#10b981",stopOpacity:.3}),(0,l.jsx)("stop",{offset:"95%",stopColor:"#10b981",stopOpacity:0})]})}),(0,l.jsx)(rd.CartesianGrid,{strokeDasharray:"3 3",stroke:"#27272a"}),(0,l.jsx)(rc.XAxis,{dataKey:"date",tick:{fill:"#71717a",fontSize:11},tickFormatter:e=>new Date(e+"T00:00:00").toLocaleDateString("en-US",{month:"short",day:"numeric"})}),(0,l.jsx)(ru.YAxis,{tick:{fill:"#71717a",fontSize:11},tickFormatter:e=>`$${e}`}),(0,l.jsx)(rp.Tooltip,{contentStyle:{backgroundColor:"#18181b",border:"1px solid #27272a",borderRadius:"8px",fontSize:"12px"},labelFormatter:e=>new Date(e+"T00:00:00").toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),formatter:e=>[`$${Number(e).toFixed(2)}`,"Cost"]}),(0,l.jsx)(f.Area,{type:"monotone",dataKey:"costUsd",stroke:"#10b981",strokeWidth:2,fill:"url(#costGradient)"})]})})})})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Cost by Agent"})}),(0,l.jsx)(u.CardContent,{children:(n?.byAgent??[]).length>0?(0,l.jsx)("div",{className:"h-64",children:(0,l.jsx)(rm.ResponsiveContainer,{width:"100%",height:"100%",children:(0,l.jsxs)(v,{data:n.byAgent,layout:"vertical",margin:{left:60,right:20,top:5,bottom:5},children:[(0,l.jsx)(rd.CartesianGrid,{strokeDasharray:"3 3",stroke:"#27272a",horizontal:!1}),(0,l.jsx)(rc.XAxis,{type:"number",tick:{fill:"#71717a",fontSize:11},tickFormatter:e=>`$${e}`}),(0,l.jsx)(ru.YAxis,{type:"category",dataKey:"name",tick:{fill:"#71717a",fontSize:11},width:55}),(0,l.jsx)(rp.Tooltip,{contentStyle:{backgroundColor:"#18181b",border:"1px solid #27272a",borderRadius:"8px",fontSize:"12px"},formatter:e=>[`$${Number(e).toFixed(2)}`,"Cost"]}),(0,l.jsx)(to,{dataKey:"costUsd",radius:[0,4,4,0],children:(n?.byAgent??[]).map((e,t)=>(0,l.jsx)(O,{fill:ry[t%ry.length],style:{stroke:"none"}},t))})]})})}):(0,l.jsx)("div",{className:"h-64 flex items-center justify-center text-sm text-muted-foreground",children:"No agent data"})})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Cost by Model"})}),(0,l.jsx)(u.CardContent,{children:(n?.byModel??[]).length>0?(0,l.jsx)("div",{className:"h-64 flex items-center justify-center",children:(0,l.jsx)(rm.ResponsiveContainer,{width:"100%",height:"100%",children:(0,l.jsxs)(tI,{children:[(0,l.jsx)(rs,{data:n.byModel,dataKey:"costUsd",nameKey:"model",cx:"50%",cy:"50%",outerRadius:90,innerRadius:50,paddingAngle:2,label:({name:e,value:t})=>`${(e||"").split("-").slice(0,2).join("-")} $${(t??0).toFixed(2)}`,labelLine:{stroke:"#71717a"},children:(n?.byModel??[]).map((e,t)=>(0,l.jsx)(O,{fill:rx[t%rx.length],style:{stroke:"none"}},t))}),(0,l.jsx)(rp.Tooltip,{contentStyle:{backgroundColor:"#18181b",border:"1px solid #27272a",borderRadius:"8px",fontSize:"12px"},formatter:e=>[`$${Number(e).toFixed(2)}`,"Cost"]})]})})}):(0,l.jsx)("div",{className:"h-64 flex items-center justify-center text-sm text-muted-foreground",children:"No model data"})})]}),(0,l.jsxs)(u.Card,{className:"col-span-1 lg:col-span-2",children:[(0,l.jsx)(u.CardHeader,{children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Cost by Project"})}),(0,l.jsx)(u.CardContent,{children:(n?.byProject??[]).length>0?(0,l.jsx)("div",{className:"space-y-3",children:n.byProject.map(e=>(0,l.jsxs)("div",{className:"space-y-1.5",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,l.jsx)("span",{className:"text-zinc-200 font-medium",children:e.name}),(0,l.jsxs)("div",{className:"flex items-center gap-4 text-xs text-muted-foreground",children:[(0,l.jsxs)("span",{children:[rf(e.tokenCount)," tokens"]}),(0,l.jsxs)("span",{children:[e.sessionCount," sessions"]}),(0,l.jsxs)("span",{className:"text-zinc-200 font-medium",children:["$",e.costUsd.toFixed(2)]})]})]}),(0,l.jsx)("div",{className:"h-1.5 rounded-full bg-zinc-800 overflow-hidden",children:(0,l.jsx)("div",{className:"h-full rounded-full bg-emerald-500 transition-all",style:{width:`${D>0?e.costUsd/D*100:0}%`}})})]},e.projectId))}):(0,l.jsx)("div",{className:"py-8 text-center text-sm text-muted-foreground",children:"No project data"})})]})]}),(0,l.jsxs)(u.Card,{children:[(0,l.jsx)(u.CardHeader,{children:(0,l.jsx)(u.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Daily Breakdown"})}),(0,l.jsx)(u.CardContent,{children:k.length>0?(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsxs)("table",{className:"w-full text-sm",children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"border-b border-zinc-800",children:[(0,l.jsx)("th",{className:"text-left py-2 px-3 text-xs font-medium text-muted-foreground",children:"Date"}),(0,l.jsx)("th",{className:"text-right py-2 px-3 text-xs font-medium text-muted-foreground",children:"Sessions"}),(0,l.jsx)("th",{className:"text-right py-2 px-3 text-xs font-medium text-muted-foreground",children:"Tokens"}),(0,l.jsx)("th",{className:"text-right py-2 px-3 text-xs font-medium text-muted-foreground",children:"Cost"})]})}),(0,l.jsx)("tbody",{children:k.map(e=>(0,l.jsxs)("tr",{className:"border-b border-zinc-800/50 hover:bg-zinc-900/50 transition-colors",children:[(0,l.jsx)("td",{className:"py-2 px-3 text-zinc-300",children:new Date(e.date+"T00:00:00").toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}),(0,l.jsx)("td",{className:"py-2 px-3 text-right text-zinc-400",children:e.sessionCount}),(0,l.jsx)("td",{className:"py-2 px-3 text-right text-zinc-400",children:rf(e.tokenCount)}),(0,l.jsxs)("td",{className:"py-2 px-3 text-right text-zinc-200 font-medium",children:["$",e.costUsd.toFixed(2)]})]},e.date))})]})}):(0,l.jsx)("div",{className:"py-8 text-center text-sm text-muted-foreground",children:"No daily data available"})})]})]})]})]})}e.s(["default",()=>rh],80730)}]);

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

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,87486,e=>{"use strict";var t=e.i(19805),s=e.i(27601),n=e.i(25913),o=e.i(75157);let a=(0,n.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 r({className:e,variant:n="default",render:r,...i}){var d;return d={defaultTagName:"span",props:(0,t.mergeProps)({className:(0,o.cn)(a({variant:n}),e)},i),render:r,state:{slot:"badge",variant:n}},(0,s.useRenderElement)(d.defaultTagName??"div",d,d)}e.s(["Badge",()=>r],87486)},19455,19805,27601,25913,e=>{"use strict";var t=e.i(43476);e.i(47167);var s=e.i(71645);let n={};function o(e,t){let o=s.useRef(n);return o.current===n&&(o.current=e(t)),o}let a=s[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0,-3)],r=a&&a!==s.useLayoutEffect?a:e=>e();function i(e){let t=o(d).current;return t.next=e,r(t.effect),t.trampoline}function d(){let e={next:void 0,callback:l,trampoline:(...t)=>e.callback?.(...t),effect:()=>{e.callback=e.next}};return e}function l(){}let c="u">typeof document?s.useLayoutEffect:()=>{};function u(e,t){return e&&!t?e:!e&&t?t:e||t?{...e,...t}:void 0}let m={};function p(e,t,s,n,o){let a={...b(e,m)};return t&&(a=f(a,t)),s&&(a=f(a,s)),n&&(a=f(a,n)),o&&(a=f(a,o)),a}function g(e){if(0===e.length)return m;if(1===e.length)return b(e[0],m);let t={...b(e[0],m)};for(let s=1;s<e.length;s+=1)t=f(t,e[s]);return t}function f(e,t){return h(t)?t(e):function(e,t){if(!t)return e;for(let s in t){let n=t[s];switch(s){case"style":e[s]=u(e.style,n);break;case"className":e[s]=y(e.className,n);break;default:!function(e,t){let s=e.charCodeAt(0),n=e.charCodeAt(1),o=e.charCodeAt(2);return 111===s&&110===n&&o>=65&&o<=90&&("function"==typeof t||void 0===t)}(s,n)?e[s]=n:e[s]=function(e,t){return t?e?s=>{var n;if(null!=(n=s)&&"object"==typeof n&&"nativeEvent"in n){k(s);let n=t(s);return s.baseUIHandlerPrevented||e?.(s),n}let o=t(s);return e?.(s),o}:t:e}(e[s],n)}}return e}(e,t)}function h(e){return"function"==typeof e}function b(e,t){return h(e)?e(t):e??m}function k(e){return e.preventBaseUIHandler=()=>{e.baseUIHandlerPrevented=!0},e}function y(e,t){return t?e?t+" "+e:t:e}function v(e,...t){let s=new URL("https://base-ui.com/production-error");return s.searchParams.set("code",e.toString()),t.forEach(e=>s.searchParams.append("args[]",e)),`Base UI error #${e}; visit ${s} for the full message.`}e.s(["makeEventPreventable",()=>k,"mergeClassNames",()=>y,"mergeProps",()=>p,"mergePropsN",()=>g],19805);let w=s.createContext(void 0);function C(e,t,s,n){var a,r,i,d,l;let c=o(x).current;return a=c,r=e,i=t,d=s,l=n,(a.refs[0]!==r||a.refs[1]!==i||a.refs[2]!==d||a.refs[3]!==l)&&I(c,[e,t,s,n]),c.callback}function x(){return{callback:null,cleanup:null,refs:[]}}function I(e,t){if(e.refs=t,t.every(e=>null==e)){e.callback=null;return}e.callback=s=>{if(e.cleanup&&(e.cleanup(),e.cleanup=null),null!=s){let n=Array(t.length).fill(null);for(let e=0;e<t.length;e+=1){let o=t[e];if(null!=o)switch(typeof o){case"function":{let t=o(s);"function"==typeof t&&(n[e]=t);break}case"object":o.current=s}}e.cleanup=()=>{for(let e=0;e<t.length;e+=1){let s=t[e];if(null!=s)switch(typeof s){case"function":{let t=n[e];"function"==typeof t?t():s(null);break}case"object":s.current=null}}}}}}let A=parseInt(s.version,10);function U(e){if(!s.isValidElement(e))return null;let t=e.props;return(A>=19?t?.ref:e.ref)??null}Object.freeze([]);let S=Object.freeze({});function j(e,t,n={}){let a=t.render,r=function(e,t={}){var s,n,a;let{className:r,style:i,render:d}=e,{state:l=S,ref:c,props:m,stateAttributesMapping:p,enabled:f=!0}=t,h=f?"function"==typeof r?r(l):r:void 0,b=f?"function"==typeof i?i(l):i:void 0,k=f?function(e,t){let s={};for(let n in e){let o=e[n];if(t?.hasOwnProperty(n)){let e=t[n](o);null!=e&&Object.assign(s,e);continue}!0===o?s[`data-${n.toLowerCase()}`]="":o&&(s[`data-${n.toLowerCase()}`]=o.toString())}return s}(l,p):S,v=f?u(k,Array.isArray(m)?g(m):m)??S:S;if("u">typeof document)if(f)if(Array.isArray(c)){let e;s=[v.ref,U(d),...c],n=e=o(x).current,a=s,(n.refs.length!==a.length||n.refs.some((e,t)=>e!==a[t]))&&I(e,s),v.ref=e.callback}else v.ref=C(v.ref,U(d),c);else C(null,null);return f?(void 0!==h&&(v.className=y(v.className,h)),void 0!==b&&(v.style=u(v.style,b)),v):S}(t,n);return!1===n.enabled?null:function(e,t,n,o){if(t){if("function"==typeof t)return t(n,o);let e=p(n,t.props);e.ref=n.ref;let a=t;return a?.$$typeof===$&&(a=s.Children.toArray(t)[0]),s.cloneElement(a,e)}if(e&&"string"==typeof e){var a,r;return a=e,r=n,"button"===a?(0,s.createElement)("button",{type:"button",...r,key:r.key}):"img"===a?(0,s.createElement)("img",{alt:"",...r,key:r.key}):s.createElement(a,r)}throw Error(v(8))}(e,a,r,n.state??S)}let $=Symbol.for("react.lazy");e.s(["useRenderElement",()=>j],27601);let P=s.forwardRef(function(e,t){let{render:n,className:o,disabled:a=!1,focusableWhenDisabled:r=!1,nativeButton:d=!0,...l}=e,{getButtonProps:u,buttonRef:m}=function(e={}){let{disabled:t=!1,focusableWhenDisabled:n,tabIndex:o=0,native:a=!0}=e,r=s.useRef(null),d=void 0!==function(e=!1){let t=s.useContext(w);if(void 0===t&&!e)throw Error(v(16));return t}(!0),l=i(()=>{let e=r.current;return!!(e?.tagName==="A"&&e?.href)}),{props:u}=function(e){let{focusableWhenDisabled:t,disabled:n,composite:o=!1,tabIndex:a=0,isNativeButton:r}=e,i=o&&!1!==t,d=o&&!1===t;return{props:s.useMemo(()=>{let e={onKeyDown(e){n&&t&&"Tab"!==e.key&&e.preventDefault()}};return o||(e.tabIndex=a,!r&&n&&(e.tabIndex=t?a:-1)),(r&&(t||i)||!r&&n)&&(e["aria-disabled"]=n),r&&(!t||d)&&(e.disabled=n),e},[o,n,t,i,d,r,a])}}({focusableWhenDisabled:n,disabled:t,composite:d,tabIndex:o,isNativeButton:a}),m=s.useCallback(()=>{var e;let s=r.current;(function(e){var t;return!!("u">typeof window)&&(e instanceof HTMLElement||e instanceof((null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window).HTMLElement)})(e=s)&&"BUTTON"===e.tagName&&d&&t&&void 0===u.disabled&&s.disabled&&(s.disabled=!1)},[t,u.disabled,d]);return c(m,[m]),{getButtonProps:s.useCallback((e={})=>{let{onClick:s,onMouseDown:n,onKeyUp:o,onKeyDown:r,onPointerDown:i,...d}=e;return p({type:a?"button":void 0,onClick(e){t?e.preventDefault():s?.(e)},onMouseDown(e){t||n?.(e)},onKeyDown(e){if(t||(k(e),r?.(e)),e.baseUIHandlerPrevented)return;let n=e.target===e.currentTarget&&!a&&!l()&&!t,o="Enter"===e.key,i=" "===e.key;n&&((i||o)&&e.preventDefault(),o&&s?.(e))},onKeyUp(e){t||(k(e),o?.(e)),!e.baseUIHandlerPrevented&&(e.target!==e.currentTarget||a||t||" "!==e.key||s?.(e))},onPointerDown(e){t?e.preventDefault():i?.(e)}},a?void 0:{role:"button"},u,d)},[t,u,a,l]),buttonRef:i(e=>{r.current=e,m()})}}({disabled:a,focusableWhenDisabled:r,native:d});return j("button",e,{state:{disabled:a},ref:[t,m],props:[l,u]})});var N=e.i(7670);let T=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,M=N.clsx,E=(e,t)=>s=>{var n;if((null==t?void 0:t.variants)==null)return M(e,null==s?void 0:s.class,null==s?void 0:s.className);let{variants:o,defaultVariants:a}=t,r=Object.keys(o).map(e=>{let t=null==s?void 0:s[e],n=null==a?void 0:a[e];if(null===t)return null;let r=T(t)||T(n);return o[e][r]}),i=s&&Object.entries(s).reduce((e,t)=>{let[s,n]=t;return void 0===n||(e[s]=n),e},{});return M(e,r,null==t||null==(n=t.compoundVariants)?void 0:n.reduce((e,t)=>{let{class:s,className:n,...o}=t;return Object.entries(o).every(e=>{let[t,s]=e;return Array.isArray(s)?s.includes({...a,...i}[t]):({...a,...i})[t]===s})?[...e,s,n]:e},[]),null==s?void 0:s.class,null==s?void 0:s.className)};e.s(["cva",0,E],25913);var B=e.i(75157);let D=E("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}});function z({className:e,variant:s="default",size:n="default",...o}){return(0,t.jsx)(P,{"data-slot":"button",className:(0,B.cn)(D({variant:s,size:n,className:e})),...o})}e.s(["Button",()=>z],19455)},18566,(e,t,s)=>{t.exports=e.r(76562)},15288,9165,e=>{"use strict";let t,s,n,o,a;var r,i=e.i(43476),d=e.i(75157);function l({className:e,size:t="default",...s}){return(0,i.jsx)("div",{"data-slot":"card","data-size":t,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",e),...s})}function c({className:e,...t}){return(0,i.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",e),...t})}function u({className:e,...t}){return(0,i.jsx)("div",{"data-slot":"card-title",className:(0,d.cn)("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",e),...t})}function m({className:e,...t}){return(0,i.jsx)("div",{"data-slot":"card-content",className:(0,d.cn)("px-4 group-data-[size=sm]/card:px-3",e),...t})}e.s(["Card",()=>l,"CardContent",()=>m,"CardHeader",()=>c,"CardTitle",()=>u],15288);var p=e.i(47167);let g=new Date,f=e=>new Date(g.getTime()-6e4*e).toISOString(),h=e=>new Date(g.getTime()-36e5*e).toISOString(),b=[{id:"agent-1",name:"code-reviewer",host:"prod-us-east-1",status:"running",lastHeartbeat:f(.5),costUsd:4.82,tokenCount:124e4,errorCount:0},{id:"agent-2",name:"deploy-bot",host:"prod-us-east-1",status:"running",lastHeartbeat:f(1),costUsd:2.15,tokenCount:52e4,errorCount:1},{id:"agent-3",name:"data-pipeline",host:"prod-eu-west-1",status:"error",lastHeartbeat:f(12),costUsd:8.43,tokenCount:21e5,errorCount:7},{id:"agent-4",name:"customer-support",host:"prod-us-west-2",status:"stuck",lastHeartbeat:f(45),costUsd:12.67,tokenCount:34e5,errorCount:3},{id:"agent-5",name:"test-runner",host:"staging-1",status:"paused",lastHeartbeat:h(2),costUsd:1.03,tokenCount:28e4,errorCount:0},{id:"agent-6",name:"doc-generator",host:"prod-us-east-1",status:"running",lastHeartbeat:f(.2),costUsd:3.21,tokenCount:89e4,errorCount:0},{id:"agent-7",name:"security-scanner",host:"prod-eu-west-1",status:"stopped",lastHeartbeat:h(6),costUsd:.45,tokenCount:12e4,errorCount:0},{id:"agent-8",name:"slack-responder",host:"prod-us-west-2",status:"running",lastHeartbeat:f(.1),costUsd:6.89,tokenCount:178e4,errorCount:2}],k=[{id:"alert-1",agentId:"agent-4",type:"stuck",severity:"critical",message:"customer-support has not sent a heartbeat in 45 minutes",timestamp:f(44),acknowledged:!1},{id:"alert-2",agentId:"agent-3",type:"error",severity:"critical",message:"data-pipeline encountered 7 errors in the last hour",timestamp:f(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:h(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:f(30),acknowledged:!0},{id:"alert-5",agentId:"agent-2",type:"error",severity:"info",message:"deploy-bot encountered a transient API error (auto-recovered)",timestamp:h(3),acknowledged:!0}],y={totalUsd:39.65,totalTokens:45e5,sessionCount:12,byAgent:b.map(e=>({agentId:e.id,name:e.name,costUsd:e.costUsd,tokenCount:e.tokenCount})),byModel:[{model:"claude-sonnet-4-20250514",costUsd:22.1},{model:"claude-haiku-4-20250506",costUsd:11.35},{model:"gpt-4o",costUsd:6.2}],byProject:[{projectId:"proj-1",name:"ClaWatch",costUsd:18.5,tokenCount:21e5,sessionCount:5},{projectId:"proj-2",name:"Auth Service",costUsd:12.35,tokenCount:14e5,sessionCount:4},{projectId:"proj-3",name:"Mobile App",costUsd:8.8,tokenCount:1e6,sessionCount:3}],daily:Array.from({length:7},(e,t)=>{let s=new Date("2026-03-04");return s.setDate(s.getDate()+t),{date:s.toISOString().slice(0,10),costUsd:+(3+8*Math.random()).toFixed(2),tokenCount:Math.floor(4e5+8e5*Math.random()),sessionCount:Math.floor(1+4*Math.random())}})},v=[{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:f(45),lastActivityAt:f(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:h(3),lastActivityAt:h(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:f(90),lastActivityAt:f(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:h(1.5),lastActivityAt:f(.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:h(5),lastActivityAt:h(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:f(30),lastActivityAt:f(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:h(8),lastActivityAt:h(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:f(15),lastActivityAt:f(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:h(12),lastActivityAt:h(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:f(60),lastActivityAt:f(20),duration:2400}],w=[{id:"project-1",name:"Building ClaWatch",description:"Full-stack AI observability platform with real-time monitoring, session tracking, and cost analytics",createdAt:h(48),updatedAt:f(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:h(24),updatedAt:f(30),sessionCount:2,totalCostUsd:12.5}],C=(t=[],s=0,(n=(e,n,o,a,r,i)=>{s++,t.push({sessionId:e,agentId:n,id:`tl-${s}`,role:o,timestamp:f(a),content:r,...i})})("session-1","ofek","user",120,"Build the ClaWatch dashboard with real-time alerts and agent monitoring. Use Next.js 15 + shadcn/ui."),n("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}),n("session-3","dor","user",118,"Review the initial project setup and suggest architectural improvements for the monitoring system."),n("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"}),n("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}),n("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}),n("session-8","anas","user",114,"Write comprehensive unit tests for the cost calculation module including edge cases."),n("session-1","ofek","tool",113,"File written: src/lib/types.ts (78 lines)",{toolName:"write"}),n("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}),n("session-3","dor","tool",111,"export interface Agent {\n  id: string;\n  name: string;\n  status: AgentStatus;\n  ...",{toolName:"read"}),n("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}),n("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}),n("session-8","anas","tool",107,"export function calculateCost(tokens: number, model: string): number { ... }",{toolName:"read"}),n("session-1","ofek","tool",105,"File written: src/lib/mock-data.ts (280 lines)",{toolName:"write"}),n("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}),n("session-1","ofek","system",103,"Context window: 45% utilized (90K/200K tokens)"),n("session-8","anas","tool",102,"File written: src/__tests__/cost-calculation.test.ts (156 lines)",{toolName:"write"}),n("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}),n("session-3","dor","user",98,"Can you also review the API layer and check for error handling gaps?"),n("session-1","ofek","tool",95,"File written: src/app/dashboard/page.tsx (320 lines)",{toolName:"write"}),n("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}),n("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}),n("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"}),n("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}),n("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"}),n("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}),n("session-1","ofek","user",80,"Add session detail view with message timeline, cost breakdown by model, and token analysis."),n("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}),n("session-1","ofek","tool",75,"File written: src/app/dashboard/sessions/[id]/page.tsx (340 lines)",{toolName:"write"}),n("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}),n("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}),n("session-1","ofek","system",68,"Context window: 72% utilized (144K/200K tokens)"),n("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"}),n("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}),t.sort((e,t)=>new Date(e.timestamp).getTime()-new Date(t.timestamp).getTime())),x={"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:h(48),to:f(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:[v.find(e=>"session-1"===e.id),v.find(e=>"session-3"===e.id),v.find(e=>"session-8"===e.id)],timeline:C},"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:h(24),to:f(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:[v.find(e=>"session-2"===e.id),v.find(e=>"session-6"===e.id)],timeline:[{sessionId:"session-2",agentId:"anas",id:"tl-b1",role:"user",timestamp:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(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:h(2),content:"$ jest session.test.ts --verbose\nPASSED: all 6 tests",toolName:"exec"},{sessionId:"session-2",agentId:"anas",id:"tl-b11",role:"assistant",timestamp:h(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:h(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}]}},I={};for(let e of v)I[e.id]={...e,costByModel:e.model.includes("sonnet")?[{model:"claude-sonnet-4-20250514",costUsd:.82*e.costUsd,tokenCount:Math.floor(.75*e.tokenCount)},{model:"claude-haiku-4-20250506",costUsd:.18*e.costUsd,tokenCount:Math.floor(.25*e.tokenCount)}]:[{model:"claude-haiku-4-20250506",costUsd:.65*e.costUsd,tokenCount:Math.floor(.6*e.tokenCount)},{model:"claude-sonnet-4-20250514",costUsd:.35*e.costUsd,tokenCount:Math.floor(.4*e.tokenCount)}],tokenBreakdown:{input:Math.floor(.35*e.tokenCount),output:Math.floor(.3*e.tokenCount),cacheRead:Math.floor(.25*e.tokenCount),cacheWrite:Math.floor(.1*e.tokenCount)},messages:(r=e.id,[{id:`${r}-msg-1`,role:"user",timestamp:f(44),content:"Build the ClaWatch dashboard with real-time alert monitoring. Use Next.js 15 with shadcn/ui components."},{id:`${r}-msg-2`,role:"assistant",timestamp:f(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:`${r}-msg-3`,role:"tool",timestamp:f(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:`${r}-msg-4`,role:"assistant",timestamp:f(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:`${r}-msg-5`,role:"tool",timestamp:f(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:`${r}-msg-6`,role:"assistant",timestamp:f(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:`${r}-msg-7`,role:"tool",timestamp:f(39),content:"File written: src/app/dashboard/page.tsx (358 lines)",toolName:"write",toolInput:'{"path": "src/app/dashboard/page.tsx", "content": "..."}'},{id:`${r}-msg-8`,role:"tool",timestamp:f(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:`${r}-msg-9`,role:"assistant",timestamp:f(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:`${r}-msg-10`,role:"tool",timestamp:f(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:`${r}-msg-11`,role:"user",timestamp:f(35),content:"Can you also add a cost breakdown by model? Show it as horizontal progress bars."},{id:`${r}-msg-12`,role:"assistant",timestamp:f(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:`${r}-msg-13`,role:"tool",timestamp:f(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:`${r}-msg-14`,role:"system",timestamp:f(32),content:"Context window: 78% utilized (156K/200K tokens)"},{id:`${r}-msg-15`,role:"assistant",timestamp:f(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:`${r}-msg-16`,role:"tool",timestamp:f(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:`${r}-msg-17`,role:"assistant",timestamp:f(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:`${r}-msg-18`,role:"tool",timestamp:f(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:`${r}-msg-19`,role:"assistant",timestamp:f(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:`${r}-msg-20`,role:"tool",timestamp:f(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 A={"alert-1":{alert:k[0],agent:{id:"agent-4",name:"customer-support",status:"stuck"},relatedErrors:[],context:{lastHeartbeat:f(45),stuckDurationMinutes:45,agentStatus:"stuck"}},"alert-2":{alert:k[1],agent:{id:"agent-3",name:"data-pipeline",status:"error"},relatedErrors:[{timestamp:f(12),error:"TypeError: Cannot read properties of undefined (reading 'map')"},{timestamp:f(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:f(11),error:"ECONNREFUSED: Connection refused to database at 127.0.0.1:5432"},{timestamp:f(10),error:"Unhandled promise rejection: Query timeout after 30000ms"},{timestamp:f(10),error:'FATAL: too many connections for role "app_user"'}]},"alert-3":{alert:k[2],agent:{id:"agent-4",name:"customer-support",status:"running"},relatedErrors:[],context:{currentCostUsd:12.67,thresholdUsd:10,overage:2.67}},"alert-4":{alert:k[3],agent:{id:"agent-8",name:"slack-responder",status:"running"},relatedErrors:[{timestamp:f(32),error:"Detected 5 consecutive similar outputs — possible retry loop"},{timestamp:f(31),error:"Output similarity score: 0.94 (threshold: 0.85)"}]},"alert-5":{alert:k[4],agent:{id:"agent-2",name:"deploy-bot",status:"running"},relatedErrors:[{timestamp:h(3),error:"API returned 503 Service Unavailable — auto-retried successfully"}]}},U=p.default.env.NEXT_PUBLIC_API_KEY||"",S=!1;function j(){return S}function $(){S=!0}async function P(e,t){let s={"Content-Type":"application/json","ngrok-skip-browser-warning":"true",...U?{"X-ClaWatch-Key":U}:{},...t?.headers||{}},n=await fetch(`${e}`,{...t,headers:s});if(!n.ok)throw Error(`API error: ${n.status}`);return n.json()}async function N(){try{return(await P("/api/profiles")).profiles}catch{return console.warn("API unreachable, skipping profiles"),[]}}async function T(){try{return(await P("/api/version")).version}catch{return console.warn("API unreachable, skipping version"),null}}async function M(e,t){try{let s=new URLSearchParams;e&&s.set("status",e),t&&s.set("profile",t);let n=s.toString();return(await P(`/api/agents${n?`?${n}`:""}`)).agents}catch{return console.warn("API unreachable, falling back to mock data"),$(),b}}async function E(e){try{let t=new URLSearchParams;e?.limit!==void 0&&t.set("limit",String(e.limit)),e?.offset!==void 0&&t.set("offset",String(e.offset)),e?.severity&&t.set("severity",e.severity),e?.acknowledged!==void 0&&t.set("acknowledged",String(e.acknowledged)),e?.profile&&t.set("profile",e.profile);let s=t.toString();return await P(`/api/alerts${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock data"),$(),{alerts:k,total:k.length}}}async function B(e){return await P(`/api/alerts/acknowledge-all${e?`?severity=${e}`:""}`,{method:"POST"})}async function D(e){try{let t=new URLSearchParams;e?.profile&&t.set("profile",e.profile),e?.from&&t.set("from",e.from),e?.to&&t.set("to",e.to);let s=t.toString();return await P(`/api/costs${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock data"),$(),y}}function z(e){let t=e?`?profile=${e}`:"";return`/api/costs/export${t}`}async function L(e){await P(`/api/agents/${e}/pause`,{method:"POST"})}async function F(e){await P(`/api/agents/${e}/resume`,{method:"POST"})}async function O(e){await P(`/api/alerts/${e}/acknowledge`,{method:"POST"})}async function R(e){try{return await P(`/api/alerts/${e}/details`)}catch{console.warn("API unreachable, falling back to mock data"),$();let t=A[e];if(t)return t;throw Error("Alert not found")}}async function _(e){let{agentId:t,status:s,sort:n,profile:o,limit:a,offset:r}=e||{};try{let e=new URLSearchParams;a&&e.set("limit",String(a)),r&&e.set("offset",String(r)),t&&e.set("agentId",t),s&&e.set("status",s),n&&e.set("sort",n),o&&e.set("profile",o);let i=e.toString(),d=await P(`/api/sessions${i?`?${i}`:""}`);return{sessions:d.sessions,total:d.total}}catch{return console.warn("API unreachable, falling back to mock data"),$(),{sessions:v,total:v.length}}}async function H(e){try{return await P(`/api/sessions/${e}`)}catch{console.warn("API unreachable, falling back to mock data"),$();let t=I[e];if(t)return t;throw Error("Session not found")}}async function W(e){try{let t=e?`?profile=${e}`:"";return(await P(`/api/projects${t}`)).projects}catch{return console.warn("API unreachable, falling back to mock data"),$(),w}}async function K(e){try{return await P(`/api/projects/${e}`)}catch{console.warn("API unreachable, falling back to mock data"),$();let t=x[e];if(t)return t;throw Error("Project not found")}}async function J(e,t){return await P("/api/projects",{method:"POST",body:JSON.stringify({name:e,description:t})})}async function V(e,t){await P(`/api/sessions/${e}/projects`,{method:"PUT",body:JSON.stringify({projectIds:t})})}async function G(e,t){await P(`/api/sessions/${e}/projects/${t}`,{method:"DELETE"})}let q=(a=(o=Array.from({length:14},(e,t)=>{let s=new Date("2026-02-24");return s.setDate(s.getDate()+t),s.toISOString().slice(0,10)})).map(e=>({date:e,costUsd:+(5+15*Math.random()).toFixed(2),tokenCount:Math.floor(1e6+4e6*Math.random()),sessionCount:Math.floor(3+10*Math.random())})),{buckets:a,byAgent:["ofek","anas","dor"].map(e=>({agentId:e,buckets:o.map(e=>({date:e,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:e,name:t})=>({projectId:e,name:t,buckets:o.map(e=>({date:e,costUsd:+(1+5*Math.random()).toFixed(2),tokenCount:Math.floor(2e5+12e5*Math.random()),sessionCount:Math.floor(1+3*Math.random())}))}))});async function Q(e){try{let t=new URLSearchParams;e.profile&&t.set("profile",e.profile),e.groupBy&&t.set("groupBy",e.groupBy),e.from&&t.set("from",e.from),e.to&&t.set("to",e.to);let s=t.toString();return await P(`/api/analytics${s?`?${s}`:""}`)}catch{return console.warn("API unreachable, falling back to mock analytics data"),q}}let X={today:94.72,mtd:236.83,byAgent:{anas:{today:36.21,mtd:69.12},ofek:{today:42.83,mtd:112.18},dor:{today:15.68,mtd:55.53}},limits:{type:null,amount:null,agentLimits:{}},usagePercent:null};async function Y(e){try{let t=e?`?profile=${e}`:"";return await P(`/api/spend${t}`)}catch{return console.warn("API unreachable, falling back to mock spend data"),X}}async function Z(e){return await P("/api/settings/cost-limits",{method:"PUT",body:JSON.stringify(e)})}e.s(["acknowledgeAlert",()=>O,"acknowledgeAllAlerts",()=>B,"createProject",()=>J,"getAgents",()=>M,"getAlertDetails",()=>R,"getAlerts",()=>E,"getAnalytics",()=>Q,"getCosts",()=>D,"getCostsCSVUrl",()=>z,"getProfiles",()=>N,"getProject",()=>K,"getProjects",()=>W,"getSession",()=>H,"getSessions",()=>_,"getSpend",()=>Y,"getVersion",()=>T,"isUsingMockData",()=>j,"pauseAgent",()=>L,"removeSessionProject",()=>G,"resumeAgent",()=>F,"setCostLimits",()=>Z,"setSessionProjects",()=>V],9165)}]);