@workflow/web 4.0.1-beta.11 → 4.0.1-beta.13

package/.next/static/chunks/8f0576d510d06c4c.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,9737,e=>{e.v("/_next/static/media/worker.e575ad4f.js")},25311,64511,e=>{"use strict";function t([e,t]){return 1e3*e+t/1e6}function r(e){return[Math.floor(e/1e3),e%1e3*1e3]}e.i(51433);let n=new Intl.NumberFormat(void 0,{maximumFractionDigits:2});function a(e){return 0===e?"0":e>=1e3?`${n.format(e/1e3)}s`:`${n.format(e)}ms`}let s=new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2});function i(e){return e>=1e3?`${s.format(e/1e3)}s`:`${s.format(e)}ms`}e.s(["formatDuration",()=>a,"formatTimeSelection",()=>i,"getHighResInMs",()=>t,"getMsInHighRes",()=>r],64511);let o=e=>{if(!e.events.length)return;let r=`${e.spanId}:ev`;return e.events.map((e,n)=>({key:`${r}${n}`,timestamp:t(e.timestamp),event:e})).sort((e,t)=>e.timestamp-t.timestamp)};e.s(["addToRow",0,(e,t,r)=>{let n=t.parent;for(let a=(n?.row||-1)+1;;++a){let n=e[a];if(n){if(!n.every(({startTime:e,endTime:n})=>e+r>t.endTime||n-r<t.startTime))continue}else n=[],e.push(n);t.row=a,n.push(t);break}},"adjustSpanVisibility",0,(e,t)=>(e.isVisible=!0,e.isHovered=!1,e.isVisible),"parseTrace",0,e=>{let{spans:n}=e,a={startTime:0,endTime:0,duration:0,depth:0,children:[]},s={},i=new Map,l=e=>{let t=i.get(e);if(t)return t;let r=i.size+1;return i.set(e,r),r},d=!1;for(let e of n){let r,n=t(e.startTime),i=t(e.endTime),c=t(e.duration);i>a.endTime&&(a.endTime=i,a.duration=i-a.startTime),(0===a.startTime||n<a.startTime)&&(a.startTime=n,a.duration=a.endTime-n);let u=e.resource.startsWith("vercel.");u||(d=!0);let h=u&&("vercel.serverless-runtime"!==e.resource||!("http.method"in e.attributes)),m=h?0:l(e.resource);h&&(r=`▲ ${e.name}`),s[e.spanId]={parent:null,startTime:n,endTime:i,duration:c,span:e,depth:0,label:r,events:o(e),isVercel:h,children:[],resourceIndex:m}}let c=(e,t)=>{let r;t&&(r=s[t])||(r=a),e.parent=r,r.children.push(e)},u=e=>{for(let t of("parent"in e&&(e.depth=e.parent.depth+1),e.children))u(t)},h=1,m=(e,t)=>{if("parent"in e&&e.span.name===t){let t=e.endTime,n=e=>e.children.length?e.children.map(n).sort((e,t)=>e.duration-t.duration)[0]||e:"waitUntil"===e.span.name?(t=e.startTime,e.parent):e,a=n(e),i=`instrumentation-hint-${h++}`,o=.05*e.duration,l=e.startTime+o,d=Math.max(l+o,Math.min(t-.01*e.duration,e.endTime-o)),c=d-l,u={parent:a,startTime:l,endTime:d,duration:c,span:{spanId:i,name:"Add your spans here",resource:"",kind:0,library:{name:""},status:{code:200},traceFlags:0,attributes:{},links:[],events:[],startTime:r(l),endTime:r(d),duration:r(c)},depth:e.depth+1,isVercel:!1,isInstrumentationHint:!0,children:[],resourceIndex:1};return a.children.push(u),s[i]=u,!0}for(let r of e.children)if(m(r,t))return!0;return!1};for(let e of Object.values(s))c(e,e.span.parentSpanId);if(u(a),!d){for(let e of["Invoke Function","Invoke Middleware","Vercel Runtime"])if(m(a,e))break}return{root:a,map:s}}],25311)},44619,e=>{"use strict";var t=e.i(3334),r=e.i(87122),n=e.i(48869),a=e.i(38153),s=e.i(92421),i=e.i(39392),o=e.i(32713),l=e.i(11518),d=e.i(16467);function c(e,t){let r=(0,d.toDate)(e,t?.in);return r.setHours(0,0,0,0),r}function u(e,t,r){let[n,a]=(0,i.normalizeDates)(r?.in,e,t),s=c(n),d=c(a);return Math.round((s-(0,o.getTimezoneOffsetInMilliseconds)(s)-(d-(0,o.getTimezoneOffsetInMilliseconds)(d)))/l.millisecondsInDay)}function h(e,t){let r=(0,s.getDefaultOptions)(),n=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,a=(0,d.toDate)(e,t?.in),i=a.getDay();return a.setDate(a.getDate()-(7*(i<n)+i-n)),a.setHours(0,0,0,0),a}function m(e,t){return h(e,{...t,weekStartsOn:1})}function f(e,t){let n=(0,d.toDate)(e,t?.in),a=n.getFullYear(),s=(0,r.constructFrom)(n,0);s.setFullYear(a+1,0,4),s.setHours(0,0,0,0);let i=m(s),o=(0,r.constructFrom)(n,0);o.setFullYear(a,0,4),o.setHours(0,0,0,0);let l=m(o);return n.getTime()>=i.getTime()?a+1:n.getTime()>=l.getTime()?a:a-1}function g(e,t){let n=(0,d.toDate)(e,t?.in),a=n.getFullYear(),i=(0,s.getDefaultOptions)(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,l=(0,r.constructFrom)(t?.in||e,0);l.setFullYear(a+1,0,o),l.setHours(0,0,0,0);let c=h(l,t),u=(0,r.constructFrom)(t?.in||e,0);u.setFullYear(a,0,o),u.setHours(0,0,0,0);let m=h(u,t);return+n>=+c?a+1:+n>=+m?a:a-1}function x(e,t){let r=Math.abs(e).toString().padStart(t,"0");return(e<0?"-":"")+r}let w={y(e,t){let r=e.getFullYear(),n=r>0?r:1-r;return x("yy"===t?n%100:n,t.length)},M(e,t){let r=e.getMonth();return"M"===t?String(r+1):x(r+1,2)},d:(e,t)=>x(e.getDate(),t.length),a(e,t){let r=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.toUpperCase();case"aaa":return r;case"aaaaa":return r[0];default:return"am"===r?"a.m.":"p.m."}},h:(e,t)=>x(e.getHours()%12||12,t.length),H:(e,t)=>x(e.getHours(),t.length),m:(e,t)=>x(e.getMinutes(),t.length),s:(e,t)=>x(e.getSeconds(),t.length),S(e,t){let r=t.length;return x(Math.trunc(e.getMilliseconds()*Math.pow(10,r-3)),t.length)}},p={G:function(e,t,r){let n=+(e.getFullYear()>0);switch(t){case"G":case"GG":case"GGG":return r.era(n,{width:"abbreviated"});case"GGGGG":return r.era(n,{width:"narrow"});default:return r.era(n,{width:"wide"})}},y:function(e,t,r){if("yo"===t){let t=e.getFullYear();return r.ordinalNumber(t>0?t:1-t,{unit:"year"})}return w.y(e,t)},Y:function(e,t,r,n){let a=g(e,n),s=a>0?a:1-a;return"YY"===t?x(s%100,2):"Yo"===t?r.ordinalNumber(s,{unit:"year"}):x(s,t.length)},R:function(e,t){return x(f(e),t.length)},u:function(e,t){return x(e.getFullYear(),t.length)},Q:function(e,t,r){let n=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return x(n,2);case"Qo":return r.ordinalNumber(n,{unit:"quarter"});case"QQQ":return r.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return r.quarter(n,{width:"narrow",context:"formatting"});default:return r.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,t,r){let n=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return x(n,2);case"qo":return r.ordinalNumber(n,{unit:"quarter"});case"qqq":return r.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return r.quarter(n,{width:"narrow",context:"standalone"});default:return r.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,t,r){let n=e.getMonth();switch(t){case"M":case"MM":return w.M(e,t);case"Mo":return r.ordinalNumber(n+1,{unit:"month"});case"MMM":return r.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return r.month(n,{width:"narrow",context:"formatting"});default:return r.month(n,{width:"wide",context:"formatting"})}},L:function(e,t,r){let n=e.getMonth();switch(t){case"L":return String(n+1);case"LL":return x(n+1,2);case"Lo":return r.ordinalNumber(n+1,{unit:"month"});case"LLL":return r.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return r.month(n,{width:"narrow",context:"standalone"});default:return r.month(n,{width:"wide",context:"standalone"})}},w:function(e,t,n,a){let i,o,c,u,m,f=Math.round((h(i=(0,d.toDate)(e,a?.in),a)-(o=(0,s.getDefaultOptions)(),c=a?.firstWeekContainsDate??a?.locale?.options?.firstWeekContainsDate??o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,u=g(i,a),(m=(0,r.constructFrom)(a?.in||i,0)).setFullYear(u,0,c),m.setHours(0,0,0,0),h(m,a)))/l.millisecondsInWeek)+1;return"wo"===t?n.ordinalNumber(f,{unit:"week"}):x(f,t.length)},I:function(e,t,n){let a,s,i,o=Math.round((m(a=(0,d.toDate)(e,void 0))-(s=f(a,void 0),(i=(0,r.constructFrom)(a,0)).setFullYear(s,0,4),i.setHours(0,0,0,0),m(i)))/l.millisecondsInWeek)+1;return"Io"===t?n.ordinalNumber(o,{unit:"week"}):x(o,t.length)},d:function(e,t,r){return"do"===t?r.ordinalNumber(e.getDate(),{unit:"date"}):w.d(e,t)},D:function(e,t,r){let n,a,s=u(n=(0,d.toDate)(e,void 0),((a=(0,d.toDate)(n,void 0)).setFullYear(a.getFullYear(),0,1),a.setHours(0,0,0,0),a))+1;return"Do"===t?r.ordinalNumber(s,{unit:"dayOfYear"}):x(s,t.length)},E:function(e,t,r){let n=e.getDay();switch(t){case"E":case"EE":case"EEE":return r.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return r.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(n,{width:"short",context:"formatting"});default:return r.day(n,{width:"wide",context:"formatting"})}},e:function(e,t,r,n){let a=e.getDay(),s=(a-n.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return x(s,2);case"eo":return r.ordinalNumber(s,{unit:"day"});case"eee":return r.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return r.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(a,{width:"short",context:"formatting"});default:return r.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,r,n){let a=e.getDay(),s=(a-n.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return x(s,t.length);case"co":return r.ordinalNumber(s,{unit:"day"});case"ccc":return r.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return r.day(a,{width:"narrow",context:"standalone"});case"cccccc":return r.day(a,{width:"short",context:"standalone"});default:return r.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,r){let n=e.getDay(),a=0===n?7:n;switch(t){case"i":return String(a);case"ii":return x(a,t.length);case"io":return r.ordinalNumber(a,{unit:"day"});case"iii":return r.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return r.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return r.day(n,{width:"short",context:"formatting"});default:return r.day(n,{width:"wide",context:"formatting"})}},a:function(e,t,r){let n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,t,r){let n,a=e.getHours();switch(n=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",t){case"b":case"bb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,t,r){let n,a=e.getHours();switch(n=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",t){case"B":case"BB":case"BBB":return r.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return r.dayPeriod(n,{width:"narrow",context:"formatting"});default:return r.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,t,r){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),r.ordinalNumber(t,{unit:"hour"})}return w.h(e,t)},H:function(e,t,r){return"Ho"===t?r.ordinalNumber(e.getHours(),{unit:"hour"}):w.H(e,t)},K:function(e,t,r){let n=e.getHours()%12;return"Ko"===t?r.ordinalNumber(n,{unit:"hour"}):x(n,t.length)},k:function(e,t,r){let n=e.getHours();return(0===n&&(n=24),"ko"===t)?r.ordinalNumber(n,{unit:"hour"}):x(n,t.length)},m:function(e,t,r){return"mo"===t?r.ordinalNumber(e.getMinutes(),{unit:"minute"}):w.m(e,t)},s:function(e,t,r){return"so"===t?r.ordinalNumber(e.getSeconds(),{unit:"second"}):w.s(e,t)},S:function(e,t){return w.S(e,t)},X:function(e,t,r){let n=e.getTimezoneOffset();if(0===n)return"Z";switch(t){case"X":return j(n);case"XXXX":case"XX":return k(n);default:return k(n,":")}},x:function(e,t,r){let n=e.getTimezoneOffset();switch(t){case"x":return j(n);case"xxxx":case"xx":return k(n);default:return k(n,":")}},O:function(e,t,r){let n=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+b(n,":");default:return"GMT"+k(n,":")}},z:function(e,t,r){let n=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+b(n,":");default:return"GMT"+k(n,":")}},t:function(e,t,r){return x(Math.trunc(e/1e3),t.length)},T:function(e,t,r){return x(+e,t.length)}};function b(e,t=""){let r=e>0?"-":"+",n=Math.abs(e),a=Math.trunc(n/60),s=n%60;return 0===s?r+String(a):r+String(a)+t+x(s,2)}function j(e,t){return e%60==0?(e>0?"-":"+")+x(Math.abs(e)/60,2):k(e,t)}function k(e,t=""){let r=Math.abs(e);return(e>0?"-":"+")+x(Math.trunc(r/60),2)+t+x(r%60,2)}let v=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},y=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},N={p:y,P:(e,t)=>{let r,n=e.match(/(P+)(p+)?/)||[],a=n[1],s=n[2];if(!s)return v(e,t);switch(a){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;default:r=t.dateTime({width:"full"})}return r.replace("{{date}}",v(a,t)).replace("{{time}}",y(s,t))}},T=/^D+$/,S=/^Y+$/,M=["D","DD","YY","YYYY"],D=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,C=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,I=/^'([^]*?)'?$/,P=/''/g,R=/[a-zA-Z]/;var E=e.i(84705),O=e.i(38322);function $({date:e,className:o="",type:l="relative"}){var c,h;let[,m]=(0,E.useState)(Date.now());"string"==typeof e&&(e=new Date(e));let f="relative"===l?function(e,t,r){let n,[o,l]=(0,i.normalizeDates)(void 0,e,t),c=(0,s.getDefaultOptions)(),h=(void 0)??c.locale??a.defaultLocale,m=(void 0)??void 0??c.weekStartsOn??c.locale?.options?.weekStartsOn??0,f=u(o,l);if(isNaN(f))throw RangeError("Invalid time value");n=f<-6?"other":f<-1?"lastWeek":f<0?"yesterday":f<1?"today":f<2?"tomorrow":f<7?"nextWeek":"other";let g=h.formatRelative(n,o,l,{locale:h,weekStartsOn:m});return function(e,t,r){let n=(0,s.getDefaultOptions)(),i=r?.locale??n.locale??a.defaultLocale,o=r?.firstWeekContainsDate??r?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,l=r?.weekStartsOn??r?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,c=(0,d.toDate)(e,r?.in);if(!(c instanceof Date||"object"==typeof c&&"[object Date]"===Object.prototype.toString.call(c))&&"number"!=typeof c||isNaN(+(0,d.toDate)(c)))throw RangeError("Invalid time value");let u=t.match(C).map(e=>{let t=e[0];return"p"===t||"P"===t?(0,N[t])(e,i.formatLong):e}).join("").match(D).map(e=>{if("''"===e)return{isToken:!1,value:"'"};let t=e[0];if("'"===t){var r;let t;return{isToken:!1,value:(t=(r=e).match(I))?t[1].replace(P,"'"):r}}if(p[t])return{isToken:!0,value:e};if(t.match(R))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(u=i.localize.preprocessor(c,u));let h={firstWeekContainsDate:o,weekStartsOn:l,locale:i};return u.map(n=>{if(!n.isToken)return n.value;let a=n.value;return(!r?.useAdditionalWeekYearTokens&&S.test(a)||!r?.useAdditionalDayOfYearTokens&&T.test(a))&&function(e,t,r){var n,a,s;let i,o=(n=e,a=t,s=r,i="Y"===n[0]?"years":"days of the month",`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${a}\`) for formatting ${i} to the input \`${s}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`);if(console.warn(o),M.includes(e))throw RangeError(o)}(a,t,String(e)),(0,p[a[0]])(c,a,i.localize,h)}).join("")}(o,g,{locale:h,weekStartsOn:m})}(new Date(e),new Date):(c=new Date(e),h={addSuffix:!0},(0,n.formatDistanceStrict)(c,(0,r.constructFrom)(c,Date.now()),h)),g=new Date(e).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});return(0,E.useEffect)(()=>{let e=setInterval(()=>{m(Date.now())},1e3);return()=>clearInterval(e)},[]),(0,t.jsxs)(O.Tooltip,{children:[(0,t.jsx)(O.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("span",{className:`${o} cursor-help border-b border-dotted`,children:f})}),(0,t.jsx)(O.TooltipContent,{children:(0,t.jsx)("p",{children:g})})]})}e.s(["RelativeTime",()=>$],44619)},13087,e=>{"use strict";var t=e.i(3334),r=e.i(65458);function n({className:e,...n}){return(0,t.jsx)("div",{className:(0,r.cn)("animate-pulse rounded-md bg-muted",e),...n})}e.s(["Skeleton",()=>n])},51675,e=>{"use strict";var t=e.i(3334),r=e.i(38322);function n({status:e,context:n,className:a}){let s=()=>{switch(e){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"===e&&n?.error){let i="string"==typeof n.error?n.error:n.error instanceof Error?n.error.message:JSON.stringify(n.error);return(0,t.jsxs)(r.Tooltip,{children:[(0,t.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("span",{className:`${a} border-b border-dotted cursor-help ${s()}`,children:e})}),(0,t.jsx)(r.TooltipContent,{className:"max-w-md",children:(0,t.jsx)("p",{className:"text-xs whitespace-pre-wrap break-words",children:i})})]})}return(0,t.jsx)("span",{className:`${a} ${s()}`,children:e})}e.s(["StatusBadge",()=>n])},30997,e=>{"use strict";var t=e.i(3334),r=e.i(16028),n=e.i(19303);e.i(69764);var a=e.i(31875),s=e.i(6886),i=e.i(3614),o=e.i(86288);let l=(0,o.default)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),d=(0,o.default)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var c=e.i(25449),u=e.i(84705),h=e.i(56944),m=e.i(60218),f=e.i(2718),g=e.i(65458);let x=u.forwardRef(({className:e,href:r,children:n,...a},s)=>{let i=r.startsWith("http")?r:`https://useworkflow.dev/docs/${r.replace(/^\//,"")}`;return(0,t.jsx)(f.default,{href:i,className:(0,g.cn)("font-medium underline underline-offset-4 transition-colors",e),style:{color:"var(--ds-blue-600)"},target:"_blank",rel:"noopener noreferrer",ref:s,...a,children:n})});x.displayName="DocsLink";let w=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("div",{className:"relative w-full overflow-auto",children:(0,t.jsx)("table",{ref:n,className:(0,g.cn)("w-full caption-bottom text-sm",e),...r})}));w.displayName="Table";let p=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("thead",{ref:n,className:(0,g.cn)("[&_tr]:border-b",e),...r}));p.displayName="TableHeader";let b=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("tbody",{ref:n,className:(0,g.cn)("[&_tr:last-child]:border-0",e),...r}));b.displayName="TableBody",u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("tfoot",{ref:n,className:(0,g.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...r})).displayName="TableFooter";let j=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("tr",{ref:n,className:(0,g.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...r}));j.displayName="TableRow";let k=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("th",{ref:n,className:(0,g.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",e),...r}));k.displayName="TableHead";let v=u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("td",{ref:n,className:(0,g.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...r}));v.displayName="TableCell",u.forwardRef(({className:e,...r},n)=>(0,t.jsx)("caption",{ref:n,className:(0,g.cn)("mt-4 text-sm text-muted-foreground",e),...r})).displayName="TableCaption";var y=e.i(38322),N=e.i(20486),T=e.i(44619),S=e.i(13087);function M({rows:e=g.DEFAULT_PAGE_SIZE}){return(0,t.jsx)("div",{className:"w-full",children:(0,t.jsxs)("div",{className:"space-y-3",style:{minHeight:"512px"},children:[(0,t.jsx)(S.Skeleton,{className:"h-[40px] p-1 w-full"}),(0,t.jsx)("div",{className:"border-b border-gray-alpha-400 w-full"}),Array.from({length:e},(e,r)=>(0,t.jsxs)("div",{className:"flex gap-4 py-3",children:[(0,t.jsx)(S.Skeleton,{className:"h-4 w-1/4"}),(0,t.jsx)(S.Skeleton,{className:"h-4 w-1/4"}),(0,t.jsx)(S.Skeleton,{className:"h-4 w-1/6"}),(0,t.jsx)(S.Skeleton,{className:"h-4 w-1/6"}),(0,t.jsx)(S.Skeleton,{className:"h-4 w-1/6"})]},`skeleton-row-${r}`)),(0,t.jsxs)("div",{className:"mt-6 flex w-full justify-between",children:[(0,t.jsx)(S.Skeleton,{className:"h-4 w-12"}),(0,t.jsx)(S.Skeleton,{className:"h-8 w-1/6"})]})]})})}function D({config:e,runId:r,onHookClick:n,selectedHookId:o}){let[f,g]=(0,u.useState)(()=>new Date),S=(0,u.useMemo)(()=>(0,N.worldConfigToEnvMap)(e),[e]),{data:D,error:C,nextPage:I,previousPage:P,hasNextPage:R,hasPreviousPage:E,reload:O,pageInfo:$}=(0,a.useWorkflowHooks)(S,{runId:r,sortOrder:"desc"}),F=D.isLoading,H=D.data??[],[L,A]=(0,u.useState)(new Map);return(0,u.useEffect)(()=>{H.length&&(async()=>{let e=new Map;for(let t of H)e.set(t.hookId,{count:0,hasMore:!1,loading:!0});A(e);let t=await Promise.allSettled(H.map(async e=>{try{let t=await (0,s.fetchEventsByCorrelationId)(S,e.hookId,{sortOrder:"asc",limit:100});if(!t.success)return{hookId:e.hookId,count:Error(t.error?.message||"Failed to fetch events"),hasMore:!1};let r=t.data,n=r.data.filter(e=>"hook_received"===e.eventType).length;return{hookId:e.hookId,count:n,hasMore:r.hasMore}}catch(t){return{hookId:e.hookId,count:t,hasMore:!1}}}));A(e=>{let r=new Map(e);for(let e=0;e<t.length;e++){let n=t[e],a=H[e].hookId;"fulfilled"===n.status?r.set(n.value.hookId,{count:n.value.count,hasMore:n.value.hasMore,loading:!1}):r.set(a,{count:0,hasMore:!1,loading:!1})}return r})})()},[H,S]),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between my-4",children:[(0,t.jsx)("h2",{className:"text-2xl my-2 font-semibold leading-none tracking-tight",children:"Hooks"}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[f&&(0,t.jsx)(T.RelativeTime,{date:f,className:"text-sm text-muted-foreground",type:"distance"}),(0,t.jsxs)(y.Tooltip,{children:[(0,t.jsx)(y.TooltipTrigger,{asChild:!0,children:(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:()=>{g(()=>new Date),O()},disabled:F,children:[(0,t.jsx)(c.RefreshCw,{className:F?"animate-spin":""}),"Refresh"]})}),(0,t.jsx)(y.TooltipContent,{children:"Note that this resets pages"})]})]})]}),C?(0,t.jsxs)(h.Alert,{variant:"destructive",children:[(0,t.jsx)(i.AlertCircle,{className:"h-4 w-4"}),(0,t.jsx)(h.AlertTitle,{children:"Error loading hooks"}),(0,t.jsx)(h.AlertDescription,{children:(0,a.getErrorMessage)(C)})]}):F||H&&0!==H.length?F&&!D?.data?(0,t.jsx)(M,{}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(w,{children:[(0,t.jsx)(p,{children:(0,t.jsxs)(j,{children:[(0,t.jsx)(k,{children:"Hook ID"}),(0,t.jsx)(k,{children:"Run ID"}),(0,t.jsx)(k,{children:"Token"}),(0,t.jsx)(k,{children:"Created"}),(0,t.jsx)(k,{children:"Invocations"})]})}),(0,t.jsx)(b,{children:H.map(e=>(0,t.jsxs)(j,{className:"cursor-pointer group relative",onClick:()=>n(e.hookId,e.runId),"data-selected":e.hookId===o,children:[(0,t.jsx)(v,{className:"font-mono text-xs",children:e.hookId}),(0,t.jsx)(v,{className:"font-mono text-xs",children:e.runId}),(0,t.jsxs)(v,{className:"font-mono text-xs",children:[e.token.substring(0,12),"..."]}),(0,t.jsx)(v,{children:e.createdAt?(0,t.jsx)(T.RelativeTime,{date:e.createdAt}):"-"}),(0,t.jsx)(v,{children:(e=>{let r=L.get(e.hookId);if(!r||r.loading)return(0,t.jsx)("span",{className:"text-muted-foreground text-xs",children:"..."});if(r.count instanceof Error)return(0,t.jsx)("span",{className:"text-muted-foreground",children:"Error"});if(0===r.count)return(0,t.jsx)("span",{className:"text-muted-foreground",children:"0"});let n=r.hasMore?`${r.count}+`:`${r.count}`;return r.hasMore?(0,t.jsxs)(y.Tooltip,{children:[(0,t.jsx)(y.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("span",{className:"font-semibold cursor-help",children:n})}),(0,t.jsx)(y.TooltipContent,{children:(0,t.jsx)("div",{className:"text-xs",children:"Showing first 100 invocations. There may be more."})})]}):(0,t.jsx)("span",{className:"font-semibold",children:n})})(e)})]},e.hookId))})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,t.jsx)("div",{className:"text-sm text-muted-foreground",children:$}),(0,t.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:P,disabled:!E,children:[(0,t.jsx)(l,{}),"Previous"]}),(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:I,disabled:!R,children:["Next",(0,t.jsx)(d,{})]})]})]})]}):(0,t.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No active hooks found."," ",(0,t.jsx)(x,{href:"https://useworkflow.dev/docs/api-reference/workflow/create-hook",children:"Learn how to create a hook"})]})]})}var C=e.i(60088);let I=(0,o.default)("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"}]]),P=(0,o.default)("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 R=e.i(46131),E=e.i(51675);let O={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 $({config:e,onRunClick:n}){let s=(0,r.useRouter)(),o=(0,r.usePathname)(),f=(0,r.useSearchParams)(),g=f.get("status"),S=Object.keys(O),D="all"===g||g&&S.includes(g)?g:void 0,$=f.get("workflow"),[F,H]=(0,u.useState)("desc"),[L,A]=(0,u.useState)(()=>new Date),Y=(0,u.useMemo)(()=>(0,N.worldConfigToEnvMap)(e),[e]),W=e.backend?.includes("vercel"),[z,B]=(0,u.useState)(new Set),{data:q,error:G,nextPage:Q,previousPage:U,hasNextPage:V,hasPreviousPage:X,reload:_,pageInfo:Z}=(0,a.useWorkflowRuns)(Y,{sortOrder:F,workflowName:"all"===$?void 0:$,status:"all"===D?void 0:D});(0,u.useEffect)(()=>{if(q.data&&q.data.length>0){let e=new Set(q.data.map(e=>e.workflowName));B(t=>{let r=new Set(t);for(let t of e)r.add(t);return r})}},[q.data]);let K=q.isLoading,J=(0,u.useCallback)((e,t)=>{let r=new URLSearchParams(f.toString());return r.set(e,t),r.toString()},[f]);return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between my-4",children:[(0,t.jsxs)("h2",{className:"text-2xl my-2 font-semibold leading-none tracking-tight flex gap-4 items-end",children:[(0,t.jsx)("span",{className:"flex items-center gap-2",children:"Runs"}),L&&(0,t.jsx)(T.RelativeTime,{date:L,className:"text-sm text-muted-foreground",type:"distance"})]}),(0,t.jsx)("div",{className:"flex items-center gap-4",children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(R.Select,{value:$??"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(f.toString());e.delete("workflow"),e.delete("status"),s.push(`${o}?${e.toString()}`)}else s.push(`${o}?${J("workflow",e)}`)},disabled:K,children:[(0,t.jsx)(R.SelectTrigger,{className:"w-[180px] h-9",children:(0,t.jsx)(R.SelectValue,{placeholder:"Filter by workflow"})}),(0,t.jsxs)(R.SelectContent,{children:[(0,t.jsx)(R.SelectItem,{value:"all",children:"All Workflows"}),Array.from(z).sort().map(e=>(0,t.jsx)(R.SelectItem,{value:e,children:(0,C.parseWorkflowName)(e)?.shortName||e},e))]})]}),(0,t.jsxs)(y.Tooltip,{children:[(0,t.jsx)(y.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("div",{children:(0,t.jsxs)(R.Select,{value:D||"all",onValueChange:e=>{if("all"===e){let e=new URLSearchParams(f.toString());e.delete("status"),s.push(`${o}?${e.toString()}`)}else s.push(`${o}?${J("status",e)}`)},disabled:K||W&&!$,children:[(0,t.jsx)(R.SelectTrigger,{className:"w-[140px] h-9",children:(0,t.jsx)(R.SelectValue,{placeholder:"Filter by status"})}),(0,t.jsxs)(R.SelectContent,{children:[(0,t.jsx)(R.SelectItem,{value:"all",children:"Any status"}),Object.entries(O).map(([e,{label:r,color:n}])=>(0,t.jsx)(R.SelectItem,{value:e,children:(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("span",{className:`${n} size-1.5 rounded-full mr-2`}),r]})},e))]})]})})}),(0,t.jsx)(y.TooltipContent,{children:W&&"all"===$?"Select a workflow first to filter by status":"Filter runs by status"})]}),(0,t.jsxs)(y.Tooltip,{children:[(0,t.jsx)(y.TooltipTrigger,{asChild:!0,children:(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:()=>{H(e=>"desc"===e?"asc":"desc")},disabled:K,children:["desc"===F?(0,t.jsx)(I,{className:"h-4 w-4"}):(0,t.jsx)(P,{className:"h-4 w-4"}),"desc"===F?"Newest":"Oldest"]})}),(0,t.jsx)(y.TooltipContent,{children:"desc"===F?"Showing newest first":"Showing oldest first"})]}),(0,t.jsxs)(y.Tooltip,{children:[(0,t.jsx)(y.TooltipTrigger,{asChild:!0,children:(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:()=>{A(()=>new Date),_()},disabled:K,children:[(0,t.jsx)(c.RefreshCw,{className:K?"animate-spin":""}),"Refresh"]})}),(0,t.jsx)(y.TooltipContent,{children:"Note that this resets pages"})]})]})})]}),G?(0,t.jsxs)(h.Alert,{variant:"destructive",children:[(0,t.jsx)(i.AlertCircle,{className:"h-4 w-4"}),(0,t.jsx)(h.AlertTitle,{children:"Error loading runs"}),(0,t.jsx)(h.AlertDescription,{children:(0,a.getErrorMessage)(G)})]}):K&&!q?.data?(0,t.jsx)(M,{}):K||q.data&&0!==q.data.length?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(w,{children:[(0,t.jsx)(p,{children:(0,t.jsxs)(j,{children:[(0,t.jsx)(k,{children:"Workflow"}),(0,t.jsx)(k,{children:"Run ID"}),(0,t.jsx)(k,{children:"Status"}),(0,t.jsx)(k,{children:"Started"}),(0,t.jsx)(k,{children:"Completed"})]})}),(0,t.jsx)(b,{children:q.data?.map(e=>(0,t.jsxs)(j,{className:"cursor-pointer group relative",onClick:()=>n(e.runId),children:[(0,t.jsx)(v,{children:(0,C.parseWorkflowName)(e.workflowName)?.shortName||"?"}),(0,t.jsx)(v,{className:"font-mono text-xs",children:e.runId}),(0,t.jsx)(v,{children:(0,t.jsx)(E.StatusBadge,{status:e.status,context:e})}),(0,t.jsx)(v,{children:e.startedAt?(0,t.jsx)(T.RelativeTime,{date:e.startedAt}):"-"}),(0,t.jsx)(v,{children:e.completedAt?(0,t.jsx)(T.RelativeTime,{date:e.completedAt}):"-"})]},e.runId))})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,t.jsx)("div",{className:"text-sm text-muted-foreground",children:Z}),(0,t.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:U,disabled:!X,children:[(0,t.jsx)(l,{}),"Previous"]}),(0,t.jsxs)(m.Button,{variant:"outline",size:"sm",onClick:Q,disabled:!V,children:["Next",(0,t.jsx)(d,{})]})]})]})]}):(0,t.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No workflow runs found."," ",(0,t.jsx)(x,{href:"https://useworkflow.dev/docs/foundations/workflows-and-steps",children:"Learn how to create a workflow"})]})]})}function F(){let e=(0,r.useRouter)(),a=(0,r.useSearchParams)(),s=(0,N.useQueryParamConfig)(),i=a.get("sidebar"),o=a.get("hookId")||a.get("hook");return(0,t.jsxs)("div",{className:"space-y-6",children:[(0,t.jsx)(n.ErrorBoundary,{title:"Runs Error",description:"Failed to load workflow runs. Please try refreshing the page.",children:(0,t.jsx)($,{config:s,onRunClick:(t,r)=>{r?e.push((0,N.buildUrlWithConfig)(`/run/${t}/streams/${r}`,s)):e.push((0,N.buildUrlWithConfig)(`/run/${t}`,s))}})}),(0,t.jsx)(n.ErrorBoundary,{title:"Hooks Error",description:"Failed to load hooks. Please try refreshing the page.",children:(0,t.jsx)(D,{config:s,onHookClick:(t,r)=>{t?e.push((0,N.buildUrlWithConfig)(`/run/${r}`,s,{sidebar:"hook",hookId:t})):e.push((0,N.buildUrlWithConfig)(`/run/${r}`,s))},selectedHookId:"hook"===i&&o?o:void 0})})]})}e.s(["default",()=>F],30997)}]);

package/.next/static/chunks/971151b2a72b5f24.css

@@ -0,0 +1 @@
+.trace-viewer-module__m4L2Da__traceNode{position:relative}.trace-viewer-module__m4L2Da__childRow{flex-direction:row;align-items:flex-start;display:flex}.trace-viewer-module__m4L2Da__spanNode{background-color:var(--span-background);color:var(--span-text);border:1px solid var(--span-border);text-overflow:ellipsis;white-space:nowrap;box-shadow:var(--ds-shadow-small);content-visibility:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;border-radius:8px;flex-direction:row;align-items:center;padding:0;display:flex;position:absolute;overflow:hidden}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__huge{overflow:visible}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__huge .trace-viewer-module__m4L2Da__spanName{flex:0 auto;position:sticky;left:0}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__huge .trace-viewer-module__m4L2Da__spanSpacer{flex:1 0 0}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__huge .trace-viewer-module__m4L2Da__spanDuration{background-color:var(--span-background);box-shadow:-8px 0 16px 8px var(--span-background);padding-left:6px;position:sticky;right:0}.trace-viewer-module__m4L2Da__spanNode:after{width:var(--span-width);height:var(--row-height);content:"";position:absolute;top:-1px;left:-1px}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small:not(.trace-viewer-module__m4L2Da__xHover):after{top:-7px}.trace-viewer-module__m4L2Da__spanNode:hover:not(.trace-viewer-module__m4L2Da__selected){filter:brightness(.95)}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__xHover{z-index:3;min-width:var(--span-width);background:linear-gradient(90deg,var(--span-background)calc(var(--span-width) - 1px),var(--span-line),var(--geist-background)calc(var(--span-width) + 1px));max-width:75%}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__xHover[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-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__xHover .trace-viewer-module__m4L2Da__spanName{max-width:max(var(--span-width),40vw)}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__xHover .trace-viewer-module__m4L2Da__spanDuration{box-shadow:none;background:0 0}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small:not(.trace-viewer-module__m4L2Da__xHover){background-color:var(--span-background);border-color:var(--span-border);border-radius:4px}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__selected{outline:2px solid var(--span-border);outline-offset:-1px;border-width:2px}.trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__selected:hover{filter:brightness(.95)}.trace-viewer-module__m4L2Da__spanNodeEvent{height:var(--row-height);pointer-events:none;z-index:4;position:absolute}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__eventDiamond{--size:7px;--offset:-4px;left:var(--offset);bottom:calc(var(--offset) + 1px);width:var(--size);height:var(--size);border:1px solid var(--span-secondary);background:var(--span-background);transform-origin:50% 50% 0;border-radius:2px;position:absolute;transform:rotate(45deg)}.trace-viewer-module__m4L2Da__spanNodeEvent.trace-viewer-module__m4L2Da__customEventColor .trace-viewer-module__m4L2Da__eventDiamond{border-color:var(--event-color,var(--span-border));background:var(--event-color,var(--span-background));opacity:.8}.trace-viewer-module__m4L2Da__spanNodeEvent.trace-viewer-module__m4L2Da__customEventColor .trace-viewer-module__m4L2Da__hoverInfo{border-color:var(--span-border);background:var(--span-background)}.trace-viewer-module__m4L2Da__spanNodeEvent.trace-viewer-module__m4L2Da__customEventColor .trace-viewer-module__m4L2Da__hoverInfo .trace-viewer-module__m4L2Da__eventName{color:var(--span-text);font-weight:500}.trace-viewer-module__m4L2Da__spanNodeEvent.trace-viewer-module__m4L2Da__customEventColor .trace-viewer-module__m4L2Da__hoverInfo .trace-viewer-module__m4L2Da__eventTimestamp{color:var(--span-secondary)}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__hoverInfo{background:var(--span-background);border:1px solid var(--span-border);box-shadow:var(--ds-shadow-small);border-radius:6px;flex-direction:row;align-items:center;gap:6px;margin-top:-1px;padding:3px 6px;font-size:12px;line-height:1;display:none;position:absolute;top:100%;transform:translateY(-50%)}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__hoverInfo.trace-viewer-module__m4L2Da__alignStart{padding-left:18px;left:-10px}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__hoverInfo.trace-viewer-module__m4L2Da__alignEnd{padding-right:18px;right:-10px}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__hoverInfo .trace-viewer-module__m4L2Da__eventName{color:var(--span-text)}.trace-viewer-module__m4L2Da__spanNodeEvent .trace-viewer-module__m4L2Da__hoverInfo .trace-viewer-module__m4L2Da__eventTimestamp{color:var(--span-secondary);font-variant-numeric:tabular-nums}.trace-viewer-module__m4L2Da__spanNodeEvent[data-hovered=true]{z-index:4}.trace-viewer-module__m4L2Da__spanNodeEvent[data-hovered=true] .trace-viewer-module__m4L2Da__eventDiamond{background:var(--span-text);border-color:var(--span-text)}.trace-viewer-module__m4L2Da__spanNodeEvent[data-hovered=true] .trace-viewer-module__m4L2Da__hoverInfo{display:flex}.trace-viewer-module__m4L2Da__colorVercel{--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-module__m4L2Da__color0{--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-module__m4L2Da__color1{--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-module__m4L2Da__color2{--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-module__m4L2Da__color3{--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-module__m4L2Da__color4{--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-module__m4L2Da__colorHighlight{--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-module__m4L2Da__unlit{opacity:.3}:is(.dark-theme,.dark) .trace-viewer-module__m4L2Da__mapContainer canvas{filter:invert()}:is(:is(.dark-theme,.dark) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small.trace-viewer-module__m4L2Da__xHover,:is(.dark-theme,.dark) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small:focus-visible):before{text-shadow:0 1px #000}:is(.dark-theme,.dark) .trace-viewer-module__m4L2Da__spanNode:hover:not(.trace-viewer-module__m4L2Da__selected),:is(.dark-theme,.dark) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__selected:hover{filter:brightness(1.05)}@media (prefers-color-scheme:dark){:root:not(.light) .trace-viewer-module__m4L2Da__mapContainer canvas{filter:invert()}:is(:root:not(.light) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small.trace-viewer-module__m4L2Da__xHover,:root:not(.light) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__small:focus-visible):before{text-shadow:0 1px #000}:root:not(.light) .trace-viewer-module__m4L2Da__spanNode:hover:not(.trace-viewer-module__m4L2Da__selected),:root:not(.light) .trace-viewer-module__m4L2Da__spanNode.trace-viewer-module__m4L2Da__selected:hover{filter:brightness(1.05)}}.trace-viewer-module__m4L2Da__spanName{text-align:left;text-overflow:ellipsis;flex:auto;padding-inline:6px;overflow:hidden}.trace-viewer-module__m4L2Da__spanDuration{font-variant-numeric:tabular-nums;color:var(--span-secondary,var(--ds-gray-alpha-700));flex:none;padding-right:6px}.trace-viewer-module__m4L2Da__spanDetailPanel{height:var(--panel-height);flex-direction:column;flex:0 auto;justify-content:flex-start;align-items:stretch;display:flex}.trace-viewer-module__m4L2Da__spanDetailPanelResizer{cursor:col-resize;z-index:1;width:20px;height:100%;display:none;position:absolute;top:0;left:0}@media (hover:hover){.trace-viewer-module__m4L2Da__spanDetailPanelResizer{display:block}}.trace-viewer-module__m4L2Da__spanDetailPanelTop{flex-direction:row;flex:0 auto;justify-content:space-between;align-items:stretch;display:flex;position:relative}.trace-viewer-module__m4L2Da__spanDetailPanelBody{flex-direction:column;flex:0 100%;justify-content:flex-start;align-items:stretch;gap:12px;padding:16px 12px 24px;display:flex;overflow:hidden auto}.trace-viewer-module__m4L2Da__spanDetailPanelTopInfo{--row-height:40px;border-bottom:1px solid var(--border-color);flex-direction:row;flex:0 auto;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;display:flex}.trace-viewer-module__m4L2Da__spanNameDetailPanel{font-size:inherit;color:var(--ds-gray-1000);word-break:break-word}.trace-viewer-module__m4L2Da__spanDetailPanelTruncatedHeading{flex-direction:row;flex:0 100%;justify-content:flex-start;align-items:center;gap:12px;display:flex;overflow:hidden}.trace-viewer-module__m4L2Da__spanDetailPanelName{text-overflow:ellipsis;white-space:nowrap;flex:0 100%;min-width:0;font-size:14px;overflow:hidden}.trace-viewer-module__m4L2Da__spanDetailPanelDuration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ds-gray-900);font-size:13px}.trace-viewer-module__m4L2Da__spanDetailPanelCorner{height:var(--row-height);flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:8px;display:flex}.trace-viewer-module__m4L2Da__spanDetailPanelCornerInner{flex-direction:row;flex:0 auto;justify-content:flex-start;align-items:stretch;display:flex}.trace-viewer-module__m4L2Da__spanDetailPanelCloseVerticalRule{border-left:1px solid var(--accents-2);height:var(--geist-space-gap)}.trace-viewer-module__m4L2Da__spanDetailPanelClose{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.trace-viewer-module__m4L2Da__spanDetailPanelClose:hover,.trace-viewer-module__m4L2Da__spanDetailPanelClose:focus-visible{background-color:var(--ds-gray-200)}.trace-viewer-module__m4L2Da__spanDetailPanelAttribute{border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0;padding-block:8px;font-size:14px;line-height:1.4;display:flex}.trace-viewer-module__m4L2Da__spanDetailPanelAttribute:last-child{border-bottom:none}.trace-viewer-module__m4L2Da__spanDetailPanelAttributeKey{font-size:inherit;color:var(--ds-gray-900);flex:none;margin:0;padding-left:8px}.trace-viewer-module__m4L2Da__spanDetailPanelAttributeValue{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin:0;padding-right:8px;font-size:13px;overflow-x:hidden}.trace-viewer-module__m4L2Da__spanDetailPanelQuickLink{color:inherit;text-decoration:none}.trace-viewer-module__m4L2Da__spanDetailPanelQuickLink:hover .trace-viewer-module__m4L2Da__spanDetailPanelQuickLinkLabel{text-decoration:underline}.trace-viewer-module__m4L2Da__spanDetailPanelQuickLinkLabel{font:inherit;flex-direction:row;align-items:center;gap:8px;display:flex}.trace-viewer-module__m4L2Da__detailGroup{flex-direction:column;flex:0 auto;justify-content:flex-start;align-items:stretch;display:flex}.trace-viewer-module__m4L2Da__detailGroup:after{background:var(--border-color);content:"";height:1px;margin:12px -12px 0}.trace-viewer-module__m4L2Da__detailHeading{color:var(--ds-gray-1000);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.trace-viewer-module__m4L2Da__detailHeading:hover,.trace-viewer-module__m4L2Da__detailHeading:focus-visible{background-color:var(--ds-gray-100)}.trace-viewer-module__m4L2Da__buttonLink{color:var(--ds-gray-1000);background-color:var(--ds-background-100);border:1px solid var(--accents-2);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.trace-viewer-module__m4L2Da__buttonLink:hover,.trace-viewer-module__m4L2Da__buttonLink:focus-visible{background-color:var(--ds-gray-100)}.trace-viewer-module__m4L2Da__note{color:var(--ds-gray-900);background-color:var(--ds-background-100);border:1px solid var(--ds-gray-300);border-radius:6px;padding:8px 10px}.trace-viewer-module__m4L2Da__skeleton{background-color:var(--ds-gray-200);border-radius:4px;display:inline-block}.trace-viewer-module__m4L2Da__skeletonRounded{border-radius:50%}.trace-viewer-module__m4L2Da__detailGroup.trace-viewer-module__m4L2Da__collapsed .trace-viewer-module__m4L2Da__detailHeadingIcon{transform:rotate(-90deg)}.trace-viewer-module__m4L2Da__infraSpanDescription{color:var(--ds-gray-900);flex-direction:column;gap:16px;padding:8px;font-size:14px;line-height:1.4;display:flex}.trace-viewer-module__m4L2Da__ancestorNode{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;padding:8px;font-family:inherit;font-size:13px}.trace-viewer-module__m4L2Da__ancestorNode:hover,.trace-viewer-module__m4L2Da__ancestorNode:focus-visible{background:var(--ds-gray-100)}.trace-viewer-module__m4L2Da__ancestorText{color:var(--ds-gray-900);white-space:nowrap;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;display:flex}.trace-viewer-module__m4L2Da__ancestorName{text-overflow:ellipsis;overflow:hidden}.trace-viewer-module__m4L2Da__ancestorDuration{font-variant-numeric:tabular-nums}.trace-viewer-module__m4L2Da__ancestorLineContainer{background-color:var(--ds-gray-alpha-400);width:100%;height:1px;margin-top:6px;display:block;position:relative}.trace-viewer-module__m4L2Da__ancestorLineContainer:before,.trace-viewer-module__m4L2Da__ancestorLineContainer:after{background-color:inherit;content:"";width:1px;height:5px;position:absolute;top:-2px}.trace-viewer-module__m4L2Da__ancestorLineContainer:before{left:0}.trace-viewer-module__m4L2Da__ancestorLineContainer:after{right:0}.trace-viewer-module__m4L2Da__ancestorLine{background-color:var(--span-background);border:1px solid var(--span-line);border-radius:1px;height:5px;position:absolute;top:-2px}:is(.trace-viewer-module__m4L2Da__ancestorNode:hover,.trace-viewer-module__m4L2Da__ancestorNode:focus-visible,.trace-viewer-module__m4L2Da__ancestorNode:last-of-type) .trace-viewer-module__m4L2Da__ancestorName{color:var(--ds-gray-1000)}:is(.trace-viewer-module__m4L2Da__ancestorNode:hover,.trace-viewer-module__m4L2Da__ancestorNode:focus-visible,.trace-viewer-module__m4L2Da__ancestorNode:last-of-type) .trace-viewer-module__m4L2Da__ancestorLine{background-color:var(--span-line);border-color:var(--span-border)}.trace-viewer-module__m4L2Da__zoomButtonGroup{background-color:var(--geist-background);box-shadow:var(--ds-shadow-small);border:1px solid var(--accents-2);border-radius:10ex;flex-direction:row;flex:0 auto;justify-content:flex-start;align-items:stretch;animation:.3s .3s backwards trace-viewer-module__m4L2Da__zoom-buttons-fade-in;display:inline-flex}@keyframes trace-viewer-module__m4L2Da__zoom-buttons-fade-in{0%{opacity:0}to{opacity:1}}.trace-viewer-module__m4L2Da__zoomButton{width:38px;height:32px;color:var(--accents-5);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:6px;display:flex;box-shadow:none!important}.trace-viewer-module__m4L2Da__zoomButton:hover,.trace-viewer-module__m4L2Da__zoomButton:focus-visible{color:var(--accents-7)}.trace-viewer-module__m4L2Da__zoomButton:hover{color:var(--accents-7);background-color:#0000}.trace-viewer-module__m4L2Da__divider{background-color:var(--accents-2);width:1px;margin:-1px}.trace-viewer-module__m4L2Da__markersContainer{width:100%;height:calc(100% - var(--scrollbar-width));z-index:4;pointer-events:none;line-height:1;position:absolute;top:-8px;left:-8px}.trace-viewer-module__m4L2Da__markers{gap:calc(var(--marker-width) - 1px);height:var(--marker-height);background:var(--ds-background-200);box-shadow:0 4px 8px 0 var(--ds-background-200);border-bottom:1px solid var(--marker-color);flex-direction:row;padding-left:8px;display:flex;position:sticky;top:0;overflow:hidden}.trace-viewer-module__m4L2Da__marker{border-left:1px solid var(--marker-color);font-variant-numeric:tabular-nums;color:var(--ds-gray-900);height:var(--marker-height);flex:0 0 1px;font-size:10px;position:relative}.trace-viewer-module__m4L2Da__marker.trace-viewer-module__m4L2Da__notch{top:calc(var(--marker-height) - var(--marker-notch-height));height:var(--marker-notch-height)}.trace-viewer-module__m4L2Da__markerLabel{color:var(--ds-gray-900);-webkit-user-select:none;user-select:none;position:absolute;bottom:6px;left:2px}.trace-viewer-module__m4L2Da__eventMarkersContainer{width:var(--timeline-scroll-width);height:calc(100% - var(--scrollbar-width));z-index:1;pointer-events:none;line-height:1;position:absolute;top:-8px}.trace-viewer-module__m4L2Da__eventMarkers{height:calc(100% + 2*var(--timeline-padding));position:sticky;top:0;overflow:hidden}.trace-viewer-module__m4L2Da__eventMarker{border-left:1px dotted var(--ds-gray-500);height:100%;position:absolute}.trace-viewer-module__m4L2Da__cursorMarkerStickyParent{width:var(--timeline-scroll-width);height:calc(100% + 2*var(--timeline-padding));pointer-events:none;position:absolute;top:-8px;left:0}.trace-viewer-module__m4L2Da__cursorMarkerLabelContainer{z-index:5;pointer-events:none;width:1px;height:100%;display:none;position:sticky;top:0;left:0}.trace-viewer-module__m4L2Da__cursorMarkerLabel{width:1px;height:var(--marker-height);background-color:var(--marker-color);position:sticky;top:4px}.trace-viewer-module__m4L2Da__cursorMarkerLabel[data-text]:before{font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);height:18px;color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);box-shadow:var(--ds-shadow-small);content:attr(data-text);border-radius:10ex;margin:0;padding:0 6px;font-size:10px;font-weight:500;line-height:16px;position:absolute;top:0;left:0;transform:translate(-50%)}.trace-viewer-module__m4L2Da__cursorMarkerLabel[data-align=left]:before{transform:unset;left:-6px}.trace-viewer-module__m4L2Da__cursorMarkerLabel[data-align=right]:before{left:unset;transform:unset;right:-6px}.trace-viewer-module__m4L2Da__cursorMarkerContainer{pointer-events:none;width:1px;height:100%;position:sticky;top:0}.trace-viewer-module__m4L2Da__cursorMarker{background-color:var(--marker-color);z-index:1;width:1px;height:100%;display:none;position:sticky;top:0}.trace-viewer-module__m4L2Da__cursorSelection{background-color:var(--ds-gray-100);border-inline:1px solid var(--ds-gray-300);flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;height:100%;display:none;position:absolute;top:0}.trace-viewer-module__m4L2Da__cursorSelection:before,.trace-viewer-module__m4L2Da__cursorSelection:after{font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);height:18px;color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);box-shadow:var(--ds-shadow-small);white-space:nowrap;border-radius:10ex;padding:0 6px;font-size:10px;font-weight:500;line-height:16px;position:sticky;bottom:8px}.trace-viewer-module__m4L2Da__cursorSelection:before{content:attr(data-range);margin-left:8px}.trace-viewer-module__m4L2Da__cursorSelection:after{content:attr(data-duration);margin-right:8px}@keyframes trace-viewer-module__m4L2Da__span-skeleton{0%{opacity:.6}to{opacity:.3}}.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton *{pointer-events:none!important}.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton .trace-viewer-module__m4L2Da__mapCanvas,.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton .trace-viewer-module__m4L2Da__markerLabel{display:none}.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton .trace-viewer-module__m4L2Da__spanNode{animation:1s infinite alternate trace-viewer-module__m4L2Da__span-skeleton}.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton .trace-viewer-module__m4L2Da__spanNode *{display:none}.trace-viewer-module__m4L2Da__traceViewer.trace-viewer-module__m4L2Da__skeleton .trace-viewer-module__m4L2Da__zoomButtonTraceViewer{display:none}.trace-viewer-module__m4L2Da__traceViewer .trace-viewer-module__m4L2Da__markers{border-top:1px solid var(--marker-color);border-bottom:none}.trace-viewer-module__m4L2Da__traceViewer .trace-viewer-module__m4L2Da__marker.trace-viewer-module__m4L2Da__notch{top:0}.trace-viewer-module__m4L2Da__traceViewer .trace-viewer-module__m4L2Da__markerLabel{bottom:3px}.trace-viewer-module__m4L2Da__traceViewer .trace-viewer-module__m4L2Da__cursorMarkerLabel{top:8px}.trace-viewer-module__m4L2Da__timeline:hover .trace-viewer-module__m4L2Da__cursorMarkerLabelContainer,.trace-viewer-module__m4L2Da__timeline:hover .trace-viewer-module__m4L2Da__cursorMarker{display:block}.trace-viewer-module__m4L2Da__searchBar{left:0;top:var(--search-gap);gap:var(--search-gap);width:100%;padding-inline:var(--search-gap);height:var(--search-height);flex-direction:row;display:flex;position:absolute}.trace-viewer-module__m4L2Da__searchInput{height:var(--search-height);background:var(--ds-background-100);flex:0 100%;position:relative}.trace-viewer-module__m4L2Da__searchInputLabel{box-shadow:0 0 0 1px var(--border-color,var(--ds-gray-alpha-400));border-radius:6px;justify-content:center;align-items:center;display:flex}.trace-viewer-module__m4L2Da__searchInputLabel input{background:0 0;border:none;outline:none;margin-left:-16px;padding-inline:12px;font-family:inherit;font-size:14px}.trace-viewer-module__m4L2Da__searchInputLabel input::-webkit-search-decoration{display:none}.trace-viewer-module__m4L2Da__searchInputLabel input::-webkit-search-cancel-button{display:none}.trace-viewer-module__m4L2Da__searchInputLabel input::-webkit-search-results-button{display:none}.trace-viewer-module__m4L2Da__searchInputLabel input::-webkit-search-results-decoration{display:none}.trace-viewer-module__m4L2Da__searchInputPrefix{width:var(--search-height);height:var(--search-height);color:var(--ds-gray-800);justify-content:center;align-items:center;display:flex}.trace-viewer-module__m4L2Da__mapContainer{left:0;top:calc(var(--search-height) + 2*var(--search-gap));cursor:move;position:absolute}.trace-viewer-module__m4L2Da__mapCanvas{z-index:1;pointer-events:none;mix-blend-mode:multiply;position:absolute;top:0;left:0}:is(.dark-theme .trace-viewer-module__m4L2Da__mapCanvas,.dark .trace-viewer-module__m4L2Da__mapCanvas){mix-blend-mode:screen}@media (prefers-color-scheme:dark){:root:not(.light) .trace-viewer-module__m4L2Da__mapCanvas{mix-blend-mode:screen}}.trace-viewer-module__m4L2Da__mapThumb{height:var(--map-height);background:var(--ds-gray-alpha-200);border:1px solid var(--ds-gray-alpha-400);box-shadow:var(--ds-shadow-small);transform:translateX(var(--timeline-padding));pointer-events:none;border-radius:3px;position:absolute;top:0}.trace-viewer-module__m4L2Da__traceViewer,.trace-viewer-module__m4L2Da__spanDetailPanelTraceViewer{--border-color:var(--ds-gray-300);--marker-color:var(--ds-gray-300)}.trace-viewer-module__m4L2Da__traceViewer{--scrollbar-width:0;font-family:var(--font-sans);text-rendering:optimizeLegibility;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ds-background-200);display:flex;position:relative}.trace-viewer-module__m4L2Da__traceViewer button{font-family:inherit}.trace-viewer-module__m4L2Da__traceViewerContent{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));position:absolute}.trace-viewer-module__m4L2Da__traceViewerContent.trace-viewer-module__m4L2Da__inert{display:none}.trace-viewer-module__m4L2Da__timeline{width:calc(var(--timeline-width) + 2*var(--timeline-padding));height:var(--timeline-height);-webkit-overflow-scrolling:touch;font-size:13px;position:relative;overflow:scroll}.trace-viewer-module__m4L2Da__zoomButtonTraceViewer{bottom:calc(-12px - var(--search-height) - var(--scrollbar-width));right:calc(var(--scrollbar-width) + 12px);z-index:10;position:absolute}.trace-viewer-module__m4L2Da__spanDetailPanelTraceViewer{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;margin-top:-1px;position:absolute}.trace-viewer-module__m4L2Da__spanDetailPanelTraceViewer.trace-viewer-module__m4L2Da__hidden{display:none}.trace-viewer-module__m4L2Da__spanDetailPanelTraceViewer.trace-viewer-module__m4L2Da__mobile{--panel-width:calc(var(--timeline-width) + 2*var(--timeline-padding));--panel-height:var(--height);border-left:none;top:0}.trace-viewer-module__m4L2Da__spanRunning,.trace-viewer-module__m4L2Da__spanPending{--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-module__m4L2Da__spanCompleted{--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-module__m4L2Da__spanCancelled,.trace-viewer-module__m4L2Da__spanPaused{--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-module__m4L2Da__spanFailed{--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)}.trace-viewer-module__m4L2Da__spanPendingStriped{--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)}.trace-viewer-module__m4L2Da__spanSleep{--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-module__m4L2Da__spanHook{--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)}.trace-viewer-module__m4L2Da__eventFailed{--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)}.trace-viewer-module__m4L2Da__eventRetrying{--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)}.trace-viewer-module__m4L2Da__eventHook{--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)}.trace-viewer-module__m4L2Da__eventDefault{--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)}