npm - @workflow/web - Versions diffs - 4.1.0 → 4.1.4 - Mend

@workflow/web 4.1.0 → 4.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/build/client/assets/root-CfvTqR04.js DELETED Viewed

@@ -1,26 +0,0 @@
-import{r as l,j as e,w as z,v as B,M as F,L as q,S as G,x as J,O as Q,y as X,i as Y,z as _,A as ee,B as te}from"./index-BmZS3y7B.js";import{c as C,u as se,T as W,a as P,b as I,r as re,t as H,B as A,L as ne,d as R,e as oe,S as ae,f as ie}from"./mermaid-3ZIDBTTL-CsKo7Yup.js";var ce=(t,r,s,n,a,i,u,h)=>{let o=document.documentElement,c=["light","dark"];function d(f){(Array.isArray(t)?t:[t]).forEach(x=>{let k=x==="class",S=k&&i?a.map(b=>i[b]||b):a;k?(o.classList.remove(...S),o.classList.add(i&&i[f]?i[f]:f)):o.setAttribute(x,f)}),v(f)}function v(f){h&&c.includes(f)&&(o.style.colorScheme=f)}function m(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(n)d(n);else try{let f=localStorage.getItem(r)||s,x=u&&f==="system"?m():f;d(x)}catch{}},O=["light","dark"],K="(prefers-color-scheme: dark)",le=typeof window>"u",$=l.createContext(void 0),de={setTheme:t=>{},themes:[]},T=()=>{var t;return(t=l.useContext($))!=null?t:de},ue=t=>l.useContext($)?l.createElement(l.Fragment,null,t.children):l.createElement(me,{...t}),he=["light","dark"],me=({forcedTheme:t,disableTransitionOnChange:r=!1,enableSystem:s=!0,enableColorScheme:n=!0,storageKey:a="theme",themes:i=he,defaultTheme:u=s?"system":"light",attribute:h="data-theme",value:o,children:c,nonce:d,scriptProps:v})=>{let[m,f]=l.useState(()=>pe(a,u)),[x,k]=l.useState(()=>m==="system"?E():m),S=o?Object.values(o):i,b=l.useCallback(p=>{let g=p;if(!g)return;p==="system"&&s&&(g=E());let j=o?o[g]:g,V=r?ge(d):null,w=document.documentElement,M=y=>{y==="class"?(w.classList.remove(...S),j&&w.classList.add(j)):y.startsWith("data-")&&(j?w.setAttribute(y,j):w.removeAttribute(y))};if(Array.isArray(h)?h.forEach(M):M(h),n){let y=O.includes(u)?u:null,U=O.includes(g)?g:y;w.style.colorScheme=U}V==null||V()},[d]),L=l.useCallback(p=>{let g=typeof p=="function"?p(m):p;f(g);try{localStorage.setItem(a,g)}catch{}},[m]),N=l.useCallback(p=>{let g=E(p);k(g),m==="system"&&s&&!t&&b("system")},[m,t]);l.useEffect(()=>{let p=window.matchMedia(K);return p.addListener(N),N(p),()=>p.removeListener(N)},[N]),l.useEffect(()=>{let p=g=>{g.key===a&&(g.newValue?f(g.newValue):L(u))};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[L]),l.useEffect(()=>{b(t??m)},[t,m]);let D=l.useMemo(()=>({theme:m,setTheme:L,forcedTheme:t,resolvedTheme:m==="system"?x:m,themes:s?[...i,"system"]:i,systemTheme:s?x:void 0}),[m,L,t,x,s,i]);return l.createElement($.Provider,{value:D},l.createElement(fe,{forcedTheme:t,storageKey:a,attribute:h,enableSystem:s,enableColorScheme:n,defaultTheme:u,value:o,themes:i,nonce:d,scriptProps:v}),c)},fe=l.memo(({forcedTheme:t,storageKey:r,attribute:s,enableSystem:n,enableColorScheme:a,defaultTheme:i,value:u,themes:h,nonce:o,scriptProps:c})=>{let d=JSON.stringify([s,r,i,t,h,u,n,a]).slice(1,-1);return l.createElement("script",{...c,suppressHydrationWarning:!0,nonce:typeof window>"u"?o:"",dangerouslySetInnerHTML:{__html:`(${ce.toString()})(${d})`}})}),pe=(t,r)=>{if(le)return;let s;try{s=localStorage.getItem(t)||void 0}catch{}return s||r},ge=t=>{let r=document.createElement("style");return t&&r.setAttribute("nonce",t),r.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(r),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(r)},1)}},E=t=>(t||(t=window.matchMedia(K)),t.matches?"dark":"light");/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const xe=[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]],ve=C("activity",xe);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ye=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],be=C("arrow-up-right",ye);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const je=[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]],we=C("monitor",je);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ce=[["path",{d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",key:"kfwtm"}]],ke=C("moon",Ce);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Le=[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]],Ne=C("sun",Le);function Z(t){return t==null?void 0:t["local.shortName"]}function He(t,r){return(t==="local"||t==="@workflow/world-local")&&Z(r)==="packages/web"}function Se(t){const r=t.WORKFLOW_VERCEL_ENV||"production",s=t.WORKFLOW_VERCEL_TEAM,n=t.WORKFLOW_VERCEL_PROJECT,a=s&&n?`${s}/${n}`:n||s||"Unknown";return`Connected to Vercel ${r} (${a})`}function Ee(t){const r=t==null?void 0:t["derived.WORKFLOW_POSTGRES_URL.hostname"],s=t==null?void 0:t["derived.WORKFLOW_POSTGRES_URL.database"];return r?`Connected to Postgres (${r}${s?`/${s}`:""})`:"Connected to Postgres"}function $e(t){const{backendDisplayName:r,backendId:s,displayInfo:n,publicEnv:a}=t;switch(s){case"local":case"@workflow/world-local":return`Local Dev: ${Z(n)||"Unknown"}`;case"vercel":case"@workflow/world-vercel":return Se(a);case"postgres":case"@workflow/world-postgres":return Ee(n);default:return`Connected to: ${r}`}}function Te(t){return e.jsx("div",{className:"grid grid-cols-[auto,1fr] gap-x-4 gap-y-1",children:t.map(({key:r,value:s})=>e.jsxs("div",{className:"contents",children:[e.jsx("div",{className:"font-mono text-xs text-muted-foreground",children:r}),e.jsx("div",{className:"font-mono text-xs text-foreground break-all",children:s})]},r))})}function Ve(){const{serverConfig:t}=se(),r=$e(t),{backendId:s}=t,n=He(s,t.displayInfo),a=Object.entries(t.publicEnv).sort(([o],[c])=>o.localeCompare(c)),i=[...t.sensitiveEnvKeys].sort(),u=a.length>0||i.length>0||n,h=e.jsx("div",{className:"text-md whitespace-nowrap",children:e.jsx("span",{className:"font-medium",children:r})});return u?e.jsxs(W,{children:[e.jsx(P,{asChild:!0,children:h}),e.jsx(I,{children:e.jsxs("div",{className:"flex flex-col gap-2 max-w-[640px]",children:[n&&e.jsxs("div",{className:"mb-2",children:[e.jsx("div",{className:"font-medium text-foreground",children:"Local data directory looks misconfigured"}),e.jsxs("div",{className:"text-muted-foreground",children:["This UI appears to be pointing at ",e.jsx("code",{children:"packages/web"}),". Configure the local data directory / working directory and restart the web UI. See"," ",e.jsx("a",{className:"underline",href:"https://useworkflow.dev/docs/observability",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]})]}),Te([...a.map(([o,c])=>({key:o,value:c})),...i.map(o=>({key:o,value:"*****"}))])]})})]}):h}function Me(){const[t,r]=l.useState(!1),s=l.useMemo(()=>({}),[]),n=l.useCallback(async()=>{r(!0);const a=["workflow","step"],i=[];try{for(const o of a){const c=await re(s,o,{timeout:3e4});c.success&&i.push({endpoint:o,result:c.data})}const u=i.every(o=>o.result.healthy),h=i.some(o=>o.result.healthy);if(u){const o=i.reduce((c,d)=>c+(d.result.latencyMs??0),0);H.success("All endpoints healthy",{description:`Workflow and Step endpoints are responding (${o}ms total)`})}else if(h){const o=i.filter(d=>d.result.healthy),c=i.filter(d=>!d.result.healthy);H.warning("Partial health check success",{description:`${o.map(d=>d.endpoint).join(", ")} OK; ${c.map(d=>`${d.endpoint}: ${d.result.error||"failed"}`).join(", ")}`})}else{const o=i.map(c=>`${c.endpoint}: ${c.result.error||"failed"}`).join("; ");H.error("Health check failed",{description:o})}}catch(u){const h=u instanceof Error?u.message:String(u);H.error("Health check error",{description:h})}finally{r(!1)}},[s]);return e.jsxs(W,{children:[e.jsx(P,{asChild:!0,children:e.jsxs(A,{variant:"ghost",size:"sm",onClick:n,disabled:t,className:"gap-1.5",children:[t?e.jsx(ne,{className:"h-4 w-4 animate-spin"}):e.jsx(ve,{className:"h-4 w-4"}),e.jsx("span",{className:"hidden sm:inline",children:t?"Checking...":"Health Check"})]})}),e.jsx(I,{children:e.jsxs("p",{children:["Run a queue-based health check on workflow and step endpoints.",e.jsx("br",{}),"This bypasses Deployment Protection."]})})]})}function Re({value:t,onValueChange:r,options:s,className:n}){return e.jsx("div",{className:R("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",n),children:s.map(a=>e.jsxs("button",{type:"button",onClick:()=>r(a.value),className:R("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",t===a.value?"bg-background text-foreground shadow":"hover:bg-background/50"),children:[a.icon,a.label&&e.jsx("span",{className:"ml-2",children:a.label})]},a.value))})}function Oe(){const{theme:t,setTheme:r}=T(),s=t||"system";return e.jsx(Re,{value:s,onValueChange:n=>r(n),options:[{value:"system",icon:e.jsx(we,{className:"h-4 w-4"})},{value:"light",icon:e.jsx(Ne,{className:"h-4 w-4"})},{value:"dark",icon:e.jsx(ke,{className:"h-4 w-4"})}],className:"h-8"})}function _e(){return e.jsx(A,{asChild:!0,variant:"outline",size:"sm",children:e.jsxs("a",{href:"https://useworkflow.dev/docs/observability",target:"_blank",rel:"noopener noreferrer",className:"gap-1",children:[e.jsx("span",{children:"Docs"}),e.jsx(be,{className:"h-4 w-4"})]})})}const We=({...t})=>{const{theme:r="system"}=T();return e.jsx(oe,{theme:r,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",error:"group-[.toaster]:bg-destructive group-[.toaster]:text-destructive-foreground group-[.toaster]:border-destructive",success:"group-[.toaster]:bg-green-600 group-[.toaster]:text-white group-[.toaster]:border-green-600"}},...t})};function Pe({className:t}={}){return e.jsxs("svg",{viewBox:"0 0 1792 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t||"h-6 w-auto",role:"img","aria-label":"Workflow Logo",children:[e.jsx("title",{children:"Workflow Logo"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M753.933 55.627C806.249 55.627 840.685 91.718 840.685 147.345C840.685 202.971 806.249 239.062 753.933 239.062C701.286 239.062 666.851 202.971 666.851 147.345C666.851 91.7181 701.286 55.6271 753.933 55.627ZM753.933 90.0625C726.451 90.0626 710.889 111.254 710.889 147.345C710.889 183.436 726.451 204.627 753.933 204.627C781.084 204.627 796.978 183.436 796.978 147.345C796.978 111.254 781.084 90.0625 753.933 90.0625Z",className:"fill-foreground"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1445.65 55.627C1497.96 55.627 1532.4 91.718 1532.4 147.345C1532.4 202.971 1497.96 239.062 1445.65 239.062C1393 239.062 1358.56 202.971 1358.56 147.345C1358.56 91.718 1393 55.627 1445.65 55.627ZM1445.65 90.0625C1418.16 90.0625 1402.6 111.254 1402.6 147.345C1402.6 183.436 1418.16 204.627 1445.65 204.627C1472.8 204.627 1488.69 183.436 1488.69 147.345C1488.69 111.254 1472.8 90.0626 1445.65 90.0625Z",className:"fill-foreground"}),e.jsx("path",{d:"M902.473 94.0361C909.095 70.8584 922.34 59.5997 944.855 59.5996H961.079V92.3799H944.524C916.38 92.38 904.128 106.949 904.128 135.094V235.089H861.746V59.5996H901.48L902.473 94.0361Z",className:"fill-foreground"}),e.jsx("path",{d:"M1019.25 138.735L1091.11 59.5996H1143.09L1074.55 132.113L1146.4 235.089H1098.72L1046.74 157.609L1019.25 187.078V235.089H976.872V0H1019.25V138.735Z",className:"fill-foreground"}),e.jsx("path",{d:"M1263.63 32.7803H1235.82C1224.89 32.7803 1217.28 41.3893 1217.28 54.9648V59.5996H1260.98V92.3799H1217.28V235.089H1174.56V92.3799H1149.4V59.5996H1174.56V54.9648C1174.56 19.5359 1191.78 0 1230.85 0H1263.63V32.7803Z",className:"fill-foreground"}),e.jsx("path",{d:"M1322.58 189.396C1322.58 197.673 1327.22 202.309 1335.5 202.31H1348.74V235.089H1324.57C1298.08 235.089 1280.2 218.534 1280.2 191.052V0H1322.58V189.396Z",className:"fill-foreground"}),e.jsx("path",{d:"M1604.59 186.416L1641.02 59.5996H1677.77L1713.86 186.416L1749.95 59.5996H1791.34L1737.7 235.089H1694.32L1659.56 116.883L1624.79 235.089H1581.42L1527.77 59.5996H1568.83L1604.59 186.416Z",className:"fill-foreground"}),e.jsx("path",{d:"M472.173 174.847L514.895 0.671875H554.66L598.038 174.847L640.432 0.671875H685.454L623.015 234H575.692L534.942 77.5713L493.863 234H446.869L384.1 0.671875H429.122L472.173 174.847Z",className:"fill-foreground"}),e.jsx("path",{d:"M125.776 0C120.929 1.64945e-05 117 3.9291 117 8.77539V61.4248C117 66.2711 120.929 70.2002 125.776 70.2002H160.875L161.253 70.2051C169.032 70.4023 175.301 76.6734 175.495 84.4531L175.5 84.8252V143.325C175.5 148.171 179.429 152.101 184.276 152.101H219.375L219.753 152.105C227.53 152.303 233.798 158.571 233.995 166.348L234 166.726V225.225C234 230.071 237.929 234 242.776 234H295.425C300.271 234 304.2 230.071 304.2 225.225V172.575C304.2 167.729 300.271 163.8 295.425 163.8H260.25C252.334 163.76 245.905 157.43 245.705 149.553L245.7 149.176V90.6758C245.7 85.8295 241.771 81.9004 236.925 81.9004H201.825C193.874 81.9004 187.405 75.5551 187.205 67.6523L187.2 67.2754V8.77539C187.2 3.9291 183.271 1.64951e-05 178.425 0H125.776Z",className:"fill-foreground"}),e.jsx("path",{d:"M67.2755 81.9004C62.4293 81.9004 58.5002 85.8295 58.5002 90.6758V143.325C58.5004 148.171 62.4294 152.101 67.2755 152.101H102.375L102.753 152.105C110.53 152.303 116.798 158.571 116.995 166.348L117 166.726V225.225C117 230.071 120.929 234 125.776 234H178.425C183.271 234 187.2 230.071 187.2 225.225V172.575C187.2 167.729 183.271 163.8 178.425 163.8H143.25C135.334 163.76 128.905 157.43 128.705 149.553L128.7 149.176V90.6758C128.7 85.8295 124.771 81.9004 119.925 81.9004H67.2755Z",className:"fill-foreground"}),e.jsx("path",{d:"M8.77454 163.8C3.92844 163.8 0.00012207 167.729 0.00012207 172.575V225.225C0.00012207 230.071 3.92844 234 8.77454 234H61.4249C66.2712 234 70.2003 230.071 70.2003 225.225V172.575C70.2003 167.729 66.2712 163.8 61.4249 163.8H8.77454Z",className:"fill-foreground"})]})}function Ue({children:t}){return e.jsxs("html",{lang:"en",suppressHydrationWarning:!0,children:[e.jsxs("head",{children:[e.jsx("meta",{charSet:"utf-8"}),e.jsx("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),e.jsx("link",{rel:"icon",href:"/favicon.ico"}),e.jsx("title",{children:"Workflow Observability UI"}),e.jsx("meta",{name:"description",content:"Web interface for inspecting flow runs, steps, streams, and events"}),e.jsx(F,{}),e.jsx(q,{})]}),e.jsxs("body",{className:"antialiased",children:[t,e.jsx(G,{}),e.jsx(J,{})]})]})}function Ie(t){const{runId:r,stepId:s,hookId:n}=t;return s?`/run/${r}?sidebar=step&stepId=${s}`:n?`/run/${r}?sidebar=hook&hookId=${n}`:`/run/${r}`}function Ae(t){const{resource:r,id:s,runId:n}=t;switch(r){case"run":return`/run/${s}`;case"step":return n?`/run/${n}?sidebar=step&stepId=${s}`:null;case"stream":return n?`/run/${n}?sidebar=stream&streamId=${s}`:null;case"event":return n?`/run/${n}?sidebar=event&eventId=${s}`:null;case"hook":return n?`/run/${n}?sidebar=hook&hookId=${s}`:`/?sidebar=hook&hookId=${s}`;default:return null}}function Ke({children:t}){const r=ee(),[s]=te(),{setTheme:n}=T(),a=s.get("id"),i=s.get("runId"),u=s.get("stepId"),h=s.get("hookId"),o=s.get("resource"),c=s.get("theme"),d=l.useRef(!1);return l.useEffect(()=>{c&&(c==="light"||c==="dark"||c==="system")&&n(c)},[c,n]),l.useEffect(()=>{const v=window.location.pathname;if(v.startsWith("/run/")){d.current=!0;return}if(!(v!=="/"&&d.current)){if(o){if(!a)return;const m=Ae({resource:o,id:a,runId:i});m?(d.current=!0,r(m)):console.warn(`Can't deep-link to ${o} ${a}.`);return}if(i){d.current=!0,r(Ie({runId:i,stepId:u,hookId:h}));return}}},[o,a,i,u,h,r]),e.jsxs("div",{className:"min-h-screen flex flex-col",children:[e.jsxs(ie,{delayDuration:0,children:[e.jsx("div",{className:"sticky top-0 z-50 bg-background border-b px-6 py-4",children:e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(_,{to:"/",children:e.jsx("h1",{className:"flex items-center gap-2",title:"Workflow Observability",children:e.jsx(Pe,{})})}),e.jsx("div",{className:"h-6 w-px bg-border","aria-hidden":"true"}),e.jsx(Ve,{})]}),e.jsxs("div",{className:"ml-auto flex items-center gap-2",children:[e.jsx(Me,{}),e.jsx("div",{className:"h-6 w-px bg-border","aria-hidden":"true"}),e.jsx(Oe,{}),e.jsx(_e,{})]})]})}),e.jsx("div",{className:"flex-1 px-6 pt-6",children:t})]}),e.jsx(We,{})]})}const ze=z(function({loaderData:r}){return e.jsx(ue,{attribute:"class",defaultTheme:"system",enableSystem:!0,disableTransitionOnChange:!0,storageKey:"workflow-theme",children:e.jsx(ae,{serverConfig:r.serverConfig,children:e.jsx(Ke,{children:e.jsx(Q,{})})})})}),Be=B(function(){const r=X(),s=Y(r)&&r.status===404;return e.jsx("div",{className:"min-h-screen flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx("h1",{className:"text-4xl font-bold mb-4",children:s?"404":"Error"}),e.jsx("p",{className:"text-muted-foreground mb-6",children:s?"This page does not exist.":"Something went wrong."}),e.jsx(_,{to:"/",className:"text-primary underline",children:"Go to dashboard"})]})})});export{Be as ErrorBoundary,Ue as Layout,ze as default};

package/build/client/assets/run-detail-DzPk1eyg.js DELETED Viewed

@@ -1,37 +0,0 @@
-import{j as t,r as a,f as Ut,C as Os,A as $s,B as Pr,z as Ws,w as Hs,G as Bs}from"./index-BmZS3y7B.js";import{O as rt,C as Fr,Q as st,B as ze,j as Kt,q as Or,U as $r,Z as Vs,S as Wr,R as Hr,p as zs,o as Us,X as Ks,N as Qe,V as qs,G as Gs,I as ue,u as ht,W as _e,Y as Zs,v as je,_ as yt,$ as Ys,t as Br,a0 as Xs,s as Js,a1 as It,w as qt,l as Qs,m as en,a2 as tn,a3 as rn,a4 as sn,r as nn,A as on,c as an,d as ln,a as Ae,a5 as cn,F as dn,e as un,b as ut,T as fn,K as mn,L as Tt,M as Rt,y as pn,a6 as hn}from"./workflow-graph-viewer-BmYB4k6X.js";import{c as Nt,h as Ue,M as Q,Y as xn,N as ye,O as sr,U as vt,_ as gn,W as yn,X as Le,Z as vn,$ as wn,a0 as Vr,a1 as Pe,a2 as ve,a3 as G,a4 as bn,a5 as jn,a6 as At,a7 as ce,a8 as ft,a9 as wt,aa as We,ab as Se,ac as zr,ad as Xe,ae as Dt,af as kn,ag as Nn,ah as Cn,ai as En,aj as Sn,ak as In,al as Tn,am as He,an as me,ao as Ur,l as Be,F as Wt,ap as Rn,aq as An,ar as Gt,E as Ie,as as Dn,d as de,at as Kr,au as nr,av as or,aw as Mn,T as qr,a as Gr,b as Zr,ax as _n,u as Ln,ay as ar,az as Pn,t as De,L as Fn,aA as On}from"./mermaid-3ZIDBTTL-CsKo7Yup.js";import{decrypt as $n,importKey as Wn}from"./encryption-8OvC6eoJ.js";/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Hn=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],Bn=Nt("circle-question-mark",Hn);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Vn=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],zn=Nt("info",Vn);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Un=[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]],Mt=Nt("list",Un);/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Kn=[["path",{d:"M12 4v16",key:"1654pz"}],["path",{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2",key:"e0r10z"}],["path",{d:"M9 20h6",key:"s66wpe"}]],qn=Nt("type",Kn),Gn="@keyframes wf-spinner-fade{0%{opacity:1}100%{opacity:.15}}";function Zt({size:e=14,color:r}){const s=e<=12?{angle:45,delays:[-875,-750,-625,-500,-375,-250,-125,0],duration:1e3,lineW:3,lineH:1.5}:e<=16?{angle:36,delays:[-900,-800,-700,-600,-500,-400,-300,-200,-100,0],duration:1e3,lineW:4,lineH:1.5}:{angle:30,delays:[-1100,-1e3,-900,-800,-700,-600,-500,-400,-300,-200,-100,0],duration:1200,lineW:e*.24,lineH:e*.08};return t.jsxs("span",{style:{display:"inline-flex",position:"relative",width:e,height:e},children:[t.jsx("style",{dangerouslySetInnerHTML:{__html:Gn}}),s.delays.map((n,o)=>t.jsx("span",{style:{position:"absolute",left:"50%",top:"50%",width:s.lineW,height:s.lineH,marginLeft:-s.lineW/2,marginTop:-s.lineH/2,borderRadius:1,backgroundColor:r??"var(--ds-gray-700)",transform:`rotate(${o*s.angle}deg) translate(${e*.36}px)`,animation:`wf-spinner-fade ${s.duration}ms linear infinite`,animationDelay:`${n}ms`}},n))]})}const Zn=".wf-decrypt-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;gap:6px;transition:background 150ms}.wf-decrypt-idle{color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400)}.wf-decrypt-idle:hover{background:var(--ds-gray-alpha-200)}.wf-decrypt-done{color:var(--ds-green-900);background:var(--ds-green-100);box-shadow:0 0 0 1px var(--ds-green-400);cursor:default}";function Yt({decrypted:e=!1,loading:r=!1,onClick:s}){return t.jsxs(t.Fragment,{children:[t.jsx("style",{dangerouslySetInnerHTML:{__html:Zn}}),t.jsxs("button",{type:"button",onClick:e?void 0:s,disabled:e||r,className:`wf-decrypt-btn ${e?"wf-decrypt-done":"wf-decrypt-idle"}`,children:[r?t.jsx(Zt,{size:14}):e?t.jsxs("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 9.9-1"})]}):t.jsxs("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),r?"Decrypting…":e?"Decrypted":"Decrypt"]})]})}function et(e){return e!=null&&typeof e=="object"&&"stack"in e&&typeof e.stack=="string"}function bt({value:e}){const r=Ue(),s=e.stack,n=typeof e.message=="string"?e.message:void 0,o=n?`${n}
-${s}`:s;return t.jsxs("div",{className:"relative overflow-hidden rounded-md border",style:{borderColor:"var(--ds-red-400)",background:"var(--ds-red-100)"},children:[t.jsx("button",{type:"button","aria-label":"Copy error",title:"Copy",className:"!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border transition-transform transition-colors duration-100 hover:!bg-[var(--ds-red-200)] active:!scale-95",style:{borderColor:"var(--ds-red-400)",background:"var(--ds-red-100)",color:"var(--ds-red-900)"},onClick:()=>{navigator.clipboard.writeText(o).then(()=>{r.success("Copied to clipboard")}).catch(()=>{r.error("Failed to copy")})},children:t.jsx(rt,{size:12})}),n&&t.jsxs("div",{className:"flex items-start gap-2 px-3 py-2.5 pr-10",style:{color:"var(--ds-red-900)",borderBottom:"1px solid var(--ds-red-400)"},children:[t.jsx(Fr,{className:"h-4 w-4 shrink-0",style:{marginTop:1}}),t.jsx("p",{className:"text-xs font-semibold m-0 break-words",children:n})]}),t.jsx("pre",{className:"px-3 py-2.5 text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0",style:{color:"var(--ds-red-900)",background:"var(--ds-red-200)"},children:s})]})}const Yn=".wf-load-more{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;gap:6px;transition:background 150ms}.wf-load-more:hover{background:var(--ds-gray-alpha-200)}.wf-load-more:disabled{opacity:.6;cursor:default}.wf-load-more:disabled:hover{background:var(--ds-background-100)}";function Xn({loading:e=!1,onClick:r,label:s="Load more",loadingLabel:n="Loading..."}){return t.jsxs(t.Fragment,{children:[t.jsx("style",{dangerouslySetInnerHTML:{__html:Yn}}),t.jsxs("button",{type:"button",onClick:r,disabled:e,className:"wf-load-more",children:[e&&t.jsx(Zt,{size:14}),e?n:s]})]})}const Jn=".wf-menu-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;transition:background 150ms}.wf-menu-btn:hover{background:var(--ds-gray-alpha-200)}.wf-menu-item{appearance:none;-webkit-appearance:none;border:none;display:flex;align-items:center;width:100%;height:40px;padding:0 8px;border-radius:6px;font-size:14px;color:var(--ds-gray-1000);background:transparent;cursor:pointer;transition:background 150ms}.wf-menu-item:hover{background:var(--ds-gray-alpha-100)}";function Qn({options:e,value:r,onChange:s}){var c,u;const[n,o]=a.useState(!1),i=a.useRef(null),l=((c=e.find(d=>d.value===r))==null?void 0:c.label)??((u=e[0])==null?void 0:u.label)??"";return a.useEffect(()=>{if(!n)return;function d(p){i.current&&!i.current.contains(p.target)&&o(!1)}return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]),t.jsxs("div",{ref:i,style:{position:"relative",flexShrink:0},children:[t.jsx("style",{dangerouslySetInnerHTML:{__html:Jn}}),t.jsxs("button",{type:"button",className:"wf-menu-btn",onClick:()=>o(!n),children:[t.jsx("span",{children:l}),t.jsx("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",style:{marginLeft:16,marginRight:-4,color:"var(--ds-gray-900)"},children:t.jsx("path",{d:"M4.5 6L8 9.5L11.5 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),n&&t.jsx("div",{style:{position:"absolute",right:0,top:"100%",marginTop:4,minWidth:140,padding:4,borderRadius:12,background:"var(--ds-background-100)",boxShadow:"var(--ds-shadow-menu, var(--ds-shadow-medium))",zIndex:2001},role:"menu",children:e.map(d=>t.jsx("button",{type:"button",role:"menuitem",className:"wf-menu-item",style:{fontWeight:d.value===r?500:400},onClick:()=>{s(d.value),o(!1)},children:d.label},d.value))})]})}const eo=[{unit:"year",ms:31536e6},{unit:"month",ms:2628e6},{unit:"day",ms:864e5},{unit:"hour",ms:36e5},{unit:"minute",ms:6e4},{unit:"second",ms:1e3}];function to(e){let r=Math.abs(e);const s=[];for(const{unit:n,ms:o}of eo){const i=Math.floor(r/o);if((i>0||s.length>0)&&(s.push(`${i} ${n}${i!==1?"s":""}`),r%=o),s.length===3)break}return s.join(", ")}function ro(e){const[r,s]=a.useState("");return a.useEffect(()=>{const n=()=>{const i=Date.now()-e,l=to(i);s(l?`${l} ago`:"Just now")};n();const o=setInterval(n,1e3);return()=>clearInterval(o)},[e]),r}function ir({date:e,zone:r}){var l;const s=new Date(e),n=((l=new Intl.DateTimeFormat("en-US",{timeZone:r,timeZoneName:"short"}).formatToParts(s).find(c=>c.type==="timeZoneName"))==null?void 0:l.value)||r,o=s.toLocaleString("en-US",{timeZone:r,year:"numeric",month:"long",day:"numeric"}),i=s.toLocaleTimeString("en-US",{timeZone:r,hour:"2-digit",minute:"2-digit",second:"2-digit"});return t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[t.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:16,padding:"0 6px",backgroundColor:"var(--ds-gray-200)",borderRadius:3,fontSize:11,fontFamily:"var(--font-mono, monospace)",fontWeight:500,color:"var(--ds-gray-900)",whiteSpace:"nowrap"},children:n}),t.jsx("span",{style:{fontSize:13,color:"var(--ds-gray-1000)",whiteSpace:"nowrap"},children:o})]}),t.jsx("span",{style:{fontSize:11,fontFamily:"var(--font-mono, monospace)",fontVariantNumeric:"tabular-nums",color:"var(--ds-gray-900)",whiteSpace:"nowrap"},children:i})]})}function so({date:e}){const r=Intl.DateTimeFormat().resolvedOptions().timeZone,s=ro(e);return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,minWidth:300,padding:"12px 14px"},children:[t.jsx("span",{style:{fontSize:13,fontVariantNumeric:"tabular-nums",color:"var(--ds-gray-900)"},children:s}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[t.jsx(ir,{date:e,zone:"UTC"}),t.jsx(ir,{date:e,zone:r})]})]})}const no=330,mt=8;function oo({triggerRect:e,onMouseEnter:r,onMouseLeave:s,date:n}){const o=a.useRef(null),[i,l]=a.useState({position:"fixed",zIndex:9999,visibility:"hidden"});return a.useEffect(()=>{const c=e.top>240?"above":"below",u=e.left+e.width/2,d=o.current,p=d?d.offsetWidth:no,h=d?d.offsetHeight:100;let m=u-p/2;m=Math.max(mt,Math.min(m,window.innerWidth-p-mt));let f;c==="above"?(f=e.top-h-6,f<mt&&(f=e.bottom+6)):(f=e.bottom+6,f+h>window.innerHeight-mt&&(f=e.top-h-6)),l({position:"fixed",left:m,top:f,zIndex:9999,borderRadius:10,border:"1px solid var(--ds-gray-alpha-200)",backgroundColor:"var(--ds-background-100)",boxShadow:"0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06)",visibility:"visible"})},[e]),Ut.createPortal(t.jsx("div",{ref:o,onMouseEnter:r,onMouseLeave:s,style:i,children:t.jsx(so,{date:n})}),document.body)}function Yr({date:e,children:r}){const[s,n]=a.useState(!1),[o,i]=a.useState(null),l=a.useRef(null),c=a.useRef(null);a.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]);const u=e==null?null:typeof e=="number"?e:new Date(e).getTime();if(u==null||Number.isNaN(u))return t.jsx(t.Fragment,{children:r});const d=()=>{c.current&&(clearTimeout(c.current),c.current=null)},p=()=>{d(),c.current=setTimeout(()=>n(!1),120)},h=()=>{d(),l.current&&i(l.current.getBoundingClientRect()),n(!0)};return t.jsxs("span",{ref:l,onMouseEnter:h,onMouseLeave:p,style:{display:"inline-flex"},children:[r,s&&o&&t.jsx(oo,{triggerRect:o,onMouseEnter:d,onMouseLeave:p,date:u})]})}const ao=new Set(["step_failed","step_retrying","run_failed","workflow_failed"]),Xr={appearance:"none",WebkitAppearance:"none",border:"none",background:"transparent"},Jr="workflow-dot-pulse 1.25s cubic-bezier(0, 0, 0.2, 1) infinite";function io(e){return e.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})+"."+e.getMilliseconds().toString().padStart(3,"0")}function Qr(e){return e.split("_").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(" ")}function lo(e){return e==="step_failed"||e==="run_failed"||e==="workflow_failed"?"var(--ds-red-700)":e==="run_cancelled"||e==="step_retrying"?"var(--ds-amber-700)":e==="step_completed"||e==="run_completed"||e==="workflow_completed"||e==="hook_disposed"||e==="wait_completed"?"var(--ds-green-700)":e==="step_started"||e==="run_started"||e==="workflow_started"||e==="hook_received"?"var(--ds-blue-700)":"var(--ds-gray-600)"}function co(e,r){var o,i;const s=new Map;if(e){for(const l of e)if(l.eventType==="step_created"&&l.correlationId){const c=((o=l.eventData)==null?void 0:o.stepName)??"",u=st(String(c));s.set(l.correlationId,(u==null?void 0:u.shortName)??c)}}const n=r!=null&&r.workflowName?((i=ze(r.workflowName))==null?void 0:i.shortName)??r.workflowName:null;return{correlationNameMap:s,workflowName:n}}function uo(e){const r=new Map,s=new Map,n=new Map;for(const o of e){const i=new Date(o.createdAt).getTime(),l=o.correlationId??"__run__",c=o.eventType;if((c==="step_created"||c==="run_created")&&r.set(l,i),c==="step_started"||c==="run_started"||c==="workflow_started"){s.set(l,i),r.has(l)||r.set(l,i);const u=r.get(l),d=n.get(l)??{};u!==void 0&&(d.queued=i-u),n.set(l,d)}if(c==="step_completed"||c==="step_failed"||c==="run_completed"||c==="run_failed"||c==="run_cancelled"||c==="workflow_completed"||c==="workflow_failed"||c==="wait_completed"||c==="hook_disposed"){const u=s.get(l),d=n.get(l)??{};u!==void 0&&(d.ran=i-u),n.set(l,d)}}return n}function Ht(e){if(!e||typeof e!="object")return!1;for(const r of Object.values(e))if(ye(r))return!0;return!1}function jt(e){return e==="run_created"||e==="run_started"||e==="run_completed"||e==="run_failed"||e==="run_cancelled"||e==="workflow_started"||e==="workflow_completed"||e==="workflow_failed"}const tt=36,fo=20,_t="var(--ds-gray-500)";function lr({isFirst:e,isLast:r,isRunLevel:s,statusDotColor:n,pulse:o=!1,hasSelection:i,showBranch:l,showLaneLine:c,isLaneStart:u,isLaneEnd:d,continuationOnly:p=!1}){const h=s?8:6,m=s?5:6,f=i&&!l&&!s?.3:1;return t.jsxs("div",{className:"relative flex-shrink-0 self-stretch",style:{width:tt,minHeight:p?0:void 0},children:[t.jsx("div",{style:{position:"absolute",left:8,top:p?0:e?"50%":0,bottom:p?0:r?"50%":0,width:2,backgroundColor:_t,zIndex:0}}),!p&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{position:"absolute",left:m,top:"50%",transform:"translateY(-50%)",width:h,height:h,zIndex:2},children:[t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"50%",backgroundColor:"var(--ds-background-100)",zIndex:0}}),o&&t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"50%",backgroundColor:n,opacity:.75*f,animation:Jr,zIndex:1}}),t.jsx("div",{style:{position:"relative",width:"100%",height:"100%",borderRadius:"50%",backgroundColor:n,opacity:f,transition:"opacity 150ms",zIndex:2}})]}),l&&t.jsx("div",{style:{position:"absolute",left:9,top:"50%",width:tt-9,height:2,backgroundColor:_t,zIndex:0}})]}),c&&t.jsx("div",{style:{position:"absolute",left:fo,top:p?0:u?"50%":0,bottom:p?0:d?"50%":0,width:2,backgroundColor:_t,zIndex:0}})]})}function cr({value:e,className:r,style:s}){const[n,o]=a.useState(!1),i=a.useRef(null);a.useEffect(()=>()=>{i.current!==null&&window.clearTimeout(i.current)},[]);const l=a.useCallback(c=>{c.stopPropagation(),navigator.clipboard.writeText(e).then(()=>{o(!0),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{o(!1),i.current=null},1500)})},[e]);return t.jsxs("div",{className:`group/copy flex items-center gap-1 min-w-0 px-4 ${r??""}`,style:s,children:[t.jsx("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap",children:e||"-"}),e?t.jsx("button",{type:"button",onClick:l,className:"flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]",style:Xr,"aria-label":`Copy ${e}`,children:n?t.jsx(Or,{className:"h-3 w-3",style:{color:"var(--ds-green-700)"}}):t.jsx(rt,{className:"h-3 w-3",style:{color:"var(--ds-gray-700)"}})}):null]})}function xt(e){if(typeof e=="string"){const r=e.trim();if(r.startsWith("{")&&r.endsWith("}")||r.startsWith("[")&&r.endsWith("]")||r.startsWith('"')&&r.endsWith('"'))try{return xt(JSON.parse(r))}catch{return e}return e}if(Array.isArray(e))return e.map(xt);if(e!==null&&typeof e=="object"){if(e.constructor!==Object)return e;const r={};for(const[s,n]of Object.entries(e))r[s]=xt(n);return r}return e}function mo(e,r){if(!r||!ao.has(r)||e==null||typeof e!="object")return null;const s=e;return et(s.error)?s.error:et(s)?s:null}function po({data:e,eventType:r}){const s=a.useMemo(()=>mo(e,r),[e,r]),[n,o]=a.useState(!1),i=a.useRef(null),l=a.useMemo(()=>xt(e),[e]);a.useEffect(()=>()=>{i.current!==null&&window.clearTimeout(i.current)},[]);const c=a.useMemo(()=>{try{return JSON.stringify(l,null,2)}catch{return String(l)}},[l]),u=a.useCallback(d=>{d.stopPropagation(),navigator.clipboard.writeText(c).then(()=>{o(!0),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{o(!1),i.current=null},1500)})},[c]);return s?t.jsx("div",{className:"p-2",children:t.jsx(bt,{value:s})}):t.jsxs("div",{className:"relative group/payload",children:[t.jsx("div",{className:"overflow-x-auto p-2 text-[11px]",style:{color:"var(--ds-gray-1000)"},children:t.jsx(vt,{data:l,expandLevel:2})}),t.jsx("button",{type:"button",onClick:u,className:"absolute bottom-2 right-2 opacity-0 group-hover/payload:opacity-100 transition-opacity flex items-center gap-1 px-2 py-1 rounded-md text-xs hover:bg-[var(--ds-gray-alpha-200)]",style:{...Xr,color:"var(--ds-gray-700)"},"aria-label":"Copy payload",children:n?t.jsxs(t.Fragment,{children:[t.jsx(Or,{className:"h-3 w-3",style:{color:"var(--ds-green-700)"}}),t.jsx("span",{style:{color:"var(--ds-green-700)"},children:"Copied"})]}):t.jsxs(t.Fragment,{children:[t.jsx(rt,{className:"h-3 w-3"}),t.jsx("span",{children:"Copy"})]})})]})}const ho=[{value:"desc",label:"Newest"},{value:"asc",label:"Oldest"}];function dr(){return t.jsx("div",{className:"flex-1 overflow-hidden",children:Array.from({length:16},(e,r)=>t.jsxs("div",{className:"flex items-center gap-0",style:{height:40},children:[t.jsxs("div",{className:"relative flex-shrink-0 self-stretch flex items-center",style:{width:tt},children:[t.jsx("div",{style:{position:"absolute",left:8,top:r===0?"50%":0,bottom:0,width:2},children:t.jsx(Q,{className:"w-full h-full",style:{borderRadius:1}})}),t.jsx(Q,{className:"flex-shrink-0",style:{width:r%4===0?8:6,height:r%4===0?8:6,borderRadius:"50%",marginLeft:r%4===0?5:6}})]}),t.jsx("div",{className:"w-5 flex-shrink-0 flex items-center justify-center",children:t.jsx(Q,{className:"w-5 h-5",style:{borderRadius:4}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:"70%"}})}),t.jsxs("div",{className:"min-w-0 px-4 flex items-center gap-1.5",style:{flex:"2 1 0%"},children:[t.jsx(Q,{className:"flex-shrink-0",style:{width:6,height:6,borderRadius:"50%"}}),t.jsx(Q,{className:"h-3",style:{width:"60%"}})]}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:"50%"}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:"75%"}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:"75%"}})})]},r))})}function xo({event:e,index:r,isFirst:s,isLast:n,isExpanded:o,onToggleExpand:i,activeGroupKey:l,selectedGroupKey:c,selectedGroupRange:u,correlationNameMap:d,workflowName:p,durationMap:h,onSelectGroup:m,onHoverGroup:f,onLoadEventData:R,cachedEventData:C,onCacheEventData:x,encryptionKey:k,onEncryptedDataDetected:v}){const[_,T]=a.useState(!1),[P,E]=a.useState(C),[N,w]=a.useState(null),[g,y]=a.useState(C!==null);a.useEffect(()=>{C!==null&&!k&&Ht(C)&&(v==null||v())},[]);const M=jt(e.eventType)?"__run__":e.correlationId??void 0,S=lo(e.eventType),I=new Date(e.createdAt),O="eventData"in e&&e.eventData!=null,$=jt(e.eventType),L=$?p??"-":e.correlationId?d.get(e.correlationId)??"-":"-",A=e.correlationId??($?"__run__":""),b=A?h.get(A):void 0,F=l!==void 0,U=M!==void 0&&M===l,W=F&&!U,K=F&&U,J=F&&U&&!$,X=u!==null&&r>=u.first&&r<=u.last,j=u!==null&&r===u.first,D=u!==null&&r===u.last,B=a.useCallback(async()=>{if(!(P!==null||O)){T(!0),w(null);try{if(!R){w("Event details unavailable");return}const H=await R(e);H!=null&&(E(H),x(e.eventId,H),!k&&Ht(H)&&(v==null||v()))}catch(H){w(H instanceof Error?H.message:"Failed to load event details")}finally{T(!1),y(!0)}}},[e,P,O,R,x,k,v]);a.useEffect(()=>{o&&P===null&&!O&&!_&&!g&&B()},[]),a.useEffect(()=>{k&&g&&R&&(E(null),y(!1),R(e).then(H=>{H!=null&&(E(H),x(e.eventId,H)),y(!0)}).catch(()=>{y(!0)}))},[k]);const z=a.useCallback(()=>{m(M===c?void 0:M),i(e.eventId),!o&&P===null&&!O&&B()},[c,M,m,i,e.eventId,o,P,O,B]),ee=O?e.eventData:P,V=W?.3:1;return t.jsxs("div",{"data-event-id":e.eventId,onMouseEnter:()=>f(M),onMouseLeave:()=>f(void 0),children:[t.jsxs("div",{role:"button",tabIndex:0,onClick:z,onKeyDown:H=>{(H.key==="Enter"||H.key===" ")&&z()},className:"w-full text-left flex items-center gap-0 text-[13px] hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer",style:{minHeight:40},children:[t.jsx(lr,{isFirst:s,isLast:n&&!o,isRunLevel:$,statusDotColor:S,pulse:K,hasSelection:F,showBranch:J,showLaneLine:X,isLaneStart:j,isLaneEnd:D}),t.jsxs("div",{className:"flex items-center flex-1 min-w-0",style:{opacity:V,transition:"opacity 150ms"},children:[t.jsx("div",{className:"flex items-center justify-center w-5 h-5 flex-shrink-0 rounded",style:{border:"1px solid var(--ds-gray-400)"},children:t.jsx(Kt,{className:"h-3 w-3 transition-transform",style:{color:"var(--ds-gray-900)",transform:o?"rotate(90deg)":"rotate(0deg)"}})}),t.jsx("div",{className:"tabular-nums min-w-0 px-4",style:{color:"var(--ds-gray-900)",flex:"2 1 0%"},children:t.jsx(Yr,{date:I,children:t.jsx("span",{children:io(I)})})}),t.jsx("div",{className:"font-medium min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsxs("span",{className:"inline-flex items-center gap-1.5",style:{color:"var(--ds-gray-900)"},children:[t.jsxs("span",{style:{position:"relative",display:"inline-flex",width:6,height:6,flexShrink:0},children:[K&&t.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"50%",backgroundColor:S,opacity:.75,animation:Jr}}),t.jsx("span",{style:{position:"relative",width:6,height:6,borderRadius:"50%",backgroundColor:S}})]}),Qr(e.eventType)]})}),t.jsx("div",{className:"min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap",style:{flex:"2 1 0%"},title:L!=="-"?L:void 0,children:L}),t.jsx(cr,{value:e.correlationId||"",className:"font-mono",style:{flex:"3 1 0%"}}),t.jsx(cr,{value:e.eventId,className:"font-mono",style:{flex:"3 1 0%"}})]})]}),o&&t.jsxs("div",{className:"flex",children:[t.jsx(lr,{isFirst:!1,isLast:n,isRunLevel:$,hasSelection:F,showBranch:!1,showLaneLine:X&&!D,isLaneStart:!1,isLaneEnd:!1,continuationOnly:!0}),t.jsx("div",{className:"w-5 flex-shrink-0"}),t.jsxs("div",{className:"flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden",style:{borderColor:"var(--ds-gray-alpha-200)",opacity:V,transition:"opacity 150ms"},children:[((b==null?void 0:b.queued)!==void 0||(b==null?void 0:b.ran)!==void 0)&&t.jsxs("div",{className:"px-2 pb-1.5 text-xs flex gap-3",style:{color:"var(--ds-gray-900)"},children:[b.queued!==void 0&&b.queued>0&&t.jsxs("span",{children:["Queued for"," ",t.jsx("span",{className:"font-mono tabular-nums",children:sr(b.queued)})]}),b.ran!==void 0&&t.jsxs("span",{children:["Ran for"," ",t.jsx("span",{className:"font-mono tabular-nums",children:sr(b.ran)})]})]}),ee!=null?t.jsx(po,{data:ee,eventType:e.eventType}):N?t.jsx("div",{className:"rounded-md border p-3 text-xs",style:{borderColor:"var(--ds-red-400)",backgroundColor:"var(--ds-red-100)",color:"var(--ds-red-900)"},children:N}):_||!O&&!g&&e.correlationId?t.jsxs("div",{className:"flex flex-col gap-2 p-3",children:[t.jsx(Q,{className:"h-3",style:{width:"75%"}}),t.jsx(Q,{className:"h-3",style:{width:"50%"}}),t.jsx(Q,{className:"h-3",style:{width:"60%"}})]}):t.jsx("div",{className:"p-2 text-xs",style:{color:"var(--ds-gray-900)"},children:"No data"})]})]})]})}function go({events:e,run:r,onLoadEventData:s,hasMoreEvents:n=!1,isLoadingMoreEvents:o=!1,onLoadMoreEvents:i,encryptionKey:l,isLoading:c=!1,sortOrder:u,onSortOrderChange:d,onDecrypt:p,isDecrypting:h=!1}){const[m,f]=a.useState("asc"),R=u??m,C=a.useCallback(V=>{d?d(V):f(V)},[d]),x=a.useMemo(()=>{if(!e||e.length===0)return[];const V=R==="desc"?-1:1;return[...e].sort((H,Y)=>V*(new Date(H.createdAt).getTime()-new Date(Y.createdAt).getTime()))},[e,R]),k=a.useMemo(()=>{if(!e)return!1;for(const V of e){const H=V.eventData;if(Ht(H))return!0}return!1},[e]),[v,_]=a.useState(!1),T=a.useCallback(()=>{_(!0)},[]),P=k||v,{correlationNameMap:E,workflowName:N}=a.useMemo(()=>co(e??null,r??null),[e,r]),w=a.useMemo(()=>uo(x),[x]),[g,y]=a.useState(void 0),[M,S]=a.useState(void 0),I=a.useCallback(V=>{y(V)},[]),O=a.useCallback(V=>{S(V)},[]),$=g??M,[L,A]=a.useState(()=>new Set),b=a.useCallback(V=>{A(H=>{const Y=new Set(H);return Y.has(V)?Y.delete(V):Y.add(V),Y})},[]),F=a.useRef(new Map),U=a.useCallback((V,H)=>{F.current.set(V,H)},[]),W=a.useMemo(()=>{const V=new Map;for(const H of x){const Y=jt(H.eventType)?"__run__":H.correlationId??"";Y&&V.set(H.eventId,Y)}return V},[x]);a.useEffect(()=>{g!==void 0&&A(V=>{if(V.size===0)return V;let H=!1;const Y=new Set;for(const Z of V)W.get(Z)===g?Y.add(Z):H=!0;return H?Y:V})},[g,W]);const K=a.useMemo(()=>{if(!$||$==="__run__")return null;let V=-1,H=-1;for(let Y=0;Y<x.length;Y++)x[Y].correlationId===$&&(V===-1&&(V=Y),H=Y);return V>=0?{first:V,last:H}:null},[$,x]),[J,X]=a.useState(""),j=a.useRef(null),D=a.useMemo(()=>{const V=[];for(let H=0;H<x.length;H++){const Y=x[H],Z=jt(Y.eventType),se=Z?N??"":Y.correlationId?E.get(Y.correlationId)??"":"";V.push({fields:[Y.eventId,Y.correlationId??"",Y.eventType,Qr(Y.eventType),se].map(oe=>oe.toLowerCase()),groupKey:Y.correlationId??(Z?"__run__":void 0),eventId:Y.eventId,index:H})}return V},[x,E,N]);a.useEffect(()=>{var Z;const V=J.trim().toLowerCase();if(!V){y(void 0);return}let H=null,Y=0;for(const se of D)for(const oe of se.fields)if(oe&&oe.includes(V)){const fe=V.length/oe.length;fe>Y&&(Y=fe,H=se)}H&&(y(H.groupKey),(Z=j.current)==null||Z.scrollToIndex({index:H.index,align:"center",behavior:"smooth"}))},[J,D]);const B=a.useRef(!1);x.length>0&&(B.current=!0);const z=c&&!B.current,ee=c&&B.current&&x.length===0;return z?t.jsxs("div",{className:"h-full flex flex-col overflow-hidden",children:[t.jsx("div",{style:{padding:6},children:t.jsx(Q,{style:{height:40,borderRadius:6}})}),t.jsxs("div",{className:"flex items-center gap-0 h-10 border-b flex-shrink-0",style:{borderColor:"var(--ds-gray-alpha-200)"},children:[t.jsx("div",{className:"flex-shrink-0",style:{width:tt}}),t.jsx("div",{className:"w-5 flex-shrink-0"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:40}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:72}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:44}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:92}})}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:t.jsx(Q,{className:"h-3",style:{width:60}})})]}),t.jsx(dr,{})]}):!c&&(!e||e.length===0)?t.jsx("div",{className:"flex items-center justify-center h-full text-sm",style:{color:"var(--ds-gray-700)"},children:"No events found"}):t.jsxs("div",{className:"h-full flex flex-col overflow-hidden",children:[t.jsx("style",{children:"@keyframes workflow-dot-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.2);opacity:0}}"}),t.jsxs("div",{style:{padding:6,backgroundColor:"var(--ds-background-100)",display:"flex",gap:6},children:[t.jsxs("label",{style:{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:6,boxShadow:"0 0 0 1px var(--ds-gray-alpha-400)",background:"var(--ds-background-100)",height:40,flex:1,minWidth:0},children:[t.jsx("div",{style:{width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--ds-gray-800)",flexShrink:0},children:t.jsxs("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[t.jsx("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}),t.jsx("input",{type:"search",placeholder:"Search by name, event type, or ID…",value:J,onChange:V=>X(V.target.value),style:{marginLeft:-16,paddingInline:12,fontFamily:"inherit",fontSize:14,background:"transparent",border:"none",outline:"none",height:40,width:"100%"}})]}),t.jsx(Qn,{options:ho,value:R,onChange:C}),(P||l)&&p&&t.jsx(Yt,{decrypted:!!l,loading:h,onClick:p})]}),t.jsxs("div",{className:"flex items-center gap-0 text-[13px] font-medium h-10 border-b flex-shrink-0",style:{borderColor:"var(--ds-gray-alpha-200)",color:"var(--ds-gray-900)",backgroundColor:"var(--ds-background-100)"},children:[t.jsx("div",{className:"flex-shrink-0",style:{width:tt}}),t.jsx("div",{className:"w-5 flex-shrink-0"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:"Time"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:"Event Type"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"2 1 0%"},children:"Name"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:"Correlation ID"}),t.jsx("div",{className:"min-w-0 px-4",style:{flex:"3 1 0%"},children:"Event ID"})]}),ee?t.jsx(dr,{}):t.jsx(xn,{ref:j,totalCount:x.length,overscan:20,defaultItemHeight:40,endReached:()=>{!n||o||i==null||i()},itemContent:V=>{const H=x[V];return t.jsx(xo,{event:H,index:V,isFirst:V===0,isLast:V===x.length-1,isExpanded:L.has(H.eventId),onToggleExpand:b,activeGroupKey:$,selectedGroupKey:g,selectedGroupRange:K,correlationNameMap:E,workflowName:N,durationMap:w,onSelectGroup:I,onHoverGroup:O,onLoadEventData:s,cachedEventData:F.current.get(H.eventId)??null,onCacheEventData:U,encryptionKey:l,onEncryptedDataDetected:T})},style:{flex:1,minHeight:0}}),t.jsxs("div",{className:"relative flex-shrink-0 flex items-center h-10 border-t px-4 text-xs",style:{borderColor:"var(--ds-gray-alpha-200)",color:"var(--ds-gray-900)",backgroundColor:"var(--ds-background-100)"},children:[t.jsxs("span",{children:[x.length," event",x.length!==1?"s":""," loaded"]}),n&&t.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:t.jsx("div",{className:"pointer-events-auto",children:t.jsx(Xn,{loading:o,onClick:()=>void(i==null?void 0:i())})})})]})]})}function yo({messages:e}){return e.length===0?t.jsx("div",{className:"text-center py-8 text-[11px]",style:{color:"var(--ds-gray-600)"},children:"No messages"}):t.jsx("div",{className:"flex flex-col gap-3 p-3",children:e.map((r,s)=>t.jsx(vo,{message:r},s))})}function vo({message:e}){const r=e.role,s=jo(e.content),n=bo(r);return t.jsxs("div",{className:"rounded-md border text-[11px]",style:{backgroundColor:n.bg,borderColor:n.border},children:[t.jsx("div",{className:"px-2.5 py-1 border-b text-[10px] font-medium uppercase tracking-wide",style:{borderColor:n.border,color:n.label},children:r}),t.jsx("div",{className:"px-2.5 py-2 space-y-2",children:s.map((o,i)=>t.jsx(wo,{part:o,role:r},i))})]})}function wo({part:e,role:r}){return e.type==="text"?e.text?r==="assistant"?t.jsx("div",{className:"prose prose-sm max-w-none text-[11px] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",style:{color:"var(--ds-gray-1000)"},children:t.jsx(gn,{children:e.text})}):t.jsx("div",{className:"whitespace-pre-wrap break-words",style:{color:"var(--ds-gray-1000)"},children:e.text}):null:e.type==="tool-call"?t.jsxs("div",{className:"rounded border px-2 py-1.5",style:{backgroundColor:"var(--ds-purple-100)",borderColor:"var(--ds-purple-300)"},children:[t.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] font-medium",children:[t.jsx("span",{children:"🔧"}),t.jsx("span",{style:{color:"var(--ds-purple-900)"},children:e.toolName})]}),e.input!=null&&t.jsx("div",{className:"mt-1.5 overflow-x-auto p-1.5 rounded",style:{backgroundColor:"var(--ds-gray-100)"},children:typeof e.input=="string"?t.jsx("pre",{className:"text-[10px]",style:{color:"var(--ds-gray-800)"},children:e.input}):t.jsx(vt,{data:e.input})})]}):e.type==="tool-result"?t.jsxs("div",{className:"rounded border px-2 py-1.5",style:{backgroundColor:"var(--ds-green-100)",borderColor:"var(--ds-green-300)"},children:[t.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] font-medium",children:[t.jsx("span",{children:"✓"}),t.jsxs("span",{style:{color:"var(--ds-green-900)"},children:[e.toolName," result"]})]}),e.output!=null&&t.jsx("div",{className:"mt-1.5 overflow-x-auto max-h-[200px] overflow-y-auto p-1.5 rounded",style:{backgroundColor:"var(--ds-gray-100)"},children:typeof e.output=="string"?t.jsx("pre",{className:"text-[10px]",style:{color:"var(--ds-gray-800)"},children:e.output}):t.jsx(vt,{data:e.output,expandLevel:1})})]}):null}function bo(e){switch(e){case"user":return{bg:"var(--ds-blue-100)",border:"var(--ds-blue-300)",label:"var(--ds-blue-700)"};case"assistant":return{bg:"var(--ds-gray-100)",border:"var(--ds-gray-300)",label:"var(--ds-gray-700)"};case"system":return{bg:"var(--ds-amber-100)",border:"var(--ds-amber-300)",label:"var(--ds-amber-700)"};case"tool":return{bg:"var(--ds-green-50)",border:"var(--ds-green-300)",label:"var(--ds-green-700)"};default:return{bg:"var(--ds-gray-100)",border:"var(--ds-gray-300)",label:"var(--ds-gray-700)"}}}function jo(e){return typeof e=="string"?[{type:"text",text:e}]:Array.isArray(e)?e.map(r=>typeof r=="string"?{type:"text",text:r}:(r==null?void 0:r.type)==="text"?{type:"text",text:String(r.text??"")}:(r==null?void 0:r.type)==="tool-call"?{type:"tool-call",toolName:r.toolName,input:r.input}:(r==null?void 0:r.type)==="tool-result"?{type:"tool-result",toolName:r.toolName,output:r.output}:{type:"text",text:""}):[]}const ko=e=>{if(typeof e=="string")return e;if(typeof e=="number"||typeof e=="boolean"||e===null)return String(e);try{return JSON.stringify(e,null,2)}catch{return String(e)}};function es({data:e}){const r=Ue();return t.jsxs("div",{className:"relative overflow-x-auto rounded-md border p-3 pt-9",style:{borderColor:"var(--ds-gray-300)"},children:[t.jsx("button",{type:"button","aria-label":"Copy data",title:"Copy",className:"!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border !bg-[var(--ds-background-100)] !text-[var(--ds-gray-800)] transition-transform transition-colors duration-100 hover:!bg-[var(--ds-gray-alpha-200)] active:!scale-95 active:!bg-[var(--ds-gray-alpha-300)]",style:{borderColor:"var(--ds-gray-300)"},onClick:()=>{navigator.clipboard.writeText(ko(e)).then(()=>{r.success("Copied to clipboard")}).catch(()=>{r.error("Failed to copy")})},children:t.jsx(rt,{size:12})}),t.jsx(vt,{data:e})]})}function ie({summary:e,children:r,onToggle:s,disabled:n=!1,summaryClassName:o,contentClassName:i}){return n?t.jsx("div",{className:`rounded-md border px-2.5 py-1.5 text-xs ${o??""}`,style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)",cursor:"not-allowed",opacity:.8},children:e}):t.jsxs("details",{className:"group",onToggle:l=>s==null?void 0:s(l.target.open),children:[t.jsx("summary",{className:`cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 [&::-webkit-details-marker]:hidden ${o??""}`,style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-900)",listStyle:"none"},children:t.jsxs("span",{className:"flex items-center gap-1.5",children:[t.jsx(Kt,{size:14,className:"shrink-0 transition-transform group-open:rotate-90"}),e]})}),t.jsxs("div",{className:`relative pl-6 mt-3 ${i??""}`,children:[t.jsx("div",{className:"absolute left-3 -top-3 w-px h-3",style:{backgroundColor:"var(--ds-gray-400)"}}),t.jsx("div",{className:"absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg",style:{borderColor:"var(--ds-gray-400)"}}),t.jsx("div",{className:"absolute left-6 top-3 w-0 h-px -translate-y-px",style:{backgroundColor:"var(--ds-gray-400)"}}),t.jsx("div",{children:r})]})]})}function No({active:e,onClick:r,children:s}){return t.jsx("button",{type:"button",role:"tab","aria-selected":e,tabIndex:e?0:-1,onClick:r,className:"px-3 py-1.5 text-[11px] font-medium transition-colors -mb-px",style:{backgroundColor:"transparent",borderTop:"none",borderLeft:"none",borderRight:"none",borderBottom:`2px solid ${e?"var(--ds-blue-600)":"transparent"}`,borderRadius:0,outline:"none",boxShadow:"none",cursor:"pointer",color:e?"var(--ds-gray-1000)":"var(--ds-gray-600)"},children:s})}function Co({tabs:e,activeTab:r,onTabChange:s,ariaLabel:n,children:o}){const i=a.useCallback(l=>{if(l.key!=="ArrowRight"&&l.key!=="ArrowLeft")return;l.preventDefault();const c=e.findIndex(d=>d.id===r),u=l.key==="ArrowRight"?(c+1)%e.length:(c-1+e.length)%e.length;s(e[u].id)},[e,r,s]);return t.jsxs("div",{className:"rounded-md border",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"transparent"},children:[t.jsx("div",{className:"flex gap-1 border-b",role:"tablist","aria-label":n,onKeyDown:i,style:{borderColor:"var(--ds-gray-300)",backgroundColor:"transparent"},children:e.map(l=>t.jsx(No,{active:r===l.id,onClick:()=>s(l.id),children:l.label},l.id))}),t.jsx("div",{role:"tabpanel",children:o})]})}const Eo=[{id:"conversation",label:"Conversation"},{id:"json",label:"Raw JSON"}];function So({conversation:e,args:r}){const[s,n]=a.useState("conversation");return t.jsx(ie,{summary:`Input (${e.length} messages)`,children:t.jsx(Co,{tabs:Eo,activeTab:s,onTabChange:n,ariaLabel:"Conversation view",children:s==="conversation"?t.jsx(yo,{messages:e}):t.jsx("div",{className:"p-3",children:Array.isArray(r)?r.map((o,i)=>t.jsx("div",{className:"mt-2 first:mt-0",children:le(o)},i)):le(r)})})})}function Ze(){return t.jsxs("div",{className:"flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:[t.jsx(Vr,{className:"h-3 w-3"}),t.jsx("span",{className:"font-medium",children:"Encrypted"})]})}function Ye(){return t.jsx("div",{className:"flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:t.jsx("span",{className:"font-medium",children:"Data expired"})})}function le(e){return t.jsx(es,{data:e})}const be=e=>e==null?!1:typeof e=="string"?e.trim().length>0:Array.isArray(e)?e.length>0:typeof e=="object"?Object.keys(e).length>0:!0,ur=["workflowName","moduleSpecifier","stepName","status","stepId","hookId","eventId","runId","attempt","token","receivedCount","lastReceivedAt","disposedAt","correlationId","eventType","deploymentId","specVersion","workflowCoreVersion","ownerId","projectId","environment","executionContext","createdAt","startedAt","updatedAt","completedAt","expiredAt","retryAfter","error","metadata","eventData","input","output","resumeAt"],Lt=(e,r)=>{const s=ur.indexOf(e)||0,n=ur.indexOf(r)||0;return s-n},Io={workflowCoreVersion:"@workflow/core version",receivedCount:"times resolved"},To=e=>Io[e]??e,Ro=e=>{const r=String(e),s=st(r);if(s)return s.moduleSpecifier;const n=ze(r);return n?n.moduleSpecifier:r},Xt=e=>{if(e==null)return null;if(e instanceof Date)return Number.isNaN(e.getTime())?null:e;if(typeof e=="string"&&e.trim().length===0)return null;const r=typeof e=="number"?new Date(e):new Date(String(e));return Number.isNaN(r.getTime())?null:r},Jt=e=>e.toLocaleString(void 0,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",fractionalSecondDigits:3}),Ao=e=>{const r=Xt(e);return r?Jt(r):"-"},fr=e=>{const r=Xt(e);return r?Jt(r):null},Me=e=>{const r=Xt(e);return r?t.jsx(Yr,{date:r,children:t.jsx("span",{children:Jt(r)})}):null},Je={workflowName:e=>{var r;return((r=ze(String(e)))==null?void 0:r.shortName)??"?"},moduleSpecifier:e=>Ro(e),stepName:e=>{var r;return((r=st(String(e)))==null?void 0:r.shortName)??"?"},runId:e=>String(e),stepId:e=>String(e),hookId:e=>String(e),eventId:e=>String(e),status:e=>String(e),attempt:e=>String(e),token:e=>String(e),isWebhook:e=>String(e),receivedCount:e=>String(e),lastReceivedAt:fr,disposedAt:fr,eventType:e=>String(e),correlationId:e=>String(e),deploymentId:e=>String(e),specVersion:e=>String(e),workflowCoreVersion:e=>String(e),ownerId:e=>null,projectId:e=>null,environment:e=>null,executionContext:e=>null,createdAt:Me,startedAt:Me,updatedAt:Me,completedAt:Me,expiredAt:Me,retryAfter:Me,resumeAt:Me,metadata:e=>be(e)?ye(e)?t.jsx(Ze,{}):Le(e)?t.jsx(Ye,{}):le(e):null,input:(e,r)=>{if(ye(e))return t.jsx(Ze,{});if(Le(e))return t.jsx(Ye,{});if(e&&typeof e=="object"&&"args"in e){const{args:o,closureVars:i,thisVal:l}=e,c=Array.isArray(o)?o.length:0,u=c===1?"argument":"arguments",d=be(i),p=be(l),h=be(o);if(r!=null&&r.stepName&&vn(r.stepName)){const m=wn(o);if(m&&m.length>0)return t.jsxs(t.Fragment,{children:[t.jsx(So,{conversation:m,args:o}),d&&t.jsx(ie,{summary:"Closure Variables",children:le(i)}),p&&t.jsx(ie,{summary:"This Value",children:le(l)})]})}return!h&&!d&&!p?t.jsx(ie,{summary:"Input (no data)",disabled:!0,summaryClassName:"text-base py-2"}):t.jsxs(t.Fragment,{children:[t.jsx(ie,{summary:`Input (${c} ${u})`,summaryClassName:"text-base py-2",contentClassName:"mt-0",children:Array.isArray(o)?o.map((m,f)=>t.jsx("div",{className:"mt-2 first:mt-0",children:le(m)},f)):le(o)}),d&&t.jsx(ie,{summary:"Closure Variables",children:le(i)}),p&&t.jsx(ie,{summary:"this",children:le(l)})]})}const s=Array.isArray(e)?e.length:0,n=s===1?"argument":"arguments";return be(e)?t.jsx(ie,{summary:`Input (${s} ${n})`,summaryClassName:"text-base py-2",contentClassName:"mt-0",children:Array.isArray(e)?e.map((o,i)=>t.jsx("div",{className:"mt-2 first:mt-0",children:le(o)},i)):le(e)}):t.jsx(ie,{summary:"Input (no data)",disabled:!0,summaryClassName:"text-base py-2"})},output:e=>be(e)?ye(e)?t.jsx(Ze,{}):Le(e)?t.jsx(Ye,{}):t.jsx(ie,{summary:"Output",summaryClassName:"text-base py-2",contentClassName:"mt-0",children:le(e)}):null,error:e=>ye(e)?t.jsx(Ze,{}):Le(e)?t.jsx(Ye,{}):be(e)?et(e)?t.jsx(ie,{summary:"Error",summaryClassName:"text-base py-2",contentClassName:"mt-0",children:t.jsx(bt,{value:e})}):t.jsx(ie,{summary:"Error",summaryClassName:"text-base py-2",contentClassName:"mt-0",children:le(e)}):null,eventData:e=>ye(e)?t.jsx(Ze,{}):Le(e)?t.jsx(Ye,{}):be(e)?t.jsx(ie,{summary:"Event Data",children:le(e)}):null},mr=["input","output","error","metadata","eventData"],Do=()=>t.jsx("div",{className:"text-copy-12 rounded-md border p-4 my-2",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:t.jsx("span",{children:"The data for this run has expired and is no longer available."})}),Mo=({attribute:e,value:r,isLoading:s,inline:n=!1,context:o})=>{if(s&&(e==="input"||e==="output"||e==="eventData")&&!be(r))return t.jsxs("div",{className:`my-2 flex flex-col ${e==="input"||e==="output"?"gap-2 my-3.5":"gap-0"}`,children:[t.jsx("span",{className:`${e==="input"||e==="output"?"text-base":"text-xs"} font-medium first-letter:uppercase`,style:{color:"var(--ds-gray-700)"},children:e}),t.jsx(Q,{className:"h-9 w-full rounded-md"})]});const l=Je[e];if(!l)return null;const c=l(r,o);return c?n?t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"text-[11px] font-medium",style:{color:"var(--ds-gray-700)"},children:e}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--ds-gray-1000)"},children:c})]}):t.jsxs("div",{className:"relative",children:[typeof s=="boolean"&&s&&t.jsx("div",{className:"absolute top-9 right-4",children:t.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2",style:{borderColor:"var(--ds-gray-900)"}})}),t.jsxs("div",{className:`my-2 flex flex-col ${e==="input"||e==="output"||e==="error"?"gap-2 my-3.5":"gap-0"}`,children:[t.jsx("span",{className:`${e==="input"||e==="output"||e==="error"?"text-base":"text-xs"} font-medium first-letter:uppercase`,style:{color:"var(--ds-gray-700)"},children:e}),t.jsx("span",{className:"text-xs",style:{color:"var(--ds-gray-1000)"},children:c})]},e)]}):null},_o=({data:e,moduleSpecifier:r,isLoading:s,error:n,expiredAt:o,onStreamClick:i,resource:l})=>{const c=Ue(),u=a.useMemo(()=>{const x={...e},k=e.executionContext;return k!=null&&k.workflowCoreVersion&&(x.workflowCoreVersion=k.workflowCoreVersion),r?x.moduleSpecifier=r:typeof e.stepName=="string"?x.moduleSpecifier=e.stepName:typeof e.workflowName=="string"&&(x.moduleSpecifier=e.workflowName),x},[e,r]),d=o!=null&&new Date(o)<new Date,p=Object.keys(u).filter(x=>!mr.includes(x)).sort(Lt),h=a.useMemo(()=>{const x=Object.keys(u).filter(v=>mr.includes(v)).sort(Lt);if(!s)return x;const k=["input","output"];for(const v of k)x.includes(v)||x.push(v);return x.sort(Lt)},[u,s]),m=p.filter(x=>{const k=Je[x];return k?k(u[x])!==null:!1}),f=a.useMemo(()=>{const x=[...m],k=x.indexOf("moduleSpecifier");if(k===-1)return x;x.splice(k,1);const v=x.indexOf("workflowName");if(v!==-1)return x.splice(v+1,0,"moduleSpecifier"),x;const _=x.indexOf("stepName");return _!==-1?(x.splice(_+1,0,"moduleSpecifier"),x):(x.unshift("moduleSpecifier"),x)},[m]),R=a.useMemo(()=>({stepName:u.stepName}),[u.stepName]),C=a.useCallback(x=>{navigator.clipboard.writeText(x).then(()=>{c.success("moduleSpecifier copied")}).catch(()=>{c.error("Failed to copy moduleSpecifier")})},[]);return t.jsx(yn.Provider,{value:i,children:t.jsxs("div",{children:[m.length>0&&t.jsxs("div",{className:"mb-3 flex flex-col overflow-hidden rounded-lg border",style:{borderColor:"var(--ds-gray-300)"},children:[f.map((x,k)=>{var w;const v=(w=Je[x])==null?void 0:w.call(Je,u[x]),_=x==="moduleSpecifier",T=typeof v=="string"?v:String(v??u.moduleSpecifier??""),P=x!=="workflowCoreVersion",E=s&&l==="sleep"&&!u.resumeAt,N=k<f.length-1||E;return t.jsxs("div",{className:"py-1",children:[t.jsxs("div",{className:"flex min-h-[32px] items-center justify-between gap-4 rounded-sm px-2.5 py-1",children:[t.jsx("span",{className:P?"text-[14px] first-letter:uppercase":"text-[14px]",style:{color:"var(--ds-gray-700)"},children:To(x)}),_?t.jsx("button",{type:"button",className:"min-w-0 max-w-[70%] truncate text-right text-[13px] font-mono",style:{color:"var(--ds-gray-1000)",background:"transparent",border:"none",padding:0},title:T,onClick:()=>C(T),children:T}):t.jsx("span",{className:"min-w-0 max-w-[70%] truncate text-right text-[13px] font-mono",style:{color:"var(--ds-gray-1000)"},children:v})]}),N?t.jsx("div",{className:"mx-2.5 border-b",style:{borderColor:"var(--ds-gray-300)"}}):null]},x)}),s&&l==="sleep"&&!u.resumeAt&&t.jsx("div",{className:"py-1",children:t.jsxs("div",{className:"flex min-h-[32px] items-center justify-between gap-4 rounded-sm px-2.5 py-1",children:[t.jsx("span",{className:"text-[14px] first-letter:uppercase",style:{color:"var(--ds-gray-700)"},children:"resumeAt"}),t.jsx(Q,{className:"h-4 w-[55%]"})]})})]}),n?t.jsx($r,{title:"Failed to load resource details",details:n.message,className:"my-4"}):d?t.jsx(Do,{}):t.jsx(t.Fragment,{children:h.map(x=>t.jsx(Mo,{isLoading:s,attribute:x,value:u[x],context:R},x))})]})})},Lo=new Set(["step_failed","step_retrying"]),Po=new Set(["step_created","step_completed","step_failed","step_retrying","hook_created","hook_received","run_created","run_completed","run_failed","wait_created","wait_completed"]);function Fo({event:e,onLoadEventData:r,encryptionKey:s}){const[n,o]=a.useState(null),[i,l]=a.useState(!1),[c,u]=a.useState(null),d=a.useRef(!1),p="eventData"in e&&e.eventData!=null?e.eventData:null,h=p??n,m=Po.has(e.eventType),f=a.useCallback(async()=>{if(!(!r||!e.correlationId||!e.eventId))try{l(!0),u(null);const x=await r(e.correlationId,e.eventId);o(x)}catch(x){u(x instanceof Error?x.message:String(x))}finally{l(!1)}},[r,e.correlationId,e.eventId]),R=a.useCallback(async()=>{p||n!==null||i||(d.current=!0,await f())},[p,n,i,f]);a.useEffect(()=>{s&&d.current&&n!==null&&(o(null),f())},[s]);const C=new Date(e.createdAt);return t.jsxs(ie,{summaryClassName:"text-base py-2",summary:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"font-medium",style:{color:"var(--ds-gray-1000)"},children:e.eventType})," ","-"," ",t.jsx("span",{style:{color:"var(--ds-gray-700)"},children:Ao(C.getTime())})]}),onToggle:m?x=>{x&&R()}:void 0,children:[t.jsxs("div",{className:"flex flex-col divide-y rounded-md border overflow-hidden",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[t.jsxs("div",{className:"flex min-h-[32px] items-center justify-between gap-4 px-2.5 py-1.5",style:{borderColor:"var(--ds-gray-300)"},children:[t.jsx("span",{className:"text-[14px]",style:{color:"var(--ds-gray-700)"},children:"eventId"}),t.jsx("span",{className:"max-w-[70%] truncate text-right text-[13px] font-mono",style:{color:"var(--ds-gray-1000)"},title:e.eventId,children:e.eventId})]}),e.correlationId&&t.jsxs("div",{className:"flex min-h-[32px] items-center justify-between gap-4 px-2.5 py-1.5",style:{borderColor:"var(--ds-gray-300)"},children:[t.jsx("span",{className:"text-[14px]",style:{color:"var(--ds-gray-700)"},children:"correlationId"}),t.jsx("span",{className:"max-w-[70%] truncate text-right text-[13px] font-mono",style:{color:"var(--ds-gray-1000)"},title:e.correlationId,children:e.correlationId})]})]}),i&&t.jsxs("div",{className:"mt-2 rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)"},children:[t.jsx(Q,{className:"h-4 w-[35%]"}),t.jsx(Q,{className:"mt-2 h-4 w-[90%]"}),t.jsx(Q,{className:"mt-2 h-4 w-[75%]"})]}),c&&t.jsx($r,{title:"Failed to load event data",details:c,className:"mt-2"}),h!=null&&t.jsx("div",{className:"mt-2",children:t.jsx($o,{eventType:e.eventType,data:h})})]})}function Oo(e){if(e===null||typeof e!="object"||Array.isArray(e))return!1;const r=e,n=["result","input","output","metadata","payload"].filter(o=>o in r);return n.length>0&&n.every(o=>Le(r[o]))}function $o({eventType:e,data:r}){if(Le(r)||Oo(r))return t.jsx("div",{className:"flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:t.jsx("span",{className:"font-medium",children:"Data expired"})});if(Lo.has(e)&&r!=null&&typeof r=="object"){const s=r;if(et(s.error))return t.jsx(bt,{value:s.error});if(et(s))return t.jsx(bt,{value:s})}return t.jsx(es,{data:r})}function Wo({events:e,isLoading:r=!1,error:s,onLoadEventData:n,encryptionKey:o}){const i=a.useMemo(()=>[...e].sort((l,c)=>new Date(l.createdAt).getTime()-new Date(c.createdAt).getTime()),[e]);return t.jsxs("div",{className:"mt-2",style:{color:"var(--ds-gray-1000)"},children:[t.jsxs("h3",{className:"text-heading-16 font-medium mt-4 mb-2",style:{color:"var(--ds-gray-1000)"},children:["Events ",!r&&`(${i.length})`]}),r?t.jsxs("div",{className:"flex flex-col gap-4",children:[t.jsx(Q,{className:"h-9 w-full rounded-md"}),t.jsx(Q,{className:"h-9 w-full rounded-md"}),t.jsx(Q,{className:"h-9 w-full rounded-md"})]}):null,!r&&!s&&i.length===0&&t.jsx("div",{className:"text-sm",children:"No events found"}),i.length>0&&!s?t.jsx("div",{className:"flex flex-col gap-4",children:i.map(l=>t.jsx(Fo,{event:l,onLoadEventData:n,encryptionKey:o},l.eventId))}):null]})}function Ho(e){return e!==null&&typeof e=="object"&&"stepId"in e}function Bo(e){return e!==null&&typeof e=="object"&&"runId"in e}function pt(e){return e!==null&&typeof e=="object"&&"hookId"in e}function Vo({run:e,onStreamClick:r,spanDetailData:s,spanDetailError:n,spanDetailLoading:o,onSpanSelect:i,onWakeUpSleep:l,onLoadEventData:c,onResolveHook:u,encryptionKey:d,onDecrypt:p,isDecrypting:h=!1,selectedSpan:m}){const f=Ue(),[R,C]=a.useState(!1),[x,k]=a.useState(!1),[v,_]=a.useState(!1),[T,P]=a.useState(new Set),E=m==null?void 0:m.data,N=m==null?void 0:m.rawEvents,w=(N==null?void 0:N.length)??0,{resource:g,resourceId:y,runId:M}=a.useMemo(()=>{if(!m)return{resource:void 0,resourceId:void 0,runId:void 0};const D=m.resource;if(D==="step"&&Ho(E))return{resource:"step",resourceId:E.stepId,runId:E.runId};if(D==="run"&&Bo(E))return{resource:"run",resourceId:E.runId,runId:void 0};if(D==="hook"&&pt(E))return{resource:"hook",resourceId:E.hookId,runId:void 0};if(D==="sleep"){const B=E;return{resource:"sleep",resourceId:m.spanId,runId:B==null?void 0:B.runId}}return{resource:void 0,resourceId:void 0,runId:void 0}},[m,E]),S=a.useRef(i);S.current=i,a.useEffect(()=>{g&&y&&["run","step","hook","sleep"].includes(g)&&S.current({resource:g,resourceId:y,runId:M})},[g,y,M]);const I=a.useMemo(()=>g!=="sleep"||!N||["completed","failed","cancelled"].includes(e.status)||!N.some(ee=>ee.eventType==="wait_created")?!1:!N.some(ee=>ee.eventType==="wait_completed"),[g,N,w,e.status]),O=a.useMemo(()=>!(g!=="hook"||!N||!y||T.has(y)||["completed","failed","cancelled"].includes(e.status)||N.some(z=>z.eventType==="hook_disposed")),[g,y,N,w,e.status,T]),$=n??void 0,L=o??!1,A=a.useMemo(()=>{if(!s)return!1;const D=s;return ye(D.input)||ye(D.output)||ye(D.error)||ye(D.metadata)},[s]),b=a.useMemo(()=>{if(!(g!=="hook"||!y)){if(pt(s)&&s.token)return s.token;if(pt(E)&&E.token)return E.token}},[g,y,s,E]);a.useEffect(()=>{$&&m&&g&&f.error(`Failed to load ${g} details`,{description:$.message})},[$,g,m]);const F=async()=>{if(!(R||!y)){if(!l){f.error("Unable to wake up sleep",{description:"No wake-up handler provided."});return}try{C(!0),(await l(e.runId,y)).stoppedCount>0?f.success("Run woken up",{description:"The sleep call has been interrupted and the run woken up."}):f.info("Sleep already completed",{description:"This sleep call has already finished."})}catch(D){console.error("Failed to wake up run:",D),f.error("Failed to wake up run",{description:D instanceof Error?D.message:"An unknown error occurred"})}finally{C(!1)}}},U=a.useCallback(async D=>{if(!v){if(!u){f.error("Unable to resolve hook",{description:"No resolve handler provided."});return}if(!b){f.error("Unable to resolve hook",{description:"Missing hook token. Try refreshing the run data and retry."});return}try{_(!0);const B=s??E,z=pt(B)?B:void 0;await u(b,D,z),f.success("Hook resolved",{description:"The payload has been sent and the hook resolved."}),k(!1),y&&P(ee=>new Set(ee).add(y))}catch(B){console.error("Failed to resolve hook:",B),f.error("Failed to resolve hook",{description:B instanceof Error?B.message:"An unknown error occurred"})}finally{_(!1)}}},[u,b,v,s,E]),W=s??E,K=a.useMemo(()=>{const D=W,B=D.stepName,z=D.workflowName;if(typeof B=="string")return B;if(typeof z=="string")return z;if(typeof e.workflowName=="string")return e.workflowName},[W,e.workflowName]);if(!m||!g||!y)return null;const J=g.charAt(0).toUpperCase()+g.slice(1),X=g==="sleep"&&I||g==="hook"&&O,j=e.completedAt?"Completed":"Live";return t.jsxs("div",{className:"flex h-full flex-col",children:[t.jsx("div",{className:"border-b px-3 py-3",style:{borderColor:"var(--ds-gray-200)"},children:t.jsxs("div",{className:"flex items-start justify-between gap-2",children:[t.jsxs("div",{className:"min-w-0",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"inline-flex items-center rounded-full border px-2 py-0.5 text-[13px] font-medium",style:{borderColor:"var(--ds-gray-300)",color:"var(--ds-gray-900)",backgroundColor:"var(--ds-background-100)"},children:J}),t.jsx("span",{className:"text-[13px]",style:{color:e.completedAt?"var(--ds-gray-700)":"var(--ds-green-800)"},children:j})]}),t.jsx("p",{className:"mt-1 truncate font-mono text-[13px]",style:{color:"var(--ds-gray-700)"},title:y,children:y})]}),(A||d)&&p&&t.jsx(Yt,{decrypted:!!d,loading:h,onClick:p})]})}),t.jsxs("div",{className:"flex-1 overflow-y-auto px-3 pt-3 pb-8",children:[X&&t.jsxs("div",{className:"mb-4 rounded-lg border p-2",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[t.jsx("p",{className:"mb-2 px-1 text-[13px] font-medium uppercase tracking-wide",style:{color:"var(--ds-gray-700)"},children:"Actions"}),t.jsxs("div",{className:"flex flex-col gap-2",children:[g==="sleep"&&I&&t.jsxs("button",{type:"button",onClick:F,disabled:R,className:Pe("flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium","disabled:opacity-50 disabled:cursor-not-allowed transition-colors",R?"opacity-50 cursor-not-allowed":"cursor-pointer"),style:{background:"var(--ds-amber-200)",color:"var(--ds-amber-900)"},children:[t.jsx(Vs,{className:"h-4 w-4"}),R?"Waking up...":"Wake Up Sleep"]}),g==="hook"&&O&&t.jsxs("button",{type:"button",onClick:()=>k(!0),disabled:v,className:Pe("flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium","disabled:opacity-50 disabled:cursor-not-allowed transition-colors",v?"opacity-50 cursor-not-allowed":"cursor-pointer"),style:{background:"var(--ds-gray-1000)",color:"var(--ds-background-100)"},children:[t.jsx(Wr,{className:"h-4 w-4"}),"Resolve Hook"]})]})]}),t.jsxs("div",{className:"space-y-4",children:[t.jsxs("section",{children:[t.jsx("h3",{className:"mb-2 text-[13px] font-medium uppercase tracking-wide",style:{color:"var(--ds-gray-700)"},children:"Details"}),t.jsx(_o,{data:W,moduleSpecifier:K,expiredAt:e.expiredAt,isLoading:L,error:$??void 0,onStreamClick:r,resource:g})]}),g!=="run"&&N&&t.jsx("section",{children:t.jsx(Wo,{events:N,onLoadEventData:c,encryptionKey:d})})]})]}),t.jsx(Hr,{isOpen:x,onClose:()=>k(!1),onSubmit:U,isSubmitting:v})]})}function zo(e){const r=a.useRef(e);r.current=e,a.useEffect(()=>{let s=0,n=0;const o=()=>{r.current(s),s=0},i=l=>{if(!l.ctrlKey&&!l.metaKey)return;l.preventDefault();let c=-l.deltaY;switch(l.deltaMode){case WheelEvent.DOM_DELTA_PAGE:c*=window.innerHeight;break;case WheelEvent.DOM_DELTA_LINE:c*=20;break}s+=c,cancelAnimationFrame(n),n=requestAnimationFrame(o)};return window.addEventListener("wheel",i,{passive:!1}),()=>{window.removeEventListener("wheel",i),cancelAnimationFrame(n)}},[])}function pr(e){if(e<=0)return 1;const s=10**Math.floor(Math.log10(e)),n=e/s;return n<=1.5?s:n<=3.5?2*s:n<=7.5?5*s:10*s}function Uo({scale:e,isLive:r=!1}){const{state:{root:s}}=ve(),[,n]=a.useState(0);a.useEffect(()=>{if(!r)return;const m=setInterval(()=>n(f=>f+1),1e3);return()=>clearInterval(m)},[r]);const o=s.duration,i=e>0?e:o>0?1/o:1;let c=pr(50/i);c=Math.max(1,c);let u=c*i;const d=1e3;o/c>d&&(c=pr(o/d),u=c*i);const p=Math.ceil(o/c),h=Math.ceil(100/u)||1;return t.jsx("div",{className:G.markersContainer,children:t.jsx("div",{"aria-hidden":!0,className:G.markers,style:{width:Math.floor(s.duration*e+15),visibility:e!==-1?"visible":"hidden","--marker-width":`${u}px`},children:new Array(p).fill(null).map((m,f)=>{const R=f%h===0;return t.jsx("span",{className:Pe(G.marker,!R&&G.notch),children:R?t.jsxs("span",{className:G.markerLabel,children:[bn(c*f),t.jsx("span",{className:G.markerClockTime,children:jn(s.startTime+c*f)})]}):null},String(f))})})})}function Ko({events:e,root:r,scale:s}){const n=a.useMemo(()=>e.filter(o=>o.event.showVerticalLine!==!1),[e]);return t.jsx("div",{className:G.eventMarkersContainer,children:t.jsx("div",{"aria-hidden":!0,className:G.eventMarkers,style:{width:Math.floor(r.duration*s)},children:n.map(o=>t.jsx("span",{className:Pe(G.eventMarker),style:{left:Math.floor((o.timestamp-r.startTime)*s),...o.event.color&&{borderLeftColor:o.event.color}}},o.key))})})}const hr=2;function qo({memoCacheRef:e,timelineRef:r,root:s,spans:n,events:o,scale:i,dispatch:l,scrollSnapshotRef:c}){const u=a.useRef(!1),d=a.useRef(n);d.current=n;const p=a.useRef(o);p.current=o;const h=a.useRef(null),{style:m,setStyle:f}=At(h),R=a.useRef(null),C=a.useRef(null),{style:x,setStyle:k}=At(C),v=a.useRef(void 0),_=a.useRef(null),{style:T,setStyle:P}=At(_),E=a.useRef(0);a.useEffect(()=>{const w=r.current;if(!w)return;let g=E.current,y=0,M=!1,S=!1,I=!1,O=!1,$=0,L=0;const A=Date.now()+500,b=()=>{v.current||(v.current=w.getBoundingClientRect())},F=Z=>v.current?(Z-wt-ce)/(We+Se):0,U=()=>{const Z=e.current;for(const se of d.current)se.isHovered&&(se.isHovered=!1,Z.set(se.span.spanId,{}));l({type:"forceRender"})};let W=0;const K=()=>{var Ke,ot,at,xe,it,lt,ct,dt;if(!u.current)return;v.current||b();const Z=v.current;if(!Z)return;const{scrollLeft:se,scrollTop:oe}=w,fe=Math.max(0,Math.min(g+se-Z.left-ce,s.duration*i)),Oe=`${fe-se+ce}px`;k("left",Oe),f("left",Oe);const we=s.startTime+fe/i,Ce=we-s.startTime;if(Ce<0||Ce>s.duration?(Ke=R.current)==null||Ke.removeAttribute("data-text"):(ot=R.current)==null||ot.setAttribute("data-text",ft(Ce)),M){const Te=g-y,qe=Math.abs(Te);if(!I){if(qe<4)return;I=!0,P("display","flex"),U()}Te>0?(P("left",""),P("right","0")):(P("left","0"),P("right","")),P("width",`${qe}px`);const Re=Math.max(0,Math.min(y+se-Z.left-ce,s.duration*i))/i;let q,te;Re<Ce?(q=Re,te=Ce):(q=Ce,te=Re),(at=_.current)==null||at.setAttribute("data-range",`${ft(q)} — ${ft(te)}`),(xe=_.current)==null||xe.setAttribute("data-duration",`${ft(te-q)} selected`)}if(Date.now()<A){W=requestAnimationFrame(K);return}if(se!==$||oe!==L){$=se,L=oe,W=requestAnimationFrame(K);return}if(g-Z.left<128?(it=R.current)==null||it.setAttribute("data-align","left"):g-Z.left>Z.width-128?(lt=R.current)==null||lt.setAttribute("data-align","right"):(ct=R.current)==null||ct.removeAttribute("data-align"),!I&&!S){const Te=e.current,qe=F(oe)-hr,St=F(oe+Z.height)+hr;for(const re of d.current){const ae=re.row>=qe&&re.row<=St&&we>=re.startTime&&we<=re.endTime;re.isHovered!==ae&&(re.isHovered=ae,Te.set(re.span.spanId,{}))}const q=12/i;let te=null,ne=1/0;for(const re of p.current){const ae=Math.abs(re.timestamp-we);ae<=q&&ae<ne&&(ne=ae,te=re)}for(const re of p.current){const ae=re===te;if(re.isHovered===ae)continue;re.isHovered=ae;const Ge=(dt=re.ref)==null?void 0:dt.current;Ge&&Ge.setAttribute("data-hovered",String(ae))}l({type:"forceRender"})}};W=requestAnimationFrame(K);const J=Z=>{Z.pointerType==="mouse"&&(u.current=!0)},X=()=>{u.current&&(u.current=!1,U())},j=({clientX:Z})=>{g=Z,E.current=g,cancelAnimationFrame(W),W=requestAnimationFrame(K)},D=Z=>{Z.preventDefault()},B=Z=>{var se;if(Z.button===2)O=!0,Z.preventDefault();else{if(Z.button!==0)return;O=!1}(se=r.current)!=null&&se.contains(Z.target)?(y=g,M=!0):(S=!0,requestAnimationFrame(U))},z=Z=>{if(S=!1,!M||(M=!1,!I))return;if(I=!1,P("display",""),P("left",""),P("right",""),P("width",""),Z.preventDefault(),Z.stopImmediatePropagation(),O){O=!1;return}v.current||b();const se=v.current;if(!se)return;const{scrollLeft:oe}=w,fe=Math.max(0,Math.min((y+oe-se.left-ce)/i,s.duration)),Oe=Math.max(0,Math.min((g+oe-se.left-ce)/i,s.duration));l({type:"scaleToRange",t1:fe+s.startTime,t2:Oe+s.startTime})},ee=Z=>{M&&Z.key==="Escape"&&(O=!0,z(Z))},V=()=>{v.current=void 0,N.current=void 0,cancelAnimationFrame(W),W=requestAnimationFrame(K)},H=()=>{cancelAnimationFrame(W),W=requestAnimationFrame(K)},Y=new ResizeObserver(()=>{v.current=void 0});return Y.observe(w),window.addEventListener("mousemove",j),w.addEventListener("contextmenu",D),window.addEventListener("mousedown",B),window.addEventListener("mouseup",z),window.addEventListener("blur",z),window.addEventListener("keydown",ee,!0),window.addEventListener("scroll",V),w.addEventListener("scroll",H),w.addEventListener("pointerenter",J),w.addEventListener("pointerleave",X),()=>{Y.disconnect(),window.removeEventListener("mousemove",j),w.removeEventListener("contextmenu",D),window.removeEventListener("mousedown",B),window.removeEventListener("mouseup",z),window.removeEventListener("blur",z),window.removeEventListener("keydown",ee,!0),window.removeEventListener("scroll",V),w.removeEventListener("scroll",H),w.removeEventListener("pointerenter",J),w.removeEventListener("pointerleave",X),cancelAnimationFrame(W),E.current=g,U()}},[l,s,i,k,f,P,e,r,c]);const N=a.useRef(void 0);return zo(w=>{const g=r.current;if(!g)return;v.current??(v.current=g.getBoundingClientRect());const y=v.current,M=Math.max(0,Math.min(E.current-y.left-ce,y.width-2*ce));let S=0,I=N.current;(I==null?void 0:I.anchorX)===M?S=I.anchorT:(S=(g.scrollLeft+M)/i,I={anchorT:S,anchorX:M},N.current=I),l({type:"trackpadScale",delta:w/64,anchorT:S,anchorX:M})}),t.jsxs(t.Fragment,{children:[t.jsx("div",{className:G.cursorMarkerStickyParent,children:t.jsx("div",{className:G.cursorMarkerLabelContainer,ref:h,style:m,children:t.jsx("div",{className:G.cursorMarkerLabel,ref:R})})}),t.jsx("div",{className:G.cursorMarkerStickyParent,children:t.jsx("div",{className:G.cursorMarkerContainer,ref:C,style:x,children:t.jsx("div",{className:G.cursorMarker,children:t.jsx("div",{className:G.cursorSelection,ref:_,style:T})})})})]})}function Go({height:e,width:r,value:s,placeholder:n,onChange:o}){return t.jsxs("label",{className:G.searchInputLabel,children:[t.jsx("div",{className:G.searchInputPrefix,children:t.jsx(Zo,{})}),t.jsx("input",{type:"search",value:s,placeholder:n,onChange:o,style:{height:e,width:r}})]})}function Zo(){return t.jsxs("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[t.jsx("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function Yo(){return t.jsx("nav",{className:G.searchBar,children:t.jsx(Xo,{})})}function Xo(){const{dispatch:e}=ve(),[r,s]=a.useState("");return a.useEffect(()=>{const n=setTimeout(()=>e({type:"setFilter",filter:r}),100);return()=>{clearTimeout(n)}},[e,r]),t.jsx("div",{className:G.searchInput,children:t.jsx(Go,{height:zr,onChange:n=>s(n.target.value),placeholder:"Search spans…",value:r,width:"100%"})})}function Jo({size:e=16}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[t.jsx("title",{children:"Zoom In"}),t.jsx("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),t.jsx("path",{d:"M11 8v6M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function Qo({size:e=16}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[t.jsx("title",{children:"Zoom Out"}),t.jsx("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),t.jsx("path",{d:"M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function ea({size:e=16}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[t.jsx("title",{children:"Minus"}),t.jsx("path",{d:"M6 12h12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function ta(){const{dispatch:e}=ve(),r=a.useCallback(()=>{e({type:"adjustScaleRatio",direction:1})},[e]),s=a.useCallback(()=>{e({type:"adjustScaleRatio",direction:-1})},[e]),n=a.useCallback(()=>{e({type:"adjustScaleRatio",direction:0})},[e]);return t.jsxs("div",{className:G.zoomButtonGroup,children:[t.jsx("button",{"aria-label":"Zoom Out",className:G.zoomButton,onClick:s,type:"button",children:t.jsx(Qo,{size:18})}),t.jsx("div",{className:G.divider}),t.jsx("button",{"aria-label":"Reset Zoom",className:G.zoomButton,onClick:n,type:"button",children:t.jsx(ea,{size:18})}),t.jsx("div",{className:G.divider}),t.jsx("button",{"aria-label":"Zoom In",className:G.zoomButton,onClick:r,type:"button",children:t.jsx(Jo,{size:18})})]})}const ra=e=>{const{spans:r}=e,s={startTime:0,endTime:0,duration:0,depth:0,children:[]},n={},o=new Map,i=h=>{const m=o.get(h);if(m)return m;const f=o.size+1;return o.set(h,f),f};let l=!1;for(const h of r){const m=Xe(h.startTime),f=Xe(h.endTime),R=Xe(h.duration);f>s.endTime&&(s.endTime=f,s.duration=f-s.startTime),(s.startTime===0||m<s.startTime)&&(s.startTime=m,s.duration=s.endTime-m);const C=h.resource.startsWith("vercel.");C||(l=!0);const x=C&&(h.resource!=="vercel.serverless-runtime"||!("http.method"in h.attributes)),k=x?0:i(h.resource);let v;x&&(v=`▲ ${h.name}`),n[h.spanId]={parent:null,startTime:m,endTime:f,duration:R,span:h,depth:0,label:v,events:sa(h),isVercel:x,children:[],resourceIndex:k,activeStartTime:h.activeStartTime?Xe(h.activeStartTime):void 0}}const c=(h,m)=>{let f;m?(f=n[m],f||(f=s)):f=s,h.parent=f,f.children.push(h)},u=h=>{"parent"in h&&(h.depth=h.parent.depth+1);for(const m of h.children)u(m)};let d=1;const p=(h,m)=>{if("parent"in h&&h.span.name===m){let f=h.endTime;const R=E=>E.children.length?E.children.map(R).sort((N,w)=>N.duration-w.duration)[0]||E:E.span.name==="waitUntil"?(f=E.startTime,E.parent):E,C=R(h),x=`instrumentation-hint-${d++}`,k=h.duration*.05,v=h.startTime+k,_=Math.max(v+k,Math.min(f-h.duration*.01,h.endTime-k)),T=_-v,P={parent:C,startTime:v,endTime:_,duration:T,span:{spanId:x,name:"Add your spans here",resource:"",kind:0,library:{name:""},status:{code:200},traceFlags:0,attributes:{},links:[],events:[],startTime:Dt(v),endTime:Dt(_),duration:Dt(T)},depth:h.depth+1,isVercel:!1,isInstrumentationHint:!0,children:[],resourceIndex:1};return C.children.push(P),n[x]=P,!0}for(const f of h.children)if(p(f,m))return!0;return!1};for(const h of Object.values(n))c(h,h.span.parentSpanId);if(u(s),!l){for(const h of["Invoke Function","Invoke Middleware","Vercel Runtime"])if(p(s,h))break}return{root:s,map:n}},sa=e=>{if(!e.events.length)return;const r=`${e.spanId}:ev`;return e.events.map((s,n)=>({key:`${r}${n}`,timestamp:Xe(s.timestamp),event:s})).sort((s,n)=>s.timestamp-n.timestamp)},xr=(e,r)=>(e.isVisible=!0,e.isHovered=!1,e.isVisible);function Pt(){return[]}const na=(e,r=!1)=>{const{state:s,dispatch:n}=ve(),{root:o,filter:i,scale:l,timelineRef:c,timelineWidth:u,spanMap:d,scrollSnapshotRef:p,selected:h,memoCacheRef:m}=s,f=oa(s.timelineHeight),R=a.useRef(0),[C,x]=a.useState(Pt),[k,v]=a.useState(Pt),[_,T]=a.useState(Pt),[P,E]=a.useState(-1),N=a.useRef(void 0);return a.useEffect(()=>{var w;return(w=N.current)==null?void 0:w.call(N,i)},[i]),a.useEffect(()=>{if(e!=null&&e.length){for(const w of C)for(const g of w){const y=e.includes(g.span.spanId);g.isHighlighted!==y&&(g.isHighlighted=y,m.current.set(g.span.spanId,{}))}n({type:"forceRender"})}},[C,e,n,m]),a.useEffect(()=>{if(!o.startTime)return;const w=new Worker(new URL("/assets/worker-D-HfgUMl.js",import.meta.url),{type:"module"});let g=++R.current;const y=S=>{var O;const I=S.data;switch(I.type){case"setRowsResult":{if((I==null?void 0:I.requestId)!==g)return;if(I.isEnd)for(const $ of I.rows)for(const L of $)L.span=((O=d[L.span.spanId])==null?void 0:O.span)??L.span;x(I.rows);break}case"updateHighlight":{if((I==null?void 0:I.requestId)!==g)return;const{matches:$}=I;x(L=>{for(const A of L)for(const b of A){const F=$.has(b.span.spanId);b.isHighlighted!==F&&(b.isHighlighted=F,m.current.set(b.span.spanId,{}))}return L}),n({type:"forceRender"});break}}};w.addEventListener("message",y);const M={requestId:g,type:"calculateSpanPositions",root:o};return w.postMessage(M),N.current=S=>{const I=S.trim().toLocaleLowerCase();if(!I){x($=>$.map(L=>L.map(A=>(A.isHighlighted=void 0,{...A}))));return}g=++R.current;const O={type:"filterSpans",requestId:g,root:o,filter:I};w.postMessage(O)},()=>{w.terminate()}},[o,d,n,m]),a.useEffect(()=>{if(!C.length)return;if(r){const j=[],D=[];for(const B of C)for(const z of B)xr(z)&&(j.push(z),z.events&&D.push(...z.events));v(j),T(D),E(l);return}const w=c.current;let g=p.current,y=!1,M=!1,S=0,I=0;const O=Math.max(500,u*.5),$=new Array(C.length).fill(null),L=()=>{M=!0;const j=Math.min(1+I+Math.ceil((g==null?void 0:g.endRow)??Number.POSITIVE_INFINITY),C.length);for(let D=j;D--;){if($[D])continue;const B=A(D);if(Math.abs(B)>I){if(M=!1,B>0)continue;break}const z=[],ee=C[D];if(ee){for(const V of ee){if(!xr(V))continue;const H=b(V);S=Math.max(H,S),z.push({d:H,span:V})}$[D]=z}}},A=j=>g?j<g.startRow?j-g.startRow:j>g.endRow?j-g.endRow:0:0,b=j=>{if(!g)return 0;let D=0;j.endTime<g.startTime?D=g.startTime-j.endTime:j.startTime>g.endTime&&(D=j.startTime-g.endTime);const B=Math.abs(A(j.row));return!D&&!B?0:Math.sqrt((D/l)**2+(B*We+Se)**2)},F=()=>{if(!w)return;const{scrollLeft:j,scrollTop:D}=w,B=0,z=j/l,ee=(D-wt-ce)/(We+Se),V=ee+Math.ceil(f/(We+Se));g={anchorT:z,anchorX:B,scrollLeft:j,scrollTop:D,startTime:o.startTime+j/l,endTime:o.startTime+(j+u)/l,startRow:ee,endRow:V,scale:l},p.current=g;for(let H=$.length;H--;)$[H]=null};let U=0;const W=()=>{(y||!g)&&(y=!1,F()),L();const j=[],D=[];for(const B of $)if(B)for(const{d:z,span:ee}of B)z>I||(j.push(ee),ee.events&&D.push(...ee.events));I<O&&(!M||I<S)&&(I=Math.min(O,I+100),U=requestAnimationFrame(W)),v(j),T(D),E(l)};W();let K=Date.now();const J=j=>{(j.ctrlKey||j.metaKey)&&(K=Date.now())};w==null||w.addEventListener("wheel",J);const X=()=>{Date.now()-K<=50||(y=!0,cancelAnimationFrame(U),U=requestAnimationFrame(W))};return w==null||w.addEventListener("scroll",X),()=>{cancelAnimationFrame(U),w==null||w.removeEventListener("wheel",J),w==null||w.removeEventListener("scroll",X)}},[C,o,l,p,c,u,f,r]),a.useEffect(()=>{var y;if(!h)return;let w;for(const M of k)if(M.span.spanId===h.span.spanId){w=M;break}const g=(y=w==null?void 0:w.ref)==null?void 0:y.current;if(!(!w||!g))return w.isSelected=!0,g.setAttribute("data-selected",""),()=>{w.isSelected=!1,g.removeAttribute("data-selected")}},[k,h]),{rows:C,spans:k,events:_,scale:P}};function oa(e){const[r,s]=a.useState(e);return a.useEffect(()=>{if(r===e)return;let n=0,o=0;const i=()=>{if(++n<=3){o=requestAnimationFrame(i);return}s(e)};return i(),()=>{cancelAnimationFrame(o)}},[r,e]),r}const gr={traceId:"skeleton",spans:[{parentSpanId:"",spanId:"root",name:"root span",kind:1,resource:"vercel.runtime",startTime:[5e3,0],endTime:[6e3,0],duration:[1e3,0],library:{name:"vercel-site"},status:{code:1},attributes:{"vercel.ownerId":"team_abc"},traceFlags:1,events:[],links:[]}],resources:[{name:"vercel.runtime",attributes:{}}],rootSpanId:"root"};function aa({trace:e=gr,className:r="",scrollLock:s=!1,height:n,withPanel:o=!1,highlightedSpans:i,eagerRender:l=!1,isLive:c=!1,footer:u,knownDurationMs:d,hasMoreData:p=!1}){const h=e===gr,{state:m,dispatch:f}=ve(),{timelineRef:R,scrollSnapshotRef:C}=m,x=m.memoCacheRef.current,k=((i==null?void 0:i.length)??0)>0,v=a.useRef(!1),_=a.useRef(""),T=a.useRef(null),P=a.useRef({}),E=a.useRef(null);a.useEffect(()=>{const{root:L,map:A}=ra(e),b=!v.current;v.current=!0;const F=Object.keys(A).sort().map(U=>{const W=A[U].events,K=(W==null?void 0:W.length)??0,J=K?W==null?void 0:W[0]:void 0,X=K?W==null?void 0:W[K-1]:void 0,j=`${(J==null?void 0:J.event.name)??"none"}@${(J==null?void 0:J.timestamp)??0}|${(X==null?void 0:X.event.name)??"none"}@${(X==null?void 0:X.timestamp)??0}`;return`${U}:${K}:${j}`}).join(",");if(!b&&F===_.current&&T.current){const U=T.current,W=P.current;let K=!1;(U.endTime!==L.endTime||U.duration!==L.duration)&&(U.endTime=L.endTime,U.duration=L.duration,K=!0);for(const[J,X]of Object.entries(A)){const j=W[J];j&&((j.endTime!==X.endTime||j.duration!==X.duration)&&(j.endTime=X.endTime,j.duration=X.duration,K=!0),Object.assign(j.span,X.span))}if(!K)return;f({type:"forceRender"});return}_.current=F,T.current=L,P.current=A,f({type:b?"setRoot":"updateRoot",root:L,spanMap:A,resources:e.resources||[]})},[f,e]);const{rows:N,spans:w,events:g,scale:y}=na(i,l),M=a.useRef(null);a.useLayoutEffect(()=>{const L=M.current;if(!L)return;const A=()=>{const F=2*ce,U=L.getBoundingClientRect(),W=U.width-F,K=U.height,J=E.current;J&&J.width===W&&J.height===K||(E.current={width:W,height:K},f({type:"setSize",width:W,height:K}))};A();const b=new ResizeObserver(A);return b.observe(L),window.addEventListener("resize",A),()=>{b.disconnect(),window.removeEventListener("resize",A)}},[f]);const S=a.useRef({t:0,x:-1,y:-1,spanId:""}),I=a.useCallback(L=>{const A=S.current,b=Date.now(),{clientX:F,clientY:U}=L,W=Math.sqrt((F-A.x)**2+(U-A.y)**2);if(b-A.t<=500&&W<=8){if(L.stopPropagation(),L.preventDefault(),!A.spanId){f({type:"resetScale"});return}f({type:"select",id:A.spanId}),f({type:"scaleToNode",id:A.spanId});return}const K=L.target;if(!K.closest(`.${String(G.timeline)}`))return;const J=K.closest("[data-span-id]"),X=(J==null?void 0:J.dataset.spanId)||"";S.current={x:F,y:U,t:b,spanId:X},X&&(f({type:"toggleSelection",id:X}),L.stopPropagation())},[f]);a.useLayoutEffect(()=>{const L=R.current;if(!L)return;const A=C.current;A&&(L.scrollLeft=A.anchorT*y-A.anchorX,C.current=void 0)},[C,R,y]),a.useEffect(()=>{var b;const L=(b=m.selected)==null?void 0:b.span.spanId;if(!L)return;const A=setTimeout(()=>{const F=m.timelineRef.current,U=F==null?void 0:F.querySelector(`[data-span-id="${L}"]`);if(!F||!U)return;const W=F.getBoundingClientRect(),K=U.getBoundingClientRect();K.width<W.width&&(K.left<W.left||K.right>W.right||K.top<W.top||K.bottom>W.bottom)&&U.scrollIntoView({block:"nearest",inline:"center",behavior:"smooth"})},500);return()=>{clearTimeout(A)}},[m.selected,m.timelineRef]),a.useEffect(()=>{const L=A=>{A.key==="Escape"&&f({type:"escape"})};return window.addEventListener("keydown",L),()=>{window.removeEventListener("keydown",L)}},[f]),a.useEffect(()=>{if(!s)return;const L=document.documentElement,A=document.body;L.style.overflow="clip",A.style.overflow="clip";const b=F=>{F!=null&&F.cancelable?F.preventDefault():window.scrollTo({left:0,top:0,behavior:"instant"})};return b(),window.addEventListener("scroll",b,{passive:!1}),()=>{L.style.overflow="",A.style.overflow="",window.removeEventListener("scroll",b)}},[s]);const O=Math.max(m.timelineHeight-m.scrollbarWidth,wt+Se+N.length*(We+Se)-Se+84),$=!!(m.isMobile&&m.selected);return t.jsxs("div",{className:Pe(G.traceViewer,h&&G.skeleton,r),onClickCapture:I,ref:M,style:{height:n,"--timeline-padding":`${ce}px`,"--row-height":`${We}px`,"--row-padding":`${Se}px`,"--search-height":`${k?0:zr}px`,"--search-gap":`${k?2:Cn}px`,"--map-height":`${Nn}px`,"--timeline-width":`${m.timelineWidth}px`,"--timeline-height":`${m.timelineHeight}px`,"--timeline-scroll-width":`${Math.round(m.root.duration*m.scale)}px`,"--panel-width":`${m.panelWidth}px`,"--panel-height":`${m.panelHeight}px`,"--height":`${m.height}px`,"--scrollbar-width":`${m.scrollbarWidth}px`,"--marker-height":`${wt}px`,"--marker-notch-height":`${kn}px`},children:[k?null:t.jsx(Yo,{}),t.jsx(En,{rows:N,scale:y,timelineRef:R}),t.jsxs("div",{className:Pe(G.traceViewerContent,$&&G.inert),children:[t.jsxs("div",{className:G.timeline,ref:R,children:[t.jsx("div",{style:{position:"relative",width:m.timelineWidth,minHeight:m.timelineHeight-ce*2,padding:ce,paddingBottom:0},children:t.jsxs("div",{className:G.traceNode,style:{width:m.root.duration*y||void 0,height:O-ce*2},children:[t.jsx(Uo,{scale:y,isLive:c}),t.jsx(Ko,{events:g,root:m.root,scale:y}),t.jsx(qo,{dispatch:f,events:g,memoCacheRef:m.memoCacheRef,root:m.root,scale:y,scrollSnapshotRef:C,spans:w,timelineRef:R}),t.jsx(Sn,{cacheKey:x.get(""),cache:x,customSpanClassNameFunc:m.customSpanClassNameFunc,customSpanEventClassNameFunc:m.customSpanEventClassNameFunc,isLive:c,root:m.root,scale:y,scrollSnapshotRef:C,spans:w}),d!=null&&d>0&&(p||c)&&m.root.duration>0&&(()=>{const L=d*y,b=m.root.duration*y-L;if(b<4)return null;const F=Math.min(b*.05,20);return t.jsx("div",{style:{position:"absolute",top:0,left:L+F,width:b-F,height:"100%",pointerEvents:"none",zIndex:1,maskImage:"linear-gradient(to right, transparent 1%, black 3%)",WebkitMaskImage:"linear-gradient(to right, transparent 1%, black 3%)",background:"repeating-linear-gradient(-45deg, var(--ds-background-200) 0, var(--ds-background-200) 11px, var(--ds-gray-200) 11px, var(--ds-gray-200) 12px)"}})})()]})}),u]}),t.jsx("div",{className:G.zoomButtonTraceViewer,children:t.jsx(ta,{})})]}),o?t.jsx("div",{className:Pe(G.spanDetailPanelTraceViewer,!m.selected&&G.hidden,m.isMobile&&G.mobile),children:t.jsx(In,{attached:!0})}):null]})}function yr(e,r=!1){if(r&&e==="pending")return G.spanPendingStriped;switch(e){case"running":return G.spanRunning;case"pending":return G.spanPending;case"completed":return G.spanCompleted;case"cancelled":return G.spanCancelled;case"failed":return G.spanFailed;default:return""}}function ia(e){return String(e).toLowerCase().endsWith("sleep")}const la=e=>{const r=e.span.attributes,s=r==null?void 0:r.resource;if(s==="step"){const n=r.data,o=n==null?void 0:n.stepName;if(o&&ia(o))return G.spanSleep;const i=(n==null?void 0:n.status)==="pending";return yr(n==null?void 0:n.status,i)}if(s==="run"){const n=r.data;return yr(n==null?void 0:n.status,!1)}return s==="hook"?G.spanHook:s==="sleep"?G.spanSleep:""},ca=e=>{const r=e.event.name;return r==="step_failed"||r==="run_failed"?G.eventFailed:r==="step_retrying"?G.eventRetrying:r==="hook_created"||r==="hook_received"||r==="hook_disposed"?G.eventHook:G.eventDefault};function da(e){return e==="hook_created"||e==="hook_received"||e==="hook_disposed"}function pe(e){if(typeof e=="string"&&(e=new Date(e)),!e||!(e instanceof Date))return[0,0];const r=e.getTime(),s=Math.floor(r/1e3),n=r%1e3*1e6;return[s,n]}function Bt(e){const r=e[0]*1e3,s=e[1]/1e6;return r+s}function Ct(e,r){if(typeof e=="string"&&(e=new Date(e)),typeof r=="string"&&(r=new Date(r)),!e||!(e instanceof Date))return[0,0];const n=(r&&r instanceof Date?r:new Date).getTime()-e.getTime(),o=Math.floor(n/1e3),i=n%1e3*1e6;return[o,i]}const nt={name:"workflow-development-kit",version:"4.0.0"},ua=new Set(["hook_created","hook_received","hook_disposed","step_started","step_retrying","step_failed","run_failed","wait_created","wait_completed"]);function Et(e,r=!0){return e.filter(s=>r?ua.has(s.eventType):!0).map(s=>({name:s.eventType,timestamp:pe(s.createdAt),attributes:{eventId:s.eventId,correlationId:s.correlationId,eventData:"eventData"in s?s.eventData:void 0},showVerticalLine:da(s.eventType)}))}const ts=e=>{var n;const r=e.find(o=>o.eventType==="wait_created");if(!r)return null;const s=e.find(o=>o.eventType==="wait_completed");return{waitId:r.correlationId,runId:r.runId,createdAt:r.createdAt,resumeAt:(n=r.eventData)==null?void 0:n.resumeAt,completedAt:s==null?void 0:s.createdAt}};function fa(e,r){const s=ts(e);if(!s)return null;const n=s.createdAt,o=s.completedAt??r,i=pe(n),l=pe(o),c=Ct(n,o),u=Et(e,!1);return{spanId:s.waitId,name:"sleep",kind:1,resource:"sleep",library:nt,status:{code:0},traceFlags:1,attributes:{resource:"sleep",data:s},links:[],events:u,duration:c,startTime:i,endTime:l}}const ma=e=>{var u;const r=e.find(d=>d.eventType==="step_created"),s=r??e[0];if(!s)return null;let n="pending",o=0,i,l;for(const d of e)switch(d.eventType){case"step_started":n="running",o+=1,i||(i=d.createdAt),l=void 0;break;case"step_completed":n="completed",l=d.createdAt;break;case"step_failed":n="failed",l=d.createdAt;break;case"step_retrying":n="pending",l=void 0;break}o===0&&(o=1);const c=e[e.length-1];return{stepId:s.correlationId??"",runId:s.runId,stepName:((u=r==null?void 0:r.eventData)==null?void 0:u.stepName)??"",status:n,attempt:o,createdAt:s.createdAt,updatedAt:(c==null?void 0:c.createdAt)??s.createdAt,startedAt:i,completedAt:l,specVersion:s.specVersion}};function pa(e,r){const s=ma(e);if(!s)return null;const n=st(String(s.stepName)),o={resource:"step",data:s},i="step",l=new Date(s.completedAt??r),c=Et(e,!1),u=new Date(s.createdAt);let d=s.startedAt?new Date(s.startedAt):void 0;const p=e.find(h=>h.eventType==="step_started");return p&&(d=new Date(p.createdAt)),{spanId:String(s.stepId),name:(n==null?void 0:n.shortName)??"",kind:1,resource:i,library:nt,status:{code:0},traceFlags:1,attributes:o,links:[],events:c,startTime:pe(u),endTime:pe(l),duration:Ct(u,l),activeStartTime:d&&d.getTime()>u.getTime()?pe(d):void 0}}const ha=e=>{var i,l;const r=e.find(c=>c.eventType==="hook_created");if(!r)return null;const s=e.filter(c=>c.eventType==="hook_received"),n=e.filter(c=>c.eventType==="hook_disposed"),o=s.at(-1);return{hookId:r.correlationId,runId:r.runId,token:(i=r.eventData)==null?void 0:i.token,createdAt:r.createdAt,receivedCount:s.length,lastReceivedAt:(o==null?void 0:o.createdAt)||void 0,disposedAt:((l=n.at(-1))==null?void 0:l.createdAt)||void 0}};function xa(e,r){const s=ha(e);if(!s)return null;const n=Et(e,!1),o=s.disposedAt||r;return{spanId:String(s.hookId),name:String(s.hookId),kind:1,resource:"hook",library:nt,status:{code:1},traceFlags:1,attributes:{resource:"hook",data:s},links:[],events:n,startTime:pe(s.createdAt),endTime:pe(o),duration:Ct(s.createdAt,o)}}function ga(e,r,s){var f;const n=s??new Date,{input:o,output:i,error:l,...c}=e,u={resource:"run",data:c},d=new Date(e.createdAt),p=e.startedAt?new Date(e.startedAt):void 0,h=e.completedAt??n,m=Et(r,!1);return{spanId:String(e.runId),name:String(((f=ze(e.workflowName))==null?void 0:f.shortName)??"?"),kind:1,resource:"run",library:nt,status:{code:0},traceFlags:1,attributes:u,links:[],events:m,startTime:pe(d),endTime:pe(h),duration:Ct(d,h),activeStartTime:p&&p.getTime()>d.getTime()?pe(p):void 0}}const ya=e=>e.startsWith("step_"),va=e=>e==="wait_created"||e==="wait_completed",wa=e=>e==="hook_received"||e==="hook_created"||e==="hook_disposed";function Ft(e,r,s){const n=e.get(r);if(n){n.push(s);return}e.set(r,[s])}function ba(e){const r=new Map,s=[],n=new Map,o=new Map;for(const i of e){const l=i.correlationId;if(!l){s.push(i);continue}if(va(i.eventType)){Ft(n,l,i);continue}if(wa(i.eventType)){Ft(o,l,i);continue}if(ya(i.eventType)){Ft(r,l,i);continue}s.push(i)}return{eventsByStepId:r,runLevelEvents:s,timerEvents:n,hookEvents:o}}function ja(e,r){let s=new Date(r.createdAt).getTime();for(const n of e){const o=new Date(n.createdAt).getTime();o>s&&(s=o)}return new Date(s)}function ka(e,r,s,n){const o=n,i=Array.from(r.eventsByStepId.values()).map(u=>pa(u,o)).filter(u=>u!==null),l=Array.from(r.hookEvents.values()).map(u=>xa(u,o)).filter(u=>u!==null),c=Array.from(r.timerEvents.values()).map(u=>fa(u,o)).filter(u=>u!==null);return{runSpan:ga(e,r.runLevelEvents,s),spans:[...i,...l,...c]}}function Na(e,r){const s=[e,...r.slice().sort((n,o)=>{const i=Bt(n.startTime),l=Bt(o.startTime);return i-l})];return s.map((n,o)=>{const i=o===0?void 0:String(s[o-1].spanId);return{...n,parentSpanId:i}})}function Ca(e,r,s){const n=ba(r),o=ja(r,e),{runSpan:i,spans:l}=ka(e,n,s,o),c=Na(i,l),u=Bt(i.startTime),d=o.getTime()-u;return{traceId:e.runId,rootSpanId:e.runId,spans:c,resources:[{name:"workflow",attributes:{"service.name":nt.name}}],knownDurationMs:Math.max(0,d)}}function Ea(e){const{state:r,dispatch:s}=ve(),n=a.useRef(r);n.current=r,a.useEffect(()=>{if(!e)return;let o=0;const i=()=>{const{root:d}=n.current;if(d.startTime){const p=Date.now();p>d.endTime&&(d.endTime=p,d.duration=d.endTime-d.startTime)}o=requestAnimationFrame(i)};o=requestAnimationFrame(i);let l=0,c=0;const u=()=>{const d=n.current;if(d.root.duration>0){const p=(d.width-d.scrollbarWidth)/d.root.duration;(Math.abs(p-c)>c*.001||c===0)&&(c=p,s({type:"detectBaseScale"}))}l=requestAnimationFrame(u)};return l=requestAnimationFrame(u),()=>{cancelAnimationFrame(o),cancelAnimationFrame(l)}},[e,s])}const Sa=450,Ia=240;function Ta({menu:e,items:r,onClose:s}){const n=a.useRef(null);a.useEffect(()=>{const l=p=>{n.current&&!n.current.contains(p.target)&&s()},c=p=>{p.key==="Escape"&&s()},u=()=>{s()},d=setTimeout(()=>{window.addEventListener("mousedown",l),window.addEventListener("keydown",c),window.addEventListener("scroll",u,!0)},0);return()=>{clearTimeout(d),window.removeEventListener("mousedown",l),window.removeEventListener("keydown",c),window.removeEventListener("scroll",u,!0)}},[s]);const[o,i]=a.useState({x:e.x,y:e.y});return a.useEffect(()=>{const l=n.current;if(!l)return;const c=l.getBoundingClientRect();let{x:u,y:d}=e;c.right>window.innerWidth&&(u=window.innerWidth-c.width-8),c.bottom>window.innerHeight&&(d=window.innerHeight-c.height-8),(u!==e.x||d!==e.y)&&i({x:u,y:d})},[e]),r.length===0?null:Ut.createPortal(t.jsxs("div",{ref:n,style:{position:"fixed",left:o.x,top:o.y,zIndex:99999,boxShadow:"var(--ds-shadow-menu)",borderRadius:12,background:"var(--ds-background-100)",padding:"var(--geist-space-gap-quarter, 4px)",fontSize:14,minWidth:180,overflowX:"hidden",overflowY:"auto"},children:[t.jsx("div",{style:{display:"block",color:"var(--ds-gray-900)",fontSize:"0.75rem",padding:"var(--geist-gap-quarter, 4px) var(--geist-space-2x, 8px)",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:240,borderBottom:"1px solid var(--ds-gray-alpha-400)",marginBottom:4},children:e.spanName}),r.map(l=>t.jsxs("button",{type:"button",style:{outline:"none",cursor:l.disabled?"not-allowed":"pointer",display:"flex",alignItems:"center",gap:8,padding:"0 var(--geist-space-2x, 8px)",height:40,textDecoration:"none",borderRadius:6,color:l.destructive?"var(--ds-red-900)":"var(--ds-gray-1000)",width:"100%",background:"transparent",border:"none",fontSize:14,textAlign:"left",opacity:l.disabled?.4:1,transition:"background 0.15s"},disabled:l.disabled,onMouseEnter:c=>{c.currentTarget.style.background="var(--ds-gray-alpha-100)"},onMouseLeave:c=>{c.currentTarget.style.background="transparent"},onClick:()=>{l.action(),s()},children:[l.icon??null,l.label]},l.label))]}),document.body)}function Ra({trace:e,run:r,isLive:s,onWakeUpSleep:n,onCancelRun:o,onResolveHook:i,onLoadMoreSpans:l,hasMoreSpans:c=!1,isLoadingMoreSpans:u=!1,children:d}){const p=Ue(),{state:h,dispatch:m}=ve();Ea(s);const[f,R]=a.useState(null),[C,x]=a.useState(null),[k,v]=a.useState(!1),[_,T]=a.useState(new Set),P=a.useMemo(()=>{const S=new Map;for(const I of e.spans)S.set(I.spanId,I);return S},[e.spans]),E=a.useCallback(async S=>{if(!(k||!C||!i)){if(!C.token){p.error("Unable to resolve hook",{description:"Missing hook token. Try refreshing the run data and retry."});return}try{v(!0),await i(C.token,S),p.success("Hook resolved",{description:"The payload has been sent and the hook resolved."}),T(I=>new Set(I).add(C.hookId)),x(null)}catch(I){console.error("Failed to resolve hook:",I),p.error("Failed to resolve hook",{description:I instanceof Error?I.message:"An unknown error occurred"})}finally{v(!1)}}},[i,C,k]),N=a.useCallback(S=>{const O=S.target.closest("[data-span-id]");if(!O)return;const $=O.dataset.spanId;if(!$)return;S.preventDefault(),S.stopPropagation();const L=P.get($);if(!L)return;const A=L.attributes.resource??"unknown",b=L.attributes.data,F=!(b!=null&&b.completedAt)&&!(b!=null&&b.disposedAt);R({x:S.clientX,y:S.clientY,spanId:$,spanName:L.name,resourceType:A,isActive:F})},[P]),w=a.useRef(null);a.useEffect(()=>{const S=w.current;if(!S)return;const I=O=>{N(O)};return S.addEventListener("contextmenu",I),()=>{S.removeEventListener("contextmenu",I)}},[N]);const g=a.useRef(!1);a.useEffect(()=>{const S=h.timelineRef.current;if(!S||!l||!c)return;const I=200,O=()=>{g.current||u||!c||S.scrollHeight-S.scrollTop-S.clientHeight>I||(g.current=!0,Promise.resolve(l()).finally(()=>{g.current=!1}))};return S.addEventListener("scroll",O),O(),()=>{S.removeEventListener("scroll",O)}},[h.timelineRef,l,c,u]);const y=a.useCallback(()=>{R(null)},[]),M=a.useCallback(S=>{var $,L;const I=[],O=!r.completedAt;if(S.resourceType==="sleep"&&S.isActive&&O&&n&&I.push({label:"Wake Up Sleep",icon:t.jsx(qs,{className:"h-3.5 w-3.5"}),action:()=>{n(r.runId,S.spanId).then(A=>{A.stoppedCount>0?p.success("Sleep woken up",{description:`Woke up ${String(A.stoppedCount)} sleep${A.stoppedCount>1?"s":""}`}):p.info("No active sleeps found",{description:"The sleep may have already completed."})}).catch(A=>{p.error("Failed to wake up sleep",{description:A instanceof Error?A.message:"An unknown error occurred"})})}}),S.resourceType==="hook"&&O&&i){const A=P.get(S.spanId),b=($=A==null?void 0:A.attributes)==null?void 0:$.data,F=!!(b!=null&&b.disposedAt)||!!((L=A==null?void 0:A.events)!=null&&L.some(U=>U.name==="hook_disposed"))||_.has(S.spanId);b!=null&&b.token&&!F&&I.push({label:"Resolve Hook",icon:t.jsx(Wr,{className:"h-3.5 w-3.5"}),action:()=>{x({hookId:S.spanId,token:b.token})}})}return S.resourceType==="run"&&O&&o&&I.push({label:"Cancel Run",icon:t.jsx(Gs,{className:"h-3.5 w-3.5"}),destructive:!0,action:()=>{o(r.runId).catch(A=>{p.error("Failed to cancel run",{description:A instanceof Error?A.message:"An unknown error occurred"})})}}),I.push({label:"View Details",icon:t.jsx(zn,{className:"h-3.5 w-3.5"}),action:()=>{m({type:"select",id:S.spanId})}}),I.push({label:"Copy Name",icon:t.jsx(qn,{className:"h-3.5 w-3.5"}),action:()=>{navigator.clipboard.writeText(S.spanName).then(()=>{p.success("Name copied to clipboard")}).catch(()=>{p.error("Failed to copy name")})}}),I.push({label:"Copy ID",icon:t.jsx(rt,{className:"h-3.5 w-3.5"}),action:()=>{navigator.clipboard.writeText(S.spanId).then(()=>{p.success("ID copied to clipboard")}).catch(()=>{p.error("Failed to copy ID")})}}),I},[m,n,o,i,P,_,r.runId,r.completedAt]);return t.jsxs("div",{className:"relative w-full h-full",ref:w,children:[d,f?t.jsx(Ta,{menu:f,items:M(f),onClose:y}):null,t.jsx(Hr,{isOpen:C!==null,onClose:()=>x(null),onSubmit:E,isSubmitting:k})]})}function Aa({onSelectionChange:e}){const{state:r}=ve(),{selected:s}=r,n=a.useRef(e);n.current=e;const o=a.useRef(void 0);return a.useEffect(()=>{var l,c;const i=s==null?void 0:s.span.spanId;i!==o.current&&(o.current=i,s?n.current({data:(l=s.span.attributes)==null?void 0:l.data,resource:(c=s.span.attributes)==null?void 0:c.resource,spanId:s.span.spanId}):n.current(null))},[s]),null}function Da({triggerDeselect:e}){const{dispatch:r}=ve();return a.useEffect(()=>{e>0&&r({type:"deselect"})},[e,r]),null}function Ma({selectRequest:e}){const{dispatch:r}=ve();return a.useEffect(()=>{e!=null&&e.id&&r({type:"select",id:e.id})},[r,e]),null}function _a({onResize:e}){const r=a.useCallback(s=>{s.preventDefault();let n=s.clientX;const o=l=>{const c=n-l.clientX;n=l.clientX,e(c)},i=()=>{document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i)};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i)},[e]);return t.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-400/50 z-10",onPointerDown:r})}function La({hasMore:e,isLive:r,isInitialLoading:s}){const n={color:"var(--ds-gray-900)"};return e||s?t.jsxs("div",{className:"flex items-center justify-center gap-2 py-3 text-xs",style:n,children:[t.jsx(Zt,{size:14}),"Loading more events…"]}):r?t.jsx("div",{className:"flex items-center justify-center py-3 text-xs",style:n,children:"Waiting for more events…"}):t.jsx("div",{className:"flex items-center justify-center py-3 text-xs",style:n,children:"End of run"})}const Pa=({run:e,events:r,isLoading:s,error:n,spanDetailData:o,spanDetailLoading:i,spanDetailError:l,onWakeUpSleep:c,onResolveHook:u,onCancelRun:d,onStreamClick:p,onSpanSelect:h,onLoadEventData:m,onLoadMoreSpans:f,hasMoreSpans:R=!1,isLoadingMoreSpans:C=!1,encryptionKey:x,onDecrypt:k,isDecrypting:v=!1})=>{const _=Ue(),[T,P]=a.useState(null),[E,N]=a.useState(Sa),[w,g]=a.useState(0),[y,M]=a.useState(null),S=!!(e&&!e.completedAt),I=a.useMemo(()=>{if(e!=null&&e.runId)return Ca(e,r,new Date)},[e,r]),O=I;a.useEffect(()=>{n&&!s&&(console.error(n),_.error("Error loading workflow trace data",{description:n.message}))},[n,s]);const $=a.useCallback(j=>{h==null||h(j)},[h]),L=a.useCallback(j=>{if(j){const D=j.spanId,B=D?r.filter(z=>z.correlationId===D):[];P({...j,rawEvents:B})}else P(null)},[r]);a.useEffect(()=>{const j=T==null?void 0:T.spanId;if(!j)return;const D=r.filter(B=>B.correlationId===j);P(B=>{if(!B||B.spanId!==j)return B;const z=B.rawEvents??[];return z.length===D.length&&z.every((V,H)=>{var Y;return V.eventId===((Y=D[H])==null?void 0:Y.eventId)})?B:{...B,rawEvents:D}})},[r,T==null?void 0:T.spanId]);const A=a.useCallback(()=>{P(null),g(j=>j+1)},[]),b=a.useCallback(j=>{N(D=>Math.max(Ia,D+j))},[]),F=a.useMemo(()=>!(T!=null&&T.spanId)||!O?-1:O.spans.findIndex(j=>j.spanId===T.spanId),[T==null?void 0:T.spanId,O]),U=F>0,W=F>=0&&O!=null&&F<O.spans.length-1,K=a.useCallback(()=>{var D;if(!O||F<=0)return;const j=(D=O.spans[F-1])==null?void 0:D.spanId;j&&M({id:j,token:Date.now()})},[F,O]),J=a.useCallback(()=>{var D;if(!O||F<0)return;const j=(D=O.spans[F+1])==null?void 0:D.spanId;j&&M({id:j,token:Date.now()})},[F,O]),X=a.useMemo(()=>{var z,ee;if(!(T!=null&&T.data))return;const j=T.data,D=j.stepName,B=j.workflowName;return(D?(z=st(D))==null?void 0:z.shortName:void 0)??(B?(ee=ze(B))==null?void 0:ee.shortName:void 0)??D??B??j.hookId??"Details"},[T==null?void 0:T.data]);return O?t.jsxs("div",{className:"relative w-full h-full flex",children:[t.jsx("div",{className:"flex-1 min-w-0 relative",children:t.jsxs(Tn,{customSpanClassNameFunc:la,customSpanEventClassNameFunc:ca,children:[t.jsx(Aa,{onSelectionChange:L}),t.jsx(Da,{triggerDeselect:w}),t.jsx(Ma,{selectRequest:y}),t.jsx(Ra,{trace:O,run:e,isLive:S,onWakeUpSleep:c,onCancelRun:d,onResolveHook:u,onLoadMoreSpans:f,hasMoreSpans:R,isLoadingMoreSpans:C,children:t.jsx(aa,{eagerRender:!0,height:"100%",isLive:S,trace:O,knownDurationMs:I==null?void 0:I.knownDurationMs,hasMoreData:R||!!s,footer:t.jsx(La,{hasMore:R,isLive:S,isInitialLoading:!!s})})})]})}),T&&t.jsxs("div",{className:"relative border-l flex-shrink-0 flex flex-col",style:{width:E,borderColor:"var(--ds-gray-200)",backgroundColor:"var(--ds-background-100)"},children:[t.jsx(_a,{onResize:b}),t.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-y flex-shrink-0",style:{borderColor:"var(--ds-gray-200)"},children:[t.jsx("div",{className:"min-w-0 flex-1",children:t.jsx("div",{className:"text-sm font-medium truncate",style:{color:"var(--ds-gray-1000)"},title:X,children:X})}),t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button","aria-label":"Previous span",onClick:K,disabled:!U,style:{display:"flex",alignItems:"center",justifyContent:"center",marginLeft:6,width:24,height:24,padding:0,borderRadius:6,border:"none",background:"transparent",color:"var(--ds-gray-700)",cursor:U?"pointer":"not-allowed",opacity:U?1:.45,flexShrink:0,transition:"background 0.15s"},onMouseEnter:j=>{U&&(j.currentTarget.style.background="var(--ds-gray-alpha-100)")},onMouseLeave:j=>{j.currentTarget.style.background="transparent"},children:t.jsx(zs,{size:16})}),t.jsx("button",{type:"button","aria-label":"Next span",onClick:J,disabled:!W,style:{display:"flex",alignItems:"center",justifyContent:"center",marginLeft:2,width:24,height:24,padding:0,borderRadius:6,border:"none",background:"transparent",color:"var(--ds-gray-700)",cursor:W?"pointer":"not-allowed",opacity:W?1:.45,flexShrink:0,transition:"background 0.15s"},onMouseEnter:j=>{W&&(j.currentTarget.style.background="var(--ds-gray-alpha-100)")},onMouseLeave:j=>{j.currentTarget.style.background="transparent"},children:t.jsx(Us,{size:16})})]}),t.jsx("div",{className:"flex items-center",style:{borderLeft:"1px solid var(--ds-gray-300)",marginLeft:6},children:t.jsx("button",{type:"button","aria-label":"Close panel",onClick:A,style:{display:"flex",alignItems:"center",justifyContent:"center",marginLeft:6,width:24,height:24,padding:0,borderRadius:6,border:"none",background:"transparent",color:"var(--ds-gray-700)",cursor:"pointer",flexShrink:0,transition:"background 0.15s"},onMouseEnter:j=>{j.currentTarget.style.background="var(--ds-gray-alpha-100)"},onMouseLeave:j=>{j.currentTarget.style.background="transparent"},children:t.jsx(Ks,{size:16})})})]}),t.jsx("div",{className:"flex-1 overflow-y-auto",children:t.jsx(Qe,{title:"Failed to load entity details",children:t.jsx(Vo,{run:e,onStreamClick:p,spanDetailData:o??null,spanDetailError:l,spanDetailLoading:i,onSpanSelect:$,onWakeUpSleep:c,onLoadEventData:m,onResolveHook:u,encryptionKey:x,onDecrypt:k,isDecrypting:v,selectedSpan:T})})})]})]}):t.jsxs("div",{className:"relative w-full h-full",children:[t.jsx("div",{className:"border-b border-gray-alpha-400 w-full"}),t.jsx(Q,{className:"w-full ml-2 mt-1 mb-1 h-[56px]"}),t.jsxs("div",{className:"p-2 relative w-full",children:[t.jsx(Q,{className:"w-full mt-6 h-[20px]"}),t.jsx(Q,{className:"w-[10%] mt-2 ml-6 h-[20px]"}),t.jsx(Q,{className:"w-[10%] mt-2 ml-12 h-[20px]"}),t.jsx(Q,{className:"w-[20%] mt-2 ml-16 h-[20px]"})]})]})};async function Fa(e,r,s,n={}){const o=n.resolveData??"all";let i,l;if(r==="run")i=await ht(Wt(e,s,o)),l=i.runId;else if(r==="step"){const{runId:c}=n;if(!c)throw new _e("runId is required for step resource",{layer:"client"});i=await ht(Rn(e,c,s,o)),l=i.stepId}else if(r==="hook")i=await ht(Ur(e,s,o)),l=i.hookId;else throw new _e(`Unknown resource type: ${r}`,{layer:"client"});return{data:i,correlationId:l}}function Oa(e,r,s,n={}){const{refreshInterval:o=0,runId:i,enabled:l=!0,encryptionKey:c}=n,[u,d]=a.useState(null),[p,h]=a.useState(l),[m,f]=a.useState(null),R=a.useCallback(async k=>c?He(k,c):me(k),[c]),C=a.useRef(""),x=a.useCallback(async()=>{if(!l){h(!1);return}const k=`${r}:${s}`;if(k!==C.current&&(d(null),C.current=k),f(null),h(!0),r==="hook"){try{const{error:v,result:_}=await ue(Ur(e,s,"all"));if(v){f(v);return}try{d(await R(_))}catch(T){f(T instanceof Error?T:new Error(String(T)))}}finally{h(!1)}return}if(r==="sleep"){try{if(!i){f(new Error("runId is required for loading sleep details"));return}const{error:v,result:_}=await ue(Be(e,i,{sortOrder:"asc",limit:1e3,withData:!0}));if(v){f(v);return}try{const T=_.data.map(me),P=await Promise.all(T.filter(N=>N.correlationId===s).map(R)),E=ts(P);if(E===null){f(new Error(`Failed to load ${r} details: missing required event data`));return}d(E)}catch(T){f(T instanceof Error?T:new Error(String(T)))}}finally{h(!1)}return}try{const{data:v}=await Fa(e,r,s,{runId:i});d(await R(v))}catch(v){v instanceof Error?f(v):f(new Error(String(v)));return}finally{h(!1)}},[e,r,s,i,l,R]);return a.useEffect(()=>{x()},[x]),a.useEffect(()=>{if(!o||o<=0)return;const k=setInterval(x,o);return()=>clearInterval(k)},[o,x]),{data:u,loading:p,error:m,refresh:x}}function Vt(e,r,s){const n=[...e,...r],o=new Map(n.map(i=>[i[s],i]));return Array.from(o.values())}async function $a(e){const{fetchFn:r,setItems:s,setCursor:n,setError:o,idKey:i,cursorStrategy:l="always",transform:c}=e,{error:u,result:d}=await r();if(u)return o(u),!1;if(d.data.length>0){const p=c?d.data.map(c):d.data;return s(m=>Vt(m,p,i)),(l==="onHasMore"?!!(d.cursor&&d.hasMore):!!d.cursor)&&n(d.cursor),!0}return!1}const Wa=100,Ha=500,Ba=100,Va=5e3;function za(e,r,s={}){const{live:n=!1}=s,[o,i]=a.useState(null),[l,c]=a.useState([]),[u,d]=a.useState(!0),[p,h]=a.useState(null),[m,f]=a.useState(),[R,C]=a.useState(!1),[x,k]=a.useState(!1),v=a.useRef(!1),[_,T]=a.useState(!1),P=a.useCallback(async()=>{if(v.current)return;v.current=!0,d(!0),h(null);const[y,M]=await Promise.all([ue(Wt(e,r,"none")),ue(Be(e,r,{sortOrder:"asc",limit:Ha,withData:!1}))]);y.error?h(y.error):i(me(y.result));const S=M.error?[]:M.result.data.map(me);c(Vt([],S,"eventId")),f(M.error||!M.result.hasMore?void 0:M.result.cursor),C(!!(!M.error&&M.result.hasMore)),d(!1),T(!0),v.current=!1,!y.error&&M.error&&h(M.error)},[e,r]),E=a.useCallback(async()=>{if(!(v.current||!_||x||!R)){k(!0);try{const y=await ue(Be(e,r,{cursor:m,sortOrder:"asc",limit:Ba,withData:!1}));if(y.error)h(y.error);else{const M=y.result.data.map(me);M.length>0&&c(S=>Vt(S,M,"eventId")),C(!!y.result.hasMore),f(y.result.hasMore?y.result.cursor:void 0)}}finally{k(!1)}}},[e,r,_,x,R,m]),N=a.useCallback(async()=>{if(o!=null&&o.completedAt)return!1;const{error:y,result:M}=await ue(Wt(e,r,"none"));return y?(h(y),!1):(h(null),i(me(M)),!0)},[e,r,o==null?void 0:o.completedAt]),w=a.useCallback(()=>$a({fetchFn:()=>ue(Be(e,r,{cursor:m,sortOrder:"asc",limit:Wa,withData:!1})),setItems:c,setCursor:f,setError:h,idKey:"eventId",transform:me}),[e,r,m]),g=a.useCallback(async()=>{if(v.current||!_)return{foundNewItems:!1};let y=!1;try{const[M,S]=await Promise.all([N(),w()]);y=S}catch(M){console.error("Update error:",M)}return{foundNewItems:y}},[w,_,N]);return a.useEffect(()=>{P()},[P]),a.useEffect(()=>{if(!n||!_||o!=null&&o.completedAt)return;const y=setInterval(()=>{g()},Va);return()=>{clearInterval(y)}},[n,_,g,o==null?void 0:o.completedAt]),{run:o??{},events:l,loading:u,error:p,update:g,loadMoreTraceData:E,hasMoreTraceData:R,isLoadingMoreTraceData:x}}function Ua(e){return typeof e=="object"&&e!==null&&"message"in e&&"layer"in e&&"cause"in e&&"request"in e}async function Ka(e,r,s,n,o){try{const i=new URLSearchParams({runId:s});o&&i.set("cursor",o);const l=`/api/stream/${encodeURIComponent(r)}?${i.toString()}`,c=await fetch(l,{signal:n});if(!c.ok){const p=await c.json().catch(()=>null);throw p&&Ua(p)?new _e(p.message,{layer:"client",cause:p.cause,request:p.request}):new _e(`Failed to read stream: ${c.status}`,{layer:"client"})}if(!c.body)throw new _e("Failed to read stream: no body",{layer:"client"});const u=c.headers.get("X-Stream-Cursor"),d=c.headers.get("X-Stream-Done")==="true";return{body:c.body,cursor:u,done:d}}catch(i){throw i instanceof _e?i:new _e("Failed to read stream",{layer:"client",cause:i})}}async function qa(e,r){return ht(An(e,r))}const Ga=1e4;function Za(e,r,s=Ga){const[n,o]=a.useState([]),[i,l]=a.useState(!0),[c,u]=a.useState(null),d=a.useRef(!1),p=a.useCallback(async()=>{d.current||l(!0),u(null);try{const h=await qa(e,r);o(h)}catch(h){u(h instanceof Error?h:new Error(String(h)))}finally{d.current=!0,l(!1)}},[e,r]);return a.useEffect(()=>{d.current=!1,p()},[p]),a.useEffect(()=>{if(!s||s<=0)return;const h=setInterval(p,s);return()=>clearInterval(h)},[s,p]),{streams:n,loading:i,error:c,refresh:p}}var Ya=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],ke=Ya.reduce((e,r)=>{const s=a.forwardRef((n,o)=>{const{asChild:i,...l}=n,c=i?Gt:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),t.jsx(c,{...l,ref:o})});return s.displayName=`Primitive.${r}`,{...e,[r]:s}},{});function Xa(e,r){e&&Ut.flushSync(()=>e.dispatchEvent(r))}var Ja="DismissableLayer",zt="dismissableLayer.update",Qa="dismissableLayer.pointerDownOutside",ei="dismissableLayer.focusOutside",vr,rs=a.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),ss=a.forwardRef((e,r)=>{const{disableOutsidePointerEvents:s=!1,onEscapeKeyDown:n,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,onDismiss:c,...u}=e,d=a.useContext(rs),[p,h]=a.useState(null),m=(p==null?void 0:p.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,f]=a.useState({}),R=Ie(r,N=>h(N)),C=Array.from(d.layers),[x]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),k=C.indexOf(x),v=p?C.indexOf(p):-1,_=d.layersWithOutsidePointerEventsDisabled.size>0,T=v>=k,P=si(N=>{const w=N.target,g=[...d.branches].some(y=>y.contains(w));!T||g||(o==null||o(N),l==null||l(N),N.defaultPrevented||c==null||c())},m),E=ni(N=>{const w=N.target;[...d.branches].some(y=>y.contains(w))||(i==null||i(N),l==null||l(N),N.defaultPrevented||c==null||c())},m);return Zs(N=>{v===d.layers.size-1&&(n==null||n(N),!N.defaultPrevented&&c&&(N.preventDefault(),c()))},m),a.useEffect(()=>{if(p)return s&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(vr=m.body.style.pointerEvents,m.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(p)),d.layers.add(p),wr(),()=>{s&&d.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=vr)}},[p,m,s,d]),a.useEffect(()=>()=>{p&&(d.layers.delete(p),d.layersWithOutsidePointerEventsDisabled.delete(p),wr())},[p,d]),a.useEffect(()=>{const N=()=>f({});return document.addEventListener(zt,N),()=>document.removeEventListener(zt,N)},[]),t.jsx(ke.div,{...u,ref:R,style:{pointerEvents:_?T?"auto":"none":void 0,...e.style},onFocusCapture:je(e.onFocusCapture,E.onFocusCapture),onBlurCapture:je(e.onBlurCapture,E.onBlurCapture),onPointerDownCapture:je(e.onPointerDownCapture,P.onPointerDownCapture)})});ss.displayName=Ja;var ti="DismissableLayerBranch",ri=a.forwardRef((e,r)=>{const s=a.useContext(rs),n=a.useRef(null),o=Ie(r,n);return a.useEffect(()=>{const i=n.current;if(i)return s.branches.add(i),()=>{s.branches.delete(i)}},[s.branches]),t.jsx(ke.div,{...e,ref:o})});ri.displayName=ti;function si(e,r=globalThis==null?void 0:globalThis.document){const s=yt(e),n=a.useRef(!1),o=a.useRef(()=>{});return a.useEffect(()=>{const i=c=>{if(c.target&&!n.current){let u=function(){ns(Qa,s,d,{discrete:!0})};const d={originalEvent:c};c.pointerType==="touch"?(r.removeEventListener("click",o.current),o.current=u,r.addEventListener("click",o.current,{once:!0})):u()}else r.removeEventListener("click",o.current);n.current=!1},l=window.setTimeout(()=>{r.addEventListener("pointerdown",i)},0);return()=>{window.clearTimeout(l),r.removeEventListener("pointerdown",i),r.removeEventListener("click",o.current)}},[r,s]),{onPointerDownCapture:()=>n.current=!0}}function ni(e,r=globalThis==null?void 0:globalThis.document){const s=yt(e),n=a.useRef(!1);return a.useEffect(()=>{const o=i=>{i.target&&!n.current&&ns(ei,s,{originalEvent:i},{discrete:!1})};return r.addEventListener("focusin",o),()=>r.removeEventListener("focusin",o)},[r,s]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function wr(){const e=new CustomEvent(zt);document.dispatchEvent(e)}function ns(e,r,s,{discrete:n}){const o=s.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:s});r&&o.addEventListener(e,r,{once:!0}),n?Xa(o,i):o.dispatchEvent(i)}var Ot="focusScope.autoFocusOnMount",$t="focusScope.autoFocusOnUnmount",br={bubbles:!1,cancelable:!0},oi="FocusScope",os=a.forwardRef((e,r)=>{const{loop:s=!1,trapped:n=!1,onMountAutoFocus:o,onUnmountAutoFocus:i,...l}=e,[c,u]=a.useState(null),d=yt(o),p=yt(i),h=a.useRef(null),m=Ie(r,C=>u(C)),f=a.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;a.useEffect(()=>{if(n){let C=function(_){if(f.paused||!c)return;const T=_.target;c.contains(T)?h.current=T:Ee(h.current,{select:!0})},x=function(_){if(f.paused||!c)return;const T=_.relatedTarget;T!==null&&(c.contains(T)||Ee(h.current,{select:!0}))},k=function(_){if(document.activeElement===document.body)for(const P of _)P.removedNodes.length>0&&Ee(c)};document.addEventListener("focusin",C),document.addEventListener("focusout",x);const v=new MutationObserver(k);return c&&v.observe(c,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",C),document.removeEventListener("focusout",x),v.disconnect()}}},[n,c,f.paused]),a.useEffect(()=>{if(c){kr.add(f);const C=document.activeElement;if(!c.contains(C)){const k=new CustomEvent(Ot,br);c.addEventListener(Ot,d),c.dispatchEvent(k),k.defaultPrevented||(ai(ui(as(c)),{select:!0}),document.activeElement===C&&Ee(c))}return()=>{c.removeEventListener(Ot,d),setTimeout(()=>{const k=new CustomEvent($t,br);c.addEventListener($t,p),c.dispatchEvent(k),k.defaultPrevented||Ee(C??document.body,{select:!0}),c.removeEventListener($t,p),kr.remove(f)},0)}}},[c,d,p,f]);const R=a.useCallback(C=>{if(!s&&!n||f.paused)return;const x=C.key==="Tab"&&!C.altKey&&!C.ctrlKey&&!C.metaKey,k=document.activeElement;if(x&&k){const v=C.currentTarget,[_,T]=ii(v);_&&T?!C.shiftKey&&k===T?(C.preventDefault(),s&&Ee(_,{select:!0})):C.shiftKey&&k===_&&(C.preventDefault(),s&&Ee(T,{select:!0})):k===v&&C.preventDefault()}},[s,n,f.paused]);return t.jsx(ke.div,{tabIndex:-1,...l,ref:m,onKeyDown:R})});os.displayName=oi;function ai(e,{select:r=!1}={}){const s=document.activeElement;for(const n of e)if(Ee(n,{select:r}),document.activeElement!==s)return}function ii(e){const r=as(e),s=jr(r,e),n=jr(r.reverse(),e);return[s,n]}function as(e){const r=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const o=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||o?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)r.push(s.currentNode);return r}function jr(e,r){for(const s of e)if(!li(s,{upTo:r}))return s}function li(e,{upTo:r}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(r!==void 0&&e===r)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function ci(e){return e instanceof HTMLInputElement&&"select"in e}function Ee(e,{select:r=!1}={}){if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),e!==s&&ci(e)&&r&&e.select()}}var kr=di();function di(){let e=[];return{add(r){const s=e[0];r!==s&&(s==null||s.pause()),e=Nr(e,r),e.unshift(r)},remove(r){var s;e=Nr(e,r),(s=e[0])==null||s.resume()}}}function Nr(e,r){const s=[...e],n=s.indexOf(r);return n!==-1&&s.splice(n,1),s}function ui(e){return e.filter(r=>r.tagName!=="A")}var fi="Portal",is=a.forwardRef((e,r)=>{var c;const{container:s,...n}=e,[o,i]=a.useState(!1);Ys(()=>i(!0),[]);const l=s||o&&((c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body);return l?Os.createPortal(t.jsx(ke.div,{...n,ref:r}),l):null});is.displayName=fi;var Qt="Dialog",[ls,cs]=Br(Qt),[mi,he]=ls(Qt),ds=e=>{const{__scopeDialog:r,children:s,open:n,defaultOpen:o,onOpenChange:i,modal:l=!0}=e,c=a.useRef(null),u=a.useRef(null),[d=!1,p]=Js({prop:n,defaultProp:o,onChange:i});return t.jsx(mi,{scope:r,triggerRef:c,contentRef:u,contentId:It(),titleId:It(),descriptionId:It(),open:d,onOpenChange:p,onOpenToggle:a.useCallback(()=>p(h=>!h),[p]),modal:l,children:s})};ds.displayName=Qt;var us="DialogTrigger",fs=a.forwardRef((e,r)=>{const{__scopeDialog:s,...n}=e,o=he(us,s),i=Ie(r,o.triggerRef);return t.jsx(ke.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":rr(o.open),...n,ref:i,onClick:je(e.onClick,o.onOpenToggle)})});fs.displayName=us;var er="DialogPortal",[pi,ms]=ls(er,{forceMount:void 0}),ps=e=>{const{__scopeDialog:r,forceMount:s,children:n,container:o}=e,i=he(er,r);return t.jsx(pi,{scope:r,forceMount:s,children:a.Children.map(n,l=>t.jsx(qt,{present:s||i.open,children:t.jsx(is,{asChild:!0,container:o,children:l})}))})};ps.displayName=er;var kt="DialogOverlay",hs=a.forwardRef((e,r)=>{const s=ms(kt,e.__scopeDialog),{forceMount:n=s.forceMount,...o}=e,i=he(kt,e.__scopeDialog);return i.modal?t.jsx(qt,{present:n||i.open,children:t.jsx(hi,{...o,ref:r})}):null});hs.displayName=kt;var hi=a.forwardRef((e,r)=>{const{__scopeDialog:s,...n}=e,o=he(kt,s);return t.jsx(en,{as:Gt,allowPinchZoom:!0,shards:[o.contentRef],children:t.jsx(ke.div,{"data-state":rr(o.open),...n,ref:r,style:{pointerEvents:"auto",...n.style}})})}),Fe="DialogContent",xs=a.forwardRef((e,r)=>{const s=ms(Fe,e.__scopeDialog),{forceMount:n=s.forceMount,...o}=e,i=he(Fe,e.__scopeDialog);return t.jsx(qt,{present:n||i.open,children:i.modal?t.jsx(xi,{...o,ref:r}):t.jsx(gi,{...o,ref:r})})});xs.displayName=Fe;var xi=a.forwardRef((e,r)=>{const s=he(Fe,e.__scopeDialog),n=a.useRef(null),o=Ie(r,s.contentRef,n);return a.useEffect(()=>{const i=n.current;if(i)return Qs(i)},[]),t.jsx(gs,{...e,ref:o,trapFocus:s.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:je(e.onCloseAutoFocus,i=>{var l;i.preventDefault(),(l=s.triggerRef.current)==null||l.focus()}),onPointerDownOutside:je(e.onPointerDownOutside,i=>{const l=i.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&i.preventDefault()}),onFocusOutside:je(e.onFocusOutside,i=>i.preventDefault())})}),gi=a.forwardRef((e,r)=>{const s=he(Fe,e.__scopeDialog),n=a.useRef(!1),o=a.useRef(!1);return t.jsx(gs,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,i),i.defaultPrevented||(n.current||(c=s.triggerRef.current)==null||c.focus(),i.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:i=>{var u,d;(u=e.onInteractOutside)==null||u.call(e,i),i.defaultPrevented||(n.current=!0,i.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const l=i.target;((d=s.triggerRef.current)==null?void 0:d.contains(l))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&o.current&&i.preventDefault()}})}),gs=a.forwardRef((e,r)=>{const{__scopeDialog:s,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:i,...l}=e,c=he(Fe,s),u=a.useRef(null),d=Ie(r,u);return tn(),t.jsxs(t.Fragment,{children:[t.jsx(os,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:i,children:t.jsx(ss,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":rr(c.open),...l,ref:d,onDismiss:()=>c.onOpenChange(!1)})}),t.jsxs(t.Fragment,{children:[t.jsx(vi,{titleId:c.titleId}),t.jsx(bi,{contentRef:u,descriptionId:c.descriptionId})]})]})}),tr="DialogTitle",ys=a.forwardRef((e,r)=>{const{__scopeDialog:s,...n}=e,o=he(tr,s);return t.jsx(ke.h2,{id:o.titleId,...n,ref:r})});ys.displayName=tr;var vs="DialogDescription",ws=a.forwardRef((e,r)=>{const{__scopeDialog:s,...n}=e,o=he(vs,s);return t.jsx(ke.p,{id:o.descriptionId,...n,ref:r})});ws.displayName=vs;var bs="DialogClose",js=a.forwardRef((e,r)=>{const{__scopeDialog:s,...n}=e,o=he(bs,s);return t.jsx(ke.button,{type:"button",...n,ref:r,onClick:je(e.onClick,()=>o.onOpenChange(!1))})});js.displayName=bs;function rr(e){return e?"open":"closed"}var ks="DialogTitleWarning",[yi,Ns]=Xs(ks,{contentName:Fe,titleName:tr,docsSlug:"dialog"}),vi=({titleId:e})=>{const r=Ns(ks),s=`\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
-If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
-For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;return a.useEffect(()=>{e&&(document.getElementById(e)||console.error(s))},[s,e]),null},wi="DialogDescriptionWarning",bi=({contentRef:e,descriptionId:r})=>{const n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ns(wi).contentName}}.`;return a.useEffect(()=>{var i;const o=(i=e.current)==null?void 0:i.getAttribute("aria-describedby");r&&o&&(document.getElementById(r)||console.warn(n))},[n,e,r]),null},ji=ds,ki=fs,Ni=ps,Ci=hs,Ei=xs,Si=ys,Ii=ws,Cs=js,Es="AlertDialog",[Ti]=Br(Es,[cs]),Ne=cs(),Ss=e=>{const{__scopeAlertDialog:r,...s}=e,n=Ne(r);return t.jsx(ji,{...n,...s,modal:!0})};Ss.displayName=Es;var Ri="AlertDialogTrigger",Ai=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,o=Ne(s);return t.jsx(ki,{...o,...n,ref:r})});Ai.displayName=Ri;var Di="AlertDialogPortal",Is=e=>{const{__scopeAlertDialog:r,...s}=e,n=Ne(r);return t.jsx(Ni,{...n,...s})};Is.displayName=Di;var Mi="AlertDialogOverlay",Ts=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,o=Ne(s);return t.jsx(Ci,{...o,...n,ref:r})});Ts.displayName=Mi;var Ve="AlertDialogContent",[_i,Li]=Ti(Ve),Rs=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,children:n,...o}=e,i=Ne(s),l=a.useRef(null),c=Ie(r,l),u=a.useRef(null);return t.jsx(yi,{contentName:Ve,titleName:As,docsSlug:"alert-dialog",children:t.jsx(_i,{scope:s,cancelRef:u,children:t.jsxs(Ei,{role:"alertdialog",...i,...o,ref:c,onOpenAutoFocus:je(o.onOpenAutoFocus,d=>{var p;d.preventDefault(),(p=u.current)==null||p.focus({preventScroll:!0})}),onPointerDownOutside:d=>d.preventDefault(),onInteractOutside:d=>d.preventDefault(),children:[t.jsx(Dn,{children:n}),t.jsx(Fi,{contentRef:l})]})})})});Rs.displayName=Ve;var As="AlertDialogTitle",Ds=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,o=Ne(s);return t.jsx(Si,{...o,...n,ref:r})});Ds.displayName=As;var Ms="AlertDialogDescription",_s=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,o=Ne(s);return t.jsx(Ii,{...o,...n,ref:r})});_s.displayName=Ms;var Pi="AlertDialogAction",Ls=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,o=Ne(s);return t.jsx(Cs,{...o,...n,ref:r})});Ls.displayName=Pi;var Ps="AlertDialogCancel",Fs=a.forwardRef((e,r)=>{const{__scopeAlertDialog:s,...n}=e,{cancelRef:o}=Li(Ps,s),i=Ne(s),l=Ie(r,o);return t.jsx(Cs,{...i,...n,ref:l})});Fs.displayName=Ps;var Fi=({contentRef:e})=>{const r=`\`${Ve}\` requires a description for the component to be accessible for screen reader users.
-You can add a description to the \`${Ve}\` by passing a \`${Ms}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${Ve}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return a.useEffect(()=>{var n;document.getElementById((n=e.current)==null?void 0:n.getAttribute("aria-describedby"))||console.warn(r)},[r,e]),null},Oi=Ss,$i=Is,Wi=Ts,Hi=Rs,Bi=Ls,Vi=Fs,zi=Ds,Ui=_s;function Cr({...e}){return t.jsx(Oi,{"data-slot":"alert-dialog",...e})}function Ki({...e}){return t.jsx($i,{"data-slot":"alert-dialog-portal",...e})}function qi({className:e,...r}){return t.jsx(Wi,{"data-slot":"alert-dialog-overlay",className:de("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...r})}function Er({className:e,onSubmit:r,...s}){return t.jsxs(Ki,{children:[t.jsx(qi,{}),t.jsx(Hi,{"data-slot":"alert-dialog-content",className:de("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),onSubmit:n=>{n.preventDefault(),r==null||r(n)},...s})]})}function Sr({className:e,...r}){return t.jsx("div",{"data-slot":"alert-dialog-header",className:de("flex flex-col gap-2 text-center sm:text-left",e),...r})}function Ir({className:e,...r}){return t.jsx("div",{"data-slot":"alert-dialog-footer",className:de("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...r})}function Tr({className:e,...r}){return t.jsx(zi,{"data-slot":"alert-dialog-title",className:de("text-lg font-semibold",e),...r})}function Rr({className:e,...r}){return t.jsx(Ui,{"data-slot":"alert-dialog-description",className:de("text-muted-foreground text-sm",e),...r})}function Ar({className:e,...r}){return t.jsx(Bi,{className:de(Kr(),e),...r})}function Dr({className:e,...r}){return t.jsx(Vi,{className:de(Kr({variant:"outline"}),e),...r})}function Gi({...e}){return t.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function Zi({className:e,...r}){return t.jsx("ol",{"data-slot":"breadcrumb-list",className:de("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...r})}function Mr({className:e,...r}){return t.jsx("li",{"data-slot":"breadcrumb-item",className:de("inline-flex items-center gap-1.5",e),...r})}function Yi({asChild:e,className:r,...s}){const n=e?Gt:"a";return t.jsx(n,{"data-slot":"breadcrumb-link",className:de("hover:text-foreground transition-colors",r),...s})}function Xi({className:e,...r}){return t.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:de("text-foreground font-normal",e),...r})}function Ji({children:e,className:r,...s}){return t.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:de("[&>svg]:size-3.5",r),...s,children:e??t.jsx(Kt,{})})}const ge=4,Qi="[Encrypted]",_r=3e3;function Lr(e){return e==="pending"||e==="running"}const $e=200,el=6;function gt(e,r=0){if(e==null)return e;if(ArrayBuffer.isView(e)&&!(e instanceof DataView)){const s=e,n=s.constructor.name,o=Array.from({length:Math.min(s.length,8)},(l,c)=>s[c]),i=s.length>8?", …":"";return`${n}(${s.length}) [${o.join(", ")}${i}]`}if(e instanceof ArrayBuffer)return`ArrayBuffer(${e.byteLength})`;if(r>=el)return Array.isArray(e)?`Array(${e.length})`:typeof e=="object"?"{…}":e;if(Array.isArray(e)){if(e.length<=$e)return e.map(n=>gt(n,r+1));const s=e.slice(0,$e).map(n=>gt(n,r+1));return s.push(`… ${e.length-$e} more items`),s}if(typeof e=="object"){const s=Object.keys(e),n={},o=Math.min(s.length,$e);for(let i=0;i<o;i++)n[s[i]]=gt(e[s[i]],r+1);return s.length>$e&&(n[`… ${s.length-$e} more keys`]="…"),n}return e}const tl=()=>new Promise(e=>setTimeout(e,0)),rl=64;function sl(e){if(e.length<ge)return"framed";const s=new DataView(e.buffer,e.byteOffset,e.byteLength).getUint32(0,!1);return s>0&&s<=10*1024*1024?"framed":"legacy"}function nl(e,r,s,n,o){const[i,l]=a.useState([]),[c,u]=a.useState(!1),[d,p]=a.useState(null),h=a.useRef(null),m=a.useRef(0),f=a.useRef(0),R=a.useRef(null),C=a.useRef(o);C.current=o;const x=a.useRef(null),k=a.useCallback(async(v,_,T)=>{let P=v;if(P.length>=ge+4&&!nr(P)){const y=new DataView(P.buffer,P.byteOffset,P.byteLength).getUint32(0,!1);y>0&&y<=10*1024*1024&&y===P.length-ge&&(P=P.slice(ge))}let E;try{if(nr(P)){if(!_)return{encrypted:!0};const g=P.slice(4);E=or(await $n(_,g),T)}else E=or(P,T)}catch{E=Qi}let N;try{if(typeof E=="string")N=E;else{const g=gt(E);N=JSON.stringify(g,null,2)}}catch{N="[Serialization Error]"}return{encrypted:!1,chunk:{id:m.current++,text:N}}},[]);return a.useEffect(()=>{if(l([]),p(null),m.current=0,f.current=0,x.current=null,R.current&&(clearTimeout(R.current),R.current=null),!r||!s){u(!1);return}let v=!0;const _=new AbortController;h.current=_,u(!0);const T=Mn(),P=w=>{const g=m.current++;let y;try{const M=JSON.parse(w);y=JSON.stringify(M,null,2)}catch{y=w}return{id:g,text:y}},E=async(w,g,y)=>{const M=await Ka(e,r,s,_.signal,y==null?void 0:y.cursor),S=(y==null?void 0:y.skipFrames)??0,I=M.body.getReader(),O=new TextDecoder;let $=new Uint8Array(0),L=null,A="",b=0;const F=U=>{const W=new Uint8Array($.length+U.length);W.set($,0),W.set(U,$.length),$=W};for(;!_.signal.aborted;){const{value:U,done:W}=await I.read();if(W){L==="legacy"&&A.trim()&&(b++,b>S&&w.push(P(A.trim())),A="");break}if(L===null?(F(U),$.length>=ge&&(L=sl($)),L==="legacy"&&(A=O.decode($,{stream:!0}),$=new Uint8Array(0))):L==="legacy"?A+=O.decode(U,{stream:!0}):F(U),L==="legacy"){const X=A.split(`
-`);A=X.pop()??"";for(const j of X){const D=j.trim();D&&(b++,b>S&&w.push(P(D)))}continue}let K=0,J=0;for(;K+ge<=$.length;){const j=new DataView($.buffer,$.byteOffset+K,$.byteLength-K).getUint32(0,!1);if(j===0||j>10*1024*1024||K+ge+j>$.length)break;const D=$.slice(K+ge,K+ge+j);if(K+=ge+j,b++,b<=S)continue;const B=await k(D,g,T);if(B.encrypted)return I.cancel().catch(()=>{}),{encrypted:!0};if(w.push(B.chunk),J++,J%rl===0&&(await tl(),_.signal.aborted||!v))break}$=$.slice(K)}return{encrypted:!1,frameCount:b,cursor:M.cursor,done:M.done}};return(async()=>{try{const w=n?await Wn(n):void 0,g=[],y=await E(g,w);if(y.encrypted){v&&(p("This stream is encrypted. Click Decrypt to view."),u(!1));return}if(f.current=y.frameCount,x.current=y.cursor,!v||_.signal.aborted)return;if(l(g),y.done){u(!1);return}if(Lr(C.current)){const M=async()=>{if(!(!v||_.signal.aborted)){try{const S=[],I=await E(S,w,{cursor:x.current,skipFrames:f.current});if(!I.encrypted&&(f.current=I.frameCount,I.cursor&&(x.current=I.cursor),S.length>0&&v&&l(O=>[...O,...S]),I.done)){u(!1);return}}catch(S){console.warn("Stream poll error:",S)}v&&!_.signal.aborted&&(R.current=setTimeout(M,_r))}};R.current=setTimeout(M,_r)}else u(!1)}catch(w){if(_.signal.aborted)return;v&&(p(w instanceof Error?w.message:String(w)),u(!1))}})(),()=>{v=!1,_.abort(),R.current&&(clearTimeout(R.current),R.current=null)}},[e,r,s,n,k]),a.useEffect(()=>{!Lr(o)&&R.current&&(clearTimeout(R.current),R.current=null,u(!1))},[o]),{chunks:i,isLive:c,error:d}}const ol=100,al=100;function il(e,r,s={}){const{sortOrder:n="asc",encryptionKey:o,enabled:i=!0}=s,[l,c]=a.useState([]),[u,d]=a.useState(!0),[p,h]=a.useState(null),[m,f]=a.useState(),[R,C]=a.useState(!1),[x,k]=a.useState(!1),v=a.useRef(!1),_=a.useRef(o);_.current=o;const T=a.useCallback(async()=>{if(!v.current){v.current=!0,d(!0),h(null),c([]),f(void 0),C(!1);try{const{error:E,result:N}=await ue(Be(e,r,{sortOrder:n,limit:ol,withData:!1}));if(E)h(E);else{const w=N.data.map(me),g=_.current;if(g){const y=await Promise.all(w.map(M=>He(M,g)));c(y)}else c(w);f(N.hasMore?N.cursor:void 0),C(!!N.hasMore)}}catch(E){h(E)}finally{d(!1),v.current=!1}}},[e,r,n]);a.useEffect(()=>{i&&T()},[T,i]),a.useEffect(()=>{if(!o||l.length===0)return;let E=!1;return Promise.all(l.map(N=>He(N,o))).then(N=>{E||c(N)}).catch(()=>{}),()=>{E=!0}},[o]);const P=a.useCallback(async()=>{if(!(x||!m)){k(!0);try{const{error:E,result:N}=await ue(Be(e,r,{cursor:m,sortOrder:n,limit:al,withData:!1}));if(E)h(E);else{if(N.data.length>0){const w=N.data.map(me),g=_.current;if(g){const y=await Promise.all(w.map(M=>He(M,g)));c(M=>[...M,...y])}else c(y=>[...y,...w])}f(N.hasMore?N.cursor:void 0),C(!!N.hasMore)}}catch(E){h(E)}finally{k(!1)}}},[e,r,n,m,x]);return{events:l,loading:u,error:p,hasMore:R,loadingMore:x,loadMore:P}}function ll({hasError:e,errorMessage:r}){return t.jsx("div",{className:"flex items-center gap-2",children:t.jsxs(qr,{children:[t.jsx(Gr,{asChild:!0,children:t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("div",{className:`w-2 h-2 rounded-full ${e?"bg-red-500":"bg-green-500 animate-pulse"}`}),t.jsx("span",{className:`text-xs $
-                      hasError
-                        ? 'text-red-600 dark:text-red-400'
-                        : 'text-muted-foreground'`,children:e?"Error":"Live"})]})}),t.jsx(Zr,{children:t.jsx("p",{children:e?`Error updating data: ${r}`:`Content updates every ${_n/1e3} seconds`})})]})})}({...rn});function cl({runId:e,selectedId:r}){var Re;const s=$s(),[n]=Pr(),{serverConfig:o}=Ln(),[i,l]=a.useState(!1),[c,u]=a.useState(!1),[d,p]=a.useState(!1),[h,m]=a.useState(!1),f=a.useMemo(()=>({}),[]),R=n.get("tab")||"trace",C=R==="graph"?"trace":R,x=n.get("streamId"),k=a.useCallback(q=>{const te=new URLSearchParams(n.toString());for(const[ne,re]of Object.entries(q))re===null?te.delete(ne):te.set(ne,re);s(`?${te.toString()}`,{preventScrollReset:!0})},[s,n]),v=a.useCallback(q=>{k(q!=="streams"?{tab:q,streamId:null}:{tab:q})},[k]),_=a.useCallback(q=>{k({streamId:q})},[k]),T=a.useCallback(q=>{k({tab:"streams",streamId:q})},[k]),P=a.useCallback(async(q,te)=>sn(f,q,{correlationIds:[te]}),[f]),E=a.useRef(null),N=a.useCallback(async(q,te)=>{await nn(f,q,te)},[f]),w=a.useCallback(async q=>{const{error:te,result:ne}=await ue(ar(f,q.runId,q.eventId,"all"));if(te)throw te;const re=E.current?await He(ne,E.current):me(ne);return"eventData"in re?re.eventData:null},[f]),g=a.useCallback(async(q,te)=>{const{error:ne,result:re}=await ue(ar(f,e,te,"all"));if(ne)throw ne;const ae=E.current?await He(re,E.current):me(re);return"eventData"in ae?ae.eventData:null},[f,e]);o.backendId==="local"||o.backendId;const{run:y,events:M,loading:S,error:I,update:O,loadMoreTraceData:$,hasMoreTraceData:L,isLoadingMoreTraceData:A}=za(f,e,{live:!0}),b=y??{},[F,U]=a.useState(null);E.current=F;const[W,K]=a.useState("asc"),{events:J,loading:X,hasMore:j,loadingMore:D,loadMore:B}=il(f,e,{sortOrder:W,encryptionKey:F??void 0,enabled:C==="events"}),[z,ee]=a.useState(null),{data:V,loading:H,error:Y,refresh:Z}=Oa(f,(z==null?void 0:z.resource)??"run",(z==null?void 0:z.resourceId)??"",{runId:z==null?void 0:z.runId,enabled:!!(z!=null&&z.resource&&(z!=null&&z.resourceId)&&z.resource!=="hook"),encryptionKey:F??void 0}),[se,oe]=a.useState(!1),fe=a.useCallback(async()=>{if(F){Z();return}oe(!0);try{const{error:q,result:te}=await ue(Pn(f,e));if(q){De.error(`Failed to fetch encryption key: ${q.message}`);return}if(!te){De.error("Encryption is not configured for this deployment.");return}U(te),De.success("Run data decrypted successfully")}finally{oe(!1)}},[F,f,e,Z]),Oe=a.useCallback(q=>{ee(q)},[]),{streams:we,loading:Ce,error:Ke}=Za(f,e),{chunks:ot,isLive:at,error:xe}=nl(f,x,e,F,b.status),it=()=>{p(!0)},lt=async()=>{if(!i)try{l(!0),p(!1),await pn(f,e),await O(),De.success("Run cancelled successfully")}catch(q){console.error("Failed to cancel run:",q),De.error("Failed to cancel run",{description:q instanceof Error?q.message:"An unknown error occurred"})}finally{l(!1)}},ct=()=>{m(!0)},dt=async()=>{if(!c)try{u(!0),m(!1);const q=await hn(f,b.runId);De.success("New run started successfully",{description:`Run ID: ${q}`}),s(`/run/${q}`)}catch(q){console.error("Failed to re-run workflow:",q),De.error("Failed to start new run",{description:q instanceof Error?q.message:"An unknown error occurred"})}finally{u(!1),m(!1)}};if(I&&!y)return t.jsxs(on,{variant:"destructive",className:"m-4",children:[t.jsx(Fr,{className:"h-4 w-4"}),t.jsx(an,{children:"Error loading workflow run"}),t.jsx(ln,{children:I.message})]});const Te=(Re=ze(b.workflowName))==null?void 0:Re.shortName;return t.jsxs(t.Fragment,{children:[t.jsx(Cr,{open:d,onOpenChange:p,children:t.jsxs(Er,{children:[t.jsxs(Sr,{children:[t.jsx(Tr,{children:"Cancel Workflow Run?"}),t.jsx(Rr,{children:"This will stop the workflow execution immediately, and no further steps will be executed. Partial workflow execution may occur. Are you sure you want to cancel the run?"})]}),t.jsxs(Ir,{children:[t.jsx(Dr,{children:"Keep Running"}),t.jsx(Ar,{onClick:lt,className:"bg-destructive text-destructive-foreground hover:bg-destructive/90",children:"Cancel Run"})]})]})}),t.jsx(Cr,{open:h,onOpenChange:m,children:t.jsxs(Er,{children:[t.jsxs(Sr,{children:[t.jsx(Tr,{children:"Replay Run?"}),t.jsx(Rr,{children:"This can potentially re-run code that is meant to only execute once. Are you sure you want to replay the workflow run?"})]}),t.jsxs(Ir,{children:[t.jsx(Dr,{children:"Cancel"}),t.jsx(Ar,{onClick:dt,children:"Replay Run"})]})]})}),t.jsxs("div",{className:"flex flex-col h-[calc(100vh-97px)]",children:[t.jsxs("div",{className:"flex-none space-y-4",children:[t.jsx(Gi,{children:t.jsxs(Zi,{children:[t.jsx(Mr,{children:t.jsx(Yi,{asChild:!0,children:t.jsx(Ws,{to:"/",children:"Runs"})})}),t.jsx(Ji,{}),t.jsx(Mr,{children:t.jsx(Xi,{className:"font-mono text-xs",children:e})})]})}),t.jsxs("div",{className:"space-y-4 p-6 border rounded-lg",children:[t.jsxs("div",{className:"flex items-start justify-between",children:[t.jsx("div",{className:"mb-4",children:t.jsx("h1",{className:"text-xl font-semibold",children:Te||t.jsx(Ae,{className:"w-[260px] h-[28px]"})})}),t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsx(ll,{hasError:!1,errorMessage:""}),t.jsx(cn,{env:f,runId:e,runStatus:b.status,events:M,eventsLoading:S,loading:S,onRerunClick:ct,onCancelClick:it,callbacks:{onSuccess:O}})]})]}),t.jsxs("div",{className:"flex items-start gap-8",children:[t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Status"}),b.status?t.jsx(dn,{status:b.status,context:b}):t.jsx(Ae,{className:"w-[55px] h-[24px]"})]}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Duration"}),t.jsx("div",{className:"text-xs",children:b.runId?b.startedAt?(()=>{const q=(b.completedAt?new Date(b.completedAt).getTime():Date.now())-new Date(b.startedAt).getTime(),te=Math.floor(q/1e3);if(te<60)return`${te}s`;const ne=Math.floor(te/60),re=te%60;if(ne<60)return re>0?`${ne}m ${re}s`:`${ne}m`;const ae=Math.floor(ne/60),Ge=ne%60;return Ge>0?`${ae}h ${Ge}m`:`${ae}h`})():"-":t.jsx(Ae,{className:"w-[60px] h-[20px]"})})]}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Run ID"}),b.runId?t.jsx(un,{text:b.runId,children:t.jsx("div",{className:"text-xs mt-0.5 font-mono",children:b.runId})}):t.jsx(Ae,{className:"w-[280px] h-[20px]"})]}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Queued"}),b.createdAt?t.jsx("div",{className:"text-xs",children:t.jsx(ut,{date:b.createdAt})}):t.jsx(Ae,{className:"w-[110px] h-[20px]"})]}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Started"}),t.jsx("div",{className:"text-xs",children:b.runId?b.startedAt?t.jsx(ut,{date:b.startedAt}):"-":t.jsx(Ae,{className:"w-[110px] h-[20px]"})})]}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx("div",{className:"text-xs text-muted-foreground",children:"Completed"}),t.jsx("div",{className:"text-xs",children:b.runId?b.completedAt?t.jsx(ut,{date:b.completedAt}):"-":t.jsx(Ae,{className:"w-[110px] h-[20px]"})})]}),b.expiredAt!=null&&t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsxs(qr,{children:[t.jsx(Gr,{asChild:!0,children:t.jsxs("div",{className:"text-xs text-muted-foreground cursor-help flex items-center gap-1",children:["Expired",t.jsx(Bn,{className:"w-3 h-3"})]})}),t.jsx(Zr,{children:t.jsx("p",{children:"The storage data for this run has expired and is no longer available."})})]}),t.jsx("div",{className:"text-xs",children:t.jsx(ut,{date:b.expiredAt})})]})]})]})]}),t.jsx("div",{className:"mt-4 flex-1 flex flex-col min-h-0",children:t.jsxs(fn,{value:C,onValueChange:q=>v(q),className:"flex-1 flex flex-col min-h-0",children:[t.jsxs(mn,{className:"mb-4 flex-none",children:[t.jsxs(Tt,{value:"trace",className:"gap-2",children:[t.jsx(Mt,{className:"h-4 w-4"}),"Trace"]}),!1,t.jsxs(Tt,{value:"events",className:"gap-2",children:[t.jsx(Mt,{className:"h-4 w-4"}),"Events"]}),t.jsxs(Tt,{value:"streams",className:"gap-2",children:[t.jsx(Mt,{className:"h-4 w-4"}),"Streams"]})]}),t.jsx(Rt,{value:"trace",className:"mt-0 flex-1 min-h-0",children:t.jsx(Qe,{title:"Failed to load trace viewer",children:t.jsx("div",{className:"h-full",children:t.jsx(Pa,{error:I,events:M,run:b,isLoading:S,spanDetailData:V,spanDetailLoading:H,spanDetailError:Y,onSpanSelect:Oe,onStreamClick:T,onWakeUpSleep:P,onResolveHook:N,onLoadEventData:g,onLoadMoreSpans:$,hasMoreSpans:L,isLoadingMoreSpans:A,encryptionKey:F??void 0,onDecrypt:fe,isDecrypting:se})})})}),t.jsx(Rt,{value:"events",className:"mt-0 flex-1 min-h-0",children:t.jsx(Qe,{title:"Failed to load events list",children:t.jsx("div",{className:"h-full",children:t.jsx(go,{events:J,run:b,onLoadEventData:w,hasMoreEvents:j,isLoadingMoreEvents:D,onLoadMoreEvents:B,encryptionKey:F??void 0,isLoading:X,sortOrder:W,onSortOrderChange:K,onDecrypt:fe,isDecrypting:se})})})}),t.jsx(Rt,{value:"streams",className:"mt-0 flex-1 min-h-0",children:t.jsx(Qe,{title:"Failed to load stream data",children:t.jsxs("div",{className:"h-full flex gap-4",children:[t.jsxs("div",{className:"w-64 flex-shrink-0 border rounded-lg overflow-hidden",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-background-100)"},children:[t.jsxs("div",{className:"px-3 py-2 border-b text-xs font-medium",style:{borderColor:"var(--ds-gray-300)",color:"var(--ds-gray-900)"},children:["Streams (",we.length,")"]}),t.jsx("div",{className:"overflow-auto max-h-[calc(100vh-400px)]",children:Ce?t.jsx("div",{className:"p-4 flex items-center justify-center",children:t.jsx(Fn,{className:"h-4 w-4 animate-spin text-muted-foreground"})}):Ke?t.jsx("div",{className:"p-4 text-xs text-destructive",children:Ke.message}):we.length===0?t.jsx("div",{className:"p-4 text-xs",style:{color:"var(--ds-gray-600)"},children:"No streams found for this run"}):we.map(q=>t.jsx("button",{type:"button",onClick:()=>_(q),className:"w-full text-left px-3 py-2 text-xs font-mono truncate hover:bg-accent transition-colors",style:{backgroundColor:x===q?"var(--ds-gray-200)":"transparent",color:"var(--ds-gray-1000)"},title:q,children:q},q))})]}),t.jsx("div",{className:"flex-1 min-w-0",children:x?xe!=null&&xe.includes("encrypted")&&!F?t.jsxs("div",{className:"h-full flex flex-col items-center justify-center gap-3 rounded-lg border p-4",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[t.jsx(Vr,{className:"h-6 w-6",style:{color:"var(--ds-gray-700)"}}),t.jsx("div",{className:"text-sm",style:{color:"var(--ds-gray-900)"},children:"This stream is encrypted."}),t.jsx(Yt,{onClick:fe,loading:se})]}):t.jsx(On,{streamId:x,chunks:ot,isLive:at,error:xe!=null&&xe.includes("encrypted")?null:xe}):t.jsx("div",{className:"h-full flex items-center justify-center rounded-lg border",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:t.jsx("div",{className:"text-sm",style:{color:"var(--ds-gray-600)"},children:we.length>0?"Select a stream to view its data":"No streams available"})})})]})})}),!1]})})]})]})}const pl=Hs(function(){const r=Bs(),[s]=Pr(),n=r.runId,o=s.get("stepId"),i=s.get("eventId"),l=s.get("hookId"),c=o||i||l||void 0;return t.jsx(Qe,{title:"Failed to load run details",children:t.jsx(cl,{runId:n,selectedId:c})})});export{pl as default};

package/build/client/assets/worker-D-HfgUMl.js DELETED Viewed

@@ -1 +0,0 @@

- (function(){"use strict";const w=(s,e,r)=>{const t=e.parent;for(let o=((t==null?void 0:t.row)||-1)+1;;++o){let n=s[o];if(!n)n=[],s.push(n);else if(!n.every(({startTime:i,endTime:l})=>i+r>e.endTime||l-r<e.startTime))continue;e.row=o,n.push(e);break}};let h=0;self.addEventListener("message",s=>{const e=s.data;switch(h=Math.max(h,(e==null?void 0:e.requestId)||0),e.type){case"calculateSpanPositions":g(e.root);break;case"filterSpans":T(e.root,e.filter);break}});const p=(s,e)=>{if("parent"in s){const t=s;t.row=-1,t.isVisible=!0,e.push(t)}const r=s.children.slice().sort((t,o)=>t.startTime-o.startTime||o.duration-t.duration);for(const t of r)p(t,e)},g=s=>{const e=h,r=[],t=[];p(s,t);let o=Date.now()-10,n=-64,i=0;const l=()=>{for(const a of r)a.sort((c,f)=>c.startTime-f.startTime);const u={requestId:e,type:"setRowsResult",rows:r,isEnd:!t.length};postMessage(u),o=Date.now(),n=i};for(;;){const u=t.shift();if(!u){l();return}w(r,u,.001),++i,(Date.now()-o>=15||i-n>=256)&&l()}},d=new RegExp("(?<=^|\\s)(?<pair>(?<key>[\\w.]+):(?<value>\\S*))","g"),T=(s,e)=>{const r=h,t=new Set,o=e.replace(d,"").replace(/\s{2,}/g," ").trim(),n=[];for(const a of e.matchAll(d)){const{key:c="",value:f=""}=a.groups||{};n.push([c,f.toLocaleLowerCase()])}const i=a=>a.name.toLocaleLowerCase().includes(o)||a.spanId.toLocaleLowerCase().includes(o)?n.every(([f,L])=>{const m=a.attributes[f];return m?String(m).toLocaleLowerCase().includes(L):!1}):!1,l=a=>{for(const c of a.children)i(c.span)&&t.add(c.span.spanId),l(c)};l(s),postMessage({requestId:r,type:"updateHighlight",matches:t})}})();