@workflow/web 4.0.1-beta.0 → 4.0.1-beta.1

package/README.md

@@ -1,6 +1,6 @@
 # @workflow/web
 
-A Next.js-based web interface for inspecting workflow runs, steps, streams, and events. This package is designed to be launched from the `@workflow/cli` package with the `--web` flag, e.g. `wf i runs --web`. It can also be self-hosted to provide a standalone observability UI.
+A Next.js-based web interface for inspecting workflow runs, steps, streams, and events. This package is designed to be launched from the `@workflow/cli` package with the `--web` flag, e.g. `workflow inspect runs --web`. It can also be self-hosted to provide a standalone observability UI.
 
 ## Installation
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@workflow/web",
   "description": "Workflow Observability UI",
-  "version": "4.0.1-beta.0",
+  "version": "4.0.1-beta.1",
   "private": false,
   "files": [
     ".next",
@@ -11,6 +11,12 @@
   "publishConfig": {
     "access": "public"
   },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/workflow.git",
+    "directory": "packages/web"
+  },
   "dependencies": {
     "next": "15.5.4"
   },
@@ -36,8 +42,8 @@
     "tailwind-merge": "^2.5.5",
     "tailwindcss": "^4",
     "typescript": "^5.9.3",
-    "@workflow/core": "4.0.1-beta.0",
-    "@workflow/world": "4.0.1-beta.0"
+    "@workflow/core": "4.0.1-beta.1",
+    "@workflow/world": "4.0.1-beta.1"
   },
   "scripts": {
     "dev": "next dev --turbopack --port 3456",

package/.next/server/chunks/138.js

@@ -1 +0,0 @@
-exports.id=138,exports.ids=[138],exports.modules={9065:a=>{a.exports={spanRunning:"workflow-trace_spanRunning__1efX_",spanPending:"workflow-trace_spanPending__p7rdl",spanCompleted:"workflow-trace_spanCompleted__9NwVS",spanCancelled:"workflow-trace_spanCancelled___ORjw",spanPaused:"workflow-trace_spanPaused__Ffg_N",spanFailed:"workflow-trace_spanFailed__jtT9c",spanPendingStriped:"workflow-trace_spanPendingStriped___Khxv",spanSleep:"workflow-trace_spanSleep__HrTwd",spanHook:"workflow-trace_spanHook__XG6r_",eventFailed:"workflow-trace_eventFailed__3C_AS",eventRetrying:"workflow-trace_eventRetrying__Sm5qS",eventHook:"workflow-trace_eventHook__vpVmv",eventDefault:"workflow-trace_eventDefault__h2jbU"}},13502:(a,b,c)=>{"use strict";c.d(b,{t:()=>l});var d=c(63471),e=c(60439),f=c(39444),g=c(47594),h=c.n(g),i=c(36486),j=c(63370),k=c(47468);class l extends h().Component{constructor(a){super(a),this.handleReset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}static getDerivedStateFromError(a){return{hasError:!0,error:a}}componentDidCatch(a,b){console.error("Error caught by boundary:",a,b)}render(){return this.state.hasError&&this.state.error?this.props.fallback?this.props.fallback(this.state.error,this.handleReset):(0,d.jsxs)(k.Zp,{className:"border-destructive/50 bg-destructive/5",children:[(0,d.jsx)(k.aR,{children:(0,d.jsxs)(k.ZB,{className:"flex items-center gap-2 text-destructive",children:[(0,d.jsx)(e.A,{className:"h-5 w-5"}),this.props.title||"Error"]})}),(0,d.jsxs)(k.Wu,{className:"space-y-4",children:[(0,d.jsxs)(i.Fc,{variant:"destructive",children:[(0,d.jsx)(e.A,{className:"h-4 w-4"}),(0,d.jsx)(i.XL,{children:"Something went wrong"}),(0,d.jsx)(i.TN,{children:this.props.description||"An unexpected error occurred in this section."})]}),(0,d.jsxs)("div",{className:"bg-muted p-3 rounded-md text-sm font-mono text-muted-foreground overflow-auto max-h-48",children:[(0,d.jsx)("div",{className:"text-xs font-semibold mb-2",children:"Error details:"}),(0,d.jsx)("div",{className:"whitespace-pre-wrap break-words text-xs",children:this.state.error.message}),this.state.error.stack&&(0,d.jsx)("div",{className:"mt-2 opacity-60 text-xs",children:this.state.error.stack})]}),!1!==this.props.showReset&&(0,d.jsxs)(j.$,{variant:"outline",size:"sm",onClick:this.handleReset,className:"gap-2",children:[(0,d.jsx)(f.A,{className:"h-4 w-4"}),"Try again"]})]})]}):this.props.children}}},15450:(a,b,c)=>{"use strict";c.d(b,{u:()=>e});var d=c(47594);function e({createKey:a,fetcher:b,params:c,live:e=!1,onLimitExceeded:f}){let[g,h]=(0,d.useState)([]),[i,j]=(0,d.useState)(!0),[k,l]=(0,d.useState)(null),[m,n]=(0,d.useState)(!1),[o,p]=(0,d.useState)(!1),[q,r]=(0,d.useState)(!1),[s,t]=(0,d.useState)(void 0),u=(0,d.useRef)(!1);return(0,d.useRef)(null),a(c),(0,d.useCallback)(async()=>{if(!u.current&&q)try{let a=await b(c,s,"asc",5);a.data.length>0&&(a.cursor&&t(a.cursor),h(b=>{let c=["stepId","eventId","hookId","runId","id"],d=a=>{let b=c.find(b=>a[b]);return b?a[b]:null},e=a=>{let b=a.createdAt;return b?new Date(b).getTime():0},f=new Map;for(let a of b){let b=d(a);b&&f.set(b,a)}for(let b of a.data){let a=d(b);a&&f.set(a,b)}return Array.from(f.values()).sort((a,b)=>e(a)-e(b))}))}catch(a){console.error("Live polling error:",a)}},[b,c,q,s]),{items:g,loading:i,error:k,hasReachedEnd:m,hasHitLimit:o,initialLoadComplete:q}}c(80421)},20522:(a,b,c)=>{"use strict";c.d(b,{k:()=>e});var d=c(74443);let e=(0,d.createServerReference)("606fa85065d02470e319ae4dee279b1ecf9767e16e",d.callServer,void 0,d.findSourceMapURL,"fetchRun")},25730:a=>{a.exports={traceNode:"trace-viewer_traceNode__EPpHb",childRow:"trace-viewer_childRow__Cq4_k",spanNode:"trace-viewer_spanNode__RjdWo",huge:"trace-viewer_huge__ldvPq",spanName:"trace-viewer_spanName__TQPrX",spanSpacer:"trace-viewer_spanSpacer__Oup0_",spanDuration:"trace-viewer_spanDuration__889FS",small:"trace-viewer_small__3Mgeo",xHover:"trace-viewer_xHover__SDoIm",selected:"trace-viewer_selected__9DCOs",spanNodeEvent:"trace-viewer_spanNodeEvent__NC_lB",eventDiamond:"trace-viewer_eventDiamond__6HyGU",customEventColor:"trace-viewer_customEventColor__pVObz",hoverInfo:"trace-viewer_hoverInfo__v_oM8",eventName:"trace-viewer_eventName__w9uvJ",eventTimestamp:"trace-viewer_eventTimestamp__Rkpqm",alignStart:"trace-viewer_alignStart__ryiEC",alignEnd:"trace-viewer_alignEnd__o4Ha4",colorVercel:"trace-viewer_colorVercel__EJedp",color0:"trace-viewer_color0__smm5S",color1:"trace-viewer_color1__gG1M7",color2:"trace-viewer_color2__FXg_f",color3:"trace-viewer_color3__nGR6u",color4:"trace-viewer_color4__t43hY",colorHighlight:"trace-viewer_colorHighlight__dgPVp",unlit:"trace-viewer_unlit___zTp3",mapContainer:"trace-viewer_mapContainer__slemC",spanDetailPanel:"trace-viewer_spanDetailPanel__gwWqO",spanDetailPanelResizer:"trace-viewer_spanDetailPanelResizer__jLr1h",spanDetailPanelTop:"trace-viewer_spanDetailPanelTop__KFwOZ",spanDetailPanelBody:"trace-viewer_spanDetailPanelBody__4mjfq",spanDetailPanelTopInfo:"trace-viewer_spanDetailPanelTopInfo__EXa6K",spanNameDetailPanel:"trace-viewer_spanNameDetailPanel__dTZKK",spanDetailPanelTruncatedHeading:"trace-viewer_spanDetailPanelTruncatedHeading__fRtSd",spanDetailPanelName:"trace-viewer_spanDetailPanelName__ixgKy",spanDetailPanelDuration:"trace-viewer_spanDetailPanelDuration__VopYl",spanDetailPanelCorner:"trace-viewer_spanDetailPanelCorner__q2atr",spanDetailPanelCornerInner:"trace-viewer_spanDetailPanelCornerInner__jpQt9",spanDetailPanelCloseVerticalRule:"trace-viewer_spanDetailPanelCloseVerticalRule__HiEA4",spanDetailPanelClose:"trace-viewer_spanDetailPanelClose__NV8h5",spanDetailPanelAttribute:"trace-viewer_spanDetailPanelAttribute__7kHaH",spanDetailPanelAttributeKey:"trace-viewer_spanDetailPanelAttributeKey__Lq39Y",spanDetailPanelAttributeValue:"trace-viewer_spanDetailPanelAttributeValue__ZsbcT",spanDetailPanelQuickLink:"trace-viewer_spanDetailPanelQuickLink__PQU8R",spanDetailPanelQuickLinkLabel:"trace-viewer_spanDetailPanelQuickLinkLabel__hDSrZ",detailGroup:"trace-viewer_detailGroup__q9vls",expanded:"trace-viewer_expanded__tgMvz",collapsed:"trace-viewer_collapsed__7UQa4",ancestorGroup:"trace-viewer_ancestorGroup__L1c_l",detailHeading:"trace-viewer_detailHeading__Tzelx",buttonLink:"trace-viewer_buttonLink__4Sr4T",note:"trace-viewer_note__H_BMB",skeleton:"trace-viewer_skeleton__HHaHu",skeletonRounded:"trace-viewer_skeletonRounded___tfB2",detailHeadingIcon:"trace-viewer_detailHeadingIcon__BKl_b",infraSpanDescription:"trace-viewer_infraSpanDescription__u_u4R",ancestorNode:"trace-viewer_ancestorNode__JEATz",ancestorText:"trace-viewer_ancestorText__pLFpE",ancestorName:"trace-viewer_ancestorName__usG_0",ancestorDuration:"trace-viewer_ancestorDuration__UxeMy",ancestorLineContainer:"trace-viewer_ancestorLineContainer__anAFR",ancestorLine:"trace-viewer_ancestorLine__MQKBZ",zoomButtonGroup:"trace-viewer_zoomButtonGroup__bW6dU","zoom-buttons-fade-in":"trace-viewer_zoom-buttons-fade-in__iwgTN",zoomButton:"trace-viewer_zoomButton__nqkXN",divider:"trace-viewer_divider__EYwDq",markersContainer:"trace-viewer_markersContainer__ljrni",markers:"trace-viewer_markers__phdeo",marker:"trace-viewer_marker__qcenH",notch:"trace-viewer_notch__U_RW0",markerLabel:"trace-viewer_markerLabel__k5WI7",eventMarkersContainer:"trace-viewer_eventMarkersContainer__PpoCp",eventMarkers:"trace-viewer_eventMarkers__TL4ep",eventMarker:"trace-viewer_eventMarker__LTOJz",cursorMarkerStickyParent:"trace-viewer_cursorMarkerStickyParent__fBYPl",cursorMarkerLabelContainer:"trace-viewer_cursorMarkerLabelContainer__3nvXM",cursorMarkerLabel:"trace-viewer_cursorMarkerLabel__G1GEQ",cursorMarkerContainer:"trace-viewer_cursorMarkerContainer__6iYUy",cursorMarker:"trace-viewer_cursorMarker__ZRhrA",cursorSelection:"trace-viewer_cursorSelection__RCPRm",traceViewer:"trace-viewer_traceViewer__8he63","span-skeleton":"trace-viewer_span-skeleton__AvhUy",mapCanvas:"trace-viewer_mapCanvas__0UJOT",zoomButtonTraceViewer:"trace-viewer_zoomButtonTraceViewer__D4Lqw",timeline:"trace-viewer_timeline__omxsu",searchBar:"trace-viewer_searchBar__fqBPw",searchInput:"trace-viewer_searchInput__9pXpo",searchInputLabel:"trace-viewer_searchInputLabel__Ki6la",searchInputPrefix:"trace-viewer_searchInputPrefix__vMKU7",mapThumb:"trace-viewer_mapThumb__uGh8v",spanDetailPanelTraceViewer:"trace-viewer_spanDetailPanelTraceViewer__cr4L3",traceViewerContent:"trace-viewer_traceViewerContent__T7h1G",inert:"trace-viewer_inert__4Vm6G",hidden:"trace-viewer_hidden__mlpPM",mobile:"trace-viewer_mobile__NWGVd"}},34893:(a,b,c)=>{"use strict";c.d(b,{u:()=>e});var d=c(74443);let e=(0,d.createServerReference)("7e61f819e3d5bcb00e838ebf9081a931fdc322d976",d.callServer,void 0,d.findSourceMapURL,"fetchEventsByCorrelationId")},38695:(a,b,c)=>{"use strict";c.d(b,{J9:()=>aV,b_:()=>h});var d=c(47594),e=c(80421),f=c(74443);let g=(0,f.createServerReference)("601acd38e20696bc90fc911e9c54b8900ce71e2530",f.callServer,void 0,f.findSourceMapURL,"fetchRuns");function h(a,b){let{workflowName:c,status:f,limit:h=10,sortOrder:i="desc"}=b,[j,k]=(0,d.useState)(void 0),[l,m]=(0,d.useState)(!1),[n,o]=(0,d.useState)(0),[p,q]=(0,d.useState)([void 0]),[r,s]=(0,d.useState)(1),[t,u]=(0,d.useState)(new Map([[0,{data:null,isLoading:!0,error:null}]])),v=(0,d.useRef)(new Map),w=(0,d.useCallback)(async(b,d,e=!1)=>{let j=d??"initial";if(u(a=>{let c=new Map(a);return c.set(b,{data:a.get(b)?.data??null,isLoading:!0,error:null}),c}),!e&&v.current.has(j)){let a=v.current.get(j);if(a){u(c=>{let d=new Map(c);return d.set(b,{data:a.data,isLoading:!1,error:null}),d}),k(a.cursor),m(a.hasMore);return}}try{let e=await g(a,{cursor:d,sortOrder:i,limit:h,workflowName:c,status:f});v.current.set(j,{data:e.data,cursor:e.cursor,hasMore:e.hasMore}),u(a=>{let c=new Map(a);return c.set(b,{data:e.data,isLoading:!1,error:null}),c}),k(e.cursor),m(e.hasMore)}catch(c){let a=c instanceof Error?c:Error(String(c));u(c=>{let d=new Map(c);return d.set(b,{data:c.get(b)?.data??null,isLoading:!1,error:a}),d})}},[a,c,h,i,f]),x=(0,d.useCallback)(()=>{if(l&&j){let a=n+1;q(a=>[...a,j]),o(a),s(b=>Math.max(b,a+1)),t.has(a)||u(b=>{let c=new Map(b);return c.set(a,{data:null,isLoading:!0,error:null}),c}),w(a,j)}},[l,j,w,n,t]),y=(0,d.useCallback)(()=>{if(n>0){let a=n-1;o(a);let b=p[a];w(a,b)}},[n,p,w]),z=(0,d.useCallback)(()=>{v.current.clear(),u(new Map([[0,{data:null,isLoading:!0,error:null}]])),o(0),q([void 0]),s(1),w(0,void 0,!0)},[w]),A=t.get(n)??{data:null,isLoading:!0,error:null},B=Array.from(t.values()).find(a=>a.error)?.error??null,C=Array.from(t.values()).some(a=>a.isLoading),D=l?n+2:n+1,E=n+1,F=(0,e.$g)(E,r,E===r&&l);return{data:A,allData:Array.from(t.values()),error:B,isLoading:C,currentPage:n,totalPages:D,nextPage:x,previousPage:y,hasNextPage:l,hasPreviousPage:n>0,reload:z,pageInfo:F}}var i=c(63471),j=c(91968);let k=(0,f.createServerReference)("7063646fd16e68fd4e349c525523607fee915553b6",f.callServer,void 0,f.findSourceMapURL,"fetchStep");var l=c(20522);let m=(0,f.createServerReference)("607126fddf47bc29fcf355ecf18e12be872d75e730",f.callServer,void 0,f.findSourceMapURL,"fetchHook");var n=c(45834),o=c(34893),p=c(67845);let q={pending:"workflow.status.0-pending",running:"workflow.status.1-running",completed:"workflow.status.2-completed",paused:"workflow.status.3-paused",sleep:"workflow.status.4-sleep",failed:"workflow.status.5-failed",cancelled:"workflow.status.6-cancelled"},r={name:"vercel-workflow",version:"0.1"};function s(a){let b=0;switch(a){case"completed":b=1;break;case"failed":b=2;break;default:b=0}return{code:b}}function t(a){return"sleep"===("stepId"in a?a.stepName:"").toLowerCase()?q.sleep:"hookId"in a?"workflow.hook":u(a.status)}function u(a){return"pending"===a?q.pending:"running"===a?q.running:"completed"===a?q.completed:"paused"===a?q.paused:"failed"===a?q.failed:"cancelled"===a?q.cancelled:q.pending}function v(a){if(!a||!(a instanceof Date))return[0,0];let b=a.getTime();return[Math.floor(b/1e3),b%1e3*1e6]}function w(a,b){if(!a||!(a instanceof Date))return[0,0];let c=(b&&b instanceof Date?b:new Date).getTime()-a.getTime();return[Math.floor(c/1e3),c%1e3*1e6]}let x=new Set(["hook_created","hook_received","hook_disposed","step_retrying","step_failed","workflow_failed"]);function y(a,b=!0){return a.filter(a=>!b||x.has(a.eventType)).map(a=>{var b;return{name:a.eventType,timestamp:v(a.createdAt),attributes:{eventId:a.eventId,correlationId:a.correlationId,eventData:"eventData"in a?a.eventData:void 0},showVerticalLine:"hook_created"===(b=a.eventType)||"hook_received"===b||"hook_disposed"===b}})}function z({summary:a,children:b}){return(0,i.jsxs)("details",{className:"group",children:[(0,i.jsx)("summary",{className:"cursor-pointer rounded-md border px-3 py-2 text-copy-14 hover:brightness-95",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-900)"},children:a}),(0,i.jsx)("div",{className:"p-2",children:b})]})}let A=a=>(0,i.jsx)("pre",{className:"text-copy-12 overflow-x-auto rounded-md border p-4",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-1000)"},children:(0,i.jsx)("code",{children:JSON.stringify(a,null,2)})}),B=["workflowName","stepName","status","stepId","hookId","eventId","runId","attempt","token","correlationId","eventType","deploymentId","ownerId","projectId","environment","executionContext","createdAt","startedAt","updatedAt","completedAt","error","errorCode","metadata","eventData","input","output"],C=(a,b)=>(B.indexOf(a)||0)-(B.indexOf(b)||0),D={workflowName:a=>(0,p.s)(String(a))?.shortName??"?",stepName:a=>(0,p.Z)(String(a))?.shortName??"?",runId:a=>String(a),stepId:a=>String(a),hookId:a=>String(a),eventId:a=>String(a),status:a=>String(a),attempt:a=>String(a),token:a=>String(a),eventType:a=>String(a),correlationId:a=>String(a),deploymentId:a=>String(a),ownerId:a=>null,projectId:a=>null,environment:a=>null,executionContext:a=>null,createdAt:a=>new Date(String(a)).toLocaleString(),startedAt:a=>new Date(String(a)).toLocaleString(),updatedAt:a=>new Date(String(a)).toLocaleString(),completedAt:a=>new Date(String(a)).toLocaleString(),metadata:A,input:a=>{let b=Array.isArray(a)?a.length:0;return(0,i.jsx)(z,{summary:`Input (${b} arguments)`,children:Array.isArray(a)?a.map((a,b)=>(0,i.jsx)("div",{className:"mt-2",children:A(a)},b)):A(a)})},output:a=>(0,i.jsx)(z,{summary:"Output",children:A(a)}),error:a=>(0,i.jsx)(z,{summary:"Error",children:A(a)}),errorCode:A,eventData:a=>(0,i.jsx)(z,{summary:"Event Data",children:A(a)})},E=["input","output","error","errorCode","metadata","eventData"],F=({attribute:a,value:b,isLoading:c})=>{let d=D[a];if(!d)return null;let e=d(b);return e?(0,i.jsxs)("div",{className:"relative",children:["boolean"==typeof c&&c&&(0,i.jsx)("div",{className:"absolute top-2 right-2",children:(0,i.jsx)("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2",style:{borderColor:"var(--ds-gray-900)"}})}),(0,i.jsxs)("div",{className:"flex flex-col gap-0 my-2",children:[(0,i.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-500)"},children:a}),(0,i.jsx)("span",{style:{color:"var(--ds-gray-1000)"},children:e})]},a)]}):null},G=({data:a,fetchFunc:b,fetchKey:c})=>{let{data:d,error:e,isLoading:f}=(0,n.Ay)(c,b,{fallbackData:a,revalidateOnFocus:!1}),g=d||a,h=Object.keys(g).filter(a=>!E.includes(a)).sort(C),j=Object.keys(g).filter(a=>E.includes(a)).sort(C);return(0,i.jsxs)("div",{children:[h.map(a=>(0,i.jsx)(F,{attribute:a,value:g[a]},a)),e?(0,i.jsxs)("div",{className:"text-copy-14 text-red-600",children:["Failed to load step details: ",e.message]}):j.map(a=>(0,i.jsx)(F,{isLoading:f,attribute:a,value:g[a]},a))]})};function H({id:a,config:b,events:c}){let e=(0,d.useCallback)(()=>(0,o.u)(b,a,void 0,void 0,100,!0).then(a=>y(a.data||[],!1)),[b,a]),{data:f,error:g,isLoading:h}=(0,n.Ay)(["workflow","events",a],e,{fallbackData:c,revalidateOnFocus:!1}),j=f||c||[];return(0,i.jsxs)("div",{className:"mt-2",style:{color:"var(--ds-gray-1000)"},children:[(0,i.jsx)("h4",{children:"Associated Events"}),g?(0,i.jsxs)("div",{children:["Error loading events: ",g.message]}):null,h?(0,i.jsx)("div",{children:"Loading events..."}):null,j.length>0&&!g?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("h3",{className:"text-heading-16 font-medium mt-4 mb-2",style:{color:"var(--ds-gray-1000)"},children:["Events (",j.length,")"]}),(0,i.jsx)("div",{className:"flex flex-col gap-2",children:j.map((a,b)=>(0,i.jsx)(z,{summary:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-1000)"},children:a.name})," ","-"," ",(0,i.jsx)("span",{style:{color:"var(--ds-gray-700)"},children:new Date(1e3*a.timestamp[0]+a.timestamp[1]/1e6).toLocaleString()})]}),children:(0,i.jsxs)("div",{className:"mt-2 px-4",children:[Object.entries(a.attributes).filter(([a])=>"eventData"!==a).map(([a,b])=>(0,i.jsx)(F,{attribute:a,value:b},a)),(0,i.jsxs)("div",{className:"relative",children:[g&&(0,i.jsx)("div",{children:"Error loading event data"}),!g&&!h&&a.attributes.eventData&&(0,i.jsx)(F,{isLoading:h,attribute:"eventData",value:a.attributes.eventData})]})]})},`${a.name}-${b}`))})]}):null]})}let I={root:{startTime:0,endTime:1,duration:1,depth:0,children:[]},spanMap:{},resourceMap:{},filter:"",selected:null,baseScale:1,scaleRatio:1,scale:1,width:640,height:480,timelineWidth:640,timelineHeight:480,panelWidth:380,panelHeight:480,scrollbarWidth:0,timelineRef:{current:null},scrollSnapshotRef:{current:void 0},memoCacheRef:{current:new Map},getQuickLinks:()=>[],withPanel:!1,isMobile:!1,customPanelComponent:null},J=a=>(a.width-a.scrollbarWidth-Number(!!(a.selected&&a.withPanel))*a.panelWidth)/a.root.duration,K=(0,d.createContext)({state:I,dispatch:()=>{}});K.displayName="TraceViewerContext";let L=(a,b)=>{switch(b.type){case"setRoot":return a.scrollSnapshotRef.current=void 0,a.memoCacheRef.current.clear(),L({...a,root:b.root,spanMap:b.spanMap,resourceMap:Object.fromEntries(b.resources.map(({name:a,attributes:b})=>[a,b]))},{type:"detectBaseScale"});case"setSize":{let c=b.height-56-40-24,d=a.withPanel&&b.width<=768,e={...a,width:b.width,height:b.height,timelineWidth:b.width-Number(!!(a.selected&&a.withPanel&&!d))*a.panelWidth,timelineHeight:c,panelHeight:c,isMobile:d};return e.width!==a.width&&(e=L(e,{type:"detectBaseScale"})),e}case"setPanelWidth":{let c=Math.max(240,Math.min(b.width,a.width-240));return{...a,timelineWidth:a.width-c,panelWidth:c}}case"setFilter":return{...a,filter:b.filter};case"deselect":return L({...a,selected:null,timelineWidth:a.width},{type:"minScale"});case"select":{let c=a.spanMap[b.id];if(!c)return a;return{...a,selected:c,timelineWidth:a.width-(a.withPanel&&!a.isMobile?a.panelWidth:0)}}case"escape":if(a.selected)return L(a,{type:"deselect"});return L(a,{type:"resetScale"});case"toggleSelection":{let c=a;if(a.selected&&(c=L(c,{type:"deselect"})),a.selected?.span.spanId===b.id)return c;return L(c,{type:"select",id:b.id})}case"detectBaseScale":{let b=(a.width-a.scrollbarWidth)/a.root.duration;return{...a,baseScale:b,scale:b*a.scaleRatio}}case"setScale":return{...a,scaleRatio:b.scale,scale:a.baseScale*b.scale};case"resetScale":return L(a,{type:"scaleToRange",t1:a.root.startTime,t2:a.root.endTime});case"scaleToNode":{let c=a.spanMap[b.id];if(!c)return a;return L(L(a,{type:"setScale",scale:(a.width-a.scrollbarWidth-(a.withPanel&&!a.isMobile?a.panelWidth:0))/c.duration/a.baseScale}),{type:"setScrollSnapshot",anchorT:c.startTime-a.root.startTime,anchorX:0})}case"scaleToRange":{let c=Math.abs(b.t1-b.t2);return L(L(a,{type:"setScale",scale:(a.width-a.scrollbarWidth-(a.selected&&a.withPanel?a.panelWidth:0))/c/a.baseScale}),{type:"setScrollSnapshot",anchorT:Math.min(b.t1,b.t2)-a.root.startTime,anchorX:0})}case"adjustScaleRatio":{let{scaleRatio:c}=a;switch(b.direction){case -1:c*=.8;break;case 1:c*=1.25;break;default:c=1}let d=a.timelineRef.current;if(!d)return console.warn("timelineRef is null"),a;let{clientWidth:e,scrollLeft:f}=d;return L(L({...a,scaleRatio:c,scale:a.baseScale*c},{type:"minScale"}),{type:"setScrollSnapshot",anchorT:(f+.5*e)/a.scale,anchorX:.5*e})}case"trackpadScale":{let c=Math.max(J(a)/a.baseScale,a.scaleRatio*(1+.2*Math.sign(b.delta)*Math.sqrt(Math.abs(b.delta))));return L({...a,scaleRatio:c,scale:a.baseScale*c},{type:"setScrollSnapshot",anchorT:b.anchorT,anchorX:b.anchorX})}case"minScale":{let b=J(a);if(a.scale>=b)return a;return{...a,scale:b,scaleRatio:b/a.baseScale}}case"setScrollSnapshot":{let c=a.timelineRef.current;if(!c)return a;let{anchorT:d,anchorX:e}=b,f=d*a.scale-e,{scrollTop:g}=c,h=(g-24-8)/26,i=h+Math.ceil(a.timelineHeight/26);return a.scrollSnapshotRef.current={anchorT:d,anchorX:e,scrollLeft:f,scrollTop:g,startTime:a.root.startTime+f/a.scale,endTime:a.root.startTime+(f+a.timelineWidth)/a.scale,startRow:h,endRow:i,scale:a.scale},a}case"setWithPanel":if(a.withPanel===b.withPanel)return a;return{...a,withPanel:b.withPanel};case"forceRender":return a.memoCacheRef.current.set("",{}),{...a}}};function M({getQuickLinks:a,withPanel:b=!1,children:c,customSpanClassNameFunc:e,customSpanEventClassNameFunc:f,customPanelComponent:g=null}){let h=(0,d.useRef)(null),j=(0,d.useRef)(void 0),k=(0,d.useRef)(a);k.current=a;let l=(0,d.useRef)(new Map),m=(0,d.useRef)(new Map),[n,o]=(0,d.useReducer)(L,I,a=>({...a,scrollbarWidth:(()=>{if(!("document"in globalThis))return 0;let a=document.createElement("div");a.style.width="400px",a.style.height="400px",a.style.overflow="scroll",document.body.appendChild(a);let b=400-a.scrollWidth;return a.remove(),b})(),timelineRef:h,scrollSnapshotRef:j,customSpanClassNameFunc:e,customSpanEventClassNameFunc:f,customPanelComponent:g,memoCacheRef:l,withPanel:b,getQuickLinks:a=>{let b=a.spanId,c=m.current.get(b);if(c)return c;let d=k.current?.(a)||[];return m.current.set(b,d),d}})),p=(0,d.useMemo)(()=>({state:n,dispatch:o}),[n,o]);return(0,i.jsx)(K.Provider,{value:p,children:c})}let N=()=>(0,d.useContext)(K);var O=c(25730),P=c.n(O);let Q=new Intl.NumberFormat(void 0,{maximumFractionDigits:2});function R(a){return 0===a?"0":a>=1e3?`${Q.format(a/1e3)}s`:`${Q.format(a)}ms`}new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2});let S=(a,b)=>a.duration*b<64,T=(a,b)=>a.duration*b>=500,U=a=>a.isVercel?String(P().colorVercel):String(P()[`color${a.resourceIndex%5}`]),V=(a,b)=>{let c=T(a,b),d=a.isHovered&&!c&&!1!==a.isHighlighted;return(0,j.$)(P().spanNode,c&&P().huge,S(a,b)&&P().small,a.isSelected&&P().selected,d&&P().xHover,a.isHighlighted?P().colorHighlight:U(a),!1===a.isHighlighted&&P().unlit)},W=(0,d.memo)(function({root:a,scale:b,spans:c,scrollSnapshotRef:d,cache:e,customSpanClassNameFunc:f,customSpanEventClassNameFunc:g}){return c.map(c=>(0,i.jsx)(X,{cacheKey:e.get(c.span.spanId),customSpanEventClassNameFunc:g,customSpanClassNameFunc:f,node:c,root:a,scale:b,scrollSnapshotRef:d},c.span.spanId))}),X=(0,d.memo)(function({node:a,root:b,scale:c,scrollSnapshotRef:e,customSpanClassNameFunc:f,customSpanEventClassNameFunc:g}){let h=(0,d.useRef)(null);a.ref=h;let{span:k}=a,l=a.isInstrumentationHint?"Get Started":R(a.duration),m=(a.startTime-b.startTime)*c,n=24+26*a.row,o=a.duration*c,p=24,q=T(a,c),r=S(a,c),s=a.isHovered&&!q&&!1!==a.isHighlighted;r&&!s&&(p*=.4,n+=(24-p)*.5);let t=!1;if(s){let{duration:c,endTime:d}=b,f=e.current;f&&(c=f.endTime-f.startTime,d=f.endTime),t=d-a.startTime<.25*c}let u=f?f(a):"";return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{"aria-label":`${k.name} - ${l}`,className:(0,j.$)(V(a,c),u),"data-span-id":k.spanId,"data-start-time":a.startTime-b.startTime,"data-right-side":t,ref:h,style:{"--span-width":`${o}px`,minWidth:s?o:void 0,width:s?void 0:o,height:p,maxWidth:s&&!t?(b.endTime-a.startTime)*c:void 0,containIntrinsicWidth:s?void 0:o,containIntrinsicHeight:p,left:t?void 0:m,right:t?(b.endTime-a.endTime)*c:void 0,top:n},type:"button",children:r&&!s?null:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:P().spanName,children:a.label||k.name}),q?(0,i.jsx)("span",{className:P().spanSpacer}):null,s||o>128?(0,i.jsx)("span",{className:P().spanDuration,children:l}):null]})}),a.events&&!r?a.events.map(d=>(0,i.jsx)(Y,{customSpanEventClassNameFunc:g,event:d,node:a,root:b,scale:c},d.key)):null]})}),Y=(0,d.memo)(function({event:a,node:b,root:c,scale:e,customSpanEventClassNameFunc:f}){let g=(0,d.useRef)(null);a.ref=g;let{event:{name:h}}=a,k=R(a.timestamp-c.startTime),l=(a.timestamp-c.startTime)*e,m=24+26*b.row,n=f?f(a):"";return(0,i.jsxs)("div",{title:`${h} at ${k}`,className:(0,j.$)(P().spanNodeEvent,n,b.isHighlighted?P().colorHighlight:U(b),!1===b.isHighlighted&&P().unlit),"data-hovered":a.isHovered,ref:g,style:{left:l,top:m},children:[(0,i.jsxs)("div",{className:(0,j.$)(P().hoverInfo,(a.timestamp-b.startTime)/b.duration<.5?P().alignStart:P().alignEnd),children:[(0,i.jsx)("span",{className:P().eventName,children:h}),(0,i.jsx)("span",{className:P().eventTimestamp,children:k})]}),(0,i.jsx)("div",{className:P().eventDiamond})]})}),Z={"gray-700":"var(--ds-gray-700)","gray-900":"var(--ds-gray-900)"};function $({size:a=16,color:b="gray-700"}){let c={color:Z[b]||b};return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",style:c,"aria-hidden":!0,children:[(0,i.jsx)("title",{children:"Cross"}),(0,i.jsx)("path",{d:"M6 6l12 12M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function _({size:a=16}){return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,className:P().detailHeadingIcon,children:[(0,i.jsx)("title",{children:"Chevron Down"}),(0,i.jsx)("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function aa({size:a=16,color:b="gray-900"}){let c={color:Z[b]||b};return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",style:c,"aria-hidden":!0,children:[(0,i.jsx)("title",{children:"External Small"}),(0,i.jsx)("path",{d:"M14 4h6m0 0v6m0-6L10 14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function ab(a){let{as:b,className:c,href:d,children:e,...f}=a;return"span"!==(b||"a")&&d?(0,i.jsx)("a",{className:c,href:d,...f,children:e}):(0,i.jsx)("span",{className:c,...f,children:e})}function ac(a){let{className:b,children:c,size:d,...e}=a;return(0,i.jsx)("a",{...e,className:(0,j.$)(P().buttonLink,b),children:c})}function ad({children:a,className:b}){return(0,i.jsx)("div",{className:(0,j.$)(P().note,b),children:a})}function ae({width:a,height:b,rounded:c}){return(0,i.jsx)("span",{className:(0,j.$)(P().skeleton,c&&P().skeletonRounded),style:{width:a,height:b},"aria-hidden":!0})}let af=a=>`${(100*a).toFixed(3)}%`,ag=(a,b)=>a<b?-1:+(a>b),ah=a=>{let b={};for(let[c,d]of Object.entries(a)){let a=c.indexOf("."),e="",f="";-1!==a?(e=c.substring(0,a),f=c.substring(a+1)):f=c;let g=b[e];g||(g={prefix:e,attributes:[]},b[e]=g),g.attributes.push({key:c,suffix:f,value:String(d)})}let c=Array.from(Object.values(b)).sort((a,b)=>ag(a.prefix,b.prefix));for(let a of c)a.attributes.sort((a,b)=>ag(a.suffix,b.suffix));return c},ai=()=>{let{state:{root:a,selected:b,resourceMap:c,getQuickLinks:e},dispatch:f}=N(),g=(0,d.useMemo)(()=>((a,b)=>{let c=[];if(!b)return c;for(let a=b;"parent"in a;a=a.parent)c.unshift(a);return c})(0,b),[a,b]),h=(0,d.useMemo)(()=>ah(b?.span.attributes??{}),[b]),k=(0,d.useMemo)(()=>{let a=b?.span.resource;if(!a)return[];let d=c[a];return d?ah(d):[]},[c,b]);if(!b)return null;let{span:l}=b,m=aq(b);return(0,i.jsxs)(i.Fragment,{children:[b.isVercel?(0,i.jsx)(ar,{node:b}):null,b.isInstrumentationHint?(0,i.jsx)(au,{}):null,!b.isInstrumentationHint&&g.length?(0,i.jsx)(al,{className:P().ancestorGroup,name:"Location",children:g.map(c=>(0,i.jsxs)("button",{className:P().ancestorNode,onClick:()=>f({type:"select",id:c.span.spanId}),type:"button",children:[(0,i.jsxs)("div",{className:P().ancestorText,children:[(0,i.jsx)("span",{className:P().ancestorName,children:c.label||c.span.name}),(0,i.jsx)("span",{className:P().ancestorDuration,children:R(c.duration)})]}),(0,i.jsx)("span",{"aria-hidden":!0,className:P().ancestorLineContainer,children:(0,i.jsx)("span",{className:(0,j.$)(P().ancestorLine,U(c)),style:{left:af((c.startTime-a.startTime)/a.duration),width:af(c.duration/a.duration)}})})]},`${b.span.spanId}.${c.span.spanId}`))}):null,m?(0,i.jsx)(as,{getQuickLinks:e,span:b.span}):null,b.events?.length?(0,i.jsx)(al,{name:"Events",children:b.events.map(b=>(0,i.jsxs)(d.Fragment,{children:[(0,i.jsxs)("dl",{className:P().spanDetailPanelAttribute,children:[(0,i.jsx)("dt",{className:P().spanDetailPanelAttributeKey,children:b.event.name}),(0,i.jsx)("dd",{className:P().spanDetailPanelAttributeValue,children:R(b.timestamp-a.startTime)})]}),Object.entries(b.event.attributes).map(([a,c])=>(0,i.jsx)(av,{name:`${b.event.name}.${a}`,value:c},a))]},b.key))}):null,h.length?(0,i.jsx)(al,{name:"Attributes",children:h.map(a=>(0,i.jsx)(d.Fragment,{children:a.attributes.map(({key:a,value:b})=>(0,i.jsx)(av,{name:a,value:b},a))},a.prefix))}):null,k.length?(0,i.jsx)(al,{name:"Resource",children:k.map(a=>(0,i.jsx)(d.Fragment,{children:a.attributes.map(({key:a,value:b})=>(0,i.jsx)(av,{name:a,value:b},a))},a.prefix))}):null,b.isInstrumentationHint?null:(0,i.jsxs)(al,{name:"Library",children:[(0,i.jsx)(av,{name:"name",value:l.library.name}),l.library.version?(0,i.jsx)(av,{name:"version",value:l.library.version}):null]})]})};function aj({attached:a=!1}){let{state:{selected:b,isMobile:c,customPanelComponent:d},dispatch:e}=N();if(!b)return null;let{span:f}=b;return(0,i.jsxs)("div",{className:(0,j.$)(P().spanDetailPanel,c&&P().mobile),children:[a&&!c?(0,i.jsx)(aw,{}):null,(0,i.jsx)("div",{className:P().spanDetailPanelTop,children:(0,i.jsxs)("div",{className:P().spanDetailPanelTopInfo,children:[(0,i.jsxs)("div",{className:P().spanDetailPanelTruncatedHeading,children:[b.isInstrumentationHint?null:(0,i.jsx)("span",{className:P().spanDetailPanelDuration,children:R(b.duration)}),(0,i.jsx)("span",{className:P().spanDetailPanelName,title:f.name,children:f.name})]}),(0,i.jsxs)("div",{className:P().spanDetailPanelCorner,children:[(0,i.jsx)("div",{className:P().spanDetailPanelCloseVerticalRule}),(0,i.jsx)("button",{"aria-label":"Close Span Details",className:P().spanDetailPanelClose,onClick:()=>e({type:"deselect"}),type:"button",children:(0,i.jsx)($,{color:"gray-700",size:24})})]})]})}),(0,i.jsx)("div",{className:(0,j.$)("flex gap-3",P().spanDetailPanelBody),children:d||(0,i.jsx)(ai,{})})]})}let ak="vc-trace-span-exp:";function al({name:a,className:b="",children:c}){let[e,f]=(0,d.useState)(()=>!("localStorage"in globalThis)||"0"!==localStorage.getItem(`${ak}${a}`)),g=(0,d.useCallback)(()=>{f(b=>{let c=!b;return localStorage.setItem(`${ak}${a}`,String(Number(c))),c})},[a]);return(0,i.jsxs)("div",{className:(0,j.$)(P().detailGroup,e?P().expanded:P().collapsed,b),children:[(0,i.jsxs)("button",{className:P().detailHeading,onClick:g,type:"button",children:[(0,i.jsx)("span",{children:a}),(0,i.jsx)(_,{})]}),e?c:null]})}let am=new Set(["OPTIONS","HEAD","GET","PUT","POST","DELETE"]),an={"Resolve Deployment":"How long it took Vercel's routing layer to retrieve details for the deployment.","Resolve Cache":"How long it took Vercel's routing layer to check for a cached function invocation.","Resolve Route":"How long it took Vercel's routing layer to resolve routing rules, including redirects and rewrites.","Invoke Middleware":"How long it took this middleware to start and run user code.","Invoke Function":"How long it took this Vercel Function to start and run user code.",waitUntil:"How long it took to run user code inside of waitUntil.","Start VM":"How long it took to start the Virtual Machine which contains the Vercel Function.","Spawn Node.js":"How long it took the Virtual Machine to start the Node.js runtime.","Spawn Python":"How long it took the Virtual Machine to start the Python runtime.","Init User Code":"How long it took to import the user code and run any globally-scoped code."},ao=new Set(["Start VM","Spawn Node.js","Spawn Python","Init User Code"]),ap=a=>{if(!a||!("span"in a))return null;let b=a.span.attributes,c=b["vercel.region"]||b["vercel.function.region"];return c?String(c):null},aq=a=>{if(!a.isVercel)return!1;let{name:b}=a.span,c=b.indexOf(" ");if(-1===c)return!1;let d=b.substring(0,c);return am.has(d)};function ar({node:a}){let{name:b}=a.span,c=an[b];if(!c&&aq(a)&&(c="How long it took for Vercel to process the request and send the response."),!c)return null;let d=(a=>{let{name:b}=a.span,c=ap(a),d=ap(a.parent);return"true"===a.span.attributes["vercel.middleware.internal"]?"The Vercel Toolbar created this middleware.":ao.has(b)||"Invoke Function"===b&&a.children.some(a=>ao.has(a.span.name))?"This function encountered a cold start.":c&&d&&c!==d?"This request was routed across regions.":null})(a);return(0,i.jsx)(al,{name:"What is this?",children:(0,i.jsxs)("div",{className:P().infraSpanDescription,children:[(0,i.jsx)("span",{children:c}),d?(0,i.jsx)(ad,{children:d}):d]})})}let as=(0,d.memo)(function({getQuickLinks:a,span:b}){let c=a(b);return c.length?(0,i.jsx)(al,{name:"Links",children:c.map(({key:a,value:b})=>(0,i.jsx)(at,{link:b,name:a},a))}):null});function at({name:a,link:b}){let c=function(a){let[b,c]=(0,d.useState)({});return void 0!==a.__resolvedValue||a.__rejectedValue,a.__resolvedValue}(b);return(0,i.jsxs)(ab,{as:c?void 0:"span",className:(0,j.$)(P().spanDetailPanelAttribute,P().spanDetailPanelQuickLink),href:c?.href||"",children:[(0,i.jsx)("span",{className:P().spanDetailPanelAttributeKey,children:a}),(0,i.jsx)("span",{className:(0,j.$)(P().spanDetailPanelAttributeValue,P().spanDetailPanelQuickLinkLabel),children:c?(0,i.jsxs)(i.Fragment,{children:[c.label,c.icon||(0,i.jsx)(aa,{color:"gray-900"})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ae,{height:18,width:32+8*a.length}),(0,i.jsx)(ae,{height:18,rounded:!0,width:18})]})})]})}function au(){return(0,i.jsx)(al,{name:"What is this?",children:(0,i.jsxs)("div",{className:P().infraSpanDescription,children:[(0,i.jsx)("span",{children:"You can visualize your application's spans alongside Vercel's spans in this viewer."}),(0,i.jsx)(ac,{href:"https://vercel.com/docs/session-tracing#adding-custom-spans",size:"small",target:"_blank",children:"Get Started"})]})})}function av({name:a,value:b}){return(0,i.jsxs)("dl",{className:P().spanDetailPanelAttribute,children:[(0,i.jsx)("dt",{className:P().spanDetailPanelAttributeKey,children:a}),(0,i.jsx)("dd",{className:P().spanDetailPanelAttributeValue,title:String(b),children:String(b)})]})}function aw(){let{state:{panelWidth:a},dispatch:b}=N(),c=(0,d.useRef)({start:{x:0,width:a},x:0,width:a,isHeld:!1});c.current.width=a;let e=(0,d.useCallback)(a=>{if("mouse"!==a.pointerType)return;a.preventDefault();let b=c.current;b.start.x=a.clientX,b.x=a.clientX,b.start.width=b.width,b.isHeld=!0},[]),f=(0,d.useCallback)(()=>{b({type:"setPanelWidth",width:I.panelWidth})},[b]);return(0,i.jsx)("div",{"aria-hidden":!0,className:P().spanDetailPanelResizer,onDoubleClick:f,onPointerDown:e})}function ax(a){let b=(0,d.useRef)({});return{setStyle:(0,d.useCallback)((c,d)=>{if(b.current[c]=d,a.current){if(!d)return void a.current.style.removeProperty(c);a.current.style.setProperty(c,d)}},[a]),styleRef:b,style:{...b.current}}}let ay=(0,d.memo)(function({timelineRef:a,rows:b,scale:c}){let{state:{root:e,baseScale:f,timelineWidth:g,width:h,scrollbarWidth:j}}=N(),k=h+16,l=(()=>{let[a,b]=(0,d.useState)(1);return(0,d.useLayoutEffect)(()=>{let c=()=>b("devicePixelRatio"in globalThis&&globalThis.devicePixelRatio||1),d=matchMedia(`(resolution: ${a}dppx)`);return d.addEventListener("change",c),c(),()=>{d.removeEventListener("change",c)}},[a]),a})(),m=(0,d.useRef)(null),n=(0,d.useRef)(null),o=h/(h-j)*Math.min(h/g,f/c),p=Math.min(h,(g-j)*o);(0,d.useEffect)(()=>{let b,c=!1,d=0,e=a=>!!m.current?.contains(a),f=0,g=()=>{if(!c||!b)return;let e=a.current;e&&(e.scrollLeft=(d-.5*p-b.left)/o)},h=a=>{({clientX:d}=a),cancelAnimationFrame(f),f=requestAnimationFrame(g)},i=a=>{e(a.target)&&(c=!0,b=m.current?.getBoundingClientRect(),h(a))},j=()=>{c=!1,b=void 0},k=a=>{e(a.target)&&a.cancelable&&a.preventDefault()},l=a=>{c&&a.cancelable&&a.preventDefault()};return window.addEventListener("pointerdown",i),window.addEventListener("pointermove",h),window.addEventListener("pointerup",j),window.addEventListener("blur",j),window.addEventListener("touchstart",k,{passive:!1}),window.addEventListener("touchmove",l,{passive:!1}),()=>{window.removeEventListener("pointerdown",i),window.removeEventListener("pointermove",h),window.removeEventListener("pointerup",j),window.removeEventListener("blur",j),window.removeEventListener("touchstart",k),window.removeEventListener("touchmove",l),cancelAnimationFrame(f)}},[a,o,p]),(0,d.useEffect)(()=>{let a=n.current,c=a?.getContext("2d");if(!a||!c)return;let d=requestAnimationFrame(()=>{c.resetTransform(),c.clearRect(0,0,a.width,a.height),c.scale(l,l);let d=(k-16)/e.duration;for(let a of(c.fillStyle="#ccc",c.beginPath(),b))for(let b of a){let a=7+4*b.row;if(a>=45)break;let f=8+(b.startTime-e.startTime)*d,g=b.duration*d;c.roundRect(f,a,g,3,3)}c.fill()});return()=>cancelAnimationFrame(d)},[l,e,k,b]);let q=(0,d.useRef)(null),{style:r,setStyle:s}=ax(q);return(0,d.useLayoutEffect)(()=>{let b=a.current;if(!b)return;let c=0,d=()=>{s("transform",`translateX(${8+b.scrollLeft*o}px)`)};d();let e=()=>{cancelAnimationFrame(c),c=requestAnimationFrame(d)};return b.addEventListener("scroll",e),()=>{cancelAnimationFrame(c),b.removeEventListener("scroll",e)}},[a,o,s]),(0,i.jsxs)("div",{className:P().mapContainer,ref:m,style:{width:p>0?k:"100%",height:56},children:[(0,i.jsx)("canvas",{className:P().mapCanvas,height:56*l,ref:n,style:{width:k,height:56},width:k*l}),(0,i.jsx)("div",{className:P().mapThumb,ref:q,style:{transform:r.transform,width:p>0?p:"calc(100% - 16px)",top:2,height:52}})]})}),az=[1,2,4,5,8,10];function aA({scale:a}){let{state:{root:b}}=N(),c=b.duration,d=Math.floor(Math.log10(c)),e=Math.max(2,10**d*(Math.floor(Math.log10(.5*c))===d?1:.5)),f=e*a,g=1;for(let a of az){if(e/a<24)break;g=a}e/=g,f/=g;let h=Math.ceil(c/e),k=Math.ceil(100/f)||1;return(0,i.jsx)("div",{className:P().markersContainer,children:(0,i.jsx)("div",{"aria-hidden":!0,className:P().markers,style:{width:Math.floor(b.duration*a+15),visibility:-1!==a?"visible":"hidden","--marker-width":`${f}px`},children:Array(h).fill(null).map((a,b)=>{let c=b%k==0;return(0,i.jsx)("span",{className:(0,j.$)(P().marker,!c&&P().notch),children:c?(0,i.jsx)("span",{className:P().markerLabel,children:R(e*b)}):null},String(b))})})})}function aB({events:a,root:b,scale:c}){let e=(0,d.useMemo)(()=>a.filter(a=>!1!==a.event.showVerticalLine),[a]);return(0,i.jsx)("div",{className:P().eventMarkersContainer,children:(0,i.jsx)("div",{"aria-hidden":!0,className:P().eventMarkers,style:{width:Math.floor(b.duration*c)},children:e.map(a=>(0,i.jsx)("span",{className:(0,j.$)(P().eventMarker),style:{left:Math.floor((a.timestamp-b.startTime)*c),...a.event.color&&{borderLeftColor:a.event.color}}},a.key))})})}function aC({memoCacheRef:a,timelineRef:b,root:c,spans:e,events:f,scale:g,dispatch:h,scrollSnapshotRef:j}){var k;(0,d.useRef)(!1),(0,d.useRef)(e).current=e,(0,d.useRef)(f).current=f;let l=(0,d.useRef)(null),{style:m,setStyle:n}=ax(l),o=(0,d.useRef)(null),p=(0,d.useRef)(null),{style:q,setStyle:r}=ax(p),s=(0,d.useRef)(void 0),t=(0,d.useRef)(null),{style:u,setStyle:v}=ax(t),w=(0,d.useRef)(0),x=(0,d.useRef)(void 0);return k=a=>{let c=b.current;if(!c)return;s.current??=c.getBoundingClientRect();let d=s.current,e=Math.max(0,Math.min(w.current-d.left-8,d.width-16)),f=0,i=x.current;i?.anchorX===e?f=i.anchorT:x.current=i={anchorT:f=(c.scrollLeft+e)/g,anchorX:e},h({type:"trackpadScale",delta:a/64,anchorT:f,anchorX:e})},(0,d.useRef)(k).current=k,(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:P().cursorMarkerStickyParent,children:(0,i.jsx)("div",{className:P().cursorMarkerLabelContainer,ref:l,style:m,children:(0,i.jsx)("div",{className:P().cursorMarkerLabel,ref:o})})}),(0,i.jsx)("div",{className:P().cursorMarkerStickyParent,children:(0,i.jsx)("div",{className:P().cursorMarkerContainer,ref:p,style:q,children:(0,i.jsx)("div",{className:P().cursorMarker,children:(0,i.jsx)("div",{className:P().cursorSelection,ref:t,style:u})})})})]})}function aD({height:a,width:b,value:c,placeholder:d,onChange:e}){return(0,i.jsxs)("label",{className:P().searchInputLabel,children:[(0,i.jsx)("div",{className:P().searchInputPrefix,children:(0,i.jsx)(aE,{})}),(0,i.jsx)("input",{type:"search",value:c,placeholder:d,onChange:e,style:{height:a,width:b}})]})}function aE(){return(0,i.jsxs)("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function aF(){return(0,i.jsx)("nav",{className:P().searchBar,children:(0,i.jsx)(aG,{})})}function aG(){let{dispatch:a}=N(),[b,c]=(0,d.useState)("");return(0,i.jsx)("div",{className:P().searchInput,children:(0,i.jsx)(aD,{height:40,onChange:a=>c(a.target.value),placeholder:"Search spans…",value:b,width:"100%"})})}function aH({size:a=16}){return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,i.jsx)("title",{children:"Zoom In"}),(0,i.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,i.jsx)("path",{d:"M11 8v6M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function aI({size:a=16}){return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,i.jsx)("title",{children:"Zoom Out"}),(0,i.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,i.jsx)("path",{d:"M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function aJ({size:a=16}){return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,i.jsx)("title",{children:"Minus"}),(0,i.jsx)("path",{d:"M6 12h12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function aK(){let{dispatch:a}=N(),b=(0,d.useCallback)(()=>{a({type:"adjustScaleRatio",direction:1})},[a]),c=(0,d.useCallback)(()=>{a({type:"adjustScaleRatio",direction:-1})},[a]),e=(0,d.useCallback)(()=>{a({type:"adjustScaleRatio",direction:0})},[a]);return(0,i.jsxs)("div",{className:P().zoomButtonGroup,children:[(0,i.jsx)("button",{"aria-label":"Zoom Out",className:P().zoomButton,onClick:c,type:"button",children:(0,i.jsx)(aI,{size:18})}),(0,i.jsx)("div",{className:P().divider}),(0,i.jsx)("button",{"aria-label":"Reset Zoom",className:P().zoomButton,onClick:e,type:"button",children:(0,i.jsx)(aJ,{size:18})}),(0,i.jsx)("div",{className:P().divider}),(0,i.jsx)("button",{"aria-label":"Zoom In",className:P().zoomButton,onClick:b,type:"button",children:(0,i.jsx)(aH,{size:18})})]})}let aL=(a,b)=>{let c=a.duration*b;return a.isVisible=c>=2,a.isHovered=!1,a.isVisible};function aM(){return[]}let aN={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 aO({trace:a=aN,className:b="",scrollLock:e=!1,height:f,withPanel:g=!1,highlightedSpans:h}){let{state:k,dispatch:l}=N(),{timelineRef:m,scrollSnapshotRef:n}=k,o=k.memoCacheRef.current,p=(h?.length??0)>0,{rows:q,spans:r,events:s,scale:t}=(a=>{let{state:b,dispatch:e}=N(),{root:f,filter:g,scale:h,timelineRef:i,timelineWidth:j,spanMap:k,scrollSnapshotRef:l,selected:m,memoCacheRef:n}=b,o=function(a){let[b,c]=(0,d.useState)(a);return b}(b.timelineHeight),p=(0,d.useRef)(0),[q,r]=(0,d.useState)(aM),[s,t]=(0,d.useState)(aM),[u,v]=(0,d.useState)(aM),[w,x]=(0,d.useState)(-1),y=(0,d.useRef)(void 0);return(0,d.useEffect)(()=>y.current?.(g),[g]),(0,d.useEffect)(()=>{if(a?.length){for(let b of q)for(let c of b){let b=a.includes(c.span.spanId);c.isHighlighted!==b&&(c.isHighlighted=b,n.current.set(c.span.spanId,{}))}e({type:"forceRender"})}},[q,a,e,n]),(0,d.useEffect)(()=>{if(!f.startTime)return;let a=new Worker(new URL(c.p+c.u(907),c.b)),b=++p.current;a.addEventListener("message",a=>{let c=a.data;switch(c.type){case"setRowsResult":if(c.isEnd)for(let a of c.rows)for(let b of a)b.span=k[b.span.spanId]?.span??b.span;r(c.rows);break;case"updateHighlight":{if(c.requestId!==b)return;let{matches:a}=c;r(b=>{for(let c of b)for(let b of c){let c=a.has(b.span.spanId);b.isHighlighted!==c&&(b.isHighlighted=c,n.current.set(b.span.spanId,{}))}return b}),e({type:"forceRender"})}}});let d={requestId:b,type:"calculateSpanPositions",root:f};return a.postMessage(d),y.current=c=>{let d=c.trim().toLocaleLowerCase();if(!d)return void r(a=>a.map(a=>a.map(a=>(a.isHighlighted=void 0,{...a}))));let e={type:"filterSpans",requestId:b=++p.current,root:f,filter:d};a.postMessage(e)},()=>{a.terminate()}},[f,k,e,n]),(0,d.useEffect)(()=>{if(!q.length)return;let a=i.current,b=l.current,c=!1,d=!1,e=0,g=0,k=Math.max(500,.5*j),m=Array(q.length).fill(null),n=a=>b?a<b.startRow?a-b.startRow:a>b.endRow?a-b.endRow:0:0,p=a=>{if(!b)return 0;let c=0;a.endTime<b.startTime?c=b.startTime-a.endTime:a.startTime>b.endTime&&(c=a.startTime-b.endTime);let d=Math.abs(n(a.row));return c||d?Math.sqrt((c/h)**2+(24*d+2)**2):0},r=0,s=()=>{(c||!b)&&(c=!1,(()=>{if(!a)return;let{scrollLeft:c,scrollTop:d}=a,e=(d-24-8)/26,g=e+Math.ceil(o/26);l.current=b={anchorT:c/h,anchorX:0,scrollLeft:c,scrollTop:d,startTime:f.startTime+c/h,endTime:f.startTime+(c+j)/h,startRow:e,endRow:g,scale:h};for(let a=m.length;a--;)m[a]=null})()),(()=>{d=!0;let a=Math.min(1+g+Math.ceil(b?.endRow??1/0),q.length);for(let b=a;b--;){if(m[b])continue;let a=n(b);if(Math.abs(a)>g){if(d=!1,a>0)continue;break}let c=[],f=q[b];if(f){for(let a of f){if(!aL(a,h))continue;let b=p(a);e=Math.max(b,e),c.push({d:b,span:a})}m[b]=c}}})();let i=[],u=[];for(let a of m)if(a)for(let{d:b,span:c}of a)!(b>g)&&(i.push(c),c.events&&u.push(...c.events));g<k&&(!d||g<e)&&(g=Math.min(k,g+100),r=requestAnimationFrame(s)),t(i),v(u),x(h)};s();let u=Date.now(),w=a=>{(a.ctrlKey||a.metaKey)&&(u=Date.now())};a?.addEventListener("wheel",w);let y=()=>{Date.now()-u<=50||(c=!0,cancelAnimationFrame(r),r=requestAnimationFrame(s))};return a?.addEventListener("scroll",y),()=>{cancelAnimationFrame(r),a?.removeEventListener("wheel",w),a?.removeEventListener("scroll",y)}},[q,f,h,l,i,j,o]),(0,d.useEffect)(()=>{let a;if(!m)return;for(let b of s)if(b.span.spanId===m.span.spanId){a=b;break}let b=a?.ref?.current;if(a&&b)return a.isSelected=!0,b.className=V(a,h),()=>{a.isSelected=!1,b.className=V(a,h)}},[s,h,m]),{rows:q,spans:s,events:u,scale:w}})(h),u=(0,d.useRef)(null),v=(0,d.useRef)({t:0,x:-1,y:-1,spanId:""}),w=(0,d.useCallback)(a=>{let b=v.current,c=Date.now(),{clientX:d,clientY:e}=a,f=Math.sqrt((d-b.x)**2+(e-b.y)**2);if(c-b.t<=500&&f<=8)return(a.stopPropagation(),a.preventDefault(),b.spanId)?(l({type:"select",id:b.spanId}),void l({type:"scaleToNode",id:b.spanId})):void l({type:"resetScale"});let g=a.target;if(!g.closest(`.${String(P().timeline)}`))return;let h=g.closest("[data-span-id]"),i=h?.dataset.spanId||"";v.current={x:d,y:e,t:c,spanId:i},i&&(l({type:"toggleSelection",id:i}),a.stopPropagation())},[l]),x=Math.max(k.timelineHeight-k.scrollbarWidth,26+26*q.length-2+84),y=!!(k.isMobile&&k.selected);return(0,i.jsxs)("div",{className:(0,j.$)(P().traceViewer,a===aN&&P().skeleton,b),onClickCapture:w,ref:u,style:{height:f,"--timeline-padding":"8px","--row-height":"24px","--row-padding":"2px","--search-height":`${40*!p}px`,"--search-gap":`${!p?8:2}px`,"--map-height":"56px","--timeline-width":`${k.timelineWidth}px`,"--timeline-height":`${k.timelineHeight}px`,"--timeline-scroll-width":`${Math.round(k.root.duration*k.scale)}px`,"--panel-width":`${k.panelWidth}px`,"--panel-height":`${k.panelHeight}px`,"--height":`${k.height}px`,"--scrollbar-width":`${k.scrollbarWidth}px`,"--marker-height":"24px","--marker-notch-height":"8px"},children:[p?null:(0,i.jsx)(aF,{}),(0,i.jsx)(ay,{rows:q,scale:t,timelineRef:m}),(0,i.jsxs)("div",{className:(0,j.$)(P().traceViewerContent,y&&P().inert),children:[(0,i.jsx)("div",{className:P().timeline,ref:m,children:(0,i.jsx)("div",{style:{position:"relative",width:k.timelineWidth,height:k.timelineHeight-16,padding:8,paddingBottom:0},children:(0,i.jsxs)("div",{className:P().traceNode,style:{width:k.root.duration*t||void 0,height:x-16},children:[(0,i.jsx)(aA,{scale:t}),(0,i.jsx)(aB,{events:s,root:k.root,scale:t}),(0,i.jsx)(aC,{dispatch:l,events:s,memoCacheRef:k.memoCacheRef,root:k.root,scale:t,scrollSnapshotRef:n,spans:r,timelineRef:m}),(0,i.jsx)(W,{cacheKey:o.get(""),cache:o,customSpanClassNameFunc:k.customSpanClassNameFunc,customSpanEventClassNameFunc:k.customSpanEventClassNameFunc,root:k.root,scale:t,scrollSnapshotRef:n,spans:r})]})})}),(0,i.jsx)("div",{className:P().zoomButtonTraceViewer,children:(0,i.jsx)(aK,{})})]}),g?(0,i.jsx)("div",{className:(0,j.$)(P().spanDetailPanelTraceViewer,!k.selected&&P().hidden,k.isMobile&&P().mobile),children:(0,i.jsx)(aj,{attached:!0})}):null]})}function aP({config:a}){let{state:b}=N(),{selected:c}=b,{resource:e,data:f}=c?.span.attributes||{resource:void 0,data:void 0},g=(0,d.useMemo)(()=>{let b,c;if("step"===e)b=()=>k(a,f.runId,f.stepId),c=["workflow","step",f.stepId];else if("run"===e)b=()=>(0,l.k)(a,f.runId),c=["workflow","run",f.runId];else{if("hook"!==e)return(0,i.jsxs)("div",{className:"text-copy-14 text-red-600",children:["Unsupported resource: ",e]});b=()=>m(a,f.hookId),c=["workflow","hook",f.hookId]}return(0,i.jsx)(G,{data:f,fetchFunc:b,fetchKey:c})},[e,f,a]),h=(0,d.useMemo)(()=>"step"===e?f.stepId:"run"===e?f.runId:"hook"===e?f.hookId:void 0,[e,f]);return c&&e&&f&&h?(0,i.jsxs)("div",{className:(0,j.A)("flex flex-col px-2"),children:[g,"run"!==e&&(0,i.jsx)(H,{id:h,config:a,events:c.span.events})]}):null}var aQ=c(9065),aR=c.n(aQ);function aS(a,b=!1){if(b&&"pending"===a)return aR().spanPendingStriped;switch(a){case"running":return aR().spanRunning;case"pending":return aR().spanPending;case"completed":return aR().spanCompleted;case"cancelled":return aR().spanCancelled;case"paused":return aR().spanPaused;case"failed":return aR().spanFailed;default:return""}}let aT=a=>{let b=a.span.attributes,c=b?.resource;if("step"===c){let a=b.data,c=a?.stepName;if(c&&String(c).toLowerCase().includes("sleep"))return aR().spanSleep;let d=a?.status==="pending";return aS(a?.status,d)}if("run"===c){let a=b.data;return aS(a?.status,!1)}return"hook"===c?aR().spanHook:""},aU=a=>{let b=a.event.name;return"step_failed"===b||"workflow_failed"===b?aR().eventFailed:"step_retrying"===b?aR().eventRetrying:"hook_created"===b||"hook_received"===b||"hook_disposed"===b?aR().eventHook:aR().eventDefault},aV=({run:a,steps:b,hooks:c,events:e,config:f,isLoading:g})=>{let[h]=(0,d.useState)(()=>new Date),j=(0,d.useMemo)(()=>{let d=b.slice().sort((a,b)=>new Date(a.createdAt).getTime()-new Date(b.createdAt).getTime()),f=new Map,g=new Map,i=[];for(let a of e){let b=a.correlationId;if(b){let e=d.find(a=>a.stepId===b),h=c.find(a=>a.hookId===b);if(e){let c=f.get(b)||[];c.push(a),f.set(b,c)}else if(h){let c=g.get(b)||[];c.push(a),g.set(b,c)}else i.push(a)}else i.push(a)}let j=d.map((b,c)=>{let e=0===c?a.runId:String(d[c-1].stepId),g=f.get(b.stepId)||[];return function(a,b,c,d){let e=d??new Date,f=(0,p.Z)(String(a.stepName)),g=u(a.status),h=a.completedAt??e,i=y(c);return{spanId:String(a.stepId),parentSpanId:b,name:f?.shortName??"",kind:1,resource:g,library:r,status:s(a.status),traceFlags:1,attributes:{resource:"step",data:a},links:[],events:i,startTime:v(a.startedAt),endTime:v(h),duration:w(a.startedAt,h)}}(b,e,g,h)}),k=c.map(b=>{let c=g.get(b.hookId)||[];return function(a,b,c,d){let e=d??new Date,f=y(c);return{spanId:String(a.hookId),parentSpanId:b,name:String(a.hookId),kind:1,resource:t(a),library:r,status:{code:1},traceFlags:1,attributes:{resource:"hook",data:a},links:[],events:f,startTime:v(a.createdAt),endTime:v(e),duration:w(a.createdAt,e)}}(b,a.runId,c,h)});return{traceId:a.runId,rootSpanId:a.runId,spans:[function(a,b,c){let d=c??new Date,e=a.startedAt??a.createdAt,f=a.completedAt??d,g=y(b);return{spanId:String(a.runId),parentSpanId:void 0,name:String((0,p.s)(a.workflowName)?.shortName??"?"),kind:1,resource:t(a),library:r,status:s(a.status),traceFlags:1,attributes:{resource:"run",data:a},links:[],events:g,startTime:v(e),endTime:v(f),duration:w(e,f)}}(a,i,h),...j,...k],resources:[{name:"workflow",attributes:{"service.name":"vercel-workflow"}}]}},[a,b,c,e,h]);return(0,i.jsx)(M,{withPanel:!0,customSpanClassNameFunc:aT,customSpanEventClassNameFunc:aU,customPanelComponent:(0,i.jsx)(aP,{config:f}),children:(0,i.jsx)(aO,{height:800,trace:g?void 0:j,withPanel:!0})})}},47468:(a,b,c)=>{"use strict";c.d(b,{Wu:()=>j,ZB:()=>i,Zp:()=>g,aR:()=>h});var d=c(63471),e=c(47594),f=c(80421);let g=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...b}));g.displayName="Card";let h=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("flex flex-col space-y-1.5 p-6",a),...b}));h.displayName="CardHeader";let i=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("text-2xl font-semibold leading-none tracking-tight",a),...b}));i.displayName="CardTitle",e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("text-sm text-muted-foreground",a),...b})).displayName="CardDescription";let j=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("p-6 pt-0",a),...b}));j.displayName="CardContent",e.forwardRef(({className:a,...b},c)=>(0,d.jsx)("div",{ref:c,className:(0,f.cn)("flex items-center p-6 pt-0",a),...b})).displayName="CardFooter"},51552:(a,b,c)=>{"use strict";c.d(b,{h:()=>e});var d=c(74443);let e=(0,d.createServerReference)("7cea6216e71bbd1d88d28dc17d3bb3015a3498ceb3",d.callServer,void 0,d.findSourceMapURL,"fetchHooks")},57522:(a,b,c)=>{"use strict";c.d(b,{W:()=>f});var d=c(63471),e=c(50041);function f({status:a,context:b,className:c}){let f=()=>{switch(a){case"running":return"text-blue-600 dark:text-blue-400";case"completed":return"text-green-600 dark:text-green-400";case"failed":return"text-red-600 dark:text-red-400";case"cancelled":return"text-yellow-600 dark:text-yellow-400";case"pending":return"text-gray-600 dark:text-gray-400";case"paused":return"text-orange-600 dark:text-orange-400";default:return"text-gray-500 dark:text-gray-400"}};if("failed"===a&&b?.error){let g="string"==typeof b.error?b.error:b.error instanceof Error?b.error.message:JSON.stringify(b.error);return(0,d.jsxs)(e.m_,{children:[(0,d.jsx)(e.k$,{asChild:!0,children:(0,d.jsx)("span",{className:`${c} border-b border-dotted cursor-help ${f()}`,children:a})}),(0,d.jsx)(e.ZI,{className:"max-w-md",children:(0,d.jsx)("p",{className:"text-xs whitespace-pre-wrap break-words",children:g})})]})}return(0,d.jsx)("span",{className:`${c} ${f()}`,children:a})}},59894:(a,b,c)=>{"use strict";c.r(b),c.d(b,{"40393afb921ccc48cb0bd3301ace60e27d0cf92ad8":()=>d.ex,"40c434477dd067342283c21611a4ca7ee82e4d6aec":()=>d.ru,"40e79b01bc9a852d37fe69e68ad14effc234e74dff":()=>e.OL,"601acd38e20696bc90fc911e9c54b8900ce71e2530":()=>j,"602b9f1816c8eb1547f0732fb5455f1d16a8e14ae7":()=>e.Su,"604b4987f46f6607e60ad657be80d37bd9a75cd887":()=>r,"6066a58609ef680922591c9f4711e84c34d8cc29e9":()=>p,"606fa85065d02470e319ae4dee279b1ecf9767e16e":()=>e.kB,"607126fddf47bc29fcf355ecf18e12be872d75e730":()=>e.Ki,"60745e7c7a216a94f38034c0fea68bd4b84ec9e070":()=>k,"60a92549574033922636cc92623f46a987d78d3d4a":()=>q,"70360e0ac3362207d04f3d20b1d7bb2247d0f03f87":()=>m,"7063646fd16e68fd4e349c525523607fee915553b6":()=>e.BS,"706bfed013d7e42bf8de2d77d11e9d64ab1e48a439":()=>e.bv,"709c957c5977a6f9b2b59de6351f5c9ba5b7ca9216":()=>n,"70e33b12fff5319c62af54e95d5f69b397f58357db":()=>o,"70e5bb3488d8325d83cd66e7d84c8d3b608ab4774f":()=>l,"78de2389d1241dea7727dccb622cfb77e85dab664c":()=>e.X1,"7c8a6c644c58145a7602f0a668032f0016d389adad":()=>e.ev,"7cea6216e71bbd1d88d28dc17d3bb3015a3498ceb3":()=>e.hG,"7e0846243c317bfb3ef658067b2bdf9f713f88abcb":()=>e.y$,"7e61f819e3d5bcb00e838ebf9081a931fdc322d976":()=>e.uo,"7f83f6ad662ed16be73f52a59fa399c1577a6bd4cd":()=>d.sw});var d=c(28532),e=c(85598),f=c(70635);c(25731);var g=c(98026),h=c(92695);function i(a){for(let[b,c]of Object.entries(a))null!=c&&""!==c&&(process.env[b]=c);return(0,h.by)()}async function j(a,b){let{cursor:c,sortOrder:d="desc",limit:e=10,workflowName:f,status:h}=b;try{let b=i(a),j=await b.runs.list({...f?{workflowName:f}:{},...h?{status:h}:{},pagination:{cursor:c,limit:e,sortOrder:d},resolveData:"none"});return{data:j.data.map(g.OC),cursor:j.cursor??void 0,hasMore:j.hasMore}}catch(a){throw console.error("Failed to fetch runs:",a),a}}async function k(a,b){try{let c=i(a),d=await c.runs.get(b,{resolveData:"all"});return(0,g.OC)(d)}catch(a){throw console.error("Failed to fetch run:",a),a}}async function l(a,b,c){let{cursor:d,sortOrder:e="asc",limit:f=100}=c;try{let c=i(a),h=await c.steps.list({runId:b,pagination:{cursor:d,limit:f,sortOrder:e},resolveData:"none"});return{data:h.data.map(g.OC),cursor:h.cursor??void 0,hasMore:h.hasMore}}catch(a){throw console.error("Failed to fetch steps:",a),a}}async function m(a,b,c){try{let d=i(a),e=await d.steps.get(b,c,{resolveData:"all"});return(0,g.OC)(e)}catch(a){throw console.error("Failed to fetch step:",a),a}}async function n(a,b,c){let{cursor:d,sortOrder:e="asc",limit:f=1e3}=c;try{let c=i(a),g=await c.events.list({runId:b,pagination:{cursor:d,limit:f,sortOrder:e},resolveData:"none"});return{data:g.data,cursor:g.cursor??void 0,hasMore:g.hasMore}}catch(a){throw console.error("Failed to fetch events:",a),a}}async function o(a,b,c){let{cursor:d,sortOrder:e="asc",limit:f=1e3}=c;try{let c=i(a),g=await c.events.listByCorrelationId({correlationId:b,pagination:{cursor:d,limit:f,sortOrder:e},resolveData:"none"});return{data:g.data,cursor:g.cursor??void 0,hasMore:g.hasMore}}catch(a){throw console.error("Failed to fetch events by correlation ID:",a),a}}async function p(a,b){let{runId:c,cursor:d,sortOrder:e="desc",limit:f=10}=b;try{let b=i(a),h=await b.hooks.list({...c?{runId:c}:{},pagination:{cursor:d,limit:f,sortOrder:e},resolveData:"none"});return{data:h.data.map(g.OC),cursor:h.cursor??void 0,hasMore:h.hasMore}}catch(a){throw console.error("Failed to fetch hooks:",a),a}}async function q(a,b){try{let c=i(a),d=await c.hooks.get(b,{resolveData:"all"});return(0,g.OC)(d)}catch(a){throw console.error("Failed to fetch hook:",a),a}}async function r(a,b){try{let c=i(a);await c.runs.cancel(b)}catch(a){throw console.error("Failed to cancel run:",a),a}}(0,c(61023).D)([j,k,l,m,n,o,p,q,r]),(0,f.A)(j,"601acd38e20696bc90fc911e9c54b8900ce71e2530",null),(0,f.A)(k,"60745e7c7a216a94f38034c0fea68bd4b84ec9e070",null),(0,f.A)(l,"70e5bb3488d8325d83cd66e7d84c8d3b608ab4774f",null),(0,f.A)(m,"70360e0ac3362207d04f3d20b1d7bb2247d0f03f87",null),(0,f.A)(n,"709c957c5977a6f9b2b59de6351f5c9ba5b7ca9216",null),(0,f.A)(o,"70e33b12fff5319c62af54e95d5f69b397f58357db",null),(0,f.A)(p,"6066a58609ef680922591c9f4711e84c34d8cc29e9",null),(0,f.A)(q,"60a92549574033922636cc92623f46a987d78d3d4a",null),(0,f.A)(r,"604b4987f46f6607e60ad657be80d37bd9a75cd887",null)},60180:(a,b,c)=>{"use strict";c.d(b,{wk:()=>f,Xt:()=>g});var d=c(45834),e=c(20522);function f(a,...b){return[JSON.stringify(a),...b].filter(Boolean).join("::")}function g(a,b,c){return(0,d.Ay)(f(a,"run",b),()=>(0,e.k)(a,b),{refreshInterval:c?.refreshInterval,revalidateOnFocus:!1})}c(47594)},67845:(a,b,c)=>{"use strict";function d(a,b){if("string"!=typeof b)return null;let[c,d,...e]=b.split("//");return c===a&&d&&0!==e.length?{shortName:e.at(-1)??"",path:d,functionName:e.join("//")}:null}function e(a){return d("workflow",a)}function f(a){return d("step",a)}c.d(b,{Z:()=>f,s:()=>e})},71202:(a,b,c)=>{"use strict";c.d(b,{s:()=>i});var d=c(63471),e=c(41053),f=c(43870),g=c(47594),h=c(50041);function i({date:a,className:b="",type:c="relative"}){let[,i]=(0,g.useState)(Date.now()),j="relative"===c?(0,e.o)(new Date(a),new Date):(0,f.B)(new Date(a),{addSuffix:!0}),k=new Date(a).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});return(0,d.jsxs)(h.m_,{children:[(0,d.jsx)(h.k$,{asChild:!0,children:(0,d.jsx)("span",{className:`${b} cursor-help border-b border-dotted`,children:j})}),(0,d.jsx)(h.ZI,{children:(0,d.jsx)("p",{children:k})})]})}},85598:(a,b,c)=>{"use strict";c.d(b,{Su:()=>j,y$:()=>m,uo:()=>n,Ki:()=>q,hG:()=>p,kB:()=>i,X1:()=>h,BS:()=>l,ev:()=>k,OL:()=>g,bv:()=>o});var d=c(70635);c(25731);var e=c(98026),f=c(28532);async function g(a){let b=new Set;return(0,e.QX)(a.input).forEach(a=>{b.add(a)}),(0,e.QX)(a.output).forEach(a=>{b.add(a)}),Array.from(b)}async function h(a,b,c="desc",d=10){let g=await (0,f.ex)(a),i=await g.runs.list({pagination:{cursor:b,limit:d,sortOrder:c},resolveData:"none"});return i.data=i.data.map(e.OC),i}async function i(a,b){let c=await (0,f.ex)(a),d=await c.runs.get(b,{resolveData:"all"});return(0,e.OC)(d)}async function j(a,b){let c=await (0,f.ex)(a);await c.runs.cancel(b)}async function k(a,b,c,d="asc",e=10){let g=await (0,f.ex)(a);return await g.steps.list({runId:b,pagination:{cursor:c,limit:e,sortOrder:d},resolveData:"none"})}async function l(a,b,c){let d=await (0,f.ex)(a),h=await d.steps.get(b,c,{resolveData:"all"});return{...(0,e.OC)(h),streamIds:await g(h)}}async function m(a,b,c,d="desc",e=10,g=!1){let h=await (0,f.ex)(a);return await h.events.list({runId:b,pagination:{cursor:c,limit:e,sortOrder:d},resolveData:g?"all":"none"})}async function n(a,b,c,d="desc",e=10,g=!1){let h=await (0,f.ex)(a);return await h.events.listByCorrelationId({correlationId:b,pagination:{cursor:c,limit:e,sortOrder:d},resolveData:g?"all":"none"})}async function o(a,b,c){return(await (0,f.ex)(a)).readFromStream(b,c)}async function p(a,b,c,d="desc",g=10){let h=await (0,f.ex)(a),i=await h.hooks.list({runId:b,pagination:{cursor:c,limit:g,sortOrder:d},resolveData:"none"});return i.data=i.data.map(e.OC),i}async function q(a,b){let c=await (0,f.ex)(a),d=await c.hooks.get(b,{resolveData:"all"});return(0,e.OC)(d)}(0,c(61023).D)([g,h,i,j,k,l,m,n,o,p,q]),(0,d.A)(g,"40e79b01bc9a852d37fe69e68ad14effc234e74dff",null),(0,d.A)(h,"78de2389d1241dea7727dccb622cfb77e85dab664c",null),(0,d.A)(i,"606fa85065d02470e319ae4dee279b1ecf9767e16e",null),(0,d.A)(j,"602b9f1816c8eb1547f0732fb5455f1d16a8e14ae7",null),(0,d.A)(k,"7c8a6c644c58145a7602f0a668032f0016d389adad",null),(0,d.A)(l,"7063646fd16e68fd4e349c525523607fee915553b6",null),(0,d.A)(m,"7e0846243c317bfb3ef658067b2bdf9f713f88abcb",null),(0,d.A)(n,"7e61f819e3d5bcb00e838ebf9081a931fdc322d976",null),(0,d.A)(o,"706bfed013d7e42bf8de2d77d11e9d64ab1e48a439",null),(0,d.A)(p,"7cea6216e71bbd1d88d28dc17d3bb3015a3498ceb3",null),(0,d.A)(q,"607126fddf47bc29fcf355ecf18e12be872d75e730",null)},98026:(a,b,c)=>{"use strict";c.d(b,{OC:()=>h,QX:()=>i});var d=c(31665);let e="strm_",f=a=>"name"in a?a.name.startsWith(e)?a.name:`${e}${a.name}`:`${e}null`,g={ReadableStream:f,WritableStream:f,TransformStream:f},h=a=>{let b;if(!a)return a;if("executionContext"in(b="stepId"in a?(a=>({...a,input:a.input&&Array.isArray(a.input)&&a.input.length?(0,d.Wb)(a.input,[],globalThis,g):a.input,output:a.output?(0,d.H5)(a.output,globalThis,g):a.output}))(a):"hookId"in a?(a=>({...a,metadata:a.metadata?(0,d.Wb)(a.metadata,[],globalThis):a.metadata}))(a):"eventId"in a?(a=>({...a,eventData:a.eventData?(0,d.Wb)(a.eventData,[],globalThis):a.eventData}))(a):(a=>({...a,input:a.input&&Array.isArray(a.input)&&a.input.length?(0,d.Fv)(a.input,globalThis,g):a.input,output:a.output?(0,d.cN)(a.output,[],globalThis,g):a.output}))(a))){let{executionContext:a,...c}=b;return c}return b};function i(a){let b=[];return!function a(c){if("string"==typeof c&&c.startsWith(e))b.push(c);else if(Array.isArray(c))for(let b of c)a(b);else if(c&&"object"==typeof c)for(let b of Object.values(c))a(b)}(a),Array.from(new Set(b))}}};

package/.next/static/chunks/508-34c7cba42228a753.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[508],{960:(e,t,r)=>{"use strict";r.d(t,{u:()=>a});var n=r(8033);let a=(0,n.createServerReference)("7e61f819e3d5bcb00e838ebf9081a931fdc322d976",n.callServer,void 0,n.findSourceMapURL,"fetchEventsByCorrelationId")},1402:(e,t,r)=>{"use strict";r.d(t,{wk:()=>i,Xt:()=>s});var n=r(6489),a=r(4635);function i(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return[JSON.stringify(e),...r].filter(Boolean).join("::")}function s(e,t,r){return(0,n.Ay)(i(e,"run",t),()=>(0,a.k)(e,t),{refreshInterval:null==r?void 0:r.refreshInterval,revalidateOnFocus:!1})}r(4773)},1998:e=>{e.exports={spanRunning:"workflow-trace_spanRunning__1efX_",spanPending:"workflow-trace_spanPending__p7rdl",spanCompleted:"workflow-trace_spanCompleted__9NwVS",spanCancelled:"workflow-trace_spanCancelled___ORjw",spanPaused:"workflow-trace_spanPaused__Ffg_N",spanFailed:"workflow-trace_spanFailed__jtT9c",spanPendingStriped:"workflow-trace_spanPendingStriped___Khxv",spanSleep:"workflow-trace_spanSleep__HrTwd",spanHook:"workflow-trace_spanHook__XG6r_",eventFailed:"workflow-trace_eventFailed__3C_AS",eventRetrying:"workflow-trace_eventRetrying__Sm5qS",eventHook:"workflow-trace_eventHook__vpVmv",eventDefault:"workflow-trace_eventDefault__h2jbU"}},2287:(e,t,r)=>{"use strict";r.d(t,{$g:()=>o,Oc:()=>l,cn:()=>s,yQ:()=>i});var n=r(2928),a=r(8997);let i=10;function s(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,a.QP)((0,n.$)(t))}let l=5e3;function o(e,t,r){return r?"Page ".concat(e," of ").concat(t,"+"):"Page ".concat(e," of ").concat(t)}},2338:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>c,ZB:()=>o,Zp:()=>s,aR:()=>l});var n=r(5386),a=r(4773),i=r(2287);let s=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",r),...a})});s.displayName="Card";let l=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",r),...a})});l.displayName="CardHeader";let o=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",r),...a})});o.displayName="CardTitle",a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",r),...a})}).displayName="CardDescription";let c=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",r),...a})});c.displayName="CardContent",a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",r),...a})}).displayName="CardFooter"},2931:(e,t,r)=>{"use strict";function n(e,t){var r;if("string"!=typeof t)return null;let[n,a,...i]=t.split("//");return n===e&&a&&0!==i.length?{shortName:null!=(r=i.at(-1))?r:"",path:a,functionName:i.join("//")}:null}function a(e){return n("workflow",e)}function i(e){return n("step",e)}r.d(t,{Z:()=>i,s:()=>a})},4635:(e,t,r)=>{"use strict";r.d(t,{k:()=>a});var n=r(8033);let a=(0,n.createServerReference)("606fa85065d02470e319ae4dee279b1ecf9767e16e",n.callServer,void 0,n.findSourceMapURL,"fetchRun")},5456:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(4773),a=r(2287);function i(e){let{createKey:t,fetcher:r,params:i,live:s=!1,onLimitExceeded:l}=e,[o,c]=(0,n.useState)([]),[d,u]=(0,n.useState)(!0),[m,h]=(0,n.useState)(null),[p,v]=(0,n.useState)(!1),[f,w]=(0,n.useState)(!1),[g,x]=(0,n.useState)(!1),[_,b]=(0,n.useState)(void 0),k=(0,n.useRef)(!1),y=(0,n.useRef)(null),j=t(i),S=(0,n.useCallback)(async()=>{if(!k.current&&g)try{let e=await r(i,_,"asc",5);e.data.length>0&&(e.cursor&&b(e.cursor),c(t=>{let r=["stepId","eventId","hookId","runId","id"],n=e=>{let t=r.find(t=>e[t]);return t?e[t]:null},a=e=>{let t=e.createdAt;return t?new Date(t).getTime():0},i=new Map;for(let e of t){let t=n(e);t&&i.set(t,e)}for(let t of e.data){let e=n(t);e&&i.set(e,t)}return Array.from(i.values()).sort((e,t)=>a(e)-a(t))}))}catch(e){console.error("Live polling error:",e)}},[r,i,g,_]);return(0,n.useEffect)(()=>{c([]),v(!1),w(!1),x(!1),(async()=>{if(!k.current){k.current=!0,u(!0),h(null);try{let e,t=[];for(;;){let n=await r(i,e,"asc",100),a=n.data;if(t=[...t,...a],c(t),t.length>=1e3){w(!0),l&&l();break}if(!n.hasMore||!n.cursor){v(!0);break}(e=n.cursor)&&b(e)}}catch(e){h(e instanceof Error?e:Error(String(e)))}finally{u(!1),k.current=!1,x(!0)}}})()},[j]),(0,n.useEffect)(()=>{if(s&&g)return y.current=setInterval(S,a.Oc),()=>{y.current&&(clearInterval(y.current),y.current=null)}},[s,g,S]),(0,n.useEffect)(()=>{s&&g&&S()},[s,g]),{items:o,loading:d,error:m,hasReachedEnd:p,hasHitLimit:f,initialLoadComplete:g}}},5988:(e,t,r)=>{"use strict";r.d(t,{s:()=>o});var n=r(5386),a=r(1049),i=r(5505),s=r(4773),l=r(8257);function o(e){let{date:t,className:r="",type:o="relative"}=e,[,c]=(0,s.useState)(Date.now()),d="relative"===o?(0,a.o)(new Date(t),new Date):(0,i.B)(new Date(t),{addSuffix:!0}),u=new Date(t).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});return(0,s.useEffect)(()=>{let e=setInterval(()=>{c(Date.now())},1e3);return()=>clearInterval(e)},[]),(0,n.jsxs)(l.m_,{children:[(0,n.jsx)(l.k$,{asChild:!0,children:(0,n.jsx)("span",{className:"".concat(r," cursor-help border-b border-dotted"),children:d})}),(0,n.jsx)(l.ZI,{children:(0,n.jsx)("p",{children:u})})]})}},6016:(e,t,r)=>{"use strict";r.d(t,{$:()=>c});var n=r(5386),a=r(9280),i=r(7586),s=r(4773),l=r(2287);let o=(0,i.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),c=s.forwardRef((e,t)=>{let{className:r,variant:i,size:s,asChild:c=!1,...d}=e,u=c?a.DX:"button";return(0,n.jsx)(u,{className:(0,l.cn)(o({variant:i,size:s,className:r})),ref:t,...d})});c.displayName="Button"},6229:e=>{e.exports={traceNode:"trace-viewer_traceNode__EPpHb",childRow:"trace-viewer_childRow__Cq4_k",spanNode:"trace-viewer_spanNode__RjdWo",huge:"trace-viewer_huge__ldvPq",spanName:"trace-viewer_spanName__TQPrX",spanSpacer:"trace-viewer_spanSpacer__Oup0_",spanDuration:"trace-viewer_spanDuration__889FS",small:"trace-viewer_small__3Mgeo",xHover:"trace-viewer_xHover__SDoIm",selected:"trace-viewer_selected__9DCOs",spanNodeEvent:"trace-viewer_spanNodeEvent__NC_lB",eventDiamond:"trace-viewer_eventDiamond__6HyGU",customEventColor:"trace-viewer_customEventColor__pVObz",hoverInfo:"trace-viewer_hoverInfo__v_oM8",eventName:"trace-viewer_eventName__w9uvJ",eventTimestamp:"trace-viewer_eventTimestamp__Rkpqm",alignStart:"trace-viewer_alignStart__ryiEC",alignEnd:"trace-viewer_alignEnd__o4Ha4",colorVercel:"trace-viewer_colorVercel__EJedp",color0:"trace-viewer_color0__smm5S",color1:"trace-viewer_color1__gG1M7",color2:"trace-viewer_color2__FXg_f",color3:"trace-viewer_color3__nGR6u",color4:"trace-viewer_color4__t43hY",colorHighlight:"trace-viewer_colorHighlight__dgPVp",unlit:"trace-viewer_unlit___zTp3",mapContainer:"trace-viewer_mapContainer__slemC",spanDetailPanel:"trace-viewer_spanDetailPanel__gwWqO",spanDetailPanelResizer:"trace-viewer_spanDetailPanelResizer__jLr1h",spanDetailPanelTop:"trace-viewer_spanDetailPanelTop__KFwOZ",spanDetailPanelBody:"trace-viewer_spanDetailPanelBody__4mjfq",spanDetailPanelTopInfo:"trace-viewer_spanDetailPanelTopInfo__EXa6K",spanNameDetailPanel:"trace-viewer_spanNameDetailPanel__dTZKK",spanDetailPanelTruncatedHeading:"trace-viewer_spanDetailPanelTruncatedHeading__fRtSd",spanDetailPanelName:"trace-viewer_spanDetailPanelName__ixgKy",spanDetailPanelDuration:"trace-viewer_spanDetailPanelDuration__VopYl",spanDetailPanelCorner:"trace-viewer_spanDetailPanelCorner__q2atr",spanDetailPanelCornerInner:"trace-viewer_spanDetailPanelCornerInner__jpQt9",spanDetailPanelCloseVerticalRule:"trace-viewer_spanDetailPanelCloseVerticalRule__HiEA4",spanDetailPanelClose:"trace-viewer_spanDetailPanelClose__NV8h5",spanDetailPanelAttribute:"trace-viewer_spanDetailPanelAttribute__7kHaH",spanDetailPanelAttributeKey:"trace-viewer_spanDetailPanelAttributeKey__Lq39Y",spanDetailPanelAttributeValue:"trace-viewer_spanDetailPanelAttributeValue__ZsbcT",spanDetailPanelQuickLink:"trace-viewer_spanDetailPanelQuickLink__PQU8R",spanDetailPanelQuickLinkLabel:"trace-viewer_spanDetailPanelQuickLinkLabel__hDSrZ",detailGroup:"trace-viewer_detailGroup__q9vls",expanded:"trace-viewer_expanded__tgMvz",collapsed:"trace-viewer_collapsed__7UQa4",ancestorGroup:"trace-viewer_ancestorGroup__L1c_l",detailHeading:"trace-viewer_detailHeading__Tzelx",buttonLink:"trace-viewer_buttonLink__4Sr4T",note:"trace-viewer_note__H_BMB",skeleton:"trace-viewer_skeleton__HHaHu",skeletonRounded:"trace-viewer_skeletonRounded___tfB2",detailHeadingIcon:"trace-viewer_detailHeadingIcon__BKl_b",infraSpanDescription:"trace-viewer_infraSpanDescription__u_u4R",ancestorNode:"trace-viewer_ancestorNode__JEATz",ancestorText:"trace-viewer_ancestorText__pLFpE",ancestorName:"trace-viewer_ancestorName__usG_0",ancestorDuration:"trace-viewer_ancestorDuration__UxeMy",ancestorLineContainer:"trace-viewer_ancestorLineContainer__anAFR",ancestorLine:"trace-viewer_ancestorLine__MQKBZ",zoomButtonGroup:"trace-viewer_zoomButtonGroup__bW6dU","zoom-buttons-fade-in":"trace-viewer_zoom-buttons-fade-in__iwgTN",zoomButton:"trace-viewer_zoomButton__nqkXN",divider:"trace-viewer_divider__EYwDq",markersContainer:"trace-viewer_markersContainer__ljrni",markers:"trace-viewer_markers__phdeo",marker:"trace-viewer_marker__qcenH",notch:"trace-viewer_notch__U_RW0",markerLabel:"trace-viewer_markerLabel__k5WI7",eventMarkersContainer:"trace-viewer_eventMarkersContainer__PpoCp",eventMarkers:"trace-viewer_eventMarkers__TL4ep",eventMarker:"trace-viewer_eventMarker__LTOJz",cursorMarkerStickyParent:"trace-viewer_cursorMarkerStickyParent__fBYPl",cursorMarkerLabelContainer:"trace-viewer_cursorMarkerLabelContainer__3nvXM",cursorMarkerLabel:"trace-viewer_cursorMarkerLabel__G1GEQ",cursorMarkerContainer:"trace-viewer_cursorMarkerContainer__6iYUy",cursorMarker:"trace-viewer_cursorMarker__ZRhrA",cursorSelection:"trace-viewer_cursorSelection__RCPRm",traceViewer:"trace-viewer_traceViewer__8he63","span-skeleton":"trace-viewer_span-skeleton__AvhUy",mapCanvas:"trace-viewer_mapCanvas__0UJOT",zoomButtonTraceViewer:"trace-viewer_zoomButtonTraceViewer__D4Lqw",timeline:"trace-viewer_timeline__omxsu",searchBar:"trace-viewer_searchBar__fqBPw",searchInput:"trace-viewer_searchInput__9pXpo",searchInputLabel:"trace-viewer_searchInputLabel__Ki6la",searchInputPrefix:"trace-viewer_searchInputPrefix__vMKU7",mapThumb:"trace-viewer_mapThumb__uGh8v",spanDetailPanelTraceViewer:"trace-viewer_spanDetailPanelTraceViewer__cr4L3",traceViewerContent:"trace-viewer_traceViewerContent__T7h1G",inert:"trace-viewer_inert__4Vm6G",hidden:"trace-viewer_hidden__mlpPM",mobile:"trace-viewer_mobile__NWGVd"}},6810:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(5386),a=r(8257);function i(e){let{status:t,context:r,className:i}=e,s=()=>{switch(t){case"running":return"text-blue-600 dark:text-blue-400";case"completed":return"text-green-600 dark:text-green-400";case"failed":return"text-red-600 dark:text-red-400";case"cancelled":return"text-yellow-600 dark:text-yellow-400";case"pending":return"text-gray-600 dark:text-gray-400";case"paused":return"text-orange-600 dark:text-orange-400";default:return"text-gray-500 dark:text-gray-400"}};if("failed"===t&&(null==r?void 0:r.error)){let e="string"==typeof r.error?r.error:r.error instanceof Error?r.error.message:JSON.stringify(r.error);return(0,n.jsxs)(a.m_,{children:[(0,n.jsx)(a.k$,{asChild:!0,children:(0,n.jsx)("span",{className:"".concat(i," border-b border-dotted cursor-help ").concat(s()),children:t})}),(0,n.jsx)(a.ZI,{className:"max-w-md",children:(0,n.jsx)("p",{className:"text-xs whitespace-pre-wrap break-words",children:e})})]})}return(0,n.jsx)("span",{className:"".concat(i," ").concat(s()),children:t})}},7122:(e,t,r)=>{"use strict";r.d(t,{Fc:()=>o,TN:()=>d,XL:()=>c});var n=r(5386),a=r(7586),i=r(4773),s=r(2287);let l=(0,a.F)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),o=i.forwardRef((e,t)=>{let{className:r,variant:a,...i}=e;return(0,n.jsx)("div",{ref:t,role:"alert",className:(0,s.cn)(l({variant:a}),r),...i})});o.displayName="Alert";let c=i.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("h5",{ref:t,className:(0,s.cn)("mb-1 font-medium leading-none tracking-tight",r),...a})});c.displayName="AlertTitle";let d=i.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)("div",{ref:t,className:(0,s.cn)("text-sm [&_p]:leading-relaxed",r),...a})});d.displayName="AlertDescription"},7394:(e,t,r)=>{"use strict";r.d(t,{t:()=>d});var n=r(5386),a=r(3039),i=r(316),s=r(4773),l=r(7122),o=r(6016),c=r(2338);class d extends s.Component{static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Error caught by boundary:",e,t)}render(){return this.state.hasError&&this.state.error?this.props.fallback?this.props.fallback(this.state.error,this.handleReset):(0,n.jsxs)(c.Zp,{className:"border-destructive/50 bg-destructive/5",children:[(0,n.jsx)(c.aR,{children:(0,n.jsxs)(c.ZB,{className:"flex items-center gap-2 text-destructive",children:[(0,n.jsx)(a.A,{className:"h-5 w-5"}),this.props.title||"Error"]})}),(0,n.jsxs)(c.Wu,{className:"space-y-4",children:[(0,n.jsxs)(l.Fc,{variant:"destructive",children:[(0,n.jsx)(a.A,{className:"h-4 w-4"}),(0,n.jsx)(l.XL,{children:"Something went wrong"}),(0,n.jsx)(l.TN,{children:this.props.description||"An unexpected error occurred in this section."})]}),(0,n.jsxs)("div",{className:"bg-muted p-3 rounded-md text-sm font-mono text-muted-foreground overflow-auto max-h-48",children:[(0,n.jsx)("div",{className:"text-xs font-semibold mb-2",children:"Error details:"}),(0,n.jsx)("div",{className:"whitespace-pre-wrap break-words text-xs",children:this.state.error.message}),this.state.error.stack&&(0,n.jsx)("div",{className:"mt-2 opacity-60 text-xs",children:this.state.error.stack})]}),!1!==this.props.showReset&&(0,n.jsxs)(o.$,{variant:"outline",size:"sm",onClick:this.handleReset,className:"gap-2",children:[(0,n.jsx)(i.A,{className:"h-4 w-4"}),"Try again"]})]})]}):this.props.children}constructor(e){super(e),this.handleReset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}}},7554:(e,t,r)=>{"use strict";r.d(t,{J9:()=>eJ,b_:()=>l});var n=r(4773),a=r(2287),i=r(8033);let s=(0,i.createServerReference)("601acd38e20696bc90fc911e9c54b8900ce71e2530",i.callServer,void 0,i.findSourceMapURL,"fetchRuns");function l(e,t){var r,i,l;let{workflowName:o,status:c,limit:d=10,sortOrder:u="desc"}=t,[m,h]=(0,n.useState)(void 0),[p,v]=(0,n.useState)(!1),[f,w]=(0,n.useState)(0),[g,x]=(0,n.useState)([void 0]),[_,b]=(0,n.useState)(1),[k,y]=(0,n.useState)(new Map([[0,{data:null,isLoading:!0,error:null}]])),j=(0,n.useRef)(new Map),S=(0,n.useCallback)(async function(t,r){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=null!=r?r:"initial";if(y(e=>{var r,n;let a=new Map(e);return a.set(t,{data:null!=(n=null==(r=e.get(t))?void 0:r.data)?n:null,isLoading:!0,error:null}),a}),!n&&j.current.has(a)){let e=j.current.get(a);if(e){y(r=>{let n=new Map(r);return n.set(t,{data:e.data,isLoading:!1,error:null}),n}),h(e.cursor),v(e.hasMore);return}}try{let n=await s(e,{cursor:r,sortOrder:u,limit:d,workflowName:o,status:c});j.current.set(a,{data:n.data,cursor:n.cursor,hasMore:n.hasMore}),y(e=>{let r=new Map(e);return r.set(t,{data:n.data,isLoading:!1,error:null}),r}),h(n.cursor),v(n.hasMore)}catch(r){let e=r instanceof Error?r:Error(String(r));y(r=>{var n,a;let i=new Map(r);return i.set(t,{data:null!=(a=null==(n=r.get(t))?void 0:n.data)?a:null,isLoading:!1,error:e}),i})}},[e,o,d,u,c]);(0,n.useEffect)(()=>{S(0,void 0,!0)},[S,u,e,d,o,c]);let N=(0,n.useCallback)(()=>{if(p&&m){let e=f+1;x(e=>[...e,m]),w(e),b(t=>Math.max(t,e+1)),k.has(e)||y(t=>{let r=new Map(t);return r.set(e,{data:null,isLoading:!0,error:null}),r}),S(e,m)}},[p,m,S,f,k]),T=(0,n.useCallback)(()=>{if(f>0){let e=f-1;w(e);let t=g[e];S(e,t)}},[f,g,S]),L=(0,n.useCallback)(()=>{j.current.clear(),y(new Map([[0,{data:null,isLoading:!0,error:null}]])),w(0),x([void 0]),b(1),S(0,void 0,!0)},[S]),R=null!=(i=k.get(f))?i:{data:null,isLoading:!0,error:null},M=null!=(l=null==(r=Array.from(k.values()).find(e=>e.error))?void 0:r.error)?l:null,C=Array.from(k.values()).some(e=>e.isLoading),D=p?f+2:f+1,E=f+1,I=(0,a.$g)(E,_,E===_&&p);return{data:R,allData:Array.from(k.values()),error:M,isLoading:C,currentPage:f,totalPages:D,nextPage:N,previousPage:T,hasNextPage:p,hasPreviousPage:f>0,reload:L,pageInfo:I}}var o=r(5386),c=r(2928);let d=(0,i.createServerReference)("7063646fd16e68fd4e349c525523607fee915553b6",i.callServer,void 0,i.findSourceMapURL,"fetchStep");var u=r(4635);let m=(0,i.createServerReference)("607126fddf47bc29fcf355ecf18e12be872d75e730",i.callServer,void 0,i.findSourceMapURL,"fetchHook");var h=r(6489),p=r(960),v=r(2931);let f={pending:"workflow.status.0-pending",running:"workflow.status.1-running",completed:"workflow.status.2-completed",paused:"workflow.status.3-paused",sleep:"workflow.status.4-sleep",failed:"workflow.status.5-failed",cancelled:"workflow.status.6-cancelled"},w={name:"vercel-workflow",version:"0.1"};function g(e){let t=0;switch(e){case"completed":t=1;break;case"failed":t=2;break;default:t=0}return{code:t}}function x(e){return"sleep"===("stepId"in e?e.stepName:"").toLowerCase()?f.sleep:"hookId"in e?"workflow.hook":_(e.status)}function _(e){return"pending"===e?f.pending:"running"===e?f.running:"completed"===e?f.completed:"paused"===e?f.paused:"failed"===e?f.failed:"cancelled"===e?f.cancelled:f.pending}function b(e){if(!e||!(e instanceof Date))return[0,0];let t=e.getTime();return[Math.floor(t/1e3),t%1e3*1e6]}function k(e,t){if(!e||!(e instanceof Date))return[0,0];let r=(t&&t instanceof Date?t:new Date).getTime()-e.getTime();return[Math.floor(r/1e3),r%1e3*1e6]}let y=new Set(["hook_created","hook_received","hook_disposed","step_retrying","step_failed","workflow_failed"]);function j(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return e.filter(e=>!t||y.has(e.eventType)).map(e=>{var t;return{name:e.eventType,timestamp:b(e.createdAt),attributes:{eventId:e.eventId,correlationId:e.correlationId,eventData:"eventData"in e?e.eventData:void 0},showVerticalLine:"hook_created"===(t=e.eventType)||"hook_received"===t||"hook_disposed"===t}})}function S(e){let{summary:t,children:r}=e;return(0,o.jsxs)("details",{className:"group",children:[(0,o.jsx)("summary",{className:"cursor-pointer rounded-md border px-3 py-2 text-copy-14 hover:brightness-95",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-900)"},children:t}),(0,o.jsx)("div",{className:"p-2",children:r})]})}let N=e=>(0,o.jsx)("pre",{className:"text-copy-12 overflow-x-auto rounded-md border p-4",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-1000)"},children:(0,o.jsx)("code",{children:JSON.stringify(e,null,2)})}),T=["workflowName","stepName","status","stepId","hookId","eventId","runId","attempt","token","correlationId","eventType","deploymentId","ownerId","projectId","environment","executionContext","createdAt","startedAt","updatedAt","completedAt","error","errorCode","metadata","eventData","input","output"],L=(e,t)=>(T.indexOf(e)||0)-(T.indexOf(t)||0),R={workflowName:e=>{var t,r;return null!=(r=null==(t=(0,v.s)(String(e)))?void 0:t.shortName)?r:"?"},stepName:e=>{var t,r;return null!=(r=null==(t=(0,v.Z)(String(e)))?void 0:t.shortName)?r:"?"},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),eventType:e=>String(e),correlationId:e=>String(e),deploymentId:e=>String(e),ownerId:e=>null,projectId:e=>null,environment:e=>null,executionContext:e=>null,createdAt:e=>new Date(String(e)).toLocaleString(),startedAt:e=>new Date(String(e)).toLocaleString(),updatedAt:e=>new Date(String(e)).toLocaleString(),completedAt:e=>new Date(String(e)).toLocaleString(),metadata:N,input:e=>{let t=Array.isArray(e)?e.length:0;return(0,o.jsx)(S,{summary:"Input (".concat(t," arguments)"),children:Array.isArray(e)?e.map((e,t)=>(0,o.jsx)("div",{className:"mt-2",children:N(e)},t)):N(e)})},output:e=>(0,o.jsx)(S,{summary:"Output",children:N(e)}),error:e=>(0,o.jsx)(S,{summary:"Error",children:N(e)}),errorCode:N,eventData:e=>(0,o.jsx)(S,{summary:"Event Data",children:N(e)})},M=["input","output","error","errorCode","metadata","eventData"],C=e=>{let{attribute:t,value:r,isLoading:n}=e,a=R[t];if(!a)return null;let i=a(r);return i?(0,o.jsxs)("div",{className:"relative",children:["boolean"==typeof n&&n&&(0,o.jsx)("div",{className:"absolute top-2 right-2",children:(0,o.jsx)("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2",style:{borderColor:"var(--ds-gray-900)"}})}),(0,o.jsxs)("div",{className:"flex flex-col gap-0 my-2",children:[(0,o.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-500)"},children:t}),(0,o.jsx)("span",{style:{color:"var(--ds-gray-1000)"},children:i})]},t)]}):null},D=e=>{let{data:t,fetchFunc:r,fetchKey:n}=e,{data:a,error:i,isLoading:s}=(0,h.Ay)(n,r,{fallbackData:t,revalidateOnFocus:!1}),l=a||t,c=Object.keys(l).filter(e=>!M.includes(e)).sort(L),d=Object.keys(l).filter(e=>M.includes(e)).sort(L);return(0,o.jsxs)("div",{children:[c.map(e=>(0,o.jsx)(C,{attribute:e,value:l[e]},e)),i?(0,o.jsxs)("div",{className:"text-copy-14 text-red-600",children:["Failed to load step details: ",i.message]}):d.map(e=>(0,o.jsx)(C,{isLoading:s,attribute:e,value:l[e]},e))]})};function E(e){let{id:t,config:r,events:a}=e,i=(0,n.useCallback)(()=>(0,p.u)(r,t,void 0,void 0,100,!0).then(e=>j(e.data||[],!1)),[r,t]),{data:s,error:l,isLoading:c}=(0,h.Ay)(["workflow","events",t],i,{fallbackData:a,revalidateOnFocus:!1}),d=s||a||[];return(0,o.jsxs)("div",{className:"mt-2",style:{color:"var(--ds-gray-1000)"},children:[(0,o.jsx)("h4",{children:"Associated Events"}),l?(0,o.jsxs)("div",{children:["Error loading events: ",l.message]}):null,c?(0,o.jsx)("div",{children:"Loading events..."}):null,d.length>0&&!l?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("h3",{className:"text-heading-16 font-medium mt-4 mb-2",style:{color:"var(--ds-gray-1000)"},children:["Events (",d.length,")"]}),(0,o.jsx)("div",{className:"flex flex-col gap-2",children:d.map((e,t)=>(0,o.jsx)(S,{summary:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-1000)"},children:e.name})," ","-"," ",(0,o.jsx)("span",{style:{color:"var(--ds-gray-700)"},children:new Date(1e3*e.timestamp[0]+e.timestamp[1]/1e6).toLocaleString()})]}),children:(0,o.jsxs)("div",{className:"mt-2 px-4",children:[Object.entries(e.attributes).filter(e=>{let[t]=e;return"eventData"!==t}).map(e=>{let[t,r]=e;return(0,o.jsx)(C,{attribute:t,value:r},t)}),(0,o.jsxs)("div",{className:"relative",children:[l&&(0,o.jsx)("div",{children:"Error loading event data"}),!l&&!c&&e.attributes.eventData&&(0,o.jsx)(C,{isLoading:c,attribute:"eventData",value:e.attributes.eventData})]})]})},"".concat(e.name,"-").concat(t)))})]}):null]})}let I={root:{startTime:0,endTime:1,duration:1,depth:0,children:[]},spanMap:{},resourceMap:{},filter:"",selected:null,baseScale:1,scaleRatio:1,scale:1,width:640,height:480,timelineWidth:640,timelineHeight:480,panelWidth:380,panelHeight:480,scrollbarWidth:0,timelineRef:{current:null},scrollSnapshotRef:{current:void 0},memoCacheRef:{current:new Map},getQuickLinks:()=>[],withPanel:!1,isMobile:!1,customPanelComponent:null},P=e=>(e.width-e.scrollbarWidth-Number(!!(e.selected&&e.withPanel))*e.panelWidth)/e.root.duration,A=(0,n.createContext)({state:I,dispatch:()=>{}});A.displayName="TraceViewerContext";let F=(e,t)=>{switch(t.type){case"setRoot":return e.scrollSnapshotRef.current=void 0,e.memoCacheRef.current.clear(),F({...e,root:t.root,spanMap:t.spanMap,resourceMap:Object.fromEntries(t.resources.map(e=>{let{name:t,attributes:r}=e;return[t,r]}))},{type:"detectBaseScale"});case"setSize":{let r=t.height-56-40-24,n=e.withPanel&&t.width<=768,a={...e,width:t.width,height:t.height,timelineWidth:t.width-Number(!!(e.selected&&e.withPanel&&!n))*e.panelWidth,timelineHeight:r,panelHeight:r,isMobile:n};return a.width!==e.width&&(a=F(a,{type:"detectBaseScale"})),a}case"setPanelWidth":{let r=Math.max(240,Math.min(t.width,e.width-240));return{...e,timelineWidth:e.width-r,panelWidth:r}}case"setFilter":return{...e,filter:t.filter};case"deselect":return F({...e,selected:null,timelineWidth:e.width},{type:"minScale"});case"select":{let r=e.spanMap[t.id];if(!r)return e;return{...e,selected:r,timelineWidth:e.width-(e.withPanel&&!e.isMobile?e.panelWidth:0)}}case"escape":if(e.selected)return F(e,{type:"deselect"});return F(e,{type:"resetScale"});case"toggleSelection":{var r;let n=e;if(e.selected&&(n=F(n,{type:"deselect"})),(null==(r=e.selected)?void 0:r.span.spanId)===t.id)return n;return F(n,{type:"select",id:t.id})}case"detectBaseScale":{let t=(e.width-e.scrollbarWidth)/e.root.duration;return{...e,baseScale:t,scale:t*e.scaleRatio}}case"setScale":return{...e,scaleRatio:t.scale,scale:e.baseScale*t.scale};case"resetScale":return F(e,{type:"scaleToRange",t1:e.root.startTime,t2:e.root.endTime});case"scaleToNode":{let r=e.spanMap[t.id];if(!r)return e;return F(F(e,{type:"setScale",scale:(e.width-e.scrollbarWidth-(e.withPanel&&!e.isMobile?e.panelWidth:0))/r.duration/e.baseScale}),{type:"setScrollSnapshot",anchorT:r.startTime-e.root.startTime,anchorX:0})}case"scaleToRange":{let r=Math.abs(t.t1-t.t2);return F(F(e,{type:"setScale",scale:(e.width-e.scrollbarWidth-(e.selected&&e.withPanel?e.panelWidth:0))/r/e.baseScale}),{type:"setScrollSnapshot",anchorT:Math.min(t.t1,t.t2)-e.root.startTime,anchorX:0})}case"adjustScaleRatio":{let{scaleRatio:r}=e;switch(t.direction){case -1:r*=.8;break;case 1:r*=1.25;break;default:r=1}let n=e.timelineRef.current;if(!n)return console.warn("timelineRef is null"),e;let{clientWidth:a,scrollLeft:i}=n;return F(F({...e,scaleRatio:r,scale:e.baseScale*r},{type:"minScale"}),{type:"setScrollSnapshot",anchorT:(i+.5*a)/e.scale,anchorX:.5*a})}case"trackpadScale":{let r=Math.max(P(e)/e.baseScale,e.scaleRatio*(1+.2*Math.sign(t.delta)*Math.sqrt(Math.abs(t.delta))));return F({...e,scaleRatio:r,scale:e.baseScale*r},{type:"setScrollSnapshot",anchorT:t.anchorT,anchorX:t.anchorX})}case"minScale":{let t=P(e);if(e.scale>=t)return e;return{...e,scale:t,scaleRatio:t/e.baseScale}}case"setScrollSnapshot":{let r=e.timelineRef.current;if(!r)return e;let{anchorT:n,anchorX:a}=t,i=n*e.scale-a,{scrollTop:s}=r,l=(s-24-8)/26,o=l+Math.ceil(e.timelineHeight/26);return e.scrollSnapshotRef.current={anchorT:n,anchorX:a,scrollLeft:i,scrollTop:s,startTime:e.root.startTime+i/e.scale,endTime:e.root.startTime+(i+e.timelineWidth)/e.scale,startRow:l,endRow:o,scale:e.scale},e}case"setWithPanel":if(e.withPanel===t.withPanel)return e;return{...e,withPanel:t.withPanel};case"forceRender":return e.memoCacheRef.current.set("",{}),{...e}}};function H(e){let{getQuickLinks:t,withPanel:r=!1,children:a,customSpanClassNameFunc:i,customSpanEventClassNameFunc:s,customPanelComponent:l=null}=e,c=(0,n.useRef)(null),d=(0,n.useRef)(void 0),u=(0,n.useRef)(t);u.current=t;let m=(0,n.useRef)(new Map),h=(0,n.useRef)(new Map),[p,v]=(0,n.useReducer)(F,I,e=>({...e,scrollbarWidth:(()=>{if(!("document"in globalThis))return 0;let e=document.createElement("div");e.style.width="".concat(400,"px"),e.style.height="".concat(400,"px"),e.style.overflow="scroll",document.body.appendChild(e);let t=400-e.scrollWidth;return e.remove(),t})(),timelineRef:c,scrollSnapshotRef:d,customSpanClassNameFunc:i,customSpanEventClassNameFunc:s,customPanelComponent:l,memoCacheRef:m,withPanel:r,getQuickLinks:e=>{var t;let r=e.spanId,n=h.current.get(r);if(n)return n;let a=(null==(t=u.current)?void 0:t.call(u,e))||[];return h.current.set(r,a),a}}));(0,n.useEffect)(()=>v({type:"setWithPanel",withPanel:r}),[r]);let f=(0,n.useMemo)(()=>({state:p,dispatch:v}),[p,v]);return(0,o.jsx)(A.Provider,{value:f,children:a})}let W=()=>(0,n.useContext)(A);var V=r(6229),O=r.n(V);function B(e){let[t,r]=e;return 1e3*t+r/1e6}function z(e){return[Math.floor(e/1e3),e%1e3*1e3]}let q=new Intl.NumberFormat(void 0,{maximumFractionDigits:2});function U(e){return 0===e?"0":e>=1e3?"".concat(q.format(e/1e3),"s"):"".concat(q.format(e),"ms")}let K=new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2});function $(e){return e>=1e3?"".concat(K.format(e/1e3),"s"):"".concat(K.format(e),"ms")}let G=(e,t)=>e.duration*t<64,X=(e,t)=>e.duration*t>=500,Z=e=>e.isVercel?String(O().colorVercel):String(O()["color".concat(e.resourceIndex%5)]),Q=(e,t)=>{let r=X(e,t),n=e.isHovered&&!r&&!1!==e.isHighlighted;return(0,c.$)(O().spanNode,r&&O().huge,G(e,t)&&O().small,e.isSelected&&O().selected,n&&O().xHover,e.isHighlighted?O().colorHighlight:Z(e),!1===e.isHighlighted&&O().unlit)},J=(0,n.memo)(function(e){let{root:t,scale:r,spans:n,scrollSnapshotRef:a,cache:i,customSpanClassNameFunc:s,customSpanEventClassNameFunc:l}=e;return n.map(e=>(0,o.jsx)(Y,{cacheKey:i.get(e.span.spanId),customSpanEventClassNameFunc:l,customSpanClassNameFunc:s,node:e,root:t,scale:r,scrollSnapshotRef:a},e.span.spanId))}),Y=(0,n.memo)(function(e){let{node:t,root:r,scale:a,scrollSnapshotRef:i,customSpanClassNameFunc:s,customSpanEventClassNameFunc:l}=e,d=(0,n.useRef)(null);t.ref=d;let{span:u}=t,m=t.isInstrumentationHint?"Get Started":U(t.duration),h=(t.startTime-r.startTime)*a,p=24+26*t.row,v=t.duration*a,f=24,w=X(t,a),g=G(t,a),x=t.isHovered&&!w&&!1!==t.isHighlighted;g&&!x&&(f*=.4,p+=(24-f)*.5);let _=!1;if(x){let{duration:e,endTime:n}=r,a=i.current;a&&(e=a.endTime-a.startTime,n=a.endTime),_=n-t.startTime<.25*e}let b=s?s(t):"";return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{"aria-label":"".concat(u.name," - ").concat(m),className:(0,c.$)(Q(t,a),b),"data-span-id":u.spanId,"data-start-time":t.startTime-r.startTime,"data-right-side":_,ref:d,style:{"--span-width":"".concat(v,"px"),minWidth:x?v:void 0,width:x?void 0:v,height:f,maxWidth:x&&!_?(r.endTime-t.startTime)*a:void 0,containIntrinsicWidth:x?void 0:v,containIntrinsicHeight:f,left:_?void 0:h,right:_?(r.endTime-t.endTime)*a:void 0,top:p},type:"button",children:g&&!x?null:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:O().spanName,children:t.label||u.name}),w?(0,o.jsx)("span",{className:O().spanSpacer}):null,x||v>128?(0,o.jsx)("span",{className:O().spanDuration,children:m}):null]})}),t.events&&!g?t.events.map(e=>(0,o.jsx)(ee,{customSpanEventClassNameFunc:l,event:e,node:t,root:r,scale:a},e.key)):null]})}),ee=(0,n.memo)(function(e){let{event:t,node:r,root:a,scale:i,customSpanEventClassNameFunc:s}=e,l=(0,n.useRef)(null);t.ref=l;let{event:{name:d}}=t,u=U(t.timestamp-a.startTime),m=(t.timestamp-a.startTime)*i,h=24+26*r.row,p=s?s(t):"";return(0,o.jsxs)("div",{title:"".concat(d," at ").concat(u),className:(0,c.$)(O().spanNodeEvent,p,r.isHighlighted?O().colorHighlight:Z(r),!1===r.isHighlighted&&O().unlit),"data-hovered":t.isHovered,ref:l,style:{left:m,top:h},children:[(0,o.jsxs)("div",{className:(0,c.$)(O().hoverInfo,(t.timestamp-r.startTime)/r.duration<.5?O().alignStart:O().alignEnd),children:[(0,o.jsx)("span",{className:O().eventName,children:d}),(0,o.jsx)("span",{className:O().eventTimestamp,children:u})]}),(0,o.jsx)("div",{className:O().eventDiamond})]})}),et={"gray-700":"var(--ds-gray-700)","gray-900":"var(--ds-gray-900)"};function er(e){let{size:t=16,color:r="gray-700"}=e,n={color:et[r]||r};return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:n,"aria-hidden":!0,children:[(0,o.jsx)("title",{children:"Cross"}),(0,o.jsx)("path",{d:"M6 6l12 12M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function en(e){let{size:t=16}=e;return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,className:O().detailHeadingIcon,children:[(0,o.jsx)("title",{children:"Chevron Down"}),(0,o.jsx)("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function ea(e){let{size:t=16,color:r="gray-900"}=e,n={color:et[r]||r};return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:n,"aria-hidden":!0,children:[(0,o.jsx)("title",{children:"External Small"}),(0,o.jsx)("path",{d:"M14 4h6m0 0v6m0-6L10 14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function ei(e){let{as:t,className:r,href:n,children:a,...i}=e;return"span"!==(t||"a")&&n?(0,o.jsx)("a",{className:r,href:n,...i,children:a}):(0,o.jsx)("span",{className:r,...i,children:a})}function es(e){let{className:t,children:r,size:n,...a}=e;return(0,o.jsx)("a",{...a,className:(0,c.$)(O().buttonLink,t),children:r})}function el(e){let{children:t,className:r}=e;return(0,o.jsx)("div",{className:(0,c.$)(O().note,r),children:t})}function eo(e){let{width:t,height:r,rounded:n}=e;return(0,o.jsx)("span",{className:(0,c.$)(O().skeleton,n&&O().skeletonRounded),style:{width:t,height:r},"aria-hidden":!0})}let ec=e=>"".concat((100*e).toFixed(3),"%"),ed=(e,t)=>e<t?-1:+(e>t),eu=e=>{let t={};for(let[r,n]of Object.entries(e)){let e=r.indexOf("."),a="",i="";-1!==e?(a=r.substring(0,e),i=r.substring(e+1)):i=r;let s=t[a];s||(s={prefix:a,attributes:[]},t[a]=s),s.attributes.push({key:r,suffix:i,value:String(n)})}let r=Array.from(Object.values(t)).sort((e,t)=>ed(e.prefix,t.prefix));for(let e of r)e.attributes.sort((e,t)=>ed(e.suffix,t.suffix));return r},em=()=>{var e;let{state:{root:t,selected:r,resourceMap:a,getQuickLinks:i},dispatch:s}=W(),l=(0,n.useMemo)(()=>((e,t)=>{let r=[];if(!t)return r;for(let e=t;"parent"in e;e=e.parent)r.unshift(e);return r})(0,r),[t,r]),d=(0,n.useMemo)(()=>{var e;return eu(null!=(e=null==r?void 0:r.span.attributes)?e:{})},[r]),u=(0,n.useMemo)(()=>{let e=null==r?void 0:r.span.resource;if(!e)return[];let t=a[e];return t?eu(t):[]},[a,r]);if(!r)return null;let{span:m}=r,h=e_(r);return(0,o.jsxs)(o.Fragment,{children:[r.isVercel?(0,o.jsx)(eb,{node:r}):null,r.isInstrumentationHint?(0,o.jsx)(ej,{}):null,!r.isInstrumentationHint&&l.length?(0,o.jsx)(ev,{className:O().ancestorGroup,name:"Location",children:l.map(e=>(0,o.jsxs)("button",{className:O().ancestorNode,onClick:()=>s({type:"select",id:e.span.spanId}),type:"button",children:[(0,o.jsxs)("div",{className:O().ancestorText,children:[(0,o.jsx)("span",{className:O().ancestorName,children:e.label||e.span.name}),(0,o.jsx)("span",{className:O().ancestorDuration,children:U(e.duration)})]}),(0,o.jsx)("span",{"aria-hidden":!0,className:O().ancestorLineContainer,children:(0,o.jsx)("span",{className:(0,c.$)(O().ancestorLine,Z(e)),style:{left:ec((e.startTime-t.startTime)/t.duration),width:ec(e.duration/t.duration)}})})]},"".concat(r.span.spanId,".").concat(e.span.spanId)))}):null,h?(0,o.jsx)(ek,{getQuickLinks:i,span:r.span}):null,(null==(e=r.events)?void 0:e.length)?(0,o.jsx)(ev,{name:"Events",children:r.events.map(e=>(0,o.jsxs)(n.Fragment,{children:[(0,o.jsxs)("dl",{className:O().spanDetailPanelAttribute,children:[(0,o.jsx)("dt",{className:O().spanDetailPanelAttributeKey,children:e.event.name}),(0,o.jsx)("dd",{className:O().spanDetailPanelAttributeValue,children:U(e.timestamp-t.startTime)})]}),Object.entries(e.event.attributes).map(t=>{let[r,n]=t;return(0,o.jsx)(eS,{name:"".concat(e.event.name,".").concat(r),value:n},r)})]},e.key))}):null,d.length?(0,o.jsx)(ev,{name:"Attributes",children:d.map(e=>(0,o.jsx)(n.Fragment,{children:e.attributes.map(e=>{let{key:t,value:r}=e;return(0,o.jsx)(eS,{name:t,value:r},t)})},e.prefix))}):null,u.length?(0,o.jsx)(ev,{name:"Resource",children:u.map(e=>(0,o.jsx)(n.Fragment,{children:e.attributes.map(e=>{let{key:t,value:r}=e;return(0,o.jsx)(eS,{name:t,value:r},t)})},e.prefix))}):null,r.isInstrumentationHint?null:(0,o.jsxs)(ev,{name:"Library",children:[(0,o.jsx)(eS,{name:"name",value:m.library.name}),m.library.version?(0,o.jsx)(eS,{name:"version",value:m.library.version}):null]})]})};function eh(e){let{attached:t=!1}=e,{state:{selected:r,isMobile:n,customPanelComponent:a},dispatch:i}=W();if(!r)return null;let{span:s}=r;return(0,o.jsxs)("div",{className:(0,c.$)(O().spanDetailPanel,n&&O().mobile),children:[t&&!n?(0,o.jsx)(eN,{}):null,(0,o.jsx)("div",{className:O().spanDetailPanelTop,children:(0,o.jsxs)("div",{className:O().spanDetailPanelTopInfo,children:[(0,o.jsxs)("div",{className:O().spanDetailPanelTruncatedHeading,children:[r.isInstrumentationHint?null:(0,o.jsx)("span",{className:O().spanDetailPanelDuration,children:U(r.duration)}),(0,o.jsx)("span",{className:O().spanDetailPanelName,title:s.name,children:s.name})]}),(0,o.jsxs)("div",{className:O().spanDetailPanelCorner,children:[(0,o.jsx)("div",{className:O().spanDetailPanelCloseVerticalRule}),(0,o.jsx)("button",{"aria-label":"Close Span Details",className:O().spanDetailPanelClose,onClick:()=>i({type:"deselect"}),type:"button",children:(0,o.jsx)(er,{color:"gray-700",size:24})})]})]})}),(0,o.jsx)("div",{className:(0,c.$)("flex gap-3",O().spanDetailPanelBody),children:a||(0,o.jsx)(em,{})})]})}let ep="vc-trace-span-exp:";function ev(e){let{name:t,className:r="",children:a}=e,[i,s]=(0,n.useState)(()=>!("localStorage"in globalThis)||"0"!==localStorage.getItem("".concat(ep).concat(t))),l=(0,n.useCallback)(()=>{s(e=>{let r=!e;return localStorage.setItem("".concat(ep).concat(t),String(Number(r))),r})},[t]);return(0,o.jsxs)("div",{className:(0,c.$)(O().detailGroup,i?O().expanded:O().collapsed,r),children:[(0,o.jsxs)("button",{className:O().detailHeading,onClick:l,type:"button",children:[(0,o.jsx)("span",{children:t}),(0,o.jsx)(en,{})]}),i?a:null]})}let ef=new Set(["OPTIONS","HEAD","GET","PUT","POST","DELETE"]),ew={"Resolve Deployment":"How long it took Vercel's routing layer to retrieve details for the deployment.","Resolve Cache":"How long it took Vercel's routing layer to check for a cached function invocation.","Resolve Route":"How long it took Vercel's routing layer to resolve routing rules, including redirects and rewrites.","Invoke Middleware":"How long it took this middleware to start and run user code.","Invoke Function":"How long it took this Vercel Function to start and run user code.",waitUntil:"How long it took to run user code inside of waitUntil.","Start VM":"How long it took to start the Virtual Machine which contains the Vercel Function.","Spawn Node.js":"How long it took the Virtual Machine to start the Node.js runtime.","Spawn Python":"How long it took the Virtual Machine to start the Python runtime.","Init User Code":"How long it took to import the user code and run any globally-scoped code."},eg=new Set(["Start VM","Spawn Node.js","Spawn Python","Init User Code"]),ex=e=>{if(!e||!("span"in e))return null;let t=e.span.attributes,r=t["vercel.region"]||t["vercel.function.region"];return r?String(r):null},e_=e=>{if(!e.isVercel)return!1;let{name:t}=e.span,r=t.indexOf(" ");if(-1===r)return!1;let n=t.substring(0,r);return ef.has(n)};function eb(e){let{node:t}=e,{name:r}=t.span,n=ew[r];if(!n&&e_(t)&&(n="How long it took for Vercel to process the request and send the response."),!n)return null;let a=(e=>{let{name:t}=e.span,r=ex(e),n=ex(e.parent);return"true"===e.span.attributes["vercel.middleware.internal"]?"The Vercel Toolbar created this middleware.":eg.has(t)||"Invoke Function"===t&&e.children.some(e=>eg.has(e.span.name))?"This function encountered a cold start.":r&&n&&r!==n?"This request was routed across regions.":null})(t);return(0,o.jsx)(ev,{name:"What is this?",children:(0,o.jsxs)("div",{className:O().infraSpanDescription,children:[(0,o.jsx)("span",{children:n}),a?(0,o.jsx)(el,{children:a}):a]})})}let ek=(0,n.memo)(function(e){let{getQuickLinks:t,span:r}=e,n=t(r);return n.length?(0,o.jsx)(ev,{name:"Links",children:n.map(e=>{let{key:t,value:r}=e;return(0,o.jsx)(ey,{link:r,name:t},t)})}):null});function ey(e){let{name:t,link:r}=e,a=function(e){let[t,r]=(0,n.useState)({}),a=void 0!==e.__resolvedValue||void 0!==e.__rejectedValue;return(0,n.useEffect)(()=>{a||e.then(t=>{e.__resolvedValue=t}).catch(t=>{e.__rejectedValue=t}).finally(()=>r({}))},[e,a]),e.__resolvedValue}(r);return(0,o.jsxs)(ei,{as:a?void 0:"span",className:(0,c.$)(O().spanDetailPanelAttribute,O().spanDetailPanelQuickLink),href:(null==a?void 0:a.href)||"",children:[(0,o.jsx)("span",{className:O().spanDetailPanelAttributeKey,children:t}),(0,o.jsx)("span",{className:(0,c.$)(O().spanDetailPanelAttributeValue,O().spanDetailPanelQuickLinkLabel),children:a?(0,o.jsxs)(o.Fragment,{children:[a.label,a.icon||(0,o.jsx)(ea,{color:"gray-900"})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(eo,{height:18,width:32+8*t.length}),(0,o.jsx)(eo,{height:18,rounded:!0,width:18})]})})]})}function ej(){return(0,o.jsx)(ev,{name:"What is this?",children:(0,o.jsxs)("div",{className:O().infraSpanDescription,children:[(0,o.jsx)("span",{children:"You can visualize your application's spans alongside Vercel's spans in this viewer."}),(0,o.jsx)(es,{href:"https://vercel.com/docs/session-tracing#adding-custom-spans",size:"small",target:"_blank",children:"Get Started"})]})})}function eS(e){let{name:t,value:r}=e;return(0,o.jsxs)("dl",{className:O().spanDetailPanelAttribute,children:[(0,o.jsx)("dt",{className:O().spanDetailPanelAttributeKey,children:t}),(0,o.jsx)("dd",{className:O().spanDetailPanelAttributeValue,title:String(r),children:String(r)})]})}function eN(){let{state:{panelWidth:e},dispatch:t}=W(),r=(0,n.useRef)({start:{x:0,width:e},x:0,width:e,isHeld:!1});r.current.width=e;let a=(0,n.useCallback)(e=>{if("mouse"!==e.pointerType)return;e.preventDefault();let t=r.current;t.start.x=e.clientX,t.x=e.clientX,t.start.width=t.width,t.isHeld=!0},[]),i=(0,n.useCallback)(()=>{t({type:"setPanelWidth",width:I.panelWidth})},[t]);return(0,n.useEffect)(()=>{let e=0,n=()=>{let e=r.current;t({type:"setPanelWidth",width:e.start.width+e.start.x-e.x})},a=t=>{r.current.isHeld&&(t.preventDefault(),r.current.x=t.clientX,cancelAnimationFrame(e),e=requestAnimationFrame(n))},i=()=>{r.current.isHeld=!1};return window.addEventListener("pointermove",a),window.addEventListener("pointerup",i),()=>{window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",i)}},[t]),(0,o.jsx)("div",{"aria-hidden":!0,className:O().spanDetailPanelResizer,onDoubleClick:i,onPointerDown:a})}function eT(e){let t=(0,n.useRef)({});return{setStyle:(0,n.useCallback)((r,n)=>{if(t.current[r]=n,e.current){if(!n)return void e.current.style.removeProperty(r);e.current.style.setProperty(r,n)}},[e]),styleRef:t,style:{...t.current}}}let eL=(0,n.memo)(function(e){let{timelineRef:t,rows:r,scale:a}=e,{state:{root:i,baseScale:s,timelineWidth:l,width:c,scrollbarWidth:d}}=W(),u=c+16,m=(()=>{let[e,t]=(0,n.useState)(1);return(0,n.useLayoutEffect)(()=>{let r=()=>t("devicePixelRatio"in globalThis&&globalThis.devicePixelRatio||1),n=matchMedia("(resolution: ".concat(e,"dppx)"));return n.addEventListener("change",r),r(),()=>{n.removeEventListener("change",r)}},[e]),e})(),h=(0,n.useRef)(null),p=(0,n.useRef)(null),v=c/(c-d)*Math.min(c/l,s/a),f=Math.min(c,(l-d)*v);(0,n.useEffect)(()=>{let e,r=!1,n=0,a=e=>{var t;return!!(null==(t=h.current)?void 0:t.contains(e))},i=0,s=()=>{if(!r||!e)return;let a=t.current;a&&(a.scrollLeft=(n-.5*f-e.left)/v)},l=e=>{({clientX:n}=e),cancelAnimationFrame(i),i=requestAnimationFrame(s)},o=t=>{var n;a(t.target)&&(r=!0,e=null==(n=h.current)?void 0:n.getBoundingClientRect(),l(t))},c=()=>{r=!1,e=void 0},d=e=>{a(e.target)&&e.cancelable&&e.preventDefault()},u=e=>{r&&e.cancelable&&e.preventDefault()};return window.addEventListener("pointerdown",o),window.addEventListener("pointermove",l),window.addEventListener("pointerup",c),window.addEventListener("blur",c),window.addEventListener("touchstart",d,{passive:!1}),window.addEventListener("touchmove",u,{passive:!1}),()=>{window.removeEventListener("pointerdown",o),window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",c),window.removeEventListener("blur",c),window.removeEventListener("touchstart",d),window.removeEventListener("touchmove",u),cancelAnimationFrame(i)}},[t,v,f]),(0,n.useEffect)(()=>{let e=p.current,t=null==e?void 0:e.getContext("2d");if(!e||!t)return;let n=requestAnimationFrame(()=>{t.resetTransform(),t.clearRect(0,0,e.width,e.height),t.scale(m,m);let n=(u-16)/i.duration;for(let e of(t.fillStyle="#ccc",t.beginPath(),r))for(let r of e){let e=7+4*r.row;if(e>=45)break;let a=8+(r.startTime-i.startTime)*n,s=r.duration*n;t.roundRect(a,e,s,3,3)}t.fill()});return()=>cancelAnimationFrame(n)},[m,i,u,r]);let w=(0,n.useRef)(null),{style:g,setStyle:x}=eT(w);return(0,n.useLayoutEffect)(()=>{let e=t.current;if(!e)return;let r=0,n=()=>{x("transform","translateX(".concat(8+e.scrollLeft*v,"px)"))};n();let a=()=>{cancelAnimationFrame(r),r=requestAnimationFrame(n)};return e.addEventListener("scroll",a),()=>{cancelAnimationFrame(r),e.removeEventListener("scroll",a)}},[t,v,x]),(0,o.jsxs)("div",{className:O().mapContainer,ref:h,style:{width:f>0?u:"100%",height:56},children:[(0,o.jsx)("canvas",{className:O().mapCanvas,height:56*m,ref:p,style:{width:u,height:56},width:u*m}),(0,o.jsx)("div",{className:O().mapThumb,ref:w,style:{transform:g.transform,width:f>0?f:"calc(100% - ".concat(16,"px)"),top:2,height:52}})]})}),eR=[1,2,4,5,8,10];function eM(e){let{scale:t}=e,{state:{root:r}}=W(),n=r.duration,a=Math.floor(Math.log10(n)),i=Math.max(2,10**a*(Math.floor(Math.log10(.5*n))===a?1:.5)),s=i*t,l=1;for(let e of eR){if(i/e<24)break;l=e}i/=l,s/=l;let d=Math.ceil(n/i),u=Math.ceil(100/s)||1;return(0,o.jsx)("div",{className:O().markersContainer,children:(0,o.jsx)("div",{"aria-hidden":!0,className:O().markers,style:{width:Math.floor(r.duration*t+15),visibility:-1!==t?"visible":"hidden","--marker-width":"".concat(s,"px")},children:Array(d).fill(null).map((e,t)=>{let r=t%u==0;return(0,o.jsx)("span",{className:(0,c.$)(O().marker,!r&&O().notch),children:r?(0,o.jsx)("span",{className:O().markerLabel,children:U(i*t)}):null},String(t))})})})}function eC(e){let{events:t,root:r,scale:a}=e,i=(0,n.useMemo)(()=>t.filter(e=>!1!==e.event.showVerticalLine),[t]);return(0,o.jsx)("div",{className:O().eventMarkersContainer,children:(0,o.jsx)("div",{"aria-hidden":!0,className:O().eventMarkers,style:{width:Math.floor(r.duration*a)},children:i.map(e=>(0,o.jsx)("span",{className:(0,c.$)(O().eventMarker),style:{left:Math.floor((e.timestamp-r.startTime)*a),...e.event.color&&{borderLeftColor:e.event.color}}},e.key))})})}function eD(e){let{memoCacheRef:t,timelineRef:r,root:a,spans:i,events:s,scale:l,dispatch:c,scrollSnapshotRef:d}=e,u=(0,n.useRef)(!1),m=(0,n.useRef)(i);m.current=i;let h=(0,n.useRef)(s);h.current=s;let p=(0,n.useRef)(null),{style:v,setStyle:f}=eT(p),w=(0,n.useRef)(null),g=(0,n.useRef)(null),{style:x,setStyle:_}=eT(g),b=(0,n.useRef)(void 0),k=(0,n.useRef)(null),{style:y,setStyle:j}=eT(k),S=(0,n.useRef)(0);(0,n.useEffect)(()=>{let e=r.current;if(!e)return;let n=S.current,i=0,s=!1,o=!1,d=!1,p=!1,v=0,g=0,x=Date.now()+500,y=()=>{b.current||(b.current=e.getBoundingClientRect())},T=e=>b.current?(e-24-8)/26:0,L=()=>{let e=t.current;for(let t of m.current)t.isHovered&&(t.isHovered=!1,e.set(t.span.spanId,{}));c({type:"forceRender"})},R=0,M=()=>{var r,p,S,N,C,D,E,I;if(!u.current)return;b.current||y();let P=b.current;if(!P)return;let{scrollLeft:A,scrollTop:F}=e,H=Math.max(0,Math.min(n+A-P.left-8,a.duration*l)),W="".concat(H-A+8,"px");_("left",W),f("left",W);let V=a.startTime+H/l,O=V-a.startTime;if(O<0||O>a.duration?null==(r=w.current)||r.removeAttribute("data-text"):null==(p=w.current)||p.setAttribute("data-text",$(O)),s){let e,t,r=n-i,s=Math.abs(r);if(!d){if(s<4)return;d=!0,j("display","flex"),L()}r>0?(j("left",""),j("right","0")):(j("left","0"),j("right","")),j("width","".concat(s,"px"));let o=Math.max(0,Math.min(i+A-P.left-8,a.duration*l))/l;o<O?(e=o,t=O):(e=O,t=o),null==(S=k.current)||S.setAttribute("data-range","".concat($(e)," — ").concat($(t))),null==(N=k.current)||N.setAttribute("data-duration","".concat($(t-e)," selected"))}if(Date.now()<x){R=requestAnimationFrame(M);return}if(A!==v||F!==g){v=A,g=F,R=requestAnimationFrame(M);return}if(n-P.left<128?null==(C=w.current)||C.setAttribute("data-align","left"):n-P.left>P.width-128?null==(D=w.current)||D.setAttribute("data-align","right"):null==(E=w.current)||E.removeAttribute("data-align"),!d&&!o){let e=t.current,r=T(F)-2,n=T(F+P.height)+2;for(let t of m.current){let a=t.row>=r&&t.row<=n&&V>=t.startTime&&V<=t.endTime;t.isHovered!==a&&(t.isHovered=a,e.set(t.span.spanId,{}))}let a=12/l;for(let e of h.current){let t=V>=e.timestamp-a&&V<=e.timestamp+a;if(e.isHovered===t)continue;e.isHovered=t;let r=null==(I=e.ref)?void 0:I.current;r&&r.setAttribute("data-hovered",String(t))}c({type:"forceRender"})}};R=requestAnimationFrame(M);let C=e=>{"mouse"===e.pointerType&&(u.current=!0)},D=()=>{u.current&&(u.current=!1,L())},E=e=>{let{clientX:t}=e;S.current=n=t,cancelAnimationFrame(R),R=requestAnimationFrame(M)},I=e=>{e.preventDefault()},P=e=>{var t;if(2===e.button)p=!0,e.preventDefault();else{if(0!==e.button)return;p=!1}(null==(t=r.current)?void 0:t.contains(e.target))?(i=n,s=!0):(o=!0,requestAnimationFrame(L))},A=t=>{if(o=!1,!s||(s=!1,!d))return;if(d=!1,j("display",""),j("left",""),j("right",""),j("width",""),t.preventDefault(),t.stopImmediatePropagation(),p){p=!1;return}b.current||y();let r=b.current;if(!r)return;let{scrollLeft:u}=e,m=Math.max(0,Math.min((i+u-r.left-8)/l,a.duration)),h=Math.max(0,Math.min((n+u-r.left-8)/l,a.duration));c({type:"scaleToRange",t1:m+a.startTime,t2:h+a.startTime})},F=e=>{s&&"Escape"===e.key&&(p=!0,A(e))},H=()=>{b.current=void 0,N.current=void 0,cancelAnimationFrame(R),R=requestAnimationFrame(M)},W=()=>{cancelAnimationFrame(R),R=requestAnimationFrame(M)},V=new ResizeObserver(()=>{b.current=void 0});return V.observe(e),window.addEventListener("mousemove",E),e.addEventListener("contextmenu",I),window.addEventListener("mousedown",P),window.addEventListener("mouseup",A),window.addEventListener("blur",A),window.addEventListener("keydown",F,!0),window.addEventListener("scroll",H),e.addEventListener("scroll",W),e.addEventListener("pointerenter",C),e.addEventListener("pointerleave",D),()=>{V.disconnect(),window.removeEventListener("mousemove",E),e.removeEventListener("contextmenu",I),window.removeEventListener("mousedown",P),window.removeEventListener("mouseup",A),window.removeEventListener("blur",A),window.removeEventListener("keydown",F,!0),window.removeEventListener("scroll",H),e.removeEventListener("scroll",W),e.removeEventListener("pointerenter",C),e.removeEventListener("pointerleave",D),cancelAnimationFrame(R),S.current=n,L()}},[c,a,l,_,f,j,t,r,d]);let N=(0,n.useRef)(void 0);var T=e=>{let t=r.current;if(!t)return;null!=b.current||(b.current=t.getBoundingClientRect());let n=b.current,a=Math.max(0,Math.min(S.current-n.left-8,n.width-16)),i=0,s=N.current;(null==s?void 0:s.anchorX)===a?i=s.anchorT:N.current=s={anchorT:i=(t.scrollLeft+a)/l,anchorX:a},c({type:"trackpadScale",delta:e/64,anchorT:i,anchorX:a})};let L=(0,n.useRef)(T);return L.current=T,(0,n.useEffect)(()=>{let e=0,t=0,r=()=>{L.current(e),e=0},n=n=>{if(!n.ctrlKey&&!n.metaKey)return;n.preventDefault();let a=-n.deltaY;switch(n.deltaMode){case WheelEvent.DOM_DELTA_PAGE:a*=window.innerHeight;break;case WheelEvent.DOM_DELTA_LINE:a*=20}e+=a,cancelAnimationFrame(t),t=requestAnimationFrame(r)};return window.addEventListener("wheel",n,{passive:!1}),()=>{window.removeEventListener("wheel",n),cancelAnimationFrame(t)}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:O().cursorMarkerStickyParent,children:(0,o.jsx)("div",{className:O().cursorMarkerLabelContainer,ref:p,style:v,children:(0,o.jsx)("div",{className:O().cursorMarkerLabel,ref:w})})}),(0,o.jsx)("div",{className:O().cursorMarkerStickyParent,children:(0,o.jsx)("div",{className:O().cursorMarkerContainer,ref:g,style:x,children:(0,o.jsx)("div",{className:O().cursorMarker,children:(0,o.jsx)("div",{className:O().cursorSelection,ref:k,style:y})})})})]})}function eE(e){let{height:t,width:r,value:n,placeholder:a,onChange:i}=e;return(0,o.jsxs)("label",{className:O().searchInputLabel,children:[(0,o.jsx)("div",{className:O().searchInputPrefix,children:(0,o.jsx)(eI,{})}),(0,o.jsx)("input",{type:"search",value:n,placeholder:a,onChange:i,style:{height:t,width:r}})]})}function eI(){return(0,o.jsxs)("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[(0,o.jsx)("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function eP(){return(0,o.jsx)("nav",{className:O().searchBar,children:(0,o.jsx)(eA,{})})}function eA(){let{dispatch:e}=W(),[t,r]=(0,n.useState)("");return(0,n.useEffect)(()=>{let r=setTimeout(()=>e({type:"setFilter",filter:t}),100);return()=>{clearTimeout(r)}},[e,t]),(0,o.jsx)("div",{className:O().searchInput,children:(0,o.jsx)(eE,{height:40,onChange:e=>r(e.target.value),placeholder:"Search spans…",value:t,width:"100%"})})}function eF(e){let{size:t=16}=e;return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,o.jsx)("title",{children:"Zoom In"}),(0,o.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,o.jsx)("path",{d:"M11 8v6M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function eH(e){let{size:t=16}=e;return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,o.jsx)("title",{children:"Zoom Out"}),(0,o.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,o.jsx)("path",{d:"M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function eW(e){let{size:t=16}=e;return(0,o.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,o.jsx)("title",{children:"Minus"}),(0,o.jsx)("path",{d:"M6 12h12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function eV(){let{dispatch:e}=W(),t=(0,n.useCallback)(()=>{e({type:"adjustScaleRatio",direction:1})},[e]),r=(0,n.useCallback)(()=>{e({type:"adjustScaleRatio",direction:-1})},[e]),a=(0,n.useCallback)(()=>{e({type:"adjustScaleRatio",direction:0})},[e]);return(0,o.jsxs)("div",{className:O().zoomButtonGroup,children:[(0,o.jsx)("button",{"aria-label":"Zoom Out",className:O().zoomButton,onClick:r,type:"button",children:(0,o.jsx)(eH,{size:18})}),(0,o.jsx)("div",{className:O().divider}),(0,o.jsx)("button",{"aria-label":"Reset Zoom",className:O().zoomButton,onClick:a,type:"button",children:(0,o.jsx)(eW,{size:18})}),(0,o.jsx)("div",{className:O().divider}),(0,o.jsx)("button",{"aria-label":"Zoom In",className:O().zoomButton,onClick:t,type:"button",children:(0,o.jsx)(eF,{size:18})})]})}let eO=e=>{if(!e.events.length)return;let t="".concat(e.spanId,":ev");return e.events.map((e,r)=>({key:"".concat(t).concat(r),timestamp:B(e.timestamp),event:e})).sort((e,t)=>e.timestamp-t.timestamp)},eB=(e,t)=>{let r=e.duration*t;return e.isVisible=r>=2,e.isHovered=!1,e.isVisible};function ez(){return[]}let eq={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 eU(e){var t;let{trace:a=eq,className:i="",scrollLock:s=!1,height:l,withPanel:d=!1,highlightedSpans:u}=e,m=a===eq,{state:h,dispatch:p}=W(),{timelineRef:v,scrollSnapshotRef:f}=h,w=h.memoCacheRef.current,g=(null!=(t=null==u?void 0:u.length)?t:0)>0;(0,n.useEffect)(()=>{let{root:e,map:t}=(e=>{let{spans:t}=e,r={startTime:0,endTime:0,duration:0,depth:0,children:[]},n={},a=new Map,i=e=>{let t=a.get(e);if(t)return t;let r=a.size+1;return a.set(e,r),r},s=!1;for(let e of t){let t,a=B(e.startTime),l=B(e.endTime),o=B(e.duration);l>r.endTime&&(r.endTime=l,r.duration=l-r.startTime),(0===r.startTime||a<r.startTime)&&(r.startTime=a,r.duration=r.endTime-a);let c=e.resource.startsWith("vercel.");c||(s=!0);let d=c&&("vercel.serverless-runtime"!==e.resource||!("http.method"in e.attributes)),u=d?0:i(e.resource);d&&(t="▲ ".concat(e.name)),n[e.spanId]={parent:null,startTime:a,endTime:l,duration:o,span:e,depth:0,label:t,events:eO(e),isVercel:d,children:[],resourceIndex:u}}let l=(e,t)=>{let a;t&&(a=n[t])||(a=r),e.parent=a,a.children.push(e)},o=e=>{for(let t of("parent"in e&&(e.depth=e.parent.depth+1),e.children))o(t)},c=1,d=(e,t)=>{if("parent"in e&&e.span.name===t){let t=e.endTime,r=e=>e.children.length?e.children.map(r).sort((e,t)=>e.duration-t.duration)[0]||e:"waitUntil"===e.span.name?(t=e.startTime,e.parent):e,a=r(e),i="instrumentation-hint-".concat(c++),s=.05*e.duration,l=e.startTime+s,o=Math.max(l+s,Math.min(t-.01*e.duration,e.endTime-s)),d=o-l,u={parent:a,startTime:l,endTime:o,duration:d,span:{spanId:i,name:"Add your spans here",resource:"",kind:0,library:{name:""},status:{code:200},traceFlags:0,attributes:{},links:[],events:[],startTime:z(l),endTime:z(o),duration:z(d)},depth:e.depth+1,isVercel:!1,isInstrumentationHint:!0,children:[],resourceIndex:1};return a.children.push(u),n[i]=u,!0}for(let r of e.children)if(d(r,t))return!0;return!1};for(let e of Object.values(n))l(e,e.span.parentSpanId);if(o(r),!s){for(let e of["Invoke Function","Invoke Middleware","Vercel Runtime"])if(d(r,e))break}return{root:r,map:n}})(a);p({type:"setRoot",root:e,spanMap:t,resources:a.resources||[]})},[p,a]);let{rows:x,spans:_,events:b,scale:k}=(e=>{let{state:t,dispatch:a}=W(),{root:i,filter:s,scale:l,timelineRef:o,timelineWidth:c,spanMap:d,scrollSnapshotRef:u,selected:m,memoCacheRef:h}=t,p=function(e){let[t,r]=(0,n.useState)(e);return(0,n.useEffect)(()=>{if(t===e)return;let n=0,a=0,i=()=>{if(++n<=3){a=requestAnimationFrame(i);return}r(e)};return i(),()=>{cancelAnimationFrame(a)}},[t,e]),t}(t.timelineHeight),v=(0,n.useRef)(0),[f,w]=(0,n.useState)(ez),[g,x]=(0,n.useState)(ez),[_,b]=(0,n.useState)(ez),[k,y]=(0,n.useState)(-1),j=(0,n.useRef)(void 0);return(0,n.useEffect)(()=>{var e;return null==(e=j.current)?void 0:e.call(j,s)},[s]),(0,n.useEffect)(()=>{if(null==e?void 0:e.length){for(let t of f)for(let r of t){let t=e.includes(r.span.spanId);r.isHighlighted!==t&&(r.isHighlighted=t,h.current.set(r.span.spanId,{}))}a({type:"forceRender"})}},[f,e,a,h]),(0,n.useEffect)(()=>{if(!i.startTime)return;let e=new Worker(r.tu(new URL(r.p+r.u(793),r.b))),t=++v.current;e.addEventListener("message",e=>{let r=e.data;switch(r.type){case"setRowsResult":if(r.isEnd)for(let e of r.rows)for(let t of e){var n,i;t.span=null!=(i=null==(n=d[t.span.spanId])?void 0:n.span)?i:t.span}w(r.rows);break;case"updateHighlight":{if(r.requestId!==t)return;let{matches:e}=r;w(t=>{for(let r of t)for(let t of r){let r=e.has(t.span.spanId);t.isHighlighted!==r&&(t.isHighlighted=r,h.current.set(t.span.spanId,{}))}return t}),a({type:"forceRender"})}}});let n={requestId:t,type:"calculateSpanPositions",root:i};return e.postMessage(n),j.current=r=>{let n=r.trim().toLocaleLowerCase();if(!n)return void w(e=>e.map(e=>e.map(e=>(e.isHighlighted=void 0,{...e}))));let a={type:"filterSpans",requestId:t=++v.current,root:i,filter:n};e.postMessage(a)},()=>{e.terminate()}},[i,d,a,h]),(0,n.useEffect)(()=>{if(!f.length)return;let e=o.current,t=u.current,r=!1,n=!1,a=0,s=0,d=Math.max(500,.5*c),m=Array(f.length).fill(null),h=e=>t?e<t.startRow?e-t.startRow:e>t.endRow?e-t.endRow:0:0,v=e=>{if(!t)return 0;let r=0;e.endTime<t.startTime?r=t.startTime-e.endTime:e.startTime>t.endTime&&(r=e.startTime-t.endTime);let n=Math.abs(h(e.row));return r||n?Math.sqrt((r/l)**2+(24*n+2)**2):0},w=0,g=()=>{(r||!t)&&(r=!1,(()=>{if(!e)return;let{scrollLeft:r,scrollTop:n}=e,a=(n-24-8)/26,s=a+Math.ceil(p/26);u.current=t={anchorT:r/l,anchorX:0,scrollLeft:r,scrollTop:n,startTime:i.startTime+r/l,endTime:i.startTime+(r+c)/l,startRow:a,endRow:s,scale:l};for(let e=m.length;e--;)m[e]=null})()),(()=>{var e;n=!0;let r=Math.min(1+s+Math.ceil(null!=(e=null==t?void 0:t.endRow)?e:1/0),f.length);for(let e=r;e--;){if(m[e])continue;let t=h(e);if(Math.abs(t)>s){if(n=!1,t>0)continue;break}let r=[],i=f[e];if(i){for(let e of i){if(!eB(e,l))continue;let t=v(e);a=Math.max(t,a),r.push({d:t,span:e})}m[e]=r}}})();let o=[],_=[];for(let e of m)if(e)for(let{d:t,span:r}of e)!(t>s)&&(o.push(r),r.events&&_.push(...r.events));s<d&&(!n||s<a)&&(s=Math.min(d,s+100),w=requestAnimationFrame(g)),x(o),b(_),y(l)};g();let _=Date.now(),k=e=>{(e.ctrlKey||e.metaKey)&&(_=Date.now())};null==e||e.addEventListener("wheel",k);let j=()=>{Date.now()-_<=50||(r=!0,cancelAnimationFrame(w),w=requestAnimationFrame(g))};return null==e||e.addEventListener("scroll",j),()=>{cancelAnimationFrame(w),null==e||e.removeEventListener("wheel",k),null==e||e.removeEventListener("scroll",j)}},[f,i,l,u,o,c,p]),(0,n.useEffect)(()=>{var e;let t;if(!m)return;for(let e of g)if(e.span.spanId===m.span.spanId){t=e;break}let r=null==t||null==(e=t.ref)?void 0:e.current;if(t&&r)return t.isSelected=!0,r.className=Q(t,l),()=>{t.isSelected=!1,r.className=Q(t,l)}},[g,l,m]),{rows:f,spans:g,events:_,scale:k}})(u),y=(0,n.useRef)(null);(0,n.useLayoutEffect)(()=>{let e=y.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect();p({type:"setSize",width:t.width-16,height:t.height})};t();let r=new ResizeObserver(t);return r.observe(e),window.addEventListener("resize",t),()=>{r.disconnect(),window.removeEventListener("resize",t)}},[p]);let j=(0,n.useRef)({t:0,x:-1,y:-1,spanId:""}),S=(0,n.useCallback)(e=>{let t=j.current,r=Date.now(),{clientX:n,clientY:a}=e,i=Math.sqrt((n-t.x)**2+(a-t.y)**2);if(r-t.t<=500&&i<=8)return(e.stopPropagation(),e.preventDefault(),t.spanId)?(p({type:"select",id:t.spanId}),void p({type:"scaleToNode",id:t.spanId})):void p({type:"resetScale"});let s=e.target;if(!s.closest(".".concat(String(O().timeline))))return;let l=s.closest("[data-span-id]"),o=(null==l?void 0:l.dataset.spanId)||"";j.current={x:n,y:a,t:r,spanId:o},o&&(p({type:"toggleSelection",id:o}),e.stopPropagation())},[p]);(0,n.useLayoutEffect)(()=>{let e=v.current;if(!e)return;let t=f.current;t&&(e.scrollLeft=t.anchorT*k-t.anchorX)},[f,v,k]),(0,n.useEffect)(()=>{var e;let t=null==(e=h.selected)?void 0:e.span.spanId;if(!t)return;let r=setTimeout(()=>{let e=h.timelineRef.current,r=null==e?void 0:e.querySelector('[data-span-id="'.concat(t,'"]'));if(!e||!r)return;let n=e.getBoundingClientRect(),a=r.getBoundingClientRect();a.width<n.width&&(a.left<n.left||a.right>n.right||a.top<n.top||a.bottom>n.bottom)&&r.scrollIntoView({block:"nearest",inline:"center",behavior:"smooth"})},500);return()=>{clearTimeout(r)}},[h.selected,h.timelineRef]),(0,n.useEffect)(()=>{let e=e=>{"Escape"===e.key&&p({type:"escape"})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[p]),(0,n.useEffect)(()=>{if(!s)return;let e=document.documentElement,t=document.body;e.style.overflow="clip",t.style.overflow="clip";let r=e=>{(null==e?void 0:e.cancelable)?e.preventDefault():window.scrollTo({left:0,top:0,behavior:"instant"})};return r(),window.addEventListener("scroll",r,{passive:!1}),()=>{e.style.overflow="",t.style.overflow="",window.removeEventListener("scroll",r)}},[s]);let N=Math.max(h.timelineHeight-h.scrollbarWidth,26+26*x.length-2+84),T=!!(h.isMobile&&h.selected);return(0,o.jsxs)("div",{className:(0,c.$)(O().traceViewer,m&&O().skeleton,i),onClickCapture:S,ref:y,style:{height:l,"--timeline-padding":"".concat(8,"px"),"--row-height":"".concat(24,"px"),"--row-padding":"".concat(2,"px"),"--search-height":"".concat(40*!g,"px"),"--search-gap":"".concat(g?2:8,"px"),"--map-height":"".concat(56,"px"),"--timeline-width":"".concat(h.timelineWidth,"px"),"--timeline-height":"".concat(h.timelineHeight,"px"),"--timeline-scroll-width":"".concat(Math.round(h.root.duration*h.scale),"px"),"--panel-width":"".concat(h.panelWidth,"px"),"--panel-height":"".concat(h.panelHeight,"px"),"--height":"".concat(h.height,"px"),"--scrollbar-width":"".concat(h.scrollbarWidth,"px"),"--marker-height":"".concat(24,"px"),"--marker-notch-height":"".concat(8,"px")},children:[g?null:(0,o.jsx)(eP,{}),(0,o.jsx)(eL,{rows:x,scale:k,timelineRef:v}),(0,o.jsxs)("div",{className:(0,c.$)(O().traceViewerContent,T&&O().inert),children:[(0,o.jsx)("div",{className:O().timeline,ref:v,children:(0,o.jsx)("div",{style:{position:"relative",width:h.timelineWidth,height:h.timelineHeight-16,padding:8,paddingBottom:0},children:(0,o.jsxs)("div",{className:O().traceNode,style:{width:h.root.duration*k||void 0,height:N-16},children:[(0,o.jsx)(eM,{scale:k}),(0,o.jsx)(eC,{events:b,root:h.root,scale:k}),(0,o.jsx)(eD,{dispatch:p,events:b,memoCacheRef:h.memoCacheRef,root:h.root,scale:k,scrollSnapshotRef:f,spans:_,timelineRef:v}),(0,o.jsx)(J,{cacheKey:w.get(""),cache:w,customSpanClassNameFunc:h.customSpanClassNameFunc,customSpanEventClassNameFunc:h.customSpanEventClassNameFunc,root:h.root,scale:k,scrollSnapshotRef:f,spans:_})]})})}),(0,o.jsx)("div",{className:O().zoomButtonTraceViewer,children:(0,o.jsx)(eV,{})})]}),d?(0,o.jsx)("div",{className:(0,c.$)(O().spanDetailPanelTraceViewer,!h.selected&&O().hidden,h.isMobile&&O().mobile),children:(0,o.jsx)(eh,{attached:!0})}):null]})}function eK(e){let{config:t}=e,{state:r}=W(),{selected:a}=r,{resource:i,data:s}=(null==a?void 0:a.span.attributes)||{resource:void 0,data:void 0},l=(0,n.useMemo)(()=>{let e,r;if("step"===i)e=()=>d(t,s.runId,s.stepId),r=["workflow","step",s.stepId];else if("run"===i)e=()=>(0,u.k)(t,s.runId),r=["workflow","run",s.runId];else{if("hook"!==i)return(0,o.jsxs)("div",{className:"text-copy-14 text-red-600",children:["Unsupported resource: ",i]});e=()=>m(t,s.hookId),r=["workflow","hook",s.hookId]}return(0,o.jsx)(D,{data:s,fetchFunc:e,fetchKey:r})},[i,s,t]),h=(0,n.useMemo)(()=>"step"===i?s.stepId:"run"===i?s.runId:"hook"===i?s.hookId:void 0,[i,s]);return a&&i&&s&&h?(0,o.jsxs)("div",{className:(0,c.A)("flex flex-col px-2"),children:[l,"run"!==i&&(0,o.jsx)(E,{id:h,config:t,events:a.span.events})]}):null}var e$=r(1998),eG=r.n(e$);function eX(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t&&"pending"===e)return eG().spanPendingStriped;switch(e){case"running":return eG().spanRunning;case"pending":return eG().spanPending;case"completed":return eG().spanCompleted;case"cancelled":return eG().spanCancelled;case"paused":return eG().spanPaused;case"failed":return eG().spanFailed;default:return""}}let eZ=e=>{let t=e.span.attributes,r=null==t?void 0:t.resource;if("step"===r){let e=t.data,r=null==e?void 0:e.stepName;if(r&&String(r).toLowerCase().includes("sleep"))return eG().spanSleep;let n=(null==e?void 0:e.status)==="pending";return eX(null==e?void 0:e.status,n)}if("run"===r){let e=t.data;return eX(null==e?void 0:e.status,!1)}return"hook"===r?eG().spanHook:""},eQ=e=>{let t=e.event.name;return"step_failed"===t||"workflow_failed"===t?eG().eventFailed:"step_retrying"===t?eG().eventRetrying:"hook_created"===t||"hook_received"===t||"hook_disposed"===t?eG().eventHook:eG().eventDefault},eJ=e=>{let{run:t,steps:r,hooks:a,events:i,config:s,isLoading:l}=e,[c]=(0,n.useState)(()=>new Date),d=(0,n.useMemo)(()=>{let e=r.slice().sort((e,t)=>new Date(e.createdAt).getTime()-new Date(t.createdAt).getTime()),n=new Map,s=new Map,l=[];for(let t of i){let r=t.correlationId;if(r){let i=e.find(e=>e.stepId===r),o=a.find(e=>e.hookId===r);if(i){let e=n.get(r)||[];e.push(t),n.set(r,e)}else if(o){let e=s.get(r)||[];e.push(t),s.set(r,e)}else l.push(t)}else l.push(t)}let o=e.map((r,a)=>{let i=0===a?t.runId:String(e[a-1].stepId),s=n.get(r.stepId)||[];return function(e,t,r,n){var a,i;let s=null!=n?n:new Date,l=(0,v.Z)(String(e.stepName)),o=_(e.status),c=null!=(a=e.completedAt)?a:s,d=j(r);return{spanId:String(e.stepId),parentSpanId:t,name:null!=(i=null==l?void 0:l.shortName)?i:"",kind:1,resource:o,library:w,status:g(e.status),traceFlags:1,attributes:{resource:"step",data:e},links:[],events:d,startTime:b(e.startedAt),endTime:b(c),duration:k(e.startedAt,c)}}(r,i,s,c)}),d=a.map(e=>{let r=s.get(e.hookId)||[];return function(e,t,r,n){let a=null!=n?n:new Date,i=j(r);return{spanId:String(e.hookId),parentSpanId:t,name:String(e.hookId),kind:1,resource:x(e),library:w,status:{code:1},traceFlags:1,attributes:{resource:"hook",data:e},links:[],events:i,startTime:b(e.createdAt),endTime:b(a),duration:k(e.createdAt,a)}}(e,t.runId,r,c)});return{traceId:t.runId,rootSpanId:t.runId,spans:[function(e,t,r){var n,a,i,s;let l=null!=r?r:new Date,o=null!=(a=e.startedAt)?a:e.createdAt,c=null!=(i=e.completedAt)?i:l,d=j(t);return{spanId:String(e.runId),parentSpanId:void 0,name:String(null!=(s=null==(n=(0,v.s)(e.workflowName))?void 0:n.shortName)?s:"?"),kind:1,resource:x(e),library:w,status:g(e.status),traceFlags:1,attributes:{resource:"run",data:e},links:[],events:d,startTime:b(o),endTime:b(c),duration:k(o,c)}}(t,l,c),...o,...d],resources:[{name:"workflow",attributes:{"service.name":"vercel-workflow"}}]}},[t,r,a,i,c]);return(0,o.jsx)(H,{withPanel:!0,customSpanClassNameFunc:eZ,customSpanEventClassNameFunc:eQ,customPanelComponent:(0,o.jsx)(eK,{config:s}),children:(0,o.jsx)(eU,{height:800,trace:l?void 0:d,withPanel:!0})})}},7973:(e,t,r)=>{"use strict";r.d(t,{h:()=>a});var n=r(8033);let a=(0,n.createServerReference)("7cea6216e71bbd1d88d28dc17d3bb3015a3498ceb3",n.callServer,void 0,n.findSourceMapURL,"fetchHooks")},8052:(e,t,r)=>{"use strict";r.d(t,{Nt:()=>l,dL:()=>o,g0:()=>c,nO:()=>d});var n=r(3283),a=r(4773);let i={backend:"embedded",dataDir:"../../workbench/nextjs-turbopack/.next/workflow-data",port:"3000",env:"production"},s=["backend","env","authToken","project","team","port","dataDir"];function l(){let e=(0,n.useSearchParams)();return(0,a.useMemo)(()=>{let t={...i};for(let r of s){let n=e.get(r);n&&(t[r]=n)}return t},[e])}function o(){let e=(0,n.useRouter)(),t=(0,n.usePathname)(),r=(0,n.useSearchParams)();return(0,a.useMemo)(()=>n=>{let a=new URLSearchParams(r.toString());for(let e of s){let t=n[e];null!=t&&""!==t?(t!==i[e]||r.has(e))&&a.set(e,t):a.delete(e)}let l=a.toString(),o=l?"".concat(t,"?").concat(l):t;e.push(o)},[e,t,r])}function c(e,t,r){let n=function(e){let t=new URLSearchParams;for(let r of s){let n=e[r];null!=n&&""!==n&&n!==i[r]&&t.set(r,n)}return t}(t);if(r)for(let[e,t]of Object.entries(r))null!=t&&""!==t&&n.set(e,t);let a=n.toString();return a?"".concat(e,"?").concat(a):e}let d=e=>({WORKFLOW_TARGET_WORLD:e.backend,WORKFLOW_VERCEL_ENV:e.env,WORKFLOW_VERCEL_AUTH_TOKEN:e.authToken,WORKFLOW_VERCEL_PROJECT:e.project,WORKFLOW_VERCEL_TEAM:e.team})},8257:(e,t,r)=>{"use strict";r.d(t,{ZI:()=>c,k$:()=>o,m_:()=>l});var n=r(5386),a=r(8251),i=r(4773),s=r(2287);a.Kq;let l=a.bL,o=a.l9,c=i.forwardRef((e,t)=>{let{className:r,sideOffset:i=4,...l}=e;return(0,n.jsx)(a.UC,{ref:t,sideOffset:i,className:(0,s.cn)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",r),...l})});c.displayName=a.UC.displayName}}]);

package/.next/static/chunks/app/layout-5511efd4ea55fd71.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{2287:(e,t,a)=>{"use strict";a.d(t,{$g:()=>d,Oc:()=>o,cn:()=>n,yQ:()=>l});var r=a(2928),s=a(8997);let l=10;function n(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,r.$)(t))}let o=5e3;function d(e,t,a){return a?"Page ".concat(e," of ").concat(t,"+"):"Page ".concat(e," of ").concat(t)}},2441:()=>{},6016:(e,t,a)=>{"use strict";a.d(t,{$:()=>i});var r=a(5386),s=a(9280),l=a(7586),n=a(4773),o=a(2287);let d=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),i=n.forwardRef((e,t)=>{let{className:a,variant:l,size:n,asChild:i=!1,...c}=e,u=i?s.DX:"button";return(0,r.jsx)(u,{className:(0,o.cn)(d({variant:l,size:n,className:a})),ref:t,...c})});i.displayName="Button"},6426:e=>{e.exports={style:{fontFamily:"'Geist', 'Geist Fallback'",fontStyle:"normal"},className:"__className_188709",variable:"__variable_188709"}},7122:(e,t,a)=>{"use strict";a.d(t,{Fc:()=>d,TN:()=>c,XL:()=>i});var r=a(5386),s=a(7586),l=a(4773),n=a(2287);let o=(0,s.F)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),d=l.forwardRef((e,t)=>{let{className:a,variant:s,...l}=e;return(0,r.jsx)("div",{ref:t,role:"alert",className:(0,n.cn)(o({variant:s}),a),...l})});d.displayName="Alert";let i=l.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("h5",{ref:t,className:(0,n.cn)("mb-1 font-medium leading-none tracking-tight",a),...s})});i.displayName="AlertTitle";let c=l.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,n.cn)("text-sm [&_p]:leading-relaxed",a),...s})});c.displayName="AlertDescription"},7222:e=>{e.exports={style:{fontFamily:"'Geist Mono', 'Geist Mono Fallback'",fontStyle:"normal"},className:"__className_9a8899",variable:"__variable_9a8899"}},7923:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,6426,23)),Promise.resolve().then(a.t.bind(a,7222,23)),Promise.resolve().then(a.t.bind(a,2441,23)),Promise.resolve().then(a.bind(a,9373))},8052:(e,t,a)=>{"use strict";a.d(t,{Nt:()=>o,dL:()=>d,g0:()=>i,nO:()=>c});var r=a(3283),s=a(4773);let l={backend:"embedded",dataDir:"../../workbench/nextjs-turbopack/.next/workflow-data",port:"3000",env:"production"},n=["backend","env","authToken","project","team","port","dataDir"];function o(){let e=(0,r.useSearchParams)();return(0,s.useMemo)(()=>{let t={...l};for(let a of n){let r=e.get(a);r&&(t[a]=r)}return t},[e])}function d(){let e=(0,r.useRouter)(),t=(0,r.usePathname)(),a=(0,r.useSearchParams)();return(0,s.useMemo)(()=>r=>{let s=new URLSearchParams(a.toString());for(let e of n){let t=r[e];null!=t&&""!==t?(t!==l[e]||a.has(e))&&s.set(e,t):s.delete(e)}let o=s.toString(),d=o?"".concat(t,"?").concat(o):t;e.push(d)},[e,t,a])}function i(e,t,a){let r=function(e){let t=new URLSearchParams;for(let a of n){let r=e[a];null!=r&&""!==r&&r!==l[a]&&t.set(a,r)}return t}(t);if(a)for(let[e,t]of Object.entries(a))null!=t&&""!==t&&r.set(e,t);let s=r.toString();return s?"".concat(e,"?").concat(s):e}let c=e=>({WORKFLOW_TARGET_WORLD:e.backend,WORKFLOW_VERCEL_ENV:e.env,WORKFLOW_VERCEL_AUTH_TOKEN:e.authToken,WORKFLOW_VERCEL_PROJECT:e.project,WORKFLOW_VERCEL_TEAM:e.team})},8257:(e,t,a)=>{"use strict";a.d(t,{ZI:()=>i,k$:()=>d,m_:()=>o});var r=a(5386),s=a(8251),l=a(4773),n=a(2287);s.Kq;let o=s.bL,d=s.l9,i=l.forwardRef((e,t)=>{let{className:a,sideOffset:l=4,...o}=e;return(0,r.jsx)(s.UC,{ref:t,sideOffset:l,className:(0,n.cn)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",a),...o})});i.displayName=s.UC.displayName},9373:(e,t,a)=>{"use strict";a.d(t,{LayoutClient:()=>R});var r=a(5386),s=a(8251),l=a(8414),n=a.n(l),o=a(3283),d=a(4773),i=a(8258);let c=(0,i.A)("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);var u=a(8257);function f(e){let{config:t}=e,{provider:a,parts:s}=((e,t)=>{if("vercel"===e){let e=[];return t.env&&e.push("env: ".concat(t.env)),t.project&&e.push("project: ".concat(t.project)),t.team&&e.push("team: ".concat(t.team)),{provider:"Vercel",parts:e}}if("embedded"===e){let e=[];return t.dataDir&&e.push("dir: ".concat(t.dataDir)),t.port&&e.push("port: ".concat(t.port)),{provider:"Embedded",parts:e}}return{provider:t.backend||"unknown",parts:[]}})(t.backend||"embedded",t);return(0,r.jsxs)("div",{className:"text-sm text-muted-foreground flex items-center gap-2",children:[(0,r.jsxs)("span",{className:"font-medium",children:["Connected to: ",a]}),(0,r.jsxs)(u.m_,{children:[(0,r.jsx)(u.k$,{asChild:!0,children:(0,r.jsx)(c,{className:"w-4 h-4"})}),(0,r.jsx)(u.ZI,{children:(0,r.jsx)("div",{className:"flex flex-col gap-1",children:s.map(e=>(0,r.jsx)("span",{children:e},e))})})]})]})}let m=(0,i.A)("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]),p=(0,i.A)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var h=a(3039),x=a(7122),g=a(6016),v=a(2287);let b=d.forwardRef((e,t)=>{let{className:a,type:s,...l}=e;return(0,r.jsx)("input",{type:s,className:(0,v.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...l})});b.displayName="Input";var j=a(63),N=d.forwardRef((e,t)=>(0,r.jsx)(j.sG.label,{...e,ref:t,onMouseDown:t=>{var a;t.target.closest("button, input, select, textarea")||(null==(a=e.onMouseDown)||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));N.displayName="Label";let y=(0,a(7586).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),w=d.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(N,{ref:t,className:(0,v.cn)(y(),a),...s})});w.displayName=N.displayName;var C=a(9432),k=a(8052),L=a(8033);let V=(0,L.createServerReference)("40c434477dd067342283c21611a4ca7ee82e4d6aec",L.callServer,void 0,L.findSourceMapURL,"validateWorldConfig");function H(){let e=(0,k.Nt)(),t=(0,k.dL)(),[a,s]=(0,d.useState)(!1),[l,n]=(0,d.useState)(e),[o,i]=(0,d.useState)([]),[c,u]=(0,d.useState)(!1),f="embedded"===(l.backend||"embedded");(0,d.useEffect)(()=>{n(e)},[e]);let v=async()=>{u(!0);try{let e=await V(l);i(e),0===e.length&&(t(l),s(!1))}catch(e){console.error("Validation error:",e),i([{field:"general",message:e instanceof Error?e.message:"Unknown error"}])}finally{u(!1)}},j=(e,t)=>{n(a=>({...a,[e]:t})),i(t=>t.filter(t=>t.field!==e))},N=e=>{var t;return null==(t=o.find(t=>t.field===e))?void 0:t.message},y=JSON.stringify(l)!==JSON.stringify(e)||o.length>0;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",onClick:()=>s(!0),className:"p-2 rounded-full hover:bg-accent transition-colors",title:"Configuration",children:(0,r.jsx)(m,{className:"h-6 w-6"})}),a&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",className:"fixed inset-0 bg-black/50 z-40 cursor-default",onClick:()=>s(!1),"aria-label":"Close configuration panel"}),(0,r.jsx)("div",{className:"fixed top-0 right-0 h-full w-96 bg-background border-l shadow-lg z-50 overflow-y-auto",children:(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",children:"Configuration"}),(0,r.jsx)("button",{type:"button",onClick:()=>s(!1),className:"p-2 hover:bg-accent rounded-full transition-colors",children:(0,r.jsx)(p,{className:"h-5 w-5"})})]}),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"backend",children:"Backend"}),(0,r.jsxs)(C.l6,{value:l.backend||"embedded",onValueChange:e=>j("backend",e),children:[(0,r.jsx)(C.bq,{id:"backend",children:(0,r.jsx)(C.yv,{placeholder:"Select backend"})}),(0,r.jsxs)(C.gC,{children:[(0,r.jsx)(C.eb,{value:"embedded",children:"Embedded"}),(0,r.jsx)(C.eb,{value:"vercel",children:"Vercel"})]})]})]}),f&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"port",children:"Port"}),(0,r.jsx)(b,{id:"port",value:l.port||"",onChange:e=>j("port",e.target.value),placeholder:"3001",className:N("port")?"border-destructive":""}),N("port")&&(0,r.jsx)("p",{className:"text-sm text-destructive",children:N("port")})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"dataDir",children:"Data Directory"}),(0,r.jsx)(b,{id:"dataDir",value:l.dataDir||"",onChange:e=>j("dataDir",e.target.value),placeholder:".workflow-data or .next/workflow-data",className:N("dataDir")?"border-destructive":""}),N("dataDir")&&(0,r.jsx)("p",{className:"text-sm text-destructive",children:N("dataDir")}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground",children:"Path to the workflow data directory. Can be relative or absolute."})]})]}),!f&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"env",children:"Environment"}),(0,r.jsx)(b,{id:"env",value:l.env||"production",onChange:e=>j("env",e.target.value),placeholder:"production or preview"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"authToken",children:"Auth Token"}),(0,r.jsx)(b,{id:"authToken",type:"password",value:l.authToken||"",onChange:e=>j("authToken",e.target.value),placeholder:"Vercel auth token"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"project",children:"Project ID"}),(0,r.jsx)(b,{id:"project",value:l.project||"",onChange:e=>j("project",e.target.value),placeholder:"prj_..."})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(w,{htmlFor:"team",children:"Team ID"}),(0,r.jsx)(b,{id:"team",value:l.team||"",onChange:e=>j("team",e.target.value),placeholder:"team_..."})]})]}),o.length>0&&(0,r.jsxs)(x.Fc,{variant:"destructive",children:[(0,r.jsx)(h.A,{className:"h-4 w-4"}),(0,r.jsx)(x.XL,{children:"Configuration Error"}),(0,r.jsx)(x.TN,{children:(0,r.jsx)("ul",{className:"list-disc list-inside space-y-1",children:o.map((e,t)=>(0,r.jsxs)("li",{children:["general"!==e.field&&(0,r.jsxs)("strong",{children:[e.field,":"]})," ",e.message]},"error-".concat(t)))})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-2 pt-4",children:[(0,r.jsx)(g.$,{onClick:v,disabled:c||!y,className:"w-full",children:c?"Validating...":"Apply Configuration"}),(0,r.jsx)(g.$,{variant:"outline",onClick:()=>{n(e),i([]),s(!1)},className:"w-full",children:"Cancel"})]})]})]})})]})]})}function _(){let{className:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsxs)("svg",{viewBox:"0 0 1792 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e||"h-6 w-auto",role:"img","aria-label":"Workflow Logo",children:[(0,r.jsx)("title",{children:"Workflow Logo"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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"}),(0,r.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 R(e){let{children:t}=e,a=(0,o.useRouter)(),l=(0,o.useSearchParams)(),i=(0,k.Nt)(),c=l.get("id"),u=l.get("runId"),m=l.get("stepId"),p=l.get("hookId"),h=l.get("resource"),x=l.get("theme")||"system";return(0,d.useEffect)(()=>{let e=document.documentElement;e.classList.remove("light","dark"),("light"===x||"dark"===x)&&e.classList.add(x)},[x]),(0,d.useEffect)(()=>{let e;if(!h){if(u){let e;e=m?(0,k.g0)("/run/".concat(u),i,{sidebar:"step",stepId:m}):p?(0,k.g0)("/run/".concat(u),i,{sidebar:"hook",hookId:p}):(0,k.g0)("/run/".concat(u),i),a.push(e)}return}if(c){if("run"===h)e=(0,k.g0)("/run/".concat(c),i);else if("step"===h&&u)e=(0,k.g0)("/run/".concat(u),i,{sidebar:"step",stepId:c});else if("stream"===h&&u)e=(0,k.g0)("/run/".concat(u),i,{sidebar:"stream",streamId:c});else if("event"===h&&u)e=(0,k.g0)("/run/".concat(u),i,{sidebar:"event",eventId:c});else if("hook"===h&&u)e=(0,k.g0)("/run/".concat(u),i,{sidebar:"hook",hookId:c});else{if("hook"!==h||u)return void console.warn("Can't deep-link to ".concat(h," ").concat(c,"."));e=(0,k.g0)("/",i,{sidebar:"hook",hookId:c})}a.push(e)}},[h,c,u,m,p,a,i]),(0,r.jsx)("div",{className:"min-h-screen p-8",children:(0,r.jsx)(s.Bc,{delayDuration:0,children:(0,r.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,r.jsx)("div",{className:"flex items-start justify-between",children:(0,r.jsxs)("div",{className:"mb-8 items-center flex justify-between w-full",children:[(0,r.jsx)(n(),{href:"https://useworkflow.dev",target:"_blank",children:(0,r.jsx)("h1",{className:"flex items-center gap-2 mb-2",title:"Workflow Observability",children:(0,r.jsx)(_,{})})}),(0,r.jsxs)("div",{className:"ml-auto flex items-center gap-2",children:[(0,r.jsx)(f,{config:i}),(0,r.jsx)(H,{})]})]})}),t]})})})}},9432:(e,t,a)=>{"use strict";a.d(t,{bq:()=>f,eb:()=>x,gC:()=>h,l6:()=>c,yv:()=>u});var r=a(5386),s=a(2304),l=a(406),n=a(7163),o=a(7536),d=a(4773),i=a(2287);let c=s.bL;s.YJ;let u=s.WT,f=d.forwardRef((e,t)=>{let{className:a,children:n,...o}=e;return(0,r.jsxs)(s.l9,{ref:t,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...o,children:[n,(0,r.jsx)(s.In,{asChild:!0,children:(0,r.jsx)(l.A,{className:"h-4 w-4 opacity-50"})})]})});f.displayName=s.l9.displayName;let m=d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.PP,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...l,children:(0,r.jsx)(n.A,{className:"h-4 w-4"})})});m.displayName=s.PP.displayName;let p=d.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,r.jsx)(s.wn,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...n,children:(0,r.jsx)(l.A,{className:"h-4 w-4"})})});p.displayName=s.wn.displayName;let h=d.forwardRef((e,t)=>{let{className:a,children:l,position:n="popper",...o}=e;return(0,r.jsx)(s.ZL,{children:(0,r.jsxs)(s.UC,{ref:t,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n,...o,children:[(0,r.jsx)(m,{}),(0,r.jsx)(s.LM,{className:(0,i.cn)("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:l}),(0,r.jsx)(p,{})]})})});h.displayName=s.UC.displayName,d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.JU,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...l})}).displayName=s.JU.displayName;let x=d.forwardRef((e,t)=>{let{className:a,children:l,...n}=e;return(0,r.jsxs)(s.q7,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,r.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,r.jsx)(s.VF,{children:(0,r.jsx)(o.A,{className:"h-4 w-4"})})}),(0,r.jsx)(s.p4,{children:l})]})});x.displayName=s.q7.displayName,d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.wv,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...l})}).displayName=s.wv.displayName}},e=>{e.O(0,[880,98,724,687,909,624,358],()=>e(e.s=7923)),_N_E=e.O()}]);

package/.next/static/chunks/app/page-14a46aa6ed9fb9f8.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{3569:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>O});var a=t(5386),r=t(3283),n=t(7394),l=t(1402),d=t(5456),o=t(7973),i=t(4773),c=t(8414),h=t.n(c),m=t(2287);let x=i.forwardRef((e,s)=>{let{className:t,href:r,children:n,...l}=e,d=r.startsWith("http")?r:"https://useworkflow.dev/docs/".concat(r.replace(/^\//,""));return(0,a.jsx)(h(),{href:d,className:(0,m.cn)("font-medium underline underline-offset-4 transition-colors",t),style:{color:"var(--ds-blue-600)"},target:"_blank",rel:"noopener noreferrer",ref:s,...l,children:n})});x.displayName="DocsLink";var u=t(8257),f=t(960),j=t(316),p=t(8258);let g=(0,p.A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),N=(0,p.A)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var v=t(7122),w=t(6016);let y=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("div",{className:"relative w-full overflow-auto",children:(0,a.jsx)("table",{ref:s,className:(0,m.cn)("w-full caption-bottom text-sm",t),...r})})});y.displayName="Table";let b=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("thead",{ref:s,className:(0,m.cn)("[&_tr]:border-b",t),...r})});b.displayName="TableHeader";let k=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tbody",{ref:s,className:(0,m.cn)("[&_tr:last-child]:border-0",t),...r})});k.displayName="TableBody",i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tfoot",{ref:s,className:(0,m.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...r})}).displayName="TableFooter";let C=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tr",{ref:s,className:(0,m.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",t),...r})});C.displayName="TableRow";let I=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("th",{ref:s,className:(0,m.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",t),...r})});I.displayName="TableHead";let R=i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("td",{ref:s,className:(0,m.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",t),...r})});R.displayName="TableCell",i.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("caption",{ref:s,className:(0,m.cn)("mt-4 text-sm text-muted-foreground",t),...r})}).displayName="TableCaption";let M=e=>{var s,t;return(null==(s=e.message)?void 0:s.includes("403"))||(null==(t=e.message)?void 0:t.includes("Forbidden"))||403===e.status?"Your current Vercel account does not have access to this data. Please use `vercel login` to log in, or use `vercel switch` to ensure you can access the correct team.":e instanceof Error?e.message:"An error occurred"};var A=t(9432);function S(e){let{value:s,onChange:t,options:r=[5,10,20,50,100]}=e;return(0,a.jsxs)(A.l6,{value:String(s),onValueChange:e=>t(Number(e)),children:[(0,a.jsx)(A.bq,{className:"h-9",children:(0,a.jsx)(A.yv,{})}),(0,a.jsx)(A.gC,{children:r.map(e=>(0,a.jsx)(A.eb,{value:String(e),children:(0,a.jsxs)("span",{className:"pr-2",children:[e," / page"]})},e))})]})}function L(e){let{className:s,...t}=e;return(0,a.jsx)("div",{className:(0,m.cn)("animate-pulse rounded-md bg-muted",s),...t})}let T=e=>{let{rows:s}=e;return Array.from({length:s},(e,s)=>(0,a.jsxs)("div",{className:"flex gap-4 py-3",children:[(0,a.jsx)(L,{className:"h-4 w-1/4"}),(0,a.jsx)(L,{className:"h-4 w-1/4"}),(0,a.jsx)(L,{className:"h-4 w-1/6"}),(0,a.jsx)(L,{className:"h-4 w-1/6"}),(0,a.jsx)(L,{className:"h-4 w-1/6"})]},"skeleton-row-".concat(s)))};function E(e){let{title:s,rows:t=m.yQ,bodyOnly:r=!1}=e;return r?(0,a.jsx)(T,{rows:t}):(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[s?(0,a.jsx)(L,{className:"h-6 w-32"}):(0,a.jsx)(L,{className:"h-6 w-48"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)(L,{className:"h-4 w-24"}),(0,a.jsx)(L,{className:"h-9 w-24"})]})]}),(0,a.jsxs)("div",{className:"space-y-3",style:{minHeight:"512px"},children:[(0,a.jsxs)("div",{className:"flex gap-4 pb-3 border-b",children:[(0,a.jsx)(L,{className:"h-4 w-1/4"}),(0,a.jsx)(L,{className:"h-4 w-1/4"}),(0,a.jsx)(L,{className:"h-4 w-1/6"}),(0,a.jsx)(L,{className:"h-4 w-1/6"}),(0,a.jsx)(L,{className:"h-4 w-1/6"})]}),(0,a.jsx)(T,{rows:t})]})]})}function _(e){let{items:s,columns:t,title:r,loading:n=!1,error:l=null,getItemKey:d,onRowClick:o,isRowSelected:c,onRefresh:h,emptyMessage:x="No items found",headerActions:u,warningMessage:f,hasHitLimit:p=!1,hasReachedEnd:A=!1}=e,[L,T]=(0,i.useState)(m.yQ),[_,H]=(0,i.useState)(1),P=Math.max(1,Math.ceil(s.length/L)),F=(_-1)*L,z=Math.min(F+L,s.length),D=s.slice(F,z);return((0,i.useEffect)(()=>{_>P&&H(1)},[_,P]),n&&0===s.length)?(0,a.jsx)(E,{title:r}):(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h2",{className:"text-2xl my-4 font-semibold leading-none tracking-tight",children:r}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[u,h&&(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:h,disabled:n,children:[(0,a.jsx)(j.A,{className:n?"animate-spin":""}),"Refresh"]})]})]}),f&&(0,a.jsxs)(v.Fc,{variant:"destructive",className:"mb-4",children:[(0,a.jsx)(v.XL,{children:"Warning"}),(0,a.jsx)(v.TN,{children:f})]}),l?(0,a.jsxs)(v.Fc,{variant:"destructive",children:[(0,a.jsxs)(v.XL,{children:["Error loading ",r.toLowerCase()]}),(0,a.jsx)(v.TN,{children:M(l)})]}):0===s.length?(0,a.jsx)("div",{className:"text-center py-8 text-muted-foreground",children:x}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(y,{children:[(0,a.jsx)(b,{children:(0,a.jsx)(C,{children:t.map(e=>(0,a.jsx)(I,{children:e.header},e.key))})}),(0,a.jsx)(k,{children:D.map(e=>{var s;let r=d(e),n=null!=(s=null==c?void 0:c(e))&&s;return(0,a.jsx)(C,{className:"".concat(o?"cursor-pointer":""," ").concat(n?"bg-accent":"hover:bg-accent/50"),onClick:()=>null==o?void 0:o(e),children:t.map(s=>(0,a.jsx)(R,{children:s.render(e)},"".concat(r,"-").concat(s.key)))},r)})})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,a.jsxs)("div",{className:"text-sm text-muted-foreground",children:["Showing ",F+1,"-",z," of ",s.length,p&&" (limit reached)"]}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsx)(S,{value:L,onChange:e=>{T(e),H(1)}}),(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:()=>{_>1&&H(e=>e-1)},disabled:1===_,children:[(0,a.jsx)(g,{}),"Previous"]}),(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:()=>{_<P&&H(e=>e+1)},disabled:_>=P,children:["Next",(0,a.jsx)(N,{})]})]})]}),_===P&&!A&&(0,a.jsx)("div",{className:"text-xs text-muted-foreground text-center py-2 bg-muted/30 rounded",children:p?"Displaying first 1,000 items. More data may be available but cannot be fetched due to the item limit.":"More data might be available but cannot currently be fetched."})]})]})]})}var H=t(5988);function P(e){let{config:s,hooks:t,loading:r,error:n,initialLoadComplete:l,hasHitLimit:d=!1,hasReachedEnd:o=!1,onHookClick:c,selectedHookId:h,onCloseDetailSidebar:m}=e,[j,p]=(0,i.useState)(new Map);(0,i.useEffect)(()=>{t.length&&(async()=>{let e=new Map;for(let s of t)e.set(s.hookId,{count:0,hasMore:!1,loading:!0});p(e);let a=await Promise.allSettled(t.map(async e=>{try{let t=await (0,f.u)(s,e.hookId,void 0,"asc",100),a=t.data.filter(e=>"hook_received"===e.eventType).length;return{hookId:e.hookId,count:a,hasMore:t.hasMore}}catch(s){return{hookId:e.hookId,count:s,hasMore:!1}}}));p(e=>{let s=new Map(e);for(let e=0;e<a.length;e++){let r=a[e],n=t[e].hookId;"fulfilled"===r.status?s.set(r.value.hookId,{count:r.value.count,hasMore:r.value.hasMore,loading:!1}):s.set(n,{count:0,hasMore:!1,loading:!1})}return s})})()},[t,s]);let g=[{key:"hookId",header:"Hook ID",render:e=>(0,a.jsx)("span",{className:"font-mono text-xs",children:e.hookId})},{key:"runId",header:"Run ID",render:e=>(0,a.jsx)("span",{className:"font-mono text-xs",children:e.runId})},{key:"token",header:"Token",render:e=>(0,a.jsxs)("span",{className:"font-mono text-xs",children:[e.token.substring(0,12),"..."]})},{key:"createdAt",header:"Created",render:e=>e.createdAt?(0,a.jsx)(H.s,{date:e.createdAt}):"-"},{key:"invocations",header:"Invocations",render:e=>{let s=j.get(e.hookId);if(!s||s.loading)return(0,a.jsx)("span",{className:"text-muted-foreground text-xs",children:"..."});if(s.count instanceof Error)return(0,a.jsx)("span",{className:"text-muted-foreground",children:"Error"});if(0===s.count)return(0,a.jsx)("span",{className:"text-muted-foreground",children:"0"});let t=s.hasMore?"".concat(s.count,"+"):"".concat(s.count);return s.hasMore?(0,a.jsxs)(u.m_,{children:[(0,a.jsx)(u.k$,{asChild:!0,children:(0,a.jsx)("span",{className:"font-semibold cursor-help",children:t})}),(0,a.jsx)(u.ZI,{children:(0,a.jsx)("div",{className:"text-xs",children:"Showing first 100 invocations. There may be more."})})]}):(0,a.jsx)("span",{className:"font-semibold",children:t})}}];return(0,a.jsx)(_,{items:t,columns:g,title:"Hooks",loading:r&&!l,error:n,getItemKey:e=>e.hookId,onRowClick:e=>c(e.hookId),isRowSelected:e=>e.hookId===h,emptyMessage:(0,a.jsxs)("div",{children:["No active hooks found."," ",(0,a.jsx)(x,{href:"api-reference/vercel-workflow/create-hook",children:"Learn about hooks"})]}),hasHitLimit:d,hasReachedEnd:o})}function F(e){let{config:s,runId:t,onHookClick:r,selectedHookId:n,onCloseDetailSidebar:i}=e,{items:c,loading:h,error:m,hasHitLimit:x,hasReachedEnd:u,initialLoadComplete:f}=(0,d.u)({createKey:(e,s)=>(0,l.wk)(e.config,"hooks-exhaustive",e.runId||"all",s,"asc"),fetcher:async(e,s,t,a)=>(0,o.h)(e.config,e.runId,s,t,a),params:{config:s,runId:t},live:!1});return(0,a.jsx)(P,{config:s,runId:t,hooks:c,loading:h,error:m||void 0,initialLoadComplete:f,hasHitLimit:x,hasReachedEnd:u,onHookClick:r,selectedHookId:n,onCloseDetailSidebar:i})}var z=t(2931);let D=(0,p.A)("ArrowDownAZ",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]),$=(0,p.A)("ArrowUpAZ",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]);var V=t(3039),Z=t(8052),q=t(7554),U=t(6810);function W(e){var s;let{config:t,onRunClick:r}=e,[n,l]=(0,i.useState)("desc"),[d,o]=(0,i.useState)(m.yQ),[c,h]=(0,i.useState)(()=>new Date),f=(0,i.useMemo)(()=>(0,Z.nO)(t),[t]),{data:p,error:A,nextPage:L,previousPage:T,hasNextPage:_,hasPreviousPage:P,reload:F,pageInfo:W}=(0,q.b_)(f,{sortOrder:n,limit:d}),O=p.isLoading;return!O||(null==p?void 0:p.data)?(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between my-4",children:[(0,a.jsx)("h2",{className:"text-2xl my-2 font-semibold leading-none tracking-tight",children:"Runs"}),(0,a.jsx)("div",{className:"flex items-center gap-4",children:(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)(H.s,{date:c,className:"text-sm text-muted-foreground",type:"distance"}),(0,a.jsxs)(u.m_,{children:[(0,a.jsx)(u.k$,{asChild:!0,children:(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:()=>{h(()=>new Date),F()},disabled:O,children:[(0,a.jsx)(j.A,{className:O?"animate-spin":""}),"Refresh"]})}),(0,a.jsx)(u.ZI,{children:"Note that this resets pages"})]}),(0,a.jsxs)(u.m_,{children:[(0,a.jsx)(u.k$,{asChild:!0,children:(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:()=>{l(e=>"desc"===e?"asc":"desc")},disabled:O,children:["desc"===n?(0,a.jsx)(D,{className:"h-4 w-4"}):(0,a.jsx)($,{className:"h-4 w-4"}),"desc"===n?"Newest":"Oldest"]})}),(0,a.jsx)(u.ZI,{children:"desc"===n?"Showing newest first":"Showing oldest first"})]})]})})]}),A?(0,a.jsxs)(v.Fc,{variant:"destructive",children:[(0,a.jsx)(V.A,{className:"h-4 w-4"}),(0,a.jsx)(v.XL,{children:"Error loading runs"}),(0,a.jsx)(v.TN,{children:M(A)})]}):O||p.data&&0!==p.data.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(y,{children:[(0,a.jsx)(b,{children:(0,a.jsxs)(C,{children:[(0,a.jsx)(I,{children:"Workflow"}),(0,a.jsx)(I,{children:"Run ID"}),(0,a.jsx)(I,{children:"Status"}),(0,a.jsx)(I,{children:"Started"}),(0,a.jsx)(I,{children:"Completed"})]})}),(0,a.jsx)(k,{children:null==(s=p.data)?void 0:s.map(e=>{var s;return(0,a.jsxs)(C,{className:"cursor-pointer group relative",onClick:()=>r(e.runId),children:[(0,a.jsx)(R,{children:(null==(s=(0,z.s)(e.workflowName))?void 0:s.shortName)||"?"}),(0,a.jsx)(R,{className:"font-mono text-xs",children:e.runId}),(0,a.jsx)(R,{children:(0,a.jsx)(U.W,{status:e.status,context:e})}),(0,a.jsx)(R,{children:e.startedAt?(0,a.jsx)(H.s,{date:e.startedAt}):"-"}),(0,a.jsx)(R,{children:e.completedAt?(0,a.jsx)(H.s,{date:e.completedAt}):"-"})]},e.runId)})})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,a.jsx)("div",{className:"text-sm text-muted-foreground",children:W}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsx)(S,{value:d,onChange:o}),(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:T,disabled:!P,children:[(0,a.jsx)(g,{}),"Previous"]}),(0,a.jsxs)(w.$,{variant:"outline",size:"sm",onClick:L,disabled:!_,children:["Next",(0,a.jsx)(N,{})]})]})]})]}):(0,a.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No workflow runs found."," ",(0,a.jsx)(x,{href:"foundations/concepts",children:"Learn about workflows"})]})]}):(0,a.jsx)(E,{title:"Runs"})}function O(){let e=(0,r.useRouter)(),s=(0,r.useSearchParams)(),t=(0,Z.Nt)(),l=s.get("sidebar"),d=s.get("hookId")||s.get("hook"),o=s=>{s?e.push((0,Z.g0)("/",t,{sidebar:"hook",hookId:s})):e.push((0,Z.g0)("/",t))};return(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)(n.t,{title:"Runs Error",description:"Failed to load workflow runs. Please try refreshing the page.",children:(0,a.jsx)(W,{config:t,onRunClick:(s,a)=>{a?e.push((0,Z.g0)("/run/".concat(s,"/streams/").concat(a),t)):e.push((0,Z.g0)("/run/".concat(s),t))}})}),(0,a.jsx)(n.t,{title:"Hooks Error",description:"Failed to load hooks. Please try refreshing the page.",children:(0,a.jsx)(F,{config:t,onHookClick:o,selectedHookId:"hook"===l&&d?d:void 0,onCloseDetailSidebar:()=>o(void 0)})})]})}},6741:(e,s,t)=>{Promise.resolve().then(t.bind(t,3569))},9432:(e,s,t)=>{"use strict";t.d(s,{bq:()=>m,eb:()=>j,gC:()=>f,l6:()=>c,yv:()=>h});var a=t(5386),r=t(2304),n=t(406),l=t(7163),d=t(7536),o=t(4773),i=t(2287);let c=r.bL;r.YJ;let h=r.WT,m=o.forwardRef((e,s)=>{let{className:t,children:l,...d}=e;return(0,a.jsxs)(r.l9,{ref:s,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),...d,children:[l,(0,a.jsx)(r.In,{asChild:!0,children:(0,a.jsx)(n.A,{className:"h-4 w-4 opacity-50"})})]})});m.displayName=r.l9.displayName;let x=o.forwardRef((e,s)=>{let{className:t,...n}=e;return(0,a.jsx)(r.PP,{ref:s,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",t),...n,children:(0,a.jsx)(l.A,{className:"h-4 w-4"})})});x.displayName=r.PP.displayName;let u=o.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(r.wn,{ref:s,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",t),...l,children:(0,a.jsx)(n.A,{className:"h-4 w-4"})})});u.displayName=r.wn.displayName;let f=o.forwardRef((e,s)=>{let{className:t,children:n,position:l="popper",...d}=e;return(0,a.jsx)(r.ZL,{children:(0,a.jsxs)(r.UC,{ref:s,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:l,...d,children:[(0,a.jsx)(x,{}),(0,a.jsx)(r.LM,{className:(0,i.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:n}),(0,a.jsx)(u,{})]})})});f.displayName=r.UC.displayName,o.forwardRef((e,s)=>{let{className:t,...n}=e;return(0,a.jsx)(r.JU,{ref:s,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",t),...n})}).displayName=r.JU.displayName;let j=o.forwardRef((e,s)=>{let{className:t,children:n,...l}=e;return(0,a.jsxs)(r.q7,{ref:s,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...l,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(r.VF,{children:(0,a.jsx)(d.A,{className:"h-4 w-4"})})}),(0,a.jsx)(r.p4,{children:n})]})});j.displayName=r.q7.displayName,o.forwardRef((e,s)=>{let{className:t,...n}=e;return(0,a.jsx)(r.wv,{ref:s,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",t),...n})}).displayName=r.wv.displayName}},e=>{e.O(0,[222,98,724,412,687,508,909,624,358],()=>e(e.s=6741)),_N_E=e.O()}]);

package/.next/static/chunks/app/run/[runId]/streams/[streamId]/page-5813197c8ca1670b.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[627],{316:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});let s=(0,r(8258).A)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},2287:(e,t,r)=>{"use strict";r.d(t,{$g:()=>d,Oc:()=>o,cn:()=>i,yQ:()=>n});var s=r(2928),a=r(8997);let n=10;function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,a.QP)((0,s.$)(t))}let o=5e3;function d(e,t,r){return r?"Page ".concat(e," of ").concat(t,"+"):"Page ".concat(e," of ").concat(t)}},2338:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>c,ZB:()=>d,Zp:()=>i,aR:()=>o});var s=r(5386),a=r(4773),n=r(2287);let i=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",r),...a})});i.displayName="Card";let o=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("flex flex-col space-y-1.5 p-6",r),...a})});o.displayName="CardHeader";let d=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("text-2xl font-semibold leading-none tracking-tight",r),...a})});d.displayName="CardTitle",a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("text-sm text-muted-foreground",r),...a})}).displayName="CardDescription";let c=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("p-6 pt-0",r),...a})});c.displayName="CardContent",a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,n.cn)("flex items-center p-6 pt-0",r),...a})}).displayName="CardFooter"},3686:(e,t,r)=>{Promise.resolve().then(r.bind(r,7682))},6016:(e,t,r)=>{"use strict";r.d(t,{$:()=>c});var s=r(5386),a=r(9280),n=r(7586),i=r(4773),o=r(2287);let d=(0,n.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),c=i.forwardRef((e,t)=>{let{className:r,variant:n,size:i,asChild:c=!1,...l}=e,u=c?a.DX:"button";return(0,s.jsx)(u,{className:(0,o.cn)(d({variant:n,size:i,className:r})),ref:t,...l})});c.displayName="Button"},6883:(e,t,r)=>{"use strict";r.d(t,{E:()=>o});var s=r(5386);let a=(0,r(8258).A)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);var n=r(8414),i=r.n(n);function o(e){let{href:t,label:r="Back"}=e;return(0,s.jsxs)(i(),{href:t,className:"inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors mb-2",children:[(0,s.jsx)(a,{className:"h-4 w-4"}),r]})}},7122:(e,t,r)=>{"use strict";r.d(t,{Fc:()=>d,TN:()=>l,XL:()=>c});var s=r(5386),a=r(7586),n=r(4773),i=r(2287);let o=(0,a.F)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),d=n.forwardRef((e,t)=>{let{className:r,variant:a,...n}=e;return(0,s.jsx)("div",{ref:t,role:"alert",className:(0,i.cn)(o({variant:a}),r),...n})});d.displayName="Alert";let c=n.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("h5",{ref:t,className:(0,i.cn)("mb-1 font-medium leading-none tracking-tight",r),...a})});c.displayName="AlertTitle";let l=n.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-sm [&_p]:leading-relaxed",r),...a})});l.displayName="AlertDescription"},7394:(e,t,r)=>{"use strict";r.d(t,{t:()=>l});var s=r(5386),a=r(3039),n=r(316),i=r(4773),o=r(7122),d=r(6016),c=r(2338);class l extends i.Component{static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Error caught by boundary:",e,t)}render(){return this.state.hasError&&this.state.error?this.props.fallback?this.props.fallback(this.state.error,this.handleReset):(0,s.jsxs)(c.Zp,{className:"border-destructive/50 bg-destructive/5",children:[(0,s.jsx)(c.aR,{children:(0,s.jsxs)(c.ZB,{className:"flex items-center gap-2 text-destructive",children:[(0,s.jsx)(a.A,{className:"h-5 w-5"}),this.props.title||"Error"]})}),(0,s.jsxs)(c.Wu,{className:"space-y-4",children:[(0,s.jsxs)(o.Fc,{variant:"destructive",children:[(0,s.jsx)(a.A,{className:"h-4 w-4"}),(0,s.jsx)(o.XL,{children:"Something went wrong"}),(0,s.jsx)(o.TN,{children:this.props.description||"An unexpected error occurred in this section."})]}),(0,s.jsxs)("div",{className:"bg-muted p-3 rounded-md text-sm font-mono text-muted-foreground overflow-auto max-h-48",children:[(0,s.jsx)("div",{className:"text-xs font-semibold mb-2",children:"Error details:"}),(0,s.jsx)("div",{className:"whitespace-pre-wrap break-words text-xs",children:this.state.error.message}),this.state.error.stack&&(0,s.jsx)("div",{className:"mt-2 opacity-60 text-xs",children:this.state.error.stack})]}),!1!==this.props.showReset&&(0,s.jsxs)(d.$,{variant:"outline",size:"sm",onClick:this.handleReset,className:"gap-2",children:[(0,s.jsx)(n.A,{className:"h-4 w-4"}),"Try again"]})]})]}):this.props.children}constructor(e){super(e),this.handleReset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}}},7682:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>h});var s=r(5386),a=r(3283),n=r(7394),i=r(4773),o=r(2338),d=r(8052),c=r(8033);let l=(0,c.createServerReference)("706bfed013d7e42bf8de2d77d11e9d64ab1e48a439",c.callServer,void 0,c.findSourceMapURL,"readStream");var u=r(6883);function f(e){let{config:t,streamId:r}=e,n=(0,a.useParams)().runId,[c,f]=(0,i.useState)([]),[h,m]=(0,i.useState)(!0),[x,g]=(0,i.useState)(null),v=(0,i.useRef)(null),p=(0,i.useRef)(null),b=(0,i.useRef)(0);(0,i.useEffect)(()=>{v.current&&(v.current.scrollTop=v.current.scrollHeight)},[c.length]),(0,i.useEffect)(()=>{let e=!0;p.current=new AbortController;let s=()=>{e&&m(!1)},a=t=>{if(e&&t){let e=b.current++;f(r=>[...r,{id:e,text:t}])}},n=async(e,t)=>{for(;;){var r;if(null==(r=p.current)?void 0:r.signal.aborted)break;let{value:n,done:i}=await e.read();if(i){s();break}n&&n.byteLength>0&&a(t.decode(n,{stream:!0}))}};return(async()=>{try{let e=(await l(t,r)).getReader(),s=new TextDecoder;await n(e,s)}catch(t){e&&(g(t instanceof Error?t.message:String(t)),m(!1))}})(),()=>{e=!1,p.current&&p.current.abort()}},[t,r]);let j=n?(0,d.g0)("/run/".concat(n),t):(0,d.g0)("/",t);return(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsx)(u.E,{href:j}),(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)(o.aR,{children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)(o.ZB,{className:"font-mono text-sm",children:r}),(0,s.jsx)("div",{className:"flex items-center gap-2",children:(0,s.jsx)("span",{className:"text-sm ".concat(h?"text-green-600 dark:text-green-400":"text-gray-600 dark:text-gray-400"),children:h?"● Live":"● Closed"})})]})}),(0,s.jsx)(o.Wu,{children:(0,s.jsx)("div",{ref:v,className:"bg-black text-green-400 font-mono text-sm p-4 rounded-md h-[600px] overflow-auto whitespace-pre-wrap break-words",children:x?(0,s.jsxs)("div",{className:"text-red-400",children:[(0,s.jsx)("div",{children:"Error reading stream:"}),(0,s.jsx)("div",{children:x})]}):0===c.length?(0,s.jsx)("div",{className:"text-gray-500",children:h?"Waiting for stream data...":"Stream is empty"}):(0,s.jsx)(s.Fragment,{children:c.map(e=>(0,s.jsx)("span",{children:e.text},"".concat(r,"-chunk-").concat(e.id)))})})})]})]})}function h(){let e=(0,a.useParams)(),t=(0,d.Nt)(),r=e.streamId;return(0,s.jsx)(n.t,{title:"Stream Error",description:"Failed to load stream data. Please try navigating back and selecting the stream again.",children:(0,s.jsx)(f,{config:t,streamId:r})})}},8052:(e,t,r)=>{"use strict";r.d(t,{Nt:()=>o,dL:()=>d,g0:()=>c,nO:()=>l});var s=r(3283),a=r(4773);let n={backend:"embedded",dataDir:"../../workbench/nextjs-turbopack/.next/workflow-data",port:"3000",env:"production"},i=["backend","env","authToken","project","team","port","dataDir"];function o(){let e=(0,s.useSearchParams)();return(0,a.useMemo)(()=>{let t={...n};for(let r of i){let s=e.get(r);s&&(t[r]=s)}return t},[e])}function d(){let e=(0,s.useRouter)(),t=(0,s.usePathname)(),r=(0,s.useSearchParams)();return(0,a.useMemo)(()=>s=>{let a=new URLSearchParams(r.toString());for(let e of i){let t=s[e];null!=t&&""!==t?(t!==n[e]||r.has(e))&&a.set(e,t):a.delete(e)}let o=a.toString(),d=o?"".concat(t,"?").concat(o):t;e.push(d)},[e,t,r])}function c(e,t,r){let s=function(e){let t=new URLSearchParams;for(let r of i){let s=e[r];null!=s&&""!==s&&s!==n[r]&&t.set(r,s)}return t}(t);if(r)for(let[e,t]of Object.entries(r))null!=t&&""!==t&&s.set(e,t);let a=s.toString();return a?"".concat(e,"?").concat(a):e}let l=e=>({WORKFLOW_TARGET_WORLD:e.backend,WORKFLOW_VERCEL_ENV:e.env,WORKFLOW_VERCEL_AUTH_TOKEN:e.authToken,WORKFLOW_VERCEL_PROJECT:e.project,WORKFLOW_VERCEL_TEAM:e.team})}},e=>{e.O(0,[98,909,624,358],()=>e(e.s=3686)),_N_E=e.O()}]);