@copilotkit/web-inspector 1.64.2-canary.1785346263 → 1.64.2-canary.perfall1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +481 -19
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +62 -2
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +62 -2
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +478 -20
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +493 -26
- package/dist/index.umd.js.map +1 -1
- package/dist/package.cjs +1 -1
- package/dist/package.mjs +1 -1
- package/dist/styles/generated.cjs +1 -1
- package/dist/styles/generated.cjs.map +1 -1
- package/dist/styles/generated.mjs +1 -1
- package/dist/styles/generated.mjs.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/memory-recall.spec.ts +76 -0
- package/src/__tests__/web-inspector.spec.ts +194 -4
- package/src/index.ts +620 -19
- package/src/styles/generated.css +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
7
7
|
|
|
8
8
|
//#region src/styles/generated.css
|
|
9
|
-
var generated_default = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--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-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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%;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;-webkit-text-decoration: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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{font-family:var(--font-sans);color:var(--color-slate-900);background-color:#0000;display:block}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.bottom-1{bottom:calc(var(--spacing)*1)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-1{margin-block:calc(var(--spacing)*1)}.my-3{margin-block:calc(var(--spacing)*3)}.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)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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-auto{margin-left:auto}.box-border{box-sizing:border-box}.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}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.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-12{width:calc(var(--spacing)*12)}.w-40{width:calc(var(--spacing)*40)}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[240px\\]{max-width:240px}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[160px\\]{min-width:160px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-y-\\[2px\\]{--tw-translate-y:calc(2px*-1);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)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}: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-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(.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)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-200{border-color:var(--color-violet-200)}.border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950\\/95{background-color:#020618f2}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\\/95{background-color:color-mix(in oklab,var(--color-slate-950)95%,transparent)}}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.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-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.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)}.py-10{padding-block:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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-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-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-700{color:var(--color-emerald-700)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-purple-700{color:var(--color-purple-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-80{opacity:.8}.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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-black\\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-transparent{--tw-ring-color:transparent}.ring-white\\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-md{--tw-backdrop-blur:blur(var(--blur-md));-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))}.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 *){opacity:1}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-white\\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\\:border-white\\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-slate-900\\/95:hover{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-slate-900\\/95:hover{background-color:color-mix(in oklab,var(--color-slate-900)95%,transparent)}}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}}.focus\\:border-gray-300:focus{border-color:var(--color-gray-300)}.focus\\:bg-gray-50:focus{background-color:var(--color-gray-50)}.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-gray-200:focus{--tw-ring-color:var(--color-gray-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-\\[\\#BEC2FF\\]:focus-visible{outline-color:#bec2ff}.focus-visible\\:outline-gray-300:focus-visible{outline-color:var(--color-gray-300)}.focus-visible\\:outline-gray-400:focus-visible{outline-color:var(--color-gray-400)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\\[\\&\\>svg\\]\\:\\!h-8>svg{height:calc(var(--spacing)*8)!important}.\\[\\&\\>svg\\]\\:\\!w-8>svg{width:calc(var(--spacing)*8)!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@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-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-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}";
|
|
9
|
+
var generated_default = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--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-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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%;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;-webkit-text-decoration: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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{font-family:var(--font-sans);color:var(--color-slate-900);background-color:#0000;display:block}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.bottom-1{bottom:calc(var(--spacing)*1)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-1{margin-block:calc(var(--spacing)*1)}.my-3{margin-block:calc(var(--spacing)*3)}.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)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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-auto{margin-left:auto}.box-border{box-sizing:border-box}.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}.h-1\\.5{height:calc(var(--spacing)*1.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-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-40{width:calc(var(--spacing)*40)}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[240px\\]{max-width:240px}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[160px\\]{min-width:160px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\\[2px\\]{--tw-translate-y:calc(2px*-1);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)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}: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-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(.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)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-200{border-color:var(--color-violet-200)}.border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950\\/95{background-color:#020618f2}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\\/95{background-color:color-mix(in oklab,var(--color-slate-950)95%,transparent)}}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.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-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.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)}.py-10{padding-block:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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-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-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-700{color:var(--color-emerald-700)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-purple-700{color:var(--color-purple-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-80{opacity:.8}.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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-black\\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-transparent{--tw-ring-color:transparent}.ring-white\\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-md{--tw-backdrop-blur:blur(var(--blur-md));-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-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-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))}.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 *){opacity:1}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-white\\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\\:border-white\\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-slate-900\\/95:hover{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-slate-900\\/95:hover{background-color:color-mix(in oklab,var(--color-slate-900)95%,transparent)}}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}}.focus\\:border-gray-300:focus{border-color:var(--color-gray-300)}.focus\\:bg-gray-50:focus{background-color:var(--color-gray-50)}.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-gray-200:focus{--tw-ring-color:var(--color-gray-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-\\[\\#BEC2FF\\]:focus-visible{outline-color:#bec2ff}.focus-visible\\:outline-gray-300:focus-visible{outline-color:var(--color-gray-300)}.focus-visible\\:outline-gray-400:focus-visible{outline-color:var(--color-gray-400)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\\[\\&\\>svg\\]\\:\\!h-8>svg{height:calc(var(--spacing)*8)!important}.\\[\\&\\>svg\\]\\:\\!w-8>svg{width:calc(var(--spacing)*8)!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@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-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-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}";
|
|
10
10
|
|
|
11
11
|
//#endregion
|
|
12
12
|
//#region src/assets/inspector-logo.svg
|
|
@@ -191,7 +191,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
191
191
|
|
|
192
192
|
//#endregion
|
|
193
193
|
//#region package.json
|
|
194
|
-
var version = "1.64.2-canary.
|
|
194
|
+
var version = "1.64.2-canary.perfall1";
|
|
195
195
|
|
|
196
196
|
//#endregion
|
|
197
197
|
//#region src/lib/telemetry.ts
|
|
@@ -389,6 +389,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
389
389
|
//#region src/index.ts
|
|
390
390
|
const WEB_INSPECTOR_TAG = "cpk-web-inspector";
|
|
391
391
|
const THREAD_INSPECTOR_TAG = "cpk-thread-inspector";
|
|
392
|
+
/**
|
|
393
|
+
* User-facing label for the memory surface (nav item + view header). The menu
|
|
394
|
+
* KEY stays "memories" for persistence/telemetry stability; only the label
|
|
395
|
+
* changed from "Learning" to "Memory".
|
|
396
|
+
*/
|
|
397
|
+
const MEMORY_VIEW_LABEL = "Memory";
|
|
392
398
|
const EDGE_MARGIN = 16;
|
|
393
399
|
const DRAG_THRESHOLD = 6;
|
|
394
400
|
const MIN_WINDOW_WIDTH = 600;
|
|
@@ -411,6 +417,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
411
417
|
const INTELLIGENCE_SIGNUP_URL = "https://go.copilotkit.ai/intelligence-signup";
|
|
412
418
|
const THREADS_INTELLIGENCE_SIGNIN_URL = "https://dashboard.operations.copilotkit.ai/sign-in";
|
|
413
419
|
const TALK_TO_ENGINEER_URL = "https://www.copilotkit.ai/talk-to-an-engineer";
|
|
420
|
+
const CAPABILITIES_TAB_LABEL = "Capabilities";
|
|
414
421
|
const THREADS_DOCS_URL = "https://docs.copilotkit.ai/threads";
|
|
415
422
|
const SELF_HOSTED_INTELLIGENCE_URL = "https://docs.copilotkit.ai/premium/self-hosting";
|
|
416
423
|
const THREADS_EXAMPLE_OVERVIEW_VIDEO_URL = "https://cdn.copilotkit.ai/corp-site/videos/copilotkit-generative-ui-agentic-frontend-demo.webm";
|
|
@@ -441,6 +448,32 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
441
448
|
"ACTIVITY_SNAPSHOT",
|
|
442
449
|
"ACTIVITY_DELTA"
|
|
443
450
|
];
|
|
451
|
+
/**
|
|
452
|
+
* Map core.tools (the registry INCLUDING disabled tools) into Capabilities-tab
|
|
453
|
+
* frontend-tool rows. Pure: no DOM, no `this`. Reads current on/off state from
|
|
454
|
+
* core.isToolEnabled(name, agentId?) per the A1 contract.
|
|
455
|
+
*/
|
|
456
|
+
function buildCapabilityRows(core) {
|
|
457
|
+
var _core$tools;
|
|
458
|
+
const rows = [];
|
|
459
|
+
for (const tool of (_core$tools = core.tools) !== null && _core$tools !== void 0 ? _core$tools : []) {
|
|
460
|
+
var _tool$agentId;
|
|
461
|
+
const key = `${(_tool$agentId = tool.agentId) !== null && _tool$agentId !== void 0 ? _tool$agentId : ""}:${tool.name}`;
|
|
462
|
+
rows.push({
|
|
463
|
+
key,
|
|
464
|
+
name: tool.name,
|
|
465
|
+
description: tool.description,
|
|
466
|
+
agentId: tool.agentId,
|
|
467
|
+
enabled: core.isToolEnabled(tool.name, tool.agentId)
|
|
468
|
+
});
|
|
469
|
+
}
|
|
470
|
+
return rows.sort((a, b) => {
|
|
471
|
+
var _a$agentId, _b$agentId;
|
|
472
|
+
const agentCompare = ((_a$agentId = a.agentId) !== null && _a$agentId !== void 0 ? _a$agentId : "").localeCompare((_b$agentId = b.agentId) !== null && _b$agentId !== void 0 ? _b$agentId : "");
|
|
473
|
+
if (agentCompare !== 0) return agentCompare;
|
|
474
|
+
return a.name.localeCompare(b.name);
|
|
475
|
+
});
|
|
476
|
+
}
|
|
444
477
|
const THREADS_EXAMPLE_THREADS = [
|
|
445
478
|
{
|
|
446
479
|
id: "example-realtime-sync",
|
|
@@ -3252,10 +3285,45 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3252
3285
|
text-align: right;
|
|
3253
3286
|
}
|
|
3254
3287
|
`;
|
|
3288
|
+
/**
|
|
3289
|
+
* Normalizes a memory's raw recall score to a 0..1 relevance ratio relative to
|
|
3290
|
+
* the strongest result in the same result set. Recall scores are RRF scores
|
|
3291
|
+
* (relative), so a bar is only meaningful against the set max. Returns
|
|
3292
|
+
* `undefined` when no meaningful ranking exists (empty set, non-positive max,
|
|
3293
|
+
* missing score) so the caller renders no bar.
|
|
3294
|
+
*/
|
|
3295
|
+
function normalizeRelevance(score, maxScore) {
|
|
3296
|
+
if (maxScore <= 0) return void 0;
|
|
3297
|
+
if (score === void 0 || !Number.isFinite(score)) return void 0;
|
|
3298
|
+
const ratio = score / maxScore;
|
|
3299
|
+
if (ratio <= 0) return 0;
|
|
3300
|
+
return ratio > 1 ? 1 : ratio;
|
|
3301
|
+
}
|
|
3302
|
+
/** Largest finite `score` across a result set, or 0 when none present. */
|
|
3303
|
+
function maxRecallScore(memories) {
|
|
3304
|
+
let max = 0;
|
|
3305
|
+
for (const m of memories) {
|
|
3306
|
+
const s = m.score;
|
|
3307
|
+
if (typeof s === "number" && Number.isFinite(s) && s > max) max = s;
|
|
3308
|
+
}
|
|
3309
|
+
return max;
|
|
3310
|
+
}
|
|
3311
|
+
/**
|
|
3312
|
+
* Percent width for a relevance bar. Mirrors the banking reference
|
|
3313
|
+
* (`max(6, round(rel*100))%`) so a matched-but-weak result still shows a sliver.
|
|
3314
|
+
* Returns a whole number in [6, 100].
|
|
3315
|
+
*/
|
|
3316
|
+
function relevanceBarWidth(relevance) {
|
|
3317
|
+
return Math.max(6, Math.min(100, Math.round(relevance * 100)));
|
|
3318
|
+
}
|
|
3255
3319
|
var CpkMemoryList = class extends lit.LitElement {
|
|
3256
3320
|
constructor(..._args3) {
|
|
3257
3321
|
super(..._args3);
|
|
3258
3322
|
this.memories = [];
|
|
3323
|
+
this.recallResults = null;
|
|
3324
|
+
this.recallLoading = false;
|
|
3325
|
+
this.recallError = null;
|
|
3326
|
+
this.recallQueryText = "";
|
|
3259
3327
|
this.search = "";
|
|
3260
3328
|
this.kind = "all";
|
|
3261
3329
|
this.onSearchInput = (event) => {
|
|
@@ -3266,6 +3334,31 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3266
3334
|
if (!seg) return;
|
|
3267
3335
|
this.kind = seg.dataset["kind"];
|
|
3268
3336
|
};
|
|
3337
|
+
this.onRecallInput = (event) => {
|
|
3338
|
+
const value = event.target.value;
|
|
3339
|
+
this.recallQueryText = value;
|
|
3340
|
+
this.dispatchEvent(new CustomEvent("recallQueryChanged", {
|
|
3341
|
+
detail: value,
|
|
3342
|
+
bubbles: true,
|
|
3343
|
+
composed: true
|
|
3344
|
+
}));
|
|
3345
|
+
};
|
|
3346
|
+
this.onRecallSubmit = (event) => {
|
|
3347
|
+
event.preventDefault();
|
|
3348
|
+
const query = this.recallQueryText.trim();
|
|
3349
|
+
if (query.length === 0 || this.recallLoading) return;
|
|
3350
|
+
this.dispatchEvent(new CustomEvent("recallSubmitted", {
|
|
3351
|
+
detail: query,
|
|
3352
|
+
bubbles: true,
|
|
3353
|
+
composed: true
|
|
3354
|
+
}));
|
|
3355
|
+
};
|
|
3356
|
+
this.onRecallClear = () => {
|
|
3357
|
+
this.dispatchEvent(new CustomEvent("recallCleared", {
|
|
3358
|
+
bubbles: true,
|
|
3359
|
+
composed: true
|
|
3360
|
+
}));
|
|
3361
|
+
};
|
|
3269
3362
|
}
|
|
3270
3363
|
/** Memories that pass the current text search (before kind filter). */
|
|
3271
3364
|
get searchFiltered() {
|
|
@@ -3292,6 +3385,86 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3292
3385
|
return lit.html`<span class="cpk-ml__kind-badge cpk-ml__kind-badge--${kind}"
|
|
3293
3386
|
>${kind}</span
|
|
3294
3387
|
>`;
|
|
3388
|
+
}
|
|
3389
|
+
renderScopeBadge(scope) {
|
|
3390
|
+
return lit.html`<span
|
|
3391
|
+
class="cpk-ml__scope-badge cpk-ml__scope-badge--${scope === "project" ? "project" : "user"}"
|
|
3392
|
+
>${scope}</span
|
|
3393
|
+
>`;
|
|
3394
|
+
}
|
|
3395
|
+
/**
|
|
3396
|
+
* Renders one memory card. `relevance` (0..1) is supplied only for recall
|
|
3397
|
+
* results — when present a relevance bar is drawn; the full list omits it.
|
|
3398
|
+
*/
|
|
3399
|
+
renderCard(m, relevance) {
|
|
3400
|
+
const threads = m.sourceThreadIds.length;
|
|
3401
|
+
return lit.html`
|
|
3402
|
+
<div class="cpk-ml__card">
|
|
3403
|
+
<div class="cpk-ml__card-badges">
|
|
3404
|
+
${this.renderKindBadge(m.kind)}${this.renderScopeBadge(m.scope)}
|
|
3405
|
+
</div>
|
|
3406
|
+
<div class="cpk-ml__content">${m.content}</div>
|
|
3407
|
+
${relevance !== void 0 ? lit.html`<div class="cpk-ml__relevance">
|
|
3408
|
+
<div
|
|
3409
|
+
class="cpk-ml__relevance-fill"
|
|
3410
|
+
style="width:${relevanceBarWidth(relevance)}%;"
|
|
3411
|
+
></div>
|
|
3412
|
+
</div>` : lit.nothing}
|
|
3413
|
+
<div class="cpk-ml__footer">
|
|
3414
|
+
<span class="cpk-ml__footer-threads"
|
|
3415
|
+
>${threads} source thread${threads === 1 ? "" : "s"}</span
|
|
3416
|
+
>
|
|
3417
|
+
<span class="cpk-ml__footer-id">${this.shortId(m.id)}</span>
|
|
3418
|
+
</div>
|
|
3419
|
+
</div>
|
|
3420
|
+
`;
|
|
3421
|
+
}
|
|
3422
|
+
renderRecallForm() {
|
|
3423
|
+
const disabled = this.recallLoading || this.recallQueryText.trim().length === 0;
|
|
3424
|
+
return lit.html`
|
|
3425
|
+
<form class="cpk-ml__recall" @submit=${this.onRecallSubmit}>
|
|
3426
|
+
<input
|
|
3427
|
+
type="text"
|
|
3428
|
+
placeholder="Recall by meaning…"
|
|
3429
|
+
aria-label="Recall memories by meaning"
|
|
3430
|
+
class="cpk-ml__recall-input"
|
|
3431
|
+
.value=${this.recallQueryText}
|
|
3432
|
+
@input=${this.onRecallInput}
|
|
3433
|
+
/>
|
|
3434
|
+
<button type="submit" class="cpk-ml__recall-btn" ?disabled=${disabled}>
|
|
3435
|
+
${this.recallLoading ? "…" : "Recall"}
|
|
3436
|
+
</button>
|
|
3437
|
+
</form>
|
|
3438
|
+
`;
|
|
3439
|
+
}
|
|
3440
|
+
renderRecallSection() {
|
|
3441
|
+
const results = this.recallResults;
|
|
3442
|
+
if (results === null) return lit.html``;
|
|
3443
|
+
const max = maxRecallScore(results);
|
|
3444
|
+
return lit.html`
|
|
3445
|
+
<section
|
|
3446
|
+
class="cpk-ml__recall-section"
|
|
3447
|
+
aria-label="Semantic recall results"
|
|
3448
|
+
>
|
|
3449
|
+
<div class="cpk-ml__recall-header">
|
|
3450
|
+
<span class="cpk-ml__recall-title"
|
|
3451
|
+
>Semantic recall (${results.length})</span
|
|
3452
|
+
>
|
|
3453
|
+
<button
|
|
3454
|
+
type="button"
|
|
3455
|
+
class="cpk-ml__recall-clear"
|
|
3456
|
+
@click=${this.onRecallClear}
|
|
3457
|
+
>
|
|
3458
|
+
Clear
|
|
3459
|
+
</button>
|
|
3460
|
+
</div>
|
|
3461
|
+
${this.recallError ? lit.html`<p class="cpk-ml__recall-msg cpk-ml__recall-msg--error">
|
|
3462
|
+
Recall failed: ${this.recallError}
|
|
3463
|
+
</p>` : results.length === 0 ? lit.html`
|
|
3464
|
+
<p class="cpk-ml__recall-msg">No memories matched that query.</p>
|
|
3465
|
+
` : results.map((m) => this.renderCard(m, normalizeRelevance(m.score, max)))}
|
|
3466
|
+
</section>
|
|
3467
|
+
`;
|
|
3295
3468
|
}
|
|
3296
3469
|
renderEmpty() {
|
|
3297
3470
|
const q = this.search.trim();
|
|
@@ -3328,6 +3501,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3328
3501
|
const filtered = this.filtered;
|
|
3329
3502
|
return lit.html`
|
|
3330
3503
|
<div class="cpk-ml">
|
|
3504
|
+
<!-- Semantic recall -->
|
|
3505
|
+
${this.renderRecallForm()} ${this.renderRecallSection()}
|
|
3506
|
+
|
|
3331
3507
|
<!-- Search -->
|
|
3332
3508
|
<div class="cpk-ml__search">
|
|
3333
3509
|
<input
|
|
@@ -3363,21 +3539,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3363
3539
|
|
|
3364
3540
|
<!-- Memory list -->
|
|
3365
3541
|
<div class="cpk-ml__list">
|
|
3366
|
-
${filtered.map((m) =>
|
|
3367
|
-
<div class="cpk-ml__card">
|
|
3368
|
-
<div class="cpk-ml__card-badges">
|
|
3369
|
-
${this.renderKindBadge(m.kind)}
|
|
3370
|
-
<span class="cpk-ml__scope-badge">${m.scope}</span>
|
|
3371
|
-
</div>
|
|
3372
|
-
<div class="cpk-ml__content">${m.content}</div>
|
|
3373
|
-
<div class="cpk-ml__footer">
|
|
3374
|
-
<span class="cpk-ml__footer-threads"
|
|
3375
|
-
>${m.sourceThreadIds.length} source thread${m.sourceThreadIds.length === 1 ? "" : "s"}</span
|
|
3376
|
-
>
|
|
3377
|
-
<span class="cpk-ml__footer-id">${this.shortId(m.id)}</span>
|
|
3378
|
-
</div>
|
|
3379
|
-
</div>
|
|
3380
|
-
`)}
|
|
3542
|
+
${filtered.map((m) => this.renderCard(m))}
|
|
3381
3543
|
${filtered.length === 0 ? this.renderEmpty() : lit.nothing}
|
|
3382
3544
|
</div>
|
|
3383
3545
|
</div>
|
|
@@ -3386,6 +3548,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3386
3548
|
};
|
|
3387
3549
|
CpkMemoryList.properties = {
|
|
3388
3550
|
memories: { attribute: false },
|
|
3551
|
+
recallResults: { attribute: false },
|
|
3552
|
+
recallLoading: { attribute: false },
|
|
3553
|
+
recallError: { attribute: false },
|
|
3554
|
+
recallQueryText: { attribute: false },
|
|
3389
3555
|
search: { state: true },
|
|
3390
3556
|
kind: { state: true }
|
|
3391
3557
|
};
|
|
@@ -3587,6 +3753,117 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3587
3753
|
.cpk-ml__empty-icon {
|
|
3588
3754
|
color: #c0c0c8;
|
|
3589
3755
|
}
|
|
3756
|
+
|
|
3757
|
+
/* ── Recall ── */
|
|
3758
|
+
.cpk-ml__recall {
|
|
3759
|
+
display: flex;
|
|
3760
|
+
gap: 6px;
|
|
3761
|
+
padding: 10px 12px;
|
|
3762
|
+
border-bottom: 1px solid #dbdbe5;
|
|
3763
|
+
flex-shrink: 0;
|
|
3764
|
+
}
|
|
3765
|
+
.cpk-ml__recall-input {
|
|
3766
|
+
flex: 1;
|
|
3767
|
+
box-sizing: border-box;
|
|
3768
|
+
font-family: "Plus Jakarta Sans", sans-serif;
|
|
3769
|
+
font-size: 12px;
|
|
3770
|
+
padding: 7px 10px;
|
|
3771
|
+
border-radius: 6px;
|
|
3772
|
+
border: 1px solid #dbdbe5;
|
|
3773
|
+
background: #fff;
|
|
3774
|
+
color: #010507;
|
|
3775
|
+
outline: none;
|
|
3776
|
+
transition: border-color 0.15s;
|
|
3777
|
+
}
|
|
3778
|
+
.cpk-ml__recall-input:focus {
|
|
3779
|
+
border-color: #bec2ff;
|
|
3780
|
+
}
|
|
3781
|
+
.cpk-ml__recall-btn {
|
|
3782
|
+
font-family: "Plus Jakarta Sans", sans-serif;
|
|
3783
|
+
font-size: 12px;
|
|
3784
|
+
font-weight: 500;
|
|
3785
|
+
padding: 7px 12px;
|
|
3786
|
+
border-radius: 6px;
|
|
3787
|
+
border: 1px solid #dbdbe5;
|
|
3788
|
+
background: #fff;
|
|
3789
|
+
color: #010507;
|
|
3790
|
+
cursor: pointer;
|
|
3791
|
+
transition: background 0.1s;
|
|
3792
|
+
}
|
|
3793
|
+
.cpk-ml__recall-btn:hover:not(:disabled) {
|
|
3794
|
+
background: #f0f0f5;
|
|
3795
|
+
}
|
|
3796
|
+
.cpk-ml__recall-btn:disabled {
|
|
3797
|
+
opacity: 0.4;
|
|
3798
|
+
cursor: default;
|
|
3799
|
+
}
|
|
3800
|
+
.cpk-ml__recall-section {
|
|
3801
|
+
flex-shrink: 0;
|
|
3802
|
+
max-height: 45%;
|
|
3803
|
+
overflow-y: auto;
|
|
3804
|
+
padding: 8px 12px;
|
|
3805
|
+
border-bottom: 1px solid #dbdbe5;
|
|
3806
|
+
background: #fbfbfd;
|
|
3807
|
+
display: flex;
|
|
3808
|
+
flex-direction: column;
|
|
3809
|
+
gap: 8px;
|
|
3810
|
+
}
|
|
3811
|
+
.cpk-ml__recall-header {
|
|
3812
|
+
display: flex;
|
|
3813
|
+
align-items: center;
|
|
3814
|
+
justify-content: space-between;
|
|
3815
|
+
gap: 8px;
|
|
3816
|
+
}
|
|
3817
|
+
.cpk-ml__recall-title {
|
|
3818
|
+
font-family: "Plus Jakarta Sans", sans-serif;
|
|
3819
|
+
font-size: 12px;
|
|
3820
|
+
font-weight: 600;
|
|
3821
|
+
color: #010507;
|
|
3822
|
+
}
|
|
3823
|
+
.cpk-ml__recall-clear {
|
|
3824
|
+
font-family: "Plus Jakarta Sans", sans-serif;
|
|
3825
|
+
font-size: 10px;
|
|
3826
|
+
color: #838389;
|
|
3827
|
+
background: none;
|
|
3828
|
+
border: none;
|
|
3829
|
+
cursor: pointer;
|
|
3830
|
+
padding: 0;
|
|
3831
|
+
}
|
|
3832
|
+
.cpk-ml__recall-clear:hover {
|
|
3833
|
+
color: #010507;
|
|
3834
|
+
}
|
|
3835
|
+
.cpk-ml__recall-msg {
|
|
3836
|
+
font-size: 11px;
|
|
3837
|
+
color: #838389;
|
|
3838
|
+
line-height: 1.45;
|
|
3839
|
+
}
|
|
3840
|
+
.cpk-ml__recall-msg--error {
|
|
3841
|
+
color: #c0333a;
|
|
3842
|
+
}
|
|
3843
|
+
|
|
3844
|
+
/* ── Relevance bar ── */
|
|
3845
|
+
.cpk-ml__relevance {
|
|
3846
|
+
height: 4px;
|
|
3847
|
+
width: 100%;
|
|
3848
|
+
overflow: hidden;
|
|
3849
|
+
border-radius: 9999px;
|
|
3850
|
+
background: #f0f0f5;
|
|
3851
|
+
}
|
|
3852
|
+
.cpk-ml__relevance-fill {
|
|
3853
|
+
height: 100%;
|
|
3854
|
+
border-radius: 9999px;
|
|
3855
|
+
background: #6366f1;
|
|
3856
|
+
}
|
|
3857
|
+
|
|
3858
|
+
/* ── Scope badge variants ── */
|
|
3859
|
+
.cpk-ml__scope-badge--user {
|
|
3860
|
+
background: #f0f0f5;
|
|
3861
|
+
color: #838389;
|
|
3862
|
+
}
|
|
3863
|
+
.cpk-ml__scope-badge--project {
|
|
3864
|
+
background: #fef3c7;
|
|
3865
|
+
color: #92660c;
|
|
3866
|
+
}
|
|
3590
3867
|
`;
|
|
3591
3868
|
var ɵCpkThreadDetails = class extends CpkThreadInspector {};
|
|
3592
3869
|
if (!customElements.get("cpk-thread-list")) customElements.define("cpk-thread-list", CpkThreadList);
|
|
@@ -3607,6 +3884,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3607
3884
|
this._memoryUnsub = null;
|
|
3608
3885
|
this._memorySubscribed = false;
|
|
3609
3886
|
this._memoryStoreUnsupported = false;
|
|
3887
|
+
this._recallResults = null;
|
|
3888
|
+
this._recallLoading = false;
|
|
3889
|
+
this._recallError = null;
|
|
3890
|
+
this._recallQuery = "";
|
|
3891
|
+
this._recallSeq = 0;
|
|
3610
3892
|
this.runtimeStatus = null;
|
|
3611
3893
|
this.coreProperties = {};
|
|
3612
3894
|
this.lastCoreError = null;
|
|
@@ -3651,6 +3933,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
3651
3933
|
this.attemptedAutoAttach = false;
|
|
3652
3934
|
this.cachedTools = [];
|
|
3653
3935
|
this.toolSignature = "";
|
|
3936
|
+
this._capabilitiesVersion = 0;
|
|
3654
3937
|
this.eventFilterText = "";
|
|
3655
3938
|
this.eventTypeFilter = "all";
|
|
3656
3939
|
this.evtColWidths = [
|
|
@@ -4014,7 +4297,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
4014
4297
|
if (this._core) this.attachToCore(this._core);
|
|
4015
4298
|
}
|
|
4016
4299
|
get menuItems() {
|
|
4017
|
-
var _this$_core$tools$len, _this$_core;
|
|
4300
|
+
var _this$_core$tools$len, _this$_core, _this$_core$catalogCo, _this$_core2;
|
|
4301
|
+
const hasFrontendTools = ((_this$_core$tools$len = (_this$_core = this._core) === null || _this$_core === void 0 || (_this$_core = _this$_core.tools) === null || _this$_core === void 0 ? void 0 : _this$_core.length) !== null && _this$_core$tools$len !== void 0 ? _this$_core$tools$len : 0) > 0;
|
|
4302
|
+
const hasCatalog = ((_this$_core$catalogCo = (_this$_core2 = this._core) === null || _this$_core2 === void 0 || (_this$_core2 = _this$_core2.catalogComponents) === null || _this$_core2 === void 0 ? void 0 : _this$_core2.length) !== null && _this$_core$catalogCo !== void 0 ? _this$_core$catalogCo : 0) > 0;
|
|
4303
|
+
const hasCapabilities = hasFrontendTools || hasCatalog;
|
|
4018
4304
|
return [
|
|
4019
4305
|
{
|
|
4020
4306
|
key: "ag-ui-events",
|
|
@@ -4026,11 +4312,16 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
4026
4312
|
label: "Agent",
|
|
4027
4313
|
icon: "Bot"
|
|
4028
4314
|
},
|
|
4029
|
-
...
|
|
4315
|
+
...hasFrontendTools ? [{
|
|
4030
4316
|
key: "frontend-tools",
|
|
4031
4317
|
label: "Frontend Tools",
|
|
4032
4318
|
icon: "Hammer"
|
|
4033
4319
|
}] : [],
|
|
4320
|
+
...hasCapabilities ? [{
|
|
4321
|
+
key: "capabilities",
|
|
4322
|
+
label: CAPABILITIES_TAB_LABEL,
|
|
4323
|
+
icon: "SlidersHorizontal"
|
|
4324
|
+
}] : [],
|
|
4034
4325
|
{
|
|
4035
4326
|
key: "agent-context",
|
|
4036
4327
|
label: "Context",
|
|
@@ -4043,7 +4334,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
4043
4334
|
},
|
|
4044
4335
|
{
|
|
4045
4336
|
key: "memories",
|
|
4046
|
-
label:
|
|
4337
|
+
label: MEMORY_VIEW_LABEL,
|
|
4047
4338
|
icon: "Brain"
|
|
4048
4339
|
}
|
|
4049
4340
|
];
|
|
@@ -4335,6 +4626,51 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
4335
4626
|
this._memoryUnsub = () => memSubs.forEach((s) => s.unsubscribe());
|
|
4336
4627
|
this.requestUpdate();
|
|
4337
4628
|
}
|
|
4629
|
+
/**
|
|
4630
|
+
* Runs a semantic recall via the memory store (`core.getMemoryStore().recall`,
|
|
4631
|
+
* from B2) and stores ranked results. Guarded by a monotonic sequence token
|
|
4632
|
+
* so a stale request cannot overwrite a newer result / Clear / detach. Only
|
|
4633
|
+
* reachable from the Intelligence-gated memory view, so it inherits the gate.
|
|
4634
|
+
*/
|
|
4635
|
+
runRecall(query) {
|
|
4636
|
+
var _this$_core3, _this$_core3$getMemor;
|
|
4637
|
+
const trimmed = query.trim();
|
|
4638
|
+
if (trimmed.length === 0) return;
|
|
4639
|
+
const store = (_this$_core3 = this._core) === null || _this$_core3 === void 0 || (_this$_core3$getMemor = _this$_core3.getMemoryStore) === null || _this$_core3$getMemor === void 0 ? void 0 : _this$_core3$getMemor.call(_this$_core3);
|
|
4640
|
+
if (!store || typeof store.recall !== "function") {
|
|
4641
|
+
this._recallResults = [];
|
|
4642
|
+
this._recallError = "Recall is not supported by this SDK version.";
|
|
4643
|
+
this._recallLoading = false;
|
|
4644
|
+
this.requestUpdate();
|
|
4645
|
+
return;
|
|
4646
|
+
}
|
|
4647
|
+
const seq = ++this._recallSeq;
|
|
4648
|
+
this._recallLoading = true;
|
|
4649
|
+
this._recallError = null;
|
|
4650
|
+
this.requestUpdate();
|
|
4651
|
+
store.recall(trimmed).then((results) => {
|
|
4652
|
+
if (seq !== this._recallSeq) return;
|
|
4653
|
+
this._recallResults = results;
|
|
4654
|
+
this._recallError = null;
|
|
4655
|
+
this._recallLoading = false;
|
|
4656
|
+
this.requestUpdate();
|
|
4657
|
+
}).catch((error) => {
|
|
4658
|
+
if (seq !== this._recallSeq) return;
|
|
4659
|
+
this._recallResults = [];
|
|
4660
|
+
this._recallError = error instanceof Error ? error.message : "unknown error";
|
|
4661
|
+
this._recallLoading = false;
|
|
4662
|
+
this.requestUpdate();
|
|
4663
|
+
});
|
|
4664
|
+
}
|
|
4665
|
+
/** Clears recall results/section and cancels any in-flight recall. */
|
|
4666
|
+
clearRecall() {
|
|
4667
|
+
this._recallSeq += 1;
|
|
4668
|
+
this._recallResults = null;
|
|
4669
|
+
this._recallError = null;
|
|
4670
|
+
this._recallLoading = false;
|
|
4671
|
+
this._recallQuery = "";
|
|
4672
|
+
this.requestUpdate();
|
|
4673
|
+
}
|
|
4338
4674
|
detachFromCore() {
|
|
4339
4675
|
var _this$_memoryUnsub;
|
|
4340
4676
|
if (this.coreUnsubscribe) {
|
|
@@ -4350,6 +4686,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(stateValue))}</p
|
|
|
4350
4686
|
this._memoriesRealtimeStatus = "connecting";
|
|
4351
4687
|
this._memorySubscribed = false;
|
|
4352
4688
|
this._memoryStoreUnsupported = false;
|
|
4689
|
+
this._recallSeq += 1;
|
|
4690
|
+
this._recallResults = null;
|
|
4691
|
+
this._recallLoading = false;
|
|
4692
|
+
this._recallError = null;
|
|
4693
|
+
this._recallQuery = "";
|
|
4353
4694
|
this.coreSubscriber = null;
|
|
4354
4695
|
this.runtimeStatus = null;
|
|
4355
4696
|
this.lastCoreError = null;
|
|
@@ -5581,6 +5922,7 @@ ${argsString}</pre
|
|
|
5581
5922
|
if (this.selectedMenu === "ag-ui-events") return this.renderEventsTable();
|
|
5582
5923
|
if (this.selectedMenu === "agents") return this.renderAgentsView();
|
|
5583
5924
|
if (this.selectedMenu === "frontend-tools") return this.renderToolsView();
|
|
5925
|
+
if (this.selectedMenu === "capabilities") return this.renderCapabilitiesView();
|
|
5584
5926
|
if (this.selectedMenu === "agent-context") return this.renderContextView();
|
|
5585
5927
|
if (this.selectedMenu === "threads") return this.renderThreadsView();
|
|
5586
5928
|
if (this.selectedMenu === "memories") return this.renderMemoriesView();
|
|
@@ -6550,7 +6892,7 @@ ${argsString}</pre
|
|
|
6550
6892
|
return lit.html`
|
|
6551
6893
|
<div style="display:flex;height:100%;overflow:hidden;flex-direction:column;">
|
|
6552
6894
|
<div class="cpk-section-header" style="display:flex;align-items:center;justify-content:space-between;">
|
|
6553
|
-
<h4
|
|
6895
|
+
<h4>${MEMORY_VIEW_LABEL}</h4>
|
|
6554
6896
|
<div style="display:flex;align-items:center;gap:6px;">
|
|
6555
6897
|
${this.renderMemoryRealtimeIndicator()}
|
|
6556
6898
|
<span
|
|
@@ -6605,13 +6947,26 @@ ${argsString}</pre
|
|
|
6605
6947
|
<cpk-memory-list
|
|
6606
6948
|
style="height:100%;"
|
|
6607
6949
|
.memories=${this._memories}
|
|
6950
|
+
.recallResults=${this._recallResults}
|
|
6951
|
+
.recallLoading=${this._recallLoading}
|
|
6952
|
+
.recallError=${this._recallError}
|
|
6953
|
+
.recallQueryText=${this._recallQuery}
|
|
6954
|
+
@recallQueryChanged=${(e) => {
|
|
6955
|
+
this._recallQuery = e.detail;
|
|
6956
|
+
}}
|
|
6957
|
+
@recallSubmitted=${(e) => {
|
|
6958
|
+
this.runRecall(e.detail);
|
|
6959
|
+
}}
|
|
6960
|
+
@recallCleared=${() => {
|
|
6961
|
+
this.clearRecall();
|
|
6962
|
+
}}
|
|
6608
6963
|
></cpk-memory-list>
|
|
6609
6964
|
</div>
|
|
6610
6965
|
</div>
|
|
6611
6966
|
`;
|
|
6612
6967
|
}
|
|
6613
6968
|
renderThreadsView() {
|
|
6614
|
-
var _visibleThreads$find, _this$_core$runtimeUr, _this$
|
|
6969
|
+
var _visibleThreads$find, _this$_core$runtimeUr, _this$_core4, _this$_core$headers, _this$_core5, _this$_core6, _this$liveMessageVers2, _this$agentEvents$get6;
|
|
6615
6970
|
if (!this.areThreadEndpointsAvailable()) return this.renderThreadsLockedView();
|
|
6616
6971
|
const { displayThreads, threadsErrorMessage } = this.getActiveThreadsState();
|
|
6617
6972
|
const showingExamples = this.shouldRenderExampleThreads(displayThreads, threadsErrorMessage);
|
|
@@ -6654,9 +7009,9 @@ ${argsString}</pre
|
|
|
6654
7009
|
.threadId=${selectedThread.id}
|
|
6655
7010
|
.thread=${selectedThread}
|
|
6656
7011
|
.provider=${selectedThreadIsExample ? this.getExampleThreadProvider(selectedThread.id) : null}
|
|
6657
|
-
.runtimeUrl=${(_this$_core$runtimeUr = (_this$
|
|
6658
|
-
.headers=${(_this$_core$headers = (_this$
|
|
6659
|
-
.threadInspectionAvailable=${selectedThreadIsExample || ((_this$
|
|
7012
|
+
.runtimeUrl=${(_this$_core$runtimeUr = (_this$_core4 = this._core) === null || _this$_core4 === void 0 ? void 0 : _this$_core4.runtimeUrl) !== null && _this$_core$runtimeUr !== void 0 ? _this$_core$runtimeUr : ""}
|
|
7013
|
+
.headers=${(_this$_core$headers = (_this$_core5 = this._core) === null || _this$_core5 === void 0 ? void 0 : _this$_core5.headers) !== null && _this$_core$headers !== void 0 ? _this$_core$headers : {}}
|
|
7014
|
+
.threadInspectionAvailable=${selectedThreadIsExample || ((_this$_core6 = this._core) === null || _this$_core6 === void 0 || (_this$_core6 = _this$_core6.threadEndpoints) === null || _this$_core6 === void 0 ? void 0 : _this$_core6.inspect) !== false}
|
|
6660
7015
|
.liveMessageVersion=${(_this$liveMessageVers2 = this.liveMessageVersion.get(selectedThread.id)) !== null && _this$liveMessageVers2 !== void 0 ? _this$liveMessageVers2 : 0}
|
|
6661
7016
|
.agentStateInput=${this.getLatestStateForAgent(selectedThread.agentId)}
|
|
6662
7017
|
.agentEventsInput=${(_this$agentEvents$get6 = this.agentEvents.get(selectedThread.agentId)) !== null && _this$agentEvents$get6 !== void 0 ? _this$agentEvents$get6 : []}
|
|
@@ -7255,6 +7610,113 @@ ${prettyEvent}</pre
|
|
|
7255
7610
|
this.persistState();
|
|
7256
7611
|
this.requestUpdate();
|
|
7257
7612
|
}
|
|
7613
|
+
renderCapabilitiesView() {
|
|
7614
|
+
var _this$_core$catalogCo2;
|
|
7615
|
+
if (!this._core) return lit.html`
|
|
7616
|
+
<div
|
|
7617
|
+
class="flex h-full items-center justify-center px-4 py-8 text-xs text-gray-500"
|
|
7618
|
+
>
|
|
7619
|
+
No core instance available
|
|
7620
|
+
</div>
|
|
7621
|
+
`;
|
|
7622
|
+
const toolRows = buildCapabilityRows(this._core);
|
|
7623
|
+
const catalog = (_this$_core$catalogCo2 = this._core.catalogComponents) !== null && _this$_core$catalogCo2 !== void 0 ? _this$_core$catalogCo2 : [];
|
|
7624
|
+
const hasCatalog = catalog.length > 0;
|
|
7625
|
+
if (toolRows.length === 0 && !hasCatalog) return lit.html`
|
|
7626
|
+
<div class="flex h-full items-center justify-center px-4 py-8 text-center">
|
|
7627
|
+
<div class="max-w-md">
|
|
7628
|
+
<div class="mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8">
|
|
7629
|
+
${this.renderIcon("SlidersHorizontal")}
|
|
7630
|
+
</div>
|
|
7631
|
+
<p class="text-sm text-gray-600">No capabilities registered</p>
|
|
7632
|
+
<p class="mt-2 text-xs text-gray-500">
|
|
7633
|
+
Frontend tools and A2UI catalog components will appear here once
|
|
7634
|
+
they are registered on the CopilotKit core.
|
|
7635
|
+
</p>
|
|
7636
|
+
</div>
|
|
7637
|
+
</div>
|
|
7638
|
+
`;
|
|
7639
|
+
return lit.html`
|
|
7640
|
+
<div class="flex h-full flex-col overflow-hidden">
|
|
7641
|
+
<div class="overflow-auto p-4">
|
|
7642
|
+
<div class="space-y-3">
|
|
7643
|
+
<p class="text-xs text-gray-500">
|
|
7644
|
+
Toggle a capability off to omit it from what the agent sees. This
|
|
7645
|
+
is a client-side experimentation surface and takes effect
|
|
7646
|
+
immediately.
|
|
7647
|
+
</p>
|
|
7648
|
+
</div>
|
|
7649
|
+
|
|
7650
|
+
${toolRows.length > 0 ? lit.html`
|
|
7651
|
+
<div class="mt-4 space-y-2">
|
|
7652
|
+
<h3 class="text-sm text-slate-500">Frontend tools</h3>
|
|
7653
|
+
<div class="space-y-2">
|
|
7654
|
+
${toolRows.map((row) => this.renderCapabilityRow(row))}
|
|
7655
|
+
</div>
|
|
7656
|
+
</div>
|
|
7657
|
+
` : lit.nothing}
|
|
7658
|
+
|
|
7659
|
+
${hasCatalog ? lit.html`
|
|
7660
|
+
<div class="mt-6 space-y-2">
|
|
7661
|
+
<h3 class="text-sm text-slate-500">A2UI catalog components</h3>
|
|
7662
|
+
<div class="space-y-2">
|
|
7663
|
+
${catalog.map((component) => this.renderCapabilityRow({
|
|
7664
|
+
key: component.name,
|
|
7665
|
+
name: component.name,
|
|
7666
|
+
description: component.description,
|
|
7667
|
+
enabled: this._core.isCatalogComponentEnabled(component.name)
|
|
7668
|
+
}))}
|
|
7669
|
+
</div>
|
|
7670
|
+
</div>
|
|
7671
|
+
` : lit.nothing}
|
|
7672
|
+
</div>
|
|
7673
|
+
</div>
|
|
7674
|
+
`;
|
|
7675
|
+
}
|
|
7676
|
+
renderCapabilityRow(row) {
|
|
7677
|
+
const isTool = row.key.includes(":");
|
|
7678
|
+
return lit.html`
|
|
7679
|
+
<div class="flex items-center justify-between gap-3 rounded-lg border border-gray-200 bg-white px-4 py-3">
|
|
7680
|
+
<div class="min-w-0 flex-1">
|
|
7681
|
+
<div class="flex items-center gap-2">
|
|
7682
|
+
<span class="font-mono text-sm font-semibold text-gray-900">${row.name}</span>
|
|
7683
|
+
${row.agentId ? lit.html`<span class="inline-flex items-center gap-1 text-xs text-gray-500">
|
|
7684
|
+
${this.renderIcon("Bot")}<span class="font-mono">${row.agentId}</span>
|
|
7685
|
+
</span>` : lit.nothing}
|
|
7686
|
+
</div>
|
|
7687
|
+
${row.description ? lit.html`<p class="mt-1 text-xs text-gray-600">${row.description}</p>` : lit.nothing}
|
|
7688
|
+
</div>
|
|
7689
|
+
${this.renderCapabilitySwitch(row.enabled, () => isTool ? this.handleToggleTool(row) : this.handleToggleCatalogComponent(row.name))}
|
|
7690
|
+
</div>
|
|
7691
|
+
`;
|
|
7692
|
+
}
|
|
7693
|
+
renderCapabilitySwitch(enabled, onToggle) {
|
|
7694
|
+
return lit.html`
|
|
7695
|
+
<button
|
|
7696
|
+
type="button"
|
|
7697
|
+
role="switch"
|
|
7698
|
+
aria-checked=${enabled ? "true" : "false"}
|
|
7699
|
+
class="relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-300 ${enabled ? "bg-emerald-500" : "bg-gray-300"}"
|
|
7700
|
+
@click=${onToggle}
|
|
7701
|
+
>
|
|
7702
|
+
<span class="inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform ${enabled ? "translate-x-4" : "translate-x-0.5"}"></span>
|
|
7703
|
+
</button>
|
|
7704
|
+
`;
|
|
7705
|
+
}
|
|
7706
|
+
handleToggleTool(row) {
|
|
7707
|
+
if (!this._core) return;
|
|
7708
|
+
const next = !row.enabled;
|
|
7709
|
+
this._core.setToolEnabled(row.name, next, row.agentId);
|
|
7710
|
+
this._capabilitiesVersion += 1;
|
|
7711
|
+
this.requestUpdate();
|
|
7712
|
+
}
|
|
7713
|
+
handleToggleCatalogComponent(name) {
|
|
7714
|
+
if (!this._core) return;
|
|
7715
|
+
const next = !this._core.isCatalogComponentEnabled(name);
|
|
7716
|
+
this._core.setCatalogComponentEnabled(name, next);
|
|
7717
|
+
this._capabilitiesVersion += 1;
|
|
7718
|
+
this.requestUpdate();
|
|
7719
|
+
}
|
|
7258
7720
|
renderToolsView() {
|
|
7259
7721
|
if (!this._core) return lit.html`
|
|
7260
7722
|
<div
|
|
@@ -7964,7 +8426,8 @@ ${prettyEvent}</pre
|
|
|
7964
8426
|
autoAttachCore: {
|
|
7965
8427
|
type: Boolean,
|
|
7966
8428
|
attribute: "auto-attach-core"
|
|
7967
|
-
}
|
|
8429
|
+
},
|
|
8430
|
+
_capabilitiesVersion: { state: true }
|
|
7968
8431
|
};
|
|
7969
8432
|
WebInspectorElement.styles = [(0, lit.unsafeCSS)(generated_default), lit.css`
|
|
7970
8433
|
:host {
|
|
@@ -8734,5 +9197,9 @@ exports.WEB_INSPECTOR_TAG = WEB_INSPECTOR_TAG;
|
|
|
8734
9197
|
exports.WebInspectorElement = WebInspectorElement;
|
|
8735
9198
|
exports.defineWebInspector = defineWebInspector;
|
|
8736
9199
|
exports.ɵCpkThreadDetails = ɵCpkThreadDetails;
|
|
9200
|
+
exports.ɵbuildCapabilityRows = buildCapabilityRows;
|
|
9201
|
+
exports.ɵmaxRecallScore = maxRecallScore;
|
|
9202
|
+
exports.ɵnormalizeRelevance = normalizeRelevance;
|
|
9203
|
+
exports.ɵrelevanceBarWidth = relevanceBarWidth;
|
|
8737
9204
|
});
|
|
8738
9205
|
//# sourceMappingURL=index.umd.js.map
|