@workflow/web 4.0.1-beta.5 → 4.0.1-beta.6

package/.next/static/chunks/app/layout-dffddd3f393e48c5.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{2287:(e,t,a)=>{"use strict";a.d(t,{$g:()=>d,Oc:()=>o,cn:()=>n,yQ:()=>l});var r=a(2928),s=a(8997);let l=10;function n(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,r.$)(t))}let o=5e3;function d(e,t,a){return a?"Page ".concat(e," of ").concat(t,"+"):"Page ".concat(e," of ").concat(t)}},2441:()=>{},6016:(e,t,a)=>{"use strict";a.d(t,{$:()=>i,r:()=>d});var r=a(5386),s=a(9280),l=a(7586),n=a(4773),o=a(2287);let d=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),i=n.forwardRef((e,t)=>{let{className:a,variant:l,size:n,asChild:i=!1,...c}=e,u=i?s.DX:"button";return(0,r.jsx)(u,{className:(0,o.cn)(d({variant:l,size:n,className:a})),ref:t,...c})});i.displayName="Button"},6426:e=>{e.exports={style:{fontFamily:"'Geist', 'Geist Fallback'",fontStyle:"normal"},className:"__className_188709",variable:"__variable_188709"}},7122:(e,t,a)=>{"use strict";a.d(t,{Fc:()=>d,TN:()=>c,XL:()=>i});var r=a(5386),s=a(7586),l=a(4773),n=a(2287);let o=(0,s.F)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),d=l.forwardRef((e,t)=>{let{className:a,variant:s,...l}=e;return(0,r.jsx)("div",{ref:t,role:"alert",className:(0,n.cn)(o({variant:s}),a),...l})});d.displayName="Alert";let i=l.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("h5",{ref:t,className:(0,n.cn)("mb-1 font-medium leading-none tracking-tight",a),...s})});i.displayName="AlertTitle";let c=l.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,n.cn)("text-sm [&_p]:leading-relaxed",a),...s})});c.displayName="AlertDescription"},7222:e=>{e.exports={style:{fontFamily:"'Geist Mono', 'Geist Mono Fallback'",fontStyle:"normal"},className:"__className_9a8899",variable:"__variable_9a8899"}},7923:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,6426,23)),Promise.resolve().then(a.t.bind(a,7222,23)),Promise.resolve().then(a.t.bind(a,2441,23)),Promise.resolve().then(a.bind(a,9553))},8052:(e,t,a)=>{"use strict";a.d(t,{Nt:()=>o,dL:()=>d,g0:()=>i,nO:()=>c});var r=a(3283),s=a(4773);let l={backend:"embedded",dataDir:"../../workbench/nextjs-turbopack/.next/workflow-data",port:"3000",env:"production"},n=["backend","env","authToken","project","team","port","dataDir"];function o(){let e=(0,r.useSearchParams)();return(0,s.useMemo)(()=>{let t={...l};for(let a of n){let r=e.get(a);r&&(t[a]=r)}return t},[e])}function d(){let e=(0,r.useRouter)(),t=(0,r.usePathname)(),a=(0,r.useSearchParams)();return(0,s.useMemo)(()=>r=>{let s=new URLSearchParams(a.toString());for(let e of n){let t=r[e];null!=t&&""!==t?(t!==l[e]||a.has(e))&&s.set(e,t):s.delete(e)}let o=s.toString(),d=o?"".concat(t,"?").concat(o):t;e.push(d)},[e,t,a])}function i(e,t,a){let r=function(e){let t=new URLSearchParams;for(let a of n){let r=e[a];null!=r&&""!==r&&r!==l[a]&&t.set(a,r)}return t}(t);if(a)for(let[e,t]of Object.entries(a))null!=t&&""!==t&&r.set(e,t);let s=r.toString();return s?"".concat(e,"?").concat(s):e}let c=e=>({WORKFLOW_TARGET_WORLD:e.backend,WORKFLOW_VERCEL_ENV:e.env,WORKFLOW_VERCEL_AUTH_TOKEN:e.authToken,WORKFLOW_VERCEL_PROJECT:e.project,WORKFLOW_VERCEL_TEAM:e.team,PORT:e.port,WORKFLOW_EMBEDDED_DATA_DIR:e.dataDir})},8257:(e,t,a)=>{"use strict";a.d(t,{ZI:()=>i,k$:()=>d,m_:()=>o});var r=a(5386),s=a(7384),l=a(4773),n=a(2287);s.Kq;let o=s.bL,d=s.l9,i=l.forwardRef((e,t)=>{let{className:a,sideOffset:l=4,...o}=e;return(0,r.jsx)(s.UC,{ref:t,sideOffset:l,className:(0,n.cn)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",a),...o})});i.displayName=s.UC.displayName},9432:(e,t,a)=>{"use strict";a.d(t,{bq:()=>m,eb:()=>g,gC:()=>p,l6:()=>c,yv:()=>u});var r=a(5386),s=a(9961),l=a(406),n=a(7163),o=a(7536),d=a(4773),i=a(2287);let c=s.bL;s.YJ;let u=s.WT,m=d.forwardRef((e,t)=>{let{className:a,children:n,...o}=e;return(0,r.jsxs)(s.l9,{ref:t,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...o,children:[n,(0,r.jsx)(s.In,{asChild:!0,children:(0,r.jsx)(l.A,{className:"h-4 w-4 opacity-50"})})]})});m.displayName=s.l9.displayName;let f=d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.PP,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...l,children:(0,r.jsx)(n.A,{className:"h-4 w-4"})})});f.displayName=s.PP.displayName;let h=d.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,r.jsx)(s.wn,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...n,children:(0,r.jsx)(l.A,{className:"h-4 w-4"})})});h.displayName=s.wn.displayName;let p=d.forwardRef((e,t)=>{let{className:a,children:l,position:n="popper",...o}=e;return(0,r.jsx)(s.ZL,{children:(0,r.jsxs)(s.UC,{ref:t,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n,...o,children:[(0,r.jsx)(f,{}),(0,r.jsx)(s.LM,{className:(0,i.cn)("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:l}),(0,r.jsx)(h,{})]})})});p.displayName=s.UC.displayName,d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.JU,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...l})}).displayName=s.JU.displayName;let g=d.forwardRef((e,t)=>{let{className:a,children:l,...n}=e;return(0,r.jsxs)(s.q7,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,r.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,r.jsx)(s.VF,{children:(0,r.jsx)(o.A,{className:"h-4 w-4"})})}),(0,r.jsx)(s.p4,{children:l})]})});g.displayName=s.q7.displayName,d.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(s.wv,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...l})}).displayName=s.wv.displayName},9553:(e,t,a)=>{"use strict";a.d(t,{LayoutClient:()=>U});var r=a(5386),s=a(7384),l=a(8414),n=a.n(l),o=a(3283),d=a(4773),i=(e,t,a,r,s,l,n,o)=>{let d=document.documentElement,i=["light","dark"];function c(t){var a;(Array.isArray(e)?e:[e]).forEach(e=>{let a="class"===e,r=a&&l?s.map(e=>l[e]||e):s;a?(d.classList.remove(...r),d.classList.add(l&&l[t]?l[t]:t)):d.setAttribute(e,t)}),a=t,o&&i.includes(a)&&(d.style.colorScheme=a)}if(r)c(r);else try{let e=localStorage.getItem(t)||a,r=n&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(r)}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:a=!1,enableSystem:r=!0,enableColorScheme:s=!0,storageKey:l="theme",themes:n=g,defaultTheme:o=r?"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&&r&&(t=j());let l=m?m[t]:t,n=a?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,a=c.includes(t)?t:e;d.style.colorScheme=a}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&&r&&!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:r?[...n,"system"]:n,systemTheme:r?C:void 0}),[N,E,t,C,r,n]);return d.createElement(f.Provider,{value:_},d.createElement(v,{forcedTheme:t,storageKey:l,attribute:i,enableSystem:r,enableColorScheme:s,defaultTheme:o,value:m,themes:n,nonce:p,scriptProps:x}),h)},v=d.memo(e=>{let{forcedTheme:t,storageKey:a,attribute:r,enableSystem:s,enableColorScheme:l,defaultTheme:n,value:o,themes:c,nonce:u,scriptProps:m}=e,f=JSON.stringify([r,a,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 a;if(!m){try{a=localStorage.getItem(e)||void 0}catch(e){}return a||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=a(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=a(8257);function k(e){let{config:t}=e,{provider:a,parts:s}=((e,t)=>{if("vercel"===e){let e=[];return t.env&&e.push("env: ".concat(t.env)),t.project&&e.push("project: ".concat(t.project)),t.team&&e.push("team: ".concat(t.team)),{provider:"Vercel",parts:e}}if("embedded"===e){let e=[];return t.dataDir&&e.push("dir: ".concat(t.dataDir)),t.port&&e.push("port: ".concat(t.port)),{provider:"Embedded",parts:e}}return{provider:t.backend||"unknown",parts:[]}})(t.backend||"embedded",t);return(0,r.jsxs)("div",{className:"text-sm text-muted-foreground flex items-center gap-2",children:[(0,r.jsxs)("span",{className:"font-medium",children:["Connected to: ",a]}),(0,r.jsxs)(C.m_,{children:[(0,r.jsx)(C.k$,{asChild:!0,children:(0,r.jsx)(w,{className:"w-4 h-4"})}),(0,r.jsx)(C.ZI,{children:(0,r.jsx)("div",{className:"flex flex-col gap-1",children:s.map(e=>(0,r.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=a(3039),H=a(7122),_=a(6016),R=a(2287);let S=d.forwardRef((e,t)=>{let{className:a,type:s,...l}=e;return(0,r.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",a),ref:t,...l})});S.displayName="Input";var T=a(63),M=d.forwardRef((e,t)=>(0,r.jsx)(T.sG.label,{...e,ref:t,onMouseDown:t=>{var a;t.target.closest("button, input, select, textarea")||(null==(a=e.onMouseDown)||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));M.displayName="Label";let O=(0,a(7586).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),D=d.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(M,{ref:t,className:(0,R.cn)(O(),a),...s})});D.displayName=M.displayName;var F=a(9432),A=a(8052),P=a(8033);let I=(0,P.createServerReference)("40f69686e220f9a9d58f4bead52134bbf87b4cfdbd",P.callServer,void 0,P.findSourceMapURL,"validateWorldConfig");function W(){let e=(0,A.Nt)(),t=(0,A.dL)(),[a,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(a=>({...a,[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,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",onClick:()=>s(!0),className:"p-2 rounded-full hover:bg-accent transition-colors",title:"Configuration",children:(0,r.jsx)(L,{className:"h-6 w-6"})}),a&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",className:"fixed inset-0 bg-black/50 z-40 cursor-default",onClick:()=>s(!1),"aria-label":"Close configuration panel"}),(0,r.jsx)("div",{className:"fixed top-0 right-0 h-full w-96 bg-background border-l shadow-lg z-50 overflow-y-auto",children:(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",children:"Configuration"}),(0,r.jsx)("button",{type:"button",onClick:()=>s(!1),className:"p-2 hover:bg-accent rounded-full transition-colors",children:(0,r.jsx)(V,{className:"h-5 w-5"})})]}),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"backend",children:"Backend"}),(0,r.jsxs)(F.l6,{value:l.backend||"embedded",onValueChange:e=>h("backend",e),children:[(0,r.jsx)(F.bq,{id:"backend",children:(0,r.jsx)(F.yv,{placeholder:"Select backend"})}),(0,r.jsxs)(F.gC,{children:[(0,r.jsx)(F.eb,{value:"embedded",children:"Embedded"}),(0,r.jsx)(F.eb,{value:"vercel",children:"Vercel"})]})]})]}),m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"port",children:"Port"}),(0,r.jsx)(S,{id:"port",value:l.port||"",onChange:e=>h("port",e.target.value),placeholder:"3001",className:p("port")?"border-destructive":""}),p("port")&&(0,r.jsx)("p",{className:"text-sm text-destructive",children:p("port")})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"dataDir",children:"Data Directory"}),(0,r.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,r.jsx)("p",{className:"text-sm text-destructive",children:p("dataDir")}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground",children:"Path to the workflow data directory. Can be relative or absolute."})]})]}),!m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"env",children:"Environment"}),(0,r.jsx)(S,{id:"env",value:l.env||"production",onChange:e=>h("env",e.target.value),placeholder:"production or preview"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"authToken",children:"Auth Token"}),(0,r.jsx)(S,{id:"authToken",type:"password",value:l.authToken||"",onChange:e=>h("authToken",e.target.value),placeholder:"Vercel auth token"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"project",children:"Project ID"}),(0,r.jsx)(S,{id:"project",value:l.project||"",onChange:e=>h("project",e.target.value),placeholder:"prj_..."})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(D,{htmlFor:"team",children:"Team ID"}),(0,r.jsx)(S,{id:"team",value:l.team||"",onChange:e=>h("team",e.target.value),placeholder:"team_..."})]})]}),o.length>0&&(0,r.jsxs)(H.Fc,{variant:"destructive",children:[(0,r.jsx)(E.A,{className:"h-4 w-4"}),(0,r.jsx)(H.XL,{children:"Configuration Error"}),(0,r.jsx)(H.TN,{children:(0,r.jsx)("ul",{className:"list-disc list-inside space-y-1",children:o.map((e,t)=>(0,r.jsxs)("li",{children:["general"!==e.field&&(0,r.jsxs)("strong",{children:[e.field,":"]})," ",e.message]},"error-".concat(t)))})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-2 pt-4",children:[(0,r.jsx)(_.$,{onClick:f,disabled:c||!g,className:"w-full",children:c?"Validating...":"Apply Configuration"}),(0,r.jsx)(_.$,{variant:"outline",onClick:()=>{n(e),i([]),s(!1)},className:"w-full",children:"Cancel"})]})]})]})})]})]})}var Z=a(8150);let z=e=>{let{...t}=e,{theme:a="system"}=(()=>{var e;return null!=(e=d.useContext(f))?e:h})();return(0,r.jsx)(Z.l$,{theme:a,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,r.jsxs)("svg",{viewBox:"0 0 1792 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e||"h-6 w-auto",role:"img","aria-label":"Workflow Logo",children:[(0,r.jsx)("title",{children:"Workflow Logo"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M753.933 55.627C806.249 55.627 840.685 91.718 840.685 147.345C840.685 202.971 806.249 239.062 753.933 239.062C701.286 239.062 666.851 202.971 666.851 147.345C666.851 91.7181 701.286 55.6271 753.933 55.627ZM753.933 90.0625C726.451 90.0626 710.889 111.254 710.889 147.345C710.889 183.436 726.451 204.627 753.933 204.627C781.084 204.627 796.978 183.436 796.978 147.345C796.978 111.254 781.084 90.0625 753.933 90.0625Z",className:"fill-foreground"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1445.65 55.627C1497.96 55.627 1532.4 91.718 1532.4 147.345C1532.4 202.971 1497.96 239.062 1445.65 239.062C1393 239.062 1358.56 202.971 1358.56 147.345C1358.56 91.718 1393 55.627 1445.65 55.627ZM1445.65 90.0625C1418.16 90.0625 1402.6 111.254 1402.6 147.345C1402.6 183.436 1418.16 204.627 1445.65 204.627C1472.8 204.627 1488.69 183.436 1488.69 147.345C1488.69 111.254 1472.8 90.0626 1445.65 90.0625Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M902.473 94.0361C909.095 70.8584 922.34 59.5997 944.855 59.5996H961.079V92.3799H944.524C916.38 92.38 904.128 106.949 904.128 135.094V235.089H861.746V59.5996H901.48L902.473 94.0361Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M1019.25 138.735L1091.11 59.5996H1143.09L1074.55 132.113L1146.4 235.089H1098.72L1046.74 157.609L1019.25 187.078V235.089H976.872V0H1019.25V138.735Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M1263.63 32.7803H1235.82C1224.89 32.7803 1217.28 41.3893 1217.28 54.9648V59.5996H1260.98V92.3799H1217.28V235.089H1174.56V92.3799H1149.4V59.5996H1174.56V54.9648C1174.56 19.5359 1191.78 0 1230.85 0H1263.63V32.7803Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M1322.58 189.396C1322.58 197.673 1327.22 202.309 1335.5 202.31H1348.74V235.089H1324.57C1298.08 235.089 1280.2 218.534 1280.2 191.052V0H1322.58V189.396Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M1604.59 186.416L1641.02 59.5996H1677.77L1713.86 186.416L1749.95 59.5996H1791.34L1737.7 235.089H1694.32L1659.56 116.883L1624.79 235.089H1581.42L1527.77 59.5996H1568.83L1604.59 186.416Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M472.173 174.847L514.895 0.671875H554.66L598.038 174.847L640.432 0.671875H685.454L623.015 234H575.692L534.942 77.5713L493.863 234H446.869L384.1 0.671875H429.122L472.173 174.847Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M125.776 0C120.929 1.64945e-05 117 3.9291 117 8.77539V61.4248C117 66.2711 120.929 70.2002 125.776 70.2002H160.875L161.253 70.2051C169.032 70.4023 175.301 76.6734 175.495 84.4531L175.5 84.8252V143.325C175.5 148.171 179.429 152.101 184.276 152.101H219.375L219.753 152.105C227.53 152.303 233.798 158.571 233.995 166.348L234 166.726V225.225C234 230.071 237.929 234 242.776 234H295.425C300.271 234 304.2 230.071 304.2 225.225V172.575C304.2 167.729 300.271 163.8 295.425 163.8H260.25C252.334 163.76 245.905 157.43 245.705 149.553L245.7 149.176V90.6758C245.7 85.8295 241.771 81.9004 236.925 81.9004H201.825C193.874 81.9004 187.405 75.5551 187.205 67.6523L187.2 67.2754V8.77539C187.2 3.9291 183.271 1.64951e-05 178.425 0H125.776Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M67.2755 81.9004C62.4293 81.9004 58.5002 85.8295 58.5002 90.6758V143.325C58.5004 148.171 62.4294 152.101 67.2755 152.101H102.375L102.753 152.105C110.53 152.303 116.798 158.571 116.995 166.348L117 166.726V225.225C117 230.071 120.929 234 125.776 234H178.425C183.271 234 187.2 230.071 187.2 225.225V172.575C187.2 167.729 183.271 163.8 178.425 163.8H143.25C135.334 163.76 128.905 157.43 128.705 149.553L128.7 149.176V90.6758C128.7 85.8295 124.771 81.9004 119.925 81.9004H67.2755Z",className:"fill-foreground"}),(0,r.jsx)("path",{d:"M8.77454 163.8C3.92844 163.8 0.00012207 167.729 0.00012207 172.575V225.225C0.00012207 230.071 3.92844 234 8.77454 234H61.4249C66.2712 234 70.2003 230.071 70.2003 225.225V172.575C70.2003 167.729 66.2712 163.8 61.4249 163.8H8.77454Z",className:"fill-foreground"})]})}function U(e){let{children:t}=e,a=(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),a.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})}a.push(e)}},[h,c,u,m,f,a,i]),(0,r.jsx)(p,{attribute:"class",defaultTheme:g,enableSystem:!0,disableTransitionOnChange:!0,children:(0,r.jsxs)("div",{className:"min-h-screen p-8",children:[(0,r.jsx)(s.Bc,{delayDuration:0,children:(0,r.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,r.jsx)("div",{className:"flex items-start justify-between",children:(0,r.jsxs)("div",{className:"mb-8 items-center flex justify-between w-full",children:[(0,r.jsx)(n(),{href:"https://useworkflow.dev",target:"_blank",children:(0,r.jsx)("h1",{className:"flex items-center gap-2 mb-2",title:"Workflow Observability",children:(0,r.jsx)(K,{})})}),(0,r.jsxs)("div",{className:"ml-auto flex items-center gap-2",children:[(0,r.jsx)(k,{config:i}),(0,r.jsx)(W,{})]})]})}),t]})}),(0,r.jsx)(z,{})]})})}}},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-60817440b50bc829.js

