@anvia/studio 1.0.1 → 1.0.2

package/dist/ui/assets/{trace-browser-CwRUyCO6.js → trace-browser-CuBl9__d.js}

@@ -2,9 +2,9 @@ import{i as e,r as t,s as n,t as r}from"./utils-DzstcfqT.js";import{a as i,n as
 
 `)}),n!==void 0&&i.push({label:r.length>0?`Current prompt`:`Prompt`,text:n.text}),i}function Qe(e){let t=e.map((e,t)=>({label:F(e,t,`history`),text:b(e)||v(e)})).filter(e=>e.text.length>0);return t.length===0?[]:[{label:`Conversation history (${t.length})`,text:t.map((e,t)=>`${t+1}. ${e.label}\n${e.text}`).join(`
 
-`)}]}function F(e,t,n){if(y(e)){let t=typeof e.type==`string`?e.type:void 0;if(n===`choice`){if(t===`text`)return`Assistant output`;if(t===`reasoning`)return`Reasoning`}if(t===`reasoning`)return`Reasoning`;if(typeof e.role==`string`)return I(e.role);if(t!==void 0)return I(t)}return`${n===void 0?`Item`:`${I(n)} item`} ${t+1}`}function I(e){return e.replace(/[_-]+/g,` `).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).trim().replace(/\b\w/g,e=>e.toUpperCase())}function $e(e){let t=e.instructions;return typeof t!=`string`||t.trim().length===0?[]:[{label:`System prompt`,text:t}]}function et(e){if(e===void 0)return`undefined`;if(e===null)return`null`;if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`)return String(e);try{return JSON.stringify(e,null,2)}catch{return String(e)}}function tt(e){let t=new Map;for(let n of e.observations){let e=Number.isFinite(n.turn)?n.turn:t.size+1;t.set(e,[...t.get(e)??[],n])}return[...t.entries()].sort(([e],[t])=>e-t).map(([e,t])=>({turn:e,observations:t,durationMs:t.reduce((e,t)=>e+(t.durationMs??0),0)}))}function nt(e){let t=new Map;for(let n of e)t.set(n.id,{observation:n,children:[]});let n=[];for(let r of e){let e=t.get(r.id);if(e===void 0)continue;let i=r.parentObservationId,a=i===void 0?void 0:t.get(i);a===void 0?n.push(e):a.children.push(e)}return n}function rt(e,t,n){if(n===`agent`)return{title:`agent.run`,tone:`agent`,status:e.status,startedAt:p(e.startedAt),durationMs:e.durationMs,firstDeltaMs:z(e.observations),usage:h(e.usage),input:e.input,output:e.output,error:e.error,metadata:it(e)};if(n.startsWith(`turn:`)){let r=Number(n.slice(5)),i=t.find(e=>e.turn===r);return{title:`turn.${Number.isFinite(r)?r:1}`,tone:`turn`,status:ft(i?.observations??[]),startedAt:p(i?.observations[0]?.startedAt??e.startedAt),durationMs:i?.durationMs,firstDeltaMs:z(i?.observations??[]),usage:ht(i?.observations??[]),input:i?.observations[0]?.input,output:i?.observations.at(-1)?.output,metadata:at(r,i?.observations??[])}}if(n.startsWith(`observation:`)){let t=n.slice(12),r=e.observations.find(e=>e.id===t);if(r!==void 0)return{title:R(r),tone:r.kind,status:r.status,startedAt:p(r.startedAt),durationMs:r.durationMs,firstDeltaMs:mt(r.metadata),usage:H(r),input:r.input,output:r.output,error:r.error,metadata:ot(r)}}return{title:e.name??`Agent`,tone:`trace`,status:e.status,startedAt:p(e.startedAt),durationMs:e.durationMs,firstDeltaMs:z(e.observations),usage:h(e.usage),input:e.input,output:e.output,error:e.error,metadata:it(e)}}function it(e){let t=y(e.metadata)?e.metadata:{},n=L({status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:pt(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs});return L({...t,status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:pt(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs,trace:y(t.trace)?t.trace:n})}function at(e,t){return L({turn:e,observationCount:t.length,generationCount:t.filter(e=>e.kind===`generation`).length,toolCount:t.filter(e=>e.kind===`tool`).length,agentCount:t.filter(e=>e.kind===`agent`).length,firstDeltaMs:z(t),status:ft(t),startedAt:t[0]?.startedAt,endedAt:t.at(-1)?.endedAt})}function ot(e){let t=L({...y(e.metadata)?e.metadata:{},status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs});return L({...t,trace:y(t.trace)?t.trace:L({status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs}),modelInfo:y(t.modelInfo)?t.modelInfo:st(t),modelCall:y(t.modelCall)?t.modelCall:ct(t),response:y(t.response)?t.response:lt(t),tools:y(t.tools)?t.tools:ut(t),timing:y(t.timing)?t.timing:dt(t)})}function st(e){let t=L({provider:e.provider,modelId:e.modelId});return Object.keys(t).length===0?void 0:t}function ct(e){let t=L({messageCount:e.historyCount,documentCount:e.documentCount,toolCount:e.toolCount,toolNames:e.toolNames,temperature:e.temperature,maxTokens:e.maxTokens,toolChoice:e.toolChoice,hasOutputSchema:e.hasOutputSchema,providerOptionKeys:e.providerOptionKeys}),n=L({request:Object.keys(t).length===0?void 0:t,providerRequest:e.providerRequest});return Object.keys(n).length===0?void 0:n}function lt(e){let t=L({messageId:e.messageId,usage:e.usage,providerResponse:e.providerResponse});return Object.keys(t).length===0?void 0:t}function ut(e){let t=L({count:e.toolCount,names:e.toolNames,toolChoice:e.toolChoice,internalCallId:e.internalCallId,toolCallId:e.toolCallId,skipped:e.skipped,description:e.toolDescription,parameterKeys:e.parameterKeys,requiredParameterKeys:e.requiredParameterKeys,approvalRequired:e.approvalRequired,mcpServerName:e.mcpServerName,argumentBytes:e.argumentBytes,resultBytes:e.resultBytes});return Object.keys(t).length===0?void 0:t}function dt(e){let t=L({firstDeltaMs:e.firstDeltaMs,durationMs:e.durationMs,startedAt:e.startedAt,endedAt:e.endedAt});return Object.keys(t).length===0?void 0:t}function ft(e){return e.length===0?`empty`:e.some(e=>e.status===`error`)?`error`:e.some(e=>e.status===`running`)?`running`:`success`}function pt(e){return Array.isArray(e)?e.length:void 0}function L(e){return Object.fromEntries(Object.entries(e).filter(([,e])=>e!==void 0))}function R(e){return e.kind===`agent`?e.name:e.kind===`tool`?`tool.${e.name}`:e.name}function z(e){for(let t of e){let e=mt(t.metadata);if(e!==void 0)return e}}function mt(e){if(!(!y(e)||typeof e.firstDeltaMs!=`number`))return e.firstDeltaMs}function B(e){switch(e.tone){case`trace`:return(0,j.jsx)(D,{icon:Oe,"aria-hidden":`true`});case`agent`:return(0,j.jsx)(D,{icon:S,"aria-hidden":`true`});case`turn`:return(0,j.jsx)(D,{icon:S,"aria-hidden":`true`});case`generation`:return(0,j.jsx)(D,{icon:Pe,"aria-hidden":`true`});case`tool`:return(0,j.jsx)(D,{icon:w,"aria-hidden":`true`});default:return(0,j.jsx)(D,{icon:Oe,"aria-hidden":`true`})}}function V(e){switch(e){case`trace`:return`bg-foreground text-background`;case`agent`:return`bg-violet-600 text-white`;case`turn`:return`bg-violet-600 text-white`;case`generation`:return`bg-blue-600 text-white`;case`tool`:return`bg-amber-600 text-white`;default:return`bg-muted text-muted-foreground`}}function H(e){return!y(e.output)||!y(e.output.usage)?``:gt(e.output.usage)}function ht(e){return e.map(H).filter(e=>e.length>0).join(` + `)}function gt(e){let t=typeof e.inputTokens==`number`?e.inputTokens:0,n=typeof e.outputTokens==`number`?e.outputTokens:0,r=typeof e.totalTokens==`number`?e.totalTokens:t+n;return r===0?``:`${t} -> ${n} (Σ ${r})`}function _t({className:e,...t}){return(0,j.jsx)(`div`,{className:r(`flex flex-col gap-4 overflow-hidden rounded-xl border border-border bg-card py-4 text-base text-card-foreground`,e),...t})}var vt=Object.defineProperty,U=(e,t)=>vt(e,`name`,{value:t,configurable:!0});function yt(e,t){return A.useReducer((e,n)=>t[e][n]??e,e)}U(yt,`useStateMachine`);var bt=`ScrollArea`,[xt,St]=o(bt),[Ct,W]=xt(bt),wt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[c,l]=A.useState(null),[u,d]=A.useState(null),[f,p]=A.useState(null),[m,h]=A.useState(null),[_,v]=A.useState(null),[y,b]=A.useState(0),[x,S]=A.useState(0),[C,w]=A.useState(!1),[T,E]=A.useState(!1),D=g(t,l),O=ee(i);return(0,j.jsx)(Ct,{scope:n,type:r,dir:O,scrollHideDelay:a,scrollArea:c,viewport:u,onViewportChange:d,content:f,onContentChange:p,scrollbarX:m,onScrollbarXChange:h,scrollbarXEnabled:C,onScrollbarXEnabledChange:w,scrollbarY:_,onScrollbarYChange:v,scrollbarYEnabled:T,onScrollbarYEnabledChange:E,onCornerWidthChange:b,onCornerHeightChange:S,children:(0,j.jsx)(s.div,{dir:O,...o,ref:D,style:{position:`relative`,"--radix-scroll-area-corner-width":y+`px`,"--radix-scroll-area-corner-height":x+`px`,...e.style}})})},`ScrollArea`)),Tt=`ScrollAreaViewport`,Et=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,children:r,nonce:i,...a}=e,o=W(Tt,n),c=A.useRef(null),l=g(t,c,o.onViewportChange);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Dt,{nonce:i}),(0,j.jsx)(s.div,{"data-radix-scroll-area-viewport":``,...a,ref:l,style:{overflowX:o.scrollbarXEnabled?`scroll`:`hidden`,overflowY:o.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,j.jsx)(`div`,{ref:o.onContentChange,style:{minWidth:`100%`,display:`table`},children:r})})]})},`ScrollAreaViewport`)),Dt=A.memo(U(function({nonce:e}){return(0,j.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`},nonce:e})},`ScrollAreaViewportStyle`),(e,t)=>e.nonce===t.nonce),G=`ScrollAreaScrollbar`,Ot=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return A.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,j.jsx)(kt,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,j.jsx)(At,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,j.jsx)(jt,{...r,ref:t,forceMount:n}):i.type===`always`?(0,j.jsx)(Mt,{...r,ref:t,"data-state":`visible`}):null},`ScrollAreaScrollbar`)),kt=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),[a,o]=A.useState(!1);return A.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=U(()=>{window.clearTimeout(t),o(!0)},`handlePointerEnter`),r=U(()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)},`handlePointerLeave`);return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,j.jsx)(l,{present:n||a,children:(0,j.jsx)(jt,{"data-state":a?`visible`:`hidden`,...r,ref:t})})},`ScrollAreaScrollbarHover`)),At=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=J(()=>u(`SCROLL_END`),100),[s,u]=yt(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return A.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>u(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,u]),A.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=U(()=>{let r=e[t];n!==r&&(u(`SCROLL`),o()),n=r},`handleScroll`);return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,u,o]),(0,j.jsx)(l,{present:n||s!==`hidden`,children:(0,j.jsx)(Mt,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:c(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:c(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})},`ScrollAreaScrollbarScroll`)),jt=A.forwardRef(U(function(e,t){let n=W(G,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=A.useState(!1),s=e.orientation===`horizontal`,c=J(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return Y(n.viewport,c),Y(n.content,c),(0,j.jsx)(l,{present:r||a,children:(0,j.jsx)(Mt,{"data-state":a?`visible`:`hidden`,...i,ref:t})})},`ScrollAreaScrollbarAuto`)),Mt=A.forwardRef(U(function(e,t){let{orientation:n=`vertical`,...r}=e,i=W(G,e.__scopeScrollArea),a=A.useRef(null),o=A.useRef(0),[s,c]=A.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=Wt(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:U(e=>a.current=e,`onThumbChange`),onThumbPointerUp:U(()=>o.current=0,`onThumbPointerUp`),onThumbPointerDown:U(e=>o.current=e,`onThumbPointerDown`)};function d(e,t){return Gt(e,o.current,s,t)}return U(d,`getScrollPosition`),n===`horizontal`?(0,j.jsx)(Nt,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=Kt(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,j.jsx)(Pt,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=Kt(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null},`ScrollAreaScrollbarVisible`)),Nt=A.forwardRef(U(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=W(G,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),l=g(t,c,a.onScrollbarXChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(Lt,{"data-orientation":`horizontal`,...i,ref:l,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":q(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),Jt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:K(o.paddingLeft),paddingEnd:K(o.paddingRight)}})}})},`ScrollAreaScrollbarX`)),Pt=A.forwardRef(U(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=W(G,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),l=g(t,c,a.onScrollbarYChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(Lt,{"data-orientation":`vertical`,...i,ref:l,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":q(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),Jt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:K(o.paddingTop),paddingEnd:K(o.paddingBottom)}})}})},`ScrollAreaScrollbarY`)),[Ft,It]=xt(G),Lt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:o,onThumbPointerUp:l,onThumbPointerDown:u,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:p,onResize:m,...h}=e,_=W(G,n),[v,y]=A.useState(null),b=g(t,y),x=A.useRef(null),S=A.useRef(``),C=_.viewport,w=r.content-r.viewport,T=a(p),E=a(d),D=J(m,10);function O(e){if(x.current){let t=e.clientX-x.current.left,n=e.clientY-x.current.top;f({x:t,y:n})}}return U(O,`handleDragScroll`),A.useEffect(()=>{let e=U(e=>{let t=e.target;v?.contains(t)&&T(e,w)},`handleWheel`);return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[C,v,w,T]),A.useEffect(E,[r,E]),Y(v,D),Y(_.content,D),(0,j.jsx)(Ft,{scope:n,scrollbar:v,hasThumb:i,onThumbChange:a(o),onThumbPointerUp:a(l),onThumbPositionChange:E,onThumbPointerDown:a(u),children:(0,j.jsx)(s.div,{...h,ref:b,style:{position:`absolute`,...h.style},onPointerDown:c(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),x.current=v.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,_.viewport&&(_.viewport.style.scrollBehavior=`auto`),O(e))}),onPointerMove:c(e.onPointerMove,O),onPointerUp:c(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=S.current,_.viewport&&(_.viewport.style.scrollBehavior=``),x.current=null})})})},`ScrollAreaScrollbarImpl`)),Rt=`ScrollAreaThumb`,zt=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=It(Rt,e.__scopeScrollArea);return(0,j.jsx)(l,{present:n||i.hasThumb,children:(0,j.jsx)(Bt,{ref:t,...r})})},`ScrollAreaThumb`)),Bt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,style:r,...i}=e,a=W(Rt,n),o=It(Rt,n),{onThumbPositionChange:l}=o,u=g(t,o.onThumbChange),d=A.useRef(void 0),f=J(()=>{d.current&&=(d.current(),void 0)},100);return A.useEffect(()=>{let e=a.viewport;if(e){let t=U(()=>{if(f(),!d.current){let t=Yt(e,l);d.current=t,l()}},`handleScroll`);return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,f,l]),(0,j.jsx)(s.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:c(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:c(e.onPointerUp,o.onThumbPointerUp)})},`ScrollAreaThumbImpl`)),Vt=`ScrollAreaCorner`,Ht=A.forwardRef(U(function(e,t){let n=W(Vt,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,j.jsx)(Ut,{...e,ref:t}):null},`ScrollAreaCorner`)),Ut=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,...r}=e,i=W(Vt,n),[a,o]=A.useState(0),[c,l]=A.useState(0),u=!!(a&&c),{onCornerWidthChange:d,onCornerHeightChange:f}=i;return Y(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),l(e)}),Y(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),A.useEffect(()=>()=>{d(0),f(0)},[d,f]),u?(0,j.jsx)(s.div,{...r,ref:t,style:{width:a,height:c,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null},`ScrollAreaCornerImpl`));function K(e){return e?parseInt(e,10):0}U(K,`toInt`);function Wt(e,t){let n=e/t;return isNaN(n)?0:n}U(Wt,`getThumbRatio`);function q(e){let t=Wt(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}U(q,`getThumbSize`);function Gt(e,t,n,r=`ltr`){let i=q(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return qt([c,l],d)(e)}U(Gt,`getScrollPositionFromPointer`);function Kt(e,t,n=`ltr`){let r=q(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=n===`ltr`?[0,o]:[o*-1,0],l=O(e,c);return qt([0,o],[0,s])(l)}U(Kt,`getThumbOffsetFromScroll`);function qt(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}U(qt,`linearScale`);function Jt(e,t){return e>0&&e<t}U(Jt,`isScrollingWithinScrollbarBounds`);var Yt=U((e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return U((function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)}),`loop`)(),()=>window.cancelAnimationFrame(r)},`addUnlinkedScrollListener`);function J(e,t){let n=a(e),r=A.useRef(0);return A.useEffect(()=>()=>window.clearTimeout(r.current),[]),A.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}U(J,`useDebounceCallback`);function Y(e,t){let n=a(t);i(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}U(Y,`useResizeObserver`);var Xt=wt,Zt=Et,Qt=Ht;function $t({className:e,children:t,...n}){return(0,j.jsxs)(Xt,{className:r(`relative overflow-hidden`,e),...n,children:[(0,j.jsx)(Zt,{className:`h-full w-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:ring-3 focus-visible:ring-ring/50`,children:t}),(0,j.jsx)(en,{}),(0,j.jsx)(Qt,{})]})}function en({className:e,orientation:t=`vertical`,...n}){return(0,j.jsx)(Ot,{orientation:t,className:r(`flex touch-none select-none transition-colors`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent p-px`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent p-px`,e),...n,children:(0,j.jsx)(zt,{className:`relative flex-1 rounded-full bg-border`})})}function tn(e){if(!e.tracesEnabled)return(0,j.jsx)(k,{className:`h-full`,title:`Tracing unavailable`,text:`This Studio runtime does not expose traces.`});let t=e.selectedTraceId.length===0?void 0:e.traces.find(t=>t.id===e.selectedTraceId),n=t===void 0||e.traceSessionDetailId!==t.sessionId?[]:e.traces.filter(e=>e.sessionId===t.sessionId);return(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch`,"aria-label":`Tracing`,children:e.selectedTraceId.length===0?(0,j.jsx)(nn,{agents:e.agents,traces:e.traces,traceLoadState:e.traceLoadState,onSelectTrace:e.onSelectTrace}):(0,j.jsx)(rn,{selectedTrace:t,selectedSessionTraces:n,selectedTraceId:e.selectedTraceId,traceLoadState:e.traceLoadState,onBack:()=>e.onSelectTrace(``),onShowSessionTraces:e.onShowSessionTraces})})}function nn(e){return e.traces.length===0?(0,j.jsx)(k,{title:e.traceLoadState===`loading`?`Loading traces`:`No traces found`,text:e.traceLoadState===`loading`?`Reading runtime trace records.`:`Run an agent to populate the tracing timeline.`}):(0,j.jsx)(_t,{className:`min-h-0 overflow-hidden rounded-none border-0 bg-background p-0`,"aria-label":`Traces`,children:(0,j.jsx)($t,{className:`h-full min-h-0`,children:(0,j.jsxs)(`div`,{className:`grid min-w-280`,children:[(0,j.jsxs)(`div`,{className:`sticky top-0 z-10 grid min-h-11 grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center gap-4 border-b bg-background/95 px-4 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground backdrop-blur`,children:[(0,j.jsx)(`span`,{children:`Trace`}),(0,j.jsx)(`span`,{children:`Session`}),(0,j.jsx)(`span`,{children:`Agent`}),(0,j.jsx)(`span`,{children:`Status`}),(0,j.jsx)(`span`,{children:`Started`}),(0,j.jsx)(`span`,{children:`Duration`}),(0,j.jsx)(`span`,{children:`First delta`}),(0,j.jsx)(`span`,{children:`Events`})]}),e.traces.map(t=>(0,j.jsxs)(_,{className:`grid h-auto min-h-14 w-full grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center justify-start gap-4 whitespace-normal rounded-none border-0 border-b bg-transparent px-4 py-2.5 text-left text-muted-foreground shadow-none transition duration-200 hover:bg-accent/70 hover:text-accent-foreground`,type:`button`,variant:`ghost`,onClick:()=>e.onSelectTrace(t.id),children:[(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:t.id}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:t.sessionId}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:u(e.agents,t)}),(0,j.jsx)(on,{status:t.status}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:f(t.startedAt)}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:m(d(t.durationMs))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:m(d(z(t.observations)))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium tabular-nums`,children:t.observationCount})]},t.id))]})})})}function rn(e){let t=e.selectedTrace?.observations[0]?.kind??`trace`;return(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,children:[(0,j.jsxs)(`header`,{className:`shrink-0 border-b bg-background px-4 py-3`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,j.jsx)(_,{"aria-label":`Back to traces`,className:`mt-0.5 text-muted-foreground hover:text-foreground`,size:`icon`,type:`button`,variant:`ghost`,onClick:e.onBack,children:(0,j.jsx)(D,{icon:ge,"aria-hidden":`true`})}),(0,j.jsx)(`span`,{className:r(`grid size-9 shrink-0 place-items-center rounded-lg [&_svg]:size-4`,V(t)),children:(0,j.jsx)(B,{tone:t})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,j.jsx)(`h1`,{className:`truncate text-lg font-semibold tracking-tight`,children:an(e.selectedTrace)}),e.selectedTrace?(0,j.jsx)(on,{status:e.selectedTrace.status}):null]}),(0,j.jsx)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground`,children:e.selectedTrace===void 0?e.traceLoadState===`loading`?`Loading trace`:`Trace not found`:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{children:f(e.selectedTrace.startedAt)}),(0,j.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,j.jsx)(`span`,{className:`font-mono`,title:e.selectedTraceId,children:e.selectedTraceId})]})})]})]}),e.selectedTrace?(0,j.jsxs)(`dl`,{className:`mt-3 grid grid-cols-2 gap-x-6 gap-y-3 border-t pt-3 sm:grid-cols-4`,children:[(0,j.jsx)(X,{label:`Duration`,value:d(e.selectedTrace.durationMs)}),(0,j.jsx)(X,{label:`Spans`,value:String(e.selectedTrace.observationCount)}),(0,j.jsx)(X,{label:`Tokens`,value:m(h(e.selectedTrace.usage))}),(0,j.jsx)(X,{label:`Session`,value:e.selectedTrace.sessionId,mono:!0})]}):null]}),(0,j.jsx)(`div`,{className:`min-h-0 min-w-0 overflow-hidden`,children:e.selectedTrace===void 0?(0,j.jsx)(k,{className:`h-full rounded-none`,title:e.traceLoadState===`loading`?`Loading trace`:`Trace not found`,text:e.traceLoadState===`loading`?`Reading the selected trace.`:`The selected trace is not available in this Studio runtime.`}):(0,j.jsx)(sn,{traces:e.selectedSessionTraces.length>0?e.selectedSessionTraces:[e.selectedTrace],onShowSessionTraces:e.onShowSessionTraces})})]})}function an(e){return e?.name?e.name:y(e?.metadata)&&typeof e.metadata.agentName==`string`?e.metadata.agentName:`Trace detail`}function X(e){return(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsx)(`dt`,{className:`text-xs text-muted-foreground`,children:e.label}),(0,j.jsx)(`dd`,{className:r(`truncate text-sm font-medium tabular-nums`,e.mono&&`font-mono`),children:e.value})]})}function on({status:e}){return(0,j.jsx)(te,{className:r(`border-0 capitalize`,e===`success`&&`bg-emerald-200 text-emerald-950 dark:bg-emerald-300 dark:text-emerald-950`,e===`error`&&`bg-rose-200 text-rose-950 dark:bg-rose-300 dark:text-rose-950`,(e===`running`||e===`suspended`)&&`bg-amber-200 text-amber-950 dark:bg-amber-300 dark:text-amber-950`,e!==`success`&&e!==`error`&&e!==`running`&&e!==`suspended`&&`bg-slate-200 text-slate-900 dark:bg-slate-300 dark:text-slate-950`),children:e})}function sn(e){let t=(0,A.useMemo)(()=>[...e.traces].sort((e,t)=>Date.parse(e.startedAt)-Date.parse(t.startedAt)),[e.traces]),n=t[0]?.id??``,[r,i]=(0,A.useState)(n),[a,o]=(0,A.useState)(`agent`),[s,c]=(0,A.useState)(()=>new Set),[l,u]=(0,A.useState)(``);(0,A.useEffect)(()=>{i(n),o(`agent`)},[n]);let f=t.find(e=>e.id===r)??t[0],p=f===void 0?[]:tt(f),m=(e,t)=>{i(e),o(t)},h=l.trim().toLowerCase(),g=h.length===0?[]:t.flatMap(e=>e.observations.filter(e=>[e.name,e.kind,e.id].some(e=>e.toLowerCase().includes(h))).map(t=>({trace:e,observation:t}))),v=t.map(e=>`${e.id}:agent`),y=v.length>0&&v.every(e=>s.has(e)),b=e=>{c(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return f===void 0?(0,j.jsx)(k,{className:`h-full rounded-none`,title:`No trace selected`,text:`Choose a trace to inspect its spans and metadata.`}):(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch overflow-hidden bg-background`,"aria-label":`Traces`,children:(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 grid-cols-[minmax(280px,36%)_minmax(420px,64%)] overflow-hidden max-md:grid-cols-1`,children:[(0,j.jsxs)(`nav`,{className:`flex h-full min-h-0 flex-col border-r bg-background max-md:max-h-80 max-md:border-b max-md:border-r-0`,"aria-label":`Trace timeline`,children:[(0,j.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 border-b p-1.5`,children:[(0,j.jsxs)(`div`,{className:`relative min-w-0 flex-1`,children:[(0,j.jsx)(D,{icon:Me,"aria-hidden":`true`,className:`pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground`}),(0,j.jsx)(ne,{"aria-label":`Search spans`,className:`h-8 border-0 bg-transparent pl-7 shadow-none focus-visible:ring-1`,placeholder:`Search spans`,value:l,onChange:e=>u(e.target.value)})]}),(0,j.jsx)(_,{"aria-label":y?`Expand all spans`:`Collapse all spans`,className:`size-8`,size:`icon`,title:y?`Expand all`:`Collapse all`,variant:`ghost`,onClick:()=>c(y?new Set:new Set(v)),children:(0,j.jsx)(D,{icon:y?be:Re,"aria-hidden":`true`})})]}),(0,j.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto overscroll-contain px-2 py-1`,children:h.length>0?g.length>0?g.map(({trace:e,observation:t})=>(0,j.jsx)(Z,{active:f.id===e.id&&a===`observation:${t.id}`,ancestorLevels:[],hasChildren:!1,isLastSibling:!0,level:0,tone:t.kind,title:R(t),subtitle:d(t.durationMs),onSelect:()=>m(e.id,`observation:${t.id}`)},`${e.id}:${t.id}`)):(0,j.jsxs)(`div`,{className:`grid place-items-center gap-1 p-6 text-center`,children:[(0,j.jsx)(`span`,{className:`text-sm font-medium`,children:`No matching spans`}),(0,j.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Search by name, kind, or ID.`})]}):t.map(e=>{let n=f.id===e.id,r=tt(e),i=`${e.id}:agent`,o=s.has(i);return(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:n&&a===`agent`,ancestorLevels:[],hasChildren:r.length>0,isLastSibling:!0,level:0,tone:`agent`,title:t.length>1?e.name??`agent.run`:`agent.run`,subtitle:d(e.durationMs),collapsed:o,onSelect:()=>m(e.id,`agent`),onToggle:()=>b(i)}),o?null:r.map(t=>{let i=`${e.id}:turn:${t.turn}`,o=s.has(i);return(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:n&&a===`turn:${t.turn}`,ancestorLevels:[],hasChildren:t.observations.length>0,isLastSibling:t.turn===r.at(-1)?.turn,level:1,tone:`turn`,title:`turn.${t.turn}`,subtitle:d(t.durationMs),collapsed:o,onSelect:()=>m(e.id,`turn:${t.turn}`),onToggle:()=>b(i)}),o?null:(0,j.jsx)(ln,{activeKey:a,collapsed:s,isLastTurn:t.turn===r.at(-1)?.turn,observations:t.observations,onSelect:t=>m(e.id,`observation:${t}`),onToggle:b,traceActive:n})]},i)})]},e.id)})})]}),(0,j.jsx)(dn,{trace:f,turns:p,activeKey:a,onShowSessionTraces:e.onShowSessionTraces})]})})}function Z(e){return(0,j.jsxs)(`div`,{className:r(`group flex min-w-0 items-stretch text-muted-foreground hover:bg-muted/60`,e.active&&`bg-muted text-foreground`),children:[(0,j.jsxs)(`button`,{"aria-current":e.active?`true`:void 0,className:`flex min-w-0 flex-1 items-stretch text-left`,type:`button`,onClick:e.onSelect,children:[(0,j.jsx)(cn,{ancestorLevels:e.ancestorLevels,hasChildren:e.hasChildren,isLastSibling:e.isLastSibling,level:e.level,tone:e.tone}),(0,j.jsxs)(`span`,{className:`grid min-w-0 flex-1 content-center py-1.5 pr-2`,children:[(0,j.jsx)(`span`,{className:`truncate text-xs font-medium text-current`,title:e.title,children:e.title}),(0,j.jsx)(`span`,{className:`flex flex-wrap gap-x-2 text-[10px] text-muted-foreground`,children:e.subtitle})]})]}),e.hasChildren&&e.onToggle?(0,j.jsx)(`button`,{"aria-expanded":!e.collapsed,"aria-label":e.collapsed?`Expand ${e.title}`:`Collapse ${e.title}`,className:`m-1 grid size-7 shrink-0 place-items-center rounded-md hover:bg-background`,type:`button`,onClick:e.onToggle,children:(0,j.jsx)(D,{icon:we,"aria-hidden":`true`,className:r(`size-3.5 transition-transform`,!e.collapsed&&`rotate-90`)})}):null]})}function cn(e){let t=e.level*20;return(0,j.jsxs)(`span`,{className:`relative shrink-0`,"data-tree-depth":e.level,style:{width:`${(e.level+1)*20+4}px`},children:[e.ancestorLevels.map(e=>(0,j.jsx)(`span`,{className:`absolute inset-y-0 w-px bg-border`,"data-tree-line":`ancestor`,style:{left:`${e*20+10}px`}},`ancestor-line-${e}`)),e.level>0?e.isLastSibling?(0,j.jsx)(`span`,{className:`absolute top-0 h-1/2 rounded-bl-sm border-b border-l border-border`,"data-tree-line":`elbow`,style:{left:`${(e.level-1)*20+10}px`,width:`20px`}}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`absolute inset-y-0 w-px bg-border`,"data-tree-line":`sibling-continuation`,style:{left:`${(e.level-1)*20+10}px`}}),(0,j.jsx)(`span`,{className:`absolute top-1/2 h-px bg-border`,"data-tree-line":`elbow`,style:{left:`${(e.level-1)*20+10}px`,width:`20px`}})]}):null,e.hasChildren?(0,j.jsx)(`span`,{className:`absolute bottom-0 w-px bg-border`,"data-tree-line":`children`,style:{left:`${t+10}px`,top:`calc(50% + 0.5rem)`}}):null,(0,j.jsx)(`span`,{className:r(`absolute top-1/2 grid size-4 -translate-y-1/2 place-items-center rounded-sm [&_svg]:size-2.5`,V(e.tone)),style:{left:`${t+2}px`},children:(0,j.jsx)(B,{tone:e.tone})})]})}function ln(e){let t=nt(e.observations);return(0,j.jsx)(j.Fragment,{children:t.map((n,r)=>(0,j.jsx)(un,{activeKey:e.activeKey,ancestorLevels:e.isLastTurn?[]:[0],collapsed:e.collapsed,isLastSibling:r===t.length-1,level:2,node:n,onSelect:e.onSelect,onToggle:e.onToggle,traceActive:e.traceActive},n.observation.id))})}function un(e){let t=H(e.node.observation),n=`observation:${e.node.observation.id}`,r=e.collapsed.has(n),i=e.isLastSibling?e.ancestorLevels:[...e.ancestorLevels,e.level];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Z,{active:e.traceActive&&e.activeKey===`observation:${e.node.observation.id}`,ancestorLevels:e.ancestorLevels,hasChildren:e.node.children.length>0,isLastSibling:e.isLastSibling,level:e.level,tone:e.node.observation.kind,title:R(e.node.observation),subtitle:t.length>0?`${d(e.node.observation.durationMs)} · ${t}`:d(e.node.observation.durationMs),collapsed:r,onSelect:()=>e.onSelect(e.node.observation.id),onToggle:()=>e.onToggle(n)}),r?null:e.node.children.map((t,n)=>(0,j.jsx)(un,{activeKey:e.activeKey,ancestorLevels:i,collapsed:e.collapsed,isLastSibling:n===e.node.children.length-1,level:e.level+1,node:t,onSelect:e.onSelect,onToggle:e.onToggle,traceActive:e.traceActive},t.observation.id))]})}function dn(e){let t=rt(e.trace,e.turns,e.activeKey),[n,i]=(0,A.useState)(`formatted`);return(0,j.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,"aria-label":`Trace detail`,children:[(0,j.jsx)(`header`,{className:`shrink-0 border-b px-4 py-4 md:px-6`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,j.jsx)(`span`,{className:r(`grid size-9 shrink-0 place-items-center rounded-lg [&_svg]:size-4`,V(t.tone)),children:(0,j.jsx)(B,{tone:t.tone})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,j.jsx)(`h2`,{className:`m-0 min-w-0 truncate text-xl font-semibold tracking-tight`,children:t.title}),(0,j.jsx)(on,{status:t.status})]}),(0,j.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:t.startedAt})]})]}),(0,j.jsx)(fn,{value:n,onChange:i})]}),(0,j.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Ee,"aria-hidden":`true`}),label:`Duration`,value:d(t.durationMs)}),t.firstDeltaMs===void 0?null:(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Ie,"aria-hidden":`true`}),label:`First delta`,value:d(t.firstDeltaMs)}),t.usage.length===0?null:(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Se,"aria-hidden":`true`}),label:`Usage`,value:t.usage}),(0,j.jsxs)(`button`,{className:`flex min-w-0 items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-1.5 text-xs hover:bg-muted/60`,type:`button`,onClick:()=>e.onShowSessionTraces(e.trace.sessionId),children:[(0,j.jsx)(D,{icon:x,"aria-hidden":`true`,className:`size-3.5 text-muted-foreground`}),(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:`Session`}),(0,j.jsx)(`span`,{className:`max-w-44 truncate font-mono font-medium`,children:e.trace.sessionId})]})]})]})}),(0,j.jsx)(`div`,{className:`min-w-0 overflow-auto`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 content-start gap-6 p-6`,children:[t.input===void 0?null:(0,j.jsx)($,{title:`Input`,value:t.input,view:n}),t.output===void 0?null:(0,j.jsx)($,{title:`Output`,value:t.output,tone:`success`,view:n}),t.error===void 0?null:(0,j.jsx)($,{title:`Error`,value:t.error,tone:`error`,view:n}),(0,j.jsx)($,{title:`Metadata`,value:t.metadata,view:n})]})})]})}function Q(e){return(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-1.5 text-xs`,children:[(0,j.jsx)(`span`,{className:`text-muted-foreground [&_svg]:size-3.5`,children:e.icon}),(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:e.label}),(0,j.jsx)(`span`,{className:`max-w-44 truncate font-mono font-medium`,children:e.value})]})}function fn(e){return(0,j.jsx)(`fieldset`,{className:`flex h-8 items-center rounded-md border bg-muted/50 p-0.5`,"aria-label":`Payload view`,children:[`formatted`,`json`].map(t=>(0,j.jsx)(`button`,{"aria-pressed":e.value===t,className:r(`h-6 rounded px-2 text-xs font-medium text-muted-foreground`,e.value===t&&`bg-background text-foreground shadow-sm`),type:`button`,onClick:()=>e.onChange(t),children:t===`formatted`?`Formatted`:`JSON`},t))})}function $(e){let t=Ye(e.title,e.value);return(0,j.jsxs)(`section`,{className:`grid min-w-0 gap-3`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsx)(`h3`,{className:`m-0 text-sm font-semibold`,children:e.title}),(0,j.jsx)(`span`,{className:`h-px flex-1 bg-border`,"aria-hidden":`true`})]}),e.view===`json`?(0,j.jsx)(Be,{value:e.value}):(0,j.jsx)(`div`,{className:`grid min-w-0 gap-2`,children:t.map(t=>(0,j.jsxs)(`article`,{className:r(`grid min-w-0 gap-2 rounded-lg border bg-muted/10 px-4 py-3`,e.compact&&`grid-cols-[150px_minmax(0,1fr)] items-start gap-4 max-lg:grid-cols-1`),children:[(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground`,children:[(0,j.jsx)(Je,{label:t.label}),t.label]}),(0,j.jsx)(pn,{compact:e.compact,item:t,tone:e.tone})]},`${t.label}-${t.text}`))})]})}function pn(e){let t=mn(e.item);return t.length>0?(0,j.jsx)(`div`,{className:`grid min-w-0 gap-5`,children:t.map(e=>(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,j.jsx)(`span`,{className:` text-xs font-semibold tabular-nums text-muted-foreground`,children:e.index}),(0,j.jsx)(te,{className:r(`px-1.5 py-0.5`,e.role===`User`&&`border-border/80 bg-muted-foreground/15 text-muted-foreground`,e.role===`Assistant`&&`border-border/80 bg-foreground/15 text-foreground`,e.role===`Tool`&&`border-destructive/40 bg-destructive/15 text-destructive`),children:e.role})]}),(0,j.jsx)(`p`,{className:`m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]`,children:e.text})]},`${e.index}-${e.role}-${e.text}`))}):(0,j.jsx)(`p`,{className:r(`m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]`,e.tone===`success`&&!qe(e.item)&&`text-foreground`,e.tone===`error`&&`text-destructive`),children:e.item.text})}function mn(e){return e.label.startsWith(`Conversation history`)?e.text.split(`
+`)}]}function F(e,t,n){if(y(e)){let t=typeof e.type==`string`?e.type:void 0;if(n===`choice`){if(t===`text`)return`Assistant output`;if(t===`reasoning`)return`Reasoning`}if(t===`reasoning`)return`Reasoning`;if(typeof e.role==`string`)return I(e.role);if(t!==void 0)return I(t)}return`${n===void 0?`Item`:`${I(n)} item`} ${t+1}`}function I(e){return e.replace(/[_-]+/g,` `).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).trim().replace(/\b\w/g,e=>e.toUpperCase())}function $e(e){let t=e.instructions;return typeof t!=`string`||t.trim().length===0?[]:[{label:`System prompt`,text:t}]}function et(e){if(e===void 0)return`undefined`;if(e===null)return`null`;if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`)return String(e);try{return JSON.stringify(e,null,2)}catch{return String(e)}}function tt(e){let t=new Map;for(let n of e.observations){let e=Number.isFinite(n.turn)?n.turn:t.size+1;t.set(e,[...t.get(e)??[],n])}return[...t.entries()].sort(([e],[t])=>e-t).map(([e,t])=>({turn:e,observations:t,durationMs:t.reduce((e,t)=>e+(t.durationMs??0),0)}))}function nt(e){let t=new Map;for(let n of e)t.set(n.id,{observation:n,children:[]});let n=[];for(let r of e){let e=t.get(r.id);if(e===void 0)continue;let i=r.parentObservationId,a=i===void 0?void 0:t.get(i);a===void 0?n.push(e):a.children.push(e)}return n}function rt(e,t,n){if(n===`agent`)return{title:`agent.run`,tone:`agent`,status:e.status,startedAt:p(e.startedAt),durationMs:e.durationMs,firstDeltaMs:z(e.observations),usage:h(e.usage),input:e.input,output:e.output,error:e.error,metadata:it(e)};if(n.startsWith(`turn:`)){let r=Number(n.slice(5)),i=t.find(e=>e.turn===r);return{title:`turn.${Number.isFinite(r)?r:1}`,tone:`turn`,status:ft(i?.observations??[]),startedAt:p(i?.observations[0]?.startedAt??e.startedAt),durationMs:i?.durationMs,firstDeltaMs:z(i?.observations??[]),usage:ht(i?.observations??[]),input:i?.observations[0]?.input,output:i?.observations.at(-1)?.output,metadata:at(r,i?.observations??[])}}if(n.startsWith(`observation:`)){let t=n.slice(12),r=e.observations.find(e=>e.id===t);if(r!==void 0)return{title:R(r),tone:r.kind,status:r.status,startedAt:p(r.startedAt),durationMs:r.durationMs,firstDeltaMs:mt(r.metadata),usage:H(r),input:r.input,output:r.output,error:r.error,metadata:ot(r)}}return{title:e.name??`Agent`,tone:`trace`,status:e.status,startedAt:p(e.startedAt),durationMs:e.durationMs,firstDeltaMs:z(e.observations),usage:h(e.usage),input:e.input,output:e.output,error:e.error,metadata:it(e)}}function it(e){let t=y(e.metadata)?e.metadata:{},n=L({status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:pt(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs});return L({...t,status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:pt(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs,trace:y(t.trace)?t.trace:n})}function at(e,t){return L({turn:e,observationCount:t.length,generationCount:t.filter(e=>e.kind===`generation`).length,toolCount:t.filter(e=>e.kind===`tool`).length,agentCount:t.filter(e=>e.kind===`agent`).length,firstDeltaMs:z(t),status:ft(t),startedAt:t[0]?.startedAt,endedAt:t.at(-1)?.endedAt})}function ot(e){let t=L({...y(e.metadata)?e.metadata:{},status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs});return L({...t,trace:y(t.trace)?t.trace:L({status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs}),modelInfo:y(t.modelInfo)?t.modelInfo:st(t),modelCall:y(t.modelCall)?t.modelCall:ct(t),response:y(t.response)?t.response:lt(t),tools:y(t.tools)?t.tools:ut(t),timing:y(t.timing)?t.timing:dt(t)})}function st(e){let t=L({provider:e.provider,modelId:e.modelId});return Object.keys(t).length===0?void 0:t}function ct(e){let t=L({messageCount:e.historyCount,documentCount:e.documentCount,toolCount:e.toolCount,toolNames:e.toolNames,temperature:e.temperature,maxTokens:e.maxTokens,toolChoice:e.toolChoice,hasOutputSchema:e.hasOutputSchema,providerOptionKeys:e.providerOptionKeys}),n=L({request:Object.keys(t).length===0?void 0:t,providerRequest:e.providerRequest});return Object.keys(n).length===0?void 0:n}function lt(e){let t=L({messageId:e.messageId,usage:e.usage,providerResponse:e.providerResponse});return Object.keys(t).length===0?void 0:t}function ut(e){let t=L({count:e.toolCount,names:e.toolNames,toolChoice:e.toolChoice,internalCallId:e.internalCallId,toolCallId:e.toolCallId,skipped:e.skipped,description:e.toolDescription,parameterKeys:e.parameterKeys,requiredParameterKeys:e.requiredParameterKeys,approvalRequired:e.approvalRequired,mcpServerName:e.mcpServerName,argumentBytes:e.argumentBytes,resultBytes:e.resultBytes});return Object.keys(t).length===0?void 0:t}function dt(e){let t=L({firstDeltaMs:e.firstDeltaMs,durationMs:e.durationMs,startedAt:e.startedAt,endedAt:e.endedAt});return Object.keys(t).length===0?void 0:t}function ft(e){return e.length===0?`empty`:e.some(e=>e.status===`error`)?`error`:e.some(e=>e.status===`cancelled`)?`cancelled`:e.some(e=>e.status===`running`)?`running`:`success`}function pt(e){return Array.isArray(e)?e.length:void 0}function L(e){return Object.fromEntries(Object.entries(e).filter(([,e])=>e!==void 0))}function R(e){return e.kind===`agent`?e.name:e.kind===`tool`?`tool.${e.name}`:e.name}function z(e){for(let t of e){let e=mt(t.metadata);if(e!==void 0)return e}}function mt(e){if(!(!y(e)||typeof e.firstDeltaMs!=`number`))return e.firstDeltaMs}function B(e){switch(e.tone){case`trace`:return(0,j.jsx)(D,{icon:Oe,"aria-hidden":`true`});case`agent`:return(0,j.jsx)(D,{icon:S,"aria-hidden":`true`});case`turn`:return(0,j.jsx)(D,{icon:S,"aria-hidden":`true`});case`generation`:return(0,j.jsx)(D,{icon:Pe,"aria-hidden":`true`});case`tool`:return(0,j.jsx)(D,{icon:w,"aria-hidden":`true`});default:return(0,j.jsx)(D,{icon:Oe,"aria-hidden":`true`})}}function V(e){switch(e){case`trace`:return`bg-foreground text-background`;case`agent`:return`bg-violet-600 text-white`;case`turn`:return`bg-violet-600 text-white`;case`generation`:return`bg-blue-600 text-white`;case`tool`:return`bg-amber-600 text-white`;default:return`bg-muted text-muted-foreground`}}function H(e){return!y(e.output)||!y(e.output.usage)?``:gt(e.output.usage)}function ht(e){return e.map(H).filter(e=>e.length>0).join(` + `)}function gt(e){let t=typeof e.inputTokens==`number`?e.inputTokens:0,n=typeof e.outputTokens==`number`?e.outputTokens:0,r=typeof e.totalTokens==`number`?e.totalTokens:t+n;return r===0?``:`${t} -> ${n} (Σ ${r})`}function _t({className:e,...t}){return(0,j.jsx)(`div`,{className:r(`flex flex-col gap-4 overflow-hidden rounded-xl border border-border bg-card py-4 text-base text-card-foreground`,e),...t})}var vt=Object.defineProperty,U=(e,t)=>vt(e,`name`,{value:t,configurable:!0});function yt(e,t){return A.useReducer((e,n)=>t[e][n]??e,e)}U(yt,`useStateMachine`);var bt=`ScrollArea`,[xt,St]=o(bt),[Ct,W]=xt(bt),wt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[c,l]=A.useState(null),[u,d]=A.useState(null),[f,p]=A.useState(null),[m,h]=A.useState(null),[_,v]=A.useState(null),[y,b]=A.useState(0),[x,S]=A.useState(0),[C,w]=A.useState(!1),[T,E]=A.useState(!1),D=g(t,l),O=ee(i);return(0,j.jsx)(Ct,{scope:n,type:r,dir:O,scrollHideDelay:a,scrollArea:c,viewport:u,onViewportChange:d,content:f,onContentChange:p,scrollbarX:m,onScrollbarXChange:h,scrollbarXEnabled:C,onScrollbarXEnabledChange:w,scrollbarY:_,onScrollbarYChange:v,scrollbarYEnabled:T,onScrollbarYEnabledChange:E,onCornerWidthChange:b,onCornerHeightChange:S,children:(0,j.jsx)(s.div,{dir:O,...o,ref:D,style:{position:`relative`,"--radix-scroll-area-corner-width":y+`px`,"--radix-scroll-area-corner-height":x+`px`,...e.style}})})},`ScrollArea`)),Tt=`ScrollAreaViewport`,Et=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,children:r,nonce:i,...a}=e,o=W(Tt,n),c=A.useRef(null),l=g(t,c,o.onViewportChange);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Dt,{nonce:i}),(0,j.jsx)(s.div,{"data-radix-scroll-area-viewport":``,...a,ref:l,style:{overflowX:o.scrollbarXEnabled?`scroll`:`hidden`,overflowY:o.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,j.jsx)(`div`,{ref:o.onContentChange,style:{minWidth:`100%`,display:`table`},children:r})})]})},`ScrollAreaViewport`)),Dt=A.memo(U(function({nonce:e}){return(0,j.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`},nonce:e})},`ScrollAreaViewportStyle`),(e,t)=>e.nonce===t.nonce),G=`ScrollAreaScrollbar`,Ot=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return A.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,j.jsx)(kt,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,j.jsx)(At,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,j.jsx)(jt,{...r,ref:t,forceMount:n}):i.type===`always`?(0,j.jsx)(Mt,{...r,ref:t,"data-state":`visible`}):null},`ScrollAreaScrollbar`)),kt=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),[a,o]=A.useState(!1);return A.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=U(()=>{window.clearTimeout(t),o(!0)},`handlePointerEnter`),r=U(()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)},`handlePointerLeave`);return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,j.jsx)(l,{present:n||a,children:(0,j.jsx)(jt,{"data-state":a?`visible`:`hidden`,...r,ref:t})})},`ScrollAreaScrollbarHover`)),At=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=W(G,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=J(()=>u(`SCROLL_END`),100),[s,u]=yt(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return A.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>u(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,u]),A.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=U(()=>{let r=e[t];n!==r&&(u(`SCROLL`),o()),n=r},`handleScroll`);return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,u,o]),(0,j.jsx)(l,{present:n||s!==`hidden`,children:(0,j.jsx)(Mt,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:c(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:c(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})},`ScrollAreaScrollbarScroll`)),jt=A.forwardRef(U(function(e,t){let n=W(G,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=A.useState(!1),s=e.orientation===`horizontal`,c=J(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return Y(n.viewport,c),Y(n.content,c),(0,j.jsx)(l,{present:r||a,children:(0,j.jsx)(Mt,{"data-state":a?`visible`:`hidden`,...i,ref:t})})},`ScrollAreaScrollbarAuto`)),Mt=A.forwardRef(U(function(e,t){let{orientation:n=`vertical`,...r}=e,i=W(G,e.__scopeScrollArea),a=A.useRef(null),o=A.useRef(0),[s,c]=A.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=Wt(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:U(e=>a.current=e,`onThumbChange`),onThumbPointerUp:U(()=>o.current=0,`onThumbPointerUp`),onThumbPointerDown:U(e=>o.current=e,`onThumbPointerDown`)};function d(e,t){return Gt(e,o.current,s,t)}return U(d,`getScrollPosition`),n===`horizontal`?(0,j.jsx)(Nt,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=Kt(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,j.jsx)(Pt,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=Kt(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null},`ScrollAreaScrollbarVisible`)),Nt=A.forwardRef(U(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=W(G,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),l=g(t,c,a.onScrollbarXChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(Lt,{"data-orientation":`horizontal`,...i,ref:l,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":q(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),Jt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:K(o.paddingLeft),paddingEnd:K(o.paddingRight)}})}})},`ScrollAreaScrollbarX`)),Pt=A.forwardRef(U(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=W(G,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),l=g(t,c,a.onScrollbarYChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(Lt,{"data-orientation":`vertical`,...i,ref:l,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":q(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),Jt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:K(o.paddingTop),paddingEnd:K(o.paddingBottom)}})}})},`ScrollAreaScrollbarY`)),[Ft,It]=xt(G),Lt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:o,onThumbPointerUp:l,onThumbPointerDown:u,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:p,onResize:m,...h}=e,_=W(G,n),[v,y]=A.useState(null),b=g(t,y),x=A.useRef(null),S=A.useRef(``),C=_.viewport,w=r.content-r.viewport,T=a(p),E=a(d),D=J(m,10);function O(e){if(x.current){let t=e.clientX-x.current.left,n=e.clientY-x.current.top;f({x:t,y:n})}}return U(O,`handleDragScroll`),A.useEffect(()=>{let e=U(e=>{let t=e.target;v?.contains(t)&&T(e,w)},`handleWheel`);return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[C,v,w,T]),A.useEffect(E,[r,E]),Y(v,D),Y(_.content,D),(0,j.jsx)(Ft,{scope:n,scrollbar:v,hasThumb:i,onThumbChange:a(o),onThumbPointerUp:a(l),onThumbPositionChange:E,onThumbPointerDown:a(u),children:(0,j.jsx)(s.div,{...h,ref:b,style:{position:`absolute`,...h.style},onPointerDown:c(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),x.current=v.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,_.viewport&&(_.viewport.style.scrollBehavior=`auto`),O(e))}),onPointerMove:c(e.onPointerMove,O),onPointerUp:c(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=S.current,_.viewport&&(_.viewport.style.scrollBehavior=``),x.current=null})})})},`ScrollAreaScrollbarImpl`)),Rt=`ScrollAreaThumb`,zt=A.forwardRef(U(function(e,t){let{forceMount:n,...r}=e,i=It(Rt,e.__scopeScrollArea);return(0,j.jsx)(l,{present:n||i.hasThumb,children:(0,j.jsx)(Bt,{ref:t,...r})})},`ScrollAreaThumb`)),Bt=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,style:r,...i}=e,a=W(Rt,n),o=It(Rt,n),{onThumbPositionChange:l}=o,u=g(t,o.onThumbChange),d=A.useRef(void 0),f=J(()=>{d.current&&=(d.current(),void 0)},100);return A.useEffect(()=>{let e=a.viewport;if(e){let t=U(()=>{if(f(),!d.current){let t=Yt(e,l);d.current=t,l()}},`handleScroll`);return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,f,l]),(0,j.jsx)(s.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:c(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:c(e.onPointerUp,o.onThumbPointerUp)})},`ScrollAreaThumbImpl`)),Vt=`ScrollAreaCorner`,Ht=A.forwardRef(U(function(e,t){let n=W(Vt,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,j.jsx)(Ut,{...e,ref:t}):null},`ScrollAreaCorner`)),Ut=A.forwardRef(U(function(e,t){let{__scopeScrollArea:n,...r}=e,i=W(Vt,n),[a,o]=A.useState(0),[c,l]=A.useState(0),u=!!(a&&c),{onCornerWidthChange:d,onCornerHeightChange:f}=i;return Y(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),l(e)}),Y(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),A.useEffect(()=>()=>{d(0),f(0)},[d,f]),u?(0,j.jsx)(s.div,{...r,ref:t,style:{width:a,height:c,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null},`ScrollAreaCornerImpl`));function K(e){return e?parseInt(e,10):0}U(K,`toInt`);function Wt(e,t){let n=e/t;return isNaN(n)?0:n}U(Wt,`getThumbRatio`);function q(e){let t=Wt(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}U(q,`getThumbSize`);function Gt(e,t,n,r=`ltr`){let i=q(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return qt([c,l],d)(e)}U(Gt,`getScrollPositionFromPointer`);function Kt(e,t,n=`ltr`){let r=q(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=n===`ltr`?[0,o]:[o*-1,0],l=O(e,c);return qt([0,o],[0,s])(l)}U(Kt,`getThumbOffsetFromScroll`);function qt(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}U(qt,`linearScale`);function Jt(e,t){return e>0&&e<t}U(Jt,`isScrollingWithinScrollbarBounds`);var Yt=U((e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return U((function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)}),`loop`)(),()=>window.cancelAnimationFrame(r)},`addUnlinkedScrollListener`);function J(e,t){let n=a(e),r=A.useRef(0);return A.useEffect(()=>()=>window.clearTimeout(r.current),[]),A.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}U(J,`useDebounceCallback`);function Y(e,t){let n=a(t);i(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}U(Y,`useResizeObserver`);var Xt=wt,Zt=Et,Qt=Ht;function $t({className:e,children:t,...n}){return(0,j.jsxs)(Xt,{className:r(`relative overflow-hidden`,e),...n,children:[(0,j.jsx)(Zt,{className:`h-full w-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:ring-3 focus-visible:ring-ring/50`,children:t}),(0,j.jsx)(en,{}),(0,j.jsx)(Qt,{})]})}function en({className:e,orientation:t=`vertical`,...n}){return(0,j.jsx)(Ot,{orientation:t,className:r(`flex touch-none select-none transition-colors`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent p-px`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent p-px`,e),...n,children:(0,j.jsx)(zt,{className:`relative flex-1 rounded-full bg-border`})})}function tn(e){if(!e.tracesEnabled)return(0,j.jsx)(k,{className:`h-full`,title:`Tracing unavailable`,text:`This Studio runtime does not expose traces.`});let t=e.selectedTraceId.length===0?void 0:e.traces.find(t=>t.id===e.selectedTraceId),n=t===void 0||e.traceSessionDetailId!==t.sessionId?[]:e.traces.filter(e=>e.sessionId===t.sessionId);return(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch`,"aria-label":`Tracing`,children:e.selectedTraceId.length===0?(0,j.jsx)(nn,{agents:e.agents,traces:e.traces,traceLoadState:e.traceLoadState,onSelectTrace:e.onSelectTrace}):(0,j.jsx)(rn,{selectedTrace:t,selectedSessionTraces:n,selectedTraceId:e.selectedTraceId,traceLoadState:e.traceLoadState,onBack:()=>e.onSelectTrace(``),onShowSessionTraces:e.onShowSessionTraces})})}function nn(e){return e.traces.length===0?(0,j.jsx)(k,{title:e.traceLoadState===`loading`?`Loading traces`:`No traces found`,text:e.traceLoadState===`loading`?`Reading runtime trace records.`:`Run an agent to populate the tracing timeline.`}):(0,j.jsx)(_t,{className:`min-h-0 overflow-hidden rounded-none border-0 bg-background p-0`,"aria-label":`Traces`,children:(0,j.jsx)($t,{className:`h-full min-h-0`,children:(0,j.jsxs)(`div`,{className:`grid min-w-280`,children:[(0,j.jsxs)(`div`,{className:`sticky top-0 z-10 grid min-h-11 grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center gap-4 border-b bg-background/95 px-4 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground backdrop-blur`,children:[(0,j.jsx)(`span`,{children:`Trace`}),(0,j.jsx)(`span`,{children:`Session`}),(0,j.jsx)(`span`,{children:`Agent`}),(0,j.jsx)(`span`,{children:`Status`}),(0,j.jsx)(`span`,{children:`Started`}),(0,j.jsx)(`span`,{children:`Duration`}),(0,j.jsx)(`span`,{children:`First delta`}),(0,j.jsx)(`span`,{children:`Events`})]}),e.traces.map(t=>(0,j.jsxs)(_,{className:`grid h-auto min-h-14 w-full grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center justify-start gap-4 whitespace-normal rounded-none border-0 border-b bg-transparent px-4 py-2.5 text-left text-muted-foreground shadow-none transition duration-200 hover:bg-accent/70 hover:text-accent-foreground`,type:`button`,variant:`ghost`,onClick:()=>e.onSelectTrace(t.id),children:[(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:t.id}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:t.sessionId}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:u(e.agents,t)}),(0,j.jsx)(on,{status:t.status}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:f(t.startedAt)}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:m(d(t.durationMs))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:m(d(z(t.observations)))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium tabular-nums`,children:t.observationCount})]},t.id))]})})})}function rn(e){let t=e.selectedTrace?.observations[0]?.kind??`trace`;return(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,children:[(0,j.jsxs)(`header`,{className:`shrink-0 border-b bg-background px-4 py-3`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,j.jsx)(_,{"aria-label":`Back to traces`,className:`mt-0.5 text-muted-foreground hover:text-foreground`,size:`icon`,type:`button`,variant:`ghost`,onClick:e.onBack,children:(0,j.jsx)(D,{icon:ge,"aria-hidden":`true`})}),(0,j.jsx)(`span`,{className:r(`grid size-9 shrink-0 place-items-center rounded-lg [&_svg]:size-4`,V(t)),children:(0,j.jsx)(B,{tone:t})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,j.jsx)(`h1`,{className:`truncate text-lg font-semibold tracking-tight`,children:an(e.selectedTrace)}),e.selectedTrace?(0,j.jsx)(on,{status:e.selectedTrace.status}):null]}),(0,j.jsx)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground`,children:e.selectedTrace===void 0?e.traceLoadState===`loading`?`Loading trace`:`Trace not found`:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{children:f(e.selectedTrace.startedAt)}),(0,j.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,j.jsx)(`span`,{className:`font-mono`,title:e.selectedTraceId,children:e.selectedTraceId})]})})]})]}),e.selectedTrace?(0,j.jsxs)(`dl`,{className:`mt-3 grid grid-cols-2 gap-x-6 gap-y-3 border-t pt-3 sm:grid-cols-4`,children:[(0,j.jsx)(X,{label:`Duration`,value:d(e.selectedTrace.durationMs)}),(0,j.jsx)(X,{label:`Spans`,value:String(e.selectedTrace.observationCount)}),(0,j.jsx)(X,{label:`Tokens`,value:m(h(e.selectedTrace.usage))}),(0,j.jsx)(X,{label:`Session`,value:e.selectedTrace.sessionId,mono:!0})]}):null]}),(0,j.jsx)(`div`,{className:`min-h-0 min-w-0 overflow-hidden`,children:e.selectedTrace===void 0?(0,j.jsx)(k,{className:`h-full rounded-none`,title:e.traceLoadState===`loading`?`Loading trace`:`Trace not found`,text:e.traceLoadState===`loading`?`Reading the selected trace.`:`The selected trace is not available in this Studio runtime.`}):(0,j.jsx)(sn,{traces:e.selectedSessionTraces.length>0?e.selectedSessionTraces:[e.selectedTrace],onShowSessionTraces:e.onShowSessionTraces})})]})}function an(e){return e?.name?e.name:y(e?.metadata)&&typeof e.metadata.agentName==`string`?e.metadata.agentName:`Trace detail`}function X(e){return(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsx)(`dt`,{className:`text-xs text-muted-foreground`,children:e.label}),(0,j.jsx)(`dd`,{className:r(`truncate text-sm font-medium tabular-nums`,e.mono&&`font-mono`),children:e.value})]})}function on({status:e}){return(0,j.jsx)(te,{className:r(`border-0 capitalize`,e===`success`&&`bg-emerald-200 text-emerald-950 dark:bg-emerald-300 dark:text-emerald-950`,e===`error`&&`bg-rose-200 text-rose-950 dark:bg-rose-300 dark:text-rose-950`,(e===`running`||e===`suspended`||e===`cancelled`)&&`bg-amber-200 text-amber-950 dark:bg-amber-300 dark:text-amber-950`,e!==`success`&&e!==`error`&&e!==`running`&&e!==`suspended`&&e!==`cancelled`&&`bg-slate-200 text-slate-900 dark:bg-slate-300 dark:text-slate-950`),children:e})}function sn(e){let t=(0,A.useMemo)(()=>[...e.traces].sort((e,t)=>Date.parse(e.startedAt)-Date.parse(t.startedAt)),[e.traces]),n=t[0]?.id??``,[r,i]=(0,A.useState)(n),[a,o]=(0,A.useState)(`agent`),[s,c]=(0,A.useState)(()=>new Set),[l,u]=(0,A.useState)(``);(0,A.useEffect)(()=>{i(n),o(`agent`)},[n]);let f=t.find(e=>e.id===r)??t[0],p=f===void 0?[]:tt(f),m=(e,t)=>{i(e),o(t)},h=l.trim().toLowerCase(),g=h.length===0?[]:t.flatMap(e=>e.observations.filter(e=>[e.name,e.kind,e.id].some(e=>e.toLowerCase().includes(h))).map(t=>({trace:e,observation:t}))),v=t.map(e=>`${e.id}:agent`),y=v.length>0&&v.every(e=>s.has(e)),b=e=>{c(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return f===void 0?(0,j.jsx)(k,{className:`h-full rounded-none`,title:`No trace selected`,text:`Choose a trace to inspect its spans and metadata.`}):(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch overflow-hidden bg-background`,"aria-label":`Traces`,children:(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 grid-cols-[minmax(280px,36%)_minmax(420px,64%)] overflow-hidden max-md:grid-cols-1`,children:[(0,j.jsxs)(`nav`,{className:`flex h-full min-h-0 flex-col border-r bg-background max-md:max-h-80 max-md:border-b max-md:border-r-0`,"aria-label":`Trace timeline`,children:[(0,j.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 border-b p-1.5`,children:[(0,j.jsxs)(`div`,{className:`relative min-w-0 flex-1`,children:[(0,j.jsx)(D,{icon:Me,"aria-hidden":`true`,className:`pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground`}),(0,j.jsx)(ne,{"aria-label":`Search spans`,className:`h-8 border-0 bg-transparent pl-7 shadow-none focus-visible:ring-1`,placeholder:`Search spans`,value:l,onChange:e=>u(e.target.value)})]}),(0,j.jsx)(_,{"aria-label":y?`Expand all spans`:`Collapse all spans`,className:`size-8`,size:`icon`,title:y?`Expand all`:`Collapse all`,variant:`ghost`,onClick:()=>c(y?new Set:new Set(v)),children:(0,j.jsx)(D,{icon:y?be:Re,"aria-hidden":`true`})})]}),(0,j.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto overscroll-contain px-2 py-1`,children:h.length>0?g.length>0?g.map(({trace:e,observation:t})=>(0,j.jsx)(Z,{active:f.id===e.id&&a===`observation:${t.id}`,ancestorLevels:[],hasChildren:!1,isLastSibling:!0,level:0,tone:t.kind,title:R(t),subtitle:d(t.durationMs),onSelect:()=>m(e.id,`observation:${t.id}`)},`${e.id}:${t.id}`)):(0,j.jsxs)(`div`,{className:`grid place-items-center gap-1 p-6 text-center`,children:[(0,j.jsx)(`span`,{className:`text-sm font-medium`,children:`No matching spans`}),(0,j.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Search by name, kind, or ID.`})]}):t.map(e=>{let n=f.id===e.id,r=tt(e),i=`${e.id}:agent`,o=s.has(i);return(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:n&&a===`agent`,ancestorLevels:[],hasChildren:r.length>0,isLastSibling:!0,level:0,tone:`agent`,title:t.length>1?e.name??`agent.run`:`agent.run`,subtitle:d(e.durationMs),collapsed:o,onSelect:()=>m(e.id,`agent`),onToggle:()=>b(i)}),o?null:r.map(t=>{let i=`${e.id}:turn:${t.turn}`,o=s.has(i);return(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:n&&a===`turn:${t.turn}`,ancestorLevels:[],hasChildren:t.observations.length>0,isLastSibling:t.turn===r.at(-1)?.turn,level:1,tone:`turn`,title:`turn.${t.turn}`,subtitle:d(t.durationMs),collapsed:o,onSelect:()=>m(e.id,`turn:${t.turn}`),onToggle:()=>b(i)}),o?null:(0,j.jsx)(ln,{activeKey:a,collapsed:s,isLastTurn:t.turn===r.at(-1)?.turn,observations:t.observations,onSelect:t=>m(e.id,`observation:${t}`),onToggle:b,traceActive:n})]},i)})]},e.id)})})]}),(0,j.jsx)(dn,{trace:f,turns:p,activeKey:a,onShowSessionTraces:e.onShowSessionTraces})]})})}function Z(e){return(0,j.jsxs)(`div`,{className:r(`group flex min-w-0 items-stretch text-muted-foreground hover:bg-muted/60`,e.active&&`bg-muted text-foreground`),children:[(0,j.jsxs)(`button`,{"aria-current":e.active?`true`:void 0,className:`flex min-w-0 flex-1 items-stretch text-left`,type:`button`,onClick:e.onSelect,children:[(0,j.jsx)(cn,{ancestorLevels:e.ancestorLevels,hasChildren:e.hasChildren,isLastSibling:e.isLastSibling,level:e.level,tone:e.tone}),(0,j.jsxs)(`span`,{className:`grid min-w-0 flex-1 content-center py-1.5 pr-2`,children:[(0,j.jsx)(`span`,{className:`truncate text-xs font-medium text-current`,title:e.title,children:e.title}),(0,j.jsx)(`span`,{className:`flex flex-wrap gap-x-2 text-[10px] text-muted-foreground`,children:e.subtitle})]})]}),e.hasChildren&&e.onToggle?(0,j.jsx)(`button`,{"aria-expanded":!e.collapsed,"aria-label":e.collapsed?`Expand ${e.title}`:`Collapse ${e.title}`,className:`m-1 grid size-7 shrink-0 place-items-center rounded-md hover:bg-background`,type:`button`,onClick:e.onToggle,children:(0,j.jsx)(D,{icon:we,"aria-hidden":`true`,className:r(`size-3.5 transition-transform`,!e.collapsed&&`rotate-90`)})}):null]})}function cn(e){let t=e.level*20;return(0,j.jsxs)(`span`,{className:`relative shrink-0`,"data-tree-depth":e.level,style:{width:`${(e.level+1)*20+4}px`},children:[e.ancestorLevels.map(e=>(0,j.jsx)(`span`,{className:`absolute inset-y-0 w-px bg-border`,"data-tree-line":`ancestor`,style:{left:`${e*20+10}px`}},`ancestor-line-${e}`)),e.level>0?e.isLastSibling?(0,j.jsx)(`span`,{className:`absolute top-0 h-1/2 rounded-bl-sm border-b border-l border-border`,"data-tree-line":`elbow`,style:{left:`${(e.level-1)*20+10}px`,width:`20px`}}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`absolute inset-y-0 w-px bg-border`,"data-tree-line":`sibling-continuation`,style:{left:`${(e.level-1)*20+10}px`}}),(0,j.jsx)(`span`,{className:`absolute top-1/2 h-px bg-border`,"data-tree-line":`elbow`,style:{left:`${(e.level-1)*20+10}px`,width:`20px`}})]}):null,e.hasChildren?(0,j.jsx)(`span`,{className:`absolute bottom-0 w-px bg-border`,"data-tree-line":`children`,style:{left:`${t+10}px`,top:`calc(50% + 0.5rem)`}}):null,(0,j.jsx)(`span`,{className:r(`absolute top-1/2 grid size-4 -translate-y-1/2 place-items-center rounded-sm [&_svg]:size-2.5`,V(e.tone)),style:{left:`${t+2}px`},children:(0,j.jsx)(B,{tone:e.tone})})]})}function ln(e){let t=nt(e.observations);return(0,j.jsx)(j.Fragment,{children:t.map((n,r)=>(0,j.jsx)(un,{activeKey:e.activeKey,ancestorLevels:e.isLastTurn?[]:[0],collapsed:e.collapsed,isLastSibling:r===t.length-1,level:2,node:n,onSelect:e.onSelect,onToggle:e.onToggle,traceActive:e.traceActive},n.observation.id))})}function un(e){let t=H(e.node.observation),n=`observation:${e.node.observation.id}`,r=e.collapsed.has(n),i=e.isLastSibling?e.ancestorLevels:[...e.ancestorLevels,e.level];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Z,{active:e.traceActive&&e.activeKey===`observation:${e.node.observation.id}`,ancestorLevels:e.ancestorLevels,hasChildren:e.node.children.length>0,isLastSibling:e.isLastSibling,level:e.level,tone:e.node.observation.kind,title:R(e.node.observation),subtitle:t.length>0?`${d(e.node.observation.durationMs)} · ${t}`:d(e.node.observation.durationMs),collapsed:r,onSelect:()=>e.onSelect(e.node.observation.id),onToggle:()=>e.onToggle(n)}),r?null:e.node.children.map((t,n)=>(0,j.jsx)(un,{activeKey:e.activeKey,ancestorLevels:i,collapsed:e.collapsed,isLastSibling:n===e.node.children.length-1,level:e.level+1,node:t,onSelect:e.onSelect,onToggle:e.onToggle,traceActive:e.traceActive},t.observation.id))]})}function dn(e){let t=rt(e.trace,e.turns,e.activeKey),[n,i]=(0,A.useState)(`formatted`);return(0,j.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,"aria-label":`Trace detail`,children:[(0,j.jsx)(`header`,{className:`shrink-0 border-b px-4 py-4 md:px-6`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,j.jsx)(`span`,{className:r(`grid size-9 shrink-0 place-items-center rounded-lg [&_svg]:size-4`,V(t.tone)),children:(0,j.jsx)(B,{tone:t.tone})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,j.jsx)(`h2`,{className:`m-0 min-w-0 truncate text-xl font-semibold tracking-tight`,children:t.title}),(0,j.jsx)(on,{status:t.status})]}),(0,j.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:t.startedAt})]})]}),(0,j.jsx)(fn,{value:n,onChange:i})]}),(0,j.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Ee,"aria-hidden":`true`}),label:`Duration`,value:d(t.durationMs)}),t.firstDeltaMs===void 0?null:(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Ie,"aria-hidden":`true`}),label:`First delta`,value:d(t.firstDeltaMs)}),t.usage.length===0?null:(0,j.jsx)(Q,{icon:(0,j.jsx)(D,{icon:Se,"aria-hidden":`true`}),label:`Usage`,value:t.usage}),(0,j.jsxs)(`button`,{className:`flex min-w-0 items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-1.5 text-xs hover:bg-muted/60`,type:`button`,onClick:()=>e.onShowSessionTraces(e.trace.sessionId),children:[(0,j.jsx)(D,{icon:x,"aria-hidden":`true`,className:`size-3.5 text-muted-foreground`}),(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:`Session`}),(0,j.jsx)(`span`,{className:`max-w-44 truncate font-mono font-medium`,children:e.trace.sessionId})]})]})]})}),(0,j.jsx)(`div`,{className:`min-w-0 overflow-auto`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 content-start gap-6 p-6`,children:[t.input===void 0?null:(0,j.jsx)($,{title:`Input`,value:t.input,view:n}),t.output===void 0?null:(0,j.jsx)($,{title:`Output`,value:t.output,tone:`success`,view:n}),t.error===void 0?null:(0,j.jsx)($,{title:`Error`,value:t.error,tone:`error`,view:n}),(0,j.jsx)($,{title:`Metadata`,value:t.metadata,view:n})]})})]})}function Q(e){return(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-1.5 text-xs`,children:[(0,j.jsx)(`span`,{className:`text-muted-foreground [&_svg]:size-3.5`,children:e.icon}),(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:e.label}),(0,j.jsx)(`span`,{className:`max-w-44 truncate font-mono font-medium`,children:e.value})]})}function fn(e){return(0,j.jsx)(`fieldset`,{className:`flex h-8 items-center rounded-md border bg-muted/50 p-0.5`,"aria-label":`Payload view`,children:[`formatted`,`json`].map(t=>(0,j.jsx)(`button`,{"aria-pressed":e.value===t,className:r(`h-6 rounded px-2 text-xs font-medium text-muted-foreground`,e.value===t&&`bg-background text-foreground shadow-sm`),type:`button`,onClick:()=>e.onChange(t),children:t===`formatted`?`Formatted`:`JSON`},t))})}function $(e){let t=Ye(e.title,e.value);return(0,j.jsxs)(`section`,{className:`grid min-w-0 gap-3`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsx)(`h3`,{className:`m-0 text-sm font-semibold`,children:e.title}),(0,j.jsx)(`span`,{className:`h-px flex-1 bg-border`,"aria-hidden":`true`})]}),e.view===`json`?(0,j.jsx)(Be,{value:e.value}):(0,j.jsx)(`div`,{className:`grid min-w-0 gap-2`,children:t.map(t=>(0,j.jsxs)(`article`,{className:r(`grid min-w-0 gap-2 rounded-lg border bg-muted/10 px-4 py-3`,e.compact&&`grid-cols-[150px_minmax(0,1fr)] items-start gap-4 max-lg:grid-cols-1`),children:[(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground`,children:[(0,j.jsx)(Je,{label:t.label}),t.label]}),(0,j.jsx)(pn,{compact:e.compact,item:t,tone:e.tone})]},`${t.label}-${t.text}`))})]})}function pn(e){let t=mn(e.item);return t.length>0?(0,j.jsx)(`div`,{className:`grid min-w-0 gap-5`,children:t.map(e=>(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,j.jsx)(`span`,{className:` text-xs font-semibold tabular-nums text-muted-foreground`,children:e.index}),(0,j.jsx)(te,{className:r(`px-1.5 py-0.5`,e.role===`User`&&`border-border/80 bg-muted-foreground/15 text-muted-foreground`,e.role===`Assistant`&&`border-border/80 bg-foreground/15 text-foreground`,e.role===`Tool`&&`border-destructive/40 bg-destructive/15 text-destructive`),children:e.role})]}),(0,j.jsx)(`p`,{className:`m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]`,children:e.text})]},`${e.index}-${e.role}-${e.text}`))}):(0,j.jsx)(`p`,{className:r(`m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]`,e.tone===`success`&&!qe(e.item)&&`text-foreground`,e.tone===`error`&&`text-destructive`),children:e.item.text})}function mn(e){return e.label.startsWith(`Conversation history`)?e.text.split(`
 
 `).flatMap(e=>{let[t,...n]=e.split(`
 `),r=/^(\d+)\.\s+(.+)$/.exec(t??``);return r===null?[]:[{index:r[1]??``,role:r[2]??`Message`,text:n.join(`
 `)}]}):[]}export{tn as TraceBrowser};
-//# sourceMappingURL=trace-browser-CwRUyCO6.js.map
+//# sourceMappingURL=trace-browser-CuBl9__d.js.map