clawatch 1.0.13 → 1.0.20

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

@@ -1,3 +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},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 a>=1e6?`${(a/1e6).toFixed(1)}M`:a>=1e3?`${(a/1e3).toFixed(0)}K`:String(a)}let m={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"}},n={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 o(){let a=(0,d.useParams)(),o=(0,d.useRouter)(),q=a.id,[r,s]=(0,c.useState)(null),[t,u]=(0,c.useState)(!0),[v,w]=(0,c.useState)(null),[x,y]=(0,c.useState)(new Set);if((0,c.useEffect)(()=>{!async function(){try{let a=await (0,i.getSession)(q);s(a)}catch{w("Session not found")}finally{u(!1)}}()},[q]),t)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(v||!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:v||"Session not found"}),(0,b.jsx)(f.Button,{variant:"outline",onClick:()=>o.push("/dashboard"),children:"Back to Dashboard"})]})});let z=m[r.status],A=r.tokenBreakdown.input+r.tokenBreakdown.output+r.tokenBreakdown.cacheRead+r.tokenBreakdown.cacheWrite,B=Math.max(...r.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:r.title}),(0,b.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,b.jsx)(h.Badge,{variant:"outline",className:`border ${n[r.agentId]||"text-zinc-400"}`,children:r.agentId}),(0,b.jsx)(h.Badge,{variant:"outline",className:"font-mono text-xs",children:r.model}),(0,b.jsxs)(h.Badge,{variant:"outline",className:`border ${z.color}`,children:[(0,b.jsx)("span",{className:`size-1.5 rounded-full ${z.dot} mr-1.5`}),z.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:["$",r.costUsd.toFixed(2)]})}),(0,b.jsxs)("div",{className:"text-muted-foreground",children:[(0,b.jsxs)("div",{children:[l(r.tokenCount)," tokens"]}),(0,b.jsxs)("div",{children:[r.messageCount," messages"]})]}),(0,b.jsxs)("div",{className:"text-muted-foreground text-xs",children:[(0,b.jsxs)("div",{children:["Started: ",k(r.startedAt)," (",new Date(r.startedAt).toLocaleString(),")"]}),(0,b.jsxs)("div",{children:["Last activity: ",k(r.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"}),r.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/B*100}%`}})}),(0,b.jsxs)("div",{className:"text-[11px] text-muted-foreground",children:[l(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:r.tokenBreakdown.input,color:"bg-blue-500"},{label:"Output",value:r.tokenBreakdown.output,color:"bg-emerald-500"},{label:"Cache Read",value:r.tokenBreakdown.cacheRead,color:"bg-amber-500"},{label:"Cache Write",value:r.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:l(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/A*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"}),r.messages.map(a=>(0,b.jsx)(p,{message:a,collapsed:x.has(a.id),onToggle:()=>{var b;return b=a.id,void y(a=>{let c=new Set(a);return c.has(b)?c.delete(b):c.add(b),c})}},a.id))]})]})]})]})}function p({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",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 ${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:k(a.timestamp)})]}),(0,b.jsx)("p",{className:"text-sm whitespace-pre-wrap",children:a.content})]})]}):"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 ${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:k(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:l(a.tokenCount)})]})]}),(0,b.jsx)("p",{className:"text-sm whitespace-pre-wrap",children:a.content})]})]}):"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:k(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)("pre",{className:"text-[11px] font-mono text-muted-foreground bg-black/30 rounded px-2 py-1 mb-2 overflow-x-auto",children:a.toolInput}),!c&&(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:"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:k(a.timestamp)})]}),(0,b.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:a.content})]})]})}a.s(["default",()=>o])}];
+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},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__008d27c3._.js.map

package/frontend/.next/server/chunks/ssr/{[root-of-the-server]__bdeac1dc._.js → [root-of-the-server]__32661fd1._.js}

@@ -1,3 +1,3 @@
-module.exports=[43285,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/dynamic-access-async-storage.external.js",()=>require("next/dist/server/app-render/dynamic-access-async-storage.external.js"))},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"))},24725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-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},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}];
+module.exports=[43285,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/dynamic-access-async-storage.external.js",()=>require("next/dist/server/app-render/dynamic-access-async-storage.external.js"))},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"))},24725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-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},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},35112,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactDOM}];
 
-//# sourceMappingURL=%5Broot-of-the-server%5D__bdeac1dc._.js.map
+//# sourceMappingURL=%5Broot-of-the-server%5D__32661fd1._.js.map

package/frontend/.next/server/chunks/ssr/{[root-of-the-server]__8511f4a3._.js → [root-of-the-server]__9b38782c._.js}

@@ -1,3 +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}];
+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},35112,(a,b,c)=>{"use strict";b.exports=a.r(42602).vendored["react-ssr"].ReactDOM}];
 
-//# sourceMappingURL=%5Broot-of-the-server%5D__8511f4a3._.js.map
+//# sourceMappingURL=%5Broot-of-the-server%5D__9b38782c._.js.map