npm - @workflow/web - Versions diffs - 4.0.1-beta.7 → 4.0.1-beta.8 - Mend

@workflow/web 4.0.1-beta.7 → 4.0.1-beta.8

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

Files changed (32) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@workflow/web",
   "description": "Workflow Observability UI",
-  "version": "4.0.1-beta.7",
+  "version": "4.0.1-beta.8",
   "private": false,
   "files": [
     ".next",
@@ -21,7 +21,7 @@
     "next": "15.5.4"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.5",
+    "@biomejs/biome": "^2.2.7",
     "@radix-ui/react-alert-dialog": "^1.1.5",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-select": "^2.2.6",
@@ -43,9 +43,9 @@
     "tailwind-merge": "^2.5.5",
     "tailwindcss": "^4",
     "typescript": "^5.9.3",
-    "@workflow/core": "4.0.1-beta.6",
     "@workflow/world": "4.0.1-beta.4",
-    "@workflow/web-shared": "4.0.1-beta.6"
+    "@workflow/core": "4.0.1-beta.7",
+    "@workflow/web-shared": "4.0.1-beta.7"
   },
   "scripts": {
     "dev": "next dev --turbopack --port 3456",

package/.next/static/chunks/617-9852d1dec9970af4.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[617],{1e3:(e,t,r)=>{"use strict";r.d(t,{u:()=>n});var a=r(8033);let n=(0,a.createServerReference)("7037562920446115536c3bbc0bd5dc3d81fd778ab2",a.callServer,void 0,a.findSourceMapURL,"fetchEventsByCorrelationId")},2287:(e,t,r)=>{"use strict";r.d(t,{Oc:()=>l,cn:()=>i,yQ:()=>s});var a=r(2928),n=r(8997);let s=10;function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}let l=5e3},2338:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>c,ZB:()=>o,Zp:()=>i,aR:()=>l});var a=r(5386),n=r(4773),s=r(2287);let i=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",r),...n})});i.displayName="Card";let l=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("flex flex-col space-y-1.5 p-6",r),...n})});l.displayName="CardHeader";let o=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("text-2xl font-semibold leading-none tracking-tight",r),...n})});o.displayName="CardTitle",n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("text-sm text-muted-foreground",r),...n})}).displayName="CardDescription";let c=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("p-6 pt-0",r),...n})});c.displayName="CardContent",n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.cn)("flex items-center p-6 pt-0",r),...n})}).displayName="CardFooter"},2931:(e,t,r)=>{"use strict";function a(e,t){var r;if("string"!=typeof t)return null;let[a,n,...s]=t.split("//");return a===e&&n&&0!==s.length?{shortName:null!=(r=s.at(-1))?r:"",path:n,functionName:s.join("//")}:null}function n(e){return a("workflow",e)}function s(e){return a("step",e)}r.d(t,{Z:()=>s,s:()=>n})},6016:(e,t,r)=>{"use strict";r.d(t,{$:()=>c,r:()=>o});var a=r(5386),n=r(9280),s=r(7586),i=r(4773),l=r(2287);let o=(0,s.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:s,size:i,asChild:c=!1,...d}=e,u=c?n.DX:"button";return(0,a.jsx)(u,{className:(0,l.cn)(o({variant:s,size:i,className:r})),ref:t,...d})});c.displayName="Button"},7122:(e,t,r)=>{"use strict";r.d(t,{Fc:()=>o,TN:()=>d,XL:()=>c});var a=r(5386),n=r(7586),s=r(4773),i=r(2287);let l=(0,n.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=s.forwardRef((e,t)=>{let{className:r,variant:n,...s}=e;return(0,a.jsx)("div",{ref:t,role:"alert",className:(0,i.cn)(l({variant:n}),r),...s})});o.displayName="Alert";let c=s.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("h5",{ref:t,className:(0,i.cn)("mb-1 font-medium leading-none tracking-tight",r),...n})});c.displayName="AlertTitle";let d=s.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("text-sm [&_p]:leading-relaxed",r),...n})});d.displayName="AlertDescription"},7343:e=>{e.exports={traceNode:"trace-viewer_traceNode__NlPzz",childRow:"trace-viewer_childRow__mCwaW",spanNode:"trace-viewer_spanNode__H55ZR",huge:"trace-viewer_huge__OSs1X",spanName:"trace-viewer_spanName__ajuB8",spanSpacer:"trace-viewer_spanSpacer__xQG2N",spanDuration:"trace-viewer_spanDuration__RVq8J",small:"trace-viewer_small___rH1C",xHover:"trace-viewer_xHover__Be2bW",selected:"trace-viewer_selected__bHDfM",spanNodeEvent:"trace-viewer_spanNodeEvent__CVpAo",eventDiamond:"trace-viewer_eventDiamond__PVZ2r",customEventColor:"trace-viewer_customEventColor__QSEg4",hoverInfo:"trace-viewer_hoverInfo__X2wMh",eventName:"trace-viewer_eventName__QFrEf",eventTimestamp:"trace-viewer_eventTimestamp___nmmv",alignStart:"trace-viewer_alignStart__U21Yh",alignEnd:"trace-viewer_alignEnd__V_Erb",colorVercel:"trace-viewer_colorVercel__Eecoq",color0:"trace-viewer_color0__A_wA0",color1:"trace-viewer_color1__CgB6b",color2:"trace-viewer_color2__D7Ied",color3:"trace-viewer_color3__XflB3",color4:"trace-viewer_color4__ksmHh",colorHighlight:"trace-viewer_colorHighlight__utLW9",unlit:"trace-viewer_unlit__WIHJy",mapContainer:"trace-viewer_mapContainer__Gls7v",spanDetailPanel:"trace-viewer_spanDetailPanel__jwtRq",spanDetailPanelResizer:"trace-viewer_spanDetailPanelResizer__dBiYI",spanDetailPanelTop:"trace-viewer_spanDetailPanelTop__Ng4gO",spanDetailPanelBody:"trace-viewer_spanDetailPanelBody__k9pSF",spanDetailPanelTopInfo:"trace-viewer_spanDetailPanelTopInfo__D6kpC",spanNameDetailPanel:"trace-viewer_spanNameDetailPanel__CLHx3",spanDetailPanelTruncatedHeading:"trace-viewer_spanDetailPanelTruncatedHeading___NSkC",spanDetailPanelName:"trace-viewer_spanDetailPanelName__DDqCU",spanDetailPanelDuration:"trace-viewer_spanDetailPanelDuration__XZxkO",spanDetailPanelCorner:"trace-viewer_spanDetailPanelCorner__tjGBY",spanDetailPanelCornerInner:"trace-viewer_spanDetailPanelCornerInner__kqO87",spanDetailPanelCloseVerticalRule:"trace-viewer_spanDetailPanelCloseVerticalRule__WIOGx",spanDetailPanelClose:"trace-viewer_spanDetailPanelClose__rbajI",spanDetailPanelAttribute:"trace-viewer_spanDetailPanelAttribute__1XPJj",spanDetailPanelAttributeKey:"trace-viewer_spanDetailPanelAttributeKey__9o9nt",spanDetailPanelAttributeValue:"trace-viewer_spanDetailPanelAttributeValue__iyU1v",spanDetailPanelQuickLink:"trace-viewer_spanDetailPanelQuickLink__NWjyU",spanDetailPanelQuickLinkLabel:"trace-viewer_spanDetailPanelQuickLinkLabel__tkhTp",detailGroup:"trace-viewer_detailGroup__4tj2r",expanded:"trace-viewer_expanded__pKWer",collapsed:"trace-viewer_collapsed__MsUVt",ancestorGroup:"trace-viewer_ancestorGroup__ektLf",detailHeading:"trace-viewer_detailHeading__o3E_P",buttonLink:"trace-viewer_buttonLink__ONfcm",note:"trace-viewer_note__8dN_o",skeleton:"trace-viewer_skeleton__oJH8d",skeletonRounded:"trace-viewer_skeletonRounded__LM_Q8",detailHeadingIcon:"trace-viewer_detailHeadingIcon__wO25F",infraSpanDescription:"trace-viewer_infraSpanDescription__hkBQn",ancestorNode:"trace-viewer_ancestorNode__p8UEv",ancestorText:"trace-viewer_ancestorText__fZwLm",ancestorName:"trace-viewer_ancestorName__ADJ7L",ancestorDuration:"trace-viewer_ancestorDuration__pBR7_",ancestorLineContainer:"trace-viewer_ancestorLineContainer__QCC7C",ancestorLine:"trace-viewer_ancestorLine__pVPV2",zoomButtonGroup:"trace-viewer_zoomButtonGroup__C_HCt","zoom-buttons-fade-in":"trace-viewer_zoom-buttons-fade-in__EGdeA",zoomButton:"trace-viewer_zoomButton__rmWgr",divider:"trace-viewer_divider__YzwwI",markersContainer:"trace-viewer_markersContainer__vb1T8",markers:"trace-viewer_markers__6UYUg",marker:"trace-viewer_marker__E04_z",notch:"trace-viewer_notch__IHLFV",markerLabel:"trace-viewer_markerLabel__a_A3w",eventMarkersContainer:"trace-viewer_eventMarkersContainer__tlL_1",eventMarkers:"trace-viewer_eventMarkers__Gbere",eventMarker:"trace-viewer_eventMarker__3Zp8g",cursorMarkerStickyParent:"trace-viewer_cursorMarkerStickyParent__9_BN5",cursorMarkerLabelContainer:"trace-viewer_cursorMarkerLabelContainer__fLmJp",cursorMarkerLabel:"trace-viewer_cursorMarkerLabel__6EuWb",cursorMarkerContainer:"trace-viewer_cursorMarkerContainer__WA7yY",cursorMarker:"trace-viewer_cursorMarker__bOcJw",cursorSelection:"trace-viewer_cursorSelection__buJa0",traceViewer:"trace-viewer_traceViewer__Fvun5","span-skeleton":"trace-viewer_span-skeleton__pMDsF",mapCanvas:"trace-viewer_mapCanvas__7yV_1",zoomButtonTraceViewer:"trace-viewer_zoomButtonTraceViewer__1ZbT3",timeline:"trace-viewer_timeline__XCcR9",searchBar:"trace-viewer_searchBar__oinxO",searchInput:"trace-viewer_searchInput__SU6KZ",searchInputLabel:"trace-viewer_searchInputLabel__PZO66",searchInputPrefix:"trace-viewer_searchInputPrefix__XknUR",mapThumb:"trace-viewer_mapThumb__3EiDn",spanDetailPanelTraceViewer:"trace-viewer_spanDetailPanelTraceViewer__A6oYA",traceViewerContent:"trace-viewer_traceViewerContent__CK9q4",inert:"trace-viewer_inert__v7_XS",hidden:"trace-viewer_hidden__PuCoR",mobile:"trace-viewer_mobile__xNHZ4",spanRunning:"trace-viewer_spanRunning__TSevz",spanPending:"trace-viewer_spanPending__0OmW0",spanCompleted:"trace-viewer_spanCompleted__snb9s",spanCancelled:"trace-viewer_spanCancelled__iUr6X",spanPaused:"trace-viewer_spanPaused__33Kx_",spanFailed:"trace-viewer_spanFailed__B56DG",spanPendingStriped:"trace-viewer_spanPendingStriped__HD42Y",spanSleep:"trace-viewer_spanSleep___ohf2",spanHook:"trace-viewer_spanHook__6qVtP",eventFailed:"trace-viewer_eventFailed__bV6M9",eventRetrying:"trace-viewer_eventRetrying__0r6_x",eventHook:"trace-viewer_eventHook__CLTI1",eventDefault:"trace-viewer_eventDefault__vbb0d"}},7394:(e,t,r)=>{"use strict";r.d(t,{t:()=>d});var a=r(5386),n=r(3039),s=r(316),i=r(4773),l=r(7122),o=r(6016),c=r(2338);class d 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,a.jsxs)(c.Zp,{className:"border-destructive/50 bg-destructive/5",children:[(0,a.jsx)(c.aR,{children:(0,a.jsxs)(c.ZB,{className:"flex items-center gap-2 text-destructive",children:[(0,a.jsx)(n.A,{className:"h-5 w-5"}),this.props.title||"Error"]})}),(0,a.jsxs)(c.Wu,{className:"space-y-4",children:[(0,a.jsxs)(l.Fc,{variant:"destructive",children:[(0,a.jsx)(n.A,{className:"h-4 w-4"}),(0,a.jsx)(l.XL,{children:"Something went wrong"}),(0,a.jsx)(l.TN,{children:this.props.description||"An unexpected error occurred in this section."})]}),(0,a.jsxs)("div",{className:"bg-muted p-3 rounded-md text-sm font-mono text-muted-foreground overflow-auto max-h-48",children:[(0,a.jsx)("div",{className:"text-xs font-semibold mb-2",children:"Error details:"}),(0,a.jsx)("div",{className:"whitespace-pre-wrap break-words text-xs",children:this.state.error.message}),this.state.error.stack&&(0,a.jsx)("div",{className:"mt-2 opacity-60 text-xs",children:this.state.error.stack})]}),!1!==this.props.showReset&&(0,a.jsxs)(o.$,{variant:"outline",size:"sm",onClick:this.handleReset,className:"gap-2",children:[(0,a.jsx)(s.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}}}},8052:(e,t,r)=>{"use strict";r.d(t,{Nt:()=>l,dL:()=>o,g0:()=>c,nO:()=>d});var a=r(3283),n=r(4773);let s={backend:"embedded",dataDir:"../../workbench/nextjs-turbopack/.next/workflow-data",port:"3000",env:"production"},i=["backend","env","authToken","project","team","port","dataDir"];function l(){let e=(0,a.useSearchParams)();return(0,n.useMemo)(()=>{let t={...s};for(let r of i){let a=e.get(r);a&&(t[r]=a)}return t},[e])}function o(){let e=(0,a.useRouter)(),t=(0,a.usePathname)(),r=(0,a.useSearchParams)();return(0,n.useMemo)(()=>a=>{let n=new URLSearchParams(r.toString());for(let e of i){let t=a[e];null!=t&&""!==t?(t!==s[e]||r.has(e))&&n.set(e,t):n.delete(e)}let l=n.toString(),o=l?"".concat(t,"?").concat(l):t;e.push(o)},[e,t,r])}function c(e,t,r){let a=function(e){let t=new URLSearchParams;for(let r of i){let a=e[r];null!=a&&""!==a&&a!==s[r]&&t.set(r,a)}return t}(t);if(r)for(let[e,t]of Object.entries(r))null!=t&&""!==t&&a.set(e,t);let n=a.toString();return n?"".concat(e,"?").concat(n):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,PORT:e.port,WORKFLOW_EMBEDDED_DATA_DIR:e.dataDir})},9373:(e,t,r)=>{"use strict";r.d(t,{J9:()=>tc,Su:()=>T,u1:()=>_,bv:()=>E,Ns:()=>C,LK:()=>j,b_:()=>k,Qz:()=>R});var a=r(4773),n=r(2928),s=r(8997);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,s.QP)((0,n.$)(t))}function l(e,t,r){return r?"Page ".concat(e," of ").concat(t,"+"):"Page ".concat(e," of ").concat(t)}var o=r(8033);let c=(0,o.createServerReference)("605ff655ce0e835f3707b9f83bff7d2e447790d249",o.callServer,void 0,o.findSourceMapURL,"fetchRuns"),d=(0,o.createServerReference)("60372a3b048f348d7f72ee1df80718350297342e9d",o.callServer,void 0,o.findSourceMapURL,"fetchHooks"),u=(0,o.createServerReference)("7069f7df4a91deae2882f23e39294639d227f6d078",o.callServer,void 0,o.findSourceMapURL,"fetchSteps"),m=(0,o.createServerReference)("706e6516336f84a9a15e94e104c2b27bb04543f8b0",o.callServer,void 0,o.findSourceMapURL,"fetchEvents"),h=(0,o.createServerReference)("70cadd71e23e24a7b5c21a32bd500388bb02d60b7c",o.callServer,void 0,o.findSourceMapURL,"fetchRun"),p=(0,o.createServerReference)("786abf8932df5a73b22b0a6177687ac4814820ec8e",o.callServer,void 0,o.findSourceMapURL,"fetchStep"),v=(0,o.createServerReference)("701b266ea4e545fe00256b99189370010ac00e57e6",o.callServer,void 0,o.findSourceMapURL,"fetchHook");var f=r(1e3);let w=(0,o.createServerReference)("60dc2015c6e9e42bbd4e930a3237d9cfdcd6a08a65",o.callServer,void 0,o.findSourceMapURL,"cancelRun"),g=(0,o.createServerReference)("600eb4d4b1fce110281ced89299e1232cbab2d38a2",o.callServer,void 0,o.findSourceMapURL,"recreateRun"),x=(0,o.createServerReference)("705217d72513ba467345721b164e8dff2b4125190c",o.callServer,void 0,o.findSourceMapURL,"readStreamServerAction"),_=e=>{if("layer"in e&&e.layer){if(e instanceof y){var t;if((null==(t=e.request)?void 0:t.status)===403)return"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."}return e.message}return e instanceof Error?e.message:"An error occurred"};function b(e){if(!e.success){var t;if(!e.error)throw new y("Unknown error occurred",{layer:"client"});throw new y((t=e.error).message,{cause:t.cause,request:t.request,layer:t.layer})}return e.data}class y extends Error{constructor(e,t){super(e,{cause:null==t?void 0:t.cause}),this.name="WorkflowAPIError",this.request=null==t?void 0:t.request,this.layer=null==t?void 0:t.layer,(null==t?void 0:t.cause)instanceof Error&&(this.stack="".concat(this.stack,"\nCaused by: ").concat(t.cause.stack))}}function k(e,t){var r,n,s;let{workflowName:i,status:o,limit:d=10,sortOrder:u="desc"}=t,[m,h]=(0,a.useState)(void 0),[p,v]=(0,a.useState)(!1),[f,w]=(0,a.useState)(0),[g,x]=(0,a.useState)([void 0]),[_,k]=(0,a.useState)(1),[j,S]=(0,a.useState)(new Map([[0,{data:null,isLoading:!0,error:null}]])),N=(0,a.useRef)(new Map),L=(0,a.useCallback)(async function(t,r){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=null!=r?r:"initial";if(S(e=>{var r,a;let n=new Map(e);return n.set(t,{data:null!=(a=null==(r=e.get(t))?void 0:r.data)?a:null,isLoading:!0,error:null}),n}),!a&&N.current.has(n)){let e=N.current.get(n);if(e){S(r=>{let a=new Map(r);return a.set(t,{data:e.data,isLoading:!1,error:null}),a}),h(e.cursor),v(e.hasMore);return}}try{let a=await c(e,{cursor:r,sortOrder:u,limit:d,workflowName:i,status:o}),s=b(a);N.current.set(n,{data:s.data,cursor:s.cursor,hasMore:s.hasMore}),S(e=>{let r=new Map(e);return r.set(t,{data:s.data,isLoading:!1,error:null}),r}),h(s.cursor),v(s.hasMore)}catch(r){let e=r instanceof y?r:r instanceof Error?new y(r.message,{cause:r,layer:"client"}):new y(String(r),{layer:"client"});S(r=>{var a,n;let s=new Map(r);return s.set(t,{data:null!=(n=null==(a=r.get(t))?void 0:a.data)?n:null,isLoading:!1,error:e}),s})}},[e,i,d,u,o]);(0,a.useEffect)(()=>{L(0,void 0,!0)},[L,u,e,d,i,o]);let R=(0,a.useCallback)(()=>{if(p&&m){let e=f+1;x(e=>[...e,m]),w(e),k(t=>Math.max(t,e+1)),j.has(e)||S(t=>{let r=new Map(t);return r.set(e,{data:null,isLoading:!0,error:null}),r}),L(e,m)}},[p,m,L,f,j]),M=(0,a.useCallback)(()=>{if(f>0){let e=f-1,t=g[e];w(e),L(e,t)}},[f,g,L]),T=(0,a.useCallback)(()=>{N.current.clear(),S(new Map([[0,{data:null,isLoading:!0,error:null}]])),w(0),x([void 0]),k(1),L(0,void 0,!0)},[L]),C=null!=(n=j.get(f))?n:{data:null,isLoading:!0,error:null},E=null!=(s=null==(r=Array.from(j.values()).find(e=>e.error))?void 0:r.error)?s:null,D=Array.from(j.values()).some(e=>e.isLoading),I=p?f+2:f+1,A=f+1,P=l(A,_,A===_&&p);return{data:C,allData:Array.from(j.values()),error:E,isLoading:D,currentPage:f,totalPages:I,nextPage:R,previousPage:M,hasNextPage:p,hasPreviousPage:f>0,reload:T,pageInfo:P}}function j(e,t){var r,n,s;let{runId:i,limit:o=10,sortOrder:c="desc"}=t,[u,m]=(0,a.useState)(void 0),[h,p]=(0,a.useState)(!1),[v,f]=(0,a.useState)(0),[w,g]=(0,a.useState)([void 0]),[x,_]=(0,a.useState)(1),[k,j]=(0,a.useState)(new Map([[0,{data:null,isLoading:!0,error:null}]])),S=(0,a.useRef)(new Map),N=(0,a.useCallback)(async function(t,r){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=null!=r?r:"initial";if(j(e=>{var r,a;let n=new Map(e);return n.set(t,{data:null!=(a=null==(r=e.get(t))?void 0:r.data)?a:null,isLoading:!0,error:null}),n}),!a&&S.current.has(n)){let e=S.current.get(n);if(e){j(r=>{let a=new Map(r);return a.set(t,{data:e.data,isLoading:!1,error:null}),a}),m(e.cursor),p(e.hasMore);return}}try{let a=await d(e,{runId:i,cursor:r,sortOrder:c,limit:o}),s=b(a);S.current.set(n,{data:s.data,cursor:s.cursor,hasMore:s.hasMore}),j(e=>{let r=new Map(e);return r.set(t,{data:s.data,isLoading:!1,error:null}),r}),m(s.cursor),p(s.hasMore)}catch(r){let e=r instanceof y?r:r instanceof Error?new y(r.message,{cause:r,layer:"client"}):new y(String(r),{layer:"client"});j(r=>{var a,n;let s=new Map(r);return s.set(t,{data:null!=(n=null==(a=r.get(t))?void 0:a.data)?n:null,isLoading:!1,error:e}),s})}},[e,i,o,c]);(0,a.useEffect)(()=>{N(0,void 0)},[N]);let L=(0,a.useCallback)(()=>{if(h&&u){let e=v+1;g(e=>[...e,u]),f(e),_(t=>Math.max(t,e+1)),k.has(e)||j(t=>{let r=new Map(t);return r.set(e,{data:null,isLoading:!0,error:null}),r}),N(e,u)}},[h,u,N,v,k]),R=(0,a.useCallback)(()=>{if(v>0){let e=v-1,t=w[e];f(e),N(e,t)}},[v,w,N]),M=(0,a.useCallback)(()=>{S.current.clear(),j(new Map([[0,{data:null,isLoading:!0,error:null}]])),f(0),g([void 0]),_(1),N(0,void 0,!0)},[N]),T=null!=(n=k.get(v))?n:{data:null,isLoading:!0,error:null},C=null!=(s=null==(r=Array.from(k.values()).find(e=>e.error))?void 0:r.error)?s:null,E=Array.from(k.values()).some(e=>e.isLoading),D=h?v+2:v+1,I=v+1,A=l(I,x,I===x&&h);return{data:T,allData:Array.from(k.values()),error:C,isLoading:E,currentPage:v,totalPages:D,nextPage:L,previousPage:R,hasNextPage:h,hasPreviousPage:v>0,reload:M,pageInfo:A}}async function S(e,t){let r,a=[];for(;;){let n=b(await u(e,t,{cursor:r,sortOrder:"asc",limit:100}));if(a=[...a,...n.data],!n.hasMore||!n.cursor||a.length>=1e3)break;r=n.cursor}return{data:a,cursor:r}}async function N(e,t){let r,a=[];for(;;){let n=b(await d(e,{runId:t,cursor:r,sortOrder:"asc",limit:100}));if(a=[...a,...n.data],!n.hasMore||!n.cursor||a.length>=1e3)break;r=n.cursor}return{data:a,cursor:r}}async function L(e,t){let r,a=[];for(;;){let n=b(await m(e,t,{cursor:r,sortOrder:"asc",limit:1e3}));if(a=[...a,...n.data],!n.hasMore||!n.cursor||a.length>=1e3)break;r=n.cursor}return{data:a,cursor:r}}function R(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{live:n=!1}=r,[s,i]=(0,a.useState)(null),[l,o]=(0,a.useState)([]),[c,p]=(0,a.useState)([]),[v,f]=(0,a.useState)([]),[w,g]=(0,a.useState)(!0),[x,_]=(0,a.useState)(null),[k,j]=(0,a.useState)(),[R,M]=(0,a.useState)(),[T,C]=(0,a.useState)(),E=(0,a.useRef)(!1),[D,I]=(0,a.useState)(!1),A=(0,a.useCallback)(async()=>{if(!E.current){E.current=!0,g(!0),_(null);try{let r=await h(e,t),a=b(r);i(a);let n=await S(e,t);o(n.data),j(n.cursor);let s=await N(e,t);p(s.data),M(s.cursor);let l=await L(e,t);f(l.data),C(l.cursor)}catch(e){_(e instanceof y?e:e instanceof Error?new y(e.message,{cause:e,layer:"client"}):new y(String(e),{layer:"client"}))}finally{g(!1),E.current=!1,I(!0)}}},[e,t]),P=(0,a.useCallback)((e,t)=>Array.from(new Map([...e,...t].map(e=>[e.stepId,e])).values()),[]),F=(0,a.useCallback)((e,t)=>Array.from(new Map([...e,...t].map(e=>[e.hookId,e])).values()),[]),H=(0,a.useCallback)((e,t)=>Array.from(new Map([...e,...t].map(e=>[e.eventId,e])).values()),[]),W=(0,a.useCallback)(async()=>(null==s||!s.completedAt)&&(i(b(await h(e,t))),!0),[e,t,null==s?void 0:s.completedAt]),V=(0,a.useCallback)(async()=>{let r=b(await u(e,t,{cursor:k,sortOrder:"asc",limit:5}));return r.data.length>0&&(o(e=>P(e,r.data)),r.cursor&&j(r.cursor),!0)},[e,t,k,P]),O=(0,a.useCallback)(async()=>{let r=b(await d(e,{runId:t,cursor:R,sortOrder:"asc",limit:5}));return r.data.length>0&&(p(e=>F(e,r.data)),r.cursor&&M(r.cursor),!0)},[e,t,R,F]),B=(0,a.useCallback)(async()=>{let r=b(await m(e,t,{cursor:T,sortOrder:"asc",limit:5}));return r.data.length>0&&(f(e=>H(e,r.data)),r.cursor&&C(r.cursor),!0)},[e,t,T,H]),z=(0,a.useCallback)(async()=>{if(E.current||!D)return{foundNewItems:!1};let e=!1;try{let[t,r,a,n]=await Promise.all([W(),V(),O(),B()]);e=r||a||n}catch(e){console.error("Update error:",e)}return{foundNewItems:e}},[V,O,B,D,W]);return(0,a.useEffect)(()=>{A()},[A]),(0,a.useEffect)(()=>{if(!n||!D||(null==s?void 0:s.completedAt))return;let e=setInterval(()=>{z()},5e3);return()=>clearInterval(e)},[n,D,z,null==s?void 0:s.completedAt]),{run:null!=s?s:{},steps:l,hooks:c,events:v,loading:w,error:x,update:z}}async function M(e,t,r){var a;let n,s,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=null!=(a=i.resolveData)?a:"all";if("run"===t)s=(n=b(await h(e,r,l))).runId;else if("step"===t){let{runId:t}=i;if(!t)throw new y("runId is required for step resource",{layer:"client"});s=(n=b(await p(e,t,r,l))).stepId}else if("hook"===t)s=(n=b(await v(e,r,l))).hookId;else throw new y("Unknown resource type: ".concat(t),{layer:"client"});return{data:n,correlationId:s}}async function T(e,t){try{let r=await w(e,t);b(r)}catch(e){if(console.error("Error canceling run:",e),e instanceof y)throw e;throw new y(e instanceof Error?e.message:"Failed to cancel run",{cause:e,layer:"client"})}}async function C(e,t){try{let r=await g(e,t);return b(r)}catch(e){if(console.error("Error starting run:",e),e instanceof y)throw e;throw new y(e instanceof Error?e.message:"Failed to start run",{cause:e,layer:"client"})}}async function E(e,t,r){try{let a=await x(e,t,r);return b(a)}catch(e){if(console.error("Error reading stream:",e),e instanceof y)throw e;throw new y(e instanceof Error?e.message:"Failed to read stream",{cause:e,layer:"client"})}}var D=r(5386),I=r(5526),A=r(8150),P=r(3039),F=r(6489);let H=(0,r(7586).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"}}),W=a.forwardRef((e,t)=>{let{className:r,variant:a,...n}=e;return(0,D.jsx)("div",{ref:t,role:"alert",className:i(H({variant:a}),r),...n})});W.displayName="Alert";let V=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,D.jsx)("h5",{ref:t,className:i("mb-1 font-medium leading-none tracking-tight",r),...a})});V.displayName="AlertTitle";let O=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,D.jsx)("div",{ref:t,className:i("text-sm [&_p]:leading-relaxed",r),...a})});O.displayName="AlertDescription";var B=r(2931);function z(e){if(!e||!(e instanceof Date))return[0,0];let t=e.getTime();return[Math.floor(t/1e3),t%1e3*1e6]}function q(e){return 1e3*e[0]+e[1]/1e6}function U(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 X={name:"workflow-development-kit",version:"4.0.0"},$=new Set(["hook_created","hook_received","hook_disposed","step_retrying","step_failed","workflow_failed","wait_created","wait_completed"]);function K(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return e.filter(e=>!t||$.has(e.eventType)).map(e=>{var t;return{name:e.eventType,timestamp:z(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 Z(e){let{summary:t,children:r}=e;return(0,D.jsxs)("details",{className:"group",children:[(0,D.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,D.jsx)("div",{className:"p-2",children:r})]})}let G=e=>(0,D.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,D.jsx)("code",{children:JSON.stringify(e,null,2)})}),Q=["workflowName","stepName","status","stepId","hookId","eventId","runId","attempt","token","correlationId","eventType","deploymentId","ownerId","projectId","environment","executionContext","createdAt","startedAt","updatedAt","completedAt","retryAfter","error","errorCode","metadata","eventData","input","output","resumeAt"],Y=(e,t)=>(Q.indexOf(e)||0)-(Q.indexOf(t)||0),J={workflowName:e=>{var t,r;return null!=(r=null==(t=(0,B.s)(String(e)))?void 0:t.shortName)?r:"?"},stepName:e=>{var t,r;return null!=(r=null==(t=(0,B.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(),retryAfter:e=>new Date(String(e)).toLocaleString(),resumeAt:e=>new Date(String(e)).toLocaleString(),metadata:G,input:e=>{let t=Array.isArray(e)?e.length:0;return(0,D.jsx)(Z,{summary:"Input (".concat(t," arguments)"),children:Array.isArray(e)?e.map((e,t)=>(0,D.jsx)("div",{className:"mt-2",children:G(e)},t)):G(e)})},output:e=>(0,D.jsx)(Z,{summary:"Output",children:G(e)}),error:e=>(0,D.jsx)(Z,{summary:"Error",children:G(e)}),errorCode:G,eventData:e=>(0,D.jsx)(Z,{summary:"Event Data",children:G(e)})},ee=["input","output","error","errorCode","metadata","eventData"],et=e=>{let{attribute:t,value:r,isLoading:a}=e,n=J[t];if(!n)return null;let s=n(r);return s?(0,D.jsxs)("div",{className:"relative",children:["boolean"==typeof a&&a&&(0,D.jsx)("div",{className:"absolute top-9 right-4",children:(0,D.jsx)("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2",style:{borderColor:"var(--ds-gray-900)"}})}),(0,D.jsxs)("div",{className:"flex flex-col gap-0 my-2",children:[(0,D.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-500)"},children:t}),(0,D.jsx)("span",{style:{color:"var(--ds-gray-1000)"},children:s})]},t)]}):null},er=e=>{let{data:t,isLoading:r,error:a}=e,n=Object.keys(t).filter(e=>!ee.includes(e)).sort(Y),s=Object.keys(t).filter(e=>ee.includes(e)).sort(Y);return(0,D.jsxs)("div",{children:[n.map(e=>(0,D.jsx)(et,{attribute:e,value:t[e]},e)),a?(0,D.jsxs)(W,{variant:"destructive",className:"my-4",children:[(0,D.jsx)(P.A,{className:"h-4 w-4"}),(0,D.jsx)(V,{children:"Failed to load resource details"}),(0,D.jsx)(O,{className:"text-sm",children:a.message})]}):s.map(e=>(0,D.jsx)(et,{isLoading:r,attribute:e,value:t[e]},e))]})};function ea(e){let{correlationId:t,env:r,events:n}=e,s=(0,a.useCallback)(()=>(0,f.u)(r,t,{sortOrder:"asc",limit:100,withData:!0}).then(e=>{if(!e.success){var t;throw Error((null==(t=e.error)?void 0:t.message)||"Failed to fetch events")}return K(e.data.data||[],!1)}),[r,t]),{data:i,error:l,isLoading:o}=(0,F.Ay)(["workflow","events",t],s,{fallbackData:n,revalidateOnFocus:!1}),c=((null==i?void 0:i.length)?i:n)||[];return(0,D.jsxs)("div",{className:"mt-2",style:{color:"var(--ds-gray-1000)"},children:[(0,D.jsxs)("h3",{className:"text-heading-16 font-medium mt-4 mb-2",style:{color:"var(--ds-gray-1000)"},children:["Events (",o?"...":c.length,")"]}),l?(0,D.jsxs)(W,{variant:"destructive",className:"my-4",children:[(0,D.jsx)(P.A,{className:"h-4 w-4"}),(0,D.jsx)(V,{children:"Failed to load event data"}),(0,D.jsx)(O,{className:"text-sm",children:l.message})]}):null,o?(0,D.jsx)("div",{children:"Loading events..."}):null,!o&&!l&&0===c.length&&(0,D.jsx)("div",{className:"text-sm",children:"No events found"}),c.length>0&&!l?(0,D.jsx)("div",{className:"flex flex-col gap-2",children:c.map((e,t)=>(0,D.jsx)(Z,{summary:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:"font-medium",style:{color:"var(--ds-gray-1000)"},children:e.name})," ","-"," ",(0,D.jsx)("span",{style:{color:"var(--ds-gray-700)"},children:new Date(1e3*e.timestamp[0]+e.timestamp[1]/1e6).toLocaleString()})]}),children:(0,D.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,D.jsx)(et,{attribute:t,value:r},t)}),(0,D.jsxs)("div",{className:"relative",children:[l&&(0,D.jsx)("div",{children:"Error loading event data"}),!l&&!o&&e.attributes.eventData&&(0,D.jsx)(et,{isLoading:o,attribute:"eventData",value:e.attributes.eventData})]})]})},"".concat(e.name,"-").concat(t)))}):null]})}let en={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},es=e=>(e.width-e.scrollbarWidth-Number(!!(e.selected&&e.withPanel))*e.panelWidth)/e.root.duration,ei=(0,a.createContext)({state:en,dispatch:()=>{}});ei.displayName="TraceViewerContext";let el=(e,t)=>{switch(t.type){case"setRoot":return e.scrollSnapshotRef.current=void 0,e.memoCacheRef.current.clear(),el({...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,a=e.withPanel&&t.width<=768,n={...e,width:t.width,height:t.height,timelineWidth:t.width-Number(!!(e.selected&&e.withPanel&&!a))*e.panelWidth,timelineHeight:r,panelHeight:r,isMobile:a};return n.width!==e.width&&(n=el(n,{type:"detectBaseScale"})),n}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 el({...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 el(e,{type:"deselect"});return el(e,{type:"resetScale"});case"toggleSelection":{var r;let a=e;if(e.selected&&(a=el(a,{type:"deselect"})),(null==(r=e.selected)?void 0:r.span.spanId)===t.id)return a;return el(a,{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 el(e,{type:"scaleToRange",t1:e.root.startTime,t2:e.root.endTime});case"scaleToNode":{let r=e.spanMap[t.id];if(!r)return e;return el(el(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 el(el(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 a=e.timelineRef.current;if(!a)return console.warn("timelineRef is null"),e;let{clientWidth:n,scrollLeft:s}=a;return el(el({...e,scaleRatio:r,scale:e.baseScale*r},{type:"minScale"}),{type:"setScrollSnapshot",anchorT:(s+.5*n)/e.scale,anchorX:.5*n})}case"trackpadScale":{let r=Math.max(es(e)/e.baseScale,e.scaleRatio*(1+.2*Math.sign(t.delta)*Math.sqrt(Math.abs(t.delta))));return el({...e,scaleRatio:r,scale:e.baseScale*r},{type:"setScrollSnapshot",anchorT:t.anchorT,anchorX:t.anchorX})}case"minScale":{let t=es(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:a,anchorX:n}=t,s=a*e.scale-n,{scrollTop:i}=r,l=(i-24-8)/26,o=l+Math.ceil(e.timelineHeight/26);return e.scrollSnapshotRef.current={anchorT:a,anchorX:n,scrollLeft:s,scrollTop:i,startTime:e.root.startTime+s/e.scale,endTime:e.root.startTime+(s+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 eo(e){let{getQuickLinks:t,withPanel:r=!1,children:n,customSpanClassNameFunc:s,customSpanEventClassNameFunc:i,customPanelComponent:l=null}=e,o=(0,a.useRef)(null),c=(0,a.useRef)(void 0),d=(0,a.useRef)(t);d.current=t;let u=(0,a.useRef)(new Map),m=(0,a.useRef)(new Map),[h,p]=(0,a.useReducer)(el,en,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:o,scrollSnapshotRef:c,customSpanClassNameFunc:s,customSpanEventClassNameFunc:i,customPanelComponent:l,memoCacheRef:u,withPanel:r,getQuickLinks:e=>{var t;let r=e.spanId,a=m.current.get(r);if(a)return a;let n=(null==(t=d.current)?void 0:t.call(d,e))||[];return m.current.set(r,n),n}}));(0,a.useEffect)(()=>p({type:"setWithPanel",withPanel:r}),[r]);let v=(0,a.useMemo)(()=>({state:h,dispatch:p}),[h,p]);return(0,D.jsx)(ei.Provider,{value:v,children:n})}let ec=()=>(0,a.useContext)(ei);var ed=r(7343),eu=r.n(ed);function em(e){let[t,r]=e;return 1e3*t+r/1e6}function eh(e){return[Math.floor(e/1e3),e%1e3*1e3]}let ep=new Intl.NumberFormat(void 0,{maximumFractionDigits:2});function ev(e){return 0===e?"0":e>=1e3?"".concat(ep.format(e/1e3),"s"):"".concat(ep.format(e),"ms")}let ef=new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2});function ew(e){return e>=1e3?"".concat(ef.format(e/1e3),"s"):"".concat(ef.format(e),"ms")}let eg=(e,t)=>e.duration*t>=500,ex=e=>e.isVercel?String(eu().colorVercel):String(eu()["color".concat(e.resourceIndex%5)]),e_=(e,t)=>{let r=eg(e,t),a=e.isHovered&&!r&&!1!==e.isHighlighted;return(0,n.$)(eu().spanNode,r&&eu().huge,e.duration*t<64&&eu().small,e.isSelected&&eu().selected,a&&eu().xHover,e.isHighlighted?eu().colorHighlight:ex(e),!1===e.isHighlighted&&eu().unlit)},eb=(0,a.memo)(function(e){let{root:t,scale:r,spans:a,scrollSnapshotRef:n,cache:s,customSpanClassNameFunc:i,customSpanEventClassNameFunc:l}=e;return a.map(e=>(0,D.jsx)(ey,{cacheKey:s.get(e.span.spanId),customSpanEventClassNameFunc:l,customSpanClassNameFunc:i,node:e,root:t,scale:r,scrollSnapshotRef:n},e.span.spanId))}),ey=(0,a.memo)(function(e){let{node:t,root:r,scale:s,scrollSnapshotRef:i,customSpanClassNameFunc:l,customSpanEventClassNameFunc:o}=e,c=(0,a.useRef)(null);t.ref=c;let{span:d}=t,u=t.isInstrumentationHint?"Get Started":ev(t.duration),m=(t.startTime-r.startTime)*s,h=24+26*t.row,p=t.duration*s,v=Math.max(p,4),f=24,w=eg(t,s),g=p<64,x=t.isHovered&&!w&&!1!==t.isHighlighted;g&&!x&&(f*=.4,h+=(24-f)*.5);let _=!1;if(x){let{duration:e,endTime:a}=r,n=i.current;n&&(e=n.endTime-n.startTime,a=n.endTime),_=a-t.startTime<.25*e}let b=l?l(t):"";return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("button",{"aria-label":"".concat(d.name," - ").concat(u),className:(0,n.$)(e_(t,s),b),"data-span-id":d.spanId,"data-start-time":t.startTime-r.startTime,"data-right-side":_,ref:c,style:{"--span-width":"".concat(Math.max(p,1),"px"),minWidth:x?v:void 0,width:x?void 0:v,height:f,maxWidth:x&&!_?(r.endTime-t.startTime)*s:void 0,containIntrinsicWidth:x?void 0:v,containIntrinsicHeight:f,left:_?void 0:m,right:_?(r.endTime-t.endTime)*s:void 0,top:h},type:"button",children:g&&!x?null:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:eu().spanName,children:t.label||d.name}),w?(0,D.jsx)("span",{className:eu().spanSpacer}):null,x||v>128?(0,D.jsx)("span",{className:eu().spanDuration,children:u}):null]})}),t.events&&!g?t.events.map(e=>(0,D.jsx)(ek,{customSpanEventClassNameFunc:o,event:e,node:t,root:r,scale:s},e.key)):null]})}),ek=(0,a.memo)(function(e){let{event:t,node:r,root:s,scale:i,customSpanEventClassNameFunc:l}=e,o=(0,a.useRef)(null);t.ref=o;let{event:{name:c}}=t,d=ev(t.timestamp-s.startTime),u=(t.timestamp-s.startTime)*i,m=24+26*r.row,h=l?l(t):"";return(0,D.jsxs)("div",{title:"".concat(c," at ").concat(d),className:(0,n.$)(eu().spanNodeEvent,h,r.isHighlighted?eu().colorHighlight:ex(r),!1===r.isHighlighted&&eu().unlit),"data-hovered":t.isHovered,ref:o,style:{left:u,top:m},children:[(0,D.jsxs)("div",{className:(0,n.$)(eu().hoverInfo,(t.timestamp-r.startTime)/r.duration<.5?eu().alignStart:eu().alignEnd),children:[(0,D.jsx)("span",{className:eu().eventName,children:c}),(0,D.jsx)("span",{className:eu().eventTimestamp,children:d})]}),(0,D.jsx)("div",{className:eu().eventDiamond})]})}),ej={"gray-700":"var(--ds-gray-700)","gray-900":"var(--ds-gray-900)"};function eS(e){let{size:t=16,color:r="gray-700"}=e,a={color:ej[r]||r};return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:a,"aria-hidden":!0,children:[(0,D.jsx)("title",{children:"Cross"}),(0,D.jsx)("path",{d:"M6 6l12 12M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function eN(e){let{size:t=16}=e;return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,className:eu().detailHeadingIcon,children:[(0,D.jsx)("title",{children:"Chevron Down"}),(0,D.jsx)("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function eL(e){let{size:t=16,color:r="gray-900"}=e,a={color:ej[r]||r};return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:a,"aria-hidden":!0,children:[(0,D.jsx)("title",{children:"External Small"}),(0,D.jsx)("path",{d:"M14 4h6m0 0v6m0-6L10 14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,D.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 eR(e){let{as:t,className:r,href:a,children:n,...s}=e;return"span"!==(t||"a")&&a?(0,D.jsx)("a",{className:r,href:a,...s,children:n}):(0,D.jsx)("span",{className:r,...s,children:n})}function eM(e){let{className:t,children:r,size:a,...s}=e;return(0,D.jsx)("a",{...s,className:(0,n.$)(eu().buttonLink,t),children:r})}function eT(e){let{children:t,className:r}=e;return(0,D.jsx)("div",{className:(0,n.$)(eu().note,r),children:t})}function eC(e){let{width:t,height:r,rounded:a}=e;return(0,D.jsx)("span",{className:(0,n.$)(eu().skeleton,a&&eu().skeletonRounded),style:{width:t,height:r},"aria-hidden":!0})}let eE=e=>"".concat((100*e).toFixed(3),"%"),eD=(e,t)=>e<t?-1:+(e>t),eI=e=>{let t={};for(let[r,a]of Object.entries(e)){let e=r.indexOf("."),n="",s="";-1!==e?(n=r.substring(0,e),s=r.substring(e+1)):s=r;let i=t[n];i||(i={prefix:n,attributes:[]},t[n]=i),i.attributes.push({key:r,suffix:s,value:String(a)})}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},eA=()=>{var e;let{state:{root:t,selected:r,resourceMap:s,getQuickLinks:i},dispatch:l}=ec(),o=(0,a.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]),c=(0,a.useMemo)(()=>{var e;return eI(null!=(e=null==r?void 0:r.span.attributes)?e:{})},[r]),d=(0,a.useMemo)(()=>{let e=null==r?void 0:r.span.resource;if(!e)return[];let t=s[e];return t?eI(t):[]},[s,r]);if(!r)return null;let{span:u}=r,m=ez(r);return(0,D.jsxs)(D.Fragment,{children:[r.isVercel?(0,D.jsx)(eq,{node:r}):null,r.isInstrumentationHint?(0,D.jsx)(e$,{}):null,!r.isInstrumentationHint&&o.length?(0,D.jsx)(eH,{className:eu().ancestorGroup,name:"Location",children:o.map(e=>(0,D.jsxs)("button",{className:eu().ancestorNode,onClick:()=>l({type:"select",id:e.span.spanId}),type:"button",children:[(0,D.jsxs)("div",{className:eu().ancestorText,children:[(0,D.jsx)("span",{className:eu().ancestorName,children:e.label||e.span.name}),(0,D.jsx)("span",{className:eu().ancestorDuration,children:ev(e.duration)})]}),(0,D.jsx)("span",{"aria-hidden":!0,className:eu().ancestorLineContainer,children:(0,D.jsx)("span",{className:(0,n.$)(eu().ancestorLine,ex(e)),style:{left:eE((e.startTime-t.startTime)/t.duration),width:eE(e.duration/t.duration)}})})]},"".concat(r.span.spanId,".").concat(e.span.spanId)))}):null,m?(0,D.jsx)(eU,{getQuickLinks:i,span:r.span}):null,(null==(e=r.events)?void 0:e.length)?(0,D.jsx)(eH,{name:"Events",children:r.events.map(e=>(0,D.jsxs)(a.Fragment,{children:[(0,D.jsxs)("dl",{className:eu().spanDetailPanelAttribute,children:[(0,D.jsx)("dt",{className:eu().spanDetailPanelAttributeKey,children:e.event.name}),(0,D.jsx)("dd",{className:eu().spanDetailPanelAttributeValue,children:ev(e.timestamp-t.startTime)})]}),Object.entries(e.event.attributes).map(t=>{let[r,a]=t;return(0,D.jsx)(eK,{name:"".concat(e.event.name,".").concat(r),value:a},r)})]},e.key))}):null,c.length?(0,D.jsx)(eH,{name:"Attributes",children:c.map(e=>(0,D.jsx)(a.Fragment,{children:e.attributes.map(e=>{let{key:t,value:r}=e;return(0,D.jsx)(eK,{name:t,value:r},t)})},e.prefix))}):null,d.length?(0,D.jsx)(eH,{name:"Resource",children:d.map(e=>(0,D.jsx)(a.Fragment,{children:e.attributes.map(e=>{let{key:t,value:r}=e;return(0,D.jsx)(eK,{name:t,value:r},t)})},e.prefix))}):null,r.isInstrumentationHint?null:(0,D.jsxs)(eH,{name:"Library",children:[(0,D.jsx)(eK,{name:"name",value:u.library.name}),u.library.version?(0,D.jsx)(eK,{name:"version",value:u.library.version}):null]})]})};function eP(e){let{attached:t=!1}=e,{state:{selected:r,isMobile:a,customPanelComponent:s},dispatch:i}=ec();if(!r)return null;let{span:l}=r;return(0,D.jsxs)("div",{className:(0,n.$)(eu().spanDetailPanel,a&&eu().mobile),children:[t&&!a?(0,D.jsx)(eZ,{}):null,(0,D.jsx)("div",{className:eu().spanDetailPanelTop,children:(0,D.jsxs)("div",{className:eu().spanDetailPanelTopInfo,children:[(0,D.jsxs)("div",{className:eu().spanDetailPanelTruncatedHeading,children:[r.isInstrumentationHint?null:(0,D.jsx)("span",{className:eu().spanDetailPanelDuration,children:ev(r.duration)}),(0,D.jsx)("span",{className:eu().spanDetailPanelName,title:l.name,children:l.name})]}),(0,D.jsxs)("div",{className:eu().spanDetailPanelCorner,children:[(0,D.jsx)("div",{className:eu().spanDetailPanelCloseVerticalRule}),(0,D.jsx)("button",{"aria-label":"Close Span Details",className:eu().spanDetailPanelClose,onClick:()=>i({type:"deselect"}),type:"button",children:(0,D.jsx)(eS,{color:"gray-700",size:24})})]})]})}),(0,D.jsx)("div",{className:(0,n.$)("flex gap-3",eu().spanDetailPanelBody),children:s||(0,D.jsx)(eA,{})})]})}let eF="vc-trace-span-exp:";function eH(e){let{name:t,className:r="",children:s}=e,[i,l]=(0,a.useState)(()=>!("localStorage"in globalThis)||"0"!==localStorage.getItem("".concat(eF).concat(t))),o=(0,a.useCallback)(()=>{l(e=>{let r=!e;return localStorage.setItem("".concat(eF).concat(t),String(Number(r))),r})},[t]);return(0,D.jsxs)("div",{className:(0,n.$)(eu().detailGroup,i?eu().expanded:eu().collapsed,r),children:[(0,D.jsxs)("button",{className:eu().detailHeading,onClick:o,type:"button",children:[(0,D.jsx)("span",{children:t}),(0,D.jsx)(eN,{})]}),i?s:null]})}let eW=new Set(["OPTIONS","HEAD","GET","PUT","POST","DELETE"]),eV={"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."},eO=new Set(["Start VM","Spawn Node.js","Spawn Python","Init User Code"]),eB=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},ez=e=>{if(!e.isVercel)return!1;let{name:t}=e.span,r=t.indexOf(" ");if(-1===r)return!1;let a=t.substring(0,r);return eW.has(a)};function eq(e){let{node:t}=e,{name:r}=t.span,a=eV[r];if(!a&&ez(t)&&(a="How long it took for Vercel to process the request and send the response."),!a)return null;let n=(e=>{let{name:t}=e.span,r=eB(e),a=eB(e.parent);return"true"===e.span.attributes["vercel.middleware.internal"]?"The Vercel Toolbar created this middleware.":eO.has(t)||"Invoke Function"===t&&e.children.some(e=>eO.has(e.span.name))?"This function encountered a cold start.":r&&a&&r!==a?"This request was routed across regions.":null})(t);return(0,D.jsx)(eH,{name:"What is this?",children:(0,D.jsxs)("div",{className:eu().infraSpanDescription,children:[(0,D.jsx)("span",{children:a}),n?(0,D.jsx)(eT,{children:n}):n]})})}let eU=(0,a.memo)(function(e){let{getQuickLinks:t,span:r}=e,a=t(r);return a.length?(0,D.jsx)(eH,{name:"Links",children:a.map(e=>{let{key:t,value:r}=e;return(0,D.jsx)(eX,{link:r,name:t},t)})}):null});function eX(e){let{name:t,link:r}=e,s=function(e){let[t,r]=(0,a.useState)({}),n=void 0!==e.__resolvedValue||void 0!==e.__rejectedValue;return(0,a.useEffect)(()=>{n||e.then(t=>{e.__resolvedValue=t}).catch(t=>{e.__rejectedValue=t}).finally(()=>r({}))},[e,n]),e.__resolvedValue}(r);return(0,D.jsxs)(eR,{as:s?void 0:"span",className:(0,n.$)(eu().spanDetailPanelAttribute,eu().spanDetailPanelQuickLink),href:(null==s?void 0:s.href)||"",children:[(0,D.jsx)("span",{className:eu().spanDetailPanelAttributeKey,children:t}),(0,D.jsx)("span",{className:(0,n.$)(eu().spanDetailPanelAttributeValue,eu().spanDetailPanelQuickLinkLabel),children:s?(0,D.jsxs)(D.Fragment,{children:[s.label,s.icon||(0,D.jsx)(eL,{color:"gray-900"})]}):(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(eC,{height:18,width:32+8*t.length}),(0,D.jsx)(eC,{height:18,rounded:!0,width:18})]})})]})}function e$(){return(0,D.jsx)(eH,{name:"What is this?",children:(0,D.jsxs)("div",{className:eu().infraSpanDescription,children:[(0,D.jsx)("span",{children:"You can visualize your application's spans alongside Vercel's spans in this viewer."}),(0,D.jsx)(eM,{href:"https://vercel.com/docs/session-tracing#adding-custom-spans",size:"small",target:"_blank",children:"Get Started"})]})})}function eK(e){let{name:t,value:r}=e;return(0,D.jsxs)("dl",{className:eu().spanDetailPanelAttribute,children:[(0,D.jsx)("dt",{className:eu().spanDetailPanelAttributeKey,children:t}),(0,D.jsx)("dd",{className:eu().spanDetailPanelAttributeValue,title:String(r),children:String(r)})]})}function eZ(){let{state:{panelWidth:e},dispatch:t}=ec(),r=(0,a.useRef)({start:{x:0,width:e},x:0,width:e,isHeld:!1});r.current.width=e;let n=(0,a.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},[]),s=(0,a.useCallback)(()=>{t({type:"setPanelWidth",width:en.panelWidth})},[t]);return(0,a.useEffect)(()=>{let e=0,a=()=>{let e=r.current;t({type:"setPanelWidth",width:e.start.width+e.start.x-e.x})},n=t=>{r.current.isHeld&&(t.preventDefault(),r.current.x=t.clientX,cancelAnimationFrame(e),e=requestAnimationFrame(a))},s=()=>{r.current.isHeld=!1};return window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s)}},[t]),(0,D.jsx)("div",{"aria-hidden":!0,className:eu().spanDetailPanelResizer,onDoubleClick:s,onPointerDown:n})}function eG(e){let t=(0,a.useRef)({});return{setStyle:(0,a.useCallback)((r,a)=>{if(t.current[r]=a,e.current){if(!a)return void e.current.style.removeProperty(r);e.current.style.setProperty(r,a)}},[e]),styleRef:t,style:{...t.current}}}let eQ=(0,a.memo)(function(e){let{timelineRef:t,rows:r,scale:n}=e,{state:{root:s,baseScale:i,timelineWidth:l,width:o,scrollbarWidth:c}}=ec(),d=o+16,u=(()=>{let[e,t]=(0,a.useState)(1);return(0,a.useLayoutEffect)(()=>{let r=()=>t("devicePixelRatio"in globalThis&&globalThis.devicePixelRatio||1),a=matchMedia("(resolution: ".concat(e,"dppx)"));return a.addEventListener("change",r),r(),()=>{a.removeEventListener("change",r)}},[e]),e})(),m=(0,a.useRef)(null),h=(0,a.useRef)(null),p=o/(o-c)*Math.min(o/l,i/n),v=Math.min(o,(l-c)*p);(0,a.useEffect)(()=>{let e,r=!1,a=0,n=e=>{var t;return!!(null==(t=m.current)?void 0:t.contains(e))},s=0,i=()=>{if(!r||!e)return;let n=t.current;n&&(n.scrollLeft=(a-.5*v-e.left)/p)},l=e=>{({clientX:a}=e),cancelAnimationFrame(s),s=requestAnimationFrame(i)},o=t=>{var a;n(t.target)&&(r=!0,e=null==(a=m.current)?void 0:a.getBoundingClientRect(),l(t))},c=()=>{r=!1,e=void 0},d=e=>{n(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(s)}},[t,p,v]),(0,a.useEffect)(()=>{let e=h.current,t=null==e?void 0:e.getContext("2d");if(!e||!t)return;let a=requestAnimationFrame(()=>{t.resetTransform(),t.clearRect(0,0,e.width,e.height),t.scale(u,u);let a=(d-16)/s.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 n=8+(r.startTime-s.startTime)*a,i=r.duration*a;t.roundRect(n,e,i,3,3)}t.fill()});return()=>cancelAnimationFrame(a)},[u,s,d,r]);let f=(0,a.useRef)(null),{style:w,setStyle:g}=eG(f);return(0,a.useLayoutEffect)(()=>{let e=t.current;if(!e)return;let r=0,a=()=>{g("transform","translateX(".concat(8+e.scrollLeft*p,"px)"))};a();let n=()=>{cancelAnimationFrame(r),r=requestAnimationFrame(a)};return e.addEventListener("scroll",n),()=>{cancelAnimationFrame(r),e.removeEventListener("scroll",n)}},[t,p,g]),(0,D.jsxs)("div",{className:eu().mapContainer,ref:m,style:{width:v>0?d:"100%",height:56},children:[(0,D.jsx)("canvas",{className:eu().mapCanvas,height:56*u,ref:h,style:{width:d,height:56},width:d*u}),(0,D.jsx)("div",{className:eu().mapThumb,ref:f,style:{transform:w.transform,width:v>0?v:"calc(100% - ".concat(16,"px)"),top:2,height:52}})]})}),eY=[1,2,4,5,8,10];function eJ(e){let{scale:t}=e,{state:{root:r}}=ec(),a=r.duration,s=Math.floor(Math.log10(a)),i=Math.max(2,10**s*(Math.floor(Math.log10(.5*a))===s?1:.5)),l=i*t,o=1;for(let e of eY){if(i/e<24)break;o=e}i/=o,l/=o;let c=Math.ceil(a/i),d=Math.ceil(100/l)||1;return(0,D.jsx)("div",{className:eu().markersContainer,children:(0,D.jsx)("div",{"aria-hidden":!0,className:eu().markers,style:{width:Math.floor(r.duration*t+15),visibility:-1!==t?"visible":"hidden","--marker-width":"".concat(l,"px")},children:Array(c).fill(null).map((e,t)=>{let r=t%d==0;return(0,D.jsx)("span",{className:(0,n.$)(eu().marker,!r&&eu().notch),children:r?(0,D.jsx)("span",{className:eu().markerLabel,children:ev(i*t)}):null},String(t))})})})}function e0(e){let{events:t,root:r,scale:s}=e,i=(0,a.useMemo)(()=>t.filter(e=>!1!==e.event.showVerticalLine),[t]);return(0,D.jsx)("div",{className:eu().eventMarkersContainer,children:(0,D.jsx)("div",{"aria-hidden":!0,className:eu().eventMarkers,style:{width:Math.floor(r.duration*s)},children:i.map(e=>(0,D.jsx)("span",{className:(0,n.$)(eu().eventMarker),style:{left:Math.floor((e.timestamp-r.startTime)*s),...e.event.color&&{borderLeftColor:e.event.color}}},e.key))})})}function e1(e){let{memoCacheRef:t,timelineRef:r,root:n,spans:s,events:i,scale:l,dispatch:o,scrollSnapshotRef:c}=e,d=(0,a.useRef)(!1),u=(0,a.useRef)(s);u.current=s;let m=(0,a.useRef)(i);m.current=i;let h=(0,a.useRef)(null),{style:p,setStyle:v}=eG(h),f=(0,a.useRef)(null),w=(0,a.useRef)(null),{style:g,setStyle:x}=eG(w),_=(0,a.useRef)(void 0),b=(0,a.useRef)(null),{style:y,setStyle:k}=eG(b),j=(0,a.useRef)(0);(0,a.useEffect)(()=>{let e=r.current;if(!e)return;let a=j.current,s=0,i=!1,c=!1,h=!1,p=!1,w=0,g=0,y=Date.now()+500,N=()=>{_.current||(_.current=e.getBoundingClientRect())},L=e=>_.current?(e-24-8)/26:0,R=()=>{let e=t.current;for(let t of u.current)t.isHovered&&(t.isHovered=!1,e.set(t.span.spanId,{}));o({type:"forceRender"})},M=0,T=()=>{var r,p,j,S,C,E,D,I;if(!d.current)return;_.current||N();let A=_.current;if(!A)return;let{scrollLeft:P,scrollTop:F}=e,H=Math.max(0,Math.min(a+P-A.left-8,n.duration*l)),W="".concat(H-P+8,"px");x("left",W),v("left",W);let V=n.startTime+H/l,O=V-n.startTime;if(O<0||O>n.duration?null==(r=f.current)||r.removeAttribute("data-text"):null==(p=f.current)||p.setAttribute("data-text",ew(O)),i){let e,t,r=a-s,i=Math.abs(r);if(!h){if(i<4)return;h=!0,k("display","flex"),R()}r>0?(k("left",""),k("right","0")):(k("left","0"),k("right","")),k("width","".concat(i,"px"));let o=Math.max(0,Math.min(s+P-A.left-8,n.duration*l))/l;o<O?(e=o,t=O):(e=O,t=o),null==(j=b.current)||j.setAttribute("data-range","".concat(ew(e)," — ").concat(ew(t))),null==(S=b.current)||S.setAttribute("data-duration","".concat(ew(t-e)," selected"))}if(Date.now()<y){M=requestAnimationFrame(T);return}if(P!==w||F!==g){w=P,g=F,M=requestAnimationFrame(T);return}if(a-A.left<128?null==(C=f.current)||C.setAttribute("data-align","left"):a-A.left>A.width-128?null==(E=f.current)||E.setAttribute("data-align","right"):null==(D=f.current)||D.removeAttribute("data-align"),!h&&!c){let e=t.current,r=L(F)-2,a=L(F+A.height)+2;for(let t of u.current){let n=t.row>=r&&t.row<=a&&V>=t.startTime&&V<=t.endTime;t.isHovered!==n&&(t.isHovered=n,e.set(t.span.spanId,{}))}let n=12/l;for(let e of m.current){let t=V>=e.timestamp-n&&V<=e.timestamp+n;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))}o({type:"forceRender"})}};M=requestAnimationFrame(T);let C=e=>{"mouse"===e.pointerType&&(d.current=!0)},E=()=>{d.current&&(d.current=!1,R())},D=e=>{let{clientX:t}=e;j.current=a=t,cancelAnimationFrame(M),M=requestAnimationFrame(T)},I=e=>{e.preventDefault()},A=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))?(s=a,i=!0):(c=!0,requestAnimationFrame(R))},P=t=>{if(c=!1,!i||(i=!1,!h))return;if(h=!1,k("display",""),k("left",""),k("right",""),k("width",""),t.preventDefault(),t.stopImmediatePropagation(),p){p=!1;return}_.current||N();let r=_.current;if(!r)return;let{scrollLeft:d}=e,u=Math.max(0,Math.min((s+d-r.left-8)/l,n.duration)),m=Math.max(0,Math.min((a+d-r.left-8)/l,n.duration));o({type:"scaleToRange",t1:u+n.startTime,t2:m+n.startTime})},F=e=>{i&&"Escape"===e.key&&(p=!0,P(e))},H=()=>{_.current=void 0,S.current=void 0,cancelAnimationFrame(M),M=requestAnimationFrame(T)},W=()=>{cancelAnimationFrame(M),M=requestAnimationFrame(T)},V=new ResizeObserver(()=>{_.current=void 0});return V.observe(e),window.addEventListener("mousemove",D),e.addEventListener("contextmenu",I),window.addEventListener("mousedown",A),window.addEventListener("mouseup",P),window.addEventListener("blur",P),window.addEventListener("keydown",F,!0),window.addEventListener("scroll",H),e.addEventListener("scroll",W),e.addEventListener("pointerenter",C),e.addEventListener("pointerleave",E),()=>{V.disconnect(),window.removeEventListener("mousemove",D),e.removeEventListener("contextmenu",I),window.removeEventListener("mousedown",A),window.removeEventListener("mouseup",P),window.removeEventListener("blur",P),window.removeEventListener("keydown",F,!0),window.removeEventListener("scroll",H),e.removeEventListener("scroll",W),e.removeEventListener("pointerenter",C),e.removeEventListener("pointerleave",E),cancelAnimationFrame(M),j.current=a,R()}},[o,n,l,x,v,k,t,r,c]);let S=(0,a.useRef)(void 0);var N=e=>{let t=r.current;if(!t)return;null!=_.current||(_.current=t.getBoundingClientRect());let a=_.current,n=Math.max(0,Math.min(j.current-a.left-8,a.width-16)),s=0,i=S.current;(null==i?void 0:i.anchorX)===n?s=i.anchorT:S.current=i={anchorT:s=(t.scrollLeft+n)/l,anchorX:n},o({type:"trackpadScale",delta:e/64,anchorT:s,anchorX:n})};let L=(0,a.useRef)(N);return L.current=N,(0,a.useEffect)(()=>{let e=0,t=0,r=()=>{L.current(e),e=0},a=a=>{if(!a.ctrlKey&&!a.metaKey)return;a.preventDefault();let n=-a.deltaY;switch(a.deltaMode){case WheelEvent.DOM_DELTA_PAGE:n*=window.innerHeight;break;case WheelEvent.DOM_DELTA_LINE:n*=20}e+=n,cancelAnimationFrame(t),t=requestAnimationFrame(r)};return window.addEventListener("wheel",a,{passive:!1}),()=>{window.removeEventListener("wheel",a),cancelAnimationFrame(t)}},[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:eu().cursorMarkerStickyParent,children:(0,D.jsx)("div",{className:eu().cursorMarkerLabelContainer,ref:h,style:p,children:(0,D.jsx)("div",{className:eu().cursorMarkerLabel,ref:f})})}),(0,D.jsx)("div",{className:eu().cursorMarkerStickyParent,children:(0,D.jsx)("div",{className:eu().cursorMarkerContainer,ref:w,style:g,children:(0,D.jsx)("div",{className:eu().cursorMarker,children:(0,D.jsx)("div",{className:eu().cursorSelection,ref:b,style:y})})})})]})}function e2(e){let{height:t,width:r,value:a,placeholder:n,onChange:s}=e;return(0,D.jsxs)("label",{className:eu().searchInputLabel,children:[(0,D.jsx)("div",{className:eu().searchInputPrefix,children:(0,D.jsx)(e4,{})}),(0,D.jsx)("input",{type:"search",value:a,placeholder:n,onChange:s,style:{height:t,width:r}})]})}function e4(){return(0,D.jsxs)("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[(0,D.jsx)("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,D.jsx)("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function e3(){return(0,D.jsx)("nav",{className:eu().searchBar,children:(0,D.jsx)(e6,{})})}function e6(){let{dispatch:e}=ec(),[t,r]=(0,a.useState)("");return(0,a.useEffect)(()=>{let r=setTimeout(()=>e({type:"setFilter",filter:t}),100);return()=>{clearTimeout(r)}},[e,t]),(0,D.jsx)("div",{className:eu().searchInput,children:(0,D.jsx)(e2,{height:40,onChange:e=>r(e.target.value),placeholder:"Search spans…",value:t,width:"100%"})})}function e8(e){let{size:t=16}=e;return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,D.jsx)("title",{children:"Zoom In"}),(0,D.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,D.jsx)("path",{d:"M11 8v6M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,D.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function e5(e){let{size:t=16}=e;return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,D.jsx)("title",{children:"Zoom Out"}),(0,D.jsx)("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),(0,D.jsx)("path",{d:"M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,D.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function e7(e){let{size:t=16}=e;return(0,D.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,D.jsx)("title",{children:"Minus"}),(0,D.jsx)("path",{d:"M6 12h12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function e9(){let{dispatch:e}=ec(),t=(0,a.useCallback)(()=>{e({type:"adjustScaleRatio",direction:1})},[e]),r=(0,a.useCallback)(()=>{e({type:"adjustScaleRatio",direction:-1})},[e]),n=(0,a.useCallback)(()=>{e({type:"adjustScaleRatio",direction:0})},[e]);return(0,D.jsxs)("div",{className:eu().zoomButtonGroup,children:[(0,D.jsx)("button",{"aria-label":"Zoom Out",className:eu().zoomButton,onClick:r,type:"button",children:(0,D.jsx)(e5,{size:18})}),(0,D.jsx)("div",{className:eu().divider}),(0,D.jsx)("button",{"aria-label":"Reset Zoom",className:eu().zoomButton,onClick:n,type:"button",children:(0,D.jsx)(e7,{size:18})}),(0,D.jsx)("div",{className:eu().divider}),(0,D.jsx)("button",{"aria-label":"Zoom In",className:eu().zoomButton,onClick:t,type:"button",children:(0,D.jsx)(e8,{size:18})})]})}let te=e=>{if(!e.events.length)return;let t="".concat(e.spanId,":ev");return e.events.map((e,r)=>({key:"".concat(t).concat(r),timestamp:em(e.timestamp),event:e})).sort((e,t)=>e.timestamp-t.timestamp)},tt=(e,t)=>(e.isVisible=!0,e.isHovered=!1,e.isVisible);function tr(){return[]}let ta={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 tn(e){var t;let{trace:s=ta,className:i="",scrollLock:l=!1,height:o,withPanel:c=!1,highlightedSpans:d}=e,u=s===ta,{state:m,dispatch:h}=ec(),{timelineRef:p,scrollSnapshotRef:v}=m,f=m.memoCacheRef.current,w=(null!=(t=null==d?void 0:d.length)?t:0)>0||s.spans.length<=10;(0,a.useEffect)(()=>{let{root:e,map:t}=(e=>{let{spans:t}=e,r={startTime:0,endTime:0,duration:0,depth:0,children:[]},a={},n=new Map,s=e=>{let t=n.get(e);if(t)return t;let r=n.size+1;return n.set(e,r),r},i=!1;for(let e of t){let t,n=em(e.startTime),l=em(e.endTime),o=em(e.duration);l>r.endTime&&(r.endTime=l,r.duration=l-r.startTime),(0===r.startTime||n<r.startTime)&&(r.startTime=n,r.duration=r.endTime-n);let c=e.resource.startsWith("vercel.");c||(i=!0);let d=c&&("vercel.serverless-runtime"!==e.resource||!("http.method"in e.attributes)),u=d?0:s(e.resource);d&&(t="▲ ".concat(e.name)),a[e.spanId]={parent:null,startTime:n,endTime:l,duration:o,span:e,depth:0,label:t,events:te(e),isVercel:d,children:[],resourceIndex:u}}let l=(e,t)=>{let n;t&&(n=a[t])||(n=r),e.parent=n,n.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,n=r(e),s="instrumentation-hint-".concat(c++),i=.05*e.duration,l=e.startTime+i,o=Math.max(l+i,Math.min(t-.01*e.duration,e.endTime-i)),d=o-l,u={parent:n,startTime:l,endTime:o,duration:d,span:{spanId:s,name:"Add your spans here",resource:"",kind:0,library:{name:""},status:{code:200},traceFlags:0,attributes:{},links:[],events:[],startTime:eh(l),endTime:eh(o),duration:eh(d)},depth:e.depth+1,isVercel:!1,isInstrumentationHint:!0,children:[],resourceIndex:1};return n.children.push(u),a[s]=u,!0}for(let r of e.children)if(d(r,t))return!0;return!1};for(let e of Object.values(a))l(e,e.span.parentSpanId);if(o(r),!i){for(let e of["Invoke Function","Invoke Middleware","Vercel Runtime"])if(d(r,e))break}return{root:r,map:a}})(s);h({type:"setRoot",root:e,spanMap:t,resources:s.resources||[]})},[h,s]);let{rows:g,spans:x,events:_,scale:b}=(e=>{let{state:t,dispatch:s}=ec(),{root:i,filter:l,scale:o,timelineRef:c,timelineWidth:d,spanMap:u,scrollSnapshotRef:m,selected:h,memoCacheRef:p,customSpanClassNameFunc:v}=t,f=function(e){let[t,r]=(0,a.useState)(e);return(0,a.useEffect)(()=>{if(t===e)return;let a=0,n=0,s=()=>{if(++a<=3){n=requestAnimationFrame(s);return}r(e)};return s(),()=>{cancelAnimationFrame(n)}},[t,e]),t}(t.timelineHeight),w=(0,a.useRef)(0),[g,x]=(0,a.useState)(tr),[_,b]=(0,a.useState)(tr),[y,k]=(0,a.useState)(tr),[j,S]=(0,a.useState)(-1),N=(0,a.useRef)(void 0);return(0,a.useEffect)(()=>{var e;return null==(e=N.current)?void 0:e.call(N,l)},[l]),(0,a.useEffect)(()=>{if(null==e?void 0:e.length){for(let t of g)for(let r of t){let t=e.includes(r.span.spanId);r.isHighlighted!==t&&(r.isHighlighted=t,p.current.set(r.span.spanId,{}))}s({type:"forceRender"})}},[g,e,s,p]),(0,a.useEffect)(()=>{if(!i.startTime)return;let e=new Worker(r.tu(new URL(r.p+r.u(874),r.b))),t=++w.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 a,n;t.span=null!=(n=null==(a=u[t.span.spanId])?void 0:a.span)?n:t.span}x(r.rows);break;case"updateHighlight":{if(r.requestId!==t)return;let{matches:e}=r;x(t=>{for(let r of t)for(let t of r){let r=e.has(t.span.spanId);t.isHighlighted!==r&&(t.isHighlighted=r,p.current.set(t.span.spanId,{}))}return t}),s({type:"forceRender"})}}});let a={requestId:t,type:"calculateSpanPositions",root:i};return e.postMessage(a),N.current=r=>{let a=r.trim().toLocaleLowerCase();if(!a)return void x(e=>e.map(e=>e.map(e=>(e.isHighlighted=void 0,{...e}))));let n={type:"filterSpans",requestId:t=++w.current,root:i,filter:a};e.postMessage(n)},()=>{e.terminate()}},[i,u,s,p]),(0,a.useEffect)(()=>{if(!g.length)return;let e=c.current,t=m.current,r=!1,a=!1,n=0,s=0,l=Math.max(500,.5*d),u=Array(g.length).fill(null),h=e=>t?e<t.startRow?e-t.startRow:e>t.endRow?e-t.endRow:0:0,p=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 a=Math.abs(h(e.row));return r||a?Math.sqrt((r/o)**2+(24*a+2)**2):0},v=0,w=()=>{(r||!t)&&(r=!1,(()=>{if(!e)return;let{scrollLeft:r,scrollTop:a}=e,n=(a-24-8)/26,s=n+Math.ceil(f/26);m.current=t={anchorT:r/o,anchorX:0,scrollLeft:r,scrollTop:a,startTime:i.startTime+r/o,endTime:i.startTime+(r+d)/o,startRow:n,endRow:s,scale:o};for(let e=u.length;e--;)u[e]=null})()),(()=>{var e;a=!0;let r=Math.min(1+s+Math.ceil(null!=(e=null==t?void 0:t.endRow)?e:1/0),g.length);for(let e=r;e--;){if(u[e])continue;let t=h(e);if(Math.abs(t)>s){if(a=!1,t>0)continue;break}let r=[],i=g[e];if(i){for(let e of i){if(!tt(e,o))continue;let t=p(e);n=Math.max(t,n),r.push({d:t,span:e})}u[e]=r}}})();let c=[],x=[];for(let e of u)if(e)for(let{d:t,span:r}of e)!(t>s)&&(c.push(r),r.events&&x.push(...r.events));s<l&&(!a||s<n)&&(s=Math.min(l,s+100),v=requestAnimationFrame(w)),b(c),k(x),S(o)};w();let x=Date.now(),_=e=>{(e.ctrlKey||e.metaKey)&&(x=Date.now())};null==e||e.addEventListener("wheel",_);let y=()=>{Date.now()-x<=50||(r=!0,cancelAnimationFrame(v),v=requestAnimationFrame(w))};return null==e||e.addEventListener("scroll",y),()=>{cancelAnimationFrame(v),null==e||e.removeEventListener("wheel",_),null==e||e.removeEventListener("scroll",y)}},[g,i,o,m,c,d,f]),(0,a.useEffect)(()=>{var e;let t;if(!h)return;for(let e of _)if(e.span.spanId===h.span.spanId){t=e;break}let r=null==t||null==(e=t.ref)?void 0:e.current;if(!t||!r)return;t.isSelected=!0;let a=e_(t,o),s=v?v(t):"";return r.className=(0,n.$)(a,s),()=>{t.isSelected=!1;let e=e_(t,o),a=v?v(t):"";r.className=(0,n.$)(e,a)}},[_,o,h,v]),{rows:g,spans:_,events:y,scale:j}})(d),y=(0,a.useRef)(null);(0,a.useLayoutEffect)(()=>{let e=y.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect();h({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)}},[h]);let k=(0,a.useRef)({t:0,x:-1,y:-1,spanId:""}),j=(0,a.useCallback)(e=>{let t=k.current,r=Date.now(),{clientX:a,clientY:n}=e,s=Math.sqrt((a-t.x)**2+(n-t.y)**2);if(r-t.t<=500&&s<=8)return(e.stopPropagation(),e.preventDefault(),t.spanId)?(h({type:"select",id:t.spanId}),void h({type:"scaleToNode",id:t.spanId})):void h({type:"resetScale"});let i=e.target;if(!i.closest(".".concat(String(eu().timeline))))return;let l=i.closest("[data-span-id]"),o=(null==l?void 0:l.dataset.spanId)||"";k.current={x:a,y:n,t:r,spanId:o},o&&(h({type:"toggleSelection",id:o}),e.stopPropagation())},[h]);(0,a.useLayoutEffect)(()=>{let e=p.current;if(!e)return;let t=v.current;t&&(e.scrollLeft=t.anchorT*b-t.anchorX)},[v,p,b]),(0,a.useEffect)(()=>{var e;let t=null==(e=m.selected)?void 0:e.span.spanId;if(!t)return;let r=setTimeout(()=>{let e=m.timelineRef.current,r=null==e?void 0:e.querySelector('[data-span-id="'.concat(t,'"]'));if(!e||!r)return;let a=e.getBoundingClientRect(),n=r.getBoundingClientRect();n.width<a.width&&(n.left<a.left||n.right>a.right||n.top<a.top||n.bottom>a.bottom)&&r.scrollIntoView({block:"nearest",inline:"center",behavior:"smooth"})},500);return()=>{clearTimeout(r)}},[m.selected,m.timelineRef]),(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&h({type:"escape"})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[h]),(0,a.useEffect)(()=>{if(!l)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)}},[l]);let S=Math.max(m.timelineHeight-m.scrollbarWidth,26+26*g.length-2+84),N=!!(m.isMobile&&m.selected);return(0,D.jsxs)("div",{className:(0,n.$)(eu().traceViewer,u&&eu().skeleton,i),onClickCapture:j,ref:y,style:{height:o,"--timeline-padding":"".concat(8,"px"),"--row-height":"".concat(24,"px"),"--row-padding":"".concat(2,"px"),"--search-height":"".concat(40*!w,"px"),"--search-gap":"".concat(w?2:8,"px"),"--map-height":"".concat(56,"px"),"--timeline-width":"".concat(m.timelineWidth,"px"),"--timeline-height":"".concat(m.timelineHeight,"px"),"--timeline-scroll-width":"".concat(Math.round(m.root.duration*m.scale),"px"),"--panel-width":"".concat(m.panelWidth,"px"),"--panel-height":"".concat(m.panelHeight,"px"),"--height":"".concat(m.height,"px"),"--scrollbar-width":"".concat(m.scrollbarWidth,"px"),"--marker-height":"".concat(24,"px"),"--marker-notch-height":"".concat(8,"px")},children:[w?null:(0,D.jsx)(e3,{}),(0,D.jsx)(eQ,{rows:g,scale:b,timelineRef:p}),(0,D.jsxs)("div",{className:(0,n.$)(eu().traceViewerContent,N&&eu().inert),children:[(0,D.jsx)("div",{className:eu().timeline,ref:p,children:(0,D.jsx)("div",{style:{position:"relative",width:m.timelineWidth,height:m.timelineHeight-16,padding:8,paddingBottom:0},children:(0,D.jsxs)("div",{className:eu().traceNode,style:{width:m.root.duration*b||void 0,height:S-16},children:[(0,D.jsx)(eJ,{scale:b}),(0,D.jsx)(e0,{events:_,root:m.root,scale:b}),(0,D.jsx)(e1,{dispatch:h,events:_,memoCacheRef:m.memoCacheRef,root:m.root,scale:b,scrollSnapshotRef:v,spans:x,timelineRef:p}),(0,D.jsx)(eb,{cacheKey:f.get(""),cache:f,customSpanClassNameFunc:m.customSpanClassNameFunc,customSpanEventClassNameFunc:m.customSpanEventClassNameFunc,root:m.root,scale:b,scrollSnapshotRef:v,spans:x})]})})}),(0,D.jsx)("div",{className:eu().zoomButtonTraceViewer,children:(0,D.jsx)(e9,{})})]}),c?(0,D.jsx)("div",{className:(0,n.$)(eu().spanDetailPanelTraceViewer,!m.selected&&eu().hidden,m.isMobile&&eu().mobile),children:(0,D.jsx)(eP,{attached:!0})}):null]})}function ts(e){var t;let{env:r}=e,{state:s}=ec(),{selected:i}=s,l=null==i||null==(t=i.span.attributes)?void 0:t.data,{resource:o,resourceId:c,runId:d}=(0,a.useMemo)(()=>{var e,t;let r=null==i||null==(e=i.span.attributes)?void 0:e.resource;return"step"===r?{resource:"step",resourceId:l.stepId,runId:l.runId}:"run"===r?{resource:"run",resourceId:l.runId,runId:void 0}:"hook"===r?{resource:"hook",resourceId:l.hookId,runId:void 0}:"sleep"===r?{resource:"sleep",resourceId:null==i||null==(t=i.span)?void 0:t.spanId,runId:void 0}:{resource:void 0,resourceId:void 0,runId:void 0}},[i,l]),{data:u,error:m,loading:h}=function(e,t,r){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},{refreshInterval:s=0,runId:i}=n,[l,o]=(0,a.useState)(null),[c,d]=(0,a.useState)(!0),[u,m]=(0,a.useState)(null),h=(0,a.useCallback)(async()=>{d(!0),o(null),m(null);try{if("sleep"===t){let t=await (0,f.u)(e,r,{sortOrder:"asc",limit:100,withData:!0}),a=b(t).data.find(e=>"wait_created"===e.eventType);a&&o({waitId:a.correlationId,runId:a.runId,createdAt:a.createdAt,resumeAt:a.eventData.resumeAt});return}let{data:a}=await M(e,t,r,{runId:i});if(o(a),"run"===t)return void d(!1)}catch(e){m(e instanceof y?e:e instanceof Error?new y(e.message,{cause:e,layer:"client"}):new y(String(e),{layer:"client"}))}finally{d(!1)}},[e,t,r,i]);return(0,a.useEffect)(()=>{h()},[h]),(0,a.useEffect)(()=>{if(!s||s<=0)return;let e=setInterval(h,s);return()=>clearInterval(e)},[s,h]),{data:l,loading:c,error:u,refresh:h}}(r,o,null!=c?c:"",{runId:d});if((0,a.useEffect)(()=>{m&&i&&o&&A.oR.error("Failed to load ".concat(o," details"),{description:m.message})},[m,o,i]),!i||!o||!c)return null;let p=u||l;return(0,D.jsxs)("div",{className:(0,n.A)("flex flex-col px-2"),children:[(0,D.jsx)(er,{data:p,isLoading:h,error:null!=m?m:void 0}),"run"!==o&&(0,D.jsx)(ea,{correlationId:c,env:r,events:i.span.events})]})}function ti(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t&&"pending"===e)return eu().spanPendingStriped;switch(e){case"running":return eu().spanRunning;case"pending":return eu().spanPending;case"completed":return eu().spanCompleted;case"cancelled":return eu().spanCancelled;case"paused":return eu().spanPaused;case"failed":return eu().spanFailed;default:return""}}let tl=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().endsWith("sleep"))return eu().spanSleep;let a=(null==e?void 0:e.status)==="pending";return ti(null==e?void 0:e.status,a)}if("run"===r){let e=t.data;return ti(null==e?void 0:e.status,!1)}return"hook"===r?eu().spanHook:"sleep"===r?eu().spanSleep:""},to=e=>{let t=e.event.name;return"step_failed"===t||"workflow_failed"===t?eu().eventFailed:"step_retrying"===t?eu().eventRetrying:"hook_created"===t||"hook_received"===t||"hook_disposed"===t?eu().eventHook:eu().eventDefault},tc=e=>{let{run:t,steps:r,hooks:n,events:s,env:i,isLoading:l,error:o}=e,[c,d]=(0,a.useState)(()=>new Date);(0,a.useEffect)(()=>{if(!(null==t?void 0:t.completedAt)){let e=setInterval(()=>{d(new Date)},2e3);return()=>clearInterval(e)}},[null==t?void 0:t.completedAt]);let u=(0,a.useMemo)(()=>{if(!t)return;let e=new Map,a=new Map,i=[],l=new Map;for(let t of s){if("wait_created"===t.eventType||"wait_completed"===t.eventType){let e=l.get(t.correlationId)||[];e.push(t),l.set(t.correlationId,e);continue}let s=t.correlationId;if(s){let l=r.find(e=>e.stepId===s),o=n.find(e=>e.hookId===s);if(l){let r=e.get(s)||[];r.push(t),e.set(s,r)}else if(o){let e=a.get(s)||[];e.push(t),a.set(s,e)}else i.push(t)}else i.push(t)}let o=r.map(t=>{let r=e.get(t.stepId)||[];return function(e,t,r){var a,n;let s=null!=r?r:new Date,i=(0,B.Z)(String(e.stepName)),l=null!=(a=e.completedAt)?a:s,o=K(t);return{spanId:String(e.stepId),name:null!=(n=null==i?void 0:i.shortName)?n:"",kind:1,resource:"step",library:X,status:{code:0},traceFlags:1,attributes:{resource:"step",data:e},links:[],events:o,startTime:z(e.startedAt),endTime:z(l),duration:U(e.startedAt,l)}}(t,r,c)}),d=n.map(e=>{let t=a.get(e.hookId)||[];return function(e,t){let r=t.find(e=>"hook_received"===e.eventType),a=r?z(r.createdAt):z(new Date(Math.max(e.createdAt.getTime()+1e4,Date.now()))),n=K(t);return{spanId:String(e.hookId),name:String(e.hookId),kind:1,resource:"hook",library:X,status:{code:1},traceFlags:1,attributes:{resource:"hook",data:e},links:[],events:n,startTime:z(e.createdAt),endTime:z(a),duration:U(e.createdAt,a)}}(e,t)}),u=Array.from(l.entries()).map(e=>{let[t,r]=e;return function(e,t,r){var a,n;let s=t.find(e=>"wait_created"===e.eventType),i=t.find(e=>"wait_completed"===e.eventType),l=null!=(a=null==s?void 0:s.createdAt)?a:r,o=null!=(n=null==i?void 0:i.createdAt)?n:r,c=z(l),d=z(o),u=U(l,o);return{spanId:e,name:"sleep",kind:1,resource:"sleep",library:X,status:{code:0},traceFlags:1,attributes:{resource:"sleep",data:{correlationId:e}},links:[],events:K(t),duration:u,startTime:c,endTime:d}}(t,r,c)}),m=[function(e,t,r){var a,n,s,i;let l=null!=r?r:new Date,o=null!=(n=e.startedAt)?n:e.createdAt,c=null!=(s=e.completedAt)?s:l,d=K(t);return{spanId:String(e.runId),name:String(null!=(i=null==(a=(0,B.s)(e.workflowName))?void 0:a.shortName)?i:"?"),kind:1,resource:"run",library:X,status:{code:0},traceFlags:1,attributes:{resource:"run",data:e},links:[],events:d,startTime:z(o),endTime:z(c),duration:U(o,c)}}(t,i,c),...[...o,...d,...u].slice().sort((e,t)=>q(e.startTime)-q(t.startTime))],h=m.map((e,t)=>{let r=0===t?void 0:String(m[t-1].spanId);return{...e,parentSpanId:r}});return{traceId:t.runId,rootSpanId:t.runId,spans:h,resources:[{name:"workflow",attributes:{"service.name":X.name}}]}},[t,r,n,s,c]);return(0,a.useEffect)(()=>{o&&!l&&(console.error(o),A.oR.error("Error loading workflow trace data",{description:o.message}))},[o,l]),(0,D.jsxs)("div",{className:"relative",children:[l&&(0,D.jsx)("div",{className:"absolute inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm",children:(0,D.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,D.jsx)(I.A,{className:"h-8 w-8 animate-spin text-muted-foreground"}),(0,D.jsx)("p",{className:"text-sm text-muted-foreground",children:"Loading trace data..."})]})}),(0,D.jsx)(eo,{withPanel:!0,customSpanClassNameFunc:tl,customSpanEventClassNameFunc:to,customPanelComponent:(0,D.jsx)(ts,{env:i}),children:(0,D.jsx)(tn,{height:800,trace:u,withPanel:!0})})]})}}}]);

