clawatch 1.0.23 → 1.0.26

package/frontend/.next/server/chunks/ssr/[root-of-the-server]__cb471d02._.js

@@ -0,0 +1,3 @@
+module.exports=[36313,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.HooksClientContext},18341,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.ServerInsertedHtml},18622,(a,b,c)=>{b.exports=a.x("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js",()=>require("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js"))},56704,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-async-storage.external.js",()=>require("next/dist/server/app-render/work-async-storage.external.js"))},32319,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-unit-async-storage.external.js",()=>require("next/dist/server/app-render/work-unit-async-storage.external.js"))},20635,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/action-async-storage.external.js",()=>require("next/dist/server/app-render/action-async-storage.external.js"))},42602,(a,b,c)=>{"use strict";b.exports=a.r(18622)},87924,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactJsxRuntime},72131,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].React},9270,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.AppRouterContext},38783,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactServerDOMTurbopackClient},86304,a=>{"use strict";var b=a.i(84991),c=a.i(2840),d=a.i(187),e=a.i(68114);let f=(0,d.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 g({className:a,variant:d="default",render:g,...h}){var i;return i={defaultTagName:"span",props:(0,b.mergeProps)({className:(0,e.cn)(f({variant:d}),a)},h),render:g,state:{slot:"badge",variant:d}},(0,c.useRenderElement)(i.defaultTagName??"div",i,i)}a.s(["Badge",()=>g],86304)},24625,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(38246),f=a.i(99570),g=a.i(91119),h=a.i(86304),i=a.i(19032),j=a.i(78434);function k(a){let b=Math.floor((Date.now()-new Date(a).getTime())/1e3);if(b<60)return`${b}s ago`;let c=Math.floor(b/60);if(c<60)return`${c}m ago`;let d=Math.floor(c/60);return d<24?`${d}h ago`:`${Math.floor(d/24)}d ago`}function l(a){return new Date(a).toLocaleString()}function m(a){return a>=1e6?`${(a/1e6).toFixed(1)}M`:a>=1e3?`${(a/1e3).toFixed(0)}K`:String(a)}let n={active:{color:"bg-emerald-500/10 text-emerald-400 border-emerald-500/20",dot:"bg-emerald-400",label:"Active"},idle:{color:"bg-amber-500/10 text-amber-400 border-amber-500/20",dot:"bg-amber-400",label:"Idle"},completed:{color:"bg-zinc-500/10 text-zinc-400 border-zinc-500/20",dot:"bg-zinc-400",label:"Completed"}};function o({text:a,className:d,preformatted:e=!1}){let[f,g]=(0,c.useState)(!1),h=a.length>500,i=h&&!f?a.slice(0,500)+"…":a;return(0,b.jsxs)("div",{children:[(0,b.jsx)(e?"pre":"p",{className:d,children:i}),h&&(0,b.jsx)("button",{onClick:()=>g(!f),className:"mt-1 text-[11px] font-medium text-emerald-400 hover:text-emerald-300 transition-colors cursor-pointer",children:f?"Show less":"Show more"})]})}let p={ofek:"bg-blue-500/10 text-blue-400 border-blue-500/20",anas:"bg-purple-500/10 text-purple-400 border-purple-500/20",dor:"bg-teal-500/10 text-teal-400 border-teal-500/20"};function q(){let a=(0,d.useParams)(),o=(0,d.useRouter)(),q=a.id,[s,t]=(0,c.useState)(null),[u,v]=(0,c.useState)(!0),[w,x]=(0,c.useState)(null),[y,z]=(0,c.useState)(new Set),A=(0,c.useRef)(null),B=(0,c.useRef)(0),C=(0,c.useRef)(!0);if((0,c.useEffect)(()=>{!async function(){try{let a=await (0,i.getSession)(q);t(a)}catch{x("Session not found")}finally{v(!1)}}();let a=setInterval(async()=>{try{let a=await (0,i.getSession)(q);t(a)}catch{}},5e3);return()=>clearInterval(a)},[q]),(0,c.useEffect)(()=>{if(!s||!A.current)return;let a=s.messages.length;C.current?(A.current.scrollIntoView({behavior:"instant"}),C.current=!1):a>B.current&&A.current.scrollIntoView({behavior:"smooth"}),B.current=a},[s?.messages?.length]),u)return(0,b.jsx)("div",{className:"min-h-screen bg-background flex items-center justify-center",children:(0,b.jsxs)("div",{className:"flex items-center gap-3 text-muted-foreground",children:[(0,b.jsx)("div",{className:"size-5 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin"}),"Loading session..."]})});if(w||!s)return(0,b.jsx)("div",{className:"min-h-screen bg-background flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-4",children:[(0,b.jsx)("p",{className:"text-muted-foreground",children:w||"Session not found"}),(0,b.jsx)(f.Button,{variant:"outline",onClick:()=>o.push("/dashboard"),children:"Back to Dashboard"})]})});let D=n[s.status],E=s.tokenBreakdown.input+s.tokenBreakdown.output+s.tokenBreakdown.cacheRead+s.tokenBreakdown.cacheWrite,F=Math.max(...s.costByModel.map(a=>a.costUsd));return(0,b.jsxs)("div",{className:"min-h-screen bg-background text-foreground",children:[(0,b.jsx)("nav",{className:"border-b border-border/50 bg-background/80 backdrop-blur-sm sticky top-0 z-50",children:(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-6 h-14 flex items-center justify-between",children:(0,b.jsxs)("div",{className:"flex items-center gap-6",children:[(0,b.jsxs)(e.default,{href:"/",className:"flex items-center gap-2",children:[(0,b.jsx)(j.ClaWatchIcon,{}),(0,b.jsx)(j.ClaWatchLogo,{size:"md"})]}),(0,b.jsx)("span",{className:"text-sm text-muted-foreground",children:"Session Detail"})]})})}),(0,b.jsxs)("div",{className:"max-w-5xl mx-auto px-6 py-6 space-y-6",children:[(0,b.jsxs)("div",{children:[(0,b.jsxs)("button",{onClick:()=>o.push("/dashboard"),className:"text-sm text-muted-foreground hover:text-foreground transition-colors mb-4 inline-flex items-center gap-1",children:[(0,b.jsx)("span",{children:"←"})," Back to Dashboard"]}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold",children:s.title}),(0,b.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`border ${p[s.agentId]||"text-zinc-400"}`,children:s.agentId}),(0,b.jsx)(h.Badge,{variant:"outline",className:"font-mono text-xs",children:s.model}),(0,b.jsxs)(h.Badge,{variant:"outline",className:`border ${D.color}`,children:[(0,b.jsx)("span",{className:`size-1.5 rounded-full ${D.dot} mr-1.5`}),D.label]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-6 text-sm",children:[(0,b.jsx)("div",{children:(0,b.jsxs)("span",{className:"text-3xl font-bold",children:["$",s.costUsd.toFixed(2)]})}),(0,b.jsxs)("div",{className:"text-muted-foreground",children:[(0,b.jsxs)("div",{children:[m(s.tokenCount)," tokens"]}),(0,b.jsxs)("div",{children:[s.messageCount," messages"]})]}),(0,b.jsxs)("div",{className:"text-muted-foreground text-xs",children:[(0,b.jsxs)("div",{children:["Started: ",k(s.startedAt)," (",l(s.startedAt),")"]}),(0,b.jsxs)("div",{children:["Last activity: ",k(s.lastActivityAt)]})]})]})]})]}),(0,b.jsxs)(g.Card,{children:[(0,b.jsx)(g.CardHeader,{children:(0,b.jsx)(g.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:"Cost Breakdown"})}),(0,b.jsx)(g.CardContent,{children:(0,b.jsxs)("div",{className:"grid md:grid-cols-2 gap-6",children:[(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("h3",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"By Model"}),s.costByModel.map(a=>(0,b.jsxs)("div",{className:"space-y-1",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,b.jsx)("span",{className:"font-mono text-xs",children:a.model}),(0,b.jsxs)("span",{className:"font-medium",children:["$",a.costUsd.toFixed(2)]})]}),(0,b.jsx)("div",{className:"w-full h-2 rounded-full bg-muted overflow-hidden",children:(0,b.jsx)("div",{className:"h-full rounded-full bg-emerald-500 transition-all",style:{width:`${a.costUsd/F*100}%`}})}),(0,b.jsxs)("div",{className:"text-[11px] text-muted-foreground",children:[m(a.tokenCount)," tokens"]})]},a.model))]}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("h3",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Token Breakdown"}),[{label:"Input",value:s.tokenBreakdown.input,color:"bg-blue-500"},{label:"Output",value:s.tokenBreakdown.output,color:"bg-emerald-500"},{label:"Cache Read",value:s.tokenBreakdown.cacheRead,color:"bg-amber-500"},{label:"Cache Write",value:s.tokenBreakdown.cacheWrite,color:"bg-purple-500"}].map(a=>(0,b.jsxs)("div",{className:"space-y-1",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,b.jsx)("span",{className:"text-xs",children:a.label}),(0,b.jsx)("span",{className:"font-medium font-mono",children:m(a.value)})]}),(0,b.jsx)("div",{className:"w-full h-2 rounded-full bg-muted overflow-hidden",children:(0,b.jsx)("div",{className:`h-full rounded-full ${a.color} transition-all`,style:{width:`${a.value/E*100}%`}})})]},a.label))]})]})})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Messages"}),(0,b.jsxs)("div",{className:"relative space-y-3",children:[(0,b.jsx)("div",{className:"absolute left-5 top-0 bottom-0 w-px bg-border/50"}),s.messages.map(a=>(0,b.jsx)(r,{message:a,collapsed:y.has(a.id),onToggle:()=>{var b;return b=a.id,void z(a=>{let c=new Set(a);return c.has(b)?c.delete(b):c.add(b),c})}},a.id)),(0,b.jsx)("div",{ref:A})]})]})]})]})}function r({message:a,collapsed:c,onToggle:d}){let e=a.content.toLowerCase().includes("error");return"user"===a.role?(0,b.jsxs)("div",{className:"relative pl-12 flex justify-end",children:[(0,b.jsx)("div",{className:"absolute left-3.5 top-3 size-3 rounded-full bg-blue-500 ring-4 ring-background z-10"}),(0,b.jsxs)("div",{className:`rounded-lg border border-blue-500/20 bg-blue-500/10 p-4 max-w-[80%] ${e?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,b.jsx)("span",{className:"text-xs font-medium text-blue-400",children:"User"}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:l(a.timestamp)})]}),(0,b.jsx)(o,{text:a.content,className:"text-sm whitespace-pre-wrap"})]})]}):"assistant"===a.role?(0,b.jsxs)("div",{className:"relative pl-12",children:[(0,b.jsx)("div",{className:"absolute left-3.5 top-3 size-3 rounded-full bg-zinc-500 ring-4 ring-background z-10"}),(0,b.jsxs)("div",{className:`rounded-lg border border-border/50 bg-zinc-800/50 p-4 max-w-[80%] ${e?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:"text-xs font-medium text-zinc-400",children:"Assistant"}),a.model&&(0,b.jsx)("span",{className:"text-[10px] font-mono text-muted-foreground",children:a.model}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:l(a.timestamp)})]}),null!=a.costUsd&&(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsxs)(h.Badge,{variant:"outline",className:"text-[10px] font-mono bg-emerald-500/10 text-emerald-400 border-emerald-500/20",children:["$",a.costUsd.toFixed(2)]}),null!=a.tokenCount&&(0,b.jsx)("span",{className:"text-[10px] text-muted-foreground",children:m(a.tokenCount)})]})]}),(0,b.jsx)(o,{text:a.content,className:"text-sm whitespace-pre-wrap"})]})]}):"tool"===a.role?(0,b.jsxs)("div",{className:"relative pl-12",children:[(0,b.jsx)("div",{className:"absolute left-3.5 top-3 size-3 rounded-full bg-amber-500 ring-4 ring-background z-10"}),(0,b.jsxs)("div",{className:`rounded-lg border border-border/50 bg-zinc-900 p-4 ${e?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:"text-xs text-amber-400",children:"Tool"}),a.toolName&&(0,b.jsx)(h.Badge,{variant:"outline",className:"text-[10px] font-mono bg-amber-500/10 text-amber-400 border-amber-500/20",children:a.toolName}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:l(a.timestamp)})]}),(0,b.jsx)("button",{onClick:d,className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors",children:c?"Show":"Hide"})]}),a.toolInput&&(0,b.jsx)("div",{className:"bg-black/30 rounded px-2 py-1 mb-2 overflow-x-auto",children:(0,b.jsx)(o,{text:a.toolInput,className:"text-[11px] font-mono text-muted-foreground",preformatted:!0})}),!c&&(0,b.jsx)(o,{text:a.content,className:"text-xs font-mono text-zinc-300 whitespace-pre-wrap break-all",preformatted:!0})]})]}):(0,b.jsxs)("div",{className:"relative pl-12",children:[(0,b.jsx)("div",{className:"absolute left-3.5 top-3 size-3 rounded-full bg-zinc-700 ring-4 ring-background z-10"}),(0,b.jsxs)("div",{className:"rounded-lg px-4 py-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:"System"}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:l(a.timestamp)})]}),(0,b.jsx)(o,{text:a.content,className:"text-xs text-muted-foreground mt-1"})]})]})}a.s(["default",()=>q])}];
+
+//# sourceMappingURL=%5Broot-of-the-server%5D__cb471d02._.js.map

package/frontend/.next/server/chunks/ssr/[root-of-the-server]__f99f8278._.js

@@ -0,0 +1,3 @@
+module.exports=[36313,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.HooksClientContext},18341,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.ServerInsertedHtml},18622,(a,b,c)=>{b.exports=a.x("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js",()=>require("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js"))},56704,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-async-storage.external.js",()=>require("next/dist/server/app-render/work-async-storage.external.js"))},32319,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-unit-async-storage.external.js",()=>require("next/dist/server/app-render/work-unit-async-storage.external.js"))},20635,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/action-async-storage.external.js",()=>require("next/dist/server/app-render/action-async-storage.external.js"))},42602,(a,b,c)=>{"use strict";b.exports=a.r(18622)},87924,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactJsxRuntime},72131,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].React},9270,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored.contexts.AppRouterContext},38783,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactServerDOMTurbopackClient},86304,a=>{"use strict";var b=a.i(84991),c=a.i(2840),d=a.i(187),e=a.i(68114);let f=(0,d.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 g({className:a,variant:d="default",render:g,...h}){var i;return i={defaultTagName:"span",props:(0,b.mergeProps)({className:(0,e.cn)(f({variant:d}),a)},h),render:g,state:{slot:"badge",variant:d}},(0,c.useRenderElement)(i.defaultTagName??"div",i,i)}a.s(["Badge",()=>g],86304)},35680,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(38246),f=a.i(99570),g=a.i(91119),h=a.i(86304),i=a.i(19032),j=a.i(78434);function k(a){let b=Math.floor((Date.now()-new Date(a).getTime())/1e3);if(b<60)return`${b}s ago`;let c=Math.floor(b/60);if(c<60)return`${c}m ago`;let d=Math.floor(c/60);return d<24?`${d}h ago`:`${Math.floor(d/24)}d ago`}function l(a){return a>=1e6?`${(a/1e6).toFixed(1)}M`:a>=1e3?`${(a/1e3).toFixed(0)}K`:String(a)}function m(a){return new Date(a).toLocaleDateString("en-US",{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}let n={dor:{border:"border-l-blue-400",bg:"bg-blue-500/10",text:"text-blue-400",badge:"bg-blue-500/10 text-blue-400 border-blue-500/20",dot:"bg-blue-400"},ofek:{border:"border-l-amber-400",bg:"bg-amber-500/10",text:"text-amber-400",badge:"bg-amber-500/10 text-amber-400 border-amber-500/20",dot:"bg-amber-400"},anas:{border:"border-l-emerald-400",bg:"bg-emerald-500/10",text:"text-emerald-400",badge:"bg-emerald-500/10 text-emerald-400 border-emerald-500/20",dot:"bg-emerald-400"}},o=["blue-400","emerald-400","amber-400","purple-400","rose-400"];function p(a,b){return n[a]||{border:`border-l-${o[b%5]}`,bg:`bg-${o[b%5]}/10`,text:`text-${o[b%5]}`,badge:`bg-${o[b%5]}/10 text-${o[b%5]} border-${o[b%5]}/20`,dot:`bg-${o[b%5]}`}}let q={active:{color:"bg-emerald-500/10 text-emerald-400 border-emerald-500/20",dot:"bg-emerald-400",label:"Active"},idle:{color:"bg-amber-500/10 text-amber-400 border-amber-500/20",dot:"bg-amber-400",label:"Idle"},completed:{color:"bg-zinc-500/10 text-zinc-400 border-zinc-500/20",dot:"bg-zinc-400",label:"Completed"}};function r(){let a=(0,d.useParams)(),n=(0,d.useRouter)(),o=a.id,[r,t]=(0,c.useState)(null),[u,v]=(0,c.useState)(!0),[w,x]=(0,c.useState)(null),[y,z]=(0,c.useState)(200),[A,B]=(0,c.useState)(new Set);if((0,c.useEffect)(()=>{!async function(){try{let a=await (0,i.getProject)(o);t(a)}catch{x("Project not found")}finally{v(!1)}}()},[o]),u)return(0,b.jsx)("div",{className:"min-h-screen bg-background flex items-center justify-center",children:(0,b.jsxs)("div",{className:"flex items-center gap-3 text-muted-foreground",children:[(0,b.jsx)("div",{className:"size-5 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin"}),"Loading project..."]})});if(w||!r)return(0,b.jsx)("div",{className:"min-h-screen bg-background flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-4",children:[(0,b.jsx)("p",{className:"text-muted-foreground",children:w||"Project not found"}),(0,b.jsx)(f.Button,{variant:"outline",onClick:()=>n.push("/dashboard"),children:"Back to Dashboard"})]})});let C=r.timeline.slice(0,y),D=r.timeline.length>y,E={};return r.agentBreakdown.forEach((a,b)=>{E[a.agentId]=b}),(0,b.jsxs)("div",{className:"min-h-screen bg-background text-foreground",children:[(0,b.jsx)("nav",{className:"border-b border-border/50 bg-background/80 backdrop-blur-sm sticky top-0 z-50",children:(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-6 h-14 flex items-center justify-between",children:(0,b.jsxs)("div",{className:"flex items-center gap-6",children:[(0,b.jsxs)(e.default,{href:"/",className:"flex items-center gap-2",children:[(0,b.jsx)(j.ClaWatchIcon,{}),(0,b.jsx)(j.ClaWatchLogo,{size:"md"})]}),(0,b.jsx)("span",{className:"text-sm text-muted-foreground",children:"Project"})]})})}),(0,b.jsxs)("div",{className:"max-w-5xl mx-auto px-6 py-6 space-y-8",children:[(0,b.jsxs)("div",{children:[(0,b.jsxs)("button",{onClick:()=>n.push("/dashboard"),className:"text-sm text-muted-foreground hover:text-foreground transition-colors mb-4 inline-flex items-center gap-1",children:[(0,b.jsx)("span",{children:"←"})," Back to Dashboard"]}),(0,b.jsx)("h1",{className:"text-2xl font-bold mb-2",children:r.name}),(0,b.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:r.description}),(0,b.jsxs)("div",{className:"flex items-center gap-6 flex-wrap",children:[(0,b.jsxs)("div",{children:[(0,b.jsxs)("span",{className:"text-3xl font-bold",children:["$",r.stats.totalCostUsd.toFixed(2)]}),(0,b.jsx)("span",{className:"text-sm text-muted-foreground ml-2",children:"total cost"})]}),(0,b.jsx)("div",{className:"h-8 w-px bg-border/50"}),(0,b.jsx)("div",{className:"text-sm text-muted-foreground",children:(0,b.jsxs)("div",{className:"font-medium text-foreground",children:[r.stats.sessionCount," sessions"]})}),(0,b.jsx)("div",{className:"h-8 w-px bg-border/50"}),(0,b.jsx)("div",{className:"text-sm text-muted-foreground",children:(0,b.jsxs)("div",{className:"font-medium text-foreground",children:[r.stats.totalMessages," messages"]})}),(0,b.jsx)("div",{className:"h-8 w-px bg-border/50"}),(0,b.jsx)("div",{className:"text-sm text-muted-foreground",children:(0,b.jsxs)("div",{className:"font-medium text-foreground",children:[l(r.stats.totalTokens)," tokens"]})}),(0,b.jsx)("div",{className:"h-8 w-px bg-border/50"}),(0,b.jsx)("div",{className:"text-xs text-muted-foreground",children:(0,b.jsxs)("div",{children:[m(r.stats.dateRange.from)," — ",m(r.stats.dateRange.to)]})})]})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Agent Participation"}),(0,b.jsx)("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3",children:r.agentBreakdown.map(a=>{var c;let d=p(a.agentId,E[a.agentId]);return(0,b.jsx)(g.Card,{className:`border-l-4 ${d.border}`,children:(0,b.jsxs)(g.CardContent,{className:"pt-4",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`border ${d.badge} text-xs`,children:a.agentId}),(0,b.jsxs)("span",{className:"text-lg font-bold",children:["$",a.costUsd.toFixed(2)]})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("div",{className:"w-full h-2 rounded-full bg-muted overflow-hidden",children:(0,b.jsx)("div",{className:`h-full rounded-full ${"dor"===(c=a.agentId)?"bg-blue-400":"ofek"===c?"bg-amber-400":"anas"===c?"bg-emerald-400":"bg-purple-400"} transition-all`,style:{width:`${a.percentage}%`}})}),(0,b.jsxs)("div",{className:"flex items-center justify-between text-xs text-muted-foreground",children:[(0,b.jsxs)("span",{children:[a.percentage.toFixed(1),"% of total cost"]}),(0,b.jsxs)("span",{children:[l(a.tokenCount)," tokens"]})]}),(0,b.jsxs)("div",{className:"text-xs text-muted-foreground",children:[a.messageCount," messages"]})]})]})},a.agentId)})})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Sessions"}),(0,b.jsx)("div",{className:"grid gap-3",children:r.sessions.map(a=>{let c=q[a.status],d=p(a.agentId,E[a.agentId]??0);return(0,b.jsx)("div",{onClick:()=>n.push(`/dashboard/sessions/${a.id}`),className:"rounded-xl border border-border/50 bg-card p-4 hover:border-border transition-colors cursor-pointer group",children:(0,b.jsxs)("div",{className:"flex items-start gap-4",children:[(0,b.jsx)("span",{className:`size-2.5 rounded-full mt-1.5 shrink-0 ${c.dot}`}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"flex items-center gap-2 mb-1",children:(0,b.jsx)("span",{className:"font-medium truncate max-w-[500px] group-hover:text-emerald-400 transition-colors",children:a.title.length>80?a.title.slice(0,80)+"...":a.title})}),(0,b.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`text-[10px] border ${d.badge}`,children:a.agentId}),(0,b.jsx)("span",{className:"text-[11px] font-mono text-muted-foreground",children:a.model}),(0,b.jsxs)("span",{className:"text-[11px] text-muted-foreground",children:[a.messageCount," msgs"]}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:k(a.lastActivityAt)})]})]}),(0,b.jsx)("div",{className:"flex items-center gap-4 shrink-0 text-sm",children:(0,b.jsxs)("div",{className:"text-right",children:[(0,b.jsxs)("div",{className:"font-bold",children:["$",a.costUsd.toFixed(2)]}),(0,b.jsx)("div",{className:"text-[11px] text-muted-foreground",children:l(a.tokenCount)})]})})]})},a.id)})})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Unified Timeline"}),(0,b.jsx)("p",{className:"text-xs text-muted-foreground mb-4",children:"Messages from all sessions merged chronologically"}),(0,b.jsx)("div",{className:"space-y-2",children:C.map(a=>(0,b.jsx)(s,{message:a,agentIndex:E,collapsed:A.has(a.id),onToggle:()=>{var b;return b=a.id,void B(a=>{let c=new Set(a);return c.has(b)?c.delete(b):c.add(b),c})}},a.id))}),D&&(0,b.jsx)("div",{className:"text-center mt-4",children:(0,b.jsxs)(f.Button,{variant:"outline",size:"sm",className:"text-xs border-emerald-500/30 text-emerald-400 hover:bg-emerald-500/10",onClick:()=>z(a=>a+200),children:["Load more (",r.timeline.length-y," remaining)"]})}),0===r.timeline.length&&(0,b.jsx)("div",{className:"text-center py-12 text-muted-foreground text-sm",children:"No timeline messages yet."})]})]})]})}function s({message:a,agentIndex:c,collapsed:d,onToggle:e}){let f=p(a.agentId,c[a.agentId]??0),g=a.content.toLowerCase().includes("error");return"user"===a.role?(0,b.jsxs)("div",{className:`rounded-lg border-l-4 ${f.border} border border-blue-500/20 bg-blue-500/10 p-4 ${g?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`text-[10px] border ${f.badge}`,children:a.agentId}),(0,b.jsx)("span",{className:"text-xs font-medium text-blue-400",children:"User"}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:k(a.timestamp)})]}),(0,b.jsx)("p",{className:"text-sm whitespace-pre-wrap",children:a.content})]}):"assistant"===a.role?(0,b.jsxs)("div",{className:`rounded-lg border-l-4 ${f.border} border border-border/50 bg-zinc-800/50 p-4 ${g?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`text-[10px] border ${f.badge}`,children:a.agentId}),(0,b.jsx)("span",{className:"text-xs font-medium text-zinc-400",children:"Assistant"}),a.model&&(0,b.jsx)("span",{className:"text-[10px] font-mono text-muted-foreground",children:a.model}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:k(a.timestamp)})]}),null!=a.costUsd&&(0,b.jsxs)(h.Badge,{variant:"outline",className:"text-[10px] font-mono bg-emerald-500/10 text-emerald-400 border-emerald-500/20",children:["$",a.costUsd.toFixed(2)]})]}),(0,b.jsx)("p",{className:"text-sm whitespace-pre-wrap",children:a.content})]}):"tool"===a.role?(0,b.jsxs)("div",{className:`rounded-lg border-l-4 ${f.border} border border-border/50 bg-zinc-900 p-4 ${g?"border-red-500/30 bg-red-500/10":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`text-[10px] border ${f.badge}`,children:a.agentId}),(0,b.jsx)("span",{className:"text-xs text-amber-400",children:"Tool"}),a.toolName&&(0,b.jsx)(h.Badge,{variant:"outline",className:"text-[10px] font-mono bg-amber-500/10 text-amber-400 border-amber-500/20",children:a.toolName}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:k(a.timestamp)})]}),(0,b.jsx)("button",{onClick:e,className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors",children:d?"Show":"Hide"})]}),!d&&(0,b.jsx)("pre",{className:"text-xs font-mono text-zinc-300 whitespace-pre-wrap break-all",children:a.content})]}):(0,b.jsxs)("div",{className:`rounded-lg border-l-4 ${f.border} px-4 py-2`,children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`text-[10px] border ${f.badge}`,children:a.agentId}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:"System"}),(0,b.jsx)("span",{className:"text-[11px] text-muted-foreground",children:k(a.timestamp)})]}),(0,b.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:a.content})]})}a.s(["default",()=>r])}];
+
+//# sourceMappingURL=%5Broot-of-the-server%5D__f99f8278._.js.map