@@ -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:()=>O});var a=t(5386),r=t(3283),l=t(7394),n=t(316),d=t(3039),o=t(8258);let i=(0,o.A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),c=(0,o.A)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var h=t(4773),u=t(7122),x=t(6016),m=t(8414),f=t.n(m),j=t(2287);let p=h.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)(f(),{href:d,className:(0,j.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})});p.displayName="DocsLink";let g=h.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,j.cn)("w-full caption-bottom text-sm",t),...r})})});g.displayName="Table";let w=h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("thead",{ref:s,className:(0,j.cn)("[&_tr]:border-b",t),...r})});w.displayName="TableHeader";let N=h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tbody",{ref:s,className:(0,j.cn)("[&_tr:last-child]:border-0",t),...r})});N.displayName="TableBody",h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tfoot",{ref:s,className:(0,j.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...r})}).displayName="TableFooter";let b=h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("tr",{ref:s,className:(0,j.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",t),...r})});b.displayName="TableRow";let v=h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("th",{ref:s,className:(0,j.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",t),...r})});v.displayName="TableHead";let k=h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("td",{ref:s,className:(0,j.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",t),...r})});k.displayName="TableCell",h.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)("caption",{ref:s,className:(0,j.cn)("mt-4 text-sm text-muted-foreground",t),...r})}).displayName="TableCaption";var y=t(8257),C=t(8052),I=t(6543),R=t(9498),S=t(3448),A=t(5988);function M(e){let{className:s,...t}=e;return(0,a.jsx)("div",{className:(0,j.cn)("animate-pulse rounded-md bg-muted",s),...t})}let _=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)(M,{className:"h-4 w-1/4"}),(0,a.jsx)(M,{className:"h-4 w-1/4"}),(0,a.jsx)(M,{className:"h-4 w-1/6"}),(0,a.jsx)(M,{className:"h-4 w-1/6"}),(0,a.jsx)(M,{className:"h-4 w-1/6"})]},"skeleton-row-".concat(s)))};function P(e){let{title:s,rows:t=j.yQ,bodyOnly:r=!1}=e;return r?(0,a.jsx)(_,{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)(M,{className:"h-6 w-32"}):(0,a.jsx)(M,{className:"h-6 w-48"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)(M,{className:"h-4 w-24"}),(0,a.jsx)(M,{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)(M,{className:"h-4 w-1/4"}),(0,a.jsx)(M,{className:"h-4 w-1/4"}),(0,a.jsx)(M,{className:"h-4 w-1/6"}),(0,a.jsx)(M,{className:"h-4 w-1/6"}),(0,a.jsx)(M,{className:"h-4 w-1/6"})]}),(0,a.jsx)(_,{rows:t})]})]})}function L(e){var s;let{config:t,runId:r,onHookClick:l,selectedHookId:o}=e,[m,f]=(0,h.useState)(()=>new Date),j=(0,h.useMemo)(()=>(0,C.nO)(t),[t]),{data:M,error:_,nextPage:L,previousPage:D,hasNextPage:$,hasPreviousPage:z,reload:E,pageInfo:F}=(0,I.LK)(j,{runId:r,sortOrder:"desc"}),T=M.isLoading,Z=null!=(s=M.data)?s:[],[O,U]=(0,h.useState)(new Map);return((0,h.useEffect)(()=>{Z.length&&(async()=>{let e=new Map;for(let s of Z)e.set(s.hookId,{count:0,hasMore:!1,loading:!0});U(e);let s=await Promise.allSettled(Z.map(async e=>{try{let t=await (0,S.u)(j,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}}}));U(e=>{let t=new Map(e);for(let e=0;e<s.length;e++){let a=s[e],r=Z[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})})()},[Z,j]),!T||(null==M?void 0:M.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:[m&&(0,a.jsx)(A.s,{date:m,className:"text-sm text-muted-foreground",type:"distance"}),(0,a.jsxs)(y.m_,{children:[(0,a.jsx)(y.k$,{asChild:!0,children:(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:()=>{f(()=>new Date),E()},disabled:T,children:[(0,a.jsx)(n.A,{className:T?"animate-spin":""}),"Refresh"]})}),(0,a.jsx)(y.ZI,{children:"Note that this resets pages"})]})]})]}),_?(0,a.jsxs)(u.Fc,{variant:"destructive",children:[(0,a.jsx)(d.A,{className:"h-4 w-4"}),(0,a.jsx)(u.XL,{children:"Error loading hooks"}),(0,a.jsx)(u.TN,{children:(0,R.u1)(_)})]}):T||Z&&0!==Z.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(g,{children:[(0,a.jsx)(w,{children:(0,a.jsxs)(b,{children:[(0,a.jsx)(v,{children:"Hook ID"}),(0,a.jsx)(v,{children:"Run ID"}),(0,a.jsx)(v,{children:"Token"}),(0,a.jsx)(v,{children:"Created"}),(0,a.jsx)(v,{children:"Invocations"})]})}),(0,a.jsx)(N,{children:Z.map(e=>(0,a.jsxs)(b,{className:"cursor-pointer group relative",onClick:()=>l(e.hookId,e.runId),"data-selected":e.hookId===o,children:[(0,a.jsx)(k,{className:"font-mono text-xs",children:e.hookId}),(0,a.jsx)(k,{className:"font-mono text-xs",children:e.runId}),(0,a.jsxs)(k,{className:"font-mono text-xs",children:[e.token.substring(0,12),"..."]}),(0,a.jsx)(k,{children:e.createdAt?(0,a.jsx)(A.s,{date:e.createdAt}):"-"}),(0,a.jsx)(k,{children:(e=>{let s=O.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)(y.m_,{children:[(0,a.jsx)(y.k$,{asChild:!0,children:(0,a.jsx)("span",{className:"font-semibold cursor-help",children:t})}),(0,a.jsx)(y.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:F}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:D,disabled:!z,children:[(0,a.jsx)(i,{}),"Previous"]}),(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:L,disabled:!$,children:["Next",(0,a.jsx)(c,{})]})]})]})]}):(0,a.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No active hooks found."," ",(0,a.jsx)(p,{href:"https://useworkflow.dev/docs/api-reference/workflow/create-hook",children:"Learn how to create a hook"})]})]}):(0,a.jsx)(P,{title:"Hooks"})}var D=t(2931);let $=(0,o.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"}]]),z=(0,o.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 E=t(9432),F=t(6810);let T={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 Z(e){var s,t;let{config:l,onRunClick:o}=e,m=(0,r.useRouter)(),f=(0,r.usePathname)(),j=(0,r.useSearchParams)(),S=j.get("status"),M=Object.keys(T),_="all"===S||S&&M.includes(S)?S:void 0,L=j.get("workflow"),[Z,O]=(0,h.useState)("desc"),[U,H]=(0,h.useState)(()=>new Date),V=(0,h.useMemo)(()=>(0,C.nO)(l),[l]),q=null==(s=l.backend)?void 0:s.includes("vercel"),[W,J]=(0,h.useState)(new Set),{data:B,error:K,nextPage:X,previousPage:Q,hasNextPage:Y,hasPreviousPage:G,reload:ee,pageInfo:es}=(0,I.b_)(V,{sortOrder:Z,workflowName:"all"===L?void 0:L,status:"all"===_?void 0:_});(0,h.useEffect)(()=>{if(B.data&&B.data.length>0){let e=new Set(B.data.map(e=>e.workflowName));J(s=>{let t=new Set(s);for(let s of e)t.add(s);return t})}},[B.data]);let et=B.isLoading,ea=(0,h.useCallback)((e,s)=>{let t=new URLSearchParams(j.toString());return t.set(e,s),t.toString()},[j]);return!et||(null==B?void 0:B.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"}),U&&(0,a.jsx)(A.s,{date:U,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)(E.l6,{value:null!=L?L:"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(j.toString());e.delete("workflow"),e.delete("status"),m.push("".concat(f,"?").concat(e.toString()))}else m.push("".concat(f,"?").concat(ea("workflow",e)))},disabled:et,children:[(0,a.jsx)(E.bq,{className:"w-[180px] h-9",children:(0,a.jsx)(E.yv,{placeholder:"Filter by workflow"})}),(0,a.jsxs)(E.gC,{children:[(0,a.jsx)(E.eb,{value:"all",children:"All Workflows"}),Array.from(W).sort().map(e=>{var s;return(0,a.jsx)(E.eb,{value:e,children:(null==(s=(0,D.s)(e))?void 0:s.shortName)||e},e)})]})]}),(0,a.jsxs)(y.m_,{children:[(0,a.jsx)(y.k$,{asChild:!0,children:(0,a.jsx)("div",{children:(0,a.jsxs)(E.l6,{value:_||"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(j.toString());e.delete("status"),m.push("".concat(f,"?").concat(e.toString()))}else m.push("".concat(f,"?").concat(ea("status",e)))},disabled:et||q&&!L,children:[(0,a.jsx)(E.bq,{className:"w-[140px] h-9",children:(0,a.jsx)(E.yv,{placeholder:"Filter by status"})}),(0,a.jsxs)(E.gC,{children:[(0,a.jsx)(E.eb,{value:"all",children:"All"}),Object.entries(T).map(e=>{let[s,{label:t,color:r}]=e;return(0,a.jsx)(E.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)(y.ZI,{children:q&&"all"===L?"Select a workflow first to filter by status":"Filter runs by status"})]}),(0,a.jsxs)(y.m_,{children:[(0,a.jsx)(y.k$,{asChild:!0,children:(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:()=>{O(e=>"desc"===e?"asc":"desc")},disabled:et,children:["desc"===Z?(0,a.jsx)($,{className:"h-4 w-4"}):(0,a.jsx)(z,{className:"h-4 w-4"}),"desc"===Z?"Newest":"Oldest"]})}),(0,a.jsx)(y.ZI,{children:"desc"===Z?"Showing newest first":"Showing oldest first"})]}),(0,a.jsxs)(y.m_,{children:[(0,a.jsx)(y.k$,{asChild:!0,children:(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:()=>{H(()=>new Date),ee()},disabled:et,children:[(0,a.jsx)(n.A,{className:et?"animate-spin":""}),"Refresh"]})}),(0,a.jsx)(y.ZI,{children:"Note that this resets pages"})]})]})})]}),K?(0,a.jsxs)(u.Fc,{variant:"destructive",children:[(0,a.jsx)(d.A,{className:"h-4 w-4"}),(0,a.jsx)(u.XL,{children:"Error loading runs"}),(0,a.jsx)(u.TN,{children:(0,R.u1)(K)})]}):et||B.data&&0!==B.data.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(g,{children:[(0,a.jsx)(w,{children:(0,a.jsxs)(b,{children:[(0,a.jsx)(v,{children:"Workflow"}),(0,a.jsx)(v,{children:"Run ID"}),(0,a.jsx)(v,{children:"Status"}),(0,a.jsx)(v,{children:"Started"}),(0,a.jsx)(v,{children:"Completed"})]})}),(0,a.jsx)(N,{children:null==(t=B.data)?void 0:t.map(e=>{var s;return(0,a.jsxs)(b,{className:"cursor-pointer group relative",onClick:()=>o(e.runId),children:[(0,a.jsx)(k,{children:(null==(s=(0,D.s)(e.workflowName))?void 0:s.shortName)||"?"}),(0,a.jsx)(k,{className:"font-mono text-xs",children:e.runId}),(0,a.jsx)(k,{children:(0,a.jsx)(F.W,{status:e.status,context:e})}),(0,a.jsx)(k,{children:e.startedAt?(0,a.jsx)(A.s,{date:e.startedAt}):"-"}),(0,a.jsx)(k,{children:e.completedAt?(0,a.jsx)(A.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:es}),(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:Q,disabled:!G,children:[(0,a.jsx)(i,{}),"Previous"]}),(0,a.jsxs)(x.$,{variant:"outline",size:"sm",onClick:X,disabled:!Y,children:["Next",(0,a.jsx)(c,{})]})]})]})]}):(0,a.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No workflow runs found."," ",(0,a.jsx)(p,{href:"https://useworkflow.dev/docs/foundations/workflows-and-steps",children:"Learn how to create a workflow"})]})]}):(0,a.jsx)(P,{title:"Runs"})}function O(){let e=(0,r.useRouter)(),s=(0,r.useSearchParams)(),t=(0,C.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)(Z,{config:t,onRunClick:(s,a)=>{a?e.push((0,C.g0)("/run/".concat(s,"/streams/").concat(a),t)):e.push((0,C.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)(L,{config:t,onHookClick:(s,a)=>{s?e.push((0,C.g0)("/run/".concat(a),t,{sidebar:"hook",hookId:s})):e.push((0,C.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,[222,703,337,829,81,690,931,909,624,358],()=>e(e.s=6741)),_N_E=e.O()}]);

package/.next/static/css/31fe98b008b62f51.css

@@ -1 +0,0 @@
-.trace-viewer_traceNode__EPpHb{position:relative}.trace-viewer_childRow__Cq4_k{display:flex;flex-direction:row;align-items:flex-start}.trace-viewer_spanNode__RjdWo{position:absolute;display:flex;flex-direction:row;align-items:center;padding:0;background-color:var(--span-background);color:var(--span-text);border:1px solid var(--span-border);border-radius:8px;white-space:nowrap;box-shadow:var(--ds-shadow-small);overflow:hidden;text-overflow:ellipsis;content-visibility:auto;cursor:pointer;user-select:none;z-index:2;&.trace-viewer_huge__ldvPq{overflow:visible;& .trace-viewer_spanName__TQPrX{flex:0 1 auto;position:sticky;left:0}& .trace-viewer_spanSpacer__Oup0_{flex:1 0 0}& .trace-viewer_spanDuration__889FS{position:sticky;right:0;background-color:var(--span-background);padding-left:6px;box-shadow:-8px 0 16px 8px var(--span-background)}}&:after{position:absolute;left:-1px;top:-1px;width:var(--span-width);height:var(--row-height);content:""}&.trace-viewer_small__3Mgeo:not(.trace-viewer_xHover__SDoIm):after{top:-7px}&:hover:not(.trace-viewer_selected__9DCOs){filter:brightness(.95)}&.trace-viewer_xHover__SDoIm{z-index:3;min-width:var(--span-width);max-width:75%;background:linear-gradient(90deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px));&[data-right-side=true]{background:linear-gradient(270deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px))}& .trace-viewer_spanName__TQPrX{max-width:max(var(--span-width),40vw)}& .trace-viewer_spanDuration__889FS{background:none;box-shadow:none}}&.trace-viewer_small__3Mgeo:not(.trace-viewer_xHover__SDoIm){background-color:var(--span-background);border-color:var(--span-border);border-radius:4px}&.trace-viewer_selected__9DCOs{border-width:2px;outline:2px solid var(--span-border);outline-offset:-1px;&:hover{filter:brightness(.95)}}}.trace-viewer_spanNodeEvent__NC_lB{position:absolute;height:var(--row-height);pointer-events:none;z-index:4;& .trace-viewer_eventDiamond__6HyGU{--size:7px;--offset:-4px;position:absolute;left:var(--offset);bottom:calc(var(--offset) + 1px);width:var(--size);height:var(--size);border:1px solid var(--span-secondary);border-radius:2px;background:var(--span-background);transform-origin:50% 50% 0;transform:rotate(45deg)}&.trace-viewer_customEventColor__pVObz .trace-viewer_eventDiamond__6HyGU{border-color:var(--event-color,var(--span-border));background:var(--event-color,var(--span-background));opacity:.8}&.trace-viewer_customEventColor__pVObz .trace-viewer_hoverInfo__v_oM8{border-color:var(--span-border);background:var(--span-background)}&.trace-viewer_customEventColor__pVObz .trace-viewer_hoverInfo__v_oM8 .trace-viewer_eventName__w9uvJ{color:var(--span-text);font-weight:500}&.trace-viewer_customEventColor__pVObz .trace-viewer_hoverInfo__v_oM8 .trace-viewer_eventTimestamp__Rkpqm{color:var(--span-secondary)}& .trace-viewer_hoverInfo__v_oM8{position:absolute;margin-top:-1px;top:100%;display:none;flex-direction:row;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1;background:var(--span-background);border:1px solid var(--span-border);border-radius:6px;box-shadow:var(--ds-shadow-small);transform:translateY(-50%);&.trace-viewer_alignStart__ryiEC{left:-10px;padding-left:18px}&.trace-viewer_alignEnd__o4Ha4{right:-10px;padding-right:18px}& .trace-viewer_eventName__w9uvJ{color:var(--span-text)}& .trace-viewer_eventTimestamp__Rkpqm{color:var(--span-secondary);font-variant-numeric:tabular-nums}}&[data-hovered=true]{z-index:4;& .trace-viewer_eventDiamond__6HyGU{background:var(--span-text);border-color:var(--span-text)}& .trace-viewer_hoverInfo__v_oM8{display:flex}}}.trace-viewer_colorVercel__EJedp{--span-background:var(--ds-background-100);--span-border:var(--ds-gray-500);--span-line:var(--ds-gray-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-gray-900);--geist-background:var(--ds-gray-100)}.trace-viewer_color0__smm5S{--span-background:var(--ds-teal-200);--span-border:var(--ds-teal-500);--span-line:var(--ds-teal-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-teal-900)}.trace-viewer_color1__gG1M7{--span-background:var(--ds-blue-200);--span-border:var(--ds-blue-500);--span-line:var(--ds-blue-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-blue-900)}.trace-viewer_color2__FXg_f{--span-background:var(--ds-green-200);--span-border:var(--ds-green-500);--span-line:var(--ds-green-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-green-900)}.trace-viewer_color3__nGR6u{--span-background:var(--ds-purple-200);--span-border:var(--ds-purple-500);--span-line:var(--ds-purple-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-purple-900)}.trace-viewer_color4__t43hY{--span-background:var(--ds-pink-200);--span-border:var(--ds-pink-500);--span-line:var(--ds-pink-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-pink-900)}.trace-viewer_colorHighlight__dgPVp{--span-background:var(--ds-amber-200);--span-border:var(--ds-amber-500);--span-line:var(--ds-amber-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-amber-900)}.trace-viewer_unlit___zTp3{opacity:.3}.dark,.dark-theme{& .trace-viewer_mapContainer__slemC canvas{filter:invert(1)}& .trace-viewer_spanNode__RjdWo.trace-viewer_small__3Mgeo{&.trace-viewer_xHover__SDoIm,&:focus-visible{&:before{text-shadow:0 1px 0 black}}}& .trace-viewer_spanNode__RjdWo.trace-viewer_selected__9DCOs:hover,& .trace-viewer_spanNode__RjdWo:hover:not(.trace-viewer_selected__9DCOs){filter:brightness(1.05)}}@media (prefers-color-scheme:dark){:root:not(.light){& .trace-viewer_mapContainer__slemC canvas{filter:invert(1)}& .trace-viewer_spanNode__RjdWo.trace-viewer_small__3Mgeo{&.trace-viewer_xHover__SDoIm,&:focus-visible{&:before{text-shadow:0 1px 0 black}}}& .trace-viewer_spanNode__RjdWo.trace-viewer_selected__9DCOs:hover,& .trace-viewer_spanNode__RjdWo:hover:not(.trace-viewer_selected__9DCOs){filter:brightness(1.05)}}}.trace-viewer_spanName__TQPrX{flex:1 1 auto;padding-inline:6px;text-align:left;overflow:hidden;text-overflow:ellipsis}.trace-viewer_spanDuration__889FS{flex:0 0 auto;padding-right:6px;font-variant-numeric:tabular-nums;color:var(--span-secondary,var(--ds-gray-alpha-700))}.trace-viewer_spanDetailPanel__gwWqO{display:flex;flex-direction:column;height:var(--panel-height);align-items:stretch;justify-content:flex-start;flex:0 1 auto}.trace-viewer_spanDetailPanelResizer__jLr1h{position:absolute;left:0;top:0;width:20px;height:100%;cursor:col-resize;z-index:1;display:none;@media (hover:hover){display:block}}.trace-viewer_spanDetailPanelTop__KFwOZ{display:flex;flex-direction:row;align-items:stretch;flex:0 1 auto;justify-content:space-between;position:relative}.trace-viewer_spanDetailPanelBody__4mjfq{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;flex:0 1 100%;padding:16px 12px 24px;overflow-x:hidden;overflow-y:auto}.trace-viewer_spanDetailPanelTopInfo__EXa6K{--row-height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;width:100%;font-size:14px;border-bottom:1px solid var(--border-color);flex:0 1 auto}.trace-viewer_spanNameDetailPanel__dTZKK{font-size:inherit;color:var(--ds-gray-1000);word-break:break-word}.trace-viewer_spanDetailPanelTruncatedHeading__fRtSd{display:flex;flex-direction:row;align-items:center;gap:12px;flex:0 1 100%;overflow:hidden;justify-content:flex-start}.trace-viewer_spanDetailPanelName__ixgKy{flex:0 1 100%;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-viewer_spanDetailPanelDuration__VopYl{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;color:var(--ds-gray-900)}.trace-viewer_spanDetailPanelCorner__q2atr{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 0 auto;height:var(--row-height);justify-content:flex-start}.trace-viewer_spanDetailPanelCornerInner__jpQt9{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto}.trace-viewer_spanDetailPanelCloseVerticalRule__HiEA4{border-left:1px solid var(--accents-2);height:var(--geist-space-gap)}.trace-viewer_spanDetailPanelClose__NV8h5{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;cursor:pointer;&:focus-visible,&:hover{background-color:var(--ds-gray-200)}}.trace-viewer_spanDetailPanelAttribute__7kHaH{margin:0;padding-block:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--border-color);&:last-child{border-bottom:none}}.trace-viewer_spanDetailPanelAttributeKey__Lq39Y{flex:0 0 auto;margin:0;padding-left:8px;font-size:inherit;color:var(--ds-gray-900)}.trace-viewer_spanDetailPanelAttributeValue__ZsbcT{flex:0 1 auto;margin:0;padding-right:8px;font-family:var(--font-mono);font-size:13px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.trace-viewer_spanDetailPanelQuickLink__PQU8R{color:inherit;text-decoration:none;&:hover .trace-viewer_spanDetailPanelQuickLinkLabel__hDSrZ{text-decoration:underline}}.trace-viewer_spanDetailPanelQuickLinkLabel__hDSrZ{display:flex;flex-direction:row;align-items:center;gap:8px;font:inherit}.trace-viewer_detailGroup__q9vls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 1 auto;&:after{margin:12px -12px 0;height:1px;background:var(--border-color);content:""}}.trace-viewer_detailHeading__Tzelx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;font-family:inherit;font-size:14px;font-weight:500;background:none;color:var(--ds-gray-1000);border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;&:focus-visible,&:hover{background-color:var(--ds-gray-100)}}.trace-viewer_buttonLink__4Sr4T{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1;color:var(--ds-gray-1000);text-decoration:none;background-color:var(--ds-background-100);border:1px solid var(--accents-2);border-radius:6px}.trace-viewer_buttonLink__4Sr4T:focus-visible,.trace-viewer_buttonLink__4Sr4T:hover{background-color:var(--ds-gray-100)}.trace-viewer_note__H_BMB{padding:8px 10px;color:var(--ds-gray-900);background-color:var(--ds-background-100);border:1px solid var(--ds-gray-300);border-radius:6px}.trace-viewer_skeleton__HHaHu{display:inline-block;background-color:var(--ds-gray-200);border-radius:4px}.trace-viewer_skeletonRounded___tfB2{border-radius:50%}.trace-viewer_detailGroup__q9vls.trace-viewer_collapsed__7UQa4 .trace-viewer_detailHeadingIcon__BKl_b{transform:rotate(-90deg)}.trace-viewer_infraSpanDescription__u_u4R{padding:8px;font-size:14px;line-height:1.4;color:var(--ds-gray-900);display:flex;flex-direction:column;gap:16px}.trace-viewer_ancestorNode__JEATz{padding:8px;font-family:inherit;font-size:13px;background:none;border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;&:focus-visible,&:hover{background:var(--ds-gray-100)}}.trace-viewer_ancestorText__pLFpE{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;color:var(--ds-gray-900);white-space:nowrap}.trace-viewer_ancestorName__usG_0{overflow:hidden;text-overflow:ellipsis}.trace-viewer_ancestorDuration__UxeMy{font-variant-numeric:tabular-nums}.trace-viewer_ancestorLineContainer__anAFR{position:relative;margin-top:6px;display:block;width:100%;height:1px;background-color:var(--ds-gray-alpha-400);&:after,&:before{position:absolute;top:-2px;width:1px;height:5px;background-color:inherit;content:""}&:before{left:0}&:after{right:0}}.trace-viewer_ancestorLine__MQKBZ{position:absolute;top:-2px;height:5px;background-color:var(--span-background);border:1px solid var(--span-line);border-radius:1px}.trace-viewer_ancestorNode__JEATz{&:focus-visible,&:hover,&:last-of-type{& .trace-viewer_ancestorName__usG_0{color:var(--ds-gray-1000)}& .trace-viewer_ancestorLine__MQKBZ{background-color:var(--span-line);border-color:var(--span-border)}}}.trace-viewer_zoomButtonGroup__bW6dU{display:inline-flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto;background-color:var(--geist-background);border-radius:10ex;box-shadow:var(--ds-shadow-small);border:1px solid var(--accents-2);animation:trace-viewer_zoom-buttons-fade-in__iwgTN .3s ease .3s backwards}@keyframes trace-viewer_zoom-buttons-fade-in__iwgTN{0%{opacity:0}to{opacity:1}}.trace-viewer_zoomButton__nqkXN{display:flex;align-items:center;justify-content:center;padding:6px;height:32px;width:38px;background-color:transparent;border:none;color:var(--accents-5);box-shadow:none!important;cursor:pointer;&:focus-visible,&:hover{color:var(--accents-7)}}.trace-viewer_zoomButton__nqkXN:hover{background-color:transparent;color:var(--accents-7)}.trace-viewer_divider__EYwDq{width:1px;background-color:var(--accents-2);margin:-1px}.trace-viewer_markersContainer__ljrni{position:absolute;left:-8px;top:-8px;width:100%;height:calc(100% - var(--scrollbar-width));line-height:1;z-index:4;pointer-events:none}.trace-viewer_markers__phdeo{position:sticky;top:0;display:flex;flex-direction:row;gap:calc(var(--marker-width) - 1px);height:var(--marker-height);padding-left:8px;background:var(--ds-background-200);overflow:hidden;box-shadow:0 4px 8px 0 var(--ds-background-200);border-bottom:1px solid var(--marker-color)}.trace-viewer_marker__qcenH{position:relative;flex:0 0 1px;border-left:1px solid var(--marker-color);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ds-gray-900);height:var(--marker-height);&.trace-viewer_notch__U_RW0{top:calc(var(--marker-height) - var(--marker-notch-height));height:var(--marker-notch-height)}}.trace-viewer_markerLabel__k5WI7{position:absolute;left:2px;bottom:6px;color:var(--ds-gray-900);user-select:none}.trace-viewer_eventMarkersContainer__PpoCp{position:absolute;top:-8px;width:var(--timeline-scroll-width);height:calc(100% - var(--scrollbar-width));line-height:1;z-index:1;pointer-events:none}.trace-viewer_eventMarkers__TL4ep{position:sticky;top:0;height:calc(100% + 2 * var(--timeline-padding));overflow:hidden}.trace-viewer_eventMarker__LTOJz{position:absolute;border-left:1px dotted var(--ds-gray-500);height:100%}.trace-viewer_cursorMarkerStickyParent__fBYPl{position:absolute;left:0;top:-8px;width:var(--timeline-scroll-width);height:calc(100% + 2 * var(--timeline-padding));pointer-events:none}.trace-viewer_cursorMarkerLabelContainer__3nvXM{position:sticky;top:0;left:0;display:none;width:1px;height:100%;z-index:5;pointer-events:none}.trace-viewer_cursorMarkerLabel__G1GEQ{position:sticky;top:4px;width:1px;height:var(--marker-height);background-color:var(--marker-color);&[data-text]:before{margin:0;position:absolute;left:0;top:0;padding:0 6px;height:18px;line-height:16px;transform:translateX(-50%);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);content:attr(data-text)}&[data-align=left]:before{left:-6px;transform:unset}&[data-align=right]:before{left:unset;right:-6px;transform:unset}}.trace-viewer_cursorMarkerContainer__6iYUy{position:sticky;top:0;width:1px;height:100%;pointer-events:none}.trace-viewer_cursorMarker__ZRhrA{position:sticky;top:0;width:1px;height:100%;display:none;background-color:var(--marker-color);z-index:1}.trace-viewer_cursorSelection__RCPRm{position:absolute;top:0;height:100%;display:none;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;background-color:var(--ds-gray-100);border-inline:1px solid var(--ds-gray-300);&:after,&:before{position:sticky;bottom:8px;padding:0 6px;height:18px;line-height:16px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);white-space:nowrap}&:before{margin-left:8px;content:attr(data-range)}&:after{margin-right:8px;content:attr(data-duration)}}@keyframes trace-viewer_span-skeleton__AvhUy{0%{opacity:.6}to{opacity:.3}}.trace-viewer_traceViewer__8he63{&.trace-viewer_skeleton__HHaHu{& *{pointer-events:none!important}& .trace-viewer_mapCanvas__0UJOT,& .trace-viewer_markerLabel__k5WI7{display:none}& .trace-viewer_spanNode__RjdWo{animation:trace-viewer_span-skeleton__AvhUy 1s infinite alternate;& *{display:none}}& .trace-viewer_zoomButtonTraceViewer__D4Lqw{display:none}}& .trace-viewer_markers__phdeo{border-top:1px solid var(--marker-color);border-bottom:none}& .trace-viewer_marker__qcenH.trace-viewer_notch__U_RW0{top:0}& .trace-viewer_markerLabel__k5WI7{bottom:3px}& .trace-viewer_cursorMarkerLabel__G1GEQ{top:8px}}.trace-viewer_timeline__omxsu:hover{& .trace-viewer_cursorMarkerLabelContainer__3nvXM,& .trace-viewer_cursorMarker__ZRhrA{display:block}}.trace-viewer_searchBar__fqBPw{position:absolute;left:0;top:var(--search-gap);display:flex;flex-direction:row;gap:var(--search-gap);width:100%;padding-inline:var(--search-gap);height:var(--search-height)}.trace-viewer_searchInput__9pXpo{flex:0 1 100%;position:relative;height:var(--search-height);background:var(--ds-background-100)}.trace-viewer_searchInputLabel__Ki6la{display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 0 0 1px var(--border-color,var(--ds-gray-alpha-400));& input{margin-left:-16px;padding-inline:12px;font-family:inherit;font-size:14px;background:transparent;border:none;outline:none;&::-webkit-search-cancel-button,&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none}}}.trace-viewer_searchInputPrefix__vMKU7{width:var(--search-height);height:var(--search-height);display:flex;align-items:center;justify-content:center;color:var(--ds-gray-800)}.trace-viewer_mapContainer__slemC{position:absolute;left:0;top:calc(var(--search-height) + 2 * var(--search-gap));cursor:move}.trace-viewer_mapCanvas__0UJOT{position:absolute;left:0;top:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.dark .trace-viewer_mapCanvas__0UJOT,.dark-theme .trace-viewer_mapCanvas__0UJOT{mix-blend-mode:screen}@media (prefers-color-scheme:dark){:root:not(.light) .trace-viewer_mapCanvas__0UJOT{mix-blend-mode:screen}}.trace-viewer_mapThumb__uGh8v{position:absolute;top:0;height:var(--map-height);background:var(--ds-gray-alpha-200);border:1px solid var(--ds-gray-alpha-400);border-radius:3px;box-shadow:var(--ds-shadow-small);transform:translateX(var(--timeline-padding));pointer-events:none}.trace-viewer_spanDetailPanelTraceViewer__cr4L3,.trace-viewer_traceViewer__8he63{--border-color:var(--ds-gray-300);--marker-color:var(--ds-gray-300)}.trace-viewer_traceViewer__8he63{--scrollbar-width:0;position:relative;display:flex;font-family:var(--font-sans);text-rendering:optimizeLegibility;text-size-adjust:100%;background-color:var(--ds-background-200);& button{font-family:inherit}}.trace-viewer_traceViewerContent__T7h1G{position:absolute;left:0;top:calc(var(--search-height) + 3 * var(--search-gap) + var(--map-height));width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:calc(var(--timeline-height) - 2 * var(--timeline-padding) - var(--scrollbar-width) - var(--marker-height) - var(--search-height));&.trace-viewer_inert__4Vm6G{display:none}}.trace-viewer_timeline__omxsu{width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:var(--timeline-height);font-size:13px;overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative}.trace-viewer_zoomButtonTraceViewer__D4Lqw{position:absolute;bottom:calc(-12px - var(--search-height) - var(--scrollbar-width));right:calc(var(--scrollbar-width) + 12px);z-index:10}.trace-viewer_spanDetailPanelTraceViewer__cr4L3{position:absolute;margin-top:-1px;right:0;top:calc(var(--search-height) + 2 * var(--search-gap) + var(--map-height) + 9px);width:var(--panel-width);height:var(--panel-height);border-top:1px solid var(--ds-gray-200);border-left:1px solid var(--ds-gray-200);background-color:var(--geist-background);z-index:10;&.trace-viewer_hidden__mlpPM{display:none}&.trace-viewer_mobile__NWGVd{--panel-width:calc(var(--timeline-width) + 2 * var(--timeline-padding));--panel-height:var(--height);top:0;border-left:none}}.workflow-trace_spanPending__p7rdl,.workflow-trace_spanRunning__1efX_{--span-background:var(--ds-blue-200);--span-border:var(--ds-blue-500);--span-line:var(--ds-blue-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-blue-900)}.workflow-trace_spanCompleted__9NwVS{--span-background:var(--ds-green-200);--span-border:var(--ds-green-500);--span-line:var(--ds-green-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-green-900)}.workflow-trace_spanCancelled___ORjw,.workflow-trace_spanPaused__Ffg_N{--span-background:var(--ds-amber-200);--span-border:var(--ds-amber-500);--span-line:var(--ds-amber-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-amber-900)}.workflow-trace_spanFailed__jtT9c{--span-background:var(--ds-red-200);--span-border:var(--ds-red-500);--span-line:var(--ds-red-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-red-900)}.workflow-trace_spanPendingStriped___Khxv{--span-background:repeating-linear-gradient(45deg,var(--ds-blue-200),var(--ds-blue-200) 10px,color-mix(in srgb,var(--ds-blue-200) 70%,white) 10px,color-mix(in srgb,var(--ds-blue-200) 70%,white) 20px);--span-border:var(--ds-blue-500);--span-line:var(--ds-blue-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-blue-900)}.workflow-trace_spanSleep__HrTwd{--span-background:var(--ds-amber-200);--span-border:var(--ds-amber-500);--span-line:var(--ds-amber-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-amber-900)}.workflow-trace_spanHook__XG6r_{--span-background:var(--ds-gray-200);--span-border:var(--ds-gray-500);--span-line:var(--ds-gray-400);--span-text:var(--ds-gray-1000);--span-secondary:var(--ds-gray-900)}.workflow-trace_eventFailed__3C_AS{--event-color:var(--ds-red-600);--span-background:var(--ds-red-100);--span-border:var(--ds-red-500);--span-text:var(--ds-red-900);--span-secondary:var(--ds-red-700)}.workflow-trace_eventRetrying__Sm5qS{--event-color:var(--ds-amber-600);--span-background:var(--ds-amber-100);--span-border:var(--ds-amber-500);--span-text:var(--ds-amber-900);--span-secondary:var(--ds-amber-700)}.workflow-trace_eventHook__vpVmv{--event-color:var(--ds-purple-600);--span-background:var(--ds-purple-100);--span-border:var(--ds-purple-500);--span-text:var(--ds-purple-900);--span-secondary:var(--ds-purple-700)}.workflow-trace_eventDefault__h2jbU{--event-color:var(--ds-blue-600);--span-background:var(--ds-blue-100);--span-border:var(--ds-blue-500);--span-text:var(--ds-blue-900);--span-secondary:var(--ds-blue-700)}