okengine 0.11.2 → 0.13.0

package/src/console/ui-next/dist/assets/trace-detail-sheet-D16lWQMt.js

@@ -0,0 +1,2 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{Ar as t,Cr as n,F as r,Fr as i,Ir as a,L as o,Mr as s,P as c,Pr as l,Ri as u,Si as d,Sr as f,Ti as p,Xi as m,Ya as h,_r as g,ar as _,dr as v,ea as y,gr as b,hr as x,i as ee,ir as te,ji as ne,kr as re,l as ie,li as S,nr as ae,o as oe,or as se,qr as ce,s as le,ta as C,tr as ue,u as de,ur as fe,vr as pe,wr as w,xr as me}from"./shortcut-keys-DO4IsVqv.js";import{r as T}from"./react-dom-Bph1y7z7.js";import{A as E}from"./xyflow-D7n4g6go.js";import{O as D,R as he,i as O,k as ge,n as _e,t as k,v as A,w as ve,y as ye,z as j}from"./react-B1ML8gxg.js";import{a as be,i as xe,t as M}from"./duration-tone-oiRxPVsZ.js";import{d as N,i as Se,n as Ce,r as we,t as Te}from"./collapsible-DYb0xU8C.js";import{c as Ee,i as P,t as F}from"./highlighted-json-CvDPvveV.js";import{a as De,c as I,d as Oe,f as ke,l as L,m as Ae,o as je,r as R,t as z,u as B,x as V}from"./http-method-BJ92Z_ke.js";function H(...e){let t=!Array.isArray(e[0]),n=t?0:-1,r=e[0+n],i=e[1+n],a=e[2+n],o=e[3+n],s=ve(i,a,o);return t?s(r):s}var U=e(T(),1);function W(e){let t=j(()=>ye(e)),{isStatic:n}=(0,U.useContext)(O);if(n){let[,n]=(0,U.useState)(e);(0,U.useEffect)(()=>t.on(`change`,n),[])}return t}function G(e,t){let n=W(t()),r=()=>n.set(t());return r(),he(()=>{let t=()=>ge.preRender(r,!1,!0),n=e.map(e=>e.on(`change`,t));return()=>{n.forEach(e=>e()),D(r)}}),n}function Me(e){A.current=[],e();let t=G(A.current,e);return A.current=void 0,t}function K(e,t,n,r){if(typeof e==`function`)return Me(e);if(n!==void 0&&!Array.isArray(n)&&typeof t!=`function`)return Pe(e,t,n,r);let i=typeof t==`function`?t:H(t,n,r),a=Array.isArray(e)?Ne(e,i):Ne([e],([e])=>i(e)),o=Array.isArray(e)?void 0:e.accelerate;return o&&!o.isTransformed&&typeof t!=`function`&&Array.isArray(n)&&r?.clamp!==!1&&(a.accelerate={...o,times:t,keyframes:n,isTransformed:!0,...r?.ease?{ease:r.ease}:{}}),a}function Ne(e,t){let n=j(()=>[]);return G(e,()=>{n.length=0;let r=e.length;for(let t=0;t<r;t++)n[t]=e[t].get();return t(n)})}function Pe(e,t,n,r){let i=j(()=>Object.keys(n)),a=j(()=>({}));for(let o of i)a[o]=K(e,t,n[o],r);return a}var q=E();function Fe(e){return!Number.isFinite(e)||e<=0?900:Math.min(1600,Math.max(700,e*6))}function Ie(e,t){let n=t?.flows??{},r=[...e],i=[];for(let e=0;e<r.length;e++){let t=r[e];i.push(`flow:${t}`);let a=r[e+1];if(!a)break;let o=Le(t,a,n);o&&i.push(`signal:${o}`)}return i}function Le(e,t,n){let r=n[e],i=n[t];if(!r||!i)return null;let a=i.trigger?.signal;return a&&r.effects?.emits?.includes(a)?a:null}function Re(e,t){return e.length===0?null:e[Math.floor(Math.min(.999,Math.max(0,t))*e.length)]??null}var ze=[`read`,`write`,`emit`,`call`,`ask`,`send`,`secret`];function Be(e){return e.startsWith(`sql:`)}function Ve(e){return e.startsWith(`computed:`)}function He(e){let t=[{key:`duration`,label:P(e.durationMs),shortLabel:P(e.durationMs),variant:`duration`,detail:`Handler duration from the run ledger (${P(e.durationMs)}).`}];e.trigger===`http`&&t.push({key:`api`,label:`1 API call`,shortLabel:`1 API`,variant:`api`,detail:`HTTP trigger invocation for this run (not counted as an effect).`});let n=e.gates.length;n>0&&t.push({key:`gates`,label:`${n} ${n===1?`gate`:`gates`}`,shortLabel:`${n} gate${n===1?``:`s`}`,variant:`gate`,detail:`Evaluated on this run: ${e.gates.join(`, `)}.`});let r=e.effects.filter(e=>Ve(e.resource)).length;r>0&&t.push({key:`cache`,label:`${r} cache ${r===1?`read`:`reads`}`,shortLabel:`${r} cache`,variant:`cache`,detail:`${r} effect${r===1?``:`s`} targeting computed:… cache keys.`});let i=e.effects.filter(e=>Be(e.resource)).length;i>0&&t.push({key:`db`,label:`${i} DB ${i===1?`query`:`queries`}`,shortLabel:`${i} DB`,variant:`db`,detail:`${i} effect${i===1?``:`s`} targeting sql:… store resources.`});let a=We(e.effects);for(let e of ze){let n=a.get(e)??0;n!==0&&t.push({key:e,label:B(e,n),shortLabel:B(e,n),variant:e,detail:`${n} non-SQL ${e} effect${n===1?``:`s`} on the run ledger.`})}let o=e.logs.length;return o>0&&t.push({key:`logs`,label:`${o} log ${o===1?`line`:`lines`}`,shortLabel:`${o} log${o===1?``:`s`}`,variant:`logs`,detail:`${o} ${o===1?`entry`:`entries`} in run.logs.`}),t}function Ue(e){return Ve(e.resource)?`Cache read`:Be(e.resource)?e.kind===`write`?`DB write`:`DB query`:{read:`Read`,write:`Write`,emit:`Emit`,send:`Send`,ask:`Ask`,secret:`Secret`,call:`Call`}[e.kind]}function We(e){let t=new Map;for(let n of e)Be(n.resource)||Ve(n.resource)||t.set(n.kind,(t.get(n.kind)??0)+1);return t}function Ge(e){return typeof e!=`object`||!e||Array.isArray(e)?null:Object.entries(e).map(([e,t])=>({key:e,value:t,display:Xe(t),kind:Ye(t)}))}function Ke(e){if(Array.isArray(e)){let t=e.length;return`${t} ${t===1?`item`:`items`}`}if(typeof e==`object`&&e){let t=Object.keys(e).length;return`${t} ${t===1?`field`:`fields`}`}return typeof e==`string`?`${e.length} chars`:null}function qe(e){let t=new TextEncoder().encode(e).length;return t<1024?`${t} B`:`${(t/1024).toFixed(1)} KB`}function Je(e){if(typeof e==`string`)return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ye(e){if(e===null)return`null`;if(Array.isArray(e))return`array`;switch(typeof e){case`string`:return`string`;case`number`:return`number`;case`boolean`:return`boolean`;case`object`:return`object`;default:return`string`}}function Xe(e){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)}catch{return String(e)}}var J=`flex min-h-0 flex-1 flex-col`,Ze=`flex min-h-0 flex-1 overflow-auto pb-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`;function Qe({method:e,path:t,headline:r,input:i,output:a,error:o,errorMessage:s,inputOpen:c,onInputOpenChange:l,outputOpen:u,onOutputOpenChange:d}){let f=e&&t?`${e} ${t}`:r,p=o!==null,m=i!=null,h=u&&!p&&a!=null,g=c&&m&&!h;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`section`,{className:n(`border-b border-border/60 last:border-b-0`,g&&n(J,`pb-3`)),"data-slot":`trace-request`,children:[(0,q.jsxs)(`div`,{className:x,children:[(0,q.jsx)(`h3`,{className:n(me,`flex items-center px-2`),children:`Request`}),f?(0,q.jsx)(`div`,{className:`ml-auto flex h-full items-stretch`,children:(0,q.jsx)(Y,{label:`Copy endpoint`,text:f,dataSlot:`trace-request-copy-endpoint`})}):null]}),(0,q.jsx)(`div`,{"data-slot":`trace-request-frame`,className:g?J:void 0,children:(0,q.jsxs)(`div`,{className:n(`flex min-w-0`,g&&`min-h-0 flex-1`),children:[(0,q.jsx)(et,{method:e}),(0,q.jsxs)(`div`,{className:n(`flex min-w-0 flex-1 flex-col`,g&&`min-h-0`),children:[(0,q.jsx)(tt,{method:e,path:t,headline:r}),(0,q.jsx)($e,{value:i,open:c,onOpenChange:l,label:`Body`,empty:`No stored input — replay uses an empty body when the ledger has none.`,copyLabel:`Copy body JSON`,copySlot:`trace-request-copy-input`,toggleSlot:`trace-input-toggle`,fieldsSlot:`trace-request-fields`,jsonSlot:`trace-input-json`,fill:g})]})]})})]}),(0,q.jsxs)(`section`,{className:n(`border-b border-border/60 last:border-b-0`,h&&n(J,`pb-3`)),"data-slot":`trace-response`,children:[(0,q.jsxs)(`div`,{className:x,children:[(0,q.jsx)(`h3`,{className:n(me,`flex items-center px-2`),children:`Response`}),(0,q.jsxs)(`div`,{className:`ml-auto flex h-full items-stretch`,children:[!p&&a!=null?(0,q.jsx)(Y,{label:`Copy response JSON`,text:JSON.stringify(a,null,2),dataSlot:`trace-response-copy`}):null,p?(0,q.jsx)(Y,{label:`Copy error`,text:[o,s].filter(Boolean).join(`
+`),dataSlot:`trace-response-copy-error`}):null]})]}),p?(0,q.jsx)(`div`,{"data-slot":`trace-response-error`,role:`alert`,children:(0,q.jsxs)(`div`,{className:`flex min-w-0`,children:[(0,q.jsx)(`div`,{className:`w-1 shrink-0 self-stretch bg-destructive`,"aria-hidden":!0,"data-slot":`trace-response-rail`}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1 px-2.5 py-2.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,q.jsx)(w,{icon:re,className:`size-3.5 shrink-0 text-destructive`,"aria-hidden":!0}),(0,q.jsx)(`span`,{className:`font-mono text-xs font-semibold text-destructive`,children:o})]}),s?(0,q.jsx)(`p`,{className:`text-[11px] leading-snug text-destructive/90`,children:s}):(0,q.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Run failed with this error code — no return value was stored.`})]})]})}):(0,q.jsx)(`div`,{"data-slot":`trace-response-frame`,className:h?J:void 0,children:(0,q.jsxs)(`div`,{className:n(`flex min-w-0`,h&&`min-h-0 flex-1`),children:[(0,q.jsx)(`div`,{className:`w-1 shrink-0 self-stretch bg-emerald-500`,"aria-hidden":!0,"data-slot":`trace-response-rail`}),(0,q.jsx)(`div`,{className:n(`flex min-w-0 flex-1 flex-col`,h&&`min-h-0`),children:(0,q.jsx)($e,{value:a,open:u,onOpenChange:d,label:`Body`,empty:`No stored response — this run completed without a return value.`,copyLabel:`Copy response JSON`,copySlot:`trace-response-copy-body`,toggleSlot:`trace-response-toggle`,fieldsSlot:`trace-response-fields`,jsonSlot:`trace-response-json`,fill:h})})]})})]})]})}function $e({value:e,open:t,onOpenChange:r,label:i,empty:a,copyLabel:o,copySlot:c,toggleSlot:l,fieldsSlot:u,jsonSlot:d,fill:f=!1}){let p=e!=null,m=(0,U.useMemo)(()=>p?JSON.stringify(e,null,2):``,[p,e]),h=(0,U.useMemo)(()=>p?Ge(e):null,[p,e]),_=(0,U.useMemo)(()=>p?Ke(e):null,[p,e]),v=(0,U.useMemo)(()=>p?qe(m):null,[p,m]),[y,b]=(0,U.useState)(h?`fields`:`raw`);return(0,U.useEffect)(()=>{b(h?`fields`:`raw`)},[h]),p?(0,q.jsxs)(Te,{open:t,onOpenChange:r,className:f?J:void 0,children:[(0,q.jsxs)(`div`,{className:n(x,`border-t`),children:[(0,q.jsxs)(we,{className:n(g,`min-w-0 flex-1 justify-start`),"data-slot":l,children:[(0,q.jsx)(w,{icon:s,className:n(ue,!t&&`-rotate-90`)}),(0,q.jsx)(`span`,{children:i}),_?(0,q.jsxs)(`span`,{className:`truncate font-normal text-muted-foreground`,children:[`· `,_]}):null,v?(0,q.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] font-normal text-muted-foreground tabular-nums`,children:v}):null]}),h?(0,q.jsx)(nt,{view:y,onChange:b}):null,(0,q.jsx)(Y,{label:o,text:m,dataSlot:c})]}),(0,q.jsx)(Ce,{className:f?n(J,`overflow-hidden`):void 0,children:(0,q.jsx)(`div`,{className:n(`border-t border-border/60`,f&&J),children:y===`fields`&&h?(0,q.jsx)(`div`,{className:f?`min-h-0 flex-1 overflow-auto pb-3`:void 0,children:(0,q.jsx)(it,{rows:h,dataSlot:u})}):(0,q.jsx)(F,{json:m,dataSlot:d,className:f?Ze:void 0})})})]}):(0,q.jsx)(`p`,{className:`border-t border-border/60 px-2 py-2 text-[11px] text-muted-foreground`,children:a})}function et({method:e}){return(0,q.jsx)(`div`,{className:n(`w-1 shrink-0 self-stretch`,e?R(e):`bg-muted-foreground/50`),"aria-hidden":!0,"data-slot":`trace-request-rail`})}function tt({method:e,path:t,headline:r}){return e&&t?(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 px-2.5 py-2`,"data-slot":`trace-request-endpoint`,children:[(0,q.jsx)(`span`,{className:n(`shrink-0 font-mono text-[10px] font-semibold tracking-[0.08em] uppercase`,f(z(e))),"data-slot":`trace-request-method`,children:e}),(0,q.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs text-foreground select-all`,children:t})]}):(0,q.jsx)(`div`,{className:`px-2.5 py-2 font-mono text-xs text-foreground select-all`,"data-slot":`trace-request-endpoint`,children:r})}function nt({view:e,onChange:t}){return(0,q.jsxs)(`div`,{className:`flex h-full shrink-0 items-stretch`,role:`group`,"aria-label":`Body view`,"data-slot":`trace-request-view-toggle`,children:[(0,q.jsx)(rt,{active:e===`fields`,label:`Fields`,icon:p,onClick:()=>t(`fields`)}),(0,q.jsx)(rt,{active:e===`raw`,label:`Raw`,icon:m,onClick:()=>t(`raw`)})]})}function rt({active:e,label:t,icon:r,onClick:i}){return(0,q.jsxs)(`button`,{type:`button`,className:n(g,`font-semibold tracking-[0.08em] uppercase`,e?b:pe),"aria-pressed":e,"aria-label":t,onClick:i,children:[(0,q.jsx)(w,{icon:r,className:`size-3`}),(0,q.jsx)(`span`,{className:`hidden sm:inline`,children:t})]})}function it({rows:e,dataSlot:t}){return(0,q.jsx)(`ul`,{"data-slot":t,children:e.map(e=>(0,q.jsxs)(`li`,{className:n(v,`group/field items-start`),"data-slot":`trace-payload-field`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5 sm:flex-row sm:items-baseline sm:gap-3`,children:[(0,q.jsx)(`span`,{className:`w-[7.5rem] shrink-0 truncate font-mono text-[11px] font-medium text-sky-600 dark:text-sky-400`,children:e.key}),(0,q.jsx)(`span`,{className:n(`min-w-0 flex-1 break-all font-mono text-[11px] leading-snug`,at(e.kind)),title:e.display,children:e.display})]}),(0,q.jsx)(`span`,{className:`mt-0.5 shrink-0 font-mono text-[9px] tracking-wide text-muted-foreground uppercase opacity-70`,children:e.kind}),(0,q.jsx)(`div`,{className:`opacity-0 transition-opacity group-hover/field:opacity-100 group-focus-within/field:opacity-100`,children:(0,q.jsx)(Y,{label:`Copy ${e.key}`,text:Je(e.value),dataSlot:`trace-payload-copy-field`,bare:!0})})]},e.key))})}function at(e){switch(e){case`string`:return`text-teal-800/90 dark:text-teal-300/90`;case`number`:return`text-amber-800 dark:text-amber-300`;case`boolean`:return`text-violet-800 dark:text-violet-300`;case`null`:return`text-muted-foreground italic`;default:return`text-foreground/80`}}function Y({text:e,label:t,dataSlot:n,bare:i=!1}){let[a,s]=(0,U.useState)(!1),l=async t=>{t.stopPropagation();try{await navigator.clipboard.writeText(e),s(!0),window.setTimeout(()=>s(!1),1200)}catch{s(!1)}};return(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:e=>(0,q.jsx)(`button`,{...e,type:`button`,className:i?te:_,"aria-label":a?`Copied`:t,"data-slot":n,onClick:t=>{e.onClick?.(t),l(t)},children:(0,q.jsx)(w,{icon:a?y:ce,className:`size-3.5`})})}),(0,q.jsx)(r,{side:`bottom`,className:`text-[11px]`,children:a?`Copied`:t})]})}function ot(e){return e.effects.some(e=>e.kind===`send`||e.kind===`ask`||e.reversibility===`irreversible`)}function st(e){return{rootId:e.id,dryRun:ot(e)}}async function ct(e,t=h){return t(st(e))}function lt(e){return e.id}function ut(e){let t=dt(e),n=Ae[t];return{icon:n.icon,label:n.label}}function dt(e){switch(e){case`http`:return`http`;case`signal`:return`signal`;case`every`:return`every`;case`cron`:return`cron`;case`cdc`:return`cdc`;case`internal`:return`internal`;default:return`internal`}}function ft(e,t,n){return!Number.isFinite(t)||!Number.isFinite(n)||n<=0?e.map((e,t)=>({index:t,kind:e.kind,resource:e.resource,startOffsetMs:0,durationMs:0,offsetRatio:0,widthRatio:0})):e.map((e,r)=>{let i=Number.isFinite(e.timestamp)?e.timestamp-t:0,a=Number.isFinite(e.duration)?Math.max(0,e.duration):0,o=Math.min(n,Math.max(0,i)),s=Math.min(n,Math.max(o,i+a))-o;return{index:r,kind:e.kind,resource:e.resource,startOffsetMs:o,durationMs:s,offsetRatio:o/n,widthRatio:s/n}})}var X=[1,2,4,8];function Z(e,t=0){let n=Number.isFinite(e)&&e>=1?e:1,r=1/n;return{startRatio:Math.min(Number.isFinite(t)?Math.max(0,t):0,Math.max(0,1-r)),widthRatio:r,zoom:n}}function Q(e,t,n){let r=e,i=e+t,a=n.startRatio+n.widthRatio;if(i<=n.startRatio||r>=a)return null;let o=Math.max(r,n.startRatio),s=Math.min(i,a);return{left:(o-n.startRatio)/n.widthRatio,width:(s-o)/n.widthRatio}}function pt(e,t=5){if(!Number.isFinite(e)||e<=0)return[0];let n=vt(e,t),r=[0];for(let t=n;t<e-n*.25;t+=n)r.push(Math.round(t*1e3)/1e3);return r[r.length-1]!==e&&r.push(e),r}function mt(e,t,n=5){if(!Number.isFinite(e)||e<=0)return[{offsetMs:0,viewRatio:0,isEnd:!0}];let r=t.startRatio*e,i=t.widthRatio*e,a=pt(i,n).map(e=>r+e),o=Math.min(e,r+i);return a[a.length-1]!==o&&(a[a.length-1]=o),a.map((e,t)=>({offsetMs:e,viewRatio:(e-r)/i,isEnd:t===a.length-1}))}function ht(e,t){if(!Number.isFinite(t)||t<=0)return[];let n=_t(e,t),r=[],i=0;for(let[e,a]of n)e>i&&r.push(gt(i,e,t)),i=Math.max(i,a);return i<t&&r.push(gt(i,t,t)),r.filter(e=>e.durationMs>0&&e.widthRatio>0)}function gt(e,t,n){let r=Math.max(0,e),i=Math.max(0,t-r);return{startOffsetMs:r,durationMs:i,offsetRatio:r/n,widthRatio:i/n}}function _t(e,t){let n=e.map(e=>{let n=Math.max(0,Math.min(t,e.startOffsetMs));return[n,Math.max(n,Math.min(t,e.startOffsetMs+e.durationMs))]}).filter(([e,t])=>t>e).sort((e,t)=>e[0]-t[0]),r=[];for(let e of n){let t=r[r.length-1];!t||e[0]>t[1]?r.push([e[0],e[1]]):t[1]=Math.max(t[1],e[1])}return r}function vt(e,t){let n=e/Math.max(1,t),r=10**Math.floor(Math.log10(Math.max(n,1e-6))),i=n/r,a;return a=i<=1?1:i<=2?2:i<=5?5:10,a*r}function yt(e){return X.find(t=>t>e)??X[X.length-1]}function bt(e){let t=X[0];for(let n of X){if(n>=e)return t;t=n}return t}function xt(e){return`${Ue(e)} · ${e.resource} · ${P(e.durationMs)} · +${P(e.startOffsetMs)}`}var $=`border-b border-border/60 last:border-b-0`;function St({run:e,onClose:t,replay:r=h,focusEffectIndex:o=null,onFocusEffectChange:c,playbackKey:d=0,onReplayStart:f}){let p=Ee(),m=_e(),y=e?ut(e.trigger):null,b=e?je(e.cache):null,te=(0,U.useMemo)(()=>e?He(e):[],[e]),re=(0,U.useMemo)(()=>e?ke(e.gates,p.data??null):[],[e,p.data]),S=(0,U.useMemo)(()=>e?ft(e.effects,e.startedAt,e.durationMs):[],[e]),ce=(0,U.useMemo)(()=>e?ht(S,e.durationMs):[],[e,S]),C=(0,U.useMemo)(()=>e?De(p.data??null,e.flow,e.trigger):{method:null,path:null,headline:``},[e,p.data]),[pe,T]=(0,U.useState)(!1),[E,D]=(0,U.useState)(null),[he,O]=(0,U.useState)(null),[ge,A]=(0,U.useState)(!0),[ve,ye]=(0,U.useState)(!0),[j,M]=(0,U.useState)(!0),[N,F]=(0,U.useState)(null),[I,L]=(0,U.useState)(1),[Ae,R]=(0,U.useState)(0),[z,B]=(0,U.useState)(!1),V=W(0),H=W(0),G=(0,U.useMemo)(()=>Z(I,Ae),[I,Ae]),Me=(0,U.useMemo)(()=>e?mt(e.durationMs,G):[],[e,G]),Ne=K(V,e=>{let t=Q(e,1e-4,G);return t?`${t.left*100}%`:`-10%`});(0,U.useEffect)(()=>{if(D(null),O(null),T(!1),A(!0),ye(!0),M(!0),F(null),L(1),R(0),B(!1),V.set(0),!e)return;if(m){H.set(e.durationMs);return}H.set(0);let t=xe(H,e.durationMs,{duration:.6,ease:[.16,1,.3,1]});return()=>t.stop()},[e?.id,m]),(0,U.useEffect)(()=>{if(d===0||!e)return;if(m){V.set(1),H.set(e.durationMs),B(!1);return}B(!0),V.set(0),H.set(0);let t=xe(V,1,{duration:Fe(e.durationMs)/1e3,ease:`linear`,onUpdate:t=>H.set(t*e.durationMs),onComplete:()=>{H.set(e.durationMs),B(!1)}});return()=>{t.stop(),B(!1)}},[d]);let Pe=async t=>{if(t.stopPropagation(),!(!e||pe)){T(!0),D(null),O(null);try{let t=await ct(e,r);if(t.error){D(t.error.message??t.error.code),O(`error`);return}D(t.data?.dryRun?`Replayed (dry-run)`:`Replayed`),O(`ok`),f?.()}catch(e){D(e instanceof Error?e.message:`Replay failed`),O(`error`)}finally{T(!1)}}};return(0,q.jsx)(ee,{open:e!==null,modal:!1,disablePointerDismissal:!0,onOpenChange:e=>{e||t()},children:(0,q.jsx)(oe,{side:`left`,showOverlay:!1,"data-slot":`trace-detail-sheet`,className:`inset-y-0 h-dvh w-full max-w-none gap-0 rounded-none p-0 shadow-xl md:left-12! data-[side=left]:sm:max-w-2xl`,children:e&&y?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(ie,{className:`gap-1.5 border-b border-border/60 px-2 py-2 pr-12`,children:[(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(`span`,{className:`mt-0.5 text-muted-foreground`,title:y.label,"aria-hidden":!0,children:(0,q.jsx)(w,{icon:y.icon,className:se})}),(0,q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,q.jsx)(de,{className:`truncate font-mono text-base font-semibold tracking-tight`,children:e.flow}),(0,q.jsxs)(le,{className:`mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground`,children:[(0,q.jsx)(`span`,{children:y.label}),b?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`span`,{"aria-hidden":!0,children:`·`}),(0,q.jsxs)(`span`,{className:n(`inline-flex items-center gap-1`,b.className),"data-slot":`trace-sheet-cache`,"data-cache":e.cache,title:b.label,children:[(0,q.jsx)(w,{icon:b.icon,className:`size-3`,"aria-hidden":!0}),b.label]})]}):null]})]})]}),(0,q.jsx)(be,{mode:`wait`,children:E?(0,q.jsx)(k.div,{initial:!m&&{opacity:0,y:-4,scale:.96},animate:{opacity:1,y:0,scale:1},exit:m?void 0:{opacity:0,y:-4,scale:.96},transition:{duration:.18,ease:`easeOut`},children:(0,q.jsx)(Se,{variant:`outline`,role:`status`,className:n(`h-5 w-fit rounded-md px-1.5 text-[10px] font-medium`,he===`ok`&&`border-emerald-500/40 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400`,he===`error`&&`border-destructive/40 bg-destructive/10 text-destructive`),children:E})},E):null})]}),(0,q.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col gap-0 overflow-y-auto p-0`,children:[(0,q.jsx)(`section`,{className:$,"data-slot":`trace-summary`,children:(0,q.jsx)(wt,{chips:te,durationMs:e.durationMs,durationValue:H})}),re.length>0?(0,q.jsx)(`section`,{className:$,"data-slot":`trace-gates`,children:(0,q.jsx)(Oe,{gates:re})}):null,(0,q.jsxs)(`section`,{className:$,"data-slot":`trace-waterfall`,children:[(0,q.jsxs)(`div`,{className:x,children:[(0,q.jsx)(`h3`,{className:n(me,`flex items-center px-2`),children:`Waterfall`}),(0,q.jsxs)(`div`,{className:`ml-auto flex h-full items-stretch`,"data-slot":`trace-waterfall-zoom`,children:[(0,q.jsx)(`button`,{type:`button`,className:_,"aria-label":`Pan left`,disabled:I<=1||G.startRatio<=0,onClick:()=>R(e=>Z(I,Math.max(0,e-G.widthRatio*.5)).startRatio),children:(0,q.jsx)(w,{icon:l,className:`size-3.5`})}),(0,q.jsx)(`button`,{type:`button`,className:_,"aria-label":`Zoom out`,disabled:I<=1,onClick:()=>{let e=bt(I);L(e),R(t=>Z(e,t).startRatio)},children:(0,q.jsx)(w,{icon:ne,className:`size-3.5`})}),(0,q.jsxs)(`span`,{className:`flex min-w-8 items-center justify-center font-mono text-[10px] tabular-nums text-muted-foreground`,children:[I,`×`]}),(0,q.jsx)(`button`,{type:`button`,className:_,"aria-label":`Zoom in`,disabled:I>=8,onClick:()=>{let e=yt(I);L(e),R(t=>Z(e,t).startRatio)},children:(0,q.jsx)(w,{icon:u,className:`size-3.5`})}),(0,q.jsx)(`button`,{type:`button`,className:_,"aria-label":`Pan right`,disabled:I<=1||G.startRatio+G.widthRatio>=1,onClick:()=>R(e=>Z(I,e+G.widthRatio*.5).startRatio),children:(0,q.jsx)(w,{icon:a,className:`size-3.5`})})]})]}),S.length===0?(0,q.jsx)(`p`,{className:`px-2 py-2 text-[11px] text-muted-foreground`,children:`No effects recorded`}):(0,q.jsxs)(`div`,{className:`relative flex flex-col gap-1.5 px-2 py-2`,children:[(0,q.jsx)(Ot,{ticks:Me}),(0,q.jsx)(kt,{bars:S,gaps:ce,view:G,hoverIndex:N,onHover:F,onSelect:e=>c?.(o===e?null:e),focusIndex:o}),S.map(e=>(0,q.jsx)(jt,{bar:e,view:G,dimmed:N!==null&&N!==e.index,focused:o===e.index,progress:V,playing:z,onHover:F,onSelect:e=>c?.(o===e?null:e)},e.index)),z?(0,q.jsx)(k.div,{className:`pointer-events-none absolute top-4 bottom-0 w-px bg-foreground/70`,style:{left:Ne},"data-slot":`trace-waterfall-playhead`,"aria-hidden":!0}):null,ce.length>0?(0,q.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Hatched spans are idle time — no effects recorded.`}):null]})]}),(0,q.jsx)(`section`,{className:$,"data-slot":`trace-events-section`,children:(0,q.jsxs)(Te,{open:ge,onOpenChange:A,children:[(0,q.jsxs)(`div`,{className:x,children:[(0,q.jsxs)(we,{className:n(g,`min-w-0 flex-1 justify-start`),"data-slot":`trace-events-toggle`,children:[(0,q.jsx)(w,{icon:s,className:n(ue,!ge&&`-rotate-90`)}),(0,q.jsx)(`span`,{className:`truncate`,children:`Event Details`}),(0,q.jsxs)(`span`,{className:ae,children:[e.effects.length,` `,e.effects.length===1?`event`:`events`]})]}),(0,q.jsxs)(`button`,{type:`button`,className:g,disabled:pe,"data-slot":`trace-sheet-replay`,onClick:e=>void Pe(e),children:[(0,q.jsx)(w,{icon:i,className:`size-3.5`}),`Replay`]})]}),(0,q.jsx)(Ce,{children:(0,q.jsx)(`ul`,{className:`flex flex-col`,"data-slot":`trace-events`,children:e.effects.map((e,t)=>{let r=S[t],i=o===t;return(0,q.jsxs)(`li`,{"data-slot":`trace-event-row`,"data-index":t,"data-focused":i?`true`:`false`,className:n(v,`cursor-pointer flex-col items-stretch gap-1 text-[11px]`,i&&`bg-muted/70 text-foreground`,N===t&&!i&&`bg-muted/50`),onClick:()=>c?.(o===t?null:t),onMouseEnter:()=>F(t),onMouseLeave:()=>F(null),children:[(0,q.jsx)(`span`,{"aria-hidden":!0,className:n(fe,i&&`bg-sky-500`)}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(Ct,{kind:e.kind}),(0,q.jsx)(`span`,{className:`w-[4.5rem] shrink-0 font-medium text-foreground/90`,children:Ue(e)}),(0,q.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-muted-foreground`,children:e.resource}),(0,q.jsx)(`span`,{className:`shrink-0 tabular-nums text-muted-foreground`,children:P(e.duration)})]}),r?(0,q.jsx)(`div`,{className:`relative ml-7 h-1.5 w-[calc(100%-1.75rem)] rounded-full bg-muted/70`,"data-slot":`trace-event-bar-track`,"aria-hidden":!0,children:(0,q.jsx)(Mt,{bar:r,left:r.offsetRatio,width:r.widthRatio,progress:V,playing:z,slot:`trace-event-bar`})}):null]},`${e.kind}:${e.resource}:${t}`)})})})]})}),(0,q.jsx)(Qe,{method:C.method,path:C.path,headline:C.headline,input:e.input,output:e.output,error:e.error,errorMessage:e.errorMessage,inputOpen:ve,onInputOpenChange:ye,outputOpen:j,onOutputOpenChange:M})]})]}):null})})}function Ct({kind:e}){let t=I(e);return(0,q.jsx)(`span`,{className:se,style:{color:t},"aria-hidden":!0,children:(0,q.jsx)(w,{icon:L(e),className:`size-3.5`})})}function wt({chips:e,durationMs:t,durationValue:i}){let a=e.find(e=>e.variant===`duration`),s=e.filter(e=>e.variant!==`duration`),l=K(i,e=>P(Math.round(e)));return(0,q.jsxs)(`div`,{className:x,"data-slot":`trace-summary-strip`,role:`group`,"aria-label":`Run summary`,children:[a?(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:e=>(0,q.jsxs)(`div`,{...e,className:`flex h-full shrink-0 items-center gap-1.5 px-2`,"data-slot":`trace-summary-duration`,children:[(0,q.jsx)(w,{icon:C,className:n(`size-3.5`,M(t)),"aria-hidden":!0}),(0,q.jsx)(k.span,{className:n(`font-mono text-sm font-semibold tracking-tight tabular-nums leading-none`,M(t)),children:l})]})}),(0,q.jsx)(r,{side:`bottom`,className:`max-w-xs text-[11px]`,children:a.detail})]}):null,s.length>0?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`span`,{className:`w-px shrink-0 self-stretch bg-border/60`,"aria-hidden":!0}),(0,q.jsx)(`ul`,{className:`flex h-full min-w-0 flex-1 flex-nowrap items-stretch overflow-x-auto overscroll-x-contain [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:s.map(e=>(0,q.jsx)(`li`,{className:`list-none shrink-0`,children:(0,q.jsx)(Tt,{chip:e})},e.key))})]}):null]})}function Tt({chip:e}){let t=Dt(e.variant),i=Et(e.variant);return(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:r=>(0,q.jsxs)(`span`,{...r,className:n(g,`text-foreground/90`),"data-slot":`trace-summary-chip`,"data-variant":e.variant,children:[(0,q.jsx)(`span`,{style:{color:t},"aria-hidden":!0,children:(0,q.jsx)(w,{icon:i,className:`size-3`})}),(0,q.jsx)(`span`,{className:`tabular-nums font-medium`,children:e.shortLabel}),(0,q.jsx)(`span`,{className:`sr-only`,children:e.label})]})}),(0,q.jsxs)(r,{side:`bottom`,className:`max-w-xs flex-col items-start gap-0.5 text-[11px]`,children:[(0,q.jsx)(`p`,{className:`font-medium text-background`,children:e.label}),(0,q.jsx)(`p`,{className:`text-background/70`,children:e.detail})]})]})}function Et(e){switch(e){case`duration`:return C;case`api`:return t;case`gate`:return N.gate.icon;case`cache`:return S;case`db`:return N.store.icon;case`logs`:return d;default:return L(e)}}function Dt(e){switch(e){case`duration`:return`currentColor`;case`api`:return`var(--foreground)`;case`gate`:return V.gate.accent;case`cache`:return`var(--color-sky-500)`;case`db`:return V.store.accent;case`logs`:return`var(--muted-foreground)`;default:return I(e)}}function Ot({ticks:e}){return(0,q.jsx)(`div`,{className:`relative h-4 w-full border-b border-border/60`,"data-slot":`trace-waterfall-ruler`,children:e.map(e=>(0,q.jsxs)(`div`,{className:`absolute top-0 flex h-full flex-col items-center`,style:{left:`${e.viewRatio*100}%`,transform:e.isEnd?`translateX(-100%)`:e.viewRatio===0?`none`:`translateX(-50%)`},children:[(0,q.jsx)(`span`,{className:`font-mono text-[9px] tabular-nums text-muted-foreground`,children:P(e.offsetMs)}),(0,q.jsx)(`span`,{className:`mt-auto h-1.5 w-px bg-border`,"aria-hidden":!0})]},`${e.offsetMs}-${e.viewRatio}`))})}function kt({bars:e,gaps:t,view:i,hoverIndex:a,onHover:s,onSelect:l,focusIndex:u}){return(0,q.jsxs)(`div`,{className:`relative h-3 w-full overflow-hidden rounded-full bg-muted/50`,"data-slot":`trace-waterfall-overview`,children:[t.map(e=>{let t=Q(e.offsetRatio,e.widthRatio,i);return!t||t.width<=0?null:(0,q.jsx)(At,{left:t.left,width:t.width,gap:e},`gap-${e.startOffsetMs}`)}),e.map(e=>{let t=Q(e.offsetRatio,e.widthRatio,i);if(!t||t.width<=0)return null;let d=u===e.index;return(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:r=>(0,q.jsx)(`div`,{...r,className:n(`absolute inset-y-0.5 cursor-pointer rounded-full transition-opacity`,a!==null&&a!==e.index&&!d&&`opacity-35`,d&&`ring-1 ring-foreground/40`),style:{left:`${t.left*100}%`,width:`${Math.max(t.width*100,.4)}%`,backgroundColor:I(e.kind)},"data-slot":`trace-waterfall-overview-bar`,onClick:t=>{t.stopPropagation(),l?.(e.index)},onMouseEnter:t=>{r.onMouseEnter?.(t),s(e.index)},onMouseLeave:e=>{r.onMouseLeave?.(e),s(null)}})}),(0,q.jsx)(r,{side:`top`,className:`max-w-xs font-mono text-[11px]`,children:xt(e)})]},`ov-${e.index}`)})]})}function At({left:e,width:t,gap:n}){return(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:n=>(0,q.jsx)(`div`,{...n,className:`absolute inset-y-0 overflow-hidden rounded-sm`,style:{left:`${e*100}%`,width:`${t*100}%`},"data-slot":`trace-waterfall-gap`,children:(0,q.jsx)(`div`,{className:`size-full opacity-70`,style:{backgroundImage:`repeating-linear-gradient(-45deg, color-mix(in oklab, var(--muted-foreground) 28%, transparent) 0 1px, transparent 1px 5px)`},"aria-hidden":!0})})}),(0,q.jsxs)(r,{side:`top`,className:`max-w-xs text-[11px]`,children:[`Idle · `,P(n.durationMs),` — no effects recorded`]})]})}function jt({bar:e,view:t,dimmed:n,focused:i,progress:a,playing:s,onHover:l,onSelect:u}){let d=Q(e.offsetRatio,e.widthRatio,t);return!d||d.width<=0?null:(0,q.jsxs)(c,{children:[(0,q.jsx)(o,{render:t=>(0,q.jsx)(`div`,{...t,className:`relative h-2.5 w-full cursor-pointer rounded-full bg-muted/70`,"data-slot":`trace-waterfall-track`,"data-index":e.index,onClick:t=>{t.stopPropagation(),u?.(e.index)},onMouseEnter:n=>{t.onMouseEnter?.(n),l(e.index)},onMouseLeave:e=>{t.onMouseLeave?.(e),l(null)},children:(0,q.jsx)(Mt,{bar:e,left:d.left,width:d.width,progress:a,playing:s,dimmed:n,focused:i,slot:`trace-waterfall-bar`})})}),(0,q.jsx)(r,{side:`top`,className:`max-w-xs font-mono text-[11px]`,children:xt(e)})]})}function Mt({bar:e,left:t,width:r,progress:i,playing:a,dimmed:o=!1,focused:s=!1,slot:c}){let l=Math.max(e.widthRatio,.02),u=K(i,[e.offsetRatio,e.offsetRatio+l],[0,1],{clamp:!0}),d=K(i,t=>t>=e.offsetRatio?1:.25),f=a;return(0,q.jsx)(k.div,{className:n(`absolute inset-y-0 rounded-full transition-opacity`,!f&&o&&!s&&`opacity-35`,s&&`ring-1 ring-foreground/40`),style:{left:`${t*100}%`,width:`${Math.max(r*100,.5)}%`,backgroundColor:I(e.kind),transformOrigin:`left`,...f?{scaleX:u,opacity:d}:{}},"data-slot":c})}export{Fe as a,W as c,Re as i,ut as n,Ie as o,lt as r,K as s,St as t};