@workflow/web 4.1.0-beta.33 → 4.1.0-beta.34

package/build/client/assets/root-AOcWXHD9.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{overscroll-behavior:none;background-color:var(--background);color:var(--foreground)}html{overscroll-behavior:none}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-9{top:calc(var(--spacing)*9)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-8{bottom:calc(var(--spacing)*8)}.\!-left-1{left:calc(var(--spacing)*-1)!important}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-6{left:calc(var(--spacing)*6)}.left-8{left:calc(var(--spacing)*8)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-m-2{margin:calc(var(--spacing)*-2)}.m-2{margin:calc(var(--spacing)*2)}.m-4{margin:calc(var(--spacing)*4)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-12{margin-left:calc(var(--spacing)*12)}.ml-16{margin-left:calc(var(--spacing)*16)}.ml-auto{margin-left:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.\!h-\[6px\]{height:6px!important}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-40{height:calc(var(--spacing)*40)}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[56px\]{height:56px}.h-\[400px\]{height:400px}.h-\[calc\(100vh-97px\)\]{height:calc(100vh - 97px)}.h-\[calc\(100vh-180px\)\]{height:calc(100vh - 180px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[80px\]{max-height:80px}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.max-h-\[calc\(100vh-280px\)\]{max-height:calc(100vh - 280px)}.max-h-\[calc\(100vh-400px\)\]{max-height:calc(100vh - 400px)}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[200px\]{min-height:200px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.\!w-\[6px\]{width:6px!important}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-64{width:calc(var(--spacing)*64)}.w-\[10\%\]{width:10%}.w-\[20\%\]{width:20%}.w-\[55px\]{width:55px}.w-\[60px\]{width:60px}.w-\[75vw\]{width:75vw}.w-\[110px\]{width:110px}.w-\[140px\]{width:140px}.w-\[180px\]{width:180px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[70\%\]{max-width:70%}.max-w-\[75vw\]{max-width:75vw}.max-w-\[80\%\]{max-width:80%}.max-w-\[640px\]{max-width:640px}.max-w-\[800px\]{max-width:800px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.\!min-w-0{min-width:calc(var(--spacing)*0)!important}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-px{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\[1\.2fr_1\.2fr_0\.8fr_1fr_0\.5fr_40px\]{grid-template-columns:1.2fr 1.2fr .8fr 1fr .5fr 40px}.grid-cols-\[1fr_1\.5fr_0\.5fr\]{grid-template-columns:1fr 1.5fr .5fr}.grid-cols-\[1fr_1\.5fr_0\.8fr_1fr_1fr_40px\]{grid-template-columns:1fr 1.5fr .8fr 1fr 1fr 40px}.grid-cols-\[auto\,1fr\]{grid-template-columns:auto,1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-bl-lg{border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-blue-500{border-color:var(--color-blue-500)}.border-border{border-color:var(--border)}.border-destructive,.border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-500{border-color:var(--color-green-500)}.border-input{border-color:var(--input)}.border-orange-500{border-color:var(--color-orange-500)}.border-primary{border-color:var(--primary)}.border-primary-foreground\/20{border-color:var(--primary-foreground)}@supports (color:color-mix(in lab,red,red)){.border-primary-foreground\/20{border-color:color-mix(in oklab,var(--primary-foreground)20%,transparent)}}.border-purple-400{border-color:var(--color-purple-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-yellow-500{border-color:var(--color-yellow-500)}.\!bg-muted{background-color:var(--muted)!important}.\!bg-purple-500{background-color:var(--color-purple-500)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background,.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--secondary)}.bg-yellow-500{background-color:var(--color-yellow-500)}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-12{padding:calc(var(--spacing)*12)}.p-\[3px\]{padding:3px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-destructive\/70{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.text-destructive\/70{color:color-mix(in oklab,var(--destructive)70%,transparent)}}.text-foreground{color:var(--foreground)}.text-gray-500{color:var(--color-gray-500)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground,.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-pink-600{color:var(--color-pink-600)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-600{color:var(--color-purple-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *){opacity:1}}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:border-destructive:is(:where(.group).toaster *){border-color:var(--destructive)}.group-\[\.toaster\]\:border-green-600:is(:where(.group).toaster *){border-color:var(--color-green-600)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:bg-destructive:is(:where(.group).toaster *){background-color:var(--destructive)}.group-\[\.toaster\]\:bg-green-600:is(:where(.group).toaster *){background-color:var(--color-green-600)}.group-\[\.toaster\]\:text-destructive-foreground:is(:where(.group).toaster *){color:var(--destructive-foreground)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:text-white:is(:where(.group).toaster *){color:var(--color-white)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-background\/50:hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/50:hover{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.hover\:bg-blue-400\/50:hover{background-color:#54a2ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-400\/50:hover{background-color:color-mix(in oklab,var(--color-blue-400)50%,transparent)}}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary-foreground\/10:hover{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-foreground\/10:hover{background-color:color-mix(in oklab,var(--primary-foreground)10%,transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:brightness-\[0\.98\]:hover{--tw-brightness:brightness(.98);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-background:focus{--tw-ring-offset-color:var(--background)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--primary)}.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--primary-foreground)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:max-w-\[75vw\]{max-width:75vw}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:w-2\/3{width:66.6667%}}@media(min-width:64rem){.lg\:w-1\/2{width:50%}}@media(prefers-color-scheme:dark){.dark\:border-destructive{border-color:var(--destructive)}.dark\:border-gray-500{border-color:var(--color-gray-500)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-purple-600{border-color:var(--color-purple-600)}.dark\:bg-amber-900\/30{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30{background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-blue-400{background-color:var(--color-blue-400)}.dark\:bg-gray-400{background-color:var(--color-gray-400)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-green-400{background-color:var(--color-green-400)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-purple-900\/50{background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/50{background-color:color-mix(in oklab,var(--color-purple-900)50%,transparent)}}.dark\:bg-red-400{background-color:var(--color-red-400)}.dark\:bg-red-950\/20{background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/20{background-color:color-mix(in oklab,var(--color-red-950)20%,transparent)}}.dark\:bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:text-amber-200{color:var(--color-amber-200)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-orange-300{color:var(--color-orange-300)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-pink-400{color:var(--color-pink-400)}.dark\:text-purple-200{color:var(--color-purple-200)}.dark\:text-purple-400{color:var(--color-purple-400)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-red-400{color:var(--color-red-400)}@media(hover:hover){.dark\:hover\:bg-amber-900\/50:hover{background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-900\/50:hover{background-color:color-mix(in oklab,var(--color-amber-900)50%,transparent)}}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\>\*\:first-child\]\:mt-0>:first-child{margin-top:calc(var(--spacing)*0)}.\[\&\>\*\:last-child\]\:mb-0>:last-child{margin-bottom:calc(var(--spacing)*0)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@font-face{font-family:Geist Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Geist-Variable-CrgPqtmy.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/GeistMono-Variable-BNLlm6Cd.woff2)format("woff2")}:root{--font-geist-sans:"Geist Sans",ui-sans-serif,system-ui,sans-serif;--font-geist-mono:"Geist Mono",ui-monospace,monospace;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--node-bg-step:#dcfce7;--node-bg-start:#dbeafe;--node-bg-primitive:#ffedd5;--node-bg-agent:#fce7f3;--node-bg-tool:#f3e8ff;--node-bg-conditional:#fee2e2;--ds-background-100:#fff;--ds-background-200:#fafafa;--ds-gray-100:#fafafa;--ds-gray-200:#f5f5f5;--ds-gray-300:#e5e5e5;--ds-gray-400:#d4d4d4;--ds-gray-500:#a3a3a3;--ds-gray-600:#737373;--ds-gray-700:#525252;--ds-gray-800:#404040;--ds-gray-900:#171717;--ds-gray-1000:#000;--ds-blue-100:#e0f2fe;--ds-blue-200:#bae6fd;--ds-blue-300:#7dd3fc;--ds-blue-400:#38bdf8;--ds-blue-500:#0ea5e9;--ds-blue-600:#0284c7;--ds-blue-700:#0369a1;--ds-blue-800:#075985;--ds-blue-900:#0c4a6e;--ds-blue-1000:#082f49;--ds-red-100:#fee2e2;--ds-red-200:#fecaca;--ds-red-300:#fca5a5;--ds-red-400:#f87171;--ds-red-500:#ef4444;--ds-red-600:#dc2626;--ds-red-700:#b91c1c;--ds-red-800:#991b1b;--ds-red-900:#7f1d1d;--ds-red-1000:#450a0a;--ds-amber-100:#fef3c7;--ds-amber-200:#fde68a;--ds-amber-300:#fcd34d;--ds-amber-400:#fbbf24;--ds-amber-500:#f59e0b;--ds-amber-600:#d97706;--ds-amber-700:#b45309;--ds-amber-800:#92400e;--ds-amber-900:#78350f;--ds-amber-1000:#451a03;--ds-green-100:#dcfce7;--ds-green-200:#bbf7d0;--ds-green-300:#86efac;--ds-green-400:#4ade80;--ds-green-500:#22c55e;--ds-green-600:#16a34a;--ds-green-700:#15803d;--ds-green-800:#166534;--ds-green-900:#14532d;--ds-green-1000:#052e16;--ds-purple-100:#f3e8ff;--ds-purple-200:#e9d5ff;--ds-purple-300:#d8b4fe;--ds-purple-400:#c084fc;--ds-purple-500:#a855f7;--ds-purple-600:#9333ea;--ds-purple-700:#7e22ce;--ds-purple-800:#6b21a8;--ds-purple-900:#581c87;--ds-purple-1000:#3b0764;--ds-teal-100:#ccfbf1;--ds-teal-200:#99f6e4;--ds-teal-300:#5eead4;--ds-teal-400:#2dd4bf;--ds-teal-500:#14b8a6;--ds-teal-600:#0d9488;--ds-teal-700:#0f766e;--ds-teal-800:#115e59;--ds-teal-900:#134e4a;--ds-teal-1000:#042f2e;--ds-shadow-small:0 0 0 1px #00000012,0 2px 4px #0000000d,0 12px 24px #0000000d;--ds-shadow-medium:0 0 0 1px #00000012,0 4px 8px #00000012,0 24px 48px #00000012;--ds-shadow-large:0 0 0 1px #00000012,0 8px 16px #0000001a,0 48px 96px #0000001a}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--node-bg-step:#14532d;--node-bg-start:#1e3a5f;--node-bg-primitive:#7c2d12;--node-bg-agent:#831843;--node-bg-tool:#581c87;--node-bg-conditional:#7f1d1d;--ds-background-100:#000;--ds-background-200:#0a0a0a;--ds-gray-100:#111;--ds-gray-200:#171717;--ds-gray-300:#292929;--ds-gray-400:#404040;--ds-gray-500:#737373;--ds-gray-600:#a3a3a3;--ds-gray-700:#d4d4d4;--ds-gray-800:#e5e5e5;--ds-gray-900:#f5f5f5;--ds-gray-1000:#fff;--ds-blue-100:#082f49;--ds-blue-200:#0c4a6e;--ds-blue-300:#075985;--ds-blue-400:#0369a1;--ds-blue-500:#0284c7;--ds-blue-600:#0ea5e9;--ds-blue-700:#38bdf8;--ds-blue-800:#7dd3fc;--ds-blue-900:#bae6fd;--ds-blue-1000:#e0f2fe;--ds-red-100:#450a0a;--ds-red-200:#7f1d1d;--ds-red-300:#991b1b;--ds-red-400:#b91c1c;--ds-red-500:#dc2626;--ds-red-600:#ef4444;--ds-red-700:#f87171;--ds-red-800:#fca5a5;--ds-red-900:#fecaca;--ds-red-1000:#fee2e2;--ds-amber-100:#451a03;--ds-amber-200:#78350f;--ds-amber-300:#92400e;--ds-amber-400:#b45309;--ds-amber-500:#d97706;--ds-amber-600:#f59e0b;--ds-amber-700:#fbbf24;--ds-amber-800:#fcd34d;--ds-amber-900:#fde68a;--ds-amber-1000:#fef3c7;--ds-green-100:#052e16;--ds-green-200:#14532d;--ds-green-300:#166534;--ds-green-400:#15803d;--ds-green-500:#16a34a;--ds-green-600:#22c55e;--ds-green-700:#4ade80;--ds-green-800:#86efac;--ds-green-900:#bbf7d0;--ds-green-1000:#dcfce7;--ds-purple-100:#3b0764;--ds-purple-200:#581c87;--ds-purple-300:#6b21a8;--ds-purple-400:#7e22ce;--ds-purple-500:#9333ea;--ds-purple-600:#a855f7;--ds-purple-700:#c084fc;--ds-purple-800:#d8b4fe;--ds-purple-900:#e9d5ff;--ds-purple-1000:#f3e8ff;--ds-teal-100:#042f2e;--ds-teal-200:#134e4a;--ds-teal-300:#115e59;--ds-teal-400:#0f766e;--ds-teal-500:#0d9488;--ds-teal-600:#14b8a6;--ds-teal-700:#2dd4bf;--ds-teal-800:#5eead4;--ds-teal-900:#99f6e4;--ds-teal-1000:#ccfbf1;--ds-shadow-small:0 0 0 1px #ffffff12,0 2px 4px #0000004d,0 12px 24px #0000004d;--ds-shadow-medium:0 0 0 1px #ffffff12,0 4px 8px #0006,0 24px 48px #0006;--ds-shadow-large:0 0 0 1px #ffffff12,0 8px 16px #00000080,0 48px 96px #00000080}@media(prefers-color-scheme:dark){:root:not(.light){--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--node-bg-step:#14532d;--node-bg-start:#1e3a5f;--node-bg-primitive:#7c2d12;--node-bg-agent:#831843;--node-bg-tool:#581c87;--node-bg-conditional:#7f1d1d;--ds-background-100:#000;--ds-background-200:#0a0a0a;--ds-gray-100:#111;--ds-gray-200:#171717;--ds-gray-300:#292929;--ds-gray-400:#404040;--ds-gray-500:#737373;--ds-gray-600:#a3a3a3;--ds-gray-700:#d4d4d4;--ds-gray-800:#e5e5e5;--ds-gray-900:#f5f5f5;--ds-gray-1000:#fff;--ds-blue-100:#082f49;--ds-blue-200:#0c4a6e;--ds-blue-300:#075985;--ds-blue-400:#0369a1;--ds-blue-500:#0284c7;--ds-blue-600:#0ea5e9;--ds-blue-700:#38bdf8;--ds-blue-800:#7dd3fc;--ds-blue-900:#bae6fd;--ds-blue-1000:#e0f2fe;--ds-red-100:#450a0a;--ds-red-200:#7f1d1d;--ds-red-300:#991b1b;--ds-red-400:#b91c1c;--ds-red-500:#dc2626;--ds-red-600:#ef4444;--ds-red-700:#f87171;--ds-red-800:#fca5a5;--ds-red-900:#fecaca;--ds-red-1000:#fee2e2;--ds-amber-100:#451a03;--ds-amber-200:#78350f;--ds-amber-300:#92400e;--ds-amber-400:#b45309;--ds-amber-500:#d97706;--ds-amber-600:#f59e0b;--ds-amber-700:#fbbf24;--ds-amber-800:#fcd34d;--ds-amber-900:#fde68a;--ds-amber-1000:#fef3c7;--ds-green-100:#052e16;--ds-green-200:#14532d;--ds-green-300:#166534;--ds-green-400:#15803d;--ds-green-500:#16a34a;--ds-green-600:#22c55e;--ds-green-700:#4ade80;--ds-green-800:#86efac;--ds-green-900:#bbf7d0;--ds-green-1000:#dcfce7;--ds-purple-100:#3b0764;--ds-purple-200:#581c87;--ds-purple-300:#6b21a8;--ds-purple-400:#7e22ce;--ds-purple-500:#9333ea;--ds-purple-600:#a855f7;--ds-purple-700:#c084fc;--ds-purple-800:#d8b4fe;--ds-purple-900:#e9d5ff;--ds-purple-1000:#f3e8ff;--ds-teal-100:#042f2e;--ds-teal-200:#134e4a;--ds-teal-300:#115e59;--ds-teal-400:#0f766e;--ds-teal-500:#0d9488;--ds-teal-600:#14b8a6;--ds-teal-700:#2dd4bf;--ds-teal-800:#5eead4;--ds-teal-900:#99f6e4;--ds-teal-1000:#ccfbf1;--ds-shadow-small:0 0 0 1px #ffffff12,0 2px 4px #0000004d,0 12px 24px #0000004d;--ds-shadow-medium:0 0 0 1px #ffffff12,0 4px 8px #0006,0 24px 48px #0006;--ds-shadow-large:0 0 0 1px #ffffff12,0 8px 16px #00000080,0 48px 96px #00000080}}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/build/client/assets/run-detail-DPyEEMdn.js

@@ -1,24 +0,0 @@
-import{b as u,v as e,f as Js,B as Qs,y as er,z as rs,A as tr,w as sr,D as rr}from"./index-DS8xNWtl.js";import{c as ns,I as ft,L as _e,J as mt,K as pt,M as ht,N as nr,O as or,t as Y,Q as ue,U as ar,W as Se,X as ke,Y as R,Z as Je,_ as J,$ as ze,a0 as Ae,a1 as xe,a2 as os,a3 as Ct,a4 as ir,a5 as lr,a6 as cr,a7 as dr,a8 as ur,a9 as fr,aa as mr,ab as pr,H as Ce,ac as gt,x as ve,ad as hr,d as ee,ae as as,af as gr,ag as xr,T as is,a as ls,b as cs,ah as vr,u as br,h as St,C as at,y as yr}from"./mermaid-VLURNSYL-DZspIWfV.js";import{L as Nr,i as ds,Z as wr,S as jr,R as kr,X as us,M as Er,N as Ir,O as Cr,Q as Sr,U as Ar,V as At,Y as Dr,q as fe,_ as Ke,$ as Tr,p as fs,a0 as Rr,o as Mr,a1 as Qe,s as xt,k as Lr,l as _r,a2 as Or,a3 as Pr,a4 as Fr,a5 as Wr,a6 as Hr,a7 as Br,a8 as $r,a9 as Gr,aa as Ur,ab as Vr,ac as Dt,G as qe,ad as ms,ae as zr,af as Kr,ag as Tt,ah as ce,ai as de,aj as ps,y as it,ak as qr,al as Zr,am as Xr,an as Yr,r as Jr,ao as Rt,ap as Mt,aq as Qr,ar as en,A as lt,c as ct,d as dt,a as we,as as tn,C as sn,b as Be,T as rn,I as nn,J as $e,H as on,K as Ge,w as an,at as ln,F as cn}from"./use-workflow-graph-CSOGwdVi.js";import"./transform-BcRQlmJM.js";import"./value-BxRBhsAB.js";/**
- * @license lucide-react v0.469.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const dn=ns("CircleHelp",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);/**
- * @license lucide-react v0.469.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const et=ns("List",[["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 18h.01",key:"1tta3j"}],["path",{d:"M3 6h.01",key:"1rqtza"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 18h13",key:"1lx6n3"}],["path",{d:"M8 6h13",key:"ik3vkj"}]]);function un(t){return t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})+"."+t.getMilliseconds().toString().padStart(3,"0")}function fn(t){return t.toLocaleString(void 0,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",fractionalSecondDigits:3})}function mn(t){return t.split("_").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(" ")}function pn({event:t,onLoadEventData:s}){const r=ft(),[n,a]=u.useState(!1),[o,l]=u.useState(!1),[i,h]=u.useState(null),[d,f]=u.useState(null),c=Nr(t.eventType),p=new Date(t.createdAt),g="eventData"in t&&t.eventData!=null,w=u.useCallback(async()=>{if(!(i!==null||g||!t.correlationId)){l(!0),f(null);try{if(!s){f("Event details unavailable");return}const m=await s(t);m!=null&&h(m)}catch(m){f(m instanceof Error?m.message:"Failed to load event details")}finally{l(!1)}}},[t.correlationId,i,g,s]),j=u.useCallback(()=>{const m=!n;a(m),m&&i===null&&!g&&w()},[n,i,g,w]),b=g?t.eventData:i;return e.jsxs("div",{className:"rounded-lg border overflow-hidden transition-all",style:{backgroundColor:"var(--ds-background-100)",borderColor:c.border,borderLeftWidth:"1px",borderLeftColor:c.color},children:[e.jsxs("button",{type:"button",onClick:j,className:"w-full text-left grid gap-3 items-center px-0 py-2 text-xs hover:brightness-[0.98] transition-all cursor-pointer",style:{backgroundColor:"var(--ds-background-100)",gridTemplateColumns:"24px 100px minmax(120px, auto) 1fr 1fr"},children:[e.jsx("div",{className:"flex justify-center",children:e.jsx(ds,{className:"h-3.5 w-3.5 transition-transform",style:{color:c.secondary,transform:n?"rotate(90deg)":"rotate(0deg)"}})}),e.jsx("div",{className:"font-mono tabular-nums",style:{color:c.secondary},children:un(p)}),e.jsx("div",{className:"font-medium",style:{color:c.text},children:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:c.color}}),mn(t.eventType)]})}),e.jsx("div",{className:"font-mono text-[11px] overflow-hidden text-ellipsis whitespace-nowrap",style:{color:c.secondary},title:t.correlationId||"-",children:t.correlationId||"-"}),e.jsx("div",{className:"font-mono text-[11px] pr-3 overflow-hidden text-ellipsis whitespace-nowrap",style:{color:c.secondary},title:t.eventId,children:t.eventId})]}),n&&e.jsxs("div",{className:"border-t px-4 py-3",style:{borderColor:c.border,backgroundColor:"var(--ds-background-100)"},children:[e.jsxs("div",{className:"flex flex-col divide-y rounded-md border overflow-hidden",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[e.jsx(Re,{label:"Event ID",value:t.eventId,mono:!0}),e.jsx(Re,{label:"Event Type",value:t.eventType}),e.jsx(Re,{label:"Correlation ID",value:t.correlationId||"-",mono:!0}),e.jsx(Re,{label:"Run ID",value:t.runId,mono:!0}),e.jsx(Re,{label:"Created At",value:fn(p)})]}),e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"text-xs font-medium mb-1.5",style:{color:"var(--ds-gray-700)"},children:"Event Data"}),o&&e.jsxs("div",{className:"flex items-center gap-2 rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[e.jsx(_e,{className:"h-4 w-4 animate-spin",style:{color:"var(--ds-gray-700)"}}),e.jsx("span",{className:"text-xs",style:{color:"var(--ds-gray-700)"},children:"Loading event details..."})]}),d&&!o&&e.jsx("div",{className:"rounded-md border p-3 text-xs",style:{borderColor:"var(--ds-red-400)",backgroundColor:"var(--ds-red-100)",color:"var(--ds-red-900)"},children:d}),!o&&!d&&b!=null&&e.jsx("div",{className:"overflow-x-auto rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)"},children:e.jsx(mt,{data:b,theme:r?pt:ht,expandLevel:2})}),!o&&!d&&b==null&&!t.correlationId&&e.jsx("div",{className:"rounded-md border p-3 text-xs",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:"No event data available"}),!o&&!d&&b==null&&t.correlationId&&!g&&i===null&&e.jsx("div",{className:"rounded-md border p-3 text-xs",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-700)"},children:"No event data for this event type"})]})]})]})}function Re({label:t,value:s,mono:r=!1}){return e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",style:{borderColor:"var(--ds-gray-300)"},children:[e.jsx("span",{className:"text-[11px] font-medium",style:{color:"var(--ds-gray-700)"},children:t}),e.jsx("span",{className:`text-[11px] ${r?"font-mono":""} text-right max-w-[70%] break-all`,style:{color:"var(--ds-gray-1000)"},children:s})]})}function hn({events:t,onLoadEventData:s}){const r=u.useMemo(()=>!t||t.length===0?[]:[...t].sort((n,a)=>new Date(n.createdAt).getTime()-new Date(a.createdAt).getTime()),[t]);return!t||t.length===0?e.jsx("div",{className:"flex items-center justify-center h-full text-sm",style:{color:"var(--ds-gray-700)"},children:"No events found"}):e.jsxs("div",{className:"h-full overflow-auto m-2",children:[e.jsxs("div",{className:"grid gap-3 pb-2 mb-2 border-b text-xs font-medium sticky top-0 z-10",style:{gridTemplateColumns:"24px 100px minmax(120px, auto) 1fr 1fr",borderColor:"var(--ds-gray-300)",backgroundColor:"transparent",color:"var(--ds-gray-700)"},children:[e.jsx("div",{}),e.jsx("div",{children:"Time"}),e.jsx("div",{children:"Event Type"}),e.jsx("div",{children:"Correlation ID"}),e.jsx("div",{children:"Event ID"})]}),e.jsx("div",{className:"flex flex-col gap-2",children:r.map(n=>e.jsx(pn,{event:n,onLoadEventData:s},n.eventId))}),e.jsxs("div",{className:"mt-4 pt-3 border-t text-xs",style:{borderColor:"var(--ds-gray-300)",color:"var(--ds-gray-700)"},children:[r.length," event",r.length!==1?"s":""," total"]})]})}const gn=new Set(["step_created","step_completed","step_failed","run_created","run_completed"]);function xn({event:t,onLoadEventData:s}){const r=ft(),[n,a]=u.useState(null),[o,l]=u.useState(!1),[i,h]=u.useState(null),d="eventData"in t&&t.eventData!=null?t.eventData:null,f=d??n,c=gn.has(t.eventType),p=u.useCallback(async()=>{if(!(d||n!==null||o)&&!(!s||!t.correlationId||!t.eventId))try{l(!0),h(null);const w=await s(t.correlationId,t.eventId);a(w)}catch(w){h(w instanceof Error?w.message:String(w))}finally{l(!1)}},[d,n,o,s,t.correlationId,t.eventId]),g=new Date(t.createdAt);return e.jsxs(nr,{summary:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"font-medium",style:{color:"var(--ds-gray-1000)"},children:t.eventType})," ","-"," ",e.jsx("span",{style:{color:"var(--ds-gray-700)"},children:or(g.getTime())})]}),onToggle:c?w=>{w&&p()}:void 0,children:[e.jsxs("div",{className:"flex flex-col divide-y rounded-md border overflow-hidden",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:[e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",style:{borderColor:"var(--ds-gray-300)"},children:[e.jsx("span",{className:"text-[11px] font-medium",style:{color:"var(--ds-gray-700)"},children:"eventId"}),e.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--ds-gray-1000)"},children:t.eventId})]}),t.correlationId&&e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",style:{borderColor:"var(--ds-gray-300)"},children:[e.jsx("span",{className:"text-[11px] font-medium",style:{color:"var(--ds-gray-700)"},children:"correlationId"}),e.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--ds-gray-1000)"},children:t.correlationId})]})]}),o&&e.jsx("div",{className:"mt-2 text-xs rounded-md border p-2",style:{borderColor:"var(--ds-gray-300)",color:"var(--ds-gray-600)"},children:"Loading event data..."}),i&&e.jsx("div",{className:"mt-2 text-xs rounded-md border p-2",style:{borderColor:"var(--ds-red-300)",color:"var(--ds-red-700)"},children:i}),f!=null&&e.jsx("div",{className:"mt-2 overflow-x-auto rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)"},children:e.jsx(mt,{data:f,theme:r?pt:ht,expandLevel:2})})]})}function vn({events:t,isLoading:s=!1,error:r,onLoadEventData:n}){const a=u.useMemo(()=>[...t].sort((o,l)=>new Date(o.createdAt).getTime()-new Date(l.createdAt).getTime()),[t]);return e.jsxs("div",{className:"mt-2",style:{color:"var(--ds-gray-1000)"},children:[e.jsxs("h3",{className:"text-heading-16 font-medium mt-4 mb-2",style:{color:"var(--ds-gray-1000)"},children:["Events ",!s&&`(${a.length})`]}),s?e.jsx("div",{children:"Loading events..."}):null,!s&&!r&&a.length===0&&e.jsx("div",{className:"text-sm",children:"No events found"}),a.length>0&&!r?e.jsx("div",{className:"flex flex-col gap-2",children:a.map(o=>e.jsx(xn,{event:o,onLoadEventData:n},o.eventId))}):null]})}function bn(t){return t!==null&&typeof t=="object"&&"stepId"in t}function yn(t){return t!==null&&typeof t=="object"&&"runId"in t}function tt(t){return t!==null&&typeof t=="object"&&"hookId"in t}function Nn({run:t,onStreamClick:s,spanDetailData:r,spanDetailError:n,spanDetailLoading:a,onSpanSelect:o,onWakeUpSleep:l,onLoadEventData:i,onResolveHook:h,selectedSpan:d}){const[f,c]=u.useState(!1),[p,g]=u.useState(!1),[w,j]=u.useState(!1),b=d==null?void 0:d.data,m=d==null?void 0:d.rawEvents,y=(m==null?void 0:m.length)??0,{resource:N,resourceId:x,runId:C}=u.useMemo(()=>{if(!d)return{resource:void 0,resourceId:void 0,runId:void 0};const M=d.resource;return M==="step"&&bn(b)?{resource:"step",resourceId:b.stepId,runId:b.runId}:M==="run"&&yn(b)?{resource:"run",resourceId:b.runId,runId:void 0}:M==="hook"&&tt(b)?{resource:"hook",resourceId:b.hookId,runId:void 0}:M==="sleep"?{resource:"sleep",resourceId:d.spanId,runId:void 0}:{resource:void 0,resourceId:void 0,runId:void 0}},[d,b]);u.useEffect(()=>{N&&x&&["run","step","hook","sleep"].includes(N)&&o({resource:N,resourceId:x,runId:C})},[N,x,C,o]);const k=u.useMemo(()=>{if(N!=="sleep"||!m||["completed","failed","cancelled"].includes(t.status)||m.some(K=>K.eventType==="wait_completed"))return!1;const H=m.find(K=>K.eventType==="wait_created"),L=H==null?void 0:H.eventData,F=L==null?void 0:L.resumeAt;return F?new Date(F).getTime()>Date.now():!1},[N,m,y,t.status]),I=u.useMemo(()=>!(N!=="hook"||!m||["completed","failed","cancelled"].includes(t.status)||m.some(H=>H.eventType==="hook_disposed")),[N,m,y,t.status]),v=n??void 0,E=a??!1,D=u.useMemo(()=>{if(N!=="hook")return;const M=r??b;return tt(M)?M.token:void 0},[N,r,b]);u.useEffect(()=>{v&&d&&N&&Y.error(`Failed to load ${N} details`,{description:v.message})},[v,N,d]);const _=async()=>{if(!(f||!x)){if(!l){Y.error("Unable to wake up sleep",{description:"No wake-up handler provided."});return}try{c(!0),(await l(t.runId,x)).stoppedCount>0?Y.success("Run woken up",{description:"The sleep call has been interrupted and the run woken up."}):Y.info("Sleep already completed",{description:"This sleep call has already finished."})}catch(M){console.error("Failed to wake up run:",M),Y.error("Failed to wake up run",{description:M instanceof Error?M.message:"An unknown error occurred"})}finally{c(!1)}}},S=u.useCallback(async M=>{if(!w){if(!h){Y.error("Unable to resolve hook",{description:"No resolve handler provided."});return}if(!D){Y.error("Unable to resolve hook",{description:"Missing hook token. Try refreshing the run data and retry."});return}try{j(!0);const P=r??b,H=tt(P)?P:void 0;await h(D,M,H),Y.success("Hook resolved",{description:"The payload has been sent and the hook resolved."}),g(!1)}catch(P){console.error("Failed to resolve hook:",P),Y.error("Failed to resolve hook",{description:P instanceof Error?P.message:"An unknown error occurred"})}finally{j(!1)}}},[h,D,w,r,b]);if(!d||!N||!x)return null;const A=r??b;return e.jsxs("div",{className:ue("flex flex-col px-2"),children:[N==="sleep"&&k&&e.jsxs("div",{className:"mb-3 pb-3 border-b border-gray-200 dark:border-gray-700",children:[e.jsxs("button",{type:"button",onClick:_,disabled:f,className:ue("flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md w-full","bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200","hover:bg-amber-200 dark:hover:bg-amber-900/50","disabled:opacity-50 disabled:cursor-not-allowed","transition-colors",f?"opacity-50 cursor-not-allowed":"cursor-pointer"),children:[e.jsx(wr,{className:"h-4 w-4"}),f?"Waking up...":"Wake up"]}),e.jsx("p",{className:"mt-1.5 text-xs text-gray-500 dark:text-gray-400",children:"Interrupt this sleep call and wake up the run."})]}),N==="hook"&&I&&e.jsxs("div",{className:"mb-3 pb-3 border-b border-gray-200 dark:border-gray-700",children:[e.jsxs("button",{type:"button",onClick:()=>g(!0),disabled:w,className:ue("flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md w-full","bg-primary text-primary-foreground hover:bg-primary/90","disabled:opacity-50 disabled:cursor-not-allowed","transition-colors",w?"opacity-50 cursor-not-allowed":"cursor-pointer"),children:[e.jsx(jr,{className:"h-4 w-4"}),"Resolve Hook"]}),e.jsx("p",{className:"mt-1.5 text-xs text-gray-500 dark:text-gray-400",children:"Send a JSON payload to resolve this hook."})]}),e.jsx(kr,{isOpen:p,onClose:()=>g(!1),onSubmit:S,isSubmitting:w}),e.jsx(ar,{data:A,expiredAt:t.expiredAt,isLoading:E,error:v??void 0,onStreamClick:s}),N!=="run"&&m&&e.jsx(vn,{events:m,onLoadEventData:i})]})}function Le([t,s]){return t*1e3+s/1e6}function st(t){return[Math.floor(t/1e3),t%1e3*1e3]}const wn=t=>Se(t,!0),Lt=new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2});function Ue(t){return t>=1e3?`${Lt.format(t/1e3)}s`:`${Lt.format(t)}ms`}function jn(t){const s=u.useRef(t);s.current=t,u.useEffect(()=>{let r=0,n=0;const a=()=>{s.current(r),r=0},o=l=>{if(!l.ctrlKey&&!l.metaKey)return;l.preventDefault();let i=-l.deltaY;switch(l.deltaMode){case WheelEvent.DOM_DELTA_PAGE:i*=window.innerHeight;break;case WheelEvent.DOM_DELTA_LINE:i*=20;break}r+=i,cancelAnimationFrame(n),n=requestAnimationFrame(a)};return window.addEventListener("wheel",o,{passive:!1}),()=>{window.removeEventListener("wheel",o),cancelAnimationFrame(n)}},[])}const kn=[1,2,4,5,8,10];function En({scale:t}){const{state:{root:s}}=ke(),r=s.duration,n=Math.floor(Math.log10(r)),a=Math.floor(Math.log10(r*.5));let o=Math.max(2,10**n*(a===n?1:.5)),l=o*t,i=1;for(const f of kn){if(o/f<24)break;i=f}o/=i,l/=i;const h=Math.ceil(r/o),d=Math.ceil(100/l)||1;return e.jsx("div",{className:R.markersContainer,children:e.jsx("div",{"aria-hidden":!0,className:R.markers,style:{width:Math.floor(s.duration*t+15),visibility:t!==-1?"visible":"hidden","--marker-width":`${l}px`},children:new Array(h).fill(null).map((f,c)=>{const p=c%d===0;return e.jsx("span",{className:ue(R.marker,!p&&R.notch),children:p?e.jsx("span",{className:R.markerLabel,children:wn(o*c)}):null},String(c))})})})}function In({events:t,root:s,scale:r}){const n=u.useMemo(()=>t.filter(a=>a.event.showVerticalLine!==!1),[t]);return e.jsx("div",{className:R.eventMarkersContainer,children:e.jsx("div",{"aria-hidden":!0,className:R.eventMarkers,style:{width:Math.floor(s.duration*r)},children:n.map(a=>e.jsx("span",{className:ue(R.eventMarker),style:{left:Math.floor((a.timestamp-s.startTime)*r),...a.event.color&&{borderLeftColor:a.event.color}}},a.key))})})}const _t=2;function Cn({memoCacheRef:t,timelineRef:s,root:r,spans:n,events:a,scale:o,dispatch:l,scrollSnapshotRef:i}){const h=u.useRef(!1),d=u.useRef(n);d.current=n;const f=u.useRef(a);f.current=a;const c=u.useRef(null),{style:p,setStyle:g}=Je(c),w=u.useRef(null),j=u.useRef(null),{style:b,setStyle:m}=Je(j),y=u.useRef(void 0),N=u.useRef(null),{style:x,setStyle:C}=Je(N),k=u.useRef(0);u.useEffect(()=>{const v=s.current;if(!v)return;let E=k.current,D=0,_=!1,S=!1,A=!1,M=!1,P=0,H=0;const L=Date.now()+500,F=()=>{y.current||(y.current=v.getBoundingClientRect())},oe=O=>y.current?(O-ze-J)/(Ae+xe):0,K=()=>{const O=t.current;for(const G of d.current)G.isHovered&&(G.isHovered=!1,O.set(G.span.spanId,{}));l({type:"forceRender"})};let V=0;const se=()=>{var z,Q,te,re,Pe,wt,jt,kt;if(!h.current)return;y.current||F();const O=y.current;if(!O)return;const{scrollLeft:G,scrollTop:he}=v,Te=Math.max(0,Math.min(E+G-O.left-J,r.duration*o)),ye=`${Te-G+J}px`;m("left",ye),g("left",ye);const T=r.startTime+Te/o,B=T-r.startTime;if(B<0||B>r.duration?(z=w.current)==null||z.removeAttribute("data-text"):(Q=w.current)==null||Q.setAttribute("data-text",Ue(B)),_){const Fe=E-D,We=Math.abs(Fe);if(!A){if(We<4)return;A=!0,C("display","flex"),K()}Fe>0?(C("left",""),C("right","0")):(C("left","0"),C("right","")),C("width",`${We}px`);const He=Math.max(0,Math.min(D+G-O.left-J,r.duration*o))/o;let Ne,U;He<B?(Ne=He,U=B):(Ne=B,U=He),(te=N.current)==null||te.setAttribute("data-range",`${Ue(Ne)} — ${Ue(U)}`),(re=N.current)==null||re.setAttribute("data-duration",`${Ue(U-Ne)} selected`)}if(Date.now()<L){V=requestAnimationFrame(se);return}if(G!==P||he!==H){P=G,H=he,V=requestAnimationFrame(se);return}if(E-O.left<128?(Pe=w.current)==null||Pe.setAttribute("data-align","left"):E-O.left>O.width-128?(wt=w.current)==null||wt.setAttribute("data-align","right"):(jt=w.current)==null||jt.removeAttribute("data-align"),!A&&!S){const Fe=t.current,We=oe(he)-_t,Et=oe(he+O.height)+_t;for(const U of d.current){const Ee=U.row>=We&&U.row<=Et&&T>=U.startTime&&T<=U.endTime;U.isHovered!==Ee&&(U.isHovered=Ee,Fe.set(U.span.spanId,{}))}const Ne=12/o;for(const U of f.current){const Ee=T>=U.timestamp-Ne&&T<=U.timestamp+Ne;if(U.isHovered===Ee)continue;U.isHovered=Ee;const It=(kt=U.ref)==null?void 0:kt.current;It&&It.setAttribute("data-hovered",String(Ee))}l({type:"forceRender"})}};V=requestAnimationFrame(se);const be=O=>{O.pointerType==="mouse"&&(h.current=!0)},ae=()=>{h.current&&(h.current=!1,K())},W=({clientX:O})=>{E=O,k.current=E,cancelAnimationFrame(V),V=requestAnimationFrame(se)},$=O=>{O.preventDefault()},q=O=>{var G;if(O.button===2)M=!0,O.preventDefault();else{if(O.button!==0)return;M=!1}(G=s.current)!=null&&G.contains(O.target)?(D=E,_=!0):(S=!0,requestAnimationFrame(K))},Z=O=>{if(S=!1,!_||(_=!1,!A))return;if(A=!1,C("display",""),C("left",""),C("right",""),C("width",""),O.preventDefault(),O.stopImmediatePropagation(),M){M=!1;return}y.current||F();const G=y.current;if(!G)return;const{scrollLeft:he}=v,Te=Math.max(0,Math.min((D+he-G.left-J)/o,r.duration)),ye=Math.max(0,Math.min((E+he-G.left-J)/o,r.duration));l({type:"scaleToRange",t1:Te+r.startTime,t2:ye+r.startTime})},X=O=>{_&&O.key==="Escape"&&(M=!0,Z(O))},ie=()=>{y.current=void 0,I.current=void 0,cancelAnimationFrame(V),V=requestAnimationFrame(se)},le=()=>{cancelAnimationFrame(V),V=requestAnimationFrame(se)},Oe=new ResizeObserver(()=>{y.current=void 0});return Oe.observe(v),window.addEventListener("mousemove",W),v.addEventListener("contextmenu",$),window.addEventListener("mousedown",q),window.addEventListener("mouseup",Z),window.addEventListener("blur",Z),window.addEventListener("keydown",X,!0),window.addEventListener("scroll",ie),v.addEventListener("scroll",le),v.addEventListener("pointerenter",be),v.addEventListener("pointerleave",ae),()=>{Oe.disconnect(),window.removeEventListener("mousemove",W),v.removeEventListener("contextmenu",$),window.removeEventListener("mousedown",q),window.removeEventListener("mouseup",Z),window.removeEventListener("blur",Z),window.removeEventListener("keydown",X,!0),window.removeEventListener("scroll",ie),v.removeEventListener("scroll",le),v.removeEventListener("pointerenter",be),v.removeEventListener("pointerleave",ae),cancelAnimationFrame(V),k.current=E,K()}},[l,r,o,m,g,C,t,s,i]);const I=u.useRef(void 0);return jn(v=>{const E=s.current;if(!E)return;y.current??(y.current=E.getBoundingClientRect());const D=y.current,_=Math.max(0,Math.min(k.current-D.left-J,D.width-2*J));let S=0,A=I.current;(A==null?void 0:A.anchorX)===_?S=A.anchorT:(S=(E.scrollLeft+_)/o,A={anchorT:S,anchorX:_},I.current=A),l({type:"trackpadScale",delta:v/64,anchorT:S,anchorX:_})}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:R.cursorMarkerStickyParent,children:e.jsx("div",{className:R.cursorMarkerLabelContainer,ref:c,style:p,children:e.jsx("div",{className:R.cursorMarkerLabel,ref:w})})}),e.jsx("div",{className:R.cursorMarkerStickyParent,children:e.jsx("div",{className:R.cursorMarkerContainer,ref:j,style:b,children:e.jsx("div",{className:R.cursorMarker,children:e.jsx("div",{className:R.cursorSelection,ref:N,style:x})})})})]})}function Sn({height:t,width:s,value:r,placeholder:n,onChange:a}){return e.jsxs("label",{className:R.searchInputLabel,children:[e.jsx("div",{className:R.searchInputPrefix,children:e.jsx(An,{})}),e.jsx("input",{type:"search",value:r,placeholder:n,onChange:a,style:{height:t,width:s}})]})}function An(){return e.jsxs("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",focusable:"false",children:[e.jsx("circle",{cx:"7",cy:"7",r:"4.5",stroke:"currentColor",strokeWidth:"1.5"}),e.jsx("path",{d:"M11.5 11.5L14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function Dn(){return e.jsx("nav",{className:R.searchBar,children:e.jsx(Tn,{})})}function Tn(){const{dispatch:t}=ke(),[s,r]=u.useState("");return u.useEffect(()=>{const n=setTimeout(()=>t({type:"setFilter",filter:s}),100);return()=>{clearTimeout(n)}},[t,s]),e.jsx("div",{className:R.searchInput,children:e.jsx(Sn,{height:os,onChange:n=>r(n.target.value),placeholder:"Search spans…",value:s,width:"100%"})})}function Rn({size:t=16}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[e.jsx("title",{children:"Zoom In"}),e.jsx("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M11 8v6M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function Mn({size:t=16}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[e.jsx("title",{children:"Zoom Out"}),e.jsx("path",{d:"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M8 11h6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function Ln({size:t=16}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[e.jsx("title",{children:"Minus"}),e.jsx("path",{d:"M6 12h12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function _n(){const{dispatch:t}=ke(),s=u.useCallback(()=>{t({type:"adjustScaleRatio",direction:1})},[t]),r=u.useCallback(()=>{t({type:"adjustScaleRatio",direction:-1})},[t]),n=u.useCallback(()=>{t({type:"adjustScaleRatio",direction:0})},[t]);return e.jsxs("div",{className:R.zoomButtonGroup,children:[e.jsx("button",{"aria-label":"Zoom Out",className:R.zoomButton,onClick:r,type:"button",children:e.jsx(Mn,{size:18})}),e.jsx("div",{className:R.divider}),e.jsx("button",{"aria-label":"Reset Zoom",className:R.zoomButton,onClick:n,type:"button",children:e.jsx(Ln,{size:18})}),e.jsx("div",{className:R.divider}),e.jsx("button",{"aria-label":"Zoom In",className:R.zoomButton,onClick:s,type:"button",children:e.jsx(Rn,{size:18})})]})}const On=t=>{const{spans:s}=t,r={startTime:0,endTime:0,duration:0,depth:0,children:[]},n={},a=new Map,o=c=>{const p=a.get(c);if(p)return p;const g=a.size+1;return a.set(c,g),g};let l=!1;for(const c of s){const p=Le(c.startTime),g=Le(c.endTime),w=Le(c.duration);g>r.endTime&&(r.endTime=g,r.duration=g-r.startTime),(r.startTime===0||p<r.startTime)&&(r.startTime=p,r.duration=r.endTime-p);const j=c.resource.startsWith("vercel.");j||(l=!0);const b=j&&(c.resource!=="vercel.serverless-runtime"||!("http.method"in c.attributes)),m=b?0:o(c.resource);let y;b&&(y=`▲ ${c.name}`),n[c.spanId]={parent:null,startTime:p,endTime:g,duration:w,span:c,depth:0,label:y,events:Pn(c),isVercel:b,children:[],resourceIndex:m,activeStartTime:c.activeStartTime?Le(c.activeStartTime):void 0}}const i=(c,p)=>{let g;p?(g=n[p],g||(g=r)):g=r,c.parent=g,g.children.push(c)},h=c=>{"parent"in c&&(c.depth=c.parent.depth+1);for(const p of c.children)h(p)};let d=1;const f=(c,p)=>{if("parent"in c&&c.span.name===p){let g=c.endTime;const w=k=>k.children.length?k.children.map(w).sort((I,v)=>I.duration-v.duration)[0]||k:k.span.name==="waitUntil"?(g=k.startTime,k.parent):k,j=w(c),b=`instrumentation-hint-${d++}`,m=c.duration*.05,y=c.startTime+m,N=Math.max(y+m,Math.min(g-c.duration*.01,c.endTime-m)),x=N-y,C={parent:j,startTime:y,endTime:N,duration:x,span:{spanId:b,name:"Add your spans here",resource:"",kind:0,library:{name:""},status:{code:200},traceFlags:0,attributes:{},links:[],events:[],startTime:st(y),endTime:st(N),duration:st(x)},depth:c.depth+1,isVercel:!1,isInstrumentationHint:!0,children:[],resourceIndex:1};return j.children.push(C),n[b]=C,!0}for(const g of c.children)if(f(g,p))return!0;return!1};for(const c of Object.values(n))i(c,c.span.parentSpanId);if(h(r),!l){for(const c of["Invoke Function","Invoke Middleware","Vercel Runtime"])if(f(r,c))break}return{root:r,map:n}},Pn=t=>{if(!t.events.length)return;const s=`${t.spanId}:ev`;return t.events.map((r,n)=>({key:`${s}${n}`,timestamp:Le(r.timestamp),event:r})).sort((r,n)=>r.timestamp-n.timestamp)},Fn=(t,s)=>(t.isVisible=!0,t.isHovered=!1,t.isVisible);function rt(){return[]}const Wn=t=>{const{state:s,dispatch:r}=ke(),{root:n,filter:a,scale:o,timelineRef:l,timelineWidth:i,spanMap:h,scrollSnapshotRef:d,selected:f,memoCacheRef:c,customSpanClassNameFunc:p}=s,g=Hn(s.timelineHeight),w=u.useRef(0),[j,b]=u.useState(rt),[m,y]=u.useState(rt),[N,x]=u.useState(rt),[C,k]=u.useState(-1),I=u.useRef(void 0);return u.useEffect(()=>{var v;return(v=I.current)==null?void 0:v.call(I,a)},[a]),u.useEffect(()=>{if(t!=null&&t.length){for(const v of j)for(const E of v){const D=t.includes(E.span.spanId);E.isHighlighted!==D&&(E.isHighlighted=D,c.current.set(E.span.spanId,{}))}r({type:"forceRender"})}},[j,t,r,c]),u.useEffect(()=>{if(!n.startTime)return;const v=new Worker(new URL("/assets/worker-DIhmOA3S.js",import.meta.url));let E=++w.current;const D=S=>{var M;const A=S.data;switch(A.type){case"setRowsResult":{if(A.isEnd)for(const P of A.rows)for(const H of P)H.span=((M=h[H.span.spanId])==null?void 0:M.span)??H.span;b(A.rows);break}case"updateHighlight":{if((A==null?void 0:A.requestId)!==E)return;const{matches:P}=A;b(H=>{for(const L of H)for(const F of L){const oe=P.has(F.span.spanId);F.isHighlighted!==oe&&(F.isHighlighted=oe,c.current.set(F.span.spanId,{}))}return H}),r({type:"forceRender"});break}}};v.addEventListener("message",D);const _={requestId:E,type:"calculateSpanPositions",root:n};return v.postMessage(_),I.current=S=>{const A=S.trim().toLocaleLowerCase();if(!A){b(P=>P.map(H=>H.map(L=>(L.isHighlighted=void 0,{...L}))));return}E=++w.current;const M={type:"filterSpans",requestId:E,root:n,filter:A};v.postMessage(M)},()=>{v.terminate()}},[n,h,r,c]),u.useEffect(()=>{if(!j.length)return;const v=l.current;let E=d.current,D=!1,_=!1,S=0,A=0;const M=Math.max(500,i*.5),P=new Array(j.length).fill(null),H=()=>{_=!0;const W=Math.min(1+A+Math.ceil((E==null?void 0:E.endRow)??Number.POSITIVE_INFINITY),j.length);for(let $=W;$--;){if(P[$])continue;const q=L($);if(Math.abs(q)>A){if(_=!1,q>0)continue;break}const Z=[],X=j[$];if(X){for(const ie of X){if(!Fn(ie))continue;const le=F(ie);S=Math.max(le,S),Z.push({d:le,span:ie})}P[$]=Z}}},L=W=>E?W<E.startRow?W-E.startRow:W>E.endRow?W-E.endRow:0:0,F=W=>{if(!E)return 0;let $=0;W.endTime<E.startTime?$=E.startTime-W.endTime:W.startTime>E.endTime&&($=W.startTime-E.endTime);const q=Math.abs(L(W.row));return!$&&!q?0:Math.sqrt(($/o)**2+(q*Ae+xe)**2)},oe=()=>{if(!v)return;const{scrollLeft:W,scrollTop:$}=v,q=0,Z=W/o,X=($-ze-J)/(Ae+xe),ie=X+Math.ceil(g/(Ae+xe));E={anchorT:Z,anchorX:q,scrollLeft:W,scrollTop:$,startTime:n.startTime+W/o,endTime:n.startTime+(W+i)/o,startRow:X,endRow:ie,scale:o},d.current=E;for(let le=P.length;le--;)P[le]=null};let K=0;const V=()=>{(D||!E)&&(D=!1,oe()),H();const W=[],$=[];for(const q of P)if(q)for(const{d:Z,span:X}of q)Z>A||(W.push(X),X.events&&$.push(...X.events));A<M&&(!_||A<S)&&(A=Math.min(M,A+100),K=requestAnimationFrame(V)),y(W),x($),k(o)};V();let se=Date.now();const be=W=>{(W.ctrlKey||W.metaKey)&&(se=Date.now())};v==null||v.addEventListener("wheel",be);const ae=()=>{Date.now()-se<=50||(D=!0,cancelAnimationFrame(K),K=requestAnimationFrame(V))};return v==null||v.addEventListener("scroll",ae),()=>{cancelAnimationFrame(K),v==null||v.removeEventListener("wheel",be),v==null||v.removeEventListener("scroll",ae)}},[j,n,o,d,l,i,g]),u.useEffect(()=>{var S;if(!f)return;let v;for(const A of m)if(A.span.spanId===f.span.spanId){v=A;break}const E=(S=v==null?void 0:v.ref)==null?void 0:S.current;if(!v||!E)return;v.isSelected=!0;const D=Ct(v,o),_=p?p(v):"";return E.className=ue(D,_),()=>{v.isSelected=!1;const A=Ct(v,o),M=p?p(v):"";E.className=ue(A,M)}},[m,o,f,p]),{rows:j,spans:m,events:N,scale:C}};function Hn(t){const[s,r]=u.useState(t);return u.useEffect(()=>{if(s===t)return;let n=0,a=0;const o=()=>{if(++n<=3){a=requestAnimationFrame(o);return}r(t)};return o(),()=>{cancelAnimationFrame(a)}},[s,t]),s}const Ot={traceId:"skeleton",spans:[{parentSpanId:"",spanId:"root",name:"root span",kind:1,resource:"vercel.runtime",startTime:[5e3,0],endTime:[6e3,0],duration:[1e3,0],library:{name:"vercel-site"},status:{code:1},attributes:{"vercel.ownerId":"team_abc"},traceFlags:1,events:[],links:[]}],resources:[{name:"vercel.runtime",attributes:{}}],rootSpanId:"root"};function Bn({trace:t=Ot,className:s="",scrollLock:r=!1,height:n,withPanel:a=!1,highlightedSpans:o}){const l=t===Ot,{state:i,dispatch:h}=ke(),{timelineRef:d,scrollSnapshotRef:f}=i,c=i.memoCacheRef.current,p=((o==null?void 0:o.length)??0)>0||t.spans.length<=10;u.useEffect(()=>{const{root:k,map:I}=On(t);h({type:"setRoot",root:k,spanMap:I,resources:t.resources||[]})},[h,t]);const{rows:g,spans:w,events:j,scale:b}=Wn(o),m=u.useRef(null);u.useLayoutEffect(()=>{const k=m.current;if(!k)return;const I=()=>{const E=2*J,D=k.getBoundingClientRect();h({type:"setSize",width:D.width-E,height:D.height})};I();const v=new ResizeObserver(I);return v.observe(k),window.addEventListener("resize",I),()=>{v.disconnect(),window.removeEventListener("resize",I)}},[h]);const y=u.useRef({t:0,x:-1,y:-1,spanId:""}),N=u.useCallback(k=>{const I=y.current,v=Date.now(),{clientX:E,clientY:D}=k,_=Math.sqrt((E-I.x)**2+(D-I.y)**2);if(v-I.t<=500&&_<=8){if(k.stopPropagation(),k.preventDefault(),!I.spanId){h({type:"resetScale"});return}h({type:"select",id:I.spanId}),h({type:"scaleToNode",id:I.spanId});return}const S=k.target;if(!S.closest(`.${String(R.timeline)}`))return;const A=S.closest("[data-span-id]"),M=(A==null?void 0:A.dataset.spanId)||"";y.current={x:E,y:D,t:v,spanId:M},M&&(h({type:"toggleSelection",id:M}),k.stopPropagation())},[h]);u.useLayoutEffect(()=>{const k=d.current;if(!k)return;const I=f.current;I&&(k.scrollLeft=I.anchorT*b-I.anchorX)},[f,d,b]),u.useEffect(()=>{var v;const k=(v=i.selected)==null?void 0:v.span.spanId;if(!k)return;const I=setTimeout(()=>{const E=i.timelineRef.current,D=E==null?void 0:E.querySelector(`[data-span-id="${k}"]`);if(!E||!D)return;const _=E.getBoundingClientRect(),S=D.getBoundingClientRect();S.width<_.width&&(S.left<_.left||S.right>_.right||S.top<_.top||S.bottom>_.bottom)&&D.scrollIntoView({block:"nearest",inline:"center",behavior:"smooth"})},500);return()=>{clearTimeout(I)}},[i.selected,i.timelineRef]),u.useEffect(()=>{const k=I=>{I.key==="Escape"&&h({type:"escape"})};return window.addEventListener("keydown",k),()=>{window.removeEventListener("keydown",k)}},[h]),u.useEffect(()=>{if(!r)return;const k=document.documentElement,I=document.body;k.style.overflow="clip",I.style.overflow="clip";const v=E=>{E!=null&&E.cancelable?E.preventDefault():window.scrollTo({left:0,top:0,behavior:"instant"})};return v(),window.addEventListener("scroll",v,{passive:!1}),()=>{k.style.overflow="",I.style.overflow="",window.removeEventListener("scroll",v)}},[r]);const x=Math.max(i.timelineHeight-i.scrollbarWidth,ze+xe+g.length*(Ae+xe)-xe+84),C=!!(i.isMobile&&i.selected);return e.jsxs("div",{className:ue(R.traceViewer,l&&R.skeleton,s),onClickCapture:N,ref:m,style:{height:n,"--timeline-padding":`${J}px`,"--row-height":`${Ae}px`,"--row-padding":`${xe}px`,"--search-height":`${p?0:os}px`,"--search-gap":`${p?2:cr}px`,"--map-height":`${lr}px`,"--timeline-width":`${i.timelineWidth}px`,"--timeline-height":`${i.timelineHeight}px`,"--timeline-scroll-width":`${Math.round(i.root.duration*i.scale)}px`,"--panel-width":`${i.panelWidth}px`,"--panel-height":`${i.panelHeight}px`,"--height":`${i.height}px`,"--scrollbar-width":`${i.scrollbarWidth}px`,"--marker-height":`${ze}px`,"--marker-notch-height":`${ir}px`},children:[p?null:e.jsx(Dn,{}),e.jsx(dr,{rows:g,scale:b,timelineRef:d}),e.jsxs("div",{className:ue(R.traceViewerContent,C&&R.inert),children:[e.jsx("div",{className:R.timeline,ref:d,children:e.jsx("div",{style:{position:"relative",width:i.timelineWidth,height:i.timelineHeight-J*2,padding:J,paddingBottom:0},children:e.jsxs("div",{className:R.traceNode,style:{width:i.root.duration*b||void 0,height:x-J*2},children:[e.jsx(En,{scale:b}),e.jsx(In,{events:j,root:i.root,scale:b}),e.jsx(Cn,{dispatch:h,events:j,memoCacheRef:i.memoCacheRef,root:i.root,scale:b,scrollSnapshotRef:f,spans:w,timelineRef:d}),e.jsx(ur,{cacheKey:c.get(""),cache:c,customSpanClassNameFunc:i.customSpanClassNameFunc,customSpanEventClassNameFunc:i.customSpanEventClassNameFunc,root:i.root,scale:b,scrollSnapshotRef:f,spans:w})]})})}),e.jsx("div",{className:R.zoomButtonTraceViewer,children:e.jsx(_n,{})})]}),a?e.jsx("div",{className:ue(R.spanDetailPanelTraceViewer,!i.selected&&R.hidden,i.isMobile&&R.mobile),children:e.jsx(fr,{attached:!0})}):null]})}function Me({className:t,...s}){return e.jsx("div",{className:mr("animate-pulse rounded-md bg-muted",t),...s})}function Pt(t,s=!1){if(s&&t==="pending")return R.spanPendingStriped;switch(t){case"running":return R.spanRunning;case"pending":return R.spanPending;case"completed":return R.spanCompleted;case"cancelled":return R.spanCancelled;case"failed":return R.spanFailed;default:return""}}function $n(t){return String(t).toLowerCase().endsWith("sleep")}const Gn=t=>{const s=t.span.attributes,r=s==null?void 0:s.resource;if(r==="step"){const n=s.data,a=n==null?void 0:n.stepName;if(a&&$n(a))return R.spanSleep;const o=(n==null?void 0:n.status)==="pending";return Pt(n==null?void 0:n.status,o)}if(r==="run"){const n=s.data;return Pt(n==null?void 0:n.status,!1)}return r==="hook"?R.spanHook:r==="sleep"?R.spanSleep:""},Un=t=>{const s=t.event.name;return s==="step_failed"||s==="run_failed"?R.eventFailed:s==="step_retrying"?R.eventRetrying:s==="hook_created"||s==="hook_received"||s==="hook_disposed"?R.eventHook:R.eventDefault},Vn=2e3,zn=380,Kn=240,qn=t=>t==="wait_created"||t==="wait_completed",Zn=t=>t==="hook_received"||t==="hook_created"||t==="hook_disposed",Ve=(t,s,r)=>{const n=t.get(s);if(n){n.push(r);return}t.set(s,[r])},Xn=(t,s,r)=>{const n=new Map,a=new Map,o=[],l=new Map,i=new Map,h=new Set(s.map(f=>f.stepId)),d=new Set(r.map(f=>f.hookId));for(const f of t){const c=f.correlationId;if(!c){o.push(f);continue}if(qn(f.eventType)){Ve(l,c,f);continue}if(Zn(f.eventType)){Ve(i,c,f);continue}if(h.has(c)){Ve(n,c,f);continue}if(d.has(c)){Ve(a,c,f);continue}o.push(f)}return{eventsByStepId:n,eventsByHookId:a,runLevelEvents:o,timerEvents:l,hookEvents:i}},Yn=(t,s,r,n)=>{const a=s.map(i=>{const h=r.eventsByStepId.get(i.stepId)||[];return Ir(i,h,n)}),o=Array.from(r.hookEvents.values()).map(i=>Cr(i,t,n)).filter(i=>i!==null),l=Array.from(r.timerEvents.values()).map(i=>Sr(i,t,n)).filter(i=>i!==null);return{runSpan:Ar(t,r.runLevelEvents,n),spans:[...a,...o,...l]}},Jn=(t,s)=>{const r=[t,...s.slice().sort((n,a)=>{const o=At(n.startTime),l=At(a.startTime);return o-l})];return r.map((n,a)=>{const o=a===0?void 0:String(r[a-1].spanId);return{...n,parentSpanId:o}})},Qn=(t,s,r,n,a)=>{const o=Xn(n,s,r),{runSpan:l,spans:i}=Yn(t,s,o,a),h=Jn(l,i);return{traceId:t.runId,rootSpanId:t.runId,spans:h,resources:[{name:"workflow",attributes:{"service.name":Er.name}}]}};function eo({onSelectionChange:t}){const{state:s}=ke(),{selected:r}=s,n=u.useRef(t);return n.current=t,u.useEffect(()=>{var a,o;r?n.current({data:(a=r.span.attributes)==null?void 0:a.data,resource:(o=r.span.attributes)==null?void 0:o.resource,spanId:r.span.spanId}):n.current(null)},[r]),null}function to({triggerDeselect:t}){const{dispatch:s}=ke();return u.useEffect(()=>{t>0&&s({type:"deselect"})},[t,s]),null}function so({onResize:t}){const s=u.useCallback(r=>{r.preventDefault();let n=r.clientX;const a=l=>{const i=n-l.clientX;n=l.clientX,t(i)},o=()=>{document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",o)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",o)},[t]);return e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-400/50 z-10",onPointerDown:s})}const ro=({run:t,steps:s,hooks:r,events:n,isLoading:a,error:o,spanDetailData:l,spanDetailLoading:i,spanDetailError:h,onWakeUpSleep:d,onResolveHook:f,onStreamClick:c,onSpanSelect:p,onLoadEventData:g})=>{const[w,j]=u.useState(()=>new Date),[b,m]=u.useState(null),[y,N]=u.useState(zn),[x,C]=u.useState(0);u.useEffect(()=>{if(!(t!=null&&t.completedAt)){const S=setInterval(()=>{j(new Date)},Vn);return()=>clearInterval(S)}},[t==null?void 0:t.completedAt]);const k=u.useMemo(()=>{if(t)return Qn(t,s,r,n,w)},[t,s,r,n,w]);u.useEffect(()=>{o&&!a&&(console.error(o),Y.error("Error loading workflow trace data",{description:o.message}))},[o,a]);const I=u.useCallback(S=>{p==null||p(S)},[p]),v=u.useCallback(S=>{if(S){const A=S.spanId,M=A?n.filter(P=>P.correlationId===A):[];m({...S,rawEvents:M})}else m(null)},[n]),E=u.useCallback(()=>{m(null),C(S=>S+1)},[]),D=u.useCallback(S=>{N(A=>Math.max(Kn,A+S))},[]),_=u.useMemo(()=>{if(!(b!=null&&b.data))return;const S=b.data;return S.stepName??S.workflowName??S.hookId??"Details"},[b==null?void 0:b.data]);return a||!k?e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("div",{className:"border-b border-gray-alpha-400 w-full"}),e.jsx(Me,{className:"w-full ml-2 mt-1 mb-1 h-[56px]"}),e.jsxs("div",{className:"p-2 relative w-full",children:[e.jsx(Me,{className:"w-full mt-6 h-[20px]"}),e.jsx(Me,{className:"w-[10%] mt-2 ml-6 h-[20px]"}),e.jsx(Me,{className:"w-[10%] mt-2 ml-12 h-[20px]"}),e.jsx(Me,{className:"w-[20%] mt-2 ml-16 h-[20px]"})]})]}):e.jsxs("div",{className:"relative w-full h-full flex",children:[e.jsx("div",{className:"flex-1 min-w-0 relative",children:e.jsxs(pr,{customSpanClassNameFunc:Gn,customSpanEventClassNameFunc:Un,children:[e.jsx(eo,{onSelectionChange:v}),e.jsx(to,{triggerDeselect:x}),e.jsx(Bn,{height:"100%",trace:k})]})}),b&&e.jsxs("div",{className:"relative border-l flex-shrink-0 flex flex-col",style:{width:y,borderColor:"var(--ds-gray-200)",backgroundColor:"var(--ds-background-100)"},children:[e.jsx(so,{onResize:D}),e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b flex-shrink-0",style:{borderColor:"var(--ds-gray-200)"},children:[e.jsx("span",{className:"text-sm font-medium truncate",style:{color:"var(--ds-gray-1000)"},children:_}),e.jsx("button",{type:"button","aria-label":"Close panel",onClick:E,className:"ml-2 p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 flex-shrink-0",children:e.jsx(us,{size:16})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsx(Ce,{title:"Failed to load entity details",children:e.jsx(Nn,{run:t,onStreamClick:c,spanDetailData:l??null,spanDetailError:h,spanDetailLoading:i,onSpanSelect:I,onWakeUpSleep:d,onLoadEventData:g,onResolveHook:f,selectedSpan:b})})})]})]})};function no({streamId:t,chunks:s,isLive:r,error:n}){const a=ft(),[o,l]=u.useState(!1),i=u.useRef(null),h=u.useCallback(()=>{if(i.current){const{scrollTop:f,scrollHeight:c,clientHeight:p}=i.current,g=c-f-p<10;l(!g&&c>p)}},[]);u.useEffect(()=>{i.current&&(i.current.scrollTop=i.current.scrollHeight),h()},[s.length,h]);const d=a?pt:ht;return e.jsxs("div",{className:"flex flex-col h-full pb-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3 px-1",children:[e.jsx("code",{className:"text-xs font-mono truncate max-w-[80%]",style:{color:"var(--ds-gray-900)"},title:t,children:t}),e.jsxs("span",{className:"text-xs flex items-center gap-1.5",style:{color:r?"var(--ds-green-700)":"var(--ds-gray-600)"},children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full",style:{backgroundColor:r?"var(--ds-green-600)":"var(--ds-gray-500)"}}),r?"Live":"Closed"]})]}),e.jsxs("div",{className:"relative flex-1 min-h-[200px]",children:[e.jsx("div",{ref:i,onScroll:h,className:"absolute inset-0 overflow-auto flex flex-col gap-2",children:n?e.jsxs("div",{className:"text-[11px] rounded-md border p-3",style:{borderColor:"var(--ds-red-300)",backgroundColor:"var(--ds-red-100)",color:"var(--ds-red-700)"},children:[e.jsx("div",{children:"Error reading stream:"}),e.jsx("div",{children:n})]}):s.length===0?e.jsx("div",{className:"text-[11px] rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)",color:"var(--ds-gray-600)"},children:r?"Waiting for stream data...":"Stream is empty"}):s.map((f,c)=>e.jsxs("div",{className:"rounded-md border p-3",style:{borderColor:"var(--ds-gray-300)"},children:[e.jsxs("span",{className:"select-none mr-2 text-[11px] font-mono",style:{color:"var(--ds-gray-500)"},children:["[",c,"]"]}),typeof f.data=="string"?e.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--ds-gray-1000)"},children:f.data}):e.jsx(mt,{data:f.data,theme:d,expandLevel:1})]},`${t}-chunk-${f.id}`))}),o&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-8 pointer-events-none",style:{background:"linear-gradient(to top, var(--ds-background-100), transparent)"}})]})]})}var oo=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],me=oo.reduce((t,s)=>{const r=u.forwardRef((n,a)=>{const{asChild:o,...l}=n,i=o?gt:s;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(i,{...l,ref:a})});return r.displayName=`Primitive.${s}`,{...t,[s]:r}},{});function ao(t,s){t&&Js.flushSync(()=>t.dispatchEvent(s))}var io="DismissableLayer",ut="dismissableLayer.update",lo="dismissableLayer.pointerDownOutside",co="dismissableLayer.focusOutside",Ft,hs=u.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),gs=u.forwardRef((t,s)=>{const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:n,onPointerDownOutside:a,onFocusOutside:o,onInteractOutside:l,onDismiss:i,...h}=t,d=u.useContext(hs),[f,c]=u.useState(null),p=(f==null?void 0:f.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,g]=u.useState({}),w=ve(s,I=>c(I)),j=Array.from(d.layers),[b]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),m=j.indexOf(b),y=f?j.indexOf(f):-1,N=d.layersWithOutsidePointerEventsDisabled.size>0,x=y>=m,C=mo(I=>{const v=I.target,E=[...d.branches].some(D=>D.contains(v));!x||E||(a==null||a(I),l==null||l(I),I.defaultPrevented||i==null||i())},p),k=po(I=>{const v=I.target;[...d.branches].some(D=>D.contains(v))||(o==null||o(I),l==null||l(I),I.defaultPrevented||i==null||i())},p);return Dr(I=>{y===d.layers.size-1&&(n==null||n(I),!I.defaultPrevented&&i&&(I.preventDefault(),i()))},p),u.useEffect(()=>{if(f)return r&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(Ft=p.body.style.pointerEvents,p.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(f)),d.layers.add(f),Wt(),()=>{r&&d.layersWithOutsidePointerEventsDisabled.size===1&&(p.body.style.pointerEvents=Ft)}},[f,p,r,d]),u.useEffect(()=>()=>{f&&(d.layers.delete(f),d.layersWithOutsidePointerEventsDisabled.delete(f),Wt())},[f,d]),u.useEffect(()=>{const I=()=>g({});return document.addEventListener(ut,I),()=>document.removeEventListener(ut,I)},[]),e.jsx(me.div,{...h,ref:w,style:{pointerEvents:N?x?"auto":"none":void 0,...t.style},onFocusCapture:fe(t.onFocusCapture,k.onFocusCapture),onBlurCapture:fe(t.onBlurCapture,k.onBlurCapture),onPointerDownCapture:fe(t.onPointerDownCapture,C.onPointerDownCapture)})});gs.displayName=io;var uo="DismissableLayerBranch",fo=u.forwardRef((t,s)=>{const r=u.useContext(hs),n=u.useRef(null),a=ve(s,n);return u.useEffect(()=>{const o=n.current;if(o)return r.branches.add(o),()=>{r.branches.delete(o)}},[r.branches]),e.jsx(me.div,{...t,ref:a})});fo.displayName=uo;function mo(t,s=globalThis==null?void 0:globalThis.document){const r=Ke(t),n=u.useRef(!1),a=u.useRef(()=>{});return u.useEffect(()=>{const o=i=>{if(i.target&&!n.current){let h=function(){xs(lo,r,d,{discrete:!0})};const d={originalEvent:i};i.pointerType==="touch"?(s.removeEventListener("click",a.current),a.current=h,s.addEventListener("click",a.current,{once:!0})):h()}else s.removeEventListener("click",a.current);n.current=!1},l=window.setTimeout(()=>{s.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(l),s.removeEventListener("pointerdown",o),s.removeEventListener("click",a.current)}},[s,r]),{onPointerDownCapture:()=>n.current=!0}}function po(t,s=globalThis==null?void 0:globalThis.document){const r=Ke(t),n=u.useRef(!1);return u.useEffect(()=>{const a=o=>{o.target&&!n.current&&xs(co,r,{originalEvent:o},{discrete:!1})};return s.addEventListener("focusin",a),()=>s.removeEventListener("focusin",a)},[s,r]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function Wt(){const t=new CustomEvent(ut);document.dispatchEvent(t)}function xs(t,s,r,{discrete:n}){const a=r.originalEvent.target,o=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:r});s&&a.addEventListener(t,s,{once:!0}),n?ao(a,o):a.dispatchEvent(o)}var nt="focusScope.autoFocusOnMount",ot="focusScope.autoFocusOnUnmount",Ht={bubbles:!1,cancelable:!0},ho="FocusScope",vs=u.forwardRef((t,s)=>{const{loop:r=!1,trapped:n=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...l}=t,[i,h]=u.useState(null),d=Ke(a),f=Ke(o),c=u.useRef(null),p=ve(s,j=>h(j)),g=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(n){let j=function(N){if(g.paused||!i)return;const x=N.target;i.contains(x)?c.current=x:ge(c.current,{select:!0})},b=function(N){if(g.paused||!i)return;const x=N.relatedTarget;x!==null&&(i.contains(x)||ge(c.current,{select:!0}))},m=function(N){if(document.activeElement===document.body)for(const C of N)C.removedNodes.length>0&&ge(i)};document.addEventListener("focusin",j),document.addEventListener("focusout",b);const y=new MutationObserver(m);return i&&y.observe(i,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",j),document.removeEventListener("focusout",b),y.disconnect()}}},[n,i,g.paused]),u.useEffect(()=>{if(i){$t.add(g);const j=document.activeElement;if(!i.contains(j)){const m=new CustomEvent(nt,Ht);i.addEventListener(nt,d),i.dispatchEvent(m),m.defaultPrevented||(go(No(bs(i)),{select:!0}),document.activeElement===j&&ge(i))}return()=>{i.removeEventListener(nt,d),setTimeout(()=>{const m=new CustomEvent(ot,Ht);i.addEventListener(ot,f),i.dispatchEvent(m),m.defaultPrevented||ge(j??document.body,{select:!0}),i.removeEventListener(ot,f),$t.remove(g)},0)}}},[i,d,f,g]);const w=u.useCallback(j=>{if(!r&&!n||g.paused)return;const b=j.key==="Tab"&&!j.altKey&&!j.ctrlKey&&!j.metaKey,m=document.activeElement;if(b&&m){const y=j.currentTarget,[N,x]=xo(y);N&&x?!j.shiftKey&&m===x?(j.preventDefault(),r&&ge(N,{select:!0})):j.shiftKey&&m===N&&(j.preventDefault(),r&&ge(x,{select:!0})):m===y&&j.preventDefault()}},[r,n,g.paused]);return e.jsx(me.div,{tabIndex:-1,...l,ref:p,onKeyDown:w})});vs.displayName=ho;function go(t,{select:s=!1}={}){const r=document.activeElement;for(const n of t)if(ge(n,{select:s}),document.activeElement!==r)return}function xo(t){const s=bs(t),r=Bt(s,t),n=Bt(s.reverse(),t);return[r,n]}function bs(t){const s=[],r=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const a=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||a?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)s.push(r.currentNode);return s}function Bt(t,s){for(const r of t)if(!vo(r,{upTo:s}))return r}function vo(t,{upTo:s}){if(getComputedStyle(t).visibility==="hidden")return!0;for(;t;){if(s!==void 0&&t===s)return!1;if(getComputedStyle(t).display==="none")return!0;t=t.parentElement}return!1}function bo(t){return t instanceof HTMLInputElement&&"select"in t}function ge(t,{select:s=!1}={}){if(t&&t.focus){const r=document.activeElement;t.focus({preventScroll:!0}),t!==r&&bo(t)&&s&&t.select()}}var $t=yo();function yo(){let t=[];return{add(s){const r=t[0];s!==r&&(r==null||r.pause()),t=Gt(t,s),t.unshift(s)},remove(s){var r;t=Gt(t,s),(r=t[0])==null||r.resume()}}}function Gt(t,s){const r=[...t],n=r.indexOf(s);return n!==-1&&r.splice(n,1),r}function No(t){return t.filter(s=>s.tagName!=="A")}var wo="Portal",ys=u.forwardRef((t,s)=>{var i;const{container:r,...n}=t,[a,o]=u.useState(!1);Tr(()=>o(!0),[]);const l=r||a&&((i=globalThis==null?void 0:globalThis.document)==null?void 0:i.body);return l?Qs.createPortal(e.jsx(me.div,{...n,ref:s}),l):null});ys.displayName=wo;var vt="Dialog",[Ns,ws]=fs(vt),[jo,ne]=Ns(vt),js=t=>{const{__scopeDialog:s,children:r,open:n,defaultOpen:a,onOpenChange:o,modal:l=!0}=t,i=u.useRef(null),h=u.useRef(null),[d=!1,f]=Mr({prop:n,defaultProp:a,onChange:o});return e.jsx(jo,{scope:s,triggerRef:i,contentRef:h,contentId:Qe(),titleId:Qe(),descriptionId:Qe(),open:d,onOpenChange:f,onOpenToggle:u.useCallback(()=>f(c=>!c),[f]),modal:l,children:r})};js.displayName=vt;var ks="DialogTrigger",Es=u.forwardRef((t,s)=>{const{__scopeDialog:r,...n}=t,a=ne(ks,r),o=ve(s,a.triggerRef);return e.jsx(me.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":Nt(a.open),...n,ref:o,onClick:fe(t.onClick,a.onOpenToggle)})});Es.displayName=ks;var bt="DialogPortal",[ko,Is]=Ns(bt,{forceMount:void 0}),Cs=t=>{const{__scopeDialog:s,forceMount:r,children:n,container:a}=t,o=ne(bt,s);return e.jsx(ko,{scope:s,forceMount:r,children:u.Children.map(n,l=>e.jsx(xt,{present:r||o.open,children:e.jsx(ys,{asChild:!0,container:a,children:l})}))})};Cs.displayName=bt;var Ze="DialogOverlay",Ss=u.forwardRef((t,s)=>{const r=Is(Ze,t.__scopeDialog),{forceMount:n=r.forceMount,...a}=t,o=ne(Ze,t.__scopeDialog);return o.modal?e.jsx(xt,{present:n||o.open,children:e.jsx(Eo,{...a,ref:s})}):null});Ss.displayName=Ze;var Eo=u.forwardRef((t,s)=>{const{__scopeDialog:r,...n}=t,a=ne(Ze,r);return e.jsx(_r,{as:gt,allowPinchZoom:!0,shards:[a.contentRef],children:e.jsx(me.div,{"data-state":Nt(a.open),...n,ref:s,style:{pointerEvents:"auto",...n.style}})})}),je="DialogContent",As=u.forwardRef((t,s)=>{const r=Is(je,t.__scopeDialog),{forceMount:n=r.forceMount,...a}=t,o=ne(je,t.__scopeDialog);return e.jsx(xt,{present:n||o.open,children:o.modal?e.jsx(Io,{...a,ref:s}):e.jsx(Co,{...a,ref:s})})});As.displayName=je;var Io=u.forwardRef((t,s)=>{const r=ne(je,t.__scopeDialog),n=u.useRef(null),a=ve(s,r.contentRef,n);return u.useEffect(()=>{const o=n.current;if(o)return Lr(o)},[]),e.jsx(Ds,{...t,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:fe(t.onCloseAutoFocus,o=>{var l;o.preventDefault(),(l=r.triggerRef.current)==null||l.focus()}),onPointerDownOutside:fe(t.onPointerDownOutside,o=>{const l=o.detail.originalEvent,i=l.button===0&&l.ctrlKey===!0;(l.button===2||i)&&o.preventDefault()}),onFocusOutside:fe(t.onFocusOutside,o=>o.preventDefault())})}),Co=u.forwardRef((t,s)=>{const r=ne(je,t.__scopeDialog),n=u.useRef(!1),a=u.useRef(!1);return e.jsx(Ds,{...t,ref:s,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var l,i;(l=t.onCloseAutoFocus)==null||l.call(t,o),o.defaultPrevented||(n.current||(i=r.triggerRef.current)==null||i.focus(),o.preventDefault()),n.current=!1,a.current=!1},onInteractOutside:o=>{var h,d;(h=t.onInteractOutside)==null||h.call(t,o),o.defaultPrevented||(n.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=o.target;((d=r.triggerRef.current)==null?void 0:d.contains(l))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()}})}),Ds=u.forwardRef((t,s)=>{const{__scopeDialog:r,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,...l}=t,i=ne(je,r),h=u.useRef(null),d=ve(s,h);return Or(),e.jsxs(e.Fragment,{children:[e.jsx(vs,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o,children:e.jsx(gs,{role:"dialog",id:i.contentId,"aria-describedby":i.descriptionId,"aria-labelledby":i.titleId,"data-state":Nt(i.open),...l,ref:d,onDismiss:()=>i.onOpenChange(!1)})}),e.jsxs(e.Fragment,{children:[e.jsx(Ao,{titleId:i.titleId}),e.jsx(To,{contentRef:h,descriptionId:i.descriptionId})]})]})}),yt="DialogTitle",Ts=u.forwardRef((t,s)=>{const{__scopeDialog:r,...n}=t,a=ne(yt,r);return e.jsx(me.h2,{id:a.titleId,...n,ref:s})});Ts.displayName=yt;var Rs="DialogDescription",Ms=u.forwardRef((t,s)=>{const{__scopeDialog:r,...n}=t,a=ne(Rs,r);return e.jsx(me.p,{id:a.descriptionId,...n,ref:s})});Ms.displayName=Rs;var Ls="DialogClose",_s=u.forwardRef((t,s)=>{const{__scopeDialog:r,...n}=t,a=ne(Ls,r);return e.jsx(me.button,{type:"button",...n,ref:s,onClick:fe(t.onClick,()=>a.onOpenChange(!1))})});_s.displayName=Ls;function Nt(t){return t?"open":"closed"}var Os="DialogTitleWarning",[So,Ps]=Rr(Os,{contentName:je,titleName:yt,docsSlug:"dialog"}),Ao=({titleId:t})=>{const s=Ps(Os),r=`\`${s.contentName}\` requires a \`${s.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${s.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${s.docsSlug}`;return u.useEffect(()=>{t&&(document.getElementById(t)||console.error(r))},[r,t]),null},Do="DialogDescriptionWarning",To=({contentRef:t,descriptionId:s})=>{const n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ps(Do).contentName}}.`;return u.useEffect(()=>{var o;const a=(o=t.current)==null?void 0:o.getAttribute("aria-describedby");s&&a&&(document.getElementById(s)||console.warn(n))},[n,t,s]),null},Ro=js,Mo=Es,Lo=Cs,_o=Ss,Oo=As,Po=Ts,Fo=Ms,Fs=_s,Ws="AlertDialog",[Wo]=fs(Ws,[ws]),pe=ws(),Hs=t=>{const{__scopeAlertDialog:s,...r}=t,n=pe(s);return e.jsx(Ro,{...n,...r,modal:!0})};Hs.displayName=Ws;var Ho="AlertDialogTrigger",Bo=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,a=pe(r);return e.jsx(Mo,{...a,...n,ref:s})});Bo.displayName=Ho;var $o="AlertDialogPortal",Bs=t=>{const{__scopeAlertDialog:s,...r}=t,n=pe(s);return e.jsx(Lo,{...n,...r})};Bs.displayName=$o;var Go="AlertDialogOverlay",$s=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,a=pe(r);return e.jsx(_o,{...a,...n,ref:s})});$s.displayName=Go;var De="AlertDialogContent",[Uo,Vo]=Wo(De),Gs=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,children:n,...a}=t,o=pe(r),l=u.useRef(null),i=ve(s,l),h=u.useRef(null);return e.jsx(So,{contentName:De,titleName:Us,docsSlug:"alert-dialog",children:e.jsx(Uo,{scope:r,cancelRef:h,children:e.jsxs(Oo,{role:"alertdialog",...o,...a,ref:i,onOpenAutoFocus:fe(a.onOpenAutoFocus,d=>{var f;d.preventDefault(),(f=h.current)==null||f.focus({preventScroll:!0})}),onPointerDownOutside:d=>d.preventDefault(),onInteractOutside:d=>d.preventDefault(),children:[e.jsx(hr,{children:n}),e.jsx(Ko,{contentRef:l})]})})})});Gs.displayName=De;var Us="AlertDialogTitle",Vs=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,a=pe(r);return e.jsx(Po,{...a,...n,ref:s})});Vs.displayName=Us;var zs="AlertDialogDescription",Ks=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,a=pe(r);return e.jsx(Fo,{...a,...n,ref:s})});Ks.displayName=zs;var zo="AlertDialogAction",qs=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,a=pe(r);return e.jsx(Fs,{...a,...n,ref:s})});qs.displayName=zo;var Zs="AlertDialogCancel",Xs=u.forwardRef((t,s)=>{const{__scopeAlertDialog:r,...n}=t,{cancelRef:a}=Vo(Zs,r),o=pe(r),l=ve(s,a);return e.jsx(Fs,{...o,...n,ref:l})});Xs.displayName=Zs;var Ko=({contentRef:t})=>{const s=`\`${De}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${De}\` by passing a \`${zs}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${De}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return u.useEffect(()=>{var n;document.getElementById((n=t.current)==null?void 0:n.getAttribute("aria-describedby"))||console.warn(s)},[s,t]),null},qo=Hs,Zo=Bs,Xo=$s,Yo=Gs,Jo=qs,Qo=Xs,ea=Vs,ta=Ks;function Ut({...t}){return e.jsx(qo,{"data-slot":"alert-dialog",...t})}function sa({...t}){return e.jsx(Zo,{"data-slot":"alert-dialog-portal",...t})}function ra({className:t,...s}){return e.jsx(Xo,{"data-slot":"alert-dialog-overlay",className:ee("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...s})}function Vt({className:t,onSubmit:s,...r}){return e.jsxs(sa,{children:[e.jsx(ra,{}),e.jsx(Yo,{"data-slot":"alert-dialog-content",className:ee("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),onSubmit:n=>{n.preventDefault(),s==null||s(n)},...r})]})}function zt({className:t,...s}){return e.jsx("div",{"data-slot":"alert-dialog-header",className:ee("flex flex-col gap-2 text-center sm:text-left",t),...s})}function Kt({className:t,...s}){return e.jsx("div",{"data-slot":"alert-dialog-footer",className:ee("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...s})}function qt({className:t,...s}){return e.jsx(ea,{"data-slot":"alert-dialog-title",className:ee("text-lg font-semibold",t),...s})}function Zt({className:t,...s}){return e.jsx(ta,{"data-slot":"alert-dialog-description",className:ee("text-muted-foreground text-sm",t),...s})}function Xt({className:t,...s}){return e.jsx(Jo,{className:ee(as(),t),...s})}function Yt({className:t,...s}){return e.jsx(Qo,{className:ee(as({variant:"outline"}),t),...s})}function na({...t}){return e.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...t})}function oa({className:t,...s}){return e.jsx("ol",{"data-slot":"breadcrumb-list",className:ee("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",t),...s})}function Jt({className:t,...s}){return e.jsx("li",{"data-slot":"breadcrumb-item",className:ee("inline-flex items-center gap-1.5",t),...s})}function aa({asChild:t,className:s,...r}){const n=t?gt:"a";return e.jsx(n,{"data-slot":"breadcrumb-link",className:ee("hover:text-foreground transition-colors",s),...r})}function ia({className:t,...s}){return e.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:ee("text-foreground font-normal",t),...s})}function la({children:t,className:s,...r}){return e.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:ee("[&>svg]:size-3.5",s),...r,children:t??e.jsx(ds,{})})}const Ie={sleep:"sleep",createHook:"createHook",createWebhook:"createWebhook",awaitWebhook:"awaitWebhook"};function Xe(t){return t.replace(/\/\/\.\.\//g,"//")}function ca(t,s,r,n){let a;switch(t.status){case"completed":a="completed";break;case"failed":a=r<n-1?"retrying":"failed";break;case"running":a="running";break;case"cancelled":a="cancelled";break;case"pending":default:a="pending";break}const o=t.completedAt&&t.startedAt?new Date(t.completedAt).getTime()-new Date(t.startedAt).getTime():void 0;return{nodeId:s,stepId:t.stepId,attemptNumber:t.attempt,status:a,startedAt:t.startedAt?new Date(t.startedAt).toISOString():void 0,completedAt:t.completedAt?new Date(t.completedAt).toISOString():void 0,duration:o,input:t.input,output:t.output,error:t.error?{message:t.error.message,stack:t.error.stack||""}:void 0}}function Ye(t){const s=t.split("//");return s.length>=3?s[s.length-1]:null}function da(t){const s=new Map,r=new Map,n=new Map,a=[],o=new Map;for(const l of t){if(l.data.stepId){const i=Xe(l.data.stepId),h=s.get(i)||[];h.push(l),s.set(i,h);const d=Ye(i);if(d){const f=r.get(d)||[];f.push(l),r.set(d,f)}}if(l.data.nodeKind==="primitive"){const i=l.data.label,h=n.get(i)||[];h.push(l),n.set(i,h)}if(l.data.nodeKind==="agent"&&a.push(l),l.data.nodeKind==="tool"){const h=l.data.label.replace(/ \(tool\)$/,""),d=o.get(h)||[];if(d.push(l),o.set(h,d),l.data.stepId){const f=Ye(Xe(l.data.stepId));if(f){const c=o.get(f)||[];c.includes(l)||(c.push(l),o.set(f,c))}}}}return{byStepId:s,byFunctionName:r,primitivesByLabel:n,agentNodes:a,toolNodes:o}}function ua(t,s,r){var h,d,f,c;const n=new Map,a=new Set(t),o=new Map;for(const p of s.nodes){const g=(h=p.metadata)==null?void 0:h.parallelGroupId;if(g){const w=o.get(g)||{nodes:[]};w.nodes.push(p),w.method=(d=p.metadata)==null?void 0:d.parallelMethod,o.set(g,w)}}const l=new Map;for(const[p,g]of o)if(g.method==="race"){let w,j;for(const b of g.nodes){const m=r.get(b.id);if(m){for(const y of m)if(y.status==="completed"&&y.completedAt){const N=new Date(y.completedAt);(!j||N<j)&&(j=N,w=b.id)}}}w&&l.set(p,w)}const i=p=>{const g=n.get(p.id);g?g.traversalCount++:n.set(p.id,{edgeId:p.id,traversalCount:1,timings:[]})};for(const p of s.edges){const g=s.nodes.find(N=>N.id===p.source),w=s.nodes.find(N=>N.id===p.target);if(!g||!w)continue;const j=a.has(p.source),b=a.has(p.target);if(!j&&!b)continue;if(p.type==="conditional"){j&&b&&i(p);continue}const m=(f=g.metadata)==null?void 0:f.parallelGroupId,y=(c=g.metadata)==null?void 0:c.parallelMethod;m&&y==="race"?l.get(m)===p.source&&b&&i(p):(j&&b||j&&p.type==="parallel"&&b)&&i(p)}return n}function fa(t,s,r,n){const a=s.nodes.find(o=>o.data.nodeKind==="workflow_start");a&&(r.push(a.id),n.set(a.id,[{nodeId:a.id,attemptNumber:1,status:"completed",startedAt:t.startedAt?new Date(t.startedAt).toISOString():void 0,completedAt:t.startedAt?new Date(t.startedAt).toISOString():void 0}]))}function ma(t,s,r,n){const a=s.nodes.find(l=>l.data.nodeKind==="workflow_end");if(!a||r.includes(a.id))return;let o;switch(t.status){case"completed":o="completed";break;case"failed":o="failed";break;case"cancelled":o="cancelled";break;case"running":o="running";break;case"pending":default:return}r.push(a.id),n.set(a.id,[{nodeId:a.id,attemptNumber:1,status:o,startedAt:t.completedAt?new Date(t.completedAt).toISOString():void 0,completedAt:t.completedAt?new Date(t.completedAt).toISOString():void 0}])}function pa(t,s,r,n,a,o,l){const i=Xe(s),h=a.get(i)||0;a.set(i,h+1);let d=r.get(i)||[],f="step-id";if(d.length===0){const w=Ye(i);w&&(d=n.get(w)||[],f="function-name")}const c=d.length===1?d[0]:d[h];if(console.log("[Graph Mapper] Processing step group:",{stepName:s,normalizedStepName:i,attempts:t.length,occurrenceIndex:h,totalNodesWithStepId:d.length,selectedNode:c==null?void 0:c.id,allNodesWithStepId:d.map(w=>w.id),matchStrategy:f,strategy:d.length===1?"single-node-multiple-invocations":"occurrence-based"}),!c)return;const p=t.map((w,j)=>ca(w,c.id,j,t.length));if(d.length===1){const w=o.get(c.id)||[];o.set(c.id,[...w,...p])}else o.set(c.id,p);return l.includes(c.id)||l.push(c.id),p[p.length-1].status==="running"?c.id:void 0}function ha(t,s,r,n){const a=new Map,o=new Map;for(const m of t){if(!m.correlationId)continue;const y=o.get(m.correlationId)||[];y.push(m),o.set(m.correlationId,y)}let l;const i=s.get(Ie.sleep)||[],h=new Set;for(const m of t)m.eventType==="wait_created"&&m.correlationId&&h.add(m.correlationId);const d=Array.from(h).sort((m,y)=>{var I,v;const N=o.get(m)||[],x=o.get(y)||[],C=(I=N.find(E=>E.eventType==="wait_created"))==null?void 0:I.createdAt,k=(v=x.find(E=>E.eventType==="wait_created"))==null?void 0:v.createdAt;return!C||!k?0:new Date(C).getTime()-new Date(k).getTime()});for(const m of d){const y=o.get(m)||[],N=y.find(A=>A.eventType==="wait_created"),x=y.find(A=>A.eventType==="wait_completed");if(!N)continue;const C=a.get(Ie.sleep)||0;a.set(Ie.sleep,C+1);const k=i.length===1?i[0]:i[C];if(!k)continue;let I="running";x&&(I="completed");const v=new Date(N.createdAt).toISOString(),E=x?new Date(x.createdAt).toISOString():void 0,D=x?new Date(x.createdAt).getTime()-new Date(N.createdAt).getTime():void 0,_={nodeId:k.id,attemptNumber:1,status:I,startedAt:v,completedAt:E,duration:D},S=r.get(k.id)||[];r.set(k.id,[...S,_]),n.includes(k.id)||n.push(k.id),I==="running"&&(l=k.id)}const f=[...s.get(Ie.createHook)||[],...s.get(Ie.createWebhook)||[]],c=new Set;for(const m of t)m.eventType==="hook_created"&&m.correlationId&&c.add(m.correlationId);const p=Array.from(c).sort((m,y)=>{var I,v;const N=o.get(m)||[],x=o.get(y)||[],C=(I=N.find(E=>E.eventType==="hook_created"))==null?void 0:I.createdAt,k=(v=x.find(E=>E.eventType==="hook_created"))==null?void 0:v.createdAt;return!C||!k?0:new Date(C).getTime()-new Date(k).getTime()});let g=0;for(const m of p){const N=(o.get(m)||[]).find(D=>D.eventType==="hook_created");if(!N)continue;const x=f.length===1?f[0]:f[g];if(g++,!x)continue;const C="completed",k=new Date(N.createdAt).toISOString(),I=new Date(N.createdAt).toISOString(),v={nodeId:x.id,attemptNumber:1,status:C,startedAt:k,completedAt:I,duration:0},E=r.get(x.id)||[];r.set(x.id,[...E,v]),n.includes(x.id)||n.push(x.id)}const w=s.get(Ie.awaitWebhook)||[],j=new Set;for(const m of t)m.eventType==="hook_received"&&m.correlationId&&j.add(m.correlationId);let b=0;for(const m of p){const y=w.length===1?w[0]:w[b];if(b++,!y)continue;const N=o.get(m)||[],x=N.find(S=>S.eventType==="hook_created"),C=N.find(S=>S.eventType==="hook_received");let k,I,v,E=0;C?(k="completed",I=x?new Date(x.createdAt).toISOString():new Date(C.createdAt).toISOString(),v=new Date(C.createdAt).toISOString(),E=new Date(v).getTime()-new Date(I).getTime()):x?(k="running",I=new Date(x.createdAt).toISOString()):k="pending";const D={nodeId:y.id,attemptNumber:1,status:k,startedAt:I,completedAt:v,duration:E},_=r.get(y.id)||[];r.set(y.id,[..._,D]),n.includes(y.id)||n.push(y.id)}return l}function ga(t,s,r,n,a,o,l){var h;let i="pending";t.status==="completed"?i="completed":t.status==="failed"?i="failed":t.status==="running"&&(i="running");for(const d of r){const f={nodeId:d.id,attemptNumber:1,status:i,startedAt:t.startedAt?new Date(t.startedAt).toISOString():void 0,completedAt:t.completedAt&&(i==="completed"||i==="failed")?new Date(t.completedAt).toISOString():void 0};a.set(d.id,[f]),o.includes(d.id)||o.push(d.id)}for(const d of s){const f=Ye(d.stepName);if(!f)continue;const c=n.get(f);if(!c||c.length===0)continue;const p=c[0];let g;switch(d.status){case"completed":g="completed";break;case"failed":g="failed";break;case"running":g="running";break;case"cancelled":g="cancelled";break;case"pending":default:g="pending";break}const w=d.completedAt&&d.startedAt?new Date(d.completedAt).getTime()-new Date(d.startedAt).getTime():void 0,j={nodeId:p.id,stepId:d.stepId,attemptNumber:d.attempt,status:g,startedAt:d.startedAt?new Date(d.startedAt).toISOString():void 0,completedAt:d.completedAt?new Date(d.completedAt).toISOString():void 0,duration:w,input:d.input,output:d.output,error:d.error},b=a.get(p.id)||[];a.set(p.id,[...b,j]),o.includes(p.id)||o.push(p.id)}for(const d of l){const f=((h=d.metadata)==null?void 0:h.isToolsCollection)===!0;if(d.data.nodeKind==="tool"&&f&&!a.has(d.id)){const c={nodeId:d.id,attemptNumber:1,status:i,startedAt:t.startedAt?new Date(t.startedAt).toISOString():void 0,completedAt:t.completedAt&&(i==="completed"||i==="failed")?new Date(t.completedAt).toISOString():void 0};a.set(d.id,[c]),o.includes(d.id)||o.push(d.id)}}}function xa(t,s,r,n){var l,i,h;const a=t.nodes.filter(d=>d.data.nodeKind==="conditional"),o=new Map;for(const d of t.nodes){const f=(l=d.metadata)==null?void 0:l.conditionalId;if(f){const c=o.get(f)||{thenNodes:[],elseNodes:[]};((i=d.metadata)==null?void 0:i.conditionalBranch)==="Then"?c.thenNodes.push(d):((h=d.metadata)==null?void 0:h.conditionalBranch)==="Else"&&c.elseNodes.push(d),o.set(f,c)}}for(const d of a){const f=d.id.match(/^(cond_\d+)_node$/);if(!f)continue;const c=f[1],p=o.get(c);if(!p)continue;const g=p.thenNodes.some(j=>s.has(j.id)),w=p.elseNodes.some(j=>s.has(j.id));if(g||w){const j=[...p.thenNodes,...p.elseNodes];if(!s.has(d.id)){let b;for(const N of j){const x=s.get(N.id);if(x&&x.length>0){const C=x[0];C.startedAt&&(!b||C.startedAt<b)&&(b=C.startedAt)}}const m=n.startedAt?new Date(n.startedAt).toISOString():void 0,y={nodeId:d.id,attemptNumber:1,status:"completed",startedAt:b||m,completedAt:b||m};s.set(d.id,[y])}if(!r.includes(d.id)){const b=j.map(m=>r.indexOf(m.id)).filter(m=>m>=0);if(b.length>0){const m=Math.min(...b);m>=0&&m<r.length?r.splice(m,0,d.id):r.push(d.id)}else r.push(d.id)}}}}function va(t,s,r,n){const a=new Map,o=[];let l;console.log("[Graph Mapper] Mapping run to execution:",{runId:t.runId,workflowName:t.workflowName,graphNodes:n.nodes.length,stepsCount:s.length}),fa(t,n,o,a);const i=[...s].sort((x,C)=>new Date(x.createdAt).getTime()-new Date(C.createdAt).getTime());console.log("[Graph Mapper] Sorted steps:",i.map(x=>({stepId:x.stepId,stepName:x.stepName,attempt:x.attempt,status:x.status,createdAt:x.createdAt})));const{byStepId:h,byFunctionName:d,primitivesByLabel:f,agentNodes:c,toolNodes:p}=da(n.nodes);console.log("[Graph Mapper] Graph nodes by stepId:",{allGraphNodes:n.nodes.map(x=>({id:x.id,stepId:x.data.stepId,normalizedStepId:x.data.stepId?Xe(x.data.stepId):void 0,nodeKind:x.data.nodeKind})),nodesByStepId:Array.from(h.entries()).map(([x,C])=>({stepId:x,nodeIds:C.map(k=>k.id)}))});const g=new Map;let w=[],j=null,b=null;for(let x=0;x<=i.length;x++){const C=i[x];if(!C||C.stepId!==j){if(w.length>0&&b){const I=pa(w,b,h,d,g,a,o);I&&(l=I)}C&&(w=[C],j=C.stepId,b=C.stepName)}else w.push(C)}const m=ha(r,f,a,o);m&&(l=m),ga(t,i,c,p,a,o,n.nodes),xa(n,a,o,t),ma(t,n,o,a);const y=ua(o,n,a),N={runId:t.runId,status:t.status,nodeExecutions:a,edgeTraversals:y,currentNode:l,executionPath:o};return console.log("[Graph Mapper] Mapping complete:",{executionPath:o,nodeExecutionsCount:a.size,nodeExecutions:Array.from(a.entries()).map(([x,C])=>{var k;return{nodeId:x,executionCount:C.length,latestStatus:(k=C[C.length-1])==null?void 0:k.status}})}),N}function ba(t,s){const[r,n]=u.useState([]),[a,o]=u.useState(!1),[l,i]=u.useState(null),h=u.useRef(null),d=u.useRef(0);return u.useEffect(()=>{if(n([]),i(null),d.current=0,!s){o(!1);return}let f=!0;h.current=new AbortController,o(!0);const c=Fr(),p=()=>{f&&o(!1)},g=m=>{f&&(i(m instanceof Error?m.message:String(m)),o(!1))},w=m=>{if(f&&m!==void 0&&m!==null){const y=d.current++;let N;try{N=xr(m,c)}catch{N=m}n(x=>[...x,{id:y,data:N}])}},j=async m=>{var x;let y=new Uint8Array(0);const N=C=>{const k=new Uint8Array(y.length+C.length);k.set(y,0),k.set(C,y.length),y=k};for(;!((x=h.current)!=null&&x.signal.aborted);){const{value:C,done:k}=await m.read();if(k){p();break}for(N(C);y.length>=4;){const v=new DataView(y.buffer,y.byteOffset,y.byteLength).getUint32(0,!1);if(y.length<4+v)break;const E=y.slice(4,4+v);y=y.slice(4+v);try{const D=gr(E);w(D)}catch(D){console.error("Failed to decode stream chunk:",D)}}}};return(async()=>{try{const y=(await Pr(t,s)).getReader();await j(y)}catch(m){g(m)}})(),()=>{f=!1,h.current&&h.current.abort()}},[t,s]),{chunks:r,isLive:a,error:l}}function ya({hasError:t,errorMessage:s}){return e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs(is,{children:[e.jsx(ls,{asChild:!0,children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:`w-2 h-2 rounded-full ${t?"bg-red-500":"bg-green-500 animate-pulse"}`}),e.jsx("span",{className:`text-xs $
-                      hasError
-                        ? 'text-red-600 dark:text-red-400'
-                        : 'text-muted-foreground'`,children:t?"Error":"Live"})]})}),e.jsx(cs,{children:e.jsx("p",{children:t?`Error updating data: ${s}`:`Content updates every ${vr/1e3} seconds`})})]})})}function Qt(t){return t==="retrying"?"running":t}function Na({data:t,selected:s}){var n,a,o,l;const r=t;return e.jsxs("div",{className:`relative ${r.className||""}`,style:{borderWidth:((n=r.nodeStyle)==null?void 0:n.borderWidth)??2,borderRadius:8,padding:12,width:220,borderStyle:"solid",backgroundColor:(a=r.nodeStyle)==null?void 0:a.backgroundColor,borderColor:((o=r.nodeStyle)==null?void 0:o.borderColor)??"#9ca3af",opacity:(l=r.nodeStyle)==null?void 0:l.opacity,boxShadow:s?"0 0 0 2px rgba(168, 85, 247, 0.5)":void 0},children:[r.label,e.jsx(ce,{type:"target",position:de.Top,className:"!bg-purple-500"}),e.jsx(ce,{type:"source",position:de.Bottom,className:"!bg-purple-500"}),e.jsx(ce,{type:"source",position:de.Left,id:"loop-out",className:"!bg-purple-500 !-left-1 !w-[6px] !h-[6px] !min-w-0 !min-h-0",style:{top:"30%"}}),e.jsx(ce,{type:"target",position:de.Left,id:"loop-in",className:"!bg-purple-500 !-left-1 !w-[6px] !h-[6px] !min-w-0 !min-h-0",style:{top:"70%"}})]})}function wa({data:t,selected:s}){var o,l,i,h;const r=t,n=r.nodeKind==="workflow_start",a=r.nodeKind==="workflow_end";return e.jsxs("div",{className:`relative ${r.className||""}`,style:{borderWidth:((o=r.nodeStyle)==null?void 0:o.borderWidth)??2,borderRadius:8,padding:12,width:220,borderStyle:"solid",backgroundColor:(l=r.nodeStyle)==null?void 0:l.backgroundColor,borderColor:((i=r.nodeStyle)==null?void 0:i.borderColor)??"#9ca3af",opacity:(h=r.nodeStyle)==null?void 0:h.opacity,boxShadow:s?"0 0 0 2px rgba(59, 130, 246, 0.35)":void 0},children:[r.label,!n&&e.jsx(ce,{type:"target",position:de.Top,className:"!bg-muted"}),!a&&e.jsx(ce,{type:"source",position:de.Bottom,className:"!bg-muted"})]})}function ja({data:t,selected:s}){var a,o,l;const r=t,n=160;return e.jsxs("div",{className:`relative flex items-center justify-center ${r.className||""}`,style:{width:n,height:n},children:[e.jsx("div",{style:{width:n*.7,height:n*.7,transform:"rotate(45deg)",borderWidth:2,borderStyle:"solid",borderRadius:4,backgroundColor:(a=r.nodeStyle)==null?void 0:a.backgroundColor,borderColor:((o=r.nodeStyle)==null?void 0:o.borderColor)??"#ef4444",opacity:(l=r.nodeStyle)==null?void 0:l.opacity,boxShadow:s?"0 0 0 2px rgba(239, 68, 68, 0.5)":void 0}}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-auto",style:{fontSize:11,fontWeight:600,padding:n*.25},title:typeof r.label=="string"?r.label:void 0,children:e.jsx("span",{className:"text-center line-clamp-3 overflow-hidden",children:r.label})}),e.jsx(ce,{type:"target",position:de.Top,className:"!bg-red-500"}),e.jsx(ce,{type:"source",position:de.Bottom,id:"bottom",className:"!bg-red-500"}),e.jsx(ce,{type:"source",position:de.Left,id:"left",className:"!bg-red-500"}),e.jsx(ce,{type:"source",position:de.Right,id:"right",className:"!bg-red-500"})]})}const ka={loopNode:Na,parallelGroup:Gr,executionNode:wa,diamondNode:ja},Ea=$r(Xr);function Ia(t,s){const r=qr(t);if(!s||s.length===0)return{color:"hsl(var(--card-foreground))",backgroundColor:r,borderColor:"#9ca3af",opacity:.4};const n=s[s.length-1];let a="#9ca3af",o=2;switch(n.status){case"completed":a="#22c55e";break;case"failed":a="#ef4444",o=3;break;case"running":a="#3b82f6",o=2;break;case"retrying":a="#f97316";break;case"cancelled":a="#eab308";break;case"pending":a="#9ca3af";break}return{color:"hsl(var(--card-foreground))",backgroundColor:r,borderColor:a,borderWidth:o}}function es(t,s,r){const n=e.jsxs("div",{className:"flex items-start gap-2 w-full overflow-hidden",children:[e.jsx("div",{className:"flex-shrink-0",children:Zr(t.nodeKind,t.label)}),e.jsx("span",{className:"text-sm font-medium break-words whitespace-normal leading-tight flex-1 min-w-0",children:t.label})]});if(!r||r.length===0)return n;const a=r[r.length-1],o=r.length,l=o>1;return l||a.duration&&a.duration>0?e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[n,e.jsxs("div",{className:"flex flex-wrap gap-1 text-xs",children:[l&&e.jsxs(qe,{variant:"outline",className:"text-xs px-1.5 py-0 border-orange-500 text-orange-700 dark:text-orange-300",children:["↻ ",o,"x"]}),a.duration&&a.duration>0&&e.jsxs(qe,{variant:"secondary",className:"text-xs px-1.5 py-0 bg-black/10 dark:bg-white/15 border-0",children:["⏱ ",Se(a.duration,!0)]})]})]}):n}const Ys={...zr};function ts(t,s){var h,d,f;const{nodes:r,groupNodes:n}=ms(t,Ys),a=new Map,o=new Map;for(const c of n)c.id.startsWith("group_")&&o.set(c.id,c.position);for(const c of r){const p=(h=c.metadata)!=null&&h.parallelGroupId?`group_${c.metadata.parallelGroupId}`:null;p&&o.has(p)&&a.set(c.id,p)}const l=[],i=n.filter(c=>c.id.startsWith("group_"));for(const c of i)l.push({id:c.id,type:"parallelGroup",position:c.position,style:{...c.style,cursor:"grab",zIndex:-1},data:c.data,selectable:!0,draggable:!0});for(const c of r){const p=s==null?void 0:s.nodeExecutions.get(c.id),g=Ia(c.data.nodeKind,p),w=(s==null?void 0:s.currentNode)===c.id,j=!!((d=c.metadata)!=null&&d.loopId),b=!!((f=c.metadata)!=null&&f.loopIsAwait),m=c.data.nodeKind==="conditional",y=m?"diamondNode":j?"loopNode":"executionNode",N=a.get(c.id);let x=c.position;if(N){const k=o.get(N);k&&(x={x:c.position.x-k.x,y:c.position.y-k.y})}const C=w?"animate-pulse-subtle":"";j?l.push({id:c.id,type:y,position:x,parentId:N,extent:N?"parent":void 0,expandParent:!0,data:{...c.data,label:es(c.data,c.metadata,p),executions:p,isLoopNode:!0,isAwaitLoop:b,nodeStyle:g,className:C}}):m?l.push({id:c.id,type:y,position:x,parentId:N,extent:N?"parent":void 0,expandParent:!0,data:{...c.data,label:c.data.label,executions:p,nodeStyle:g,className:C}}):l.push({id:c.id,type:y,position:x,parentId:N,extent:N?"parent":void 0,expandParent:!0,data:{...c.data,label:es(c.data,c.metadata,p),executions:p,nodeStyle:g,className:C},style:{width:220}})}return l}function ss(t,s){const{additionalEdges:r}=ms(t,Ys),a=[...t.edges.map(l=>l.type==="loop"?{...l,id:`loop_back_${l.source}_${l.target}`,isOriginal:!0}:{...l,isOriginal:!0}),...r.map(l=>({...l,isOriginal:!1}))];return Kr(a,t.nodes).map(l=>{if(l.type==="selfLoop")return{id:l.id,source:l.source,target:l.target,sourceHandle:l.sourceHandle,targetHandle:l.targetHandle,type:"selfLoop",label:l.label,markerEnd:{type:Tt.ArrowClosed,width:12,height:12,color:"#a855f7"}};let i=s==null?void 0:s.edgeTraversals.get(l.id);if(!i&&l.isConsolidated&&l.originalEdgeIds)for(const I of l.originalEdgeIds){const v=s==null?void 0:s.edgeTraversals.get(I);if(v&&v.traversalCount>0){i=v;break}}const h=i&&i.traversalCount>0,d=!!s,f=i!=null&&i.timings.length?i.timings.reduce((I,v)=>I+v,0)/i.timings.length:void 0;let c="bezier",p,g=l.label,w=!1;switch(l.type){case"parallel":c="smoothstep",p="4,4",g=void 0;break;case"loop":c="step",p="8,4";break;case"conditional":c="smoothstep",p="8,4",w=!0;break;default:c="bezier"}const b=h?"#22c55e":"#6b7280",m=h?void 0:p,y=d&&!h?.35:1,N=h?2.5:1,x=w?"#ffffff":"#6b7280",C=w?"#374151":"#f3f4f6",k=w?"#4b5563":"#d1d5db";return{id:l.id,source:l.source,target:l.target,type:c,animated:h&&(s==null?void 0:s.status)==="running",label:i&&i.traversalCount>1?e.jsxs("div",{className:"flex flex-col items-center gap-0.5",children:[e.jsxs(qe,{variant:"secondary",className:"text-xs px-1.5 py-0",children:[i.traversalCount,"×"]}),f&&f>0&&e.jsxs("span",{className:"text-[10px] text-muted-foreground",children:["~",Se(f,!0)]})]}):g,labelStyle:{fill:x,fontWeight:500,fontSize:"11px"},labelBgStyle:{fill:C,fillOpacity:.95,stroke:k,strokeWidth:1},labelBgPadding:[4,6],labelBgBorderRadius:4,markerEnd:{type:Tt.ArrowClosed,width:h?14:10,height:h?14:10,color:b},style:{strokeWidth:N,stroke:b,opacity:y,strokeDasharray:m}}})}function Ca({selectedNode:t,env:s,onClose:r}){const{node:n,executions:a,stepId:o,runId:l}=t,i=a[a.length-1],h=a.length>1,{data:d,loading:f}=ps(s??{},"step",o??"",{runId:l}),c=(d==null?void 0:d.input)??(i==null?void 0:i.input),p=(d==null?void 0:d.output)??(i==null?void 0:i.output),g=(d==null?void 0:d.error)??(i==null?void 0:i.error);return e.jsxs("div",{className:"h-full flex flex-col bg-background border-l",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 px-3 py-2 border-b flex-none",children:[e.jsx("span",{className:"text-xs font-medium truncate flex-1",title:n.data.label,children:n.data.label}),e.jsxs("div",{className:"flex items-center gap-2 flex-none",children:[(i==null?void 0:i.duration)!==void 0&&i.duration>0&&e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded",children:Se(i.duration)}),e.jsx("div",{className:"w-px h-4 bg-border"}),e.jsx("button",{type:"button",onClick:r,className:"p-1 rounded hover:bg-muted transition-colors","aria-label":"Close panel",children:e.jsx(us,{className:"h-4 w-4 text-muted-foreground"})})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-3 min-h-0",children:[e.jsxs("div",{className:"flex flex-col divide-y rounded-lg border overflow-hidden mb-3",children:[e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"type"}),e.jsx("span",{className:"text-[11px] font-mono",children:n.data.nodeKind})]}),i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"status"}),e.jsx(it,{status:Qt(i.status)})]}),i.duration!==void 0&&i.duration>0&&e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"duration"}),e.jsx("span",{className:"text-[11px] font-mono",children:Se(i.duration)})]}),h&&e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"attempts"}),e.jsx("span",{className:"text-[11px] font-mono",children:a.length})]}),i.startedAt&&e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"startedAt"}),e.jsx("span",{className:"text-[11px] font-mono",children:new Date(i.startedAt).toLocaleString()})]}),i.completedAt&&e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5",children:[e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:"completedAt"}),e.jsx("span",{className:"text-[11px] font-mono",children:new Date(i.completedAt).toLocaleString()})]})]})]}),f&&o&&e.jsxs("div",{className:"flex items-center gap-2 text-xs text-muted-foreground mb-3",children:[e.jsx(_e,{className:"h-3 w-3 animate-spin"}),e.jsx("span",{children:"Loading step data..."})]}),c!==void 0&&e.jsxs("details",{className:"group mb-3",children:[e.jsxs("summary",{className:"cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50",children:[e.jsx("span",{className:"font-medium",children:"Input"}),e.jsxs("span",{className:"text-muted-foreground ml-1",children:["(",Array.isArray(c)?c.length:1," args)"]})]}),e.jsxs("div",{className:"relative pl-6 mt-3",children:[e.jsx("div",{className:"absolute left-3 -top-3 w-px h-3 bg-border"}),e.jsx("div",{className:"absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border"}),e.jsx("pre",{className:"text-[11px] overflow-x-auto rounded-md border p-2.5 bg-muted/30 max-h-64 overflow-y-auto",children:e.jsx("code",{children:JSON.stringify(c,null,2)})})]})]}),p!==void 0&&e.jsxs("details",{className:"group mb-3",children:[e.jsx("summary",{className:"cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50",children:e.jsx("span",{className:"font-medium",children:"Output"})}),e.jsxs("div",{className:"relative pl-6 mt-3",children:[e.jsx("div",{className:"absolute left-3 -top-3 w-px h-3 bg-border"}),e.jsx("div",{className:"absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border"}),e.jsx("pre",{className:"text-[11px] overflow-x-auto rounded-md border p-2.5 bg-muted/30 max-h-64 overflow-y-auto",children:e.jsx("code",{children:JSON.stringify(p,null,2)})})]})]}),g&&e.jsxs("details",{className:"group mb-3",open:!0,children:[e.jsx("summary",{className:"cursor-pointer rounded-md border border-red-300 bg-red-50 dark:bg-red-950/20 px-2.5 py-1.5 text-xs hover:brightness-95",children:e.jsx("span",{className:"font-medium text-red-600 dark:text-red-400",children:"Error"})}),e.jsxs("div",{className:"relative pl-6 mt-3",children:[e.jsx("div",{className:"absolute left-3 -top-3 w-px h-3 bg-red-300"}),e.jsx("div",{className:"absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-red-300"}),e.jsx("pre",{className:"text-[11px] overflow-x-auto rounded-md border border-red-200 p-2.5 bg-red-50 dark:bg-red-950/20 text-red-700 dark:text-red-300 whitespace-pre-wrap max-h-64 overflow-y-auto",children:e.jsx("code",{children:typeof g=="object"?JSON.stringify(g,null,2):String(g)})})]})]}),h&&e.jsxs("details",{className:"group",children:[e.jsxs("summary",{className:"cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50",children:[e.jsx("span",{className:"font-medium",children:"Attempt History"}),e.jsxs("span",{className:"text-muted-foreground ml-1",children:["(",a.length," attempts)"]})]}),e.jsxs("div",{className:"relative pl-6 mt-3",children:[e.jsx("div",{className:"absolute left-3 -top-3 w-px h-3 bg-border"}),e.jsx("div",{className:"absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border"}),e.jsx("div",{className:"flex flex-col divide-y rounded-md border overflow-hidden",children:a.map(w=>e.jsxs("div",{className:"flex items-center justify-between px-2.5 py-1.5 text-[11px]",children:[e.jsxs("span",{className:"text-muted-foreground",children:["Attempt ",w.attemptNumber]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(it,{status:Qt(w.status)}),w.duration!==void 0&&w.duration>0&&e.jsx("span",{className:"font-mono text-muted-foreground",children:Se(w.duration)})]})]},w.attemptNumber))})]})]})]})]})}function Sa({workflow:t,execution:s,env:r,onNodeClick:n}){const[a,o]=u.useState(null),l=320,i=u.useMemo(()=>ts(t,s),[t,s]),h=u.useMemo(()=>ss(t,s),[t,s]),[d,f,c]=Wr(i),[p,g,w]=Hr(h);u.useEffect(()=>{f(m=>{const y=ts(t,s),N=new Map(m.map(x=>[x.id,x.position]));return y.map(x=>({...x,position:N.get(x.id)??x.position}))}),g(ss(t,s))},[t,s,f,g]);const j=u.useCallback((m,y)=>{const N=t.nodes.find(x=>x.id===y.id);if(N){const x=y.data.executions||[],C=x[x.length-1];o({nodeId:y.id,node:N,executions:x,stepId:C==null?void 0:C.stepId,runId:s==null?void 0:s.runId}),n&&x.length>0&&n(y.id,x)}},[t.nodes,s==null?void 0:s.runId,n]),b=u.useCallback(()=>{o(null)},[]);return e.jsxs("div",{className:"h-full w-full border rounded-lg bg-background relative overflow-hidden flex",children:[e.jsx("div",{className:"h-full flex-1 min-w-0",style:{width:a?`calc(100% - ${l}px)`:"100%"},children:e.jsxs(Br,{nodes:d,edges:p,onNodesChange:c,onEdgesChange:w,onNodeClick:j,nodeTypes:ka,edgeTypes:Ea,fitView:!0,minZoom:.1,maxZoom:2,defaultViewport:{x:0,y:0,zoom:1},proOptions:{hideAttribution:!0},children:[e.jsx(Ur,{}),e.jsx(Vr,{}),e.jsx(Dt,{position:"top-left",className:"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border rounded-lg p-2 text-xs",children:e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"font-semibold text-[10px] text-muted-foreground mb-1",children:"Status"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-4 rounded border-2 border-green-500 bg-background"}),e.jsx("span",{children:"Completed"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-4 rounded border-2 border-red-500 bg-background"}),e.jsx("span",{children:"Failed"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-4 rounded border-2 border-blue-500 bg-background"}),e.jsx("span",{children:"Running"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-4 rounded border-2 border-yellow-500 bg-background"}),e.jsx("span",{children:"Cancelled"})]}),e.jsxs("div",{className:"flex items-center gap-2 opacity-50",children:[e.jsx("div",{className:"w-6 h-4 rounded border-2 border-gray-400 bg-background"}),e.jsx("span",{children:"Pending"})]})]})}),s&&e.jsxs(Dt,{position:"top-right",className:"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border rounded-lg p-3 text-xs space-y-1.5",children:[e.jsx("div",{className:"font-semibold text-sm",children:"Execution"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-muted-foreground",children:"Status:"}),e.jsx(qe,{variant:s.status==="completed"?"default":s.status==="failed"?"destructive":s.status==="cancelled"?"outline":"secondary",className:"text-xs",children:s.status})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-muted-foreground",children:"Progress:"}),e.jsxs("span",{className:"font-mono",children:[s.executionPath.length," / ",t.nodes.length]})]})]})]})}),a&&e.jsx("div",{className:"h-full flex-none",style:{width:l},children:e.jsx(Ca,{selectedNode:a,env:r,onClose:b})})]})}function Aa({run:t,allSteps:s,allEvents:r,env:n}){const{manifest:a,loading:o,error:l}=cn(),i=u.useMemo(()=>!a||!t.workflowName?null:a.workflows[t.workflowName]??null,[a,t.workflowName]),h=u.useMemo(()=>!i||!t.runId?null:va(t,s||[],r||[],i),[i,t,s,r]);return o?e.jsxs("div",{className:"flex items-center justify-center w-full h-full",children:[e.jsx(_e,{className:"h-8 w-8 animate-spin text-muted-foreground"}),e.jsx("span",{className:"ml-4 text-muted-foreground",children:"Loading workflow graph..."})]}):l?e.jsx("div",{className:"flex items-center justify-center w-full h-full p-4",children:e.jsxs(lt,{variant:"destructive",className:"max-w-lg",children:[e.jsx(at,{className:"h-4 w-4"}),e.jsx(ct,{children:"Error Loading Workflow Graph"}),e.jsx(dt,{children:l.message})]})}):i?e.jsx(Sa,{workflow:i,execution:h||void 0,env:n}):e.jsx("div",{className:"flex items-center justify-center w-full h-full",children:e.jsxs(lt,{className:"max-w-lg",children:[e.jsx(at,{className:"h-4 w-4"}),e.jsx(ct,{children:"Workflow Graph Not Found"}),e.jsx(dt,{children:"Could not find the workflow graph for this run. The workflow may have been deleted or the graph manifest may need to be regenerated."})]})})}function Da({runId:t,selectedId:s}){var ye;const r=er(),[n]=rs(),{serverConfig:a}=br(),[o,l]=u.useState(!1),[i,h]=u.useState(!1),[d,f]=u.useState(!1),[c,p]=u.useState(!1),g=u.useMemo(()=>({}),[]),w=n.get("tab")||"trace",j=n.get("streamId"),b=u.useCallback(T=>{const B=new URLSearchParams(n.toString());for(const[z,Q]of Object.entries(T))Q===null?B.delete(z):B.set(z,Q);r(`?${B.toString()}`,{preventScrollReset:!0})},[r,n]),m=u.useCallback(T=>{b(T==="trace"||T==="graph"?{tab:T,streamId:null}:{tab:T})},[b]),y=u.useCallback(T=>{b({streamId:T})},[b]),N=u.useCallback(T=>{b({tab:"streams",streamId:T})},[b]),x=u.useCallback(async(T,B)=>Yr(g,T,{correlationIds:[B]}),[g]),C=u.useCallback(async(T,B)=>{await Jr(g,T,B)},[g]),k=u.useCallback(async T=>{if(!T.correlationId)return null;const{error:B,result:z}=await Rt(St(g,T.correlationId,{sortOrder:"asc",limit:100,withData:!0}));if(B)throw B;const Q=z.data.find(re=>re.eventId===T.eventId),te=Q?Mt(Q):null;return te&&"eventData"in te?te.eventData:null},[g]),I=u.useCallback(async(T,B)=>{const{error:z,result:Q}=await Rt(St(g,T,{sortOrder:"asc",limit:100,withData:!0}));if(z)throw z;const te=Q.data.find(Pe=>Pe.eventId===B),re=te?Mt(te):null;return re&&"eventData"in re?re.eventData:null},[g]),v=a.backendId==="local"||a.backendId==="@workflow/world-local",{run:E,steps:D,hooks:_,events:S,loading:A,auxiliaryDataLoading:M,error:P,update:H}=Qr(g,t,{live:!0}),L=E??{},[F,oe]=u.useState(null),{data:K,loading:V,error:se}=ps(g,(F==null?void 0:F.resource)??"run",(F==null?void 0:F.resourceId)??"",{runId:F==null?void 0:F.runId,enabled:!!(F!=null&&F.resource&&(F!=null&&F.resourceId))}),be=u.useCallback(T=>{oe(T)},[]),{streams:ae,loading:W,error:$}=en(g,t),{chunks:q,isLive:Z,error:X}=ba(g,j),ie=()=>{f(!0)},le=async()=>{if(!o)try{l(!0),f(!1),await an(g,t),await H(),Y.success("Run cancelled successfully")}catch(T){console.error("Failed to cancel run:",T),Y.error("Failed to cancel run",{description:T instanceof Error?T.message:"An unknown error occurred"})}finally{l(!1)}},Oe=()=>{p(!0)},O=async()=>{if(!i)try{h(!0),p(!1);const T=await ln(g,L.runId);Y.success("New run started successfully",{description:`Run ID: ${T}`}),r(`/run/${T}`)}catch(T){console.error("Failed to re-run workflow:",T),Y.error("Failed to start new run",{description:T instanceof Error?T.message:"An unknown error occurred"})}finally{h(!1),p(!1)}};if(P&&!E)return e.jsxs(lt,{variant:"destructive",className:"m-4",children:[e.jsx(at,{className:"h-4 w-4"}),e.jsx(ct,{children:"Error loading workflow run"}),e.jsx(dt,{children:P.message})]});const G=(ye=yr(L.workflowName))==null?void 0:ye.shortName;return e.jsxs(e.Fragment,{children:[e.jsx(Ut,{open:d,onOpenChange:f,children:e.jsxs(Vt,{children:[e.jsxs(zt,{children:[e.jsx(qt,{children:"Cancel Workflow Run?"}),e.jsx(Zt,{children:"This will stop the workflow execution immediately, and no further steps will be executed. Partial workflow execution may occur. Are you sure you want to cancel the run?"})]}),e.jsxs(Kt,{children:[e.jsx(Yt,{children:"Keep Running"}),e.jsx(Xt,{onClick:le,className:"bg-destructive text-destructive-foreground hover:bg-destructive/90",children:"Cancel Run"})]})]})}),e.jsx(Ut,{open:c,onOpenChange:p,children:e.jsxs(Vt,{children:[e.jsxs(zt,{children:[e.jsx(qt,{children:"Replay Run?"}),e.jsx(Zt,{children:"This can potentially re-run code that is meant to only execute once. Are you sure you want to replay the workflow run?"})]}),e.jsxs(Kt,{children:[e.jsx(Yt,{children:"Cancel"}),e.jsx(Xt,{onClick:O,children:"Replay Run"})]})]})}),e.jsxs("div",{className:"flex flex-col h-[calc(100vh-97px)]",children:[e.jsxs("div",{className:"flex-none space-y-4",children:[e.jsx(na,{children:e.jsxs(oa,{children:[e.jsx(Jt,{children:e.jsx(aa,{asChild:!0,children:e.jsx(tr,{to:"/",children:"Runs"})})}),e.jsx(la,{}),e.jsx(Jt,{children:e.jsx(ia,{className:"font-mono text-xs",children:t})})]})}),e.jsxs("div",{className:"space-y-4 p-6 border rounded-lg",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("div",{className:"mb-4",children:e.jsx("h1",{className:"text-xl font-semibold",children:G||e.jsx(we,{className:"w-[260px] h-[28px]"})})}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(ya,{hasError:!1,errorMessage:""}),e.jsx(tn,{env:g,runId:t,runStatus:L.status,events:S,eventsLoading:M,loading:A,onRerunClick:Oe,onCancelClick:ie,callbacks:{onSuccess:H}})]})]}),e.jsxs("div",{className:"flex items-start gap-8",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Status"}),L.status?e.jsx(it,{status:L.status,context:L}):e.jsx(we,{className:"w-[55px] h-[24px]"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Duration"}),e.jsx("div",{className:"text-xs",children:L.runId?L.startedAt?(()=>{const T=(L.completedAt?new Date(L.completedAt).getTime():Date.now())-new Date(L.startedAt).getTime(),B=Math.floor(T/1e3);if(B<60)return`${B}s`;const z=Math.floor(B/60),Q=B%60;if(z<60)return Q>0?`${z}m ${Q}s`:`${z}m`;const te=Math.floor(z/60),re=z%60;return re>0?`${te}h ${re}m`:`${te}h`})():"-":e.jsx(we,{className:"w-[60px] h-[20px]"})})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Run ID"}),L.runId?e.jsx(sn,{text:L.runId,children:e.jsx("div",{className:"text-xs mt-0.5 font-mono",children:L.runId})}):e.jsx(we,{className:"w-[280px] h-[20px]"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Queued"}),L.createdAt?e.jsx("div",{className:"text-xs",children:e.jsx(Be,{date:L.createdAt})}):e.jsx(we,{className:"w-[110px] h-[20px]"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Started"}),e.jsx("div",{className:"text-xs",children:L.runId?L.startedAt?e.jsx(Be,{date:L.startedAt}):"-":e.jsx(we,{className:"w-[110px] h-[20px]"})})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Completed"}),e.jsx("div",{className:"text-xs",children:L.runId?L.completedAt?e.jsx(Be,{date:L.completedAt}):"-":e.jsx(we,{className:"w-[110px] h-[20px]"})})]}),L.expiredAt!=null&&e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs(is,{children:[e.jsx(ls,{asChild:!0,children:e.jsxs("div",{className:"text-xs text-muted-foreground cursor-help flex items-center gap-1",children:["Expired",e.jsx(dn,{className:"w-3 h-3"})]})}),e.jsx(cs,{children:e.jsx("p",{children:"The storage data for this run has expired and is no longer available."})})]}),e.jsx("div",{className:"text-xs",children:e.jsx(Be,{date:L.expiredAt})})]})]})]})]}),e.jsxs("div",{className:"mt-4 flex-1 flex flex-col min-h-0",children:[e.jsxs(rn,{value:w,onValueChange:T=>m(T),className:"flex-1 flex flex-col min-h-0",children:[e.jsxs(nn,{className:"mb-4 flex-none",children:[e.jsxs($e,{value:"trace",className:"gap-2",children:[e.jsx(et,{className:"h-4 w-4"}),"Trace"]}),v&&e.jsxs($e,{value:"graph",className:"gap-2",children:[e.jsx(on,{className:"h-4 w-4"}),"Graph"]}),e.jsxs($e,{value:"events",className:"gap-2",children:[e.jsx(et,{className:"h-4 w-4"}),"Events"]}),e.jsxs($e,{value:"streams",className:"gap-2",children:[e.jsx(et,{className:"h-4 w-4"}),"Streams"]})]}),e.jsx(Ge,{value:"trace",className:"mt-0 flex-1 min-h-0",children:e.jsx(Ce,{title:"Failed to load trace viewer",children:e.jsx("div",{className:"h-full",children:e.jsx(ro,{error:P,steps:D,events:S,hooks:_,run:L,isLoading:A,spanDetailData:K,spanDetailLoading:V,spanDetailError:se,onSpanSelect:be,onStreamClick:N,onWakeUpSleep:x,onResolveHook:C,onLoadEventData:I})})})}),e.jsx(Ge,{value:"events",className:"mt-0 flex-1 min-h-0",children:e.jsx(Ce,{title:"Failed to load events list",children:e.jsx("div",{className:"h-full",children:e.jsx(hn,{events:S,onLoadEventData:k})})})}),e.jsx(Ge,{value:"streams",className:"mt-0 flex-1 min-h-0",children:e.jsx(Ce,{title:"Failed to load stream data",children:e.jsxs("div",{className:"h-full flex gap-4",children:[e.jsxs("div",{className:"w-64 flex-shrink-0 border rounded-lg overflow-hidden",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-background-100)"},children:[e.jsxs("div",{className:"px-3 py-2 border-b text-xs font-medium",style:{borderColor:"var(--ds-gray-300)",color:"var(--ds-gray-900)"},children:["Streams (",ae.length,")"]}),e.jsx("div",{className:"overflow-auto max-h-[calc(100vh-400px)]",children:W?e.jsx("div",{className:"p-4 flex items-center justify-center",children:e.jsx(_e,{className:"h-4 w-4 animate-spin text-muted-foreground"})}):$?e.jsx("div",{className:"p-4 text-xs text-destructive",children:$.message}):ae.length===0?e.jsx("div",{className:"p-4 text-xs",style:{color:"var(--ds-gray-600)"},children:"No streams found for this run"}):ae.map(T=>e.jsx("button",{type:"button",onClick:()=>y(T),className:"w-full text-left px-3 py-2 text-xs font-mono truncate hover:bg-accent transition-colors",style:{backgroundColor:j===T?"var(--ds-gray-200)":"transparent",color:"var(--ds-gray-1000)"},title:T,children:T},T))})]}),e.jsx("div",{className:"flex-1 min-w-0",children:j?e.jsx(no,{streamId:j,chunks:q,isLive:Z,error:X}):e.jsx("div",{className:"h-full flex items-center justify-center rounded-lg border",style:{borderColor:"var(--ds-gray-300)",backgroundColor:"var(--ds-gray-100)"},children:e.jsx("div",{className:"text-sm",style:{color:"var(--ds-gray-600)"},children:ae.length>0?"Select a stream to view its data":"No streams available"})})})]})})}),v&&e.jsx(Ge,{value:"graph",className:"mt-0 flex-1 min-h-0",children:e.jsx(Ce,{title:"Failed to load execution graph",children:e.jsx("div",{className:"h-full min-h-[500px]",children:e.jsx(Aa,{run:L,allSteps:D,allEvents:S,env:g})})})})]}),M&&e.jsxs("div",{className:"fixed flex items-center gap-2 left-8 bottom-8 bg-background border rounded-md px-4 py-2 shadow-lg",children:[e.jsx(_e,{className:"size-4 animate-spin"}),e.jsx("span",{className:"text-sm",children:"Fetching data..."})]})]})]})]})}const Oa=sr(function(){const s=rr(),[r]=rs(),n=s.runId,a=r.get("stepId"),o=r.get("eventId"),l=r.get("hookId"),i=a||o||l||void 0;return e.jsx(Ce,{title:"Failed to load run details",children:e.jsx(Da,{runId:n,selectedId:i})})});export{Oa as default};