package/.next/static/chunks/app/layout-cbeec5bd379efacd.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{2287:(e,t,r)=>{"use strict";r.d(t,{Oc:()=>o,cn:()=>n,yQ:()=>l});var a=r(2928),s=r(8997);let l=10;function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,s.QP)((0,a.$)(t))}let o=5e3},2441:()=>{},2696:(e,t,r)=>{"use strict";r.d(t,{LayoutClient:()=>U});var a=r(5386),s=r(7384),l=r(8414),n=r.n(l),o=r(3283),d=r(4773),i=(e,t,r,a,s,l,n,o)=>{let d=document.documentElement,i=["light","dark"];function c(t){var r;(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,a=r&&l?s.map(e=>l[e]||e):s;r?(d.classList.remove(...a),d.classList.add(l&&l[t]?l[t]:t)):d.setAttribute(e,t)}),r=t,o&&i.includes(r)&&(d.style.colorScheme=r)}if(a)c(a);else try{let e=localStorage.getItem(t)||r,a=n&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(a)}catch(e){}},c=["light","dark"],u="(prefers-color-scheme: dark)",m="undefined"==typeof window,f=d.createContext(void 0),h={setTheme:e=>{},themes:[]},p=e=>d.useContext(f)?d.createElement(d.Fragment,null,e.children):d.createElement(x,{...e}),g=["light","dark"],x=e=>{let{forcedTheme:t,disableTransitionOnChange:r=!1,enableSystem:a=!0,enableColorScheme:s=!0,storageKey:l="theme",themes:n=g,defaultTheme:o=a?"system":"light",attribute:i="data-theme",value:m,children:h,nonce:p,scriptProps:x}=e,[N,w]=d.useState(()=>b(l,o)),[C,k]=d.useState(()=>"system"===N?j():N),L=m?Object.values(m):n,V=d.useCallback(e=>{let t=e;if(!t)return;"system"===e&&a&&(t=j());let l=m?m[t]:t,n=r?y(p):null,d=document.documentElement,u=e=>{"class"===e?(d.classList.remove(...L),l&&d.classList.add(l)):e.startsWith("data-")&&(l?d.setAttribute(e,l):d.removeAttribute(e))};if(Array.isArray(i)?i.forEach(u):u(i),s){let e=c.includes(o)?o:null,r=c.includes(t)?t:e;d.style.colorScheme=r}null==n||n()},[p]),E=d.useCallback(e=>{let t="function"==typeof e?e(N):e;w(t);try{localStorage.setItem(l,t)}catch(e){}},[N]),H=d.useCallback(e=>{k(j(e)),"system"===N&&a&&!t&&V("system")},[N,t]);d.useEffect(()=>{let e=window.matchMedia(u);return e.addListener(H),H(e),()=>e.removeListener(H)},[H]),d.useEffect(()=>{let e=e=>{e.key===l&&(e.newValue?w(e.newValue):E(o))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[E]),d.useEffect(()=>{V(null!=t?t:N)},[t,N]);let _=d.useMemo(()=>({theme:N,setTheme:E,forcedTheme:t,resolvedTheme:"system"===N?C:N,themes:a?[...n,"system"]:n,systemTheme:a?C:void 0}),[N,E,t,C,a,n]);return d.createElement(f.Provider,{value:_},d.createElement(v,{forcedTheme:t,storageKey:l,attribute:i,enableSystem:a,enableColorScheme:s,defaultTheme:o,value:m,themes:n,nonce:p,scriptProps:x}),h)},v=d.memo(e=>{let{forcedTheme:t,storageKey:r,attribute:a,enableSystem:s,enableColorScheme:l,defaultTheme:n,value:o,themes:c,nonce:u,scriptProps:m}=e,f=JSON.stringify([a,r,n,t,c,o,s,l]).slice(1,-1);return d.createElement("script",{...m,suppressHydrationWarning:!0,nonce:"undefined"==typeof window?u:"",dangerouslySetInnerHTML:{__html:"(".concat(i.toString(),")(").concat(f,")")}})}),b=(e,t)=>{let r;if(!m){try{r=localStorage.getItem(e)||void 0}catch(e){}return r||t}},y=e=>{let t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(t),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(t)},1)}},j=e=>(e||(e=window.matchMedia(u)),e.matches?"dark":"light"),N=r(8258);let w=(0,N.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 C=r(8257);function k(e){let{config:t}=e,{provider:r,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,a.jsxs)("div",{className:"text-sm text-muted-foreground flex items-center gap-2",children:[(0,a.jsxs)("span",{className:"font-medium",children:["Connected to: ",r]}),(0,a.jsxs)(C.m_,{children:[(0,a.jsx)(C.k$,{asChild:!0,children:(0,a.jsx)(w,{className:"w-4 h-4"})}),(0,a.jsx)(C.ZI,{children:(0,a.jsx)("div",{className:"flex flex-col gap-1",children:s.map(e=>(0,a.jsx)("span",{children:e},e))})})]})]})}let L=(0,N.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"}]]),V=(0,N.A)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var E=r(3039),H=r(7122),_=r(6016),R=r(2287);let S=d.forwardRef((e,t)=>{let{className:r,type:s,...l}=e;return(0,a.jsx)("input",{type:s,className:(0,R.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",r),ref:t,...l})});S.displayName="Input";var T=r(63),M=d.forwardRef((e,t)=>(0,a.jsx)(T.sG.label,{...e,ref:t,onMouseDown:t=>{var r;t.target.closest("button, input, select, textarea")||(null==(r=e.onMouseDown)||r.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));M.displayName="Label";let O=(0,r(7586).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),D=d.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)(M,{ref:t,className:(0,R.cn)(O(),r),...s})});D.displayName=M.displayName;var F=r(9432),A=r(8052),P=r(8033);let I=(0,P.createServerReference)("40cfd9f97ed977b8401940cdc44504ff52910b1037",P.callServer,void 0,P.findSourceMapURL,"validateWorldConfig");function W(){let e=(0,A.Nt)(),t=(0,A.dL)(),[r,s]=(0,d.useState)(!1),[l,n]=(0,d.useState)(e),[o,i]=(0,d.useState)([]),[c,u]=(0,d.useState)(!1),m="embedded"===(l.backend||"embedded");(0,d.useEffect)(()=>{n(e)},[e]);let f=async()=>{u(!0);try{let e=await I(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)}},h=(e,t)=>{n(r=>({...r,[e]:t})),i(t=>t.filter(t=>t.field!==e))},p=e=>{var t;return null==(t=o.find(t=>t.field===e))?void 0:t.message},g=JSON.stringify(l)!==JSON.stringify(e)||o.length>0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",onClick:()=>s(!0),className:"p-2 rounded-full hover:bg-accent transition-colors",title:"Configuration",children:(0,a.jsx)(L,{className:"h-6 w-6"})}),r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",className:"fixed inset-0 bg-black/50 z-40 cursor-default",onClick:()=>s(!1),"aria-label":"Close configuration panel"}),(0,a.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,a.jsxs)("div",{className:"p-6",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold",children:"Configuration"}),(0,a.jsx)("button",{type:"button",onClick:()=>s(!1),className:"p-2 hover:bg-accent rounded-full transition-colors",children:(0,a.jsx)(V,{className:"h-5 w-5"})})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"backend",children:"Backend"}),(0,a.jsxs)(F.l6,{value:l.backend||"embedded",onValueChange:e=>h("backend",e),children:[(0,a.jsx)(F.bq,{id:"backend",children:(0,a.jsx)(F.yv,{placeholder:"Select backend"})}),(0,a.jsxs)(F.gC,{children:[(0,a.jsx)(F.eb,{value:"embedded",children:"Embedded"}),(0,a.jsx)(F.eb,{value:"vercel",children:"Vercel"})]})]})]}),m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"port",children:"Port"}),(0,a.jsx)(S,{id:"port",value:l.port||"",onChange:e=>h("port",e.target.value),placeholder:"3001",className:p("port")?"border-destructive":""}),p("port")&&(0,a.jsx)("p",{className:"text-sm text-destructive",children:p("port")})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"dataDir",children:"Data Directory"}),(0,a.jsx)(S,{id:"dataDir",value:l.dataDir||"",onChange:e=>h("dataDir",e.target.value),placeholder:".workflow-data or .next/workflow-data",className:p("dataDir")?"border-destructive":""}),p("dataDir")&&(0,a.jsx)("p",{className:"text-sm text-destructive",children:p("dataDir")}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"Path to the workflow data directory. Can be relative or absolute."})]})]}),!m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"env",children:"Environment"}),(0,a.jsx)(S,{id:"env",value:l.env||"production",onChange:e=>h("env",e.target.value),placeholder:"production or preview"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"authToken",children:"Auth Token"}),(0,a.jsx)(S,{id:"authToken",type:"password",value:l.authToken||"",onChange:e=>h("authToken",e.target.value),placeholder:"Vercel auth token"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"project",children:"Project ID"}),(0,a.jsx)(S,{id:"project",value:l.project||"",onChange:e=>h("project",e.target.value),placeholder:"prj_..."})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(D,{htmlFor:"team",children:"Team ID"}),(0,a.jsx)(S,{id:"team",value:l.team||"",onChange:e=>h("team",e.target.value),placeholder:"team_..."})]})]}),o.length>0&&(0,a.jsxs)(H.Fc,{variant:"destructive",children:[(0,a.jsx)(E.A,{className:"h-4 w-4"}),(0,a.jsx)(H.XL,{children:"Configuration Error"}),(0,a.jsx)(H.TN,{children:(0,a.jsx)("ul",{className:"list-disc list-inside space-y-1",children:o.map((e,t)=>(0,a.jsxs)("li",{children:["general"!==e.field&&(0,a.jsxs)("strong",{children:[e.field,":"]})," ",e.message]},"error-".concat(t)))})})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 pt-4",children:[(0,a.jsx)(_.$,{onClick:f,disabled:c||!g,className:"w-full",children:c?"Validating...":"Apply Configuration"}),(0,a.jsx)(_.$,{variant:"outline",onClick:()=>{n(e),i([]),s(!1)},className:"w-full",children:"Cancel"})]})]})]})})]})]})}var Z=r(8150);let z=e=>{let{...t}=e,{theme:r="system"}=(()=>{var e;return null!=(e=d.useContext(f))?e:h})();return(0,a.jsx)(Z.l$,{theme:r,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",error:"group-[.toaster]:bg-destructive group-[.toaster]:text-destructive-foreground group-[.toaster]:border-destructive",success:"group-[.toaster]:bg-green-600 group-[.toaster]:text-white group-[.toaster]:border-green-600"}},...t})};function K(){let{className:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.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,a.jsx)("title",{children:"Workflow Logo"}),(0,a.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,a.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,a.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,a.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,a.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,a.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,a.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,a.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,a.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,a.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,a.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 U(e){let{children:t}=e,r=(0,o.useRouter)(),l=(0,o.useSearchParams)(),i=(0,A.Nt)(),c=l.get("id"),u=l.get("runId"),m=l.get("stepId"),f=l.get("hookId"),h=l.get("resource"),g=l.get("theme")||"system";return(0,d.useEffect)(()=>{let e=document.documentElement;e.classList.remove("light","dark"),("light"===g||"dark"===g)&&e.classList.add(g)},[g]),(0,d.useEffect)(()=>{let e;if(!h){if(u){let e;e=m?(0,A.g0)("/run/".concat(u),i,{sidebar:"step",stepId:m}):f?(0,A.g0)("/run/".concat(u),i,{sidebar:"hook",hookId:f}):(0,A.g0)("/run/".concat(u),i),r.push(e)}return}if(c){if("run"===h)e=(0,A.g0)("/run/".concat(c),i);else if("step"===h&&u)e=(0,A.g0)("/run/".concat(u),i,{sidebar:"step",stepId:c});else if("stream"===h&&u)e=(0,A.g0)("/run/".concat(u),i,{sidebar:"stream",streamId:c});else if("event"===h&&u)e=(0,A.g0)("/run/".concat(u),i,{sidebar:"event",eventId:c});else if("hook"===h&&u)e=(0,A.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,A.g0)("/",i,{sidebar:"hook",hookId:c})}r.push(e)}},[h,c,u,m,f,r,i]),(0,a.jsx)(p,{attribute:"class",defaultTheme:g,enableSystem:!0,disableTransitionOnChange:!0,children:(0,a.jsxs)("div",{className:"min-h-screen p-8",children:[(0,a.jsx)(s.Bc,{delayDuration:0,children:(0,a.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,a.jsx)("div",{className:"flex items-start justify-between",children:(0,a.jsxs)("div",{className:"mb-8 items-center flex justify-between w-full",children:[(0,a.jsx)(n(),{href:"https://useworkflow.dev",target:"_blank",children:(0,a.jsx)("h1",{className:"flex items-center gap-2 mb-2",title:"Workflow Observability",children:(0,a.jsx)(K,{})})}),(0,a.jsxs)("div",{className:"ml-auto flex items-center gap-2",children:[(0,a.jsx)(k,{config:i}),(0,a.jsx)(W,{})]})]})}),t]})}),(0,a.jsx)(z,{})]})})}},6016:(e,t,r)=>{"use strict";r.d(t,{$:()=>i,r:()=>d});var a=r(5386),s=r(9280),l=r(7586),n=r(4773),o=r(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:r,variant:l,size:n,asChild:i=!1,...c}=e,u=i?s.DX:"button";return(0,a.jsx)(u,{className:(0,o.cn)(d({variant:l,size:n,className:r})),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,r)=>{"use strict";r.d(t,{Fc:()=>d,TN:()=>c,XL:()=>i});var a=r(5386),s=r(7586),l=r(4773),n=r(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:r,variant:s,...l}=e;return(0,a.jsx)("div",{ref:t,role:"alert",className:(0,n.cn)(o({variant:s}),r),...l})});d.displayName="Alert";let i=l.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("h5",{ref:t,className:(0,n.cn)("mb-1 font-medium leading-none tracking-tight",r),...s})});i.displayName="AlertTitle";let c=l.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,n.cn)("text-sm [&_p]:leading-relaxed",r),...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,r)=>{Promise.resolve().then(r.t.bind(r,6426,23)),Promise.resolve().then(r.t.bind(r,7222,23)),Promise.resolve().then(r.t.bind(r,2441,23)),Promise.resolve().then(r.bind(r,2696))},8052:(e,t,r)=>{"use strict";r.d(t,{Nt:()=>o,dL:()=>d,g0:()=>i,nO:()=>c});var a=r(3283),s=r(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,a.useSearchParams)();return(0,s.useMemo)(()=>{let t={...l};for(let r of n){let a=e.get(r);a&&(t[r]=a)}return t},[e])}function d(){let e=(0,a.useRouter)(),t=(0,a.usePathname)(),r=(0,a.useSearchParams)();return(0,s.useMemo)(()=>a=>{let s=new URLSearchParams(r.toString());for(let e of n){let t=a[e];null!=t&&""!==t?(t!==l[e]||r.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,r])}function i(e,t,r){let a=function(e){let t=new URLSearchParams;for(let r of n){let a=e[r];null!=a&&""!==a&&a!==l[r]&&t.set(r,a)}return t}(t);if(r)for(let[e,t]of Object.entries(r))null!=t&&""!==t&&a.set(e,t);let s=a.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,PORT:e.port,WORKFLOW_EMBEDDED_DATA_DIR:e.dataDir})},8257:(e,t,r)=>{"use strict";r.d(t,{ZI:()=>i,k$:()=>d,m_:()=>o});var a=r(5386),s=r(7384),l=r(4773),n=r(2287);s.Kq;let o=s.bL,d=s.l9,i=l.forwardRef((e,t)=>{let{className:r,sideOffset:l=4,...o}=e;return(0,a.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",r),...o})});i.displayName=s.UC.displayName},9432:(e,t,r)=>{"use strict";r.d(t,{bq:()=>m,eb:()=>g,gC:()=>p,l6:()=>c,yv:()=>u});var a=r(5386),s=r(9961),l=r(406),n=r(7163),o=r(7536),d=r(4773),i=r(2287);let c=s.bL;s.YJ;let u=s.WT,m=d.forwardRef((e,t)=>{let{className:r,children:n,...o}=e;return(0,a.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",r),...o,children:[n,(0,a.jsx)(s.In,{asChild:!0,children:(0,a.jsx)(l.A,{className:"h-4 w-4 opacity-50"})})]})});m.displayName=s.l9.displayName;let f=d.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)(s.PP,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",r),...l,children:(0,a.jsx)(n.A,{className:"h-4 w-4"})})});f.displayName=s.PP.displayName;let h=d.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.wn,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",r),...n,children:(0,a.jsx)(l.A,{className:"h-4 w-4"})})});h.displayName=s.wn.displayName;let p=d.forwardRef((e,t)=>{let{className:r,children:l,position:n="popper",...o}=e;return(0,a.jsx)(s.ZL,{children:(0,a.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",r),position:n,...o,children:[(0,a.jsx)(f,{}),(0,a.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,a.jsx)(h,{})]})})});p.displayName=s.UC.displayName,d.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)(s.JU,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",r),...l})}).displayName=s.JU.displayName;let g=d.forwardRef((e,t)=>{let{className:r,children:l,...n}=e;return(0,a.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",r),...n,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(s.VF,{children:(0,a.jsx)(o.A,{className:"h-4 w-4"})})}),(0,a.jsx)(s.p4,{children:l})]})});g.displayName=s.q7.displayName,d.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)(s.wv,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",r),...l})}).displayName=s.wv.displayName}},e=>{e.O(0,[880,703,337,690,909,624,358],()=>e(e.s=7923)),_N_E=e.O()}]);

package/.next/static/chunks/app/page-f99d16dfe9e892cc.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{5988:(e,s,t)=>{"use strict";t.d(s,{s:()=>o});var a=t(5386),r=t(1049),l=t(5505),n=t(4773),d=t(8257);function o(e){let{date:s,className:t="",type:o="relative"}=e,[,i]=(0,n.useState)(Date.now()),c="relative"===o?(0,r.o)(new Date(s),new Date):(0,l.B)(new Date(s),{addSuffix:!0}),h=new Date(s).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});return(0,n.useEffect)(()=>{let e=setInterval(()=>{i(Date.now())},1e3);return()=>clearInterval(e)},[]),(0,a.jsxs)(d.m_,{children:[(0,a.jsx)(d.k$,{asChild:!0,children:(0,a.jsx)("span",{className:"".concat(t," cursor-help border-b border-dotted"),children:c})}),(0,a.jsx)(d.ZI,{children:(0,a.jsx)("p",{children:h})})]})}},6634:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>Z});var a=t(5386),r=t(3283),l=t(7394),n=t(9373),d=t(1e3),o=t(316),i=t(3039),c=t(8258);let h=(0,c.A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),u=(0,c.A)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var x=t(4773),m=t(7122),f=t(6016),j=t(8414),p=t.n(j),g=t(2287);let w=x.forwardRef((e,s)=>{let{className:t,href:r,children:l,...n}=e,d=r.startsWith("http")?r:"https://useworkflow.dev/docs/".concat(r.replace(/^\//,""));return(0,a.jsx)(p(),{href:d,className:(0,g.cn)("font-medium underline underline-offset-4 transition-colors",t),style:{color:"var(--ds-blue-600)"},target:"_blank",rel:"noopener noreferrer",ref:s,...n,children:l})});w.displayName="DocsLink";let N=x.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,g.cn)("w-full caption-bottom text-sm",t),...r})})});N.displayName="Table";let b=x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("thead",{ref:s,className:(0,g.cn)("[&_tr]:border-b",t),...r})});b.displayName="TableHeader";let v=x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tbody",{ref:s,className:(0,g.cn)("[&_tr:last-child]:border-0",t),...r})});v.displayName="TableBody",x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tfoot",{ref:s,className:(0,g.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...r})}).displayName="TableFooter";let k=x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tr",{ref:s,className:(0,g.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",t),...r})});k.displayName="TableRow";let y=x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("th",{ref:s,className:(0,g.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",t),...r})});y.displayName="TableHead";let C=x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("td",{ref:s,className:(0,g.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",t),...r})});C.displayName="TableCell",x.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("caption",{ref:s,className:(0,g.cn)("mt-4 text-sm text-muted-foreground",t),...r})}).displayName="TableCaption";var I=t(8257),R=t(8052),S=t(5988);function A(e){let{className:s,...t}=e;return(0,a.jsx)("div",{className:(0,g.cn)("animate-pulse rounded-md bg-muted",s),...t})}let M=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)(A,{className:"h-4 w-1/4"}),(0,a.jsx)(A,{className:"h-4 w-1/4"}),(0,a.jsx)(A,{className:"h-4 w-1/6"}),(0,a.jsx)(A,{className:"h-4 w-1/6"}),(0,a.jsx)(A,{className:"h-4 w-1/6"})]},"skeleton-row-".concat(s)))};function _(e){let{title:s,rows:t=g.yQ,bodyOnly:r=!1}=e;return r?(0,a.jsx)(M,{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)(A,{className:"h-6 w-32"}):(0,a.jsx)(A,{className:"h-6 w-48"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)(A,{className:"h-4 w-24"}),(0,a.jsx)(A,{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)(A,{className:"h-4 w-1/4"}),(0,a.jsx)(A,{className:"h-4 w-1/4"}),(0,a.jsx)(A,{className:"h-4 w-1/6"}),(0,a.jsx)(A,{className:"h-4 w-1/6"}),(0,a.jsx)(A,{className:"h-4 w-1/6"})]}),(0,a.jsx)(M,{rows:t})]})]})}function P(e){var s;let{config:t,runId:r,onHookClick:l,selectedHookId:c}=e,[j,p]=(0,x.useState)(()=>new Date),g=(0,x.useMemo)(()=>(0,R.nO)(t),[t]),{data:A,error:M,nextPage:P,previousPage:L,hasNextPage:D,hasPreviousPage:$,reload:z,pageInfo:E}=(0,n.LK)(g,{runId:r,sortOrder:"desc"}),F=A.isLoading,T=null!=(s=A.data)?s:[],[Z,O]=(0,x.useState)(new Map);return((0,x.useEffect)(()=>{T.length&&(async()=>{let e=new Map;for(let s of T)e.set(s.hookId,{count:0,hasMore:!1,loading:!0});O(e);let s=await Promise.allSettled(T.map(async e=>{try{let t=await (0,d.u)(g,e.hookId,{sortOrder:"asc",limit:100});if(!t.success){var s;return{hookId:e.hookId,count:Error((null==(s=t.error)?void 0:s.message)||"Failed to fetch events"),hasMore:!1}}let a=t.data,r=a.data.filter(e=>"hook_received"===e.eventType).length;return{hookId:e.hookId,count:r,hasMore:a.hasMore}}catch(s){return{hookId:e.hookId,count:s,hasMore:!1}}}));O(e=>{let t=new Map(e);for(let e=0;e<s.length;e++){let a=s[e],r=T[e].hookId;"fulfilled"===a.status?t.set(a.value.hookId,{count:a.value.count,hasMore:a.value.hasMore,loading:!1}):t.set(r,{count:0,hasMore:!1,loading:!1})}return t})})()},[T,g]),!F||(null==A?void 0:A.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:"Hooks"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[j&&(0,a.jsx)(S.s,{date:j,className:"text-sm text-muted-foreground",type:"distance"}),(0,a.jsxs)(I.m_,{children:[(0,a.jsx)(I.k$,{asChild:!0,children:(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:()=>{p(()=>new Date),z()},disabled:F,children:[(0,a.jsx)(o.A,{className:F?"animate-spin":""}),"Refresh"]})}),(0,a.jsx)(I.ZI,{children:"Note that this resets pages"})]})]})]}),M?(0,a.jsxs)(m.Fc,{variant:"destructive",children:[(0,a.jsx)(i.A,{className:"h-4 w-4"}),(0,a.jsx)(m.XL,{children:"Error loading hooks"}),(0,a.jsx)(m.TN,{children:(0,n.u1)(M)})]}):F||T&&0!==T.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(N,{children:[(0,a.jsx)(b,{children:(0,a.jsxs)(k,{children:[(0,a.jsx)(y,{children:"Hook ID"}),(0,a.jsx)(y,{children:"Run ID"}),(0,a.jsx)(y,{children:"Token"}),(0,a.jsx)(y,{children:"Created"}),(0,a.jsx)(y,{children:"Invocations"})]})}),(0,a.jsx)(v,{children:T.map(e=>(0,a.jsxs)(k,{className:"cursor-pointer group relative",onClick:()=>l(e.hookId,e.runId),"data-selected":e.hookId===c,children:[(0,a.jsx)(C,{className:"font-mono text-xs",children:e.hookId}),(0,a.jsx)(C,{className:"font-mono text-xs",children:e.runId}),(0,a.jsxs)(C,{className:"font-mono text-xs",children:[e.token.substring(0,12),"..."]}),(0,a.jsx)(C,{children:e.createdAt?(0,a.jsx)(S.s,{date:e.createdAt}):"-"}),(0,a.jsx)(C,{children:(e=>{let s=Z.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)(I.m_,{children:[(0,a.jsx)(I.k$,{asChild:!0,children:(0,a.jsx)("span",{className:"font-semibold cursor-help",children:t})}),(0,a.jsx)(I.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})})(e)})]},e.hookId))})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,a.jsx)("div",{className:"text-sm text-muted-foreground",children:E}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:L,disabled:!$,children:[(0,a.jsx)(h,{}),"Previous"]}),(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:P,disabled:!D,children:["Next",(0,a.jsx)(u,{})]})]})]})]}):(0,a.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No active hooks found."," ",(0,a.jsx)(w,{href:"https://useworkflow.dev/docs/api-reference/workflow/create-hook",children:"Learn how to create a hook"})]})]}):(0,a.jsx)(_,{title:"Hooks"})}var L=t(2931);let D=(0,c.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,c.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 z=t(9432),E=t(6810);let F={pending:{label:"Pending",color:"bg-neutral-600 dark:bg-neutral-400"},running:{label:"Running",color:"bg-blue-600 dark:bg-blue-400"},completed:{label:"Completed",color:"bg-green-600 dark:bg-green-400"},failed:{label:"Failed",color:"bg-red-600 dark:bg-red-400"},paused:{label:"Paused",color:"bg-yellow-600 dark:bg-yellow-400"},cancelled:{label:"Cancelled",color:"bg-gray-600 dark:bg-gray-400"}};function T(e){var s,t;let{config:l,onRunClick:d}=e,c=(0,r.useRouter)(),j=(0,r.usePathname)(),p=(0,r.useSearchParams)(),g=p.get("status"),A=Object.keys(F),M="all"===g||g&&A.includes(g)?g:void 0,P=p.get("workflow"),[T,Z]=(0,x.useState)("desc"),[O,U]=(0,x.useState)(()=>new Date),H=(0,x.useMemo)(()=>(0,R.nO)(l),[l]),V=null==(s=l.backend)?void 0:s.includes("vercel"),[q,W]=(0,x.useState)(new Set),{data:J,error:B,nextPage:K,previousPage:X,hasNextPage:Q,hasPreviousPage:Y,reload:G,pageInfo:ee}=(0,n.b_)(H,{sortOrder:T,workflowName:"all"===P?void 0:P,status:"all"===M?void 0:M});(0,x.useEffect)(()=>{if(J.data&&J.data.length>0){let e=new Set(J.data.map(e=>e.workflowName));W(s=>{let t=new Set(s);for(let s of e)t.add(s);return t})}},[J.data]);let es=J.isLoading,et=(0,x.useCallback)((e,s)=>{let t=new URLSearchParams(p.toString());return t.set(e,s),t.toString()},[p]);return!es||(null==J?void 0:J.data)?(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between my-4",children:[(0,a.jsxs)("h2",{className:"text-2xl my-2 font-semibold leading-none tracking-tight flex gap-4 items-end",children:[(0,a.jsx)("span",{className:"flex items-center gap-2",children:"Runs"}),O&&(0,a.jsx)(S.s,{date:O,className:"text-sm text-muted-foreground",type:"distance"})]}),(0,a.jsx)("div",{className:"flex items-center gap-4",children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(z.l6,{value:null!=P?P:"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(p.toString());e.delete("workflow"),e.delete("status"),c.push("".concat(j,"?").concat(e.toString()))}else c.push("".concat(j,"?").concat(et("workflow",e)))},disabled:es,children:[(0,a.jsx)(z.bq,{className:"w-[180px] h-9",children:(0,a.jsx)(z.yv,{placeholder:"Filter by workflow"})}),(0,a.jsxs)(z.gC,{children:[(0,a.jsx)(z.eb,{value:"all",children:"All Workflows"}),Array.from(q).sort().map(e=>{var s;return(0,a.jsx)(z.eb,{value:e,children:(null==(s=(0,L.s)(e))?void 0:s.shortName)||e},e)})]})]}),(0,a.jsxs)(I.m_,{children:[(0,a.jsx)(I.k$,{asChild:!0,children:(0,a.jsx)("div",{children:(0,a.jsxs)(z.l6,{value:M||"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(p.toString());e.delete("status"),c.push("".concat(j,"?").concat(e.toString()))}else c.push("".concat(j,"?").concat(et("status",e)))},disabled:es||V&&!P,children:[(0,a.jsx)(z.bq,{className:"w-[140px] h-9",children:(0,a.jsx)(z.yv,{placeholder:"Filter by status"})}),(0,a.jsxs)(z.gC,{children:[(0,a.jsx)(z.eb,{value:"all",children:"Any status"}),Object.entries(F).map(e=>{let[s,{label:t,color:r}]=e;return(0,a.jsx)(z.eb,{value:s,children:(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("span",{className:"".concat(r," size-1.5 rounded-full mr-2")}),t]})},s)})]})]})})}),(0,a.jsx)(I.ZI,{children:V&&"all"===P?"Select a workflow first to filter by status":"Filter runs by status"})]}),(0,a.jsxs)(I.m_,{children:[(0,a.jsx)(I.k$,{asChild:!0,children:(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:()=>{Z(e=>"desc"===e?"asc":"desc")},disabled:es,children:["desc"===T?(0,a.jsx)(D,{className:"h-4 w-4"}):(0,a.jsx)($,{className:"h-4 w-4"}),"desc"===T?"Newest":"Oldest"]})}),(0,a.jsx)(I.ZI,{children:"desc"===T?"Showing newest first":"Showing oldest first"})]}),(0,a.jsxs)(I.m_,{children:[(0,a.jsx)(I.k$,{asChild:!0,children:(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:()=>{U(()=>new Date),G()},disabled:es,children:[(0,a.jsx)(o.A,{className:es?"animate-spin":""}),"Refresh"]})}),(0,a.jsx)(I.ZI,{children:"Note that this resets pages"})]})]})})]}),B?(0,a.jsxs)(m.Fc,{variant:"destructive",children:[(0,a.jsx)(i.A,{className:"h-4 w-4"}),(0,a.jsx)(m.XL,{children:"Error loading runs"}),(0,a.jsx)(m.TN,{children:(0,n.u1)(B)})]}):es||J.data&&0!==J.data.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(N,{children:[(0,a.jsx)(b,{children:(0,a.jsxs)(k,{children:[(0,a.jsx)(y,{children:"Workflow"}),(0,a.jsx)(y,{children:"Run ID"}),(0,a.jsx)(y,{children:"Status"}),(0,a.jsx)(y,{children:"Started"}),(0,a.jsx)(y,{children:"Completed"})]})}),(0,a.jsx)(v,{children:null==(t=J.data)?void 0:t.map(e=>{var s;return(0,a.jsxs)(k,{className:"cursor-pointer group relative",onClick:()=>d(e.runId),children:[(0,a.jsx)(C,{children:(null==(s=(0,L.s)(e.workflowName))?void 0:s.shortName)||"?"}),(0,a.jsx)(C,{className:"font-mono text-xs",children:e.runId}),(0,a.jsx)(C,{children:(0,a.jsx)(E.W,{status:e.status,context:e})}),(0,a.jsx)(C,{children:e.startedAt?(0,a.jsx)(S.s,{date:e.startedAt}):"-"}),(0,a.jsx)(C,{children:e.completedAt?(0,a.jsx)(S.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:ee}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:X,disabled:!Y,children:[(0,a.jsx)(h,{}),"Previous"]}),(0,a.jsxs)(f.$,{variant:"outline",size:"sm",onClick:K,disabled:!Q,children:["Next",(0,a.jsx)(u,{})]})]})]})]}):(0,a.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No workflow runs found."," ",(0,a.jsx)(w,{href:"https://useworkflow.dev/docs/foundations/workflows-and-steps",children:"Learn how to create a workflow"})]})]}):(0,a.jsx)(_,{title:"Runs"})}function Z(){let e=(0,r.useRouter)(),s=(0,r.useSearchParams)(),t=(0,R.Nt)(),n=s.get("sidebar"),d=s.get("hookId")||s.get("hook");return(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)(l.t,{title:"Runs Error",description:"Failed to load workflow runs. Please try refreshing the page.",children:(0,a.jsx)(T,{config:t,onRunClick:(s,a)=>{a?e.push((0,R.g0)("/run/".concat(s,"/streams/").concat(a),t)):e.push((0,R.g0)("/run/".concat(s),t))}})}),(0,a.jsx)(l.t,{title:"Hooks Error",description:"Failed to load hooks. Please try refreshing the page.",children:(0,a.jsx)(P,{config:t,onHookClick:(s,a)=>{s?e.push((0,R.g0)("/run/".concat(a),t,{sidebar:"hook",hookId:s})):e.push((0,R.g0)("/run/".concat(a),t))},selectedHookId:"hook"===n&&d?d:void 0})})]})}},6741:(e,s,t)=>{Promise.resolve().then(t.bind(t,6634))},6810:(e,s,t)=>{"use strict";t.d(s,{W:()=>l});var a=t(5386),r=t(8257);function l(e){let{status:s,context:t,className:l}=e,n=()=>{switch(s){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"===s&&(null==t?void 0:t.error)){let e="string"==typeof t.error?t.error:t.error instanceof Error?t.error.message:JSON.stringify(t.error);return(0,a.jsxs)(r.m_,{children:[(0,a.jsx)(r.k$,{asChild:!0,children:(0,a.jsx)("span",{className:"".concat(l," border-b border-dotted cursor-help ").concat(n()),children:s})}),(0,a.jsx)(r.ZI,{className:"max-w-md",children:(0,a.jsx)("p",{className:"text-xs whitespace-pre-wrap break-words",children:e})})]})}return(0,a.jsx)("span",{className:"".concat(l," ").concat(n()),children:s})}},8257:(e,s,t)=>{"use strict";t.d(s,{ZI:()=>i,k$:()=>o,m_:()=>d});var a=t(5386),r=t(7384),l=t(4773),n=t(2287);r.Kq;let d=r.bL,o=r.l9,i=l.forwardRef((e,s)=>{let{className:t,sideOffset:l=4,...d}=e;return(0,a.jsx)(r.UC,{ref:s,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",t),...d})});i.displayName=r.UC.displayName},9432:(e,s,t)=>{"use strict";t.d(s,{bq:()=>u,eb:()=>j,gC:()=>f,l6:()=>c,yv:()=>h});var a=t(5386),r=t(9961),l=t(406),n=t(7163),d=t(7536),o=t(4773),i=t(2287);let c=r.bL;r.YJ;let h=r.WT,u=o.forwardRef((e,s)=>{let{className:t,children:n,...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:[n,(0,a.jsx)(r.In,{asChild:!0,children:(0,a.jsx)(l.A,{className:"h-4 w-4 opacity-50"})})]})});u.displayName=r.l9.displayName;let x=o.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(r.PP,{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"})})});x.displayName=r.PP.displayName;let m=o.forwardRef((e,s)=>{let{className:t,...n}=e;return(0,a.jsx)(r.wn,{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"})})});m.displayName=r.wn.displayName;let f=o.forwardRef((e,s)=>{let{className:t,children:l,position:n="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"===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",t),position:n,...d,children:[(0,a.jsx)(x,{}),(0,a.jsx)(r.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,a.jsx)(m,{})]})})});f.displayName=r.UC.displayName,o.forwardRef((e,s)=>{let{className:t,...l}=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),...l})}).displayName=r.JU.displayName;let j=o.forwardRef((e,s)=>{let{className:t,children:l,...n}=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),...n,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:l})]})});j.displayName=r.q7.displayName,o.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(r.wv,{ref:s,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",t),...l})}).displayName=r.wv.displayName}},e=>{e.O(0,[246,703,337,829,81,690,617,909,624,358],()=>e(e.s=6741)),_N_E=e.O()}]);

/package/.next/static/{i6LtFXJZ0N6Pry_U6y_fL → kRJ3iFJ3qMj0SwQ6GOGlX}/_buildManifest.js RENAMED Viewed

File without changes

/package/.next/static/{i6LtFXJZ0N6Pry_U6y_fL → kRJ3iFJ3qMj0SwQ6GOGlX}/_ssgManifest.js RENAMED Viewed

File without changes