@copilotkit/web-inspector 1.70.1 → 1.70.3
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/components/learning-view.cjs +1415 -0
- package/dist/components/learning-view.cjs.map +1 -0
- package/dist/components/learning-view.mjs +1415 -0
- package/dist/components/learning-view.mjs.map +1 -0
- package/dist/index.cjs +525 -227
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +33 -8
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +33 -8
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +526 -228
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +2194 -316
- package/dist/index.umd.js.map +1 -1
- package/dist/lib/home-briefing.cjs +1 -1
- package/dist/lib/home-briefing.cjs.map +1 -1
- package/dist/lib/home-briefing.mjs +1 -1
- package/dist/lib/home-briefing.mjs.map +1 -1
- package/dist/lib/inspector-learning.cjs +37 -0
- package/dist/lib/inspector-learning.cjs.map +1 -0
- package/dist/lib/inspector-learning.mjs +36 -0
- package/dist/lib/inspector-learning.mjs.map +1 -0
- package/dist/lib/learning-setup.cjs +83 -0
- package/dist/lib/learning-setup.cjs.map +1 -0
- package/dist/lib/learning-setup.mjs +78 -0
- package/dist/lib/learning-setup.mjs.map +1 -0
- package/dist/lib/telemetry.cjs +50 -0
- package/dist/lib/telemetry.cjs.map +1 -1
- package/dist/lib/telemetry.d.cts.map +1 -1
- package/dist/lib/telemetry.d.mts.map +1 -1
- package/dist/lib/telemetry.mjs +42 -1
- package/dist/lib/telemetry.mjs.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 +5 -3
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-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-duration:initial;--tw-ease:initial}}}@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-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-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-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-950:oklch(28.3% .141 291.089);--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-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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;--container-3xl:48rem;--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;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-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{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.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}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.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-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-auto{margin-right:auto}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.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-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.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-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\\[28rem\\]{height:28rem}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-\\[20rem\\]{min-height:20rem}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[420px\\]{min-height:420px}.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-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-40{width:calc(var(--spacing)*40)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[240px\\]{max-width:240px}.max-w-full{max-width:100%}.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-\\[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-not-allowed{cursor:not-allowed}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.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-end{align-items:flex-end}.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)))}.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-\\[16px\\]{border-radius:16px}.rounded-\\[28px\\]{border-radius:28px}.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-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-rose-300{border-color:var(--color-rose-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-200{border-color:var(--color-violet-200)}.bg-\\[\\#00000014\\]{background-color:#00000014}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black{background-color:var(--color-black)}.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-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-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.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-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.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-0\\.5{padding:calc(var(--spacing)*.5)}.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-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.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)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.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}.text-\\[13px\\]{font-size:13px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-none{--tw-leading:1;line-height:1}.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-wrap{white-space:pre-wrap}.text-\\[rgb\\(13\\,13\\,13\\)\\]{color:#0d0d0d}.text-amber-600{color:var(--color-amber-600)}.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-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-rose-800{color:var(--color-rose-800)}.text-rose-950{color:var(--color-rose-950)}.text-slate-500{color:var(--color-slate-500)}.text-slate-800{color:var(--color-slate-800)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-950{color:var(--color-violet-950)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-violet-300{-webkit-text-decoration-color:var(--color-violet-300);-webkit-text-decoration-color:var(--color-violet-300);text-decoration-color:var(--color-violet-300)}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.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-\\[0_4px_4px_0_\\#0000000a\\,0_0_1px_0_\\#0000009e\\]{--tw-shadow:0 4px 4px 0 var(--tw-shadow-color,#0000000a),0 0 1px 0 var(--tw-shadow-color,#0000009e);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,.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-transparent{--tw-ring-color:transparent}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-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,)}.backdrop-filter{-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-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\\:text-gray-500::placeholder{color:var(--color-gray-500)}.focus-within\\:shadow-\\[0_6px_18px_0_\\#00000014\\,0_0_1px_0_\\#0000009e\\]:focus-within{--tw-shadow:0 6px 18px 0 var(--tw-shadow-color,#00000014),0 0 1px 0 var(--tw-shadow-color,#0000009e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.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-rose-100:hover{background-color:var(--color-rose-100)}.hover\\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-violet-800:hover{color:var(--color-violet-800)}.hover\\:decoration-violet-700:hover{-webkit-text-decoration-color:var(--color-violet-700);-webkit-text-decoration-color:var(--color-violet-700);text-decoration-color:var(--color-violet-700)}.hover\\:opacity-70:hover{opacity:.7}}.focus\\:border-gray-300:focus{border-color:var(--color-gray-300)}.focus\\:border-violet-400:focus{border-color:var(--color-violet-400)}.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\\:ring-violet-100:focus{--tw-ring-color:var(--color-violet-100)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:rounded:focus-visible{border-radius:.25rem}.focus-visible\\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-rose-300:focus-visible{--tw-ring-color:var(--color-rose-300)}.focus-visible\\:ring-violet-300:focus-visible{--tw-ring-color:var(--color-violet-300)}.focus-visible\\:ring-violet-400:focus-visible{--tw-ring-color:var(--color-violet-400)}.focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\: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-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:opacity-60:active{opacity:.6}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}@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\\]\\:h-3>svg{height:calc(var(--spacing)*3)}.\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:calc(var(--spacing)*3.5)}.\\[\\&\\>svg\\]\\:h-\\[18px\\]>svg{height:18px}.\\[\\&\\>svg\\]\\:\\!w-8>svg{width:calc(var(--spacing)*8)!important}.\\[\\&\\>svg\\]\\:w-3>svg{width:calc(var(--spacing)*3)}.\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:calc(var(--spacing)*3.5)}.\\[\\&\\>svg\\]\\:w-\\[18px\\]>svg{width:18px}.\\[\\&\\>svg\\]\\:animate-spin>svg{animation:var(--animate-spin)}.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}}.cpk-json-block{white-space:pre-wrap;word-break:break-all;color:#57575b;margin:0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:11px;line-height:1.8;overflow:auto}.inspector-account-strip{border-bottom:1px solid #d8d8e8;width:100%;min-width:0;color:#010507!important;background:#f7f6fd!important}.inspector-account-logo{filter:none}.inspector-account-brand{position:relative}.inspector-account-logo-accent{clip-path:inset(0 0 0 80%);pointer-events:none;display:none;position:absolute;inset:0}.inspector-account-cta{isolation:isolate;color:#3f176f;white-space:nowrap;cursor:pointer;background-color:#eee6fe;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.inspector-account-cta:after{z-index:0;content:\"\";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff14 32%,#ffffffad 50%,#ffffff14 68%,#0000 100%);width:68%;animation:3.8s cubic-bezier(.16,1,.3,1) infinite inspector-account-cta-shimmer;position:absolute;inset:0;transform:translate(-180%)skew(-14deg)}.inspector-account-cta>*{z-index:1;position:relative}.inspector-account-cta[data-motion-paused=true]:after{animation-play-state:paused}@keyframes inspector-account-cta-shimmer{0%{opacity:0;transform:translate(-180%)skew(-14deg)}12%{opacity:1}82%{opacity:.8}to{opacity:0;transform:translate(280%)skew(-14deg)}}.inspector-account-cta:hover{color:#32105d;background-color:#e4d8fc}.inspector-account-cta svg{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.inspector-account-cta:after{animation:none}}.inspector-window-layout{position:relative}.inspector-window-layout-menu{z-index:60;color:#010507;background-color:#fff;border:1px solid #d8d8e8;border-radius:5px;width:188px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 24px #1f173924}.inspector-window-layout-menu button{min-height:34px;color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;border-radius:4px;align-items:center;gap:9px;padding:7px 9px;font-size:12px;font-weight:600;display:flex}.inspector-window-layout-menu button:hover,.inspector-window-layout-menu button:focus-visible{color:#3f176f;background-color:#eee6fe;outline:none}.inspector-window-layout-menu button span:first-child{flex:none;display:inline-flex}.inspector-agent-placeholder{color:#68686e;border-color:#c8c8d8}.inspector-primary-navigation,.inspector-child-navigation{display:none}.inspector-shell{background-color:#f7f6fd;flex:auto;min-height:0;display:flex}.inspector-sidebar{z-index:20;background-color:#f7f6fd;border-right:1px solid #d8d8e8;flex-direction:column;flex:none;gap:8px;width:224px;min-width:224px;padding:12px 10px;transition:width .22s,min-width .22s,padding .22s;display:flex;position:relative;overflow:visible}.inspector-sidebar[data-icon-rail=true]{align-items:center;width:52px;min-width:52px;padding:8px}.inspector-sidebar-agent-scope{border-bottom:1px solid #d8d8e8;flex:none;min-width:0;padding-bottom:10px}.inspector-sidebar .inspector-agent-selector{width:100%;min-width:0}.inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button{background-color:#fff;border-radius:5px;max-width:none;min-height:34px;padding:6px 8px}.inspector-context-dropdown-icon{color:#68686e;display:inline-flex}.inspector-context-dropdown-icon svg,.inspector-context-dropdown-chevron svg{width:14px;height:14px}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope{padding-bottom:8px}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true],.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-footer{flex:none;justify-content:center;align-items:center;width:36px;min-width:36px;max-width:36px;display:flex}.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button,.inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder{box-sizing:border-box;justify-content:center;align-items:center;gap:0;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;padding:0;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:flex;overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-label,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-chevron,.inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder span:last-child{display:none}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope [data-context-dropdown-root=true]>div{margin-top:0;top:0;left:calc(100% + 8px)}.inspector-icon-rail-menu{transform-origin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;transform:translate(-8px)scale(.96)}.inspector-icon-rail-menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-section+.inspector-sidebar-section{border-top:1px solid #dbdbe5;margin-top:4px;padding-top:10px}.inspector-sidebar-nav{cursor:default;flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex;overflow:hidden auto}.inspector-sidebar-section{flex-direction:column;gap:4px;display:flex}.inspector-sidebar-label{color:#838389;letter-spacing:.02em;text-align:left;text-transform:none;background:0 0;border:0;width:100%;margin:0 0 2px;padding:0 8px;font-size:11px;font-weight:600;display:block}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-label,.inspector-sidebar[data-icon-rail=true] .inspector-nav-label{display:none}.inspector-sidebar-rail-tooltip{z-index:60;color:#fff;pointer-events:none;white-space:nowrap;background-color:#242331;border-radius:6px;max-width:220px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 7px 18px #1a172a2e}.inspector-sidebar-control{justify-content:flex-start;width:100%;min-height:36px;display:flex;position:relative}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-nav{overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-control,.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-toggle,.inspector-sidebar[data-icon-rail=true] .inspector-nav-control{box-sizing:border-box;justify-content:center;align-items:center;gap:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-nav-icon,.inspector-sidebar[data-icon-rail=true] .inspector-nav-icon svg,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon svg{width:18px;height:18px;overflow:visible}.inspector-home-badge{background-color:#fa5f67;border-radius:999px;width:7px;height:7px;position:absolute;top:8px;right:8px}.inspector-sidebar[data-icon-rail=true] .inspector-home-badge{top:6px;right:8px}.inspector-sidebar-toggle{color:#57575b;width:100%;min-height:32px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:flex-start;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:600;display:flex}.inspector-sidebar-toggle:hover{color:#010507;background-color:#f0f0f4}.inspector-sidebar-footer{flex-direction:column;flex:none;gap:6px;padding:2px 0 0;display:flex}.inspector-sidebar-status-list{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.inspector-sidebar-status-card{color:#2b2b2b;background-color:#fff;border:1px solid #d8d8e8;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:9px 10px;display:grid;position:relative}.inspector-sidebar-status-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.25;display:flex}.inspector-sidebar-status-copy strong{color:#010507;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.inspector-sidebar-status-copy>span{color:#57575b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.inspector-sidebar-status-card[data-state=disconnected] .inspector-sidebar-status-copy>span{color:#68686e}.inspector-sidebar-status-action{color:#3f176f;white-space:nowrap;background-color:#0000;border:0;border-radius:5px;justify-content:center;align-items:center;gap:0;width:28px;height:28px;padding:0;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.inspector-sidebar-status-action:hover{color:#6430ab;background-color:#eee7f8;text-decoration:none}.inspector-sidebar-status-action svg{width:12px;height:12px}.inspector-sidebar-status-action-label{display:none}.inspector-sidebar-intelligence-setup{color:#3f176f;cursor:pointer;background-color:#eee7f8;border-color:#bba5df;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .3s;animation:3.2s ease-in-out infinite inspector-sidebar-intelligence-setup-glow}@keyframes inspector-sidebar-intelligence-setup-glow{0%,to{box-shadow:0 0 #6430ab00}50%{box-shadow:0 0 16px 2px #6430ab26}}.inspector-sidebar-intelligence-setup:hover{background-color:#e4d9f4;border-color:#8e6fc0}.inspector-sidebar-intelligence-setup .inspector-sidebar-status-copy strong{color:#3f176f}.inspector-sidebar-setup-arrow{background-color:#6430ab1a;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.inspector-sidebar-setup-arrow svg{width:13px;height:13px}.inspector-main{background-color:#fff;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.cpk-memory-locked{background-color:#fff;justify-content:center;align-items:center;height:100%;padding:32px;display:flex;position:relative;overflow:hidden}.cpk-locked-preview{opacity:.58;pointer-events:none;grid-template-columns:minmax(180px,28%) 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.cpk-locked-preview-sidebar{background-color:#fafafa;border-right:1px solid #dbdbe5;flex-direction:column;gap:12px;padding:28px 24px;display:flex}.cpk-locked-preview-row{background-color:#fff;border-radius:10px;padding:12px;box-shadow:inset 0 0 0 1px #eeeef4}.cpk-locked-preview-row[data-accent=true]{background-color:#eee6fe}.cpk-locked-preview-bar{background-color:#d7d7df;border-radius:999px}.cpk-locked-preview-row-title{width:var(--preview-width);height:8px}.cpk-locked-preview-row[data-accent=true] .cpk-locked-preview-row-title{background-color:#a984f5}.cpk-locked-preview-row-line{background-color:#e3e3eb;width:88%;height:6px;margin-top:10px}.cpk-locked-preview-row-line:last-child{background-color:#e8e8ef;width:62%;margin-top:7px}.cpk-locked-preview-main{background-color:#fff;min-width:0;padding:42px 48px}.cpk-locked-preview-heading{width:180px;height:10px}.cpk-locked-preview-copy{background-color:#e3e3eb;width:min(520px,58%);height:8px;margin-top:28px}.cpk-locked-preview-copy+.cpk-locked-preview-copy{background-color:#e8e8ef;width:min(430px,48%);margin-top:12px}.cpk-locked-preview-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;margin-top:30px;display:grid}.cpk-locked-preview-card{background-color:#f5f5f8;border-radius:10px;height:116px;box-shadow:inset 0 0 0 1px #eeeef4}.cpk-locked-preview-footer-line{background-color:#e3e3eb;width:min(680px,74%);height:10px;margin-top:34px}.cpk-locked-preview-footer-line+.cpk-locked-preview-footer-line{background-color:#e8e8ef;width:min(560px,60%);margin-top:14px}.cpk-memory-locked-scrim{pointer-events:none;background:radial-gradient(circle,#ffffffe6 0,#ffffffc7 24%,#ffffff57 48%,#ffffff8f 100%);position:absolute;inset:0}.cpk-memory-locked-content{z-index:1;color:#57575b;text-align:center;max-width:440px;position:relative}.cpk-memory-locked-icon-wrap{justify-content:center;margin:0 auto 18px;display:flex}.cpk-memory-locked-icon{color:#57575b;background-color:#eee6fe;border:1px solid #dfd6fb;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 18px #57575b24}.cpk-memory-locked-title{color:#010507;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.35}.cpk-memory-locked-copy{color:#57575b;max-width:380px;margin:0 auto 18px;font-size:13px;line-height:1.55}.cpk-memory-locked-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cpk-memory-locked-action{color:#fff;cursor:pointer;background-color:#6430ab;border:1px solid #6430ab;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.cpk-memory-locked-action:hover{background-color:#4e238c;border-color:#4e238c}.cpk-memory-locked-action-secondary{color:#57575b;background-color:#fff;border-color:#dbdbe5}.cpk-memory-locked-action-secondary:hover{background-color:#f7f7f9;border-color:#afafb7}.inspector-home{background-color:#fff;min-height:100%;padding:30px 32px 40px;position:relative;overflow:auto}.inspector-home:before{display:none}.inspector-home>*{width:min(100%,960px);margin-left:auto;margin-right:auto}.inspector-settings{color:#010507;background-color:#fff;min-height:100%;padding:34px 32px 48px;container:inspector-settings/inline-size}.inspector-settings-header{width:min(100%,720px);margin-left:auto;margin-right:auto;padding-bottom:30px}.inspector-settings-title{color:#010507;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:30px;font-weight:600;line-height:1.15}.inspector-settings-subtitle{color:#57575b;max-width:60ch;margin:8px 0 0;font-size:14px;line-height:1.5}.inspector-settings-section{border-top:1px solid #d5d3e4;width:min(100%,720px);margin-left:auto;margin-right:auto;padding:24px 0 26px}.inspector-settings-section-heading{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.inspector-settings-section-icon{color:#3f176f;background-color:#eee6fe;border:1px solid #bec2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.inspector-settings-section-icon svg{width:17px;height:17px}.inspector-settings-section-heading h2,.inspector-settings-status-row h3,.inspector-settings-visibility h3{color:#010507;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:600}.inspector-settings-section-heading h2{font-size:17px;line-height:1.3}.inspector-settings-section-heading p{color:#68686e;max-width:54ch;margin:4px 0 0;font-size:12px;line-height:1.5}.inspector-settings-privacy{margin-left:46px}.inspector-settings-status-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.inspector-settings-status-row>div,.inspector-settings-visibility>div{min-width:0}.inspector-settings-status-row h3{font-size:14px;line-height:1.3}.inspector-settings-status-row p{color:#57575b;max-width:56ch;margin:8px 0 0;font-size:12px;line-height:1.55}.inspector-settings-status{color:#087653;text-align:center;white-space:nowrap;background-color:#e5f7f1;border:1px solid #85d3bb;border-radius:999px;flex:none;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.inspector-settings-privacy[data-state=disabled] .inspector-settings-status{color:#7d4d0a;background-color:#fff5df;border-color:#dfc08f}.inspector-settings-private-content{border-top:1px solid #e4e4ec;margin-top:22px;padding-top:18px}.inspector-settings-private-content strong{color:#010507;font-size:13px;font-weight:700}.inspector-settings-private-content>p{color:#68686e;margin:4px 0 0;font-size:11px;line-height:1.45}.inspector-settings-private-content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:12px 0 0;display:grid}.inspector-settings-private-content li{color:#3e3d48;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.35;display:flex}.inspector-settings-private-content li span{color:#087653;flex:none;display:inline-flex}.inspector-settings-private-content li svg{width:14px;height:14px}.inspector-settings-policy-link{color:#3f176f;text-underline-offset:3px;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:6px;min-height:36px;margin-top:20px;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.inspector-settings-policy-link:hover{color:#6430ab}.inspector-settings-policy-link:focus-visible{outline-color:#6430ab}.inspector-settings-policy-link svg{width:14px;height:14px}.inspector-settings-visibility{margin-left:46px}.inspector-settings-visibility h3{font-size:14px;line-height:1.3}.inspector-settings-visibility p{color:#57575b;max-width:48ch;margin:8px 0 0;font-size:12px;line-height:1.55}.inspector-settings-dismiss{color:#3f176f;text-align:center;cursor:pointer;background-color:#f5f2ff;border:1px solid #c9c2e6;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:16px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.inspector-settings-dismiss:hover{background-color:#eee8ff;border-color:#a69aca}.inspector-settings-dismiss:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.inspector-settings-dismiss svg{width:14px;height:14px}@media (max-width:720px){.inspector-settings{padding:28px 24px 40px}.inspector-settings-section-heading p{max-width:42ch}}@media (max-width:480px){.inspector-settings{padding-left:18px;padding-right:18px}}@container inspector-settings (max-width:520px){.inspector-settings-privacy,.inspector-settings-visibility{margin-left:0}.inspector-settings-status-row{flex-direction:column;gap:12px}.inspector-settings-private-content ul{grid-template-columns:1fr}.inspector-settings-dismiss{width:100%}}.inspector-home-card,.inspector-home-story{background-color:#ffffffd1;border:1px solid #deddea;border-radius:5px;padding:18px 18px 16px;position:relative}.inspector-home-eyebrow,.inspector-home-card-label,.inspector-home-meta{color:#57575b;margin:0;font-size:12px;font-weight:600}.inspector-home-title,.inspector-home-section-title,.inspector-home-card-title{color:#010507;margin:8px 0 0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.15}.inspector-home-section-title{letter-spacing:-.015em;margin:0 0 14px;font-size:17px}.inspector-home-card-title{font-size:16px}.inspector-home-body,.inspector-home-card-copy{color:#57575b;max-width:52ch;margin:10px 0 0;font-size:15px;line-height:1.5}.inspector-home-section{margin-top:24px;position:relative}.inspector-home>.inspector-home-section:first-child{margin-top:0}.inspector-whats-new-preview+.inspector-home-section{margin-top:20px}.inspector-home-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.inspector-home-section-header .inspector-home-section-title{margin-bottom:0}.inspector-home-section-header>span{color:#68686e;font-size:11px;font-weight:600;line-height:1.35}.inspector-system-health-header>span[data-tone=success]{color:#087653}.inspector-system-health-header>span[data-tone=checking]{color:#8a5900}.inspector-system-health-header>span[data-tone=offline],.inspector-system-health-header>span[data-tone=error]{color:#b32d3b}.inspector-system-health-section{background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;overflow:hidden}.inspector-system-health-section .inspector-system-health-header{background-color:#f7f4fe;border-bottom:1px solid #d5d3e4;align-items:center;min-height:76px;margin:0;padding:18px}.inspector-system-health-heading{min-width:0}.inspector-system-health-heading .inspector-home-section-title{color:#010507;letter-spacing:-.025em;font-size:18px}.inspector-system-health-state,.inspector-intelligence-hud-state{color:#087653;background-color:#e5f7f1;border:1px solid #85d3bb;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:24px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.inspector-system-health-state>span,.inspector-intelligence-hud-state>span{background-color:currentColor;border-radius:999px;width:6px;height:6px}.inspector-system-health-state[data-tone=checking],.inspector-intelligence-hud-state[data-tone=checking]{background-color:#fff5df;border-color:#dfc08f;color:#7d4d0a!important}.inspector-system-health-state[data-tone=offline],.inspector-system-health-state[data-tone=error],.inspector-intelligence-hud-state[data-tone=offline],.inspector-intelligence-hud-state[data-tone=error]{background-color:#fff0f1;border-color:#e7a7ac;color:#b32d3b!important}.inspector-system-health-state[data-tone=unavailable],.inspector-intelligence-hud-state[data-tone=unavailable]{background-color:#f0f0f4;border-color:#c8c8d2;color:#57575b!important}.inspector-system-health{background-color:#d5d3e4;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.inspector-system-health-signal{background-color:#fff;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;min-height:84px;padding:15px 16px 14px;display:grid}.inspector-system-health-copy{flex-direction:column;min-width:0;display:flex}.inspector-system-health-signal dt{color:#68686e;letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.inspector-system-health-signal dd{color:#010507;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:5px 0 0;font-size:15px;font-weight:700;overflow:hidden}.inspector-system-health-signal small{color:#68686e;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:4px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;line-height:1.4;overflow:hidden}small.inspector-system-health-detail{letter-spacing:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4}.inspector-system-health-url{cursor:help;outline:none;position:relative;overflow:visible!important}.inspector-system-health-url>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-system-health-url:after{z-index:30;color:#f3f4f8;content:attr(data-full-value);opacity:0;overflow-wrap:anywhere;pointer-events:none;white-space:normal;background-color:#15171e;border:1px solid #3a3d49;border-radius:4px;width:max-content;max-width:min(360px,70vw);padding:7px 9px;font-size:10px;font-weight:500;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:0;transform:translateY(3px);box-shadow:0 8px 20px #0105072e}.inspector-system-health-url:hover:after,.inspector-system-health-url:focus-visible:after{opacity:1;transform:translateY(0)}.inspector-system-health-url:focus-visible>span{outline-offset:2px;border-radius:3px;outline:2px solid #6430ab}.inspector-system-health-signal[data-tone=success] dd{color:#087653}.inspector-system-health-signal[data-tone=active] dd{color:#8a5900}.inspector-system-health-event-link{width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.inspector-system-health-event-link>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-system-health-event-link>.inspector-system-health-event-type{color:#57575b;letter-spacing:.025em;background-color:#f1f1f3;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:3px 6px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex}.inspector-system-health-event-link>small{color:#68686e;align-items:center;gap:6px;margin:5px 0 0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:10px;font-weight:500;line-height:1.25;display:flex}.inspector-system-health-event-meta strong{color:#6430ab;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.inspector-system-health-signal[data-tone=error] .inspector-system-health-event-type{color:#b32d3b;background-color:#fff0f1}.inspector-system-health-signal[data-tone=success] .inspector-system-health-event-type{color:#087653;background-color:#e3f5ee}.inspector-system-health-signal[data-tone=active] .inspector-system-health-event-type{color:#8a5900;background-color:#fff5df}.inspector-system-health-event-link:hover .inspector-system-health-event-meta strong{text-decoration-color:currentColor}.inspector-system-health-event-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #6430ab}.inspector-intelligence-hud{background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;overflow:hidden}.inspector-intelligence-hud-header{justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.inspector-intelligence-hud[data-state=disconnected]{border-color:#bba5df}.inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-header{align-items:center;min-height:132px;padding:22px}.inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-header-actions{flex-direction:column;align-items:flex-end;gap:10px}.inspector-intelligence-hud-heading{min-width:0}.inspector-intelligence-hud-header-actions{flex:none;align-items:center;gap:8px;display:flex}.inspector-intelligence-hud-heading .inspector-home-section-title{margin:0;font-size:18px}.inspector-intelligence-hud-description{color:#4f4f55;max-width:64ch;margin:10px 0 0;font-size:12px;line-height:1.55}.inspector-intelligence-hud-action{color:#fff;background-color:#6430ab;border:1px solid #6430ab;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.inspector-intelligence-hud-action:hover{background-color:#4e238c;border-color:#4e238c}.inspector-intelligence-hud-action svg{width:13px;height:13px}.inspector-intelligence-hud-connect-action{min-height:38px;padding:10px 14px;font-size:12px}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header{background:linear-gradient(100deg,#fbfaff 0%,#f2eeff 52%,#edfaf5 100%);border-bottom:1px solid #d5d3e4;align-items:center;min-height:76px;padding:18px}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-heading .inspector-home-section-title{color:#010507;letter-spacing:-.025em;align-items:center;gap:8px;font-size:18px;display:inline-flex}.inspector-intelligence-mark{flex:none;width:17px;height:17px;display:block}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header-actions{flex-direction:column;align-items:flex-end;gap:6px}.inspector-intelligence-sr-summary{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspector-intelligence-copy{padding:16px 18px 0;display:grid}.inspector-intelligence-copy-slide{opacity:0;flex-direction:column;grid-area:1/1;gap:4px;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);display:flex}.inspector-intelligence-copy-slide[data-position=after]{transform:translate(14px)}.inspector-intelligence-copy-slide[data-position=before]{transform:translate(-14px)}.inspector-intelligence-copy-slide[data-position=active]{opacity:1;transform:none}.inspector-intelligence-copy-slide>strong{color:#2b2b31;text-wrap:balance;max-width:52ch;font-size:12.5px;font-weight:650;line-height:1.4}.inspector-intelligence-copy-slide>span{color:#4f4f55;max-width:64ch;font-size:11px;line-height:1.55}.inspector-intelligence-install{justify-content:flex-end;align-items:center;gap:12px;display:flex}.inspector-intelligence-install-copy{cursor:pointer;min-height:34px;transition:background-color .14s,border-color .14s}.inspector-intelligence-install-copy svg{width:13px;height:13px}.inspector-intelligence-install[data-copy-state=copied] .inspector-intelligence-install-copy{color:#4e238c;background-color:#fff;border-color:#bba5df}.inspector-intelligence-install-secondary{color:#6430ab;align-items:center;gap:5px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.inspector-intelligence-install-secondary:hover{text-underline-offset:2px;text-decoration:underline}.inspector-intelligence-install-secondary svg{width:12px;height:12px}.inspector-intelligence-install-hint{color:#68686e;white-space:nowrap;margin:0;font-size:11px;font-weight:600;line-height:1.4}.inspector-intelligence-install-hint[data-tone=success]{color:#4e238c;font-weight:600}.inspector-intelligence-install-hint[data-tone=error]{color:#a3341f;font-weight:600}.inspector-intelligence-install-fallback{color:#4f4f55;-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-word;background-color:#fff;border-bottom:1px solid #d5d3e4;max-height:96px;padding:10px 18px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.65;display:block;overflow:auto}.inspector-intelligence-story{background-color:#fff;container:cpk-intel-story/inline-size}.inspector-intelligence-story-stage{padding:16px 18px;display:grid}.inspector-intelligence-beat{visibility:hidden;opacity:0;grid-area:1/1;align-items:center;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s;display:flex}.inspector-intelligence-beat[data-position=after]{transform:translate(14px)}.inspector-intelligence-beat[data-position=before]{transform:translate(-14px)}.inspector-intelligence-beat[data-position=active]{visibility:visible;opacity:1;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility;transform:none}.inspector-intelligence-beat[data-beat-id=threads]{flex-direction:column;justify-content:center;gap:6px}.inspector-intelligence-threads{flex-direction:column;gap:6px;width:100%;display:flex}.inspector-intelligence-thread{opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:4px;align-items:center;gap:9px;padding:8px 10px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(3px)}.inspector-intelligence-thread>i{background-color:#9b8cc4;border-radius:999px;flex:none;width:6px;height:6px}.inspector-intelligence-thread>strong{color:#2b2b31;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.inspector-intelligence-thread>small{color:#68686e;flex:none;margin-left:auto;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:9.5px}.inspector-intelligence-thread[data-failed=true]{background-color:#fdf6f4;border-color:#f0d5cf}.inspector-intelligence-thread[data-failed=true]>i{background-color:#c2410c}.inspector-intelligence-thread[data-failed=true]>strong,.inspector-intelligence-thread[data-failed=true]>small{color:#8f2f1c;font-weight:650}.inspector-intelligence-story[data-beat=threads] .inspector-intelligence-thread{opacity:1;transition-delay:calc(var(--thread-index)*80ms + 90ms);transform:none}.inspector-intelligence-beat[data-beat-id=learning]{grid-template-columns:minmax(0,1.15fr) auto minmax(0,.85fr);align-items:center;gap:12px;display:grid}.inspector-intelligence-beat-col{flex-direction:column;gap:6px;min-width:0;display:flex}.inspector-intelligence-beat-label{color:#68686e;letter-spacing:.06em;text-transform:uppercase;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:9px;font-weight:600}.inspector-intelligence-signal,.inspector-intelligence-rule{color:#4f4f55;opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:4px;align-items:flex-start;gap:6px;padding:6px 8px;font-size:10.5px;line-height:1.4;transition:opacity .3s,transform .3s;display:flex;transform:translateY(3px)}.inspector-intelligence-signal{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-intelligence-rule{color:#21543f;background-color:#f4fbf8;border-color:#cfe9dd;font-weight:600}.inspector-intelligence-rule>i{color:#1f8a5f;flex:none;align-items:center;display:inline-flex}.inspector-intelligence-rule>i svg{stroke-width:2.4px;width:11px;height:11px}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-signal,.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-rule{opacity:1;transform:none}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-signal{transition-delay:calc(var(--signal-index)*80ms + .1s)}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-rule{transition-delay:calc(var(--rule-index)*80ms + .42s)}.inspector-intelligence-beat-flow{color:#9b8cc4;justify-content:center;align-items:center;display:inline-flex}.inspector-intelligence-beat-flow svg{width:15px;height:15px}.inspector-intelligence-beat[data-beat-id=skill]{justify-content:center}.inspector-intelligence-skill-file{background-color:#fff;border:1px solid #d5d3e4;border-radius:5px;width:min(100%,30rem);overflow:hidden;box-shadow:0 1px 2px #100c280f}.inspector-intelligence-skill-file>header{background-color:#faf9fe;border-bottom:1px solid #ebe9f4;align-items:center;gap:7px;padding:7px 10px;display:flex}.inspector-intelligence-skill-file>header svg{color:#6430ab;width:12px;height:12px}.inspector-intelligence-skill-file>header strong{color:#2b2b31;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;font-weight:600}.inspector-intelligence-skill-file>header em{color:#68686e;letter-spacing:.05em;text-transform:uppercase;margin-left:auto;font-size:9px;font-style:normal;font-weight:600}.inspector-intelligence-skill-code{flex-direction:column;padding:8px 0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.75;display:flex}.inspector-intelligence-skill-code>span{color:#4f4f55;gap:10px;padding:0 12px;display:flex}.inspector-intelligence-skill-code>span:before{color:#a9a7bb;content:attr(data-line);text-align:right;min-width:8px}.inspector-intelligence-skill-code>span>b{color:#6430ab;font-weight:600}.inspector-intelligence-skill-code>span[style*=--rule-index]{opacity:0;transition:opacity .26s,transform .26s;transform:translateY(2px)}.inspector-intelligence-story[data-beat=skill] .inspector-intelligence-skill-code>span[style*=--rule-index]{opacity:1;transition-delay:calc(var(--rule-index)*.11s + .26s);transform:none}.inspector-intelligence-beat[data-beat-id=intelligence]{flex-direction:column;justify-content:center;gap:12px}.inspector-intelligence-chain{justify-content:center;align-items:stretch;gap:6px;width:100%;display:flex}.inspector-intelligence-chain-step{opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:5px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:3px;min-width:0;padding:9px 10px;transition:opacity .28s,transform .28s;display:flex;transform:translateY(4px)}.inspector-intelligence-chain-step>i{color:#6430ab;display:inline-flex}.inspector-intelligence-chain-step>i svg{width:14px;height:14px}.inspector-intelligence-chain-step>strong{color:#2b2b31;font-size:11px;font-weight:700;line-height:1.25}.inspector-intelligence-chain-step>small{color:#68686e;font-size:9.5px;line-height:1.3}.inspector-intelligence-chain-arrow{color:#bba5df;opacity:0;flex:none;align-items:center;transition:opacity .28s;display:inline-flex}.inspector-intelligence-chain-arrow svg{width:13px;height:13px}.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-step,.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-arrow{opacity:1;transition-delay:calc(var(--step-index)*90ms + 80ms);transform:none}.inspector-intelligence-chain-proof{color:#21543f;opacity:0;background-color:#f4fbf8;border:1px solid #cfe9dd;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:5px 11px;font-size:10.5px;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;transform:translateY(3px)}.inspector-intelligence-chain-proof svg{color:#1f8a5f;width:12px;height:12px}.inspector-intelligence-chain-proof code{font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:600}.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-proof{opacity:1;transition-delay:.46s;transform:none}.inspector-intelligence-story-rail{border-top:1px solid #ebe9f4;align-items:center;gap:2px;padding:8px 18px 9px;display:flex}.inspector-intelligence-story-tab{color:#68686e;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:3px 7px 5px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:10.5px;font-weight:600;transition:color .16s;position:relative}.inspector-intelligence-story-tab:after{content:\"\";transform-origin:0;background-color:#6430ab;border-radius:2px;height:1.5px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:1px;left:7px;right:7px;transform:scaleX(0)}.inspector-intelligence-story-tab:hover{color:#2b2b31}.inspector-intelligence-story-tab[data-active=true]{color:#4e238c}.inspector-intelligence-story-tab[data-active=true]:after{transform:scaleX(1)}@container cpk-intel-story (max-width:30rem){.inspector-intelligence-chain-step>small{display:none}.inspector-intelligence-story-rail{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.inspector-intelligence-copy-slide,.inspector-intelligence-thread,.inspector-intelligence-beat,.inspector-intelligence-signal,.inspector-intelligence-rule,.inspector-intelligence-chain-step,.inspector-intelligence-chain-arrow,.inspector-intelligence-chain-proof,.inspector-intelligence-skill-code>span[style*=--rule-index],.inspector-intelligence-story-tab:after{transition-duration:0s;transition-delay:0s}}.inspector-intelligence-hud-details{background-color:#d5d3e4;border-top:1px solid #d5d3e4;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1px;display:grid}.inspector-intelligence-hud-details>section{background-color:#fff;min-width:0;padding:15px 18px 17px}.inspector-intelligence-hud-detail-label{color:#68686e;font-size:11px;font-weight:600;display:block}.inspector-intelligence-hud-detail-value{color:#010507;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:5px 0 0;font-size:14px;font-weight:700;display:block;overflow:hidden}.inspector-intelligence-hud-detail-subvalue{color:#68686e;text-transform:capitalize;margin-top:3px;font-size:10px;font-weight:500;display:block}.inspector-intelligence-hud-plan{grid-template-columns:minmax(0,1fr) minmax(120px,1fr);align-items:start;gap:24px;display:grid}.inspector-intelligence-hud-usage{min-width:0}.inspector-intelligence-hud-plan-action{color:#6430ab;text-underline-offset:3px;background-color:#0000;border:0;border-radius:0;gap:4px;min-height:auto;margin-top:9px;padding:0;font-size:10px;font-weight:700;line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.inspector-intelligence-hud-plan-action:hover{color:#4e238c;background-color:#0000;border-color:#0000;text-decoration-color:currentColor}.inspector-intelligence-hud-plan-action svg{width:11px;height:11px}.inspector-home-usage-bar{background-color:#dbdbe5;border-radius:999px;width:min(160px,100%);height:5px;margin-top:8px;display:block;overflow:hidden}.inspector-home-usage-bar>span{background-color:#bec2ff;height:100%;display:block}.inspector-home-feature-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start;gap:12px;display:grid}.inspector-home-feature-group{background-color:#fff;border:1px solid #d5d3e4;border-radius:5px;overflow:visible}.inspector-home-feature-group-header{color:#57575b;background-color:#f7f7f9;border-bottom:1px solid #e4e4ec;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 12px;display:flex}.inspector-home-feature-group-header strong{font-size:12px;font-weight:700}.inspector-home-feature-group-header>span{background-color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:20px;padding:2px 6px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.inspector-home-feature-group[data-feature-state-group=active] .inspector-home-feature-group-header{color:#087653;background-color:#e5f7f1;border-color:#b9e3d6}.inspector-home-feature-list{background-color:#fff;flex-direction:column;margin:0;display:flex}.inspector-home-feature{color:#010507;background-color:#fff;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:52px;padding:9px 12px;font-size:12px;font-weight:600;display:grid;container-type:inline-size}.inspector-home-feature+.inspector-home-feature{border-top:1px solid #ececf1}.inspector-home-feature:last-child{border-radius:0 0 4px 4px}.inspector-home-feature-group-empty{color:#68686e;margin:0;padding:15px 12px;font-size:11px}.inspector-home-feature:hover{background-color:#f7f7f9}.inspector-home-feature-label{min-width:0;color:inherit;cursor:pointer;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.inspector-home-feature-label>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-home-feature-label-icon{flex:none;display:inline-flex!important;overflow:visible!important}.inspector-home-feature-label-icon svg{width:12px;height:12px}.inspector-home-feature-label:hover{color:#3f176f;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.inspector-home-feature-label:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #6430ab}.inspector-home-feature-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.inspector-home-feature-status{flex:none;justify-content:center;align-items:center;width:18px;height:28px;display:inline-flex}.inspector-home-feature-status>span{background-color:#fff;border:1px solid #9ca0ab;border-radius:999px;width:8px;height:8px}.inspector-home-feature[data-state=on] .inspector-home-feature-status>span{background-color:#087653;border-color:#087653}.inspector-home-feature[data-state=off]{color:#68686e}.inspector-home-feature-action{color:#4f4f55;min-width:28px;height:28px;min-height:28px;font:inherit;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #d5d3e4;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.inspector-home-feature-action svg{width:14px;height:14px}.inspector-home-feature-action-icon{flex:none;display:inline-flex!important;overflow:visible!important}.inspector-home-feature-action-label{line-height:1}.inspector-home-feature-action.inspector-system-health-url:after{content:none;left:50%;right:auto;transform:translate(-50%,3px)}.inspector-home-feature-action.inspector-system-health-url:hover:after,.inspector-home-feature-action.inspector-system-health-url:focus-visible:after{transform:translate(-50%)}.inspector-home-feature-action:hover{color:#3f176f;background-color:#f7f4fe;border-color:#bba5df}.inspector-home-feature-action:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.inspector-home-feature-action[data-copy-state=copied]{color:#087653;background-color:#e5f7f1;border-color:#b9e3d6}.inspector-home-feature-action[data-copy-state=error]{color:#b32d3b;background-color:#fff0f1;border-color:#e7a7ac}@container (max-width:286px){.inspector-home-feature-action{width:28px;padding:0}.inspector-home-feature-action-label{display:none!important}.inspector-home-feature-action.inspector-system-health-url:after{content:attr(data-full-value)}}.inspector-home-features-empty{color:#57575b;border-top:1px solid #deddea;border-bottom:1px solid #deddea;margin:14px 0 0;padding:16px 0;font-size:12px}.inspector-home-news{gap:12px;display:grid}.inspector-whats-new-preview{color:#010507;background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;align-items:stretch;width:100%;min-height:64px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.inspector-whats-new-preview:has(.inspector-whats-new-preview-body:hover){background-color:#f1ebfc;border-color:#8f91d7}.inspector-whats-new-preview-body{min-width:0;color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.inspector-whats-new-preview-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.inspector-whats-new-preview-title{align-items:center;gap:8px;min-width:0;display:flex}.inspector-whats-new-preview-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13px;line-height:1.25;overflow:hidden}.inspector-whats-new-preview-copy>span:last-child{color:#4e4c63;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.inspector-whats-new-preview-action{color:#3f176f;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.inspector-whats-new-preview-action svg{width:15px;height:15px}@container (max-width:640px){.inspector-whats-new-preview-body{grid-template-columns:minmax(0,1fr)}.inspector-whats-new-preview-action{display:none}}.inspector-whats-new-preview-dismiss{color:#68686e;cursor:pointer;background-color:#0000;border:0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inspector-whats-new-preview-dismiss:hover{color:#3f176f;background-color:#6430ab1a}.inspector-whats-new-preview-dismiss svg{width:14px;height:14px}@media (max-width:720px){.inspector-account-cta{width:32px;padding-inline:0}.inspector-account-cta-label{display:none}.inspector-home{padding:24px 22px 34px}.inspector-intelligence-hud-header{flex-wrap:wrap}.inspector-intelligence-hud-details{grid-template-columns:1fr}.inspector-intelligence-hud-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-whats-new-preview-action{display:none}}@media (max-width:600px){.inspector-system-health{grid-template-columns:1fr}}@media (max-width:480px){.inspector-home-feature{grid-template-columns:18px minmax(0,1fr);gap:8px}.inspector-home-feature-actions{grid-column:1/-1;justify-content:flex-end}.inspector-system-health-section .inspector-system-health-header{align-items:flex-start}.inspector-intelligence-hud-header{flex-direction:column;align-items:stretch}.inspector-intelligence-hud-header-actions{justify-content:space-between}.inspector-intelligence-hud-header-actions .inspector-intelligence-hud-action,.inspector-intelligence-hud-plan{width:100%}.inspector-intelligence-hud-plan{grid-template-columns:1fr;align-items:stretch}.inspector-intelligence-hud-plan-action{justify-self:start}.inspector-whats-new-header{align-items:center;gap:16px;width:calc(100% - 24px);padding:24px 22px}.inspector-whats-new-document,.inspector-whats-new-empty{padding:20px 22px 36px}.inspector-whats-new-document .announcement-content h1+p{font-size:16px}}.inspector-whats-new-header{background:#f8f7ff;border:1px solid #d8d8e8;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 44px);max-width:calc(70ch - 44px);padding:30px 32px 28px;display:flex;box-shadow:0 12px 28px #26224e0f}.inspector-whats-new-header .inspector-home-title{letter-spacing:-.035em;margin:0;font-size:clamp(27px,3.6vw,36px)}.inspector-whats-new-updated{color:#6c687c;letter-spacing:.01em;white-space:nowrap;flex:none;margin:0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.inspector-whats-new .inspector-home-news{max-width:70ch;margin-top:0}.inspector-whats-new-document,.inspector-whats-new-empty{max-width:70ch;padding:22px 32px 52px}.inspector-whats-new-document .announcement-content{color:#2b2b39;font-size:15px;line-height:1.72}.inspector-whats-new-document .announcement-content h1{color:#15131d;letter-spacing:-.032em;max-width:24ch;margin:0 0 16px;font-size:clamp(26px,3.2vw,34px);line-height:1.1}.inspector-whats-new-document .announcement-content h1+p{color:#504d61;max-width:58ch;margin-top:0;font-size:18px;line-height:1.58}.inspector-whats-new-document .announcement-content>hr:first-child{display:none}.inspector-whats-new-document .announcement-content h2:first-of-type{border-top:0;margin-top:14px;padding-top:0}.inspector-whats-new-document .announcement-content h2{color:#1b1924;letter-spacing:-.024em;border-top:1px solid #dfdeea;margin:44px 0 14px;padding-top:24px;font-size:21px;line-height:1.2}.inspector-whats-new-document .announcement-content p{max-width:70ch;margin:.85rem 0}.inspector-whats-new-document .announcement-content ul,.inspector-whats-new-document .announcement-content ol{max-width:68ch;margin:1.25rem 0 1.5rem;padding-left:1.4rem}.inspector-whats-new-document .announcement-content li+li{margin-top:.7rem}.inspector-whats-new-document .announcement-content a{color:#4e46a5;text-underline-offset:4px;font-weight:600;text-decoration-color:#4e46a56b;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.inspector-whats-new-document .announcement-content a:hover{color:#312879;text-decoration-color:currentColor}.inspector-whats-new-empty{color:#5e5b70}.inspector-whats-new-empty .inspector-home-card-title{color:#1b1924;margin:0}.inspector-whats-new-empty .inspector-home-card-copy{max-width:48ch;margin:8px 0 0}.inspector-home-story-featured{padding:22px}.inspector-home-story-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.inspector-home-story-link:hover{background-color:#fff;border-color:#8f91d7}.inspector-home-story[data-unread=true]{border-color:#bec2ff;padding-right:64px;box-shadow:0 0 0 1px #6430ab}.inspector-home-story-unread{color:#fff;letter-spacing:.04em;text-transform:uppercase;background-color:#6430ab;border-radius:999px;align-items:center;min-height:18px;padding:0 7px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.inspector-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity .18s,width .22s;overflow:hidden}.inspector-nav-control{color:#57575b;min-height:32px;font:inherit;text-align:left;outline-offset:-2px;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:5px;outline:2px solid #0000;flex:none;justify-content:flex-start;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.inspector-nav-control:hover{color:#010507;background-color:#f0f0f4}.inspector-nav-control-active{color:#3f176f;background-color:#eee6fe;border-color:#bec2ff}.inspector-nav-icon{flex:none;align-items:center;display:inline-flex}.inspector-nav-icon svg{width:15px;height:15px}.inspector-nav-control:focus-visible,.inspector-account-control:focus-visible,[data-inspector-thread-cta]:focus-visible,[data-inspector-sidebar-intelligence-action]:focus-visible,[data-inspector-whats-new-preview]:focus-visible,[data-inspector-whats-new-dismiss]:focus-visible,[data-inspector-home-intelligence-action]:focus-visible,.inspector-home-feature:focus-visible,[data-inspector-action-placement=threads-footer]:focus-visible{outline-offset:2px;outline:2px solid #6430ab!important}.inspector-sidebar .inspector-nav-control:focus-visible,.inspector-sidebar .inspector-sidebar-label:focus-visible,.inspector-sidebar [data-inspector-thread-cta]:focus-visible{outline-offset:-2px!important}.inspector-account-control{color:#57575b;font:inherit;outline-offset:2px;cursor:pointer;background-color:#0000;border:1px solid #0000;outline:2px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.inspector-account-control:hover,.inspector-account-control-active{color:#3f176f;background-color:#6430ab17}:host ::selection{color:#010507;background-color:#cfd2ff}:host *{scrollbar-color:#aaa9c1 transparent;scrollbar-width:thin}:host ::-webkit-scrollbar{width:8px;height:8px}:host ::-webkit-scrollbar-thumb{background:#aaa9c1 padding-box padding-box;border:2px solid #0000;border-radius:999px}.inspector-account-control-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.inspector-account-control-icon svg{width:15px;height:15px}[data-inspector-thread-cta],[data-inspector-account-strip] button,[data-inspector-account-strip] a{cursor:pointer}@media (prefers-reduced-motion:reduce){.inspector-sidebar,.inspector-nav-label,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button{transition:none}.inspector-icon-rail-menu{transition:none;animation:none}}.inspector-threads-footer{color:#57575b;background-color:#f7f7f9;border-top:1px solid #dbdbe5;flex:none;gap:10px;padding:12px;font-size:11px;line-height:1.35;display:grid}.inspector-threads-usage{gap:6px;display:grid}[data-inspector-thread-count]{color:#010507;font-weight:600}[data-inspector-thread-expiry]{color:#57575b}.inspector-thread-progress{--inspector-thread-progress-color:#189370;width:100%;height:6px;accent-color:var(--inspector-thread-progress-color);border-radius:999px;overflow:hidden}.inspector-thread-progress[data-inspector-thread-capacity=warning]{--inspector-thread-progress-color:#b45309}.inspector-thread-progress[data-inspector-thread-capacity=critical]{--inspector-thread-progress-color:#be123c}.inspector-thread-progress::-webkit-progress-bar{background-color:#dbdbe5;border-radius:999px}.inspector-thread-progress::-webkit-progress-value{background-color:var(--inspector-thread-progress-color);border-radius:999px}.inspector-thread-progress::-moz-progress-bar{background-color:var(--inspector-thread-progress-color);border-radius:999px}[data-inspector-action-placement=threads-footer]{color:#57575b;outline-offset:2px;cursor:pointer;background-color:#0000;border:1px solid #d5d3e4;border-radius:5px;outline:2px solid #0000;justify-content:center;align-items:center;width:100%;min-height:32px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}[data-inspector-action-placement=threads-footer][data-inspector-action-intent=upgrade]{color:#fff;background-color:#6430ab;border-color:#6430ab}[data-inspector-action-placement=threads-footer][data-inspector-action-intent=upgrade]:hover{color:#fff;background-color:#3f176f;border-color:#3f176f}[data-inspector-action-placement=threads-footer]:hover{color:#010507;background-color:#f7f4fe;border-color:#c8c6e6}.cpk-threads-overview-video{opacity:0;transition:opacity .22s}.cpk-threads-overview{background-color:#f7f7f9;flex:1;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex}.cpk-threads-overview-content{color:#57575b;width:100%;max-width:440px}.cpk-threads-overview-title{color:#010507;margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.25}.cpk-threads-overview-copy{color:#57575b;margin:0 0 16px;font-size:13px;line-height:1.55}.cpk-threads-overview-actions{flex-wrap:wrap;gap:8px;display:flex}.cpk-threads-overview-action{outline-offset:2px;cursor:pointer;border:1px solid #0000;border-radius:7px;outline:2px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}[data-inspector-feature-setup-prompt][data-copy-state=copied]{background-color:#087653;border-color:#087653}[data-inspector-feature-setup-prompt][data-copy-state=error]{background-color:#b32d3b;border-color:#b32d3b}[data-inspector-feature-setup-prompt]:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.cpk-threads-overview-action-primary{color:#fff;background-color:#010507;border-color:#010507}.cpk-threads-overview-action-primary:hover{background-color:#2b2b2b;border-color:#2b2b2b}.cpk-threads-overview-action-secondary{color:#010507;background-color:#fff;border-color:#dbdbe5}.cpk-threads-overview-action-secondary:hover{background-color:#fff;border-color:#afafb7}.cpk-threads-overview-video[data-loaded=true]{opacity:1}.cpk-threads-overview-video-control{color:#3f176f;min-height:32px;font:inherit;outline-offset:2px;cursor:pointer;background-color:#fff;border:1px solid #dbdbe5;border-radius:5px;outline:2px solid #0000;justify-content:center;align-items:center;margin:0 0 14px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.cpk-threads-overview-video-control:hover{color:#010507;background-color:#f7f7f9;border-color:#afafb7}.cpk-threads-overview-video-control:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.cpk-threads-overview-video-fallback{color:#57575b;max-width:440px;margin:-4px 0 14px;font-size:12px;line-height:1.5}.cpk-threads-tour-launch{z-index:2;color:#57575b;outline-offset:2px;cursor:pointer;background-color:#fff;border:1px solid #dbdbe5;border-radius:7px;outline:2px solid #0000;padding:7px 10px;font-size:12px;font-weight:600;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 18px #01050714}.cpk-threads-tour{z-index:3;color:#57575b;background-color:#fff;border:1px solid #dbdbe5;border-radius:10px;width:min(340px,100% - 32px);padding:14px;position:absolute;bottom:16px;right:16px;box-shadow:0 16px 36px #01050724}.cpk-threads-tour-step{color:#087653;text-transform:uppercase;margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:10px;font-weight:600}.cpk-threads-tour-title{color:#010507;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.35}.cpk-threads-tour-copy{color:#57575b;font-size:12px;line-height:1.5}.cpk-threads-tour-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.cpk-threads-tour-nav{gap:8px;display:flex}.cpk-threads-tour-skip,.cpk-threads-tour-button{font:inherit;outline-offset:2px;cursor:pointer;border-radius:7px;outline:2px solid #0000;padding:7px 10px;font-size:12px;font-weight:600}.cpk-threads-overview-action:focus-visible,.cpk-threads-tour-launch:focus-visible,.cpk-threads-tour-skip:focus-visible,.cpk-threads-tour-button:focus-visible{outline-color:#6430ab}.cpk-threads-tour-skip{color:#68686e;background-color:#0000;border:0;padding-inline:0}.cpk-threads-tour-button-secondary{color:#57575b;background-color:#fff;border:1px solid #dbdbe5}.cpk-threads-tour-button-primary{color:#fff;background-color:#010507;border:1px solid #010507}.cpk-threads-tour-button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:720px){.cpk-threads-overview{padding:24px}}@media (prefers-reduced-motion:reduce){.cpk-threads-overview-video{transition:none}}.inspector-window[data-color-scheme=dark]{color-scheme:dark;background-color:var(--cpk-inspector-surface-dark)!important;color:#f3f4f8!important;border-color:#7b7d89!important}.inspector-window[data-color-scheme=dark] .inspector-shell,.inspector-window[data-color-scheme=dark] .inspector-main,.inspector-window[data-color-scheme=dark] #cpk-main-scroll{color:#f3f4f8!important;background-color:#111319!important}.inspector-window[data-color-scheme=dark] .resize-handle,.inspector-window[data-color-scheme=dark] .edge-resize-handle,.inspector-window[data-color-scheme=dark] .dock-resize-handle{background:0 0!important}.inspector-window[data-color-scheme=dark] .drag-handle,.inspector-window[data-color-scheme=dark] .inspector-account-strip{color:#f3f4f8!important;background:#15171e!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .inspector-account-logo{filter:brightness(0)invert();clip-path:inset(0 20% 0 0)}.inspector-window[data-color-scheme=dark] .inspector-account-logo-accent{filter:none;display:block}.inspector-window[data-color-scheme=dark] .inspector-agent-placeholder{color:#b8bbc7!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .inspector-account-control{color:#b8bbc7!important;border:0!important}.inspector-window[data-color-scheme=dark] .inspector-account-control:hover,.inspector-window[data-color-scheme=dark] .inspector-account-control-active{color:#d8d9ff!important;background-color:#292c38!important}.inspector-window[data-color-scheme=dark] .inspector-account-cta{color:#d8d9ff;background-color:#292b43}.inspector-window[data-color-scheme=dark] .inspector-account-cta:hover{color:#fff;background-color:#353854}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu{box-shadow:0 12px 28px #00000052;color:#f3f4f8!important;background-color:#111319!important;border-color:#5c6173!important}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button span{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:hover,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:focus-visible,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:hover span,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:focus-visible span{color:#fff!important;background-color:#3a3f52!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button{color:#f3f4f8!important;background-color:#20232c!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button:hover{background-color:#292c38!important;border-color:#777aae!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button>span:last-child{color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] .inspector-context-dropdown-icon{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button{color:#fff!important;background-color:#2f3340!important;border-color:#8b90a5!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon,.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder{color:#fff!important}.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div{color:#f3f4f8!important;box-shadow:none!important;background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div button:hover,.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div button:focus{color:#f3f4f8!important;background-color:#343746!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar{color:#f3f4f8;background-color:#15171e;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-label{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-sidebar-rail-tooltip{color:#191c24;background-color:#e9e9f1;box-shadow:0 7px 18px #00000047}.inspector-window[data-color-scheme=dark] .inspector-nav-control,.inspector-window[data-color-scheme=dark] .inspector-sidebar-toggle{color:#b8bbc7}.inspector-window[data-color-scheme=dark] .inspector-nav-control:hover,.inspector-window[data-color-scheme=dark] .inspector-sidebar-toggle:hover{color:#fff;background-color:#22252f}.inspector-window[data-color-scheme=dark] .inspector-nav-control-active{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-sidebar-agent-scope{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-card{background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-copy strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-copy>span,.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-card[data-state=disconnected] .inspector-sidebar-status-copy>span{color:#9da1af}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-action{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-action:hover{color:#fff;background-color:#292b43}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup:hover{background-color:#343653;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup .inspector-sidebar-status-copy strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-sidebar-setup-arrow{background-color:#caccff1f}@media (prefers-reduced-motion:reduce){.inspector-sidebar-intelligence-setup{animation:none}}.inspector-window[data-color-scheme=dark] .inspector-home{background-color:#111319}.inspector-window[data-color-scheme=dark] .inspector-settings{color:#f3f4f8;background-color:#111319}.inspector-window[data-color-scheme=dark] .inspector-settings-header,.inspector-window[data-color-scheme=dark] .inspector-settings-section,.inspector-window[data-color-scheme=dark] .inspector-settings-privacy,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-settings-title,.inspector-window[data-color-scheme=dark] .inspector-settings-section-heading h2,.inspector-window[data-color-scheme=dark] .inspector-settings-status-row h3,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility h3,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-settings-subtitle,.inspector-window[data-color-scheme=dark] .inspector-settings-section-heading p,.inspector-window[data-color-scheme=dark] .inspector-settings-status-row p,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility p,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content>p{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-settings-section-icon{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-settings-private-content li{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-settings-private-content li span{color:#75d8b9}.inspector-window[data-color-scheme=dark] .inspector-settings-status{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-settings-privacy[data-state=disabled] .inspector-settings-status{color:#f2cf8f;background-color:#342916;border-color:#866932}.inspector-window[data-color-scheme=dark] .inspector-settings-policy-link{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-settings-policy-link:hover{color:#fff}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss{color:#ded7ff;background-color:#272438;border-color:#5d5975}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss:hover{background-color:#322e47;border-color:#8179a7}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss:focus-visible{outline-color:#bec2ff}.inspector-window[data-color-scheme=dark] .inspector-home-card,.inspector-window[data-color-scheme=dark] .inspector-home-story,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud,.inspector-window[data-color-scheme=dark] .inspector-home-feature-list,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview{color:#f3f4f8;background:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-state=disconnected]{background-color:#1d1e2b;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-description{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header{background:linear-gradient(100deg,#1d1e2b 0%,#221f31 54%,#1a2523 100%);border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-heading .inspector-home-section-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint[data-tone=success]{color:#d5cbff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint[data-tone=error]{color:#ffb3a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install[data-copy-state=copied] .inspector-intelligence-install-copy{color:#d5cbff;background-color:#0000;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-secondary{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-fallback{color:#c5c7d0;background-color:#15171e;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story{background-color:#15171e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-beat-label,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header em{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-copy-slide>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-copy-slide>span{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread{background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>i{background-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]{background-color:#2a1a16;border-color:#5a3129}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>i{background-color:#f97316}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>strong,.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>small{color:#ffb3a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-signal{color:#c5c7d0;background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-rule,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-proof{color:#8fd9b8;background-color:#16241f;border-color:#2f5748}.inspector-window[data-color-scheme=dark] .inspector-intelligence-rule>i,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-proof svg{color:#5be4bb}.inspector-window[data-color-scheme=dark] .inspector-intelligence-beat-flow{color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file{box-shadow:none;background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header{background-color:#1c1f2b;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header svg,.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span>b,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>i{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span:before{color:#6d7180}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step{background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-arrow{color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-rail{border-top-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab:hover{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab[data-active=true]{color:#d5cbff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab:after{background-color:#a78bfa}.inspector-window[data-color-scheme=dark] .inspector-system-health,.inspector-window[data-color-scheme=dark] .inspector-system-health-section{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-section{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-system-health-section .inspector-system-health-header{background-color:#191c24;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-system-health-event-link>small{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=success]{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=success],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=success]{background-color:#173b32;border-color:#347d69;color:#8ce1c5!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=checking],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=checking]{background-color:#342916;border-color:#866932;color:#f2cf8f!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=error],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=error]{background-color:#3b1c22;border-color:#87424a;color:#ff9aa0!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=unavailable],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=unavailable]{background-color:#242731;border-color:#464957;color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=checking]{color:#f2cf8f}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=error]{color:#ff9aa0}.inspector-window[data-color-scheme=dark] .inspector-home-story-link:hover,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview:has(.inspector-whats-new-preview-body:hover){background:#242131;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-home-title,.inspector-window[data-color-scheme=dark] .inspector-home-section-title,.inspector-window[data-color-scheme=dark] .inspector-home-card-title,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal dd,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-value,.inspector-window[data-color-scheme=dark] .inspector-home-feature{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-home-eyebrow,.inspector-window[data-color-scheme=dark] .inspector-home-card-label,.inspector-window[data-color-scheme=dark] .inspector-home-meta,.inspector-window[data-color-scheme=dark] .inspector-home-body,.inspector-window[data-color-scheme=dark] .inspector-home-card-copy,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal dt,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-heading p,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-label,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-subvalue,.inspector-window[data-color-scheme=dark] .inspector-home-section-header>span,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-copy>span:last-child{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details{background-color:#3a3d49;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details>section{background-color:#15171e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-plan-action{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-plan-action:hover{color:#fff;background-color:#0000;border-color:#0000}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal+.inspector-system-health-signal,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details>section+section,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details,.inspector-window[data-color-scheme=dark] .inspector-home-features-empty{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=success] dd,.inspector-window[data-color-scheme=dark] .inspector-home-feature small{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=active] dd{color:#f2cf8f}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=error] .inspector-system-health-event-type{color:#ff9aa0;background-color:#3b1c22}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=success] .inspector-system-health-event-type{color:#8ce1c5;background-color:#173b32}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=active] .inspector-system-health-event-type{color:#f2cf8f;background-color:#342916}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group{background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-header{color:#c9ccd6;background-color:#20232d;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-header>span{color:#c9ccd6;background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group[data-feature-state-group=active] .inspector-home-feature-group-header{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-home-feature{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-home-feature:hover{background-color:#20232d}.inspector-window[data-color-scheme=dark] .inspector-home-feature+.inspector-home-feature{border-color:#2f323d}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-empty{color:#9da1af}.inspector-window[data-color-scheme=dark] .inspector-home-feature[data-state=off]{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-home-feature-status>span{background-color:#191c24;border-color:#6f7484}.inspector-window[data-color-scheme=dark] .inspector-home-feature[data-state=on] .inspector-home-feature-status>span{background-color:#8ce1c5;border-color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action{color:#d4d7e0;background-color:#20232d;border-color:#464957}.inspector-window[data-color-scheme=dark] .inspector-home-feature-label:hover{color:#d8d9ff}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action:hover{color:#fff;background-color:#292b43;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action[data-copy-state=copied]{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action[data-copy-state=error]{color:#ff9aa0;background-color:#3b1c22;border-color:#87424a}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-dismiss{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-dismiss:hover{color:#fff;background-color:#302a40}.inspector-window[data-color-scheme=dark] .inspector-home-usage-bar{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-thread-progress::-webkit-progress-bar{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-header{box-shadow:none;background-color:#1d1e2b;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-updated,.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-action{color:#d8d9ff}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview:hover .inspector-whats-new-preview-action{color:#fff}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document,.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty .inspector-home-card-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h1+p{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h2{border-top-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h1,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h2,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h3,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content a{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-threads-footer{color:#aeb1bd;background-color:#15171e;border-color:#343742}.inspector-window[data-color-scheme=dark] [data-inspector-thread-count]{color:#f3f4f8}.inspector-window[data-color-scheme=dark] [data-inspector-thread-expiry]{color:#aeb1bd}.inspector-window[data-color-scheme=dark] [data-inspector-action-placement=threads-footer]{color:#d8d9ff;background-color:#191c24;border-color:#464957}.inspector-window[data-color-scheme=dark] [data-inspector-action-placement=threads-footer]:hover{color:#fff;background-color:#20232d;border-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-threads-overview{background-color:#111319}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-content,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-copy,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-fallback,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-copy{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-title,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-frame{background:linear-gradient(135deg,#666a9e3d,#347d6929),#191c24;border-color:#3a3d49;box-shadow:0 8px 20px #00000038}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-control,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-secondary,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-secondary{color:#d8d9ff;background-color:#191c24;border-color:#464957}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-control:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-secondary:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-secondary:hover{color:#fff;background-color:#242731;border-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-primary,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-primary{color:#171823;background-color:#caccff;border-color:#caccff}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-primary:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-primary:hover{background-color:#d8d9ff;border-color:#d8d9ff}.inspector-window[data-color-scheme=dark] .cpk-threads-tour{color:#aeb1bd;background-color:#191c24;border-color:#464957;box-shadow:0 16px 36px #00000052}.inspector-window[data-color-scheme=dark] .cpk-threads-tour-step{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .cpk-threads-tour-skip{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-skip:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button:focus-visible{outline-color:#bec2ff}.inspector-window[data-color-scheme=dark] .cpk-memory-locked{color:#f3f4f8;background-color:#111319}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-sidebar{background-color:#15171e;border-color:#2f323d}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-main{background-color:#111319}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-row{background-color:#191c24;box-shadow:inset 0 0 0 1px #2f323d}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-row[data-accent=true]{background-color:#292b43}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-bar{background-color:#333641}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-row[data-accent=true] .cpk-locked-preview-row-title{background-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-row-line,.inspector-window[data-color-scheme=dark] .cpk-locked-preview-copy,.inspector-window[data-color-scheme=dark] .cpk-locked-preview-footer-line{background-color:#2f323d}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-row-line:last-child,.inspector-window[data-color-scheme=dark] .cpk-locked-preview-copy+.cpk-locked-preview-copy,.inspector-window[data-color-scheme=dark] .cpk-locked-preview-footer-line+.cpk-locked-preview-footer-line{background-color:#292c36}.inspector-window[data-color-scheme=dark] .cpk-locked-preview-card{background-color:#191c24;box-shadow:inset 0 0 0 1px #2f323d}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-scrim{background:radial-gradient(circle,#111319f0 0,#111319d6 24%,#11131975 48%,#111319ad 100%)}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-content,.inspector-window[data-color-scheme=dark] .cpk-memory-locked-copy{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-icon{color:#d8d9ff;box-shadow:none;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-action-secondary{color:#d8d9ff;background-color:#191c24;border-color:#464957}.inspector-window[data-color-scheme=dark] .cpk-memory-locked-action-secondary:hover{color:#fff;background-color:#242731;border-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-agent-overview,.inspector-window[data-color-scheme=dark] .cpk-section-card{background-color:#191c24!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-section-header{background-color:#242731!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-section-header h4{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .cpk-agent-icon{color:#d8d9ff!important;background-color:#292b43!important}.inspector-window[data-color-scheme=dark] .cpk-stat-card{background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] button.cpk-stat-card:hover{background-color:#20232d!important}.cpk-agent-messages-head{border-bottom:1px solid #e4e4ec}.cpk-agent-message-row+.cpk-agent-message-row{border-top:1px solid #e4e4ec}.inspector-window[data-color-scheme=dark] .cpk-agent-messages-head,.inspector-window[data-color-scheme=dark] .cpk-agent-message-row+.cpk-agent-message-row,.inspector-window[data-color-scheme=dark] .cpk-agent-view .divide-gray-200>:not([hidden])~:not([hidden]),.inspector-window[data-color-scheme=dark] .cpk-agent-view .divide-y>*{border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-json-block{color:#c9ccd6}.inspector-window[data-color-scheme=dark] [class*=bg-emerald-50],.inspector-window[data-color-scheme=dark] [class*=bg-green-100]{color:#8ce1c5!important;background-color:#173b32!important}.inspector-window[data-color-scheme=dark] [class*=bg-rose-50]{color:#ff9aa0!important;background-color:#3b1c22!important}.inspector-window[data-color-scheme=dark] [data-cpk-event-error] p,.inspector-window[data-color-scheme=dark] [data-playground-error] p{color:inherit!important}.inspector-window[data-color-scheme=dark] [class*=bg-amber-50],.inspector-window[data-color-scheme=dark] [class*=bg-amber-100]{color:#f2cf8f!important;background-color:#342916!important}.inspector-window[data-color-scheme=dark] [class*=bg-blue-50],.inspector-window[data-color-scheme=dark] [class*=bg-blue-100],.inspector-window[data-color-scheme=dark] [class*=bg-sky-50],.inspector-window[data-color-scheme=dark] [class*=bg-violet-50],.inspector-window[data-color-scheme=dark] [class*=bg-purple-50],.inspector-window[data-color-scheme=dark] [class*=bg-fuchsia-50]{color:#d8d9ff!important;background-color:#292b43!important}.inspector-window[data-color-scheme=dark] [class*=bg-white]{background-color:#191c24!important}.inspector-window[data-color-scheme=dark] [class*=bg-gray-50],.inspector-window[data-color-scheme=dark] [class*=bg-slate-50],.inspector-window[data-color-scheme=dark] [class*=bg-gray-100],.inspector-window[data-color-scheme=dark] [class*=bg-slate-100]{background-color:#171a22!important}.inspector-window[data-color-scheme=dark] [class*=text-gray-900],.inspector-window[data-color-scheme=dark] [class*=text-slate-900],.inspector-window[data-color-scheme=dark] [class*=text-gray-800],.inspector-window[data-color-scheme=dark] [class*=text-slate-800],.inspector-window[data-color-scheme=dark] [class*=text-gray-700],.inspector-window[data-color-scheme=dark] [class*=text-slate-700]{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] [class*=text-gray-600],.inspector-window[data-color-scheme=dark] [class*=text-slate-600],.inspector-window[data-color-scheme=dark] [class*=text-gray-500],.inspector-window[data-color-scheme=dark] [class*=text-slate-500],.inspector-window[data-color-scheme=dark] [class*=text-gray-400],.inspector-window[data-color-scheme=dark] [class*=text-slate-400]{color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] [class*=border-gray-100],.inspector-window[data-color-scheme=dark] [class*=border-slate-100],.inspector-window[data-color-scheme=dark] [class*=border-gray-200],.inspector-window[data-color-scheme=dark] [class*=border-slate-200],.inspector-window[data-color-scheme=dark] [class*=border-gray-300],.inspector-window[data-color-scheme=dark] [class*=border-slate-300]{border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] input,.inspector-window[data-color-scheme=dark] select,.inspector-window[data-color-scheme=dark] textarea{color:#f3f4f8!important;background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] input::placeholder,.inspector-window[data-color-scheme=dark] textarea::placeholder{color:#858996}.inspector-window[data-color-scheme=dark] .cpk-playground-composer{background-color:#2f3340!important;box-shadow:0 0 0 1px #6d7285!important}.inspector-window[data-color-scheme=dark] .cpk-playground-composer:focus-within{box-shadow:0 0 0 1px #c5c8de!important}.inspector-window[data-color-scheme=dark] .cpk-playground-input{color:#f3f4f8!important;caret-color:#f3f4f8!important;background-color:#0000!important}.inspector-window[data-color-scheme=dark] .cpk-playground-input::placeholder{color:#e4e6ef!important;opacity:1!important}.inspector-window[data-color-scheme=dark] .cpk-playground-send:not(:disabled){color:#111319!important;opacity:1!important;background-color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .cpk-playground-send:disabled{color:#f3f4f8!important;background-color:#f3f4f833!important}.inspector-window[data-color-scheme=dark] ::selection{color:#fff;background-color:#5b5f92}@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-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-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@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-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-duration:initial;--tw-ease:initial}}}@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-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-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-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-950:oklch(28.3% .141 291.089);--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-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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;--container-3xl:48rem;--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;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-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{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.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-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-auto{margin-right:auto}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.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-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.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-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\\[28rem\\]{height:28rem}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-\\[20rem\\]{min-height:20rem}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[420px\\]{min-height:420px}.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-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-40{width:calc(var(--spacing)*40)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[240px\\]{max-width:240px}.max-w-full{max-width:100%}.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-\\[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-not-allowed{cursor:not-allowed}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.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-end{align-items:flex-end}.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)))}.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-\\[16px\\]{border-radius:16px}.rounded-\\[28px\\]{border-radius:28px}.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-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-rose-300{border-color:var(--color-rose-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-200{border-color:var(--color-violet-200)}.bg-\\[\\#00000014\\]{background-color:#00000014}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black{background-color:var(--color-black)}.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-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-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.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-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.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-0\\.5{padding:calc(var(--spacing)*.5)}.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-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.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)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.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}.text-\\[13px\\]{font-size:13px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-none{--tw-leading:1;line-height:1}.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-wrap{white-space:pre-wrap}.text-\\[rgb\\(13\\,13\\,13\\)\\]{color:#0d0d0d}.text-amber-600{color:var(--color-amber-600)}.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-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-rose-800{color:var(--color-rose-800)}.text-rose-950{color:var(--color-rose-950)}.text-slate-500{color:var(--color-slate-500)}.text-slate-800{color:var(--color-slate-800)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-950{color:var(--color-violet-950)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-violet-300{-webkit-text-decoration-color:var(--color-violet-300);-webkit-text-decoration-color:var(--color-violet-300);text-decoration-color:var(--color-violet-300)}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.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-\\[0_4px_4px_0_\\#0000000a\\,0_0_1px_0_\\#0000009e\\]{--tw-shadow:0 4px 4px 0 var(--tw-shadow-color,#0000000a),0 0 1px 0 var(--tw-shadow-color,#0000009e);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,.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-transparent{--tw-ring-color:transparent}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-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,)}.backdrop-filter{-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-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\\:text-gray-500::placeholder{color:var(--color-gray-500)}.focus-within\\:shadow-\\[0_6px_18px_0_\\#00000014\\,0_0_1px_0_\\#0000009e\\]:focus-within{--tw-shadow:0 6px 18px 0 var(--tw-shadow-color,#00000014),0 0 1px 0 var(--tw-shadow-color,#0000009e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.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-rose-100:hover{background-color:var(--color-rose-100)}.hover\\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-violet-800:hover{color:var(--color-violet-800)}.hover\\:decoration-violet-700:hover{-webkit-text-decoration-color:var(--color-violet-700);-webkit-text-decoration-color:var(--color-violet-700);text-decoration-color:var(--color-violet-700)}.hover\\:opacity-70:hover{opacity:.7}}.focus\\:border-gray-300:focus{border-color:var(--color-gray-300)}.focus\\:border-violet-400:focus{border-color:var(--color-violet-400)}.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\\:ring-violet-100:focus{--tw-ring-color:var(--color-violet-100)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:rounded:focus-visible{border-radius:.25rem}.focus-visible\\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-rose-300:focus-visible{--tw-ring-color:var(--color-rose-300)}.focus-visible\\:ring-violet-300:focus-visible{--tw-ring-color:var(--color-violet-300)}.focus-visible\\:ring-violet-400:focus-visible{--tw-ring-color:var(--color-violet-400)}.focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\: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-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:opacity-60:active{opacity:.6}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}@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\\]\\:h-3>svg{height:calc(var(--spacing)*3)}.\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:calc(var(--spacing)*3.5)}.\\[\\&\\>svg\\]\\:h-\\[18px\\]>svg{height:18px}.\\[\\&\\>svg\\]\\:\\!w-8>svg{width:calc(var(--spacing)*8)!important}.\\[\\&\\>svg\\]\\:w-3>svg{width:calc(var(--spacing)*3)}.\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:calc(var(--spacing)*3.5)}.\\[\\&\\>svg\\]\\:w-\\[18px\\]>svg{width:18px}.\\[\\&\\>svg\\]\\:animate-spin>svg{animation:var(--animate-spin)}.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}}.cpk-json-block{white-space:pre-wrap;word-break:break-all;color:#57575b;margin:0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:11px;line-height:1.8;overflow:auto}.inspector-account-strip{border-bottom:1px solid #d8d8e8;width:100%;min-width:0;color:#010507!important;background:#f7f6fd!important}.inspector-account-logo{filter:none}.inspector-account-brand{position:relative}.inspector-account-logo-accent{clip-path:inset(0 0 0 80%);pointer-events:none;display:none;position:absolute;inset:0}.inspector-account-cta{isolation:isolate;color:#3f176f;white-space:nowrap;cursor:pointer;background-color:#eee6fe;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.inspector-account-cta:after{z-index:0;content:\"\";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff14 32%,#ffffffad 50%,#ffffff14 68%,#0000 100%);width:68%;animation:3.8s cubic-bezier(.16,1,.3,1) infinite inspector-account-cta-shimmer;position:absolute;inset:0;transform:translate(-180%)skew(-14deg)}.inspector-account-cta>*{z-index:1;position:relative}.inspector-account-cta[data-motion-paused=true]:after{animation-play-state:paused}@keyframes inspector-account-cta-shimmer{0%{opacity:0;transform:translate(-180%)skew(-14deg)}12%{opacity:1}82%{opacity:.8}to{opacity:0;transform:translate(280%)skew(-14deg)}}.inspector-account-cta:hover{color:#32105d;background-color:#e4d8fc}.inspector-account-cta svg{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.inspector-account-cta:after{animation:none}}.inspector-window-layout{position:relative}.inspector-window-layout-menu{z-index:60;color:#010507;background-color:#fff;border:1px solid #d8d8e8;border-radius:5px;width:188px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 24px #1f173924}.inspector-window-layout-menu button{min-height:34px;color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;border-radius:4px;align-items:center;gap:9px;padding:7px 9px;font-size:12px;font-weight:600;display:flex}.inspector-window-layout-menu button:hover,.inspector-window-layout-menu button:focus-visible{color:#3f176f;background-color:#eee6fe;outline:none}.inspector-window-layout-menu button span:first-child{flex:none;display:inline-flex}.inspector-agent-placeholder{color:#68686e;border-color:#c8c8d8}.inspector-primary-navigation,.inspector-child-navigation{display:none}.inspector-shell{background-color:#f7f6fd;flex:auto;min-height:0;display:flex}.inspector-sidebar{z-index:20;background-color:#f7f6fd;border-right:1px solid #d8d8e8;flex-direction:column;flex:none;gap:8px;width:224px;min-width:224px;padding:12px 10px;transition:width .22s,min-width .22s,padding .22s;display:flex;position:relative;overflow:visible}.inspector-sidebar[data-icon-rail=true]{align-items:center;width:52px;min-width:52px;padding:8px}.inspector-sidebar-agent-scope{border-bottom:1px solid #d8d8e8;flex:none;min-width:0;padding-bottom:10px}.inspector-sidebar .inspector-agent-selector{width:100%;min-width:0}.inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button{background-color:#fff;border-radius:5px;max-width:none;min-height:34px;padding:6px 8px}.inspector-context-dropdown-icon{color:#68686e;display:inline-flex}.inspector-context-dropdown-icon svg,.inspector-context-dropdown-chevron svg{width:14px;height:14px}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope{padding-bottom:8px}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true],.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-footer{flex:none;justify-content:center;align-items:center;width:36px;min-width:36px;max-width:36px;display:flex}.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button,.inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder{box-sizing:border-box;justify-content:center;align-items:center;gap:0;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;padding:0;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:flex;overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-label,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-chevron,.inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder span:last-child{display:none}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-agent-scope [data-context-dropdown-root=true]>div{margin-top:0;top:0;left:calc(100% + 8px)}.inspector-icon-rail-menu{transform-origin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;transform:translate(-8px)scale(.96)}.inspector-icon-rail-menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-section+.inspector-sidebar-section{border-top:1px solid #dbdbe5;margin-top:4px;padding-top:10px}.inspector-sidebar-nav{cursor:default;flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex;overflow:hidden auto}.inspector-sidebar-section{flex-direction:column;gap:4px;display:flex}.inspector-sidebar-label{color:#838389;letter-spacing:.02em;text-align:left;text-transform:none;background:0 0;border:0;width:100%;margin:0 0 2px;padding:0 8px;font-size:11px;font-weight:600;display:block}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-label,.inspector-sidebar[data-icon-rail=true] .inspector-nav-label{display:none}.inspector-sidebar-rail-tooltip{z-index:60;color:#fff;pointer-events:none;white-space:nowrap;background-color:#242331;border-radius:6px;max-width:220px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 7px 18px #1a172a2e}.inspector-sidebar-control{justify-content:flex-start;width:100%;min-height:36px;display:flex;position:relative}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-nav{overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-control,.inspector-sidebar[data-icon-rail=true] .inspector-sidebar-toggle,.inspector-sidebar[data-icon-rail=true] .inspector-nav-control{box-sizing:border-box;justify-content:center;align-items:center;gap:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;overflow:visible}.inspector-sidebar[data-icon-rail=true] .inspector-nav-icon,.inspector-sidebar[data-icon-rail=true] .inspector-nav-icon svg,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon,.inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon svg{width:18px;height:18px;overflow:visible}.inspector-home-badge{background-color:#fa5f67;border-radius:999px;width:7px;height:7px;position:absolute;top:8px;right:8px}.inspector-sidebar[data-icon-rail=true] .inspector-home-badge{top:6px;right:8px}.inspector-sidebar-toggle{color:#57575b;width:100%;min-height:32px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:flex-start;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:600;display:flex}.inspector-sidebar-toggle:hover{color:#010507;background-color:#f0f0f4}.inspector-sidebar-footer{flex-direction:column;flex:none;gap:6px;padding:2px 0 0;display:flex}.inspector-sidebar-status-list{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.inspector-sidebar-status-card{color:#2b2b2b;background-color:#fff;border:1px solid #d8d8e8;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:9px 10px;display:grid;position:relative}.inspector-sidebar-status-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.25;display:flex}.inspector-sidebar-status-copy strong{color:#010507;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.inspector-sidebar-status-copy>span{color:#57575b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.inspector-sidebar-status-card[data-state=disconnected] .inspector-sidebar-status-copy>span{color:#68686e}.inspector-sidebar-status-action{color:#3f176f;white-space:nowrap;background-color:#0000;border:0;border-radius:5px;justify-content:center;align-items:center;gap:0;width:28px;height:28px;padding:0;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.inspector-sidebar-status-action:hover{color:#6430ab;background-color:#eee7f8;text-decoration:none}.inspector-sidebar-status-action svg{width:12px;height:12px}.inspector-sidebar-status-action-label{display:none}.inspector-sidebar-intelligence-setup{color:#3f176f;cursor:pointer;background-color:#eee7f8;border-color:#bba5df;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .3s;animation:3.2s ease-in-out infinite inspector-sidebar-intelligence-setup-glow}@keyframes inspector-sidebar-intelligence-setup-glow{0%,to{box-shadow:0 0 #6430ab00}50%{box-shadow:0 0 16px 2px #6430ab26}}.inspector-sidebar-intelligence-setup:hover{background-color:#e4d9f4;border-color:#8e6fc0}.inspector-sidebar-intelligence-setup .inspector-sidebar-status-copy strong{color:#3f176f}.inspector-sidebar-setup-arrow{background-color:#6430ab1a;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.inspector-sidebar-setup-arrow svg{width:13px;height:13px}.inspector-main{background-color:#fff;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.inspector-home{background-color:#fff;min-height:100%;padding:30px 32px 40px;position:relative;overflow:auto}.inspector-home:before{display:none}.inspector-home>*{width:min(100%,960px);margin-left:auto;margin-right:auto}.inspector-settings{color:#010507;background-color:#fff;min-height:100%;padding:34px 32px 48px;container:inspector-settings/inline-size}.inspector-settings-header{width:min(100%,720px);margin-left:auto;margin-right:auto;padding-bottom:30px}.inspector-settings-title{color:#010507;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:30px;font-weight:600;line-height:1.15}.inspector-settings-subtitle{color:#57575b;max-width:60ch;margin:8px 0 0;font-size:14px;line-height:1.5}.inspector-settings-section{border-top:1px solid #d5d3e4;width:min(100%,720px);margin-left:auto;margin-right:auto;padding:24px 0 26px}.inspector-settings-section-heading{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.inspector-settings-section-icon{color:#3f176f;background-color:#eee6fe;border:1px solid #bec2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.inspector-settings-section-icon svg{width:17px;height:17px}.inspector-settings-section-heading h2,.inspector-settings-status-row h3,.inspector-settings-visibility h3{color:#010507;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:600}.inspector-settings-section-heading h2{font-size:17px;line-height:1.3}.inspector-settings-section-heading p{color:#68686e;max-width:54ch;margin:4px 0 0;font-size:12px;line-height:1.5}.inspector-settings-privacy{margin-left:46px}.inspector-settings-status-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.inspector-settings-status-row>div,.inspector-settings-visibility>div{min-width:0}.inspector-settings-status-row h3{font-size:14px;line-height:1.3}.inspector-settings-status-row p{color:#57575b;max-width:56ch;margin:8px 0 0;font-size:12px;line-height:1.55}.inspector-settings-status{color:#087653;text-align:center;white-space:nowrap;background-color:#e5f7f1;border:1px solid #85d3bb;border-radius:999px;flex:none;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.inspector-settings-privacy[data-state=disabled] .inspector-settings-status{color:#7d4d0a;background-color:#fff5df;border-color:#dfc08f}.inspector-settings-private-content{border-top:1px solid #e4e4ec;margin-top:22px;padding-top:18px}.inspector-settings-private-content strong{color:#010507;font-size:13px;font-weight:700}.inspector-settings-private-content>p{color:#68686e;margin:4px 0 0;font-size:11px;line-height:1.45}.inspector-settings-private-content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:12px 0 0;display:grid}.inspector-settings-private-content li{color:#3e3d48;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.35;display:flex}.inspector-settings-private-content li span{color:#087653;flex:none;display:inline-flex}.inspector-settings-private-content li svg{width:14px;height:14px}.inspector-settings-policy-link{color:#3f176f;text-underline-offset:3px;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:6px;min-height:36px;margin-top:20px;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.inspector-settings-policy-link:hover{color:#6430ab}.inspector-settings-policy-link:focus-visible{outline-color:#6430ab}.inspector-settings-policy-link svg{width:14px;height:14px}.inspector-settings-visibility{margin-left:46px}.inspector-settings-visibility h3{font-size:14px;line-height:1.3}.inspector-settings-visibility p{color:#57575b;max-width:48ch;margin:8px 0 0;font-size:12px;line-height:1.55}.inspector-settings-dismiss{color:#3f176f;text-align:center;cursor:pointer;background-color:#f5f2ff;border:1px solid #c9c2e6;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:16px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.inspector-settings-dismiss:hover{background-color:#eee8ff;border-color:#a69aca}.inspector-settings-dismiss:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.inspector-settings-dismiss svg{width:14px;height:14px}@media (max-width:720px){.inspector-settings{padding:28px 24px 40px}.inspector-settings-section-heading p{max-width:42ch}}@media (max-width:480px){.inspector-settings{padding-left:18px;padding-right:18px}}@container inspector-settings (max-width:520px){.inspector-settings-privacy,.inspector-settings-visibility{margin-left:0}.inspector-settings-status-row{flex-direction:column;gap:12px}.inspector-settings-private-content ul{grid-template-columns:1fr}.inspector-settings-dismiss{width:100%}}.inspector-home-card,.inspector-home-story{background-color:#ffffffd1;border:1px solid #deddea;border-radius:5px;padding:18px 18px 16px;position:relative}.inspector-home-eyebrow,.inspector-home-card-label,.inspector-home-meta{color:#57575b;margin:0;font-size:12px;font-weight:600}.inspector-home-title,.inspector-home-section-title,.inspector-home-card-title{color:#010507;margin:8px 0 0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.15}.inspector-home-section-title{letter-spacing:-.015em;margin:0 0 14px;font-size:17px}.inspector-home-card-title{font-size:16px}.inspector-home-body,.inspector-home-card-copy{color:#57575b;max-width:52ch;margin:10px 0 0;font-size:15px;line-height:1.5}.inspector-home-section{margin-top:24px;position:relative}.inspector-home>.inspector-home-section:first-child{margin-top:0}.inspector-whats-new-preview+.inspector-home-section{margin-top:20px}.inspector-home-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.inspector-home-section-header .inspector-home-section-title{margin-bottom:0}.inspector-home-section-header>span{color:#68686e;font-size:11px;font-weight:600;line-height:1.35}.inspector-system-health-header>span[data-tone=success]{color:#087653}.inspector-system-health-header>span[data-tone=checking]{color:#8a5900}.inspector-system-health-header>span[data-tone=offline],.inspector-system-health-header>span[data-tone=error]{color:#b32d3b}.inspector-system-health-section{background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;overflow:hidden}.inspector-system-health-section .inspector-system-health-header{background-color:#f7f4fe;border-bottom:1px solid #d5d3e4;align-items:center;min-height:76px;margin:0;padding:18px}.inspector-system-health-heading{min-width:0}.inspector-system-health-heading .inspector-home-section-title{color:#010507;letter-spacing:-.025em;font-size:18px}.inspector-system-health-state,.inspector-intelligence-hud-state{color:#087653;background-color:#e5f7f1;border:1px solid #85d3bb;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:24px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.inspector-system-health-state>span,.inspector-intelligence-hud-state>span{background-color:currentColor;border-radius:999px;width:6px;height:6px}.inspector-system-health-state[data-tone=checking],.inspector-intelligence-hud-state[data-tone=checking]{background-color:#fff5df;border-color:#dfc08f;color:#7d4d0a!important}.inspector-system-health-state[data-tone=offline],.inspector-system-health-state[data-tone=error],.inspector-intelligence-hud-state[data-tone=offline],.inspector-intelligence-hud-state[data-tone=error]{background-color:#fff0f1;border-color:#e7a7ac;color:#b32d3b!important}.inspector-system-health-state[data-tone=unavailable],.inspector-intelligence-hud-state[data-tone=unavailable]{background-color:#f0f0f4;border-color:#c8c8d2;color:#57575b!important}.inspector-system-health{background-color:#d5d3e4;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.inspector-system-health-signal{background-color:#fff;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;min-height:84px;padding:15px 16px 14px;display:grid}.inspector-system-health-copy{flex-direction:column;min-width:0;display:flex}.inspector-system-health-signal dt{color:#68686e;letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.inspector-system-health-signal dd{color:#010507;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:5px 0 0;font-size:15px;font-weight:700;overflow:hidden}.inspector-system-health-signal small{color:#68686e;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:4px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;line-height:1.4;overflow:hidden}small.inspector-system-health-detail{letter-spacing:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4}.inspector-system-health-url{cursor:help;outline:none;position:relative;overflow:visible!important}.inspector-system-health-url>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-system-health-url:after{z-index:30;color:#f3f4f8;content:attr(data-full-value);opacity:0;overflow-wrap:anywhere;pointer-events:none;white-space:normal;background-color:#15171e;border:1px solid #3a3d49;border-radius:4px;width:max-content;max-width:min(360px,70vw);padding:7px 9px;font-size:10px;font-weight:500;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:0;transform:translateY(3px);box-shadow:0 8px 20px #0105072e}.inspector-system-health-url:hover:after,.inspector-system-health-url:focus-visible:after{opacity:1;transform:translateY(0)}.inspector-system-health-url:focus-visible>span{outline-offset:2px;border-radius:3px;outline:2px solid #6430ab}.inspector-system-health-signal[data-tone=success] dd{color:#087653}.inspector-system-health-signal[data-tone=active] dd{color:#8a5900}.inspector-system-health-event-link{width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.inspector-system-health-event-link>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-system-health-event-link>.inspector-system-health-event-type{color:#57575b;letter-spacing:.025em;background-color:#f1f1f3;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:3px 6px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex}.inspector-system-health-event-link>small{color:#68686e;align-items:center;gap:6px;margin:5px 0 0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:10px;font-weight:500;line-height:1.25;display:flex}.inspector-system-health-event-meta strong{color:#6430ab;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.inspector-system-health-signal[data-tone=error] .inspector-system-health-event-type{color:#b32d3b;background-color:#fff0f1}.inspector-system-health-signal[data-tone=success] .inspector-system-health-event-type{color:#087653;background-color:#e3f5ee}.inspector-system-health-signal[data-tone=active] .inspector-system-health-event-type{color:#8a5900;background-color:#fff5df}.inspector-system-health-event-link:hover .inspector-system-health-event-meta strong{text-decoration-color:currentColor}.inspector-system-health-event-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #6430ab}.inspector-intelligence-hud{background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;overflow:hidden}.inspector-intelligence-hud-header{justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.inspector-intelligence-hud[data-state=disconnected]{border-color:#bba5df}.inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-header{align-items:center;min-height:132px;padding:22px}.inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-header-actions{flex-direction:column;align-items:flex-end;gap:10px}.inspector-intelligence-hud-heading{min-width:0}.inspector-intelligence-hud-header-actions{flex:none;align-items:center;gap:8px;display:flex}.inspector-intelligence-hud-heading .inspector-home-section-title{margin:0;font-size:18px}.inspector-intelligence-hud-description{color:#4f4f55;max-width:64ch;margin:10px 0 0;font-size:12px;line-height:1.55}.inspector-intelligence-hud-action{color:#fff;background-color:#6430ab;border:1px solid #6430ab;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.inspector-intelligence-hud-action:hover{background-color:#4e238c;border-color:#4e238c}.inspector-intelligence-hud-action svg{width:13px;height:13px}.inspector-intelligence-hud-connect-action{min-height:38px;padding:10px 14px;font-size:12px}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header{background:linear-gradient(100deg,#fbfaff 0%,#f2eeff 52%,#edfaf5 100%);border-bottom:1px solid #d5d3e4;align-items:center;min-height:76px;padding:18px}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-heading .inspector-home-section-title{color:#010507;letter-spacing:-.025em;align-items:center;gap:8px;font-size:18px;display:inline-flex}.inspector-intelligence-mark{flex:none;width:17px;height:17px;display:block}.inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header-actions{flex-direction:column;align-items:flex-end;gap:6px}.inspector-intelligence-sr-summary{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspector-intelligence-copy{padding:16px 18px 0;display:grid}.inspector-intelligence-copy-slide{opacity:0;flex-direction:column;grid-area:1/1;gap:4px;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);display:flex}.inspector-intelligence-copy-slide[data-position=after]{transform:translate(14px)}.inspector-intelligence-copy-slide[data-position=before]{transform:translate(-14px)}.inspector-intelligence-copy-slide[data-position=active]{opacity:1;transform:none}.inspector-intelligence-copy-slide>strong{color:#2b2b31;text-wrap:balance;max-width:52ch;font-size:12.5px;font-weight:650;line-height:1.4}.inspector-intelligence-copy-slide>span{color:#4f4f55;max-width:64ch;font-size:11px;line-height:1.55}.inspector-intelligence-install{justify-content:flex-end;align-items:center;gap:12px;display:flex}.inspector-intelligence-install-copy{cursor:pointer;min-height:34px;transition:background-color .14s,border-color .14s}.inspector-intelligence-install-copy svg{width:13px;height:13px}.inspector-intelligence-install[data-copy-state=copied] .inspector-intelligence-install-copy{color:#4e238c;background-color:#fff;border-color:#bba5df}.inspector-intelligence-install-secondary{color:#6430ab;align-items:center;gap:5px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.inspector-intelligence-install-secondary:hover{text-underline-offset:2px;text-decoration:underline}.inspector-intelligence-install-secondary svg{width:12px;height:12px}.inspector-intelligence-install-hint{color:#68686e;white-space:nowrap;margin:0;font-size:11px;font-weight:600;line-height:1.4}.inspector-intelligence-install-hint[data-tone=success]{color:#4e238c;font-weight:600}.inspector-intelligence-install-hint[data-tone=error]{color:#a3341f;font-weight:600}.inspector-intelligence-install-fallback{color:#4f4f55;-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-word;background-color:#fff;border-bottom:1px solid #d5d3e4;max-height:96px;padding:10px 18px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.65;display:block;overflow:auto}.inspector-intelligence-story{background-color:#fff;container:cpk-intel-story/inline-size}.inspector-intelligence-story-stage{padding:16px 18px;display:grid}.inspector-intelligence-beat{visibility:hidden;opacity:0;grid-area:1/1;align-items:center;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s;display:flex}.inspector-intelligence-beat[data-position=after]{transform:translate(14px)}.inspector-intelligence-beat[data-position=before]{transform:translate(-14px)}.inspector-intelligence-beat[data-position=active]{visibility:visible;opacity:1;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility;transform:none}.inspector-intelligence-beat[data-beat-id=threads]{flex-direction:column;justify-content:center;gap:6px}.inspector-intelligence-threads{flex-direction:column;gap:6px;width:100%;display:flex}.inspector-intelligence-thread{opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:4px;align-items:center;gap:9px;padding:8px 10px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(3px)}.inspector-intelligence-thread>i{background-color:#9b8cc4;border-radius:999px;flex:none;width:6px;height:6px}.inspector-intelligence-thread>strong{color:#2b2b31;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.inspector-intelligence-thread>small{color:#68686e;flex:none;margin-left:auto;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:9.5px}.inspector-intelligence-thread[data-failed=true]{background-color:#fdf6f4;border-color:#f0d5cf}.inspector-intelligence-thread[data-failed=true]>i{background-color:#c2410c}.inspector-intelligence-thread[data-failed=true]>strong,.inspector-intelligence-thread[data-failed=true]>small{color:#8f2f1c;font-weight:650}.inspector-intelligence-story[data-beat=threads] .inspector-intelligence-thread{opacity:1;transition-delay:calc(var(--thread-index)*80ms + 90ms);transform:none}.inspector-intelligence-beat[data-beat-id=learning]{grid-template-columns:minmax(0,1.15fr) auto minmax(0,.85fr);align-items:center;gap:12px;display:grid}.inspector-intelligence-beat-col{flex-direction:column;gap:6px;min-width:0;display:flex}.inspector-intelligence-beat-label{color:#68686e;letter-spacing:.06em;text-transform:uppercase;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:9px;font-weight:600}.inspector-intelligence-signal,.inspector-intelligence-rule{color:#4f4f55;opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:4px;align-items:flex-start;gap:6px;padding:6px 8px;font-size:10.5px;line-height:1.4;transition:opacity .3s,transform .3s;display:flex;transform:translateY(3px)}.inspector-intelligence-signal{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-intelligence-rule{color:#21543f;background-color:#f4fbf8;border-color:#cfe9dd;font-weight:600}.inspector-intelligence-rule>i{color:#1f8a5f;flex:none;align-items:center;display:inline-flex}.inspector-intelligence-rule>i svg{stroke-width:2.4px;width:11px;height:11px}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-signal,.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-rule{opacity:1;transform:none}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-signal{transition-delay:calc(var(--signal-index)*80ms + .1s)}.inspector-intelligence-story[data-beat=learning] .inspector-intelligence-rule{transition-delay:calc(var(--rule-index)*80ms + .42s)}.inspector-intelligence-beat-flow{color:#9b8cc4;justify-content:center;align-items:center;display:inline-flex}.inspector-intelligence-beat-flow svg{width:15px;height:15px}.inspector-intelligence-beat[data-beat-id=skill]{justify-content:center}.inspector-intelligence-skill-file{background-color:#fff;border:1px solid #d5d3e4;border-radius:5px;width:min(100%,30rem);overflow:hidden;box-shadow:0 1px 2px #100c280f}.inspector-intelligence-skill-file>header{background-color:#faf9fe;border-bottom:1px solid #ebe9f4;align-items:center;gap:7px;padding:7px 10px;display:flex}.inspector-intelligence-skill-file>header svg{color:#6430ab;width:12px;height:12px}.inspector-intelligence-skill-file>header strong{color:#2b2b31;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;font-weight:600}.inspector-intelligence-skill-file>header em{color:#68686e;letter-spacing:.05em;text-transform:uppercase;margin-left:auto;font-size:9px;font-style:normal;font-weight:600}.inspector-intelligence-skill-code{flex-direction:column;padding:8px 0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.75;display:flex}.inspector-intelligence-skill-code>span{color:#4f4f55;gap:10px;padding:0 12px;display:flex}.inspector-intelligence-skill-code>span:before{color:#a9a7bb;content:attr(data-line);text-align:right;min-width:8px}.inspector-intelligence-skill-code>span>b{color:#6430ab;font-weight:600}.inspector-intelligence-skill-code>span[style*=--rule-index]{opacity:0;transition:opacity .26s,transform .26s;transform:translateY(2px)}.inspector-intelligence-story[data-beat=skill] .inspector-intelligence-skill-code>span[style*=--rule-index]{opacity:1;transition-delay:calc(var(--rule-index)*.11s + .26s);transform:none}.inspector-intelligence-beat[data-beat-id=intelligence]{flex-direction:column;justify-content:center;gap:12px}.inspector-intelligence-chain{justify-content:center;align-items:stretch;gap:6px;width:100%;display:flex}.inspector-intelligence-chain-step{opacity:0;background-color:#faf9fe;border:1px solid #e6e3f2;border-radius:5px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:3px;min-width:0;padding:9px 10px;transition:opacity .28s,transform .28s;display:flex;transform:translateY(4px)}.inspector-intelligence-chain-step>i{color:#6430ab;display:inline-flex}.inspector-intelligence-chain-step>i svg{width:14px;height:14px}.inspector-intelligence-chain-step>strong{color:#2b2b31;font-size:11px;font-weight:700;line-height:1.25}.inspector-intelligence-chain-step>small{color:#68686e;font-size:9.5px;line-height:1.3}.inspector-intelligence-chain-arrow{color:#bba5df;opacity:0;flex:none;align-items:center;transition:opacity .28s;display:inline-flex}.inspector-intelligence-chain-arrow svg{width:13px;height:13px}.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-step,.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-arrow{opacity:1;transition-delay:calc(var(--step-index)*90ms + 80ms);transform:none}.inspector-intelligence-chain-proof{color:#21543f;opacity:0;background-color:#f4fbf8;border:1px solid #cfe9dd;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:5px 11px;font-size:10.5px;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;transform:translateY(3px)}.inspector-intelligence-chain-proof svg{color:#1f8a5f;width:12px;height:12px}.inspector-intelligence-chain-proof code{font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:600}.inspector-intelligence-story[data-beat=intelligence] .inspector-intelligence-chain-proof{opacity:1;transition-delay:.46s;transform:none}.inspector-intelligence-story-rail{border-top:1px solid #ebe9f4;align-items:center;gap:2px;padding:8px 18px 9px;display:flex}.inspector-intelligence-story-tab{color:#68686e;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:3px 7px 5px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:10.5px;font-weight:600;transition:color .16s;position:relative}.inspector-intelligence-story-tab:after{content:\"\";transform-origin:0;background-color:#6430ab;border-radius:2px;height:1.5px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:1px;left:7px;right:7px;transform:scaleX(0)}.inspector-intelligence-story-tab:hover{color:#2b2b31}.inspector-intelligence-story-tab[data-active=true]{color:#4e238c}.inspector-intelligence-story-tab[data-active=true]:after{transform:scaleX(1)}@container cpk-intel-story (max-width:30rem){.inspector-intelligence-chain-step>small{display:none}.inspector-intelligence-story-rail{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.inspector-intelligence-copy-slide,.inspector-intelligence-thread,.inspector-intelligence-beat,.inspector-intelligence-signal,.inspector-intelligence-rule,.inspector-intelligence-chain-step,.inspector-intelligence-chain-arrow,.inspector-intelligence-chain-proof,.inspector-intelligence-skill-code>span[style*=--rule-index],.inspector-intelligence-story-tab:after{transition-duration:0s;transition-delay:0s}}.inspector-intelligence-hud-details{background-color:#d5d3e4;border-top:1px solid #d5d3e4;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1px;display:grid}.inspector-intelligence-hud-details>section{background-color:#fff;min-width:0;padding:15px 18px 17px}.inspector-intelligence-hud-detail-label{color:#68686e;font-size:11px;font-weight:600;display:block}.inspector-intelligence-hud-detail-value{color:#010507;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:5px 0 0;font-size:14px;font-weight:700;display:block;overflow:hidden}.inspector-intelligence-hud-detail-subvalue{color:#68686e;text-transform:capitalize;margin-top:3px;font-size:10px;font-weight:500;display:block}.inspector-intelligence-hud-plan{grid-template-columns:minmax(0,1fr) minmax(120px,1fr);align-items:start;gap:24px;display:grid}.inspector-intelligence-hud-usage{min-width:0}.inspector-intelligence-hud-plan-action{color:#6430ab;text-underline-offset:3px;background-color:#0000;border:0;border-radius:0;gap:4px;min-height:auto;margin-top:9px;padding:0;font-size:10px;font-weight:700;line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.inspector-intelligence-hud-plan-action:hover{color:#4e238c;background-color:#0000;border-color:#0000;text-decoration-color:currentColor}.inspector-intelligence-hud-plan-action svg{width:11px;height:11px}.inspector-home-usage-bar{background-color:#dbdbe5;border-radius:999px;width:min(160px,100%);height:5px;margin-top:8px;display:block;overflow:hidden}.inspector-home-usage-bar>span{background-color:#bec2ff;height:100%;display:block}.inspector-home-feature-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start;gap:12px;display:grid}.inspector-home-feature-group{background-color:#fff;border:1px solid #d5d3e4;border-radius:5px;overflow:visible}.inspector-home-feature-group-header{color:#57575b;background-color:#f7f7f9;border-bottom:1px solid #e4e4ec;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 12px;display:flex}.inspector-home-feature-group-header strong{font-size:12px;font-weight:700}.inspector-home-feature-group-header>span{background-color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:20px;padding:2px 6px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.inspector-home-feature-group[data-feature-state-group=active] .inspector-home-feature-group-header{color:#087653;background-color:#e5f7f1;border-color:#b9e3d6}.inspector-home-feature-list{background-color:#fff;flex-direction:column;margin:0;display:flex}.inspector-home-feature{color:#010507;background-color:#fff;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:52px;padding:9px 12px;font-size:12px;font-weight:600;display:grid;container-type:inline-size}.inspector-home-feature+.inspector-home-feature{border-top:1px solid #ececf1}.inspector-home-feature:last-child{border-radius:0 0 4px 4px}.inspector-home-feature-group-empty{color:#68686e;margin:0;padding:15px 12px;font-size:11px}.inspector-home-feature:hover{background-color:#f7f7f9}.inspector-home-feature-label{min-width:0;color:inherit;cursor:pointer;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.inspector-home-feature-label>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-home-feature-label-icon{flex:none;display:inline-flex!important;overflow:visible!important}.inspector-home-feature-label-icon svg{width:12px;height:12px}.inspector-home-feature-label:hover{color:#3f176f;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.inspector-home-feature-label:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #6430ab}.inspector-home-feature-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.inspector-home-feature-status{flex:none;justify-content:center;align-items:center;width:18px;height:28px;display:inline-flex}.inspector-home-feature-status>span{background-color:#fff;border:1px solid #9ca0ab;border-radius:999px;width:8px;height:8px}.inspector-home-feature[data-state=on] .inspector-home-feature-status>span{background-color:#087653;border-color:#087653}.inspector-home-feature[data-state=off]{color:#68686e}.inspector-home-feature-action{color:#4f4f55;min-width:28px;height:28px;min-height:28px;font:inherit;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #d5d3e4;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.inspector-home-feature-action svg{width:14px;height:14px}.inspector-home-feature-action-icon{flex:none;display:inline-flex!important;overflow:visible!important}.inspector-home-feature-action-label{line-height:1}.inspector-home-feature-action.inspector-system-health-url:after{content:none;left:50%;right:auto;transform:translate(-50%,3px)}.inspector-home-feature-action.inspector-system-health-url:hover:after,.inspector-home-feature-action.inspector-system-health-url:focus-visible:after{transform:translate(-50%)}.inspector-home-feature-action:hover{color:#3f176f;background-color:#f7f4fe;border-color:#bba5df}.inspector-home-feature-action:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.inspector-home-feature-action[data-copy-state=copied]{color:#087653;background-color:#e5f7f1;border-color:#b9e3d6}.inspector-home-feature-action[data-copy-state=error]{color:#b32d3b;background-color:#fff0f1;border-color:#e7a7ac}@container (max-width:286px){.inspector-home-feature-action{width:28px;padding:0}.inspector-home-feature-action-label{display:none!important}.inspector-home-feature-action.inspector-system-health-url:after{content:attr(data-full-value)}}.inspector-home-features-empty{color:#57575b;border-top:1px solid #deddea;border-bottom:1px solid #deddea;margin:14px 0 0;padding:16px 0;font-size:12px}.inspector-home-news{gap:12px;display:grid}.inspector-whats-new-preview{color:#010507;background-color:#f7f4fe;border:1px solid #c8c6e6;border-radius:5px;align-items:stretch;width:100%;min-height:64px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.inspector-whats-new-preview:has(.inspector-whats-new-preview-body:hover){background-color:#f1ebfc;border-color:#8f91d7}.inspector-whats-new-preview-body{min-width:0;color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.inspector-whats-new-preview-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.inspector-whats-new-preview-title{align-items:center;gap:8px;min-width:0;display:flex}.inspector-whats-new-preview-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13px;line-height:1.25;overflow:hidden}.inspector-whats-new-preview-copy>span:last-child{color:#4e4c63;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.inspector-whats-new-preview-action{color:#3f176f;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.inspector-whats-new-preview-action svg{width:15px;height:15px}@container (max-width:640px){.inspector-whats-new-preview-body{grid-template-columns:minmax(0,1fr)}.inspector-whats-new-preview-action{display:none}}.inspector-whats-new-preview-dismiss{color:#68686e;cursor:pointer;background-color:#0000;border:0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inspector-whats-new-preview-dismiss:hover{color:#3f176f;background-color:#6430ab1a}.inspector-whats-new-preview-dismiss svg{width:14px;height:14px}@media (max-width:720px){.inspector-account-cta{width:32px;padding-inline:0}.inspector-account-cta-label{display:none}.inspector-home{padding:24px 22px 34px}.inspector-intelligence-hud-header{flex-wrap:wrap}.inspector-intelligence-hud-details{grid-template-columns:1fr}.inspector-intelligence-hud-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-whats-new-preview-action{display:none}}@media (max-width:600px){.inspector-system-health{grid-template-columns:1fr}}@media (max-width:480px){.inspector-home-feature{grid-template-columns:18px minmax(0,1fr);gap:8px}.inspector-home-feature-actions{grid-column:1/-1;justify-content:flex-end}.inspector-system-health-section .inspector-system-health-header{align-items:flex-start}.inspector-intelligence-hud-header{flex-direction:column;align-items:stretch}.inspector-intelligence-hud-header-actions{justify-content:space-between}.inspector-intelligence-hud-header-actions .inspector-intelligence-hud-action,.inspector-intelligence-hud-plan{width:100%}.inspector-intelligence-hud-plan{grid-template-columns:1fr;align-items:stretch}.inspector-intelligence-hud-plan-action{justify-self:start}.inspector-whats-new-header{align-items:center;gap:16px;width:calc(100% - 24px);padding:24px 22px}.inspector-whats-new-document,.inspector-whats-new-empty{padding:20px 22px 36px}.inspector-whats-new-document .announcement-content h1+p{font-size:16px}}.inspector-whats-new-header{background:#f8f7ff;border:1px solid #d8d8e8;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 44px);max-width:calc(70ch - 44px);padding:30px 32px 28px;display:flex;box-shadow:0 12px 28px #26224e0f}.inspector-whats-new-header .inspector-home-title{letter-spacing:-.035em;margin:0;font-size:clamp(27px,3.6vw,36px)}.inspector-whats-new-updated{color:#6c687c;letter-spacing:.01em;white-space:nowrap;flex:none;margin:0;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.inspector-whats-new .inspector-home-news{max-width:70ch;margin-top:0}.inspector-whats-new-document,.inspector-whats-new-empty{max-width:70ch;padding:22px 32px 52px}.inspector-whats-new-document .announcement-content{color:#2b2b39;font-size:15px;line-height:1.72}.inspector-whats-new-document .announcement-content h1{color:#15131d;letter-spacing:-.032em;max-width:24ch;margin:0 0 16px;font-size:clamp(26px,3.2vw,34px);line-height:1.1}.inspector-whats-new-document .announcement-content h1+p{color:#504d61;max-width:58ch;margin-top:0;font-size:18px;line-height:1.58}.inspector-whats-new-document .announcement-content>hr:first-child{display:none}.inspector-whats-new-document .announcement-content h2:first-of-type{border-top:0;margin-top:14px;padding-top:0}.inspector-whats-new-document .announcement-content h2{color:#1b1924;letter-spacing:-.024em;border-top:1px solid #dfdeea;margin:44px 0 14px;padding-top:24px;font-size:21px;line-height:1.2}.inspector-whats-new-document .announcement-content p{max-width:70ch;margin:.85rem 0}.inspector-whats-new-document .announcement-content ul,.inspector-whats-new-document .announcement-content ol{max-width:68ch;margin:1.25rem 0 1.5rem;padding-left:1.4rem}.inspector-whats-new-document .announcement-content li+li{margin-top:.7rem}.inspector-whats-new-document .announcement-content a{color:#4e46a5;text-underline-offset:4px;font-weight:600;text-decoration-color:#4e46a56b;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.inspector-whats-new-document .announcement-content a:hover{color:#312879;text-decoration-color:currentColor}.inspector-whats-new-empty{color:#5e5b70}.inspector-whats-new-empty .inspector-home-card-title{color:#1b1924;margin:0}.inspector-whats-new-empty .inspector-home-card-copy{max-width:48ch;margin:8px 0 0}.inspector-home-story-featured{padding:22px}.inspector-home-story-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.inspector-home-story-link:hover{background-color:#fff;border-color:#8f91d7}.inspector-home-story[data-unread=true]{border-color:#bec2ff;padding-right:64px;box-shadow:0 0 0 1px #6430ab}.inspector-home-story-unread{color:#fff;letter-spacing:.04em;text-transform:uppercase;background-color:#6430ab;border-radius:999px;align-items:center;min-height:18px;padding:0 7px;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.inspector-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity .18s,width .22s;overflow:hidden}.inspector-nav-control{color:#57575b;min-height:32px;font:inherit;text-align:left;outline-offset:-2px;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:5px;outline:2px solid #0000;flex:none;justify-content:flex-start;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.inspector-nav-control:hover{color:#010507;background-color:#f0f0f4}.inspector-nav-control-active{color:#3f176f;background-color:#eee6fe;border-color:#bec2ff}.inspector-nav-icon{flex:none;align-items:center;display:inline-flex}.inspector-nav-icon svg{width:15px;height:15px}.inspector-nav-control:focus-visible,.inspector-account-control:focus-visible,[data-inspector-thread-cta]:focus-visible,[data-inspector-sidebar-intelligence-action]:focus-visible,[data-inspector-whats-new-preview]:focus-visible,[data-inspector-whats-new-dismiss]:focus-visible,[data-inspector-home-intelligence-action]:focus-visible,.inspector-home-feature:focus-visible,[data-inspector-action-placement=threads-footer]:focus-visible{outline-offset:2px;outline:2px solid #6430ab!important}.inspector-sidebar .inspector-nav-control:focus-visible,.inspector-sidebar .inspector-sidebar-label:focus-visible,.inspector-sidebar [data-inspector-thread-cta]:focus-visible{outline-offset:-2px!important}.inspector-account-control{color:#57575b;font:inherit;outline-offset:2px;cursor:pointer;background-color:#0000;border:1px solid #0000;outline:2px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.inspector-account-control:hover,.inspector-account-control-active{color:#3f176f;background-color:#6430ab17}:host ::selection{color:#010507;background-color:#cfd2ff}:host *{scrollbar-color:#aaa9c1 transparent;scrollbar-width:thin}:host ::-webkit-scrollbar{width:8px;height:8px}:host ::-webkit-scrollbar-thumb{background:#aaa9c1 padding-box padding-box;border:2px solid #0000;border-radius:999px}.inspector-account-control-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.inspector-account-control-icon svg{width:15px;height:15px}[data-inspector-thread-cta],[data-inspector-account-strip] button,[data-inspector-account-strip] a{cursor:pointer}@media (prefers-reduced-motion:reduce){.inspector-sidebar,.inspector-nav-label,.inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button{transition:none}.inspector-icon-rail-menu{transition:none;animation:none}}.inspector-threads-footer{color:#57575b;background-color:#f7f7f9;border-top:1px solid #dbdbe5;flex:none;gap:10px;padding:12px;font-size:11px;line-height:1.35;display:grid}.inspector-threads-usage{gap:6px;display:grid}[data-inspector-thread-count]{color:#010507;font-weight:600}[data-inspector-thread-expiry]{color:#57575b}.inspector-thread-progress{--inspector-thread-progress-color:#189370;width:100%;height:6px;accent-color:var(--inspector-thread-progress-color);border-radius:999px;overflow:hidden}.inspector-thread-progress[data-inspector-thread-capacity=warning]{--inspector-thread-progress-color:#b45309}.inspector-thread-progress[data-inspector-thread-capacity=critical]{--inspector-thread-progress-color:#be123c}.inspector-thread-progress::-webkit-progress-bar{background-color:#dbdbe5;border-radius:999px}.inspector-thread-progress::-webkit-progress-value{background-color:var(--inspector-thread-progress-color);border-radius:999px}.inspector-thread-progress::-moz-progress-bar{background-color:var(--inspector-thread-progress-color);border-radius:999px}[data-inspector-action-placement=threads-footer]{color:#57575b;outline-offset:2px;cursor:pointer;background-color:#0000;border:1px solid #d5d3e4;border-radius:5px;outline:2px solid #0000;justify-content:center;align-items:center;width:100%;min-height:32px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}[data-inspector-action-placement=threads-footer][data-inspector-action-intent=upgrade]{color:#fff;background-color:#6430ab;border-color:#6430ab}[data-inspector-action-placement=threads-footer][data-inspector-action-intent=upgrade]:hover{color:#fff;background-color:#3f176f;border-color:#3f176f}[data-inspector-action-placement=threads-footer]:hover{color:#010507;background-color:#f7f4fe;border-color:#c8c6e6}.cpk-threads-overview-video{opacity:0;transition:opacity .22s}.cpk-threads-overview{background-color:#f7f7f9;flex:1;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex}.cpk-threads-overview-content{color:#57575b;width:100%;max-width:440px}.cpk-locked-feature{box-sizing:border-box;background:#fff;align-items:flex-start;width:100%;min-height:100%;padding:52px 24px 56px;display:flex;position:relative;overflow:auto;container:cpk-locked-feature/inline-size}.cpk-locked-feature-layout{box-sizing:border-box;width:100%;min-width:0;max-width:600px;margin:0 auto}.cpk-locked-feature-hero{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:36px;width:100%;min-width:0;margin:0 auto;display:grid}.cpk-locked-feature-copy{color:#57575b;min-width:0}.cpk-locked-feature-name{color:#5558b2;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:700;line-height:1.25;display:inline-flex}.cpk-locked-feature-icon{width:15px;height:15px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.cpk-locked-feature-icon svg{width:15px;height:15px;display:block}.cpk-locked-feature-title{color:#010507;letter-spacing:-.025em;max-width:680px;margin:0 0 18px;font-size:clamp(25px,2.6vw,34px);font-weight:600;line-height:1.08}.cpk-locked-feature-description{color:#57575b;max-width:680px;margin:0 0 28px;font-size:14px;line-height:1.6}.cpk-locked-feature-media{justify-self:stretch;width:100%;min-width:0}.cpk-threads-overview-video-frame.cpk-locked-feature-video{background:#000;border-color:#e4e4ec;border-radius:12px;width:100%;min-width:0;max-width:none;margin:0;box-shadow:0 14px 32px #2c2b441f}.cpk-locked-feature-outline{box-sizing:border-box;width:100%;max-width:none;margin:40px 0 0}.cpk-locked-feature-outline-list{margin:0;display:block}.cpk-locked-feature-outline-item{min-width:0;padding:0 0 28px;display:block}.cpk-locked-feature-outline-item+.cpk-locked-feature-outline-item{border-top:1px solid #e4e4ec;padding-top:28px}.cpk-locked-feature-outline-item h3,.cpk-locked-feature-outline-item p{margin:0}.cpk-locked-feature-outline-item h3{color:#010507;letter-spacing:-.018em;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:600;line-height:1.25;display:flex}.cpk-locked-feature-outline-icon{color:#5558b2;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.cpk-locked-feature-outline-icon svg{width:18px;height:18px}.cpk-locked-feature-outline-item p{color:#57575b;max-width:68ch;font-size:15px;line-height:1.65}.cpk-threads-overview-title{color:#010507;margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.25}.cpk-threads-overview-copy{color:#57575b;margin:0 0 16px;font-size:13px;line-height:1.55}.cpk-threads-overview-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cpk-locked-feature .cpk-locked-feature-setup-cta,.cpk-locked-feature .cpk-threads-overview-action{box-sizing:border-box;align-items:center;height:44px;min-height:44px;padding:12px 16px;font-size:13px;font-weight:700;line-height:1}.cpk-threads-overview-action{outline-offset:2px;cursor:pointer;border:1px solid #0000;border-radius:7px;outline:2px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}[data-inspector-feature-setup-prompt][data-copy-state=copied]{color:#fff;background-color:#087653;border-color:#087653}[data-inspector-feature-setup-prompt][data-copy-state=error]{color:#fff;background-color:#b32d3b;border-color:#b32d3b}[data-inspector-feature-setup-prompt]:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.cpk-threads-overview-action-primary{color:#fff;background-color:#010507;border-color:#010507}.cpk-threads-overview-action-primary:hover{background-color:#2b2b2b;border-color:#2b2b2b}.cpk-threads-overview-action-secondary{color:#010507;background-color:#fff;border-color:#dbdbe5}.cpk-threads-overview-action-secondary:hover{background-color:#fff;border-color:#afafb7}.cpk-threads-overview-video[data-loaded=true]{opacity:1}.cpk-threads-overview-video-control{color:#3f176f;min-height:32px;font:inherit;outline-offset:2px;cursor:pointer;background-color:#fff;border:1px solid #dbdbe5;border-radius:5px;outline:2px solid #0000;justify-content:center;align-items:center;margin:0 0 14px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.cpk-threads-overview-video-control:hover{color:#010507;background-color:#f7f7f9;border-color:#afafb7}.cpk-threads-overview-video-control:focus-visible{outline-offset:2px;outline:2px solid #6430ab}.cpk-threads-overview-video-fallback{color:#57575b;max-width:440px;margin:-4px 0 14px;font-size:12px;line-height:1.5}.cpk-threads-tour-launch{z-index:2;color:#57575b;outline-offset:2px;cursor:pointer;background-color:#fff;border:1px solid #dbdbe5;border-radius:7px;outline:2px solid #0000;padding:7px 10px;font-size:12px;font-weight:600;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 18px #01050714}.cpk-threads-tour{z-index:3;color:#57575b;background-color:#fff;border:1px solid #dbdbe5;border-radius:10px;width:min(340px,100% - 32px);padding:14px;position:absolute;bottom:16px;right:16px;box-shadow:0 16px 36px #01050724}.cpk-threads-tour-step{color:#087653;text-transform:uppercase;margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:10px;font-weight:600}.cpk-threads-tour-title{color:#010507;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.35}.cpk-threads-tour-copy{color:#57575b;font-size:12px;line-height:1.5}.cpk-threads-tour-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.cpk-threads-tour-nav{gap:8px;display:flex}.cpk-threads-tour-skip,.cpk-threads-tour-button{font:inherit;outline-offset:2px;cursor:pointer;border-radius:7px;outline:2px solid #0000;padding:7px 10px;font-size:12px;font-weight:600}.cpk-threads-overview-action:focus-visible,.cpk-threads-tour-launch:focus-visible,.cpk-threads-tour-skip:focus-visible,.cpk-threads-tour-button:focus-visible{outline-color:#6430ab}.cpk-threads-tour-skip{color:#68686e;background-color:#0000;border:0;padding-inline:0}.cpk-threads-tour-button-secondary{color:#57575b;background-color:#fff;border:1px solid #dbdbe5}.cpk-threads-tour-button-primary{color:#fff;background-color:#010507;border:1px solid #010507}.cpk-threads-tour-button:disabled{cursor:not-allowed;opacity:.45}@container cpk-locked-feature (max-width:440px){.cpk-locked-feature .cpk-threads-overview-actions{flex-direction:column;align-items:stretch}.cpk-locked-feature .cpk-locked-feature-setup-cta,.cpk-locked-feature .cpk-threads-overview-action{width:100%}}@media (max-width:720px){.cpk-threads-overview{padding:24px}}@media (prefers-reduced-motion:reduce){.cpk-threads-overview-video{transition:none}}.inspector-window[data-color-scheme=dark]{color-scheme:dark;background-color:var(--cpk-inspector-surface-dark)!important;color:#f3f4f8!important;border-color:#7b7d89!important}.inspector-window[data-color-scheme=dark] .inspector-shell,.inspector-window[data-color-scheme=dark] .inspector-main,.inspector-window[data-color-scheme=dark] #cpk-main-scroll{color:#f3f4f8!important;background-color:#111319!important}.inspector-window[data-color-scheme=dark] .resize-handle,.inspector-window[data-color-scheme=dark] .edge-resize-handle,.inspector-window[data-color-scheme=dark] .dock-resize-handle{background:0 0!important}.inspector-window[data-color-scheme=dark] .drag-handle,.inspector-window[data-color-scheme=dark] .inspector-account-strip{color:#f3f4f8!important;background:#15171e!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .inspector-account-logo{filter:brightness(0)invert();clip-path:inset(0 20% 0 0)}.inspector-window[data-color-scheme=dark] .inspector-account-logo-accent{filter:none;display:block}.inspector-window[data-color-scheme=dark] .inspector-agent-placeholder{color:#b8bbc7!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .inspector-account-control{color:#b8bbc7!important;border:0!important}.inspector-window[data-color-scheme=dark] .inspector-account-control:hover,.inspector-window[data-color-scheme=dark] .inspector-account-control-active{color:#d8d9ff!important;background-color:#292c38!important}.inspector-window[data-color-scheme=dark] .inspector-account-cta{color:#d8d9ff;background-color:#292b43}.inspector-window[data-color-scheme=dark] .inspector-account-cta:hover{color:#fff;background-color:#353854}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu{box-shadow:0 12px 28px #00000052;color:#f3f4f8!important;background-color:#111319!important;border-color:#5c6173!important}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button span{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:hover,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:focus-visible,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:hover span,.inspector-window[data-color-scheme=dark] .inspector-window-layout-menu button:focus-visible span{color:#fff!important;background-color:#3a3f52!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button{color:#f3f4f8!important;background-color:#20232c!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button:hover{background-color:#292c38!important;border-color:#777aae!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar .inspector-agent-selector>[data-context-dropdown-root=true]>button>span:last-child{color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] .inspector-context-dropdown-icon{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-agent-selector>[data-context-dropdown-root=true]>button{color:#fff!important;background-color:#2f3340!important;border-color:#8b90a5!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-context-dropdown-icon,.inspector-window[data-color-scheme=dark] .inspector-sidebar[data-icon-rail=true] .inspector-agent-placeholder{color:#fff!important}.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div{color:#f3f4f8!important;box-shadow:none!important;background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div button:hover,.inspector-window[data-color-scheme=dark] [data-context-dropdown-root=true]>div button:focus{color:#f3f4f8!important;background-color:#343746!important}.inspector-window[data-color-scheme=dark] .inspector-sidebar{color:#f3f4f8;background-color:#15171e;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-label{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-sidebar-rail-tooltip{color:#191c24;background-color:#e9e9f1;box-shadow:0 7px 18px #00000047}.inspector-window[data-color-scheme=dark] .inspector-nav-control,.inspector-window[data-color-scheme=dark] .inspector-sidebar-toggle{color:#b8bbc7}.inspector-window[data-color-scheme=dark] .inspector-nav-control:hover,.inspector-window[data-color-scheme=dark] .inspector-sidebar-toggle:hover{color:#fff;background-color:#22252f}.inspector-window[data-color-scheme=dark] .inspector-nav-control-active{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-sidebar-agent-scope{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-card{background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-copy strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-copy>span,.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-card[data-state=disconnected] .inspector-sidebar-status-copy>span{color:#9da1af}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-action{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-sidebar-status-action:hover{color:#fff;background-color:#292b43}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup:hover{background-color:#343653;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-sidebar-intelligence-setup .inspector-sidebar-status-copy strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-sidebar-setup-arrow{background-color:#caccff1f}@media (prefers-reduced-motion:reduce){.inspector-sidebar-intelligence-setup{animation:none}}.inspector-window[data-color-scheme=dark] .inspector-home{background-color:#111319}.inspector-window[data-color-scheme=dark] .inspector-settings{color:#f3f4f8;background-color:#111319}.inspector-window[data-color-scheme=dark] .inspector-settings-header,.inspector-window[data-color-scheme=dark] .inspector-settings-section,.inspector-window[data-color-scheme=dark] .inspector-settings-privacy,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-settings-title,.inspector-window[data-color-scheme=dark] .inspector-settings-section-heading h2,.inspector-window[data-color-scheme=dark] .inspector-settings-status-row h3,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility h3,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-settings-subtitle,.inspector-window[data-color-scheme=dark] .inspector-settings-section-heading p,.inspector-window[data-color-scheme=dark] .inspector-settings-status-row p,.inspector-window[data-color-scheme=dark] .inspector-settings-visibility p,.inspector-window[data-color-scheme=dark] .inspector-settings-private-content>p{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-settings-section-icon{color:#d8d9ff;background-color:#292b43;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-settings-private-content li{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-settings-private-content li span{color:#75d8b9}.inspector-window[data-color-scheme=dark] .inspector-settings-status{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-settings-privacy[data-state=disabled] .inspector-settings-status{color:#f2cf8f;background-color:#342916;border-color:#866932}.inspector-window[data-color-scheme=dark] .inspector-settings-policy-link{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-settings-policy-link:hover{color:#fff}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss{color:#ded7ff;background-color:#272438;border-color:#5d5975}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss:hover{background-color:#322e47;border-color:#8179a7}.inspector-window[data-color-scheme=dark] .inspector-settings-dismiss:focus-visible{outline-color:#bec2ff}.inspector-window[data-color-scheme=dark] .inspector-home-card,.inspector-window[data-color-scheme=dark] .inspector-home-story,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud,.inspector-window[data-color-scheme=dark] .inspector-home-feature-list,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview{color:#f3f4f8;background:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-state=disconnected]{background-color:#1d1e2b;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-state=disconnected] .inspector-intelligence-hud-description{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-header{background:linear-gradient(100deg,#1d1e2b 0%,#221f31 54%,#1a2523 100%);border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud[data-mode=install] .inspector-intelligence-hud-heading .inspector-home-section-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint[data-tone=success]{color:#d5cbff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-hint[data-tone=error]{color:#ffb3a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install[data-copy-state=copied] .inspector-intelligence-install-copy{color:#d5cbff;background-color:#0000;border-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-secondary{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-install-fallback{color:#c5c7d0;background-color:#15171e;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story{background-color:#15171e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-beat-label,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header em{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-copy-slide>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-copy-slide>span{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread{background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread>i{background-color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]{background-color:#2a1a16;border-color:#5a3129}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>i{background-color:#f97316}.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>strong,.inspector-window[data-color-scheme=dark] .inspector-intelligence-thread[data-failed=true]>small{color:#ffb3a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-signal{color:#c5c7d0;background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-rule,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-proof{color:#8fd9b8;background-color:#16241f;border-color:#2f5748}.inspector-window[data-color-scheme=dark] .inspector-intelligence-rule>i,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-proof svg{color:#5be4bb}.inspector-window[data-color-scheme=dark] .inspector-intelligence-beat-flow{color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file{box-shadow:none;background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header{background-color:#1c1f2b;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-file>header svg,.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span>b,.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>i{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span{color:#c5c7d0}.inspector-window[data-color-scheme=dark] .inspector-intelligence-skill-code>span:before{color:#6d7180}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step{background-color:#1c1f2b;border-color:#33364a}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-step>strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-chain-arrow{color:#666a9e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-rail{border-top-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab{color:#8f93a1}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab:hover{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab[data-active=true]{color:#d5cbff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-story-tab:after{background-color:#a78bfa}.inspector-window[data-color-scheme=dark] .inspector-system-health,.inspector-window[data-color-scheme=dark] .inspector-system-health-section{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-section{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-system-health-section .inspector-system-health-header{background-color:#191c24;border-bottom-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-system-health-event-link>small{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=success]{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=success],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=success]{background-color:#173b32;border-color:#347d69;color:#8ce1c5!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=checking],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=checking]{background-color:#342916;border-color:#866932;color:#f2cf8f!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=error],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=error]{background-color:#3b1c22;border-color:#87424a;color:#ff9aa0!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-state[data-tone=unavailable],.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-state[data-tone=unavailable]{background-color:#242731;border-color:#464957;color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=checking]{color:#f2cf8f}.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=offline],.inspector-window[data-color-scheme=dark] .inspector-system-health-header>span[data-tone=error]{color:#ff9aa0}.inspector-window[data-color-scheme=dark] .inspector-home-story-link:hover,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview:has(.inspector-whats-new-preview-body:hover){background:#242131;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-home-title,.inspector-window[data-color-scheme=dark] .inspector-home-section-title,.inspector-window[data-color-scheme=dark] .inspector-home-card-title,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal dd,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-value,.inspector-window[data-color-scheme=dark] .inspector-home-feature{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-home-eyebrow,.inspector-window[data-color-scheme=dark] .inspector-home-card-label,.inspector-window[data-color-scheme=dark] .inspector-home-meta,.inspector-window[data-color-scheme=dark] .inspector-home-body,.inspector-window[data-color-scheme=dark] .inspector-home-card-copy,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal dt,.inspector-window[data-color-scheme=dark] .inspector-system-health-signal small,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-heading p,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-label,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details .inspector-intelligence-hud-detail-subvalue,.inspector-window[data-color-scheme=dark] .inspector-home-section-header>span,.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-copy>span:last-child{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details{background-color:#3a3d49;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details>section{background-color:#15171e}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-plan-action{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-plan-action:hover{color:#fff;background-color:#0000;border-color:#0000}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal+.inspector-system-health-signal,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details>section+section,.inspector-window[data-color-scheme=dark] .inspector-intelligence-hud-details,.inspector-window[data-color-scheme=dark] .inspector-home-features-empty{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=success] dd,.inspector-window[data-color-scheme=dark] .inspector-home-feature small{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=active] dd{color:#f2cf8f}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=error] .inspector-system-health-event-type{color:#ff9aa0;background-color:#3b1c22}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=success] .inspector-system-health-event-type{color:#8ce1c5;background-color:#173b32}.inspector-window[data-color-scheme=dark] .inspector-system-health-signal[data-tone=active] .inspector-system-health-event-type{color:#f2cf8f;background-color:#342916}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group{background-color:#191c24;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-header{color:#c9ccd6;background-color:#20232d;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-header>span{color:#c9ccd6;background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group[data-feature-state-group=active] .inspector-home-feature-group-header{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-home-feature{background-color:#191c24}.inspector-window[data-color-scheme=dark] .inspector-home-feature:hover{background-color:#20232d}.inspector-window[data-color-scheme=dark] .inspector-home-feature+.inspector-home-feature{border-color:#2f323d}.inspector-window[data-color-scheme=dark] .inspector-home-feature-group-empty{color:#9da1af}.inspector-window[data-color-scheme=dark] .inspector-home-feature[data-state=off]{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-home-feature-status>span{background-color:#191c24;border-color:#6f7484}.inspector-window[data-color-scheme=dark] .inspector-home-feature[data-state=on] .inspector-home-feature-status>span{background-color:#8ce1c5;border-color:#8ce1c5}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action{color:#d4d7e0;background-color:#20232d;border-color:#464957}.inspector-window[data-color-scheme=dark] .inspector-home-feature-label:hover{color:#d8d9ff}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action:hover{color:#fff;background-color:#292b43;border-color:#777aae}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action[data-copy-state=copied]{color:#8ce1c5;background-color:#173b32;border-color:#347d69}.inspector-window[data-color-scheme=dark] .inspector-home-feature-action[data-copy-state=error]{color:#ff9aa0;background-color:#3b1c22;border-color:#87424a}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-dismiss{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-dismiss:hover{color:#fff;background-color:#302a40}.inspector-window[data-color-scheme=dark] .inspector-home-usage-bar{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-thread-progress::-webkit-progress-bar{background-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-header{box-shadow:none;background-color:#1d1e2b;border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-updated,.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview-action{color:#d8d9ff}.inspector-window[data-color-scheme=dark] .inspector-whats-new-preview:hover .inspector-whats-new-preview-action{color:#fff}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document,.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty{border-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-whats-new-empty .inspector-home-card-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h1+p{color:#c9ccd6}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h2{border-top-color:#3a3d49}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h1,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h2,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content h3,.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content strong{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .inspector-whats-new-document .announcement-content a{color:#caccff}.inspector-window[data-color-scheme=dark] .inspector-threads-footer{color:#aeb1bd;background-color:#15171e;border-color:#343742}.inspector-window[data-color-scheme=dark] [data-inspector-thread-count]{color:#f3f4f8}.inspector-window[data-color-scheme=dark] [data-inspector-thread-expiry]{color:#aeb1bd}.inspector-window[data-color-scheme=dark] [data-inspector-action-placement=threads-footer]{color:#d8d9ff;background-color:#191c24;border-color:#464957}.inspector-window[data-color-scheme=dark] [data-inspector-action-placement=threads-footer]:hover{color:#fff;background-color:#20232d;border-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-threads-overview{background-color:#111319}.inspector-window[data-color-scheme=dark] .cpk-locked-feature{background:#111319}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-copy,.inspector-window[data-color-scheme=dark] .cpk-locked-feature-description{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-name{color:#caccff}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline{box-shadow:none;background:0 0}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline-item h3{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline-icon{color:#caccff}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline-item{box-shadow:none;color:#f3f4f8;background:0 0}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline-item+.cpk-locked-feature-outline-item{border-top-color:#3a3d49}.inspector-window[data-color-scheme=dark] .cpk-locked-feature-outline-item p,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-content,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-copy,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-fallback,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-copy{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-title,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-title{color:#f3f4f8}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-frame{background:linear-gradient(135deg,#666a9e3d,#347d6929),#191c24;border-color:#3a3d49;box-shadow:0 8px 20px #00000038}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-control,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-secondary,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-secondary{color:#d8d9ff;background-color:#191c24;border-color:#464957}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-video-control:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-secondary:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-secondary:hover{color:#fff;background-color:#242731;border-color:#777aae}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-primary,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-primary{color:#171823;background-color:#caccff;border-color:#caccff}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action-primary:hover,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button-primary:hover{background-color:#d8d9ff;border-color:#d8d9ff}.inspector-window[data-color-scheme=dark] .cpk-threads-tour{color:#aeb1bd;background-color:#191c24;border-color:#464957;box-shadow:0 16px 36px #00000052}.inspector-window[data-color-scheme=dark] .cpk-threads-tour-step{color:#8ce1c5}.inspector-window[data-color-scheme=dark] .cpk-threads-tour-skip{color:#aeb1bd}.inspector-window[data-color-scheme=dark] .cpk-threads-overview-action:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-launch:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-skip:focus-visible,.inspector-window[data-color-scheme=dark] .cpk-threads-tour-button:focus-visible{outline-color:#bec2ff}.inspector-window[data-color-scheme=dark] .cpk-agent-overview,.inspector-window[data-color-scheme=dark] .cpk-section-card{background-color:#191c24!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-section-header{background-color:#242731!important;border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-section-header h4{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .cpk-agent-icon{color:#d8d9ff!important;background-color:#292b43!important}.inspector-window[data-color-scheme=dark] .cpk-stat-card{background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] button.cpk-stat-card:hover{background-color:#20232d!important}.cpk-agent-messages-head{border-bottom:1px solid #e4e4ec}.cpk-agent-message-row+.cpk-agent-message-row{border-top:1px solid #e4e4ec}.inspector-window[data-color-scheme=dark] .cpk-agent-messages-head,.inspector-window[data-color-scheme=dark] .cpk-agent-message-row+.cpk-agent-message-row,.inspector-window[data-color-scheme=dark] .cpk-agent-view .divide-gray-200>:not([hidden])~:not([hidden]),.inspector-window[data-color-scheme=dark] .cpk-agent-view .divide-y>*{border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] .cpk-json-block{color:#c9ccd6}.inspector-window[data-color-scheme=dark] [class*=bg-emerald-50],.inspector-window[data-color-scheme=dark] [class*=bg-green-100]{color:#8ce1c5!important;background-color:#173b32!important}.inspector-window[data-color-scheme=dark] [class*=bg-rose-50]{color:#ff9aa0!important;background-color:#3b1c22!important}.inspector-window[data-color-scheme=dark] [data-cpk-event-error] p,.inspector-window[data-color-scheme=dark] [data-playground-error] p{color:inherit!important}.inspector-window[data-color-scheme=dark] [class*=bg-amber-50],.inspector-window[data-color-scheme=dark] [class*=bg-amber-100]{color:#f2cf8f!important;background-color:#342916!important}.inspector-window[data-color-scheme=dark] [class*=bg-blue-50],.inspector-window[data-color-scheme=dark] [class*=bg-blue-100],.inspector-window[data-color-scheme=dark] [class*=bg-sky-50],.inspector-window[data-color-scheme=dark] [class*=bg-violet-50],.inspector-window[data-color-scheme=dark] [class*=bg-purple-50],.inspector-window[data-color-scheme=dark] [class*=bg-fuchsia-50]{color:#d8d9ff!important;background-color:#292b43!important}.inspector-window[data-color-scheme=dark] [class*=bg-white]{background-color:#191c24!important}.inspector-window[data-color-scheme=dark] [class*=bg-gray-50],.inspector-window[data-color-scheme=dark] [class*=bg-slate-50],.inspector-window[data-color-scheme=dark] [class*=bg-gray-100],.inspector-window[data-color-scheme=dark] [class*=bg-slate-100]{background-color:#171a22!important}.inspector-window[data-color-scheme=dark] [class*=text-gray-900],.inspector-window[data-color-scheme=dark] [class*=text-slate-900],.inspector-window[data-color-scheme=dark] [class*=text-gray-800],.inspector-window[data-color-scheme=dark] [class*=text-slate-800],.inspector-window[data-color-scheme=dark] [class*=text-gray-700],.inspector-window[data-color-scheme=dark] [class*=text-slate-700]{color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] [class*=text-gray-600],.inspector-window[data-color-scheme=dark] [class*=text-slate-600],.inspector-window[data-color-scheme=dark] [class*=text-gray-500],.inspector-window[data-color-scheme=dark] [class*=text-slate-500],.inspector-window[data-color-scheme=dark] [class*=text-gray-400],.inspector-window[data-color-scheme=dark] [class*=text-slate-400]{color:#aeb1bd!important}.inspector-window[data-color-scheme=dark] [class*=border-gray-100],.inspector-window[data-color-scheme=dark] [class*=border-slate-100],.inspector-window[data-color-scheme=dark] [class*=border-gray-200],.inspector-window[data-color-scheme=dark] [class*=border-slate-200],.inspector-window[data-color-scheme=dark] [class*=border-gray-300],.inspector-window[data-color-scheme=dark] [class*=border-slate-300]{border-color:#3a3d49!important}.inspector-window[data-color-scheme=dark] input,.inspector-window[data-color-scheme=dark] select,.inspector-window[data-color-scheme=dark] textarea{color:#f3f4f8!important;background-color:#191c24!important;border-color:#464957!important}.inspector-window[data-color-scheme=dark] input::placeholder,.inspector-window[data-color-scheme=dark] textarea::placeholder{color:#858996}.inspector-window[data-color-scheme=dark] .cpk-playground-composer{background-color:#2f3340!important;box-shadow:0 0 0 1px #6d7285!important}.inspector-window[data-color-scheme=dark] .cpk-playground-composer:focus-within{box-shadow:0 0 0 1px #c5c8de!important}.inspector-window[data-color-scheme=dark] .cpk-playground-input{color:#f3f4f8!important;caret-color:#f3f4f8!important;background-color:#0000!important}.inspector-window[data-color-scheme=dark] .cpk-playground-input::placeholder{color:#e4e6ef!important;opacity:1!important}.inspector-window[data-color-scheme=dark] .cpk-playground-send:not(:disabled){color:#111319!important;opacity:1!important;background-color:#f3f4f8!important}.inspector-window[data-color-scheme=dark] .cpk-playground-send:disabled{color:#f3f4f8!important;background-color:#f3f4f833!important}.inspector-window[data-color-scheme=dark] ::selection{color:#fff;background-color:#5b5f92}@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-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-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}";
|
|
10
10
|
|
|
11
11
|
//#endregion
|
|
12
12
|
//#region src/assets/inspector-logo.svg
|
|
@@ -16,6 +16,1425 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
16
16
|
//#region src/assets/inspector-logo-kite.svg
|
|
17
17
|
var inspector_logo_kite_default = "data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!--%0A CopilotKit Kite mark. Artwork copied verbatim from the official small-size%0A export (website public/icons/copilotkit-kite.svg) - do not redraw it.%0A%0A The only change is the viewBox: every path is untouched, so this is a window%0A onto the artwork rather than a redrawing, and it is reversible.%0A%0A The source is not centred in its own box. A hairline string runs from the kite%0A to the far lower-left (x 0.16, y 26.36) and drags the bounding box with it, so%0A centring on everything leaves the kite up and to the right - measured, 7.3 px%0A right and 6.7 px high at a 112 px render.%0A%0A The box below is centred on the SAILS instead, which is the only part a reader%0A can recognise at this size. Sail bounds are x 6.34..20.60, y 3.70..20.83,%0A centre (13.47, 12.26); the box is that centre with a square side of 17.8,%0A giving roughly 2% of air on every edge.%0A%0A Consequences, all deliberate: the string and the tail ribbon fall outside the%0A window. At a 20 px render the string's 0.30-unit stroke is under one device%0A pixel and cannot draw as a line, and the tail becomes three or four muddy%0A pixels, so they cost about 40% of the box and return almost nothing. Dropping%0A them puts the kite at 53% of the launcher's height instead of 38%.%0A%0A If the artwork is ever re-exported, check the sail bounds again before trusting%0A this box: the 2% margin absorbs small drift, not a re-composition.%0A-->%0A<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"4.57 3.36 17.8 17.8\" fill=\"none\">%0A<path d=\"M6.36084 10.9855C8.34277 8.393 9.98843 5.82939 10.6204 3.75914C10.6382 3.70281 10.7043 3.67888 10.7534 3.7114C12.9536 5.16894 16.9635 6.12833 20.5086 6.15085C20.5703 6.15124 20.6124 6.2114 20.5895 6.26829C19.4109 9.25938 17.9705 14.6189 17.9148 20.7392C17.9148 20.8301 17.7873 20.8627 17.7419 20.7837C15.7236 17.2522 9.26021 12.2898 6.39414 11.1186C6.34112 11.0968 6.32556 11.0313 6.36084 10.9855Z\" fill=\"url(%23paint0_linear)\"/>%0A<path d=\"M13.0475 9.39974C9.95016 10.3806 7.11935 10.9259 6.44331 11.0498C6.40027 11.0577 6.39115 11.1172 6.43152 11.134C9.3203 12.3347 15.7516 17.2826 17.7511 20.7998C17.7551 20.8075 17.7647 20.8103 17.7728 20.8068C17.7809 20.803 17.7853 20.793 17.7819 20.7844L13.0475 9.39974Z\" fill=\"url(%23paint1_linear)\"/>%0A<path d=\"M10.762 3.705C13.4137 5.15161 16.4787 5.80132 20.545 6.14367C20.5703 6.14585 20.5787 6.18008 20.5557 6.19197C20.0359 6.45923 17.0574 7.97512 14.8455 8.78701C14.2524 9.00453 13.6564 9.20632 13.0692 9.39249C13.0562 9.39656 13.0419 9.39015 13.0369 9.37774L10.7005 3.75979C10.6849 3.72196 10.7257 3.68538 10.762 3.705Z\" fill=\"url(%23paint2_linear)\"/>%0A<path d=\"M10.7145 3.79041L17.8305 20.7659\" stroke=\"%23513C9F\" stroke-width=\"0.17284\" stroke-linecap=\"round\"/>%0A<path d=\"M6.44531 11.0476C6.44531 11.0476 10.375 10.3422 14.0686 9.06804C17.7623 7.7939 20.5122 6.23373 20.5122 6.23373\" stroke=\"%23513C9F\" stroke-width=\"0.17284\" stroke-linecap=\"round\"/>%0A<path d=\"M11.6914 5.93518L9.05534 14.7068M9.05534 14.7068H15.3203M9.05534 14.7068L0.15625 26.3646\" stroke=\"%23ABABAB\" stroke-width=\"0.302474\" stroke-linecap=\"round\"/>%0A<path d=\"M6.02539 23.9646L4.85806 24.1287C5.46272 25.7287 6.70381 26.4276 8.18528 26.4276C11.8147 26.4276 10.707 22.3227 12.8103 22.3227C14.3358 22.3227 13.7155 25.6498 16.9992 25.6498C19.0029 25.6498 19.2028 23.631 18.8607 22.7625C18.8589 22.7572 18.8568 22.7524 18.8538 22.7476L18.3166 21.9253C18.2817 21.8706 18.1968 21.8912 18.1907 21.9562L18.0908 22.9529C18.0838 23.0222 18.0857 23.0913 18.0936 23.1605C18.1764 23.8491 18.2291 25.5202 16.9992 25.5202C15.7015 25.5202 15.3895 22.2362 12.8103 22.2362C9.78393 22.2362 10.1726 26.298 8.31487 26.298C7.08938 26.298 6.15447 24.9153 6.02539 23.9646Z\" fill=\"url(%23paint3_linear)\"/>%0A<defs>%0A<linearGradient id=\"paint0_linear\" x1=\"15.5372\" y1=\"5.0278\" x2=\"12.0802\" y2=\"14.534\" gradientUnits=\"userSpaceOnUse\">%0A<stop stop-color=\"%236430AB\"/><stop offset=\"1\" stop-color=\"%23AA89D8\"/>%0A</linearGradient>%0A<linearGradient id=\"paint1_linear\" x1=\"12.8583\" y1=\"10.3858\" x2=\"8.40764\" y2=\"18.9846\" gradientUnits=\"userSpaceOnUse\">%0A<stop stop-color=\"%23005DBB\"/><stop offset=\"1\" stop-color=\"%233D92E8\"/>%0A</linearGradient>%0A<linearGradient id=\"paint2_linear\" x1=\"14.8452\" y1=\"5.02774\" x2=\"13.5047\" y2=\"9.21911\" gradientUnits=\"userSpaceOnUse\">%0A<stop stop-color=\"%231B70C4\"/><stop offset=\"1\" stop-color=\"%2354A4F2\"/>%0A</linearGradient>%0A<linearGradient id=\"paint3_linear\" x1=\"4.85806\" y1=\"24.2455\" x2=\"18.9963\" y2=\"24.2455\" gradientUnits=\"userSpaceOnUse\">%0A<stop stop-color=\"%234497EA\"/><stop offset=\"0.254755\" stop-color=\"%231463B2\"/>%0A<stop offset=\"0.498725\" stop-color=\"%230A437D\"/><stop offset=\"0.666667\" stop-color=\"%232476C8\"/>%0A<stop offset=\"0.972542\" stop-color=\"%230C549A\"/>%0A</linearGradient>%0A</defs>%0A</svg>%0A";
|
|
18
18
|
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/learning-view.ts
|
|
21
|
+
function deriveLearningViewState(input) {
|
|
22
|
+
if (!input.supported) return input.setupActive ? "setup" : "landing";
|
|
23
|
+
if (!input.snapshot && input.loading) return "loading";
|
|
24
|
+
if (!input.snapshot && input.error) return "error";
|
|
25
|
+
const snapshot = input.snapshot;
|
|
26
|
+
if (!snapshot) return "loading";
|
|
27
|
+
if (snapshot.configuration.state === "selection_required") return "selection_required";
|
|
28
|
+
if (snapshot.configuration.state === "invalid") return "invalid";
|
|
29
|
+
if (snapshot.skillsPage.total > 0 || snapshot.insightsPage.total > 0 || snapshot.pendingCandidateCount > 0) return "results";
|
|
30
|
+
if (snapshot.run.hasActiveRun) return "first_run";
|
|
31
|
+
if (snapshot.run.hasEverSucceeded && snapshot.pendingThreadCount === 0) return "empty";
|
|
32
|
+
if (snapshot.configuration.state === "configured" && snapshot.pendingThreadCount > 0) return "ready";
|
|
33
|
+
if (input.setupActive || snapshot.configuration.state === "configured") return "setup";
|
|
34
|
+
return "landing";
|
|
35
|
+
}
|
|
36
|
+
var CpkLearningView = class extends lit.LitElement {
|
|
37
|
+
constructor(..._args) {
|
|
38
|
+
super(..._args);
|
|
39
|
+
this.supported = false;
|
|
40
|
+
this.loading = false;
|
|
41
|
+
this.refreshing = false;
|
|
42
|
+
this.error = null;
|
|
43
|
+
this.snapshot = null;
|
|
44
|
+
this.setupActive = false;
|
|
45
|
+
this.copyState = "idle";
|
|
46
|
+
this.setupPrompt = "";
|
|
47
|
+
this.promptOpen = false;
|
|
48
|
+
this.promptTrigger = null;
|
|
49
|
+
this.expandedSkillId = null;
|
|
50
|
+
this.selectedInsightId = null;
|
|
51
|
+
this.skillPageKey = "";
|
|
52
|
+
this.handlePromptKeydown = (event) => {
|
|
53
|
+
if (event.key === "Escape") {
|
|
54
|
+
event.preventDefault();
|
|
55
|
+
this.closePrompt();
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
if (event.key !== "Tab") return;
|
|
59
|
+
const dialog = event.currentTarget;
|
|
60
|
+
if (!(dialog instanceof HTMLElement)) return;
|
|
61
|
+
const root = dialog.getRootNode();
|
|
62
|
+
const activeElement = root instanceof ShadowRoot ? root.activeElement : document.activeElement;
|
|
63
|
+
const focusable = [...dialog.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])")];
|
|
64
|
+
const first = focusable[0];
|
|
65
|
+
const last = focusable.at(-1);
|
|
66
|
+
if (!first || !last) return;
|
|
67
|
+
if (event.shiftKey && activeElement === first) {
|
|
68
|
+
event.preventDefault();
|
|
69
|
+
last.focus();
|
|
70
|
+
} else if (!event.shiftKey && activeElement === last) {
|
|
71
|
+
event.preventDefault();
|
|
72
|
+
first.focus();
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
emit(name, detail) {
|
|
77
|
+
this.dispatchEvent(new CustomEvent(name, {
|
|
78
|
+
detail,
|
|
79
|
+
bubbles: true,
|
|
80
|
+
composed: true
|
|
81
|
+
}));
|
|
82
|
+
}
|
|
83
|
+
externalLink(url, label, className = "primary", category = "learning") {
|
|
84
|
+
return url ? lit.html`<a
|
|
85
|
+
class=${className}
|
|
86
|
+
href=${url}
|
|
87
|
+
target="_blank"
|
|
88
|
+
rel="noopener noreferrer"
|
|
89
|
+
@click=${() => this.emit("learning-web-link", { category })}
|
|
90
|
+
>${label}</a
|
|
91
|
+
>` : lit.nothing;
|
|
92
|
+
}
|
|
93
|
+
openPrompt(event) {
|
|
94
|
+
const trigger = event === null || event === void 0 ? void 0 : event.currentTarget;
|
|
95
|
+
this.promptTrigger = trigger instanceof HTMLElement ? trigger : null;
|
|
96
|
+
this.promptOpen = true;
|
|
97
|
+
this.requestUpdate();
|
|
98
|
+
this.updateComplete.then(() => {
|
|
99
|
+
var _this$renderRoot$quer;
|
|
100
|
+
(_this$renderRoot$quer = this.renderRoot.querySelector(".dialog-close")) === null || _this$renderRoot$quer === void 0 || _this$renderRoot$quer.focus();
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
closePrompt() {
|
|
104
|
+
this.promptOpen = false;
|
|
105
|
+
this.requestUpdate();
|
|
106
|
+
this.updateComplete.then(() => {
|
|
107
|
+
var _this$promptTrigger;
|
|
108
|
+
return (_this$promptTrigger = this.promptTrigger) === null || _this$promptTrigger === void 0 ? void 0 : _this$promptTrigger.focus();
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
setupPromptButton(label = "Copy the setup prompt") {
|
|
112
|
+
return lit.html`<button
|
|
113
|
+
class="primary"
|
|
114
|
+
type="button"
|
|
115
|
+
@click=${(event) => label === "Open the setup prompt" ? this.openPrompt(event) : this.emit("learning-copy-setup")}
|
|
116
|
+
>
|
|
117
|
+
${this.copyState === "copied" ? "Prompt copied" : label}
|
|
118
|
+
</button>`;
|
|
119
|
+
}
|
|
120
|
+
renderSetupProgress(mode) {
|
|
121
|
+
var _this$snapshot$pendin, _this$snapshot, _this$snapshot2, _this$snapshot$links$, _this$snapshot3, _container$id;
|
|
122
|
+
const ready = mode === "ready";
|
|
123
|
+
const running = mode === "running";
|
|
124
|
+
const attention = mode === "attention";
|
|
125
|
+
const waitingForLearningSetup = mode === "setup" && this.setupActive && (this.snapshot === null || this.snapshot.configuration.state === "not_configured");
|
|
126
|
+
const completedSteps = ready || running ? 2 : 1;
|
|
127
|
+
const pendingThreads = ready ? (_this$snapshot$pendin = (_this$snapshot = this.snapshot) === null || _this$snapshot === void 0 ? void 0 : _this$snapshot.pendingThreadCount) !== null && _this$snapshot$pendin !== void 0 ? _this$snapshot$pendin : 0 : 0;
|
|
128
|
+
const title = attention ? "Learning setup needs attention" : mode === "setup" ? waitingForLearningSetup ? "Waiting for Learning setup" : "Waiting for the first Thread" : ready ? "Threads ready to analyze" : "Analysis is running in the web app.";
|
|
129
|
+
const container = ((_this$snapshot2 = this.snapshot) === null || _this$snapshot2 === void 0 ? void 0 : _this$snapshot2.configuration.state) === "configured" ? this.snapshot.configuration.container : null;
|
|
130
|
+
return lit.html`<section
|
|
131
|
+
class="setup-card"
|
|
132
|
+
aria-labelledby="learning-setup-title"
|
|
133
|
+
>
|
|
134
|
+
<div class="setup-top">
|
|
135
|
+
<h2 id="learning-setup-title">Set up Learning</h2>
|
|
136
|
+
<span class="progress-count">${completedSteps} of 3 steps</span>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="progress-track" aria-hidden="true">
|
|
139
|
+
<div
|
|
140
|
+
class="progress-fill"
|
|
141
|
+
style="width: ${completedSteps / 3 * 100}%"
|
|
142
|
+
></div>
|
|
143
|
+
</div>
|
|
144
|
+
<ol class="steps">
|
|
145
|
+
<li class="step complete">
|
|
146
|
+
<div class="step-header"><span class="step-number">✓</span></div>
|
|
147
|
+
<h3>Copy the setup prompt</h3>
|
|
148
|
+
<p>Nice work. You’ve completed the first step.</p>
|
|
149
|
+
</li>
|
|
150
|
+
<li
|
|
151
|
+
class="step ${attention ? "error current" : mode === "setup" ? "current" : "complete"}"
|
|
152
|
+
>
|
|
153
|
+
<div class="step-header">
|
|
154
|
+
<span class="step-number">${ready || running ? "✓" : "2"}</span>
|
|
155
|
+
${attention ? lit.html`
|
|
156
|
+
<span class="step-state">Needs attention</span>
|
|
157
|
+
` : lit.nothing}
|
|
158
|
+
</div>
|
|
159
|
+
<h3>
|
|
160
|
+
${waitingForLearningSetup ? "Set up Learning" : "Create your first Thread"}
|
|
161
|
+
</h3>
|
|
162
|
+
<p>
|
|
163
|
+
${waitingForLearningSetup ? "Run the copied prompt in your coding agent. This page will continue when Learning is ready." : "Open Checkout Assistant and complete a conversation."}
|
|
164
|
+
</p>
|
|
165
|
+
</li>
|
|
166
|
+
<li class="step ${ready || running ? "current" : ""}">
|
|
167
|
+
<div class="step-header"><span class="step-number">3</span></div>
|
|
168
|
+
<h3>Analyze Threads</h3>
|
|
169
|
+
<p>We'll find patterns and turn them into insights and skills</p>
|
|
170
|
+
</li>
|
|
171
|
+
</ol>
|
|
172
|
+
<div class="setup-support">
|
|
173
|
+
<section class="collection-panel">
|
|
174
|
+
<div class="support-heading"><h3>${title}</h3></div>
|
|
175
|
+
${attention ? lit.html`<div class="error-alert" role="alert">
|
|
176
|
+
<p>
|
|
177
|
+
Inspector did not find the Learning container or app
|
|
178
|
+
instrumentation. Open the setup prompt, run it in your coding
|
|
179
|
+
agent, then try again.
|
|
180
|
+
</p>
|
|
181
|
+
<button
|
|
182
|
+
class="prompt-link"
|
|
183
|
+
type="button"
|
|
184
|
+
@click=${(event) => this.openPrompt(event)}
|
|
185
|
+
>
|
|
186
|
+
Open the setup prompt ↗
|
|
187
|
+
</button>
|
|
188
|
+
</div>` : lit.html`<div class="collection-summary">
|
|
189
|
+
<div class="collection-stat">
|
|
190
|
+
<strong class="captured-count">${pendingThreads}</strong>
|
|
191
|
+
<span>New Threads</span>
|
|
192
|
+
</div>
|
|
193
|
+
${ready || running ? this.externalLink((_this$snapshot$links$ = (_this$snapshot3 = this.snapshot) === null || _this$snapshot3 === void 0 ? void 0 : _this$snapshot3.links.runs) !== null && _this$snapshot$links$ !== void 0 ? _this$snapshot$links$ : null, "Open in web app", "primary setup-cta", "runs") : lit.html`
|
|
194
|
+
<button class="primary setup-cta" disabled>Analyze Threads</button>
|
|
195
|
+
`}
|
|
196
|
+
</div>`}
|
|
197
|
+
${attention ? lit.nothing : lit.html`<details class="technical-details">
|
|
198
|
+
<summary>Technical details</summary>
|
|
199
|
+
<dl>
|
|
200
|
+
<dt>Container</dt>
|
|
201
|
+
<dd>${(_container$id = container === null || container === void 0 ? void 0 : container.id) !== null && _container$id !== void 0 ? _container$id : "Waiting for setup"}</dd>
|
|
202
|
+
<dt>Status</dt>
|
|
203
|
+
<dd>
|
|
204
|
+
${ready ? "Threads available" : running ? "Analysis running" : waitingForLearningSetup ? "Waiting for Learning setup" : "Waiting for first Thread"}
|
|
205
|
+
</dd>
|
|
206
|
+
</dl>
|
|
207
|
+
</details>`}
|
|
208
|
+
</section>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="outcome-preview" aria-label="Learning flow">
|
|
211
|
+
<span>Threads</span><b>→</b><span>Insights</span><b>→</b
|
|
212
|
+
><span>Skills</span>
|
|
213
|
+
</div>
|
|
214
|
+
</section>`;
|
|
215
|
+
}
|
|
216
|
+
renderPagination(section, page, totalPages) {
|
|
217
|
+
if (totalPages <= 1) return lit.nothing;
|
|
218
|
+
return lit.html`<nav class="pagination" aria-label="${section} pages">
|
|
219
|
+
<span aria-live="polite">Page ${page} of ${totalPages}</span>
|
|
220
|
+
<button
|
|
221
|
+
?disabled=${page <= 1}
|
|
222
|
+
@click=${() => this.emit("learning-page", {
|
|
223
|
+
section,
|
|
224
|
+
page: page - 1
|
|
225
|
+
})}
|
|
226
|
+
>
|
|
227
|
+
Previous
|
|
228
|
+
</button>
|
|
229
|
+
<button
|
|
230
|
+
?disabled=${page >= totalPages}
|
|
231
|
+
@click=${() => this.emit("learning-page", {
|
|
232
|
+
section,
|
|
233
|
+
page: page + 1
|
|
234
|
+
})}
|
|
235
|
+
>
|
|
236
|
+
Next
|
|
237
|
+
</button>
|
|
238
|
+
</nav>`;
|
|
239
|
+
}
|
|
240
|
+
renderEvidence(insight) {
|
|
241
|
+
return lit.html`<section class="detail-panel" aria-label="Insight evidence">
|
|
242
|
+
<div class="detail-head">
|
|
243
|
+
<div>
|
|
244
|
+
<h3>Evidence</h3>
|
|
245
|
+
<p>${insight.statement}</p>
|
|
246
|
+
</div>
|
|
247
|
+
<button
|
|
248
|
+
class="close-detail"
|
|
249
|
+
type="button"
|
|
250
|
+
aria-label="Close evidence"
|
|
251
|
+
@click=${() => {
|
|
252
|
+
this.selectedInsightId = null;
|
|
253
|
+
this.requestUpdate();
|
|
254
|
+
}}
|
|
255
|
+
>
|
|
256
|
+
×
|
|
257
|
+
</button>
|
|
258
|
+
</div>
|
|
259
|
+
<div class="evidence-list">
|
|
260
|
+
${insight.evidence.length === 0 ? lit.html`
|
|
261
|
+
<div class="evidence-unavailable">Evidence is no longer available</div>
|
|
262
|
+
` : insight.evidence.map((evidence) => {
|
|
263
|
+
var _evidence$threadName;
|
|
264
|
+
return evidence.status === "unavailable" ? lit.html`
|
|
265
|
+
<div class="evidence-unavailable">Evidence is no longer available</div>
|
|
266
|
+
` : lit.html`<button
|
|
267
|
+
class="evidence-link"
|
|
268
|
+
type="button"
|
|
269
|
+
@click=${() => this.emit("learning-open-evidence", {
|
|
270
|
+
threadId: evidence.threadId,
|
|
271
|
+
messageId: evidence.messageIds[0]
|
|
272
|
+
})}
|
|
273
|
+
>
|
|
274
|
+
⌁
|
|
275
|
+
${(_evidence$threadName = evidence.threadName) !== null && _evidence$threadName !== void 0 ? _evidence$threadName : `Thread ${evidence.threadId.slice(0, 8)}`}
|
|
276
|
+
<span>Open Thread →</span>
|
|
277
|
+
</button>`;
|
|
278
|
+
})}
|
|
279
|
+
</div>
|
|
280
|
+
${insight.evidenceTruncated ? lit.html`
|
|
281
|
+
<p class="supporting-unavailable">Evidence response shortened</p>
|
|
282
|
+
` : lit.nothing}
|
|
283
|
+
</section>`;
|
|
284
|
+
}
|
|
285
|
+
selectInsight(insight) {
|
|
286
|
+
this.selectedInsightId = insight.id;
|
|
287
|
+
this.emit("learning-evidence-opened");
|
|
288
|
+
this.requestUpdate();
|
|
289
|
+
}
|
|
290
|
+
supportingInsightLabel(statement) {
|
|
291
|
+
const firstStop = statement.indexOf(".");
|
|
292
|
+
return firstStop === -1 ? statement : statement.slice(0, firstStop + 1);
|
|
293
|
+
}
|
|
294
|
+
renderSkills(snapshot) {
|
|
295
|
+
var _snapshot$skillsPage$, _snapshot$skillsPage$2;
|
|
296
|
+
const firstSkillId = (_snapshot$skillsPage$ = (_snapshot$skillsPage$2 = snapshot.skillsPage.items[0]) === null || _snapshot$skillsPage$2 === void 0 ? void 0 : _snapshot$skillsPage$2.id) !== null && _snapshot$skillsPage$ !== void 0 ? _snapshot$skillsPage$ : null;
|
|
297
|
+
const containerId = snapshot.configuration.state === "configured" ? snapshot.configuration.container.id : "";
|
|
298
|
+
const skillPageKey = `${snapshot.projectKey}|${containerId}|${snapshot.skillsPage.page}|${snapshot.skillsPage.items.map((skill) => skill.id).join(",")}`;
|
|
299
|
+
if (skillPageKey !== this.skillPageKey) {
|
|
300
|
+
this.skillPageKey = skillPageKey;
|
|
301
|
+
this.expandedSkillId = snapshot.skillsPage.page === 1 ? firstSkillId : null;
|
|
302
|
+
}
|
|
303
|
+
return lit.html`<section class="result-section" aria-labelledby="skills-title">
|
|
304
|
+
<div class="result-section-heading">
|
|
305
|
+
<h2 id="skills-title">Skills in registry</h2>
|
|
306
|
+
<span class="result-count">${snapshot.skillsPage.total}</span>
|
|
307
|
+
${snapshot.pendingCandidateCount > 0 ? this.externalLink(snapshot.links.candidates, `${snapshot.pendingCandidateCount} ${snapshot.pendingCandidateCount === 1 ? "Skill" : "Skills"} for review in web app ↗`, "review-link", "candidates") : lit.nothing}
|
|
308
|
+
</div>
|
|
309
|
+
${snapshot.skillsPage.items.length === 0 ? lit.html`
|
|
310
|
+
<div class="empty-card compact">
|
|
311
|
+
<h3>No Skills in registry yet</h3>
|
|
312
|
+
<p>
|
|
313
|
+
No Insight has produced a Skill that was approved into the registry yet.
|
|
314
|
+
</p>
|
|
315
|
+
</div>
|
|
316
|
+
` : lit.html`<div class="content-card">
|
|
317
|
+
${snapshot.skillsPage.items.map((skill) => {
|
|
318
|
+
const open = this.expandedSkillId === skill.id;
|
|
319
|
+
return lit.html`<article class="active-skill">
|
|
320
|
+
<h3>${skill.name}</h3>
|
|
321
|
+
<p>${skill.description}</p>
|
|
322
|
+
<div class="skill-lineage">
|
|
323
|
+
<span>Supporting Insight</span>
|
|
324
|
+
${skill.sourceInsight ? lit.html`<button
|
|
325
|
+
type="button"
|
|
326
|
+
@click=${() => this.selectInsight(skill.sourceInsight)}
|
|
327
|
+
>
|
|
328
|
+
${this.supportingInsightLabel(skill.sourceInsight.statement)}<small
|
|
329
|
+
>${skill.sourceInsight.totalThreadCount}
|
|
330
|
+
${skill.sourceInsight.totalThreadCount === 1 ? "Thread" : "Threads"}</small
|
|
331
|
+
>
|
|
332
|
+
</button>` : lit.html`
|
|
333
|
+
<div class="supporting-unavailable">Supporting Insight unavailable</div>
|
|
334
|
+
`}
|
|
335
|
+
</div>
|
|
336
|
+
<details
|
|
337
|
+
class="skill-source"
|
|
338
|
+
?open=${open}
|
|
339
|
+
@toggle=${(event) => {
|
|
340
|
+
const nextOpen = event.currentTarget.open;
|
|
341
|
+
if (nextOpen === open) return;
|
|
342
|
+
this.expandedSkillId = nextOpen ? skill.id : "";
|
|
343
|
+
this.emit("learning-skill-toggle", { action: nextOpen ? "expanded" : "collapsed" });
|
|
344
|
+
this.requestUpdate();
|
|
345
|
+
}}
|
|
346
|
+
>
|
|
347
|
+
<summary>View SKILL.md</summary>
|
|
348
|
+
<pre>${skill.skillMd}</pre>
|
|
349
|
+
</details>
|
|
350
|
+
</article>`;
|
|
351
|
+
})}
|
|
352
|
+
</div>`}
|
|
353
|
+
${this.renderPagination("skills", snapshot.skillsPage.page, snapshot.skillsPage.totalPages)}
|
|
354
|
+
</section>`;
|
|
355
|
+
}
|
|
356
|
+
renderInsights(snapshot) {
|
|
357
|
+
const selected = snapshot.insightsPage.items.find((insight) => insight.id === this.selectedInsightId);
|
|
358
|
+
return lit.html`<section
|
|
359
|
+
class="result-section"
|
|
360
|
+
aria-labelledby="insights-title"
|
|
361
|
+
>
|
|
362
|
+
<div class="result-section-heading">
|
|
363
|
+
<h2 id="insights-title">
|
|
364
|
+
${snapshot.skillsPage.total > 0 ? "More Insights" : "Insights"}
|
|
365
|
+
</h2>
|
|
366
|
+
<span class="result-count">${snapshot.insightsPage.total}</span>
|
|
367
|
+
</div>
|
|
368
|
+
${snapshot.insightsPage.items.length === 0 ? lit.html`
|
|
369
|
+
<div class="empty-card compact"><h3>No active Insights</h3></div>
|
|
370
|
+
` : lit.html`<div class="content-card">
|
|
371
|
+
<div class="list-header">
|
|
372
|
+
<span>Pattern</span><span>Evidence</span>
|
|
373
|
+
</div>
|
|
374
|
+
${snapshot.insightsPage.items.map((insight) => lit.html`<button
|
|
375
|
+
class="insight-row"
|
|
376
|
+
data-selected=${(selected === null || selected === void 0 ? void 0 : selected.id) === insight.id}
|
|
377
|
+
type="button"
|
|
378
|
+
@click=${() => (selected === null || selected === void 0 ? void 0 : selected.id) === insight.id ? (this.selectedInsightId = null, this.requestUpdate()) : this.selectInsight(insight)}
|
|
379
|
+
>
|
|
380
|
+
<div>
|
|
381
|
+
<h3>${insight.statement}</h3>
|
|
382
|
+
<p>${insight.impact}</p>
|
|
383
|
+
</div>
|
|
384
|
+
<span class="evidence-count"
|
|
385
|
+
>${insight.totalThreadCount}
|
|
386
|
+
${insight.totalThreadCount === 1 ? "Thread" : "Threads"}</span
|
|
387
|
+
>
|
|
388
|
+
</button>`)}
|
|
389
|
+
</div>`}
|
|
390
|
+
${selected ? this.renderEvidence(selected) : lit.nothing}
|
|
391
|
+
${this.renderPagination("insights", snapshot.insightsPage.page, snapshot.insightsPage.totalPages)}
|
|
392
|
+
</section>`;
|
|
393
|
+
}
|
|
394
|
+
renderResults(snapshot) {
|
|
395
|
+
const sourceInsight = snapshot.skillsPage.items.map((skill) => skill.sourceInsight).find((insight) => (insight === null || insight === void 0 ? void 0 : insight.id) === this.selectedInsightId);
|
|
396
|
+
return lit.html`
|
|
397
|
+
${snapshot.pendingThreadCount > 0 ? lit.html`<section class="analysis-card ready">
|
|
398
|
+
<div class="analysis-row">
|
|
399
|
+
<div class="analysis-copy">
|
|
400
|
+
<h2>Find new Insights and Skills</h2>
|
|
401
|
+
<p>You have new threads ready to be analyzed.</p>
|
|
402
|
+
</div>
|
|
403
|
+
${this.externalLink(snapshot.links.runs, "Open in web app", "primary results-cta", "runs")}
|
|
404
|
+
</div>
|
|
405
|
+
</section>` : lit.nothing}
|
|
406
|
+
${this.renderSkills(snapshot)}
|
|
407
|
+
${sourceInsight ? this.renderEvidence(sourceInsight) : lit.nothing}
|
|
408
|
+
${this.renderInsights(snapshot)}
|
|
409
|
+
`;
|
|
410
|
+
}
|
|
411
|
+
renderRetryStrip() {
|
|
412
|
+
if (!this.error) return lit.nothing;
|
|
413
|
+
return lit.html`<div class="retry-strip" role="status">
|
|
414
|
+
<span>${this.error}</span>
|
|
415
|
+
<button
|
|
416
|
+
class="secondary"
|
|
417
|
+
type="button"
|
|
418
|
+
@click=${() => this.emit("learning-retry")}
|
|
419
|
+
>
|
|
420
|
+
Retry
|
|
421
|
+
</button>
|
|
422
|
+
</div>`;
|
|
423
|
+
}
|
|
424
|
+
renderEmptyResults(snapshot) {
|
|
425
|
+
return lit.html`<section class="analysis-card">
|
|
426
|
+
<div class="analysis-row">
|
|
427
|
+
<div class="analysis-copy">
|
|
428
|
+
<p class="eyebrow">Analysis complete</p>
|
|
429
|
+
<h2>No new Insights or Skills</h2>
|
|
430
|
+
<p>
|
|
431
|
+
Create more Threads with Checkout Assistant. You can run Learning
|
|
432
|
+
again when new Threads are available.
|
|
433
|
+
</p>
|
|
434
|
+
</div>
|
|
435
|
+
</div>
|
|
436
|
+
</section>
|
|
437
|
+
<section class="result-section">
|
|
438
|
+
<div class="result-section-heading">
|
|
439
|
+
<h2>Skills in registry</h2><span class="result-count">0</span>
|
|
440
|
+
</div>
|
|
441
|
+
<div class="empty-card">
|
|
442
|
+
<h3>No Skills from this analysis</h3>
|
|
443
|
+
<p>Learning did not generate a Skill for review.</p>
|
|
444
|
+
</div>
|
|
445
|
+
</section>
|
|
446
|
+
<section class="result-section">
|
|
447
|
+
<div class="result-section-heading">
|
|
448
|
+
<h2>Insights</h2><span class="result-count">0</span>
|
|
449
|
+
</div>
|
|
450
|
+
<div class="empty-card">
|
|
451
|
+
<h3>No Insights from this analysis</h3>
|
|
452
|
+
<p>Learning did not find a useful pattern in these Threads.</p>
|
|
453
|
+
</div>
|
|
454
|
+
</section>
|
|
455
|
+
${this.externalLink(snapshot.links.learning, "Open in web app ↗", "quiet-link", "learning")}`;
|
|
456
|
+
}
|
|
457
|
+
renderCompactState(input) {
|
|
458
|
+
var _input$action;
|
|
459
|
+
return lit.html`<section class="analysis-card ${input.error ? "error" : ""}">
|
|
460
|
+
<div class="analysis-row">
|
|
461
|
+
<div class="analysis-copy">
|
|
462
|
+
<h2>${input.title}</h2>
|
|
463
|
+
${input.copy ? lit.html`<p>${input.copy}</p>` : lit.nothing}
|
|
464
|
+
</div>
|
|
465
|
+
${(_input$action = input.action) !== null && _input$action !== void 0 ? _input$action : lit.nothing}
|
|
466
|
+
</div>
|
|
467
|
+
</section>`;
|
|
468
|
+
}
|
|
469
|
+
render() {
|
|
470
|
+
const state = deriveLearningViewState({
|
|
471
|
+
supported: this.supported,
|
|
472
|
+
loading: this.loading,
|
|
473
|
+
error: this.error,
|
|
474
|
+
snapshot: this.snapshot,
|
|
475
|
+
setupActive: this.setupActive
|
|
476
|
+
});
|
|
477
|
+
let content;
|
|
478
|
+
if (state === "loading") content = lit.html`
|
|
479
|
+
<div class="skeleton" aria-label="Loading Learning">
|
|
480
|
+
<span></span><span></span><span></span>
|
|
481
|
+
</div>
|
|
482
|
+
`;
|
|
483
|
+
else if (state === "error") {
|
|
484
|
+
var _this$error;
|
|
485
|
+
content = this.renderCompactState({
|
|
486
|
+
title: "Learning data is unavailable",
|
|
487
|
+
copy: (_this$error = this.error) !== null && _this$error !== void 0 ? _this$error : void 0,
|
|
488
|
+
error: true,
|
|
489
|
+
action: lit.html`<button
|
|
490
|
+
class="secondary"
|
|
491
|
+
type="button"
|
|
492
|
+
@click=${() => this.emit("learning-retry")}
|
|
493
|
+
>
|
|
494
|
+
Retry
|
|
495
|
+
</button>`
|
|
496
|
+
});
|
|
497
|
+
} else if (state === "selection_required") content = this.renderCompactState({
|
|
498
|
+
title: "Inspector cannot choose a Learning container for this agent.",
|
|
499
|
+
action: this.externalLink(this.snapshot.links.learning, "Open in web app", "primary", "learning")
|
|
500
|
+
});
|
|
501
|
+
else if (state === "invalid") content = this.renderSetupProgress("attention");
|
|
502
|
+
else if (state === "landing") content = lit.nothing;
|
|
503
|
+
else if (state === "setup") content = this.renderSetupProgress("setup");
|
|
504
|
+
else if (state === "first_run") content = this.renderSetupProgress("running");
|
|
505
|
+
else if (state === "ready") content = this.renderSetupProgress("ready");
|
|
506
|
+
else if (state === "empty") content = this.renderEmptyResults(this.snapshot);
|
|
507
|
+
else content = this.renderResults(this.snapshot);
|
|
508
|
+
const retry = state === "error" || !this.snapshot ? lit.nothing : this.renderRetryStrip();
|
|
509
|
+
return lit.html`<main class="pane-inner" data-learning-state=${state}>
|
|
510
|
+
<header class="pane-heading">
|
|
511
|
+
<div>
|
|
512
|
+
<h1>Learning</h1>
|
|
513
|
+
<p>Your Agent learns from conversations and improves over time.</p>
|
|
514
|
+
</div>
|
|
515
|
+
${this.refreshing ? lit.html`
|
|
516
|
+
<span class="refreshing" role="status">Refreshing</span>
|
|
517
|
+
` : lit.nothing}
|
|
518
|
+
</header>
|
|
519
|
+
${retry}
|
|
520
|
+
${content}
|
|
521
|
+
</main>
|
|
522
|
+
${this.promptOpen ? lit.html`<div class="dialog-backdrop">
|
|
523
|
+
<section
|
|
524
|
+
class="dialog"
|
|
525
|
+
role="dialog"
|
|
526
|
+
aria-modal="true"
|
|
527
|
+
aria-labelledby="learning-prompt-title"
|
|
528
|
+
@keydown=${this.handlePromptKeydown}
|
|
529
|
+
>
|
|
530
|
+
<header>
|
|
531
|
+
<div>
|
|
532
|
+
<h2 id="learning-prompt-title">Set up Rich Threads</h2>
|
|
533
|
+
<p>Paste this prompt into your coding agent.</p>
|
|
534
|
+
</div>
|
|
535
|
+
<button
|
|
536
|
+
class="dialog-close"
|
|
537
|
+
aria-label="Close setup prompt"
|
|
538
|
+
@click=${() => this.closePrompt()}
|
|
539
|
+
>
|
|
540
|
+
×
|
|
541
|
+
</button>
|
|
542
|
+
</header>
|
|
543
|
+
<pre>${this.setupPrompt}</pre>
|
|
544
|
+
${this.copyState === "error" ? lit.html`
|
|
545
|
+
<p class="copy-error" role="alert">
|
|
546
|
+
Clipboard access failed. Retry to continue.
|
|
547
|
+
</p>
|
|
548
|
+
` : lit.nothing}
|
|
549
|
+
<footer>
|
|
550
|
+
<button
|
|
551
|
+
class="secondary"
|
|
552
|
+
@click=${() => this.closePrompt()}
|
|
553
|
+
>
|
|
554
|
+
Close
|
|
555
|
+
</button>
|
|
556
|
+
<button
|
|
557
|
+
class="primary"
|
|
558
|
+
@click=${() => this.emit("learning-copy-setup")}
|
|
559
|
+
>
|
|
560
|
+
${this.copyState === "copied" ? "Prompt copied" : "Copy the setup prompt"}
|
|
561
|
+
</button>
|
|
562
|
+
</footer>
|
|
563
|
+
</section>
|
|
564
|
+
</div>` : lit.nothing}`;
|
|
565
|
+
}
|
|
566
|
+
};
|
|
567
|
+
CpkLearningView.properties = {
|
|
568
|
+
supported: { type: Boolean },
|
|
569
|
+
loading: { type: Boolean },
|
|
570
|
+
refreshing: { type: Boolean },
|
|
571
|
+
error: { attribute: false },
|
|
572
|
+
snapshot: { attribute: false },
|
|
573
|
+
setupActive: { type: Boolean },
|
|
574
|
+
copyState: { attribute: false },
|
|
575
|
+
setupPrompt: { attribute: false }
|
|
576
|
+
};
|
|
577
|
+
CpkLearningView.styles = lit.css`
|
|
578
|
+
:host {
|
|
579
|
+
--learning-ink: #202127;
|
|
580
|
+
--learning-muted: #64656f;
|
|
581
|
+
--learning-muted-strong: #858690;
|
|
582
|
+
--learning-line: #dcdce4;
|
|
583
|
+
--learning-line-secondary: #cfcfd7;
|
|
584
|
+
--learning-line-accent: #dcd9ff;
|
|
585
|
+
--learning-soft: #f7f7fa;
|
|
586
|
+
--learning-canvas: #fff;
|
|
587
|
+
--learning-surface: #fff;
|
|
588
|
+
--learning-surface-subtle: #fbfbfd;
|
|
589
|
+
--learning-surface-muted: #f8f8fb;
|
|
590
|
+
--learning-surface-hover: #fafaff;
|
|
591
|
+
--learning-purple: #7567ff;
|
|
592
|
+
--learning-purple-dark: #5549e8;
|
|
593
|
+
--learning-soft-purple: #f0edff;
|
|
594
|
+
--learning-purple-border: #cfc8ff;
|
|
595
|
+
--learning-green: #168b69;
|
|
596
|
+
--learning-soft-green: #f7fbf9;
|
|
597
|
+
--learning-green-border: #b9dfd1;
|
|
598
|
+
--learning-soft-danger: #fff4f4;
|
|
599
|
+
--learning-soft-danger-alt: #fff8f8;
|
|
600
|
+
--learning-danger: #7e2929;
|
|
601
|
+
--learning-danger-muted: #8c4a4a;
|
|
602
|
+
--learning-danger-border: #efc7c7;
|
|
603
|
+
--learning-danger-step-border: #d96a6a;
|
|
604
|
+
--learning-track: #e9edf5;
|
|
605
|
+
--learning-step-number: #edf0f5;
|
|
606
|
+
--learning-step-number-ink: #555661;
|
|
607
|
+
--learning-primary: #202127;
|
|
608
|
+
--learning-primary-ink: #fff;
|
|
609
|
+
--learning-secondary: #fff;
|
|
610
|
+
--learning-secondary-ink: #31323a;
|
|
611
|
+
--learning-disabled: #e5e5ea;
|
|
612
|
+
--learning-disabled-ink: #9a9ba3;
|
|
613
|
+
--learning-on-accent: #fff;
|
|
614
|
+
--learning-outcome: #888993;
|
|
615
|
+
--learning-outcome-dash: #cfd0d8;
|
|
616
|
+
--learning-outcome-arrow: #b0b1b9;
|
|
617
|
+
--learning-code: #34353d;
|
|
618
|
+
--learning-dialog-line: #d9d9e1;
|
|
619
|
+
--learning-skeleton-edge: #eeeef2;
|
|
620
|
+
--learning-skeleton-center: #f8f8fa;
|
|
621
|
+
display: block;
|
|
622
|
+
height: 100%;
|
|
623
|
+
overflow: auto;
|
|
624
|
+
color: var(--learning-ink);
|
|
625
|
+
background: var(--learning-canvas);
|
|
626
|
+
font-family: Inter, ui-sans-serif, system-ui, sans-serif;
|
|
627
|
+
}
|
|
628
|
+
:host([data-color-scheme="dark"]) {
|
|
629
|
+
color-scheme: dark;
|
|
630
|
+
--learning-ink: #f3f4f8;
|
|
631
|
+
--learning-muted: #b0b3be;
|
|
632
|
+
--learning-muted-strong: #b8bbc5;
|
|
633
|
+
--learning-line: #3a3e4b;
|
|
634
|
+
--learning-line-secondary: #4c5161;
|
|
635
|
+
--learning-line-accent: #625f95;
|
|
636
|
+
--learning-soft: #20232d;
|
|
637
|
+
--learning-canvas: #15171e;
|
|
638
|
+
--learning-surface: #1a1d25;
|
|
639
|
+
--learning-surface-subtle: #1d2029;
|
|
640
|
+
--learning-surface-muted: #20232d;
|
|
641
|
+
--learning-surface-hover: #252837;
|
|
642
|
+
--learning-purple: #a296ff;
|
|
643
|
+
--learning-purple-dark: #c4baff;
|
|
644
|
+
--learning-soft-purple: #2a2940;
|
|
645
|
+
--learning-purple-border: #625f95;
|
|
646
|
+
--learning-green: #4dc69d;
|
|
647
|
+
--learning-soft-green: #172923;
|
|
648
|
+
--learning-green-border: #28604d;
|
|
649
|
+
--learning-soft-danger: #321f25;
|
|
650
|
+
--learning-soft-danger-alt: #2d2026;
|
|
651
|
+
--learning-danger: #ffabab;
|
|
652
|
+
--learning-danger-muted: #f2b5ba;
|
|
653
|
+
--learning-danger-border: #7a424e;
|
|
654
|
+
--learning-danger-step-border: #a95464;
|
|
655
|
+
--learning-track: #303440;
|
|
656
|
+
--learning-step-number: #303440;
|
|
657
|
+
--learning-step-number-ink: #d8dae4;
|
|
658
|
+
--learning-primary: #f3f4f8;
|
|
659
|
+
--learning-primary-ink: #16181f;
|
|
660
|
+
--learning-secondary: #20232d;
|
|
661
|
+
--learning-secondary-ink: #edf0f6;
|
|
662
|
+
--learning-disabled: #363a46;
|
|
663
|
+
--learning-disabled-ink: #a4a8b5;
|
|
664
|
+
--learning-on-accent: #171920;
|
|
665
|
+
--learning-outcome: #b0b3be;
|
|
666
|
+
--learning-outcome-dash: #545969;
|
|
667
|
+
--learning-outcome-arrow: #858a99;
|
|
668
|
+
--learning-code: #e2e4ec;
|
|
669
|
+
--learning-dialog-line: #484c5a;
|
|
670
|
+
--learning-skeleton-edge: #2a2d38;
|
|
671
|
+
--learning-skeleton-center: #333744;
|
|
672
|
+
}
|
|
673
|
+
* {
|
|
674
|
+
box-sizing: border-box;
|
|
675
|
+
}
|
|
676
|
+
button,
|
|
677
|
+
a,
|
|
678
|
+
summary {
|
|
679
|
+
font: inherit;
|
|
680
|
+
}
|
|
681
|
+
button:focus-visible,
|
|
682
|
+
a:focus-visible,
|
|
683
|
+
summary:focus-visible {
|
|
684
|
+
outline: 2px solid var(--learning-purple);
|
|
685
|
+
outline-offset: 2px;
|
|
686
|
+
}
|
|
687
|
+
.pane-inner {
|
|
688
|
+
max-width: 880px;
|
|
689
|
+
min-height: 100%;
|
|
690
|
+
margin: 0 auto;
|
|
691
|
+
padding: 32px 36px 70px;
|
|
692
|
+
}
|
|
693
|
+
.pane-heading {
|
|
694
|
+
display: flex;
|
|
695
|
+
align-items: start;
|
|
696
|
+
justify-content: space-between;
|
|
697
|
+
gap: 24px;
|
|
698
|
+
margin-bottom: 24px;
|
|
699
|
+
}
|
|
700
|
+
.pane-heading h1 {
|
|
701
|
+
margin: 0 0 7px;
|
|
702
|
+
font-size: 25px;
|
|
703
|
+
line-height: 1.2;
|
|
704
|
+
letter-spacing: -0.035em;
|
|
705
|
+
}
|
|
706
|
+
.pane-heading p {
|
|
707
|
+
max-width: 630px;
|
|
708
|
+
margin: 0;
|
|
709
|
+
color: var(--learning-muted);
|
|
710
|
+
font-size: 14px;
|
|
711
|
+
line-height: 1.5;
|
|
712
|
+
}
|
|
713
|
+
.refreshing {
|
|
714
|
+
color: var(--learning-muted-strong);
|
|
715
|
+
font-size: 11px;
|
|
716
|
+
}
|
|
717
|
+
.setup-card,
|
|
718
|
+
.analysis-card,
|
|
719
|
+
.content-card {
|
|
720
|
+
border: 1px solid var(--learning-line);
|
|
721
|
+
border-radius: 10px;
|
|
722
|
+
background: var(--learning-surface);
|
|
723
|
+
}
|
|
724
|
+
.setup-card {
|
|
725
|
+
padding: 24px;
|
|
726
|
+
background: var(--learning-surface-subtle);
|
|
727
|
+
}
|
|
728
|
+
.setup-top {
|
|
729
|
+
display: flex;
|
|
730
|
+
align-items: start;
|
|
731
|
+
justify-content: space-between;
|
|
732
|
+
gap: 20px;
|
|
733
|
+
}
|
|
734
|
+
.setup-top h2,
|
|
735
|
+
.analysis-card h2 {
|
|
736
|
+
margin: 0;
|
|
737
|
+
font-size: 19px;
|
|
738
|
+
line-height: 1.25;
|
|
739
|
+
letter-spacing: -0.02em;
|
|
740
|
+
}
|
|
741
|
+
.progress-count {
|
|
742
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
743
|
+
font-size: 13px;
|
|
744
|
+
font-weight: 750;
|
|
745
|
+
white-space: nowrap;
|
|
746
|
+
}
|
|
747
|
+
.progress-track {
|
|
748
|
+
height: 8px;
|
|
749
|
+
margin: 20px 0 18px;
|
|
750
|
+
overflow: hidden;
|
|
751
|
+
background: var(--learning-track);
|
|
752
|
+
border-radius: 999px;
|
|
753
|
+
}
|
|
754
|
+
.progress-fill {
|
|
755
|
+
height: 100%;
|
|
756
|
+
background: var(--learning-purple);
|
|
757
|
+
border-radius: inherit;
|
|
758
|
+
}
|
|
759
|
+
.steps {
|
|
760
|
+
display: grid;
|
|
761
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
762
|
+
gap: 10px;
|
|
763
|
+
margin: 0;
|
|
764
|
+
padding: 0;
|
|
765
|
+
list-style: none;
|
|
766
|
+
}
|
|
767
|
+
.step {
|
|
768
|
+
min-height: 142px;
|
|
769
|
+
padding: 15px;
|
|
770
|
+
background: var(--learning-surface);
|
|
771
|
+
border: 1px solid var(--learning-line);
|
|
772
|
+
border-radius: 8px;
|
|
773
|
+
}
|
|
774
|
+
.step.current {
|
|
775
|
+
background: var(--learning-soft-purple);
|
|
776
|
+
border-color: var(--learning-purple);
|
|
777
|
+
}
|
|
778
|
+
.step.error {
|
|
779
|
+
background: var(--learning-soft-danger);
|
|
780
|
+
border-color: var(--learning-danger-step-border);
|
|
781
|
+
}
|
|
782
|
+
.step.complete {
|
|
783
|
+
background: var(--learning-soft-green);
|
|
784
|
+
border-color: var(--learning-green-border);
|
|
785
|
+
}
|
|
786
|
+
.step-header {
|
|
787
|
+
display: flex;
|
|
788
|
+
align-items: center;
|
|
789
|
+
justify-content: space-between;
|
|
790
|
+
margin-bottom: 18px;
|
|
791
|
+
}
|
|
792
|
+
.step-number {
|
|
793
|
+
display: grid;
|
|
794
|
+
place-items: center;
|
|
795
|
+
width: 26px;
|
|
796
|
+
height: 26px;
|
|
797
|
+
color: var(--learning-step-number-ink);
|
|
798
|
+
background: var(--learning-step-number);
|
|
799
|
+
border-radius: 50%;
|
|
800
|
+
font-size: 12px;
|
|
801
|
+
font-weight: 800;
|
|
802
|
+
}
|
|
803
|
+
.step.current .step-number {
|
|
804
|
+
color: var(--learning-on-accent);
|
|
805
|
+
background: var(--learning-purple);
|
|
806
|
+
}
|
|
807
|
+
.step.complete .step-number {
|
|
808
|
+
color: var(--learning-on-accent);
|
|
809
|
+
background: var(--learning-green);
|
|
810
|
+
}
|
|
811
|
+
.step-state {
|
|
812
|
+
color: var(--learning-danger);
|
|
813
|
+
font-size: 9px;
|
|
814
|
+
font-weight: 850;
|
|
815
|
+
letter-spacing: 0.06em;
|
|
816
|
+
text-transform: uppercase;
|
|
817
|
+
}
|
|
818
|
+
.step h3 {
|
|
819
|
+
margin: 0 0 7px;
|
|
820
|
+
font-size: 14px;
|
|
821
|
+
}
|
|
822
|
+
.step p {
|
|
823
|
+
margin: 0;
|
|
824
|
+
color: var(--learning-muted);
|
|
825
|
+
font-size: 12px;
|
|
826
|
+
line-height: 1.45;
|
|
827
|
+
}
|
|
828
|
+
.setup-support {
|
|
829
|
+
margin-top: 14px;
|
|
830
|
+
}
|
|
831
|
+
.collection-panel {
|
|
832
|
+
padding: 15px;
|
|
833
|
+
background: var(--learning-surface);
|
|
834
|
+
border: 1px solid var(--learning-line);
|
|
835
|
+
border-radius: 8px;
|
|
836
|
+
}
|
|
837
|
+
.support-heading {
|
|
838
|
+
margin-bottom: 12px;
|
|
839
|
+
}
|
|
840
|
+
.support-heading h3 {
|
|
841
|
+
margin: 0;
|
|
842
|
+
font-size: 13px;
|
|
843
|
+
}
|
|
844
|
+
.error-alert {
|
|
845
|
+
margin-bottom: 10px;
|
|
846
|
+
padding: 11px 12px;
|
|
847
|
+
color: var(--learning-danger);
|
|
848
|
+
background: var(--learning-soft-danger);
|
|
849
|
+
border: 1px solid var(--learning-danger-border);
|
|
850
|
+
border-radius: 6px;
|
|
851
|
+
}
|
|
852
|
+
.error-alert p {
|
|
853
|
+
margin: 0;
|
|
854
|
+
color: var(--learning-danger-muted);
|
|
855
|
+
font-size: 11px;
|
|
856
|
+
line-height: 1.45;
|
|
857
|
+
}
|
|
858
|
+
.prompt-link {
|
|
859
|
+
display: inline-block;
|
|
860
|
+
margin-top: 7px;
|
|
861
|
+
padding: 0;
|
|
862
|
+
color: var(--learning-danger);
|
|
863
|
+
background: none;
|
|
864
|
+
border: 0;
|
|
865
|
+
font-size: 11px;
|
|
866
|
+
font-weight: 750;
|
|
867
|
+
text-decoration: underline;
|
|
868
|
+
cursor: pointer;
|
|
869
|
+
}
|
|
870
|
+
.collection-summary {
|
|
871
|
+
display: flex;
|
|
872
|
+
align-items: center;
|
|
873
|
+
justify-content: space-between;
|
|
874
|
+
gap: 16px;
|
|
875
|
+
padding: 10px;
|
|
876
|
+
background: var(--learning-soft);
|
|
877
|
+
border-radius: 6px;
|
|
878
|
+
}
|
|
879
|
+
.collection-stat {
|
|
880
|
+
display: flex;
|
|
881
|
+
min-width: 0;
|
|
882
|
+
align-items: center;
|
|
883
|
+
gap: 9px;
|
|
884
|
+
}
|
|
885
|
+
.captured-count {
|
|
886
|
+
color: var(--learning-ink);
|
|
887
|
+
font-size: 28px;
|
|
888
|
+
line-height: 1;
|
|
889
|
+
}
|
|
890
|
+
.collection-stat span {
|
|
891
|
+
font-size: 12px;
|
|
892
|
+
font-weight: 700;
|
|
893
|
+
}
|
|
894
|
+
.technical-details {
|
|
895
|
+
margin-top: 10px;
|
|
896
|
+
color: var(--learning-muted);
|
|
897
|
+
font-size: 10px;
|
|
898
|
+
}
|
|
899
|
+
.technical-details summary {
|
|
900
|
+
cursor: pointer;
|
|
901
|
+
font-weight: 700;
|
|
902
|
+
}
|
|
903
|
+
.technical-details dl {
|
|
904
|
+
display: grid;
|
|
905
|
+
grid-template-columns: auto 1fr;
|
|
906
|
+
gap: 5px 12px;
|
|
907
|
+
margin: 9px 0 0;
|
|
908
|
+
padding: 10px;
|
|
909
|
+
background: var(--learning-soft);
|
|
910
|
+
border-radius: 5px;
|
|
911
|
+
}
|
|
912
|
+
.technical-details dt {
|
|
913
|
+
color: var(--learning-muted-strong);
|
|
914
|
+
}
|
|
915
|
+
.technical-details dd {
|
|
916
|
+
margin: 0;
|
|
917
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
918
|
+
overflow-wrap: anywhere;
|
|
919
|
+
}
|
|
920
|
+
.primary,
|
|
921
|
+
.secondary {
|
|
922
|
+
display: inline-flex;
|
|
923
|
+
align-items: center;
|
|
924
|
+
justify-content: center;
|
|
925
|
+
min-height: 36px;
|
|
926
|
+
padding: 0 14px;
|
|
927
|
+
border-radius: 6px;
|
|
928
|
+
font-size: 12px;
|
|
929
|
+
font-weight: 750;
|
|
930
|
+
text-decoration: none;
|
|
931
|
+
cursor: pointer;
|
|
932
|
+
}
|
|
933
|
+
.primary {
|
|
934
|
+
color: var(--learning-primary-ink);
|
|
935
|
+
background: var(--learning-primary);
|
|
936
|
+
border: 1px solid var(--learning-primary);
|
|
937
|
+
}
|
|
938
|
+
.secondary {
|
|
939
|
+
color: var(--learning-secondary-ink);
|
|
940
|
+
background: var(--learning-secondary);
|
|
941
|
+
border: 1px solid var(--learning-line-secondary);
|
|
942
|
+
}
|
|
943
|
+
.primary:disabled,
|
|
944
|
+
.primary[aria-disabled="true"] {
|
|
945
|
+
color: var(--learning-disabled-ink);
|
|
946
|
+
background: var(--learning-disabled);
|
|
947
|
+
border-color: var(--learning-disabled);
|
|
948
|
+
cursor: not-allowed;
|
|
949
|
+
pointer-events: none;
|
|
950
|
+
}
|
|
951
|
+
.setup-cta:not(:disabled),
|
|
952
|
+
.results-cta {
|
|
953
|
+
min-width: 170px;
|
|
954
|
+
min-height: 40px;
|
|
955
|
+
padding: 0 18px;
|
|
956
|
+
box-shadow: 0 6px 14px rgba(23, 23, 27, 0.2);
|
|
957
|
+
}
|
|
958
|
+
.outcome-preview {
|
|
959
|
+
display: flex;
|
|
960
|
+
align-items: center;
|
|
961
|
+
justify-content: center;
|
|
962
|
+
gap: 8px;
|
|
963
|
+
margin-top: 16px;
|
|
964
|
+
color: var(--learning-outcome);
|
|
965
|
+
font-size: 11px;
|
|
966
|
+
}
|
|
967
|
+
.outcome-preview span {
|
|
968
|
+
padding: 6px 9px;
|
|
969
|
+
background: var(--learning-surface);
|
|
970
|
+
border: 1px dashed var(--learning-outcome-dash);
|
|
971
|
+
border-radius: 5px;
|
|
972
|
+
}
|
|
973
|
+
.outcome-preview b {
|
|
974
|
+
color: var(--learning-outcome-arrow);
|
|
975
|
+
}
|
|
976
|
+
.analysis-card {
|
|
977
|
+
padding: 18px 20px;
|
|
978
|
+
background: var(--learning-surface-muted);
|
|
979
|
+
}
|
|
980
|
+
.analysis-card.ready {
|
|
981
|
+
background: var(--learning-soft-purple);
|
|
982
|
+
border-color: var(--learning-purple-border);
|
|
983
|
+
}
|
|
984
|
+
.analysis-card.error {
|
|
985
|
+
background: var(--learning-soft-danger-alt);
|
|
986
|
+
border-color: var(--learning-danger-border);
|
|
987
|
+
}
|
|
988
|
+
.analysis-row {
|
|
989
|
+
display: flex;
|
|
990
|
+
align-items: center;
|
|
991
|
+
gap: 20px;
|
|
992
|
+
}
|
|
993
|
+
.analysis-copy {
|
|
994
|
+
flex: 1;
|
|
995
|
+
}
|
|
996
|
+
.analysis-card h2 {
|
|
997
|
+
margin-bottom: 7px;
|
|
998
|
+
}
|
|
999
|
+
.analysis-card p {
|
|
1000
|
+
margin: 0;
|
|
1001
|
+
color: var(--learning-muted);
|
|
1002
|
+
font-size: 13px;
|
|
1003
|
+
line-height: 1.5;
|
|
1004
|
+
}
|
|
1005
|
+
.eyebrow {
|
|
1006
|
+
margin: 0 0 6px !important;
|
|
1007
|
+
color: var(--learning-purple-dark) !important;
|
|
1008
|
+
font-size: 10px !important;
|
|
1009
|
+
font-weight: 850;
|
|
1010
|
+
letter-spacing: 0.09em;
|
|
1011
|
+
text-transform: uppercase;
|
|
1012
|
+
}
|
|
1013
|
+
.retry-strip {
|
|
1014
|
+
display: flex;
|
|
1015
|
+
align-items: center;
|
|
1016
|
+
justify-content: space-between;
|
|
1017
|
+
gap: 16px;
|
|
1018
|
+
margin-bottom: 12px;
|
|
1019
|
+
padding: 11px 12px;
|
|
1020
|
+
color: var(--learning-danger);
|
|
1021
|
+
background: var(--learning-soft-danger);
|
|
1022
|
+
border: 1px solid var(--learning-danger-border);
|
|
1023
|
+
border-radius: 6px;
|
|
1024
|
+
font-size: 11px;
|
|
1025
|
+
}
|
|
1026
|
+
.result-section {
|
|
1027
|
+
margin-top: 14px;
|
|
1028
|
+
}
|
|
1029
|
+
.result-section-heading {
|
|
1030
|
+
display: flex;
|
|
1031
|
+
align-items: baseline;
|
|
1032
|
+
gap: 6px;
|
|
1033
|
+
margin-bottom: 10px;
|
|
1034
|
+
}
|
|
1035
|
+
.result-section-heading h2 {
|
|
1036
|
+
margin: 0;
|
|
1037
|
+
font-size: 14px;
|
|
1038
|
+
}
|
|
1039
|
+
.result-count {
|
|
1040
|
+
color: var(--learning-muted-strong);
|
|
1041
|
+
font-size: 10px;
|
|
1042
|
+
font-weight: 700;
|
|
1043
|
+
}
|
|
1044
|
+
.review-link {
|
|
1045
|
+
margin-left: auto;
|
|
1046
|
+
color: var(--learning-purple-dark);
|
|
1047
|
+
font-size: 11px;
|
|
1048
|
+
font-weight: 750;
|
|
1049
|
+
text-decoration: none;
|
|
1050
|
+
}
|
|
1051
|
+
.quiet-link {
|
|
1052
|
+
display: inline-flex;
|
|
1053
|
+
margin-top: 12px;
|
|
1054
|
+
color: var(--learning-purple-dark);
|
|
1055
|
+
font-size: 11px;
|
|
1056
|
+
font-weight: 750;
|
|
1057
|
+
text-decoration: none;
|
|
1058
|
+
}
|
|
1059
|
+
.quiet-link:hover,
|
|
1060
|
+
.review-link:hover {
|
|
1061
|
+
text-decoration: underline;
|
|
1062
|
+
}
|
|
1063
|
+
.content-card {
|
|
1064
|
+
overflow: hidden;
|
|
1065
|
+
}
|
|
1066
|
+
.empty-card {
|
|
1067
|
+
padding: 24px;
|
|
1068
|
+
color: var(--learning-muted);
|
|
1069
|
+
background: var(--learning-surface-subtle);
|
|
1070
|
+
border: 1px solid var(--learning-line);
|
|
1071
|
+
border-radius: 8px;
|
|
1072
|
+
}
|
|
1073
|
+
.empty-card.compact {
|
|
1074
|
+
padding: 15px 16px;
|
|
1075
|
+
}
|
|
1076
|
+
.empty-card h3 {
|
|
1077
|
+
margin: 0 0 6px;
|
|
1078
|
+
color: var(--learning-ink);
|
|
1079
|
+
font-size: 14px;
|
|
1080
|
+
}
|
|
1081
|
+
.empty-card p {
|
|
1082
|
+
margin: 0;
|
|
1083
|
+
font-size: 12px;
|
|
1084
|
+
line-height: 1.5;
|
|
1085
|
+
}
|
|
1086
|
+
.active-skill {
|
|
1087
|
+
padding: 16px;
|
|
1088
|
+
}
|
|
1089
|
+
.active-skill + .active-skill {
|
|
1090
|
+
border-top: 1px solid var(--learning-line);
|
|
1091
|
+
}
|
|
1092
|
+
.active-skill h3 {
|
|
1093
|
+
margin: 0 0 6px;
|
|
1094
|
+
font-size: 14px;
|
|
1095
|
+
}
|
|
1096
|
+
.active-skill > p {
|
|
1097
|
+
margin: 0;
|
|
1098
|
+
color: var(--learning-muted);
|
|
1099
|
+
font-size: 12px;
|
|
1100
|
+
line-height: 1.45;
|
|
1101
|
+
}
|
|
1102
|
+
.skill-lineage {
|
|
1103
|
+
margin-top: 10px;
|
|
1104
|
+
padding: 10px 12px;
|
|
1105
|
+
background: var(--learning-surface-muted);
|
|
1106
|
+
border: 1px solid var(--learning-line);
|
|
1107
|
+
border-radius: 6px;
|
|
1108
|
+
}
|
|
1109
|
+
.skill-lineage > span {
|
|
1110
|
+
display: block;
|
|
1111
|
+
margin-bottom: 5px;
|
|
1112
|
+
color: var(--learning-muted-strong);
|
|
1113
|
+
font-size: 9px;
|
|
1114
|
+
font-weight: 800;
|
|
1115
|
+
letter-spacing: 0.06em;
|
|
1116
|
+
text-transform: uppercase;
|
|
1117
|
+
}
|
|
1118
|
+
.skill-lineage button {
|
|
1119
|
+
display: flex;
|
|
1120
|
+
width: 100%;
|
|
1121
|
+
align-items: start;
|
|
1122
|
+
justify-content: space-between;
|
|
1123
|
+
gap: 14px;
|
|
1124
|
+
padding: 0;
|
|
1125
|
+
color: var(--learning-ink);
|
|
1126
|
+
background: none;
|
|
1127
|
+
border: 0;
|
|
1128
|
+
text-align: left;
|
|
1129
|
+
font-size: 11px;
|
|
1130
|
+
font-weight: 700;
|
|
1131
|
+
line-height: 1.4;
|
|
1132
|
+
cursor: pointer;
|
|
1133
|
+
}
|
|
1134
|
+
.skill-lineage button small {
|
|
1135
|
+
flex: 0 0 auto;
|
|
1136
|
+
color: var(--learning-purple-dark);
|
|
1137
|
+
font-size: 10px;
|
|
1138
|
+
font-weight: 750;
|
|
1139
|
+
}
|
|
1140
|
+
.supporting-unavailable {
|
|
1141
|
+
color: var(--learning-muted-strong);
|
|
1142
|
+
font-size: 11px;
|
|
1143
|
+
font-style: italic;
|
|
1144
|
+
}
|
|
1145
|
+
.skill-source {
|
|
1146
|
+
margin-top: 10px;
|
|
1147
|
+
}
|
|
1148
|
+
.skill-source summary {
|
|
1149
|
+
width: fit-content;
|
|
1150
|
+
color: var(--learning-purple-dark);
|
|
1151
|
+
cursor: pointer;
|
|
1152
|
+
font-size: 11px;
|
|
1153
|
+
font-weight: 750;
|
|
1154
|
+
}
|
|
1155
|
+
.skill-source pre {
|
|
1156
|
+
margin: 10px 0 0;
|
|
1157
|
+
padding: 12px;
|
|
1158
|
+
color: var(--learning-code);
|
|
1159
|
+
background: var(--learning-soft);
|
|
1160
|
+
border: 1px solid var(--learning-line);
|
|
1161
|
+
border-radius: 6px;
|
|
1162
|
+
font:
|
|
1163
|
+
11px/1.5 ui-monospace,
|
|
1164
|
+
SFMono-Regular,
|
|
1165
|
+
Menlo,
|
|
1166
|
+
Monaco,
|
|
1167
|
+
Consolas,
|
|
1168
|
+
monospace;
|
|
1169
|
+
white-space: pre-wrap;
|
|
1170
|
+
overflow-wrap: anywhere;
|
|
1171
|
+
}
|
|
1172
|
+
.list-header {
|
|
1173
|
+
display: flex;
|
|
1174
|
+
align-items: center;
|
|
1175
|
+
padding: 10px 14px;
|
|
1176
|
+
color: var(--learning-muted-strong);
|
|
1177
|
+
background: var(--learning-surface-muted);
|
|
1178
|
+
border-bottom: 1px solid var(--learning-line);
|
|
1179
|
+
font-size: 10px;
|
|
1180
|
+
font-weight: 800;
|
|
1181
|
+
letter-spacing: 0.06em;
|
|
1182
|
+
text-transform: uppercase;
|
|
1183
|
+
}
|
|
1184
|
+
.list-header span:last-child {
|
|
1185
|
+
margin-left: auto;
|
|
1186
|
+
}
|
|
1187
|
+
.insight-row {
|
|
1188
|
+
display: grid;
|
|
1189
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
1190
|
+
gap: 18px;
|
|
1191
|
+
width: 100%;
|
|
1192
|
+
padding: 16px;
|
|
1193
|
+
color: inherit;
|
|
1194
|
+
background: var(--learning-surface);
|
|
1195
|
+
border: 0;
|
|
1196
|
+
border-bottom: 1px solid var(--learning-line);
|
|
1197
|
+
text-align: left;
|
|
1198
|
+
cursor: pointer;
|
|
1199
|
+
}
|
|
1200
|
+
.insight-row:last-child {
|
|
1201
|
+
border-bottom: 0;
|
|
1202
|
+
}
|
|
1203
|
+
.insight-row:hover,
|
|
1204
|
+
.insight-row[data-selected="true"] {
|
|
1205
|
+
background: var(--learning-surface-hover);
|
|
1206
|
+
}
|
|
1207
|
+
.insight-row h3 {
|
|
1208
|
+
margin: 0 0 6px;
|
|
1209
|
+
font-size: 14px;
|
|
1210
|
+
line-height: 1.35;
|
|
1211
|
+
}
|
|
1212
|
+
.insight-row p {
|
|
1213
|
+
margin: 0;
|
|
1214
|
+
color: var(--learning-muted);
|
|
1215
|
+
font-size: 12px;
|
|
1216
|
+
line-height: 1.45;
|
|
1217
|
+
}
|
|
1218
|
+
.evidence-count {
|
|
1219
|
+
min-width: 90px;
|
|
1220
|
+
color: var(--learning-purple-dark);
|
|
1221
|
+
font-size: 11px;
|
|
1222
|
+
font-weight: 750;
|
|
1223
|
+
text-align: right;
|
|
1224
|
+
}
|
|
1225
|
+
.detail-panel {
|
|
1226
|
+
margin-top: 14px;
|
|
1227
|
+
padding: 18px;
|
|
1228
|
+
background: var(--learning-surface-hover);
|
|
1229
|
+
border: 1px solid var(--learning-line-accent);
|
|
1230
|
+
border-radius: 8px;
|
|
1231
|
+
}
|
|
1232
|
+
.detail-head {
|
|
1233
|
+
display: flex;
|
|
1234
|
+
align-items: start;
|
|
1235
|
+
gap: 14px;
|
|
1236
|
+
}
|
|
1237
|
+
.detail-head div {
|
|
1238
|
+
flex: 1;
|
|
1239
|
+
}
|
|
1240
|
+
.detail-head h3 {
|
|
1241
|
+
margin: 0 0 5px;
|
|
1242
|
+
font-size: 14px;
|
|
1243
|
+
}
|
|
1244
|
+
.detail-head p {
|
|
1245
|
+
margin: 0;
|
|
1246
|
+
color: var(--learning-muted);
|
|
1247
|
+
font-size: 12px;
|
|
1248
|
+
line-height: 1.45;
|
|
1249
|
+
}
|
|
1250
|
+
.close-detail {
|
|
1251
|
+
width: 28px;
|
|
1252
|
+
height: 28px;
|
|
1253
|
+
color: var(--learning-muted);
|
|
1254
|
+
background: var(--learning-surface);
|
|
1255
|
+
border: 1px solid var(--learning-line);
|
|
1256
|
+
border-radius: 5px;
|
|
1257
|
+
cursor: pointer;
|
|
1258
|
+
}
|
|
1259
|
+
.evidence-list {
|
|
1260
|
+
display: grid;
|
|
1261
|
+
gap: 7px;
|
|
1262
|
+
margin-top: 14px;
|
|
1263
|
+
}
|
|
1264
|
+
.evidence-link,
|
|
1265
|
+
.evidence-unavailable {
|
|
1266
|
+
display: flex;
|
|
1267
|
+
align-items: center;
|
|
1268
|
+
gap: 10px;
|
|
1269
|
+
min-height: 38px;
|
|
1270
|
+
padding: 10px;
|
|
1271
|
+
color: var(--learning-code);
|
|
1272
|
+
background: var(--learning-surface);
|
|
1273
|
+
border: 1px solid var(--learning-line);
|
|
1274
|
+
border-radius: 6px;
|
|
1275
|
+
font-size: 11px;
|
|
1276
|
+
text-align: left;
|
|
1277
|
+
}
|
|
1278
|
+
.evidence-link {
|
|
1279
|
+
width: 100%;
|
|
1280
|
+
cursor: pointer;
|
|
1281
|
+
}
|
|
1282
|
+
.evidence-link span {
|
|
1283
|
+
margin-left: auto;
|
|
1284
|
+
color: var(--learning-muted-strong);
|
|
1285
|
+
}
|
|
1286
|
+
.evidence-unavailable {
|
|
1287
|
+
color: var(--learning-muted-strong);
|
|
1288
|
+
font-style: italic;
|
|
1289
|
+
}
|
|
1290
|
+
.pagination {
|
|
1291
|
+
display: flex;
|
|
1292
|
+
align-items: center;
|
|
1293
|
+
justify-content: flex-end;
|
|
1294
|
+
gap: 8px;
|
|
1295
|
+
margin-top: 10px;
|
|
1296
|
+
}
|
|
1297
|
+
.pagination span {
|
|
1298
|
+
margin-right: auto;
|
|
1299
|
+
color: var(--learning-muted);
|
|
1300
|
+
font-size: 11px;
|
|
1301
|
+
}
|
|
1302
|
+
.pagination button {
|
|
1303
|
+
min-height: 30px;
|
|
1304
|
+
padding: 0 10px;
|
|
1305
|
+
color: var(--learning-ink);
|
|
1306
|
+
background: var(--learning-surface);
|
|
1307
|
+
border: 1px solid var(--learning-line);
|
|
1308
|
+
border-radius: 5px;
|
|
1309
|
+
font-size: 11px;
|
|
1310
|
+
font-weight: 700;
|
|
1311
|
+
cursor: pointer;
|
|
1312
|
+
}
|
|
1313
|
+
.pagination button:disabled {
|
|
1314
|
+
color: var(--learning-disabled-ink);
|
|
1315
|
+
background: var(--learning-surface-muted);
|
|
1316
|
+
cursor: default;
|
|
1317
|
+
}
|
|
1318
|
+
.skeleton {
|
|
1319
|
+
display: grid;
|
|
1320
|
+
gap: 10px;
|
|
1321
|
+
}
|
|
1322
|
+
.skeleton span {
|
|
1323
|
+
height: 74px;
|
|
1324
|
+
background: linear-gradient(
|
|
1325
|
+
90deg,
|
|
1326
|
+
var(--learning-skeleton-edge),
|
|
1327
|
+
var(--learning-skeleton-center),
|
|
1328
|
+
var(--learning-skeleton-edge)
|
|
1329
|
+
);
|
|
1330
|
+
background-size: 200% 100%;
|
|
1331
|
+
border-radius: 8px;
|
|
1332
|
+
animation: shimmer 1.3s infinite;
|
|
1333
|
+
}
|
|
1334
|
+
@keyframes shimmer {
|
|
1335
|
+
to {
|
|
1336
|
+
background-position: -200% 0;
|
|
1337
|
+
}
|
|
1338
|
+
}
|
|
1339
|
+
.dialog-backdrop {
|
|
1340
|
+
position: fixed;
|
|
1341
|
+
z-index: 50;
|
|
1342
|
+
inset: 0;
|
|
1343
|
+
display: grid;
|
|
1344
|
+
place-items: center;
|
|
1345
|
+
padding: 24px;
|
|
1346
|
+
background: rgba(15, 15, 20, 0.42);
|
|
1347
|
+
}
|
|
1348
|
+
.dialog {
|
|
1349
|
+
display: flex;
|
|
1350
|
+
width: min(620px, 100%);
|
|
1351
|
+
max-height: min(680px, 90vh);
|
|
1352
|
+
flex-direction: column;
|
|
1353
|
+
background: var(--learning-surface);
|
|
1354
|
+
border: 1px solid var(--learning-dialog-line);
|
|
1355
|
+
border-radius: 13px;
|
|
1356
|
+
box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
|
|
1357
|
+
}
|
|
1358
|
+
.dialog header {
|
|
1359
|
+
display: flex;
|
|
1360
|
+
align-items: start;
|
|
1361
|
+
justify-content: space-between;
|
|
1362
|
+
padding: 18px 19px 13px;
|
|
1363
|
+
}
|
|
1364
|
+
.dialog h2 {
|
|
1365
|
+
margin: 0;
|
|
1366
|
+
font-size: 16px;
|
|
1367
|
+
}
|
|
1368
|
+
.dialog header p {
|
|
1369
|
+
margin: 4px 0 0;
|
|
1370
|
+
color: var(--learning-muted);
|
|
1371
|
+
font-size: 11px;
|
|
1372
|
+
}
|
|
1373
|
+
.dialog-close {
|
|
1374
|
+
color: var(--learning-muted);
|
|
1375
|
+
background: transparent;
|
|
1376
|
+
border: 0;
|
|
1377
|
+
font-size: 20px;
|
|
1378
|
+
cursor: pointer;
|
|
1379
|
+
}
|
|
1380
|
+
.dialog pre {
|
|
1381
|
+
max-height: 420px;
|
|
1382
|
+
overflow: auto;
|
|
1383
|
+
margin: 0 19px;
|
|
1384
|
+
padding: 12px;
|
|
1385
|
+
background: var(--learning-soft);
|
|
1386
|
+
border: 1px solid var(--learning-line);
|
|
1387
|
+
border-radius: 6px;
|
|
1388
|
+
font:
|
|
1389
|
+
11px/1.5 ui-monospace,
|
|
1390
|
+
SFMono-Regular,
|
|
1391
|
+
Menlo,
|
|
1392
|
+
monospace;
|
|
1393
|
+
white-space: pre-wrap;
|
|
1394
|
+
}
|
|
1395
|
+
.dialog footer {
|
|
1396
|
+
display: flex;
|
|
1397
|
+
justify-content: flex-end;
|
|
1398
|
+
gap: 8px;
|
|
1399
|
+
padding: 14px 19px 18px;
|
|
1400
|
+
}
|
|
1401
|
+
.copy-error {
|
|
1402
|
+
margin: 10px 19px 0;
|
|
1403
|
+
color: var(--learning-danger);
|
|
1404
|
+
font-size: 11px;
|
|
1405
|
+
}
|
|
1406
|
+
@media (max-width: 900px) {
|
|
1407
|
+
.steps {
|
|
1408
|
+
grid-template-columns: 1fr;
|
|
1409
|
+
}
|
|
1410
|
+
.step {
|
|
1411
|
+
min-height: auto;
|
|
1412
|
+
}
|
|
1413
|
+
}
|
|
1414
|
+
@media (max-width: 640px) {
|
|
1415
|
+
.pane-inner {
|
|
1416
|
+
padding: 24px 18px 60px;
|
|
1417
|
+
}
|
|
1418
|
+
.analysis-row,
|
|
1419
|
+
.collection-summary {
|
|
1420
|
+
align-items: flex-start;
|
|
1421
|
+
flex-wrap: wrap;
|
|
1422
|
+
}
|
|
1423
|
+
.insight-row {
|
|
1424
|
+
grid-template-columns: 1fr;
|
|
1425
|
+
gap: 8px;
|
|
1426
|
+
}
|
|
1427
|
+
.evidence-count {
|
|
1428
|
+
text-align: left;
|
|
1429
|
+
}
|
|
1430
|
+
.review-link {
|
|
1431
|
+
width: 100%;
|
|
1432
|
+
margin: 4px 0 0;
|
|
1433
|
+
}
|
|
1434
|
+
}
|
|
1435
|
+
`;
|
|
1436
|
+
if (!customElements.get("cpk-learning-view")) customElements.define("cpk-learning-view", CpkLearningView);
|
|
1437
|
+
|
|
19
1438
|
//#endregion
|
|
20
1439
|
//#region src/lib/context-helpers.ts
|
|
21
1440
|
function updateSizeFromElement(state, element, fallback) {
|
|
@@ -327,15 +1746,124 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
327
1746
|
function markTelemetryDisclosureShown() {
|
|
328
1747
|
if (typeof window === "undefined") return;
|
|
329
1748
|
try {
|
|
330
|
-
window.localStorage.setItem(TELEMETRY_DISCLOSURE_SHOWN_KEY, "true");
|
|
331
|
-
} catch (_unused17) {}
|
|
1749
|
+
window.localStorage.setItem(TELEMETRY_DISCLOSURE_SHOWN_KEY, "true");
|
|
1750
|
+
} catch (_unused17) {}
|
|
1751
|
+
}
|
|
1752
|
+
function generateUuidV4() {
|
|
1753
|
+
if (typeof globalThis.crypto !== "undefined" && typeof globalThis.crypto.randomUUID === "function") return globalThis.crypto.randomUUID();
|
|
1754
|
+
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
|
|
1755
|
+
const r = Math.random() * 16 | 0;
|
|
1756
|
+
return (c === "x" ? r : r & 3 | 8).toString(16);
|
|
1757
|
+
});
|
|
1758
|
+
}
|
|
1759
|
+
|
|
1760
|
+
//#endregion
|
|
1761
|
+
//#region src/lib/learning-setup.ts
|
|
1762
|
+
const LEARNING_SETUP_STORAGE_KEY = "cpk:inspector:learning-setup:v1";
|
|
1763
|
+
const LEARNING_SETUP_MAX_AGE_MS = 10080 * 60 * 1e3;
|
|
1764
|
+
let inMemoryMarker = null;
|
|
1765
|
+
function normalizeLearningRuntimeUrl(runtimeUrl, baseUri) {
|
|
1766
|
+
try {
|
|
1767
|
+
const browserBaseUri = baseUri !== null && baseUri !== void 0 ? baseUri : typeof document === "undefined" ? void 0 : document.baseURI;
|
|
1768
|
+
const url = browserBaseUri ? new URL(runtimeUrl, browserBaseUri) : new URL(runtimeUrl);
|
|
1769
|
+
url.search = "";
|
|
1770
|
+
url.hash = "";
|
|
1771
|
+
url.pathname = url.pathname === "/" ? "/" : url.pathname.replace(/\/+$/u, "");
|
|
1772
|
+
return url.toString();
|
|
1773
|
+
} catch (_unused) {
|
|
1774
|
+
return null;
|
|
1775
|
+
}
|
|
1776
|
+
}
|
|
1777
|
+
function parseMarker(raw, now) {
|
|
1778
|
+
if (!raw) return null;
|
|
1779
|
+
try {
|
|
1780
|
+
const value = JSON.parse(raw);
|
|
1781
|
+
const started = typeof value.startedAt === "string" ? Date.parse(value.startedAt) : NaN;
|
|
1782
|
+
if (value.version !== 1 || typeof value.runtimeUrl !== "string" || value.agentId !== null && typeof value.agentId !== "string" || !Number.isFinite(started) || started > now || now - started > LEARNING_SETUP_MAX_AGE_MS) return null;
|
|
1783
|
+
return value;
|
|
1784
|
+
} catch (_unused2) {
|
|
1785
|
+
return null;
|
|
1786
|
+
}
|
|
1787
|
+
}
|
|
1788
|
+
function readLearningSetupMarker(now = Date.now()) {
|
|
1789
|
+
try {
|
|
1790
|
+
const raw = localStorage.getItem(LEARNING_SETUP_STORAGE_KEY);
|
|
1791
|
+
const persisted = parseMarker(raw, now);
|
|
1792
|
+
if (persisted) return persisted;
|
|
1793
|
+
if (raw !== null) localStorage.removeItem(LEARNING_SETUP_STORAGE_KEY);
|
|
1794
|
+
} catch (_unused3) {}
|
|
1795
|
+
return parseMarker(inMemoryMarker ? JSON.stringify(inMemoryMarker) : null, now);
|
|
1796
|
+
}
|
|
1797
|
+
function writeLearningSetupMarker(input) {
|
|
1798
|
+
var _input$now;
|
|
1799
|
+
const runtimeUrl = normalizeLearningRuntimeUrl(input.runtimeUrl);
|
|
1800
|
+
if (!runtimeUrl) throw new Error("Runtime URL is unavailable.");
|
|
1801
|
+
const marker = {
|
|
1802
|
+
version: 1,
|
|
1803
|
+
runtimeUrl,
|
|
1804
|
+
agentId: input.agentId,
|
|
1805
|
+
startedAt: ((_input$now = input.now) !== null && _input$now !== void 0 ? _input$now : /* @__PURE__ */ new Date()).toISOString()
|
|
1806
|
+
};
|
|
1807
|
+
inMemoryMarker = marker;
|
|
1808
|
+
try {
|
|
1809
|
+
localStorage.setItem(LEARNING_SETUP_STORAGE_KEY, JSON.stringify(marker));
|
|
1810
|
+
} catch (_unused4) {}
|
|
1811
|
+
return marker;
|
|
1812
|
+
}
|
|
1813
|
+
function clearLearningSetupMarker() {
|
|
1814
|
+
inMemoryMarker = null;
|
|
1815
|
+
try {
|
|
1816
|
+
localStorage.removeItem(LEARNING_SETUP_STORAGE_KEY);
|
|
1817
|
+
} catch (_unused5) {}
|
|
332
1818
|
}
|
|
333
|
-
function
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
1819
|
+
function learningSetupMarkerMatches(marker, runtimeUrl, agentId) {
|
|
1820
|
+
return marker !== null && marker.runtimeUrl === normalizeLearningRuntimeUrl(runtimeUrl) && marker.agentId === agentId;
|
|
1821
|
+
}
|
|
1822
|
+
/** Keeps multiple Inspector instances on the same origin in sync. */
|
|
1823
|
+
function subscribeToLearningSetupMarker(listener) {
|
|
1824
|
+
const handleStorage = (event) => {
|
|
1825
|
+
if (event.key === LEARNING_SETUP_STORAGE_KEY) {
|
|
1826
|
+
const marker = parseMarker(event.newValue, Date.now());
|
|
1827
|
+
if (event.newValue !== null && marker === null) try {
|
|
1828
|
+
localStorage.removeItem(LEARNING_SETUP_STORAGE_KEY);
|
|
1829
|
+
} catch (_unused6) {}
|
|
1830
|
+
listener(marker);
|
|
1831
|
+
}
|
|
1832
|
+
};
|
|
1833
|
+
window.addEventListener("storage", handleStorage);
|
|
1834
|
+
return () => window.removeEventListener("storage", handleStorage);
|
|
1835
|
+
}
|
|
1836
|
+
|
|
1837
|
+
//#endregion
|
|
1838
|
+
//#region src/lib/inspector-learning.ts
|
|
1839
|
+
var InspectorLearningUnsupportedError = class extends Error {};
|
|
1840
|
+
/** Loads one Learning projection through either negotiated Runtime transport. */
|
|
1841
|
+
async function fetchInspectorLearning(input) {
|
|
1842
|
+
const base = input.runtimeUrl.replace(/\/+$/u, "");
|
|
1843
|
+
const single = input.runtimeTransport === "single";
|
|
1844
|
+
const url = single ? base : `${base}/inspector-learning`;
|
|
1845
|
+
const query = new URLSearchParams();
|
|
1846
|
+
if (input.request.agentId) query.set("agentId", input.request.agentId);
|
|
1847
|
+
if (input.request.skillsPage) query.set("skillsPage", String(input.request.skillsPage));
|
|
1848
|
+
if (input.request.insightsPage) query.set("insightsPage", String(input.request.insightsPage));
|
|
1849
|
+
const response = await input.fetch(single ? url : `${url}?${query}`, {
|
|
1850
|
+
method: single ? "POST" : "GET",
|
|
1851
|
+
headers: single ? {
|
|
1852
|
+
...input.headers,
|
|
1853
|
+
"Content-Type": "application/json"
|
|
1854
|
+
} : { ...input.headers },
|
|
1855
|
+
credentials: input.credentials,
|
|
1856
|
+
signal: input.signal,
|
|
1857
|
+
...single ? { body: JSON.stringify({
|
|
1858
|
+
method: "inspector/learning",
|
|
1859
|
+
params: Object.fromEntries(query)
|
|
1860
|
+
}) } : {}
|
|
338
1861
|
});
|
|
1862
|
+
if (response.status === 404) throw new InspectorLearningUnsupportedError();
|
|
1863
|
+
if (!response.ok) throw new Error(`Learning snapshot failed (HTTP ${response.status}).`);
|
|
1864
|
+
const snapshot = (0, _copilotkit_shared.parseInspectorLearningSnapshotV1)(await response.json());
|
|
1865
|
+
if (!snapshot) throw new Error("Learning snapshot response is invalid.");
|
|
1866
|
+
return snapshot;
|
|
339
1867
|
}
|
|
340
1868
|
|
|
341
1869
|
//#endregion
|
|
@@ -723,7 +2251,7 @@ Implement the smallest complete integration: wire every feature-required client
|
|
|
723
2251
|
{
|
|
724
2252
|
id: "memory",
|
|
725
2253
|
label: "Learning",
|
|
726
|
-
enabled: intelligenceConnected && input.
|
|
2254
|
+
enabled: intelligenceConnected && input.learningOn,
|
|
727
2255
|
docsUrl: SERVICE_DOCS_URL.memory
|
|
728
2256
|
},
|
|
729
2257
|
{
|
|
@@ -853,7 +2381,7 @@ Implement the smallest complete integration: wire every feature-required client
|
|
|
853
2381
|
|
|
854
2382
|
//#endregion
|
|
855
2383
|
//#region package.json
|
|
856
|
-
var version = "1.70.
|
|
2384
|
+
var version = "1.70.3";
|
|
857
2385
|
|
|
858
2386
|
//#endregion
|
|
859
2387
|
//#region src/lib/telemetry.ts
|
|
@@ -879,6 +2407,13 @@ Implement the smallest complete integration: wire every feature-required client
|
|
|
879
2407
|
threadsExampleTourCompleted: "oss.inspector.threads_example_tour_completed",
|
|
880
2408
|
threadsExampleTourReopened: "oss.inspector.threads_example_tour_reopened",
|
|
881
2409
|
memoriesTabClicked: "oss.inspector.memories_tab_clicked",
|
|
2410
|
+
learningPaneViewed: "oss.inspector.learning_pane_viewed",
|
|
2411
|
+
learningSetupPromptClicked: "oss.inspector.learning_setup_prompt_clicked",
|
|
2412
|
+
learningSnapshotLoaded: "oss.inspector.learning_snapshot_loaded",
|
|
2413
|
+
learningSkillToggled: "oss.inspector.learning_skill_toggled",
|
|
2414
|
+
learningEvidenceOpened: "oss.inspector.learning_evidence_opened",
|
|
2415
|
+
learningPageChanged: "oss.inspector.learning_page_changed",
|
|
2416
|
+
learningWebAppOpened: "oss.inspector.learning_web_app_opened",
|
|
882
2417
|
homeViewed: "oss.inspector.home_viewed",
|
|
883
2418
|
homeCtaClicked: "oss.inspector.home_cta_clicked",
|
|
884
2419
|
homeFeaturePromptClicked: "oss.inspector.home_feature_prompt_clicked",
|
|
@@ -1086,6 +2621,40 @@ Implement the smallest complete integration: wire every feature-required client
|
|
|
1086
2621
|
function trackMemoriesTabClicked(props = {}) {
|
|
1087
2622
|
track(TELEMETRY_EVENTS.memoriesTabClicked, props);
|
|
1088
2623
|
}
|
|
2624
|
+
function learningCountBucket(value) {
|
|
2625
|
+
if (value <= 0) return "zero";
|
|
2626
|
+
if (value === 1) return "one";
|
|
2627
|
+
if (value <= 5) return "two_to_five";
|
|
2628
|
+
if (value <= 20) return "six_to_twenty";
|
|
2629
|
+
return "twenty_one_plus";
|
|
2630
|
+
}
|
|
2631
|
+
function learningDurationBucket(durationMs) {
|
|
2632
|
+
if (durationMs < 250) return "under_250ms";
|
|
2633
|
+
if (durationMs < 1e3) return "250ms_to_1s";
|
|
2634
|
+
if (durationMs < 3e3) return "1s_to_3s";
|
|
2635
|
+
return "3s_plus";
|
|
2636
|
+
}
|
|
2637
|
+
function trackLearningPaneViewed(props) {
|
|
2638
|
+
track(TELEMETRY_EVENTS.learningPaneViewed, props);
|
|
2639
|
+
}
|
|
2640
|
+
function trackLearningSetupPromptClicked(props) {
|
|
2641
|
+
track(TELEMETRY_EVENTS.learningSetupPromptClicked, props);
|
|
2642
|
+
}
|
|
2643
|
+
function trackLearningSnapshotLoaded(props) {
|
|
2644
|
+
track(TELEMETRY_EVENTS.learningSnapshotLoaded, props);
|
|
2645
|
+
}
|
|
2646
|
+
function trackLearningSkillToggled(props) {
|
|
2647
|
+
track(TELEMETRY_EVENTS.learningSkillToggled, props);
|
|
2648
|
+
}
|
|
2649
|
+
function trackLearningEvidenceOpened() {
|
|
2650
|
+
track(TELEMETRY_EVENTS.learningEvidenceOpened);
|
|
2651
|
+
}
|
|
2652
|
+
function trackLearningPageChanged(props) {
|
|
2653
|
+
track(TELEMETRY_EVENTS.learningPageChanged, props);
|
|
2654
|
+
}
|
|
2655
|
+
function trackLearningWebAppOpened(props) {
|
|
2656
|
+
track(TELEMETRY_EVENTS.learningWebAppOpened, props);
|
|
2657
|
+
}
|
|
1089
2658
|
function trackHomeViewed(props = {}) {
|
|
1090
2659
|
var _props$group_key, _props$leaf_key;
|
|
1091
2660
|
track(TELEMETRY_EVENTS.homeViewed, {
|
|
@@ -1661,6 +3230,52 @@ Implement the smallest complete integration: wire every feature-required client
|
|
|
1661
3230
|
];
|
|
1662
3231
|
const THREADS_EXAMPLE_OVERVIEW_VIDEO_URL = "https://cdn.copilotkit.ai/corp-site/videos/copilotkit-generative-ui-agentic-frontend-demo.webm";
|
|
1663
3232
|
const THREADS_EXAMPLE_OVERVIEW_VIDEO_FALLBACK = "The demo video is unavailable. Use the example threads to explore Messages, AG-UI Events, and State.";
|
|
3233
|
+
const THREADS_LOCKED_VIDEO_URL = "https://www.loom.com/embed/79817778d29e490c97225127d2f17b3a?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true&hide_speed=true";
|
|
3234
|
+
const LEARNING_LOCKED_VIDEO_URL = "https://www.loom.com/embed/2978fbfe42324e509057ac5fd46b7a70?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true&hide_speed=true";
|
|
3235
|
+
const THREADS_LOCKED_FEATURE_OUTLINE = [
|
|
3236
|
+
{
|
|
3237
|
+
icon: "MessagesSquare",
|
|
3238
|
+
title: "The whole conversation comes back",
|
|
3239
|
+
description: "Rich Threads restores the complete interaction, not just a transcript. Messages, tool calls, shared state, generated interfaces, and supported files return together when a user reopens the thread."
|
|
3240
|
+
},
|
|
3241
|
+
{
|
|
3242
|
+
icon: "LayoutGrid",
|
|
3243
|
+
title: "Generated UI stays in the thread",
|
|
3244
|
+
description: "Cards, charts, A2UI surfaces, MCP Apps, and tool renderers remain part of the conversation. The demo above shows a generated spending chart returning after a reload."
|
|
3245
|
+
},
|
|
3246
|
+
{
|
|
3247
|
+
icon: "RefreshCw",
|
|
3248
|
+
title: "Return without starting over",
|
|
3249
|
+
description: "Users can move across sessions and devices while thread lists stay synchronized across open tabs. Rich Threads replays missed events and reconnects to work already in progress."
|
|
3250
|
+
},
|
|
3251
|
+
{
|
|
3252
|
+
icon: "Server",
|
|
3253
|
+
title: "Infrastructure you do not have to rebuild",
|
|
3254
|
+
description: "CopilotKit handles durable event storage, replay, synchronization, lifecycle APIs, and thread locks on one portable AG-UI history model. Use CopilotKit Cloud or deploy Intelligence in your own Kubernetes environment."
|
|
3255
|
+
}
|
|
3256
|
+
];
|
|
3257
|
+
const LEARNING_LOCKED_FEATURE_OUTLINE = [
|
|
3258
|
+
{
|
|
3259
|
+
icon: "History",
|
|
3260
|
+
title: "Memory across sessions",
|
|
3261
|
+
description: "Keep useful facts, preferences, and decisions after the thread closes. Learning gives future conversations the context they need without asking users to repeat themselves."
|
|
3262
|
+
},
|
|
3263
|
+
{
|
|
3264
|
+
icon: "Search",
|
|
3265
|
+
title: "Recall by meaning",
|
|
3266
|
+
description: "Surface relevant memories by what they mean, not by an exact phrase. Your agent can bring the right context into a new interaction even when the user asks in a completely different way."
|
|
3267
|
+
},
|
|
3268
|
+
{
|
|
3269
|
+
icon: "Layers",
|
|
3270
|
+
title: "Built-in structure",
|
|
3271
|
+
description: "Turn raw interactions into organized topical, episodic, and operational knowledge. Learning separates enduring facts from individual experiences and useful instructions automatically."
|
|
3272
|
+
},
|
|
3273
|
+
{
|
|
3274
|
+
icon: "Eye",
|
|
3275
|
+
title: "Full visibility",
|
|
3276
|
+
description: "Inspect exactly what your agent learned and trace each memory back to the threads that shaped it. Review the stored context instead of treating memory like a black box."
|
|
3277
|
+
}
|
|
3278
|
+
];
|
|
1664
3279
|
const THREADS_EXAMPLE_TOUR_STORAGE_KEY = "cpk:inspector:threads-example-tour:v1";
|
|
1665
3280
|
const THREADS_EXAMPLE_AGENT_ID = "threads-feature";
|
|
1666
3281
|
/** Keep one row per thread id when flattening per-agent stores. */
|
|
@@ -6160,6 +7775,21 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6160
7775
|
this._memoryUnsub = null;
|
|
6161
7776
|
this._memorySubscribed = false;
|
|
6162
7777
|
this._memoryStoreUnsupported = false;
|
|
7778
|
+
this.learningSnapshot = null;
|
|
7779
|
+
this.learningSnapshotScope = null;
|
|
7780
|
+
this.learningProjectIdentity = null;
|
|
7781
|
+
this.learningLoading = false;
|
|
7782
|
+
this.learningRefreshing = false;
|
|
7783
|
+
this.learningError = null;
|
|
7784
|
+
this.learningSupported = false;
|
|
7785
|
+
this.learningRequestGeneration = 0;
|
|
7786
|
+
this.learningAbortController = null;
|
|
7787
|
+
this.learningPollTimer = null;
|
|
7788
|
+
this.learningPollFailureCount = 0;
|
|
7789
|
+
this.learningSetupMarker = null;
|
|
7790
|
+
this.learningSetupUnsubscribe = null;
|
|
7791
|
+
this.learningPromptCopyState = "idle";
|
|
7792
|
+
this.learningViewedState = null;
|
|
6163
7793
|
this._recallResults = null;
|
|
6164
7794
|
this._recallLoading = false;
|
|
6165
7795
|
this._recallError = null;
|
|
@@ -6396,10 +8026,162 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6396
8026
|
this.resizeEdge = "se";
|
|
6397
8027
|
this.isResizing = false;
|
|
6398
8028
|
this.customTabIcons = { threads: `<svg class="h-3.5 w-3.5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.04167 15C8.29167 15 7.65972 14.7431 7.14583 14.2292C6.63194 13.7153 6.375 13.0972 6.375 12.375C6.375 11.3194 6.80208 10.3646 7.65625 9.51042C8.51042 8.65625 9.57639 8.125 10.8542 7.91667C10.8125 7.41667 10.6875 7.03819 10.4792 6.78125C10.2708 6.52431 9.98611 6.39583 9.625 6.39583C9.20833 6.39583 8.75694 6.56944 8.27083 6.91667C7.78472 7.26389 7.20833 7.83333 6.54167 8.625C5.45833 9.91667 4.66319 10.7569 4.15625 11.1458C3.64931 11.5347 3.10417 11.7292 2.52083 11.7292C1.8125 11.7292 1.21528 11.4653 0.729167 10.9375C0.243056 10.4097 0 9.77083 0 9.02083C0 8.27083 0.163194 7.50347 0.489583 6.71875C0.815972 5.93403 1.36806 4.99306 2.14583 3.89583C2.40972 3.53472 2.60417 3.22917 2.72917 2.97917C2.85417 2.72917 2.91667 2.52778 2.91667 2.375C2.91667 2.27778 2.89931 2.20486 2.86458 2.15625C2.82986 2.10764 2.77778 2.08333 2.70833 2.08333C2.56944 2.08333 2.39583 2.17014 2.1875 2.34375C1.97917 2.51736 1.73611 2.78472 1.45833 3.14583L0 1.66667C0.444444 1.125 0.895833 0.711806 1.35417 0.427083C1.8125 0.142361 2.26389 0 2.70833 0C3.34722 0 3.88889 0.222222 4.33333 0.666667C4.77778 1.11111 5 1.66667 5 2.33333C5 2.73611 4.89583 3.18056 4.6875 3.66667C4.47917 4.15278 4.13194 4.73611 3.64583 5.41667C3.11806 6.16667 2.72569 6.82639 2.46875 7.39583C2.21181 7.96528 2.08333 8.46528 2.08333 8.89583C2.08333 9.13194 2.12153 9.31597 2.19792 9.44792C2.27431 9.57986 2.38194 9.64583 2.52083 9.64583C2.65972 9.64583 2.78125 9.60764 2.88542 9.53125C2.98958 9.45486 3.18056 9.27083 3.45833 8.97917C3.63889 8.78472 3.85417 8.54514 4.10417 8.26042C4.35417 7.97569 4.65972 7.625 5.02083 7.20833C5.89583 6.16667 6.6875 5.42361 7.39583 4.97917C8.10417 4.53472 8.84722 4.3125 9.625 4.3125C10.5556 4.3125 11.3194 4.625 11.9167 5.25C12.5139 5.875 12.8542 6.72917 12.9375 7.8125H15V9.89583H12.9375C12.8264 11.4514 12.4201 12.691 11.7188 13.6146C11.0174 14.5382 10.125 15 9.04167 15ZM9.08333 12.9167C9.52778 12.9167 9.90278 12.6632 10.2083 12.1562C10.5139 11.6493 10.7222 10.9444 10.8333 10.0417C10.1944 10.1944 9.63889 10.4965 9.16667 10.9479C8.69444 11.3993 8.45833 11.8472 8.45833 12.2917C8.45833 12.4861 8.51389 12.6389 8.625 12.75C8.73611 12.8611 8.88889 12.9167 9.08333 12.9167Z" fill="currentColor"/></svg>` };
|
|
8029
|
+
this.refreshLearningSnapshot = async (options = {}) => {
|
|
8030
|
+
var _this$learningAbortCo;
|
|
8031
|
+
const core = this.core;
|
|
8032
|
+
const runtimeUrl = core === null || core === void 0 ? void 0 : core.runtimeUrl;
|
|
8033
|
+
this.learningSupported = Boolean(core === null || core === void 0 ? void 0 : core.inspectorLearning);
|
|
8034
|
+
if (!core || !runtimeUrl || !this.learningSupported) {
|
|
8035
|
+
this.clearLearningSnapshot();
|
|
8036
|
+
this.requestUpdate();
|
|
8037
|
+
this.trackLearningViewState();
|
|
8038
|
+
return;
|
|
8039
|
+
}
|
|
8040
|
+
this.cancelLearningPoll();
|
|
8041
|
+
const startedAt = performance.now();
|
|
8042
|
+
let loadOutcome = "failure";
|
|
8043
|
+
let loadedSkills = 0;
|
|
8044
|
+
let loadedInsights = 0;
|
|
8045
|
+
let loadedPendingThreads = 0;
|
|
8046
|
+
let resetSkillsPage = false;
|
|
8047
|
+
let resetInsightsPage = false;
|
|
8048
|
+
const previousSnapshot = this.learningSnapshot;
|
|
8049
|
+
const agentId = this.getLearningAgentId();
|
|
8050
|
+
const requestContext = `${runtimeUrl.replace(/\/+$/u, "")}|${agentId !== null && agentId !== void 0 ? agentId : ""}`;
|
|
8051
|
+
if (this.learningSnapshotScope && !this.learningSnapshotScope.startsWith(`${requestContext}|`)) this.clearLearningSnapshot();
|
|
8052
|
+
const generation = ++this.learningRequestGeneration;
|
|
8053
|
+
(_this$learningAbortCo = this.learningAbortController) === null || _this$learningAbortCo === void 0 || _this$learningAbortCo.abort();
|
|
8054
|
+
const controller = new AbortController();
|
|
8055
|
+
this.learningAbortController = controller;
|
|
8056
|
+
const preserve = options.preserve === true && this.learningSnapshot !== null;
|
|
8057
|
+
this.learningLoading = !preserve;
|
|
8058
|
+
this.learningRefreshing = preserve;
|
|
8059
|
+
this.learningError = null;
|
|
8060
|
+
this.requestUpdate();
|
|
8061
|
+
try {
|
|
8062
|
+
var _ref8, _options$skillsPage, _this$learningSnapsho, _ref9, _options$insightsPage, _this$learningSnapsho2;
|
|
8063
|
+
const snapshot = await fetchInspectorLearning({
|
|
8064
|
+
runtimeUrl,
|
|
8065
|
+
runtimeTransport: core.runtimeTransport,
|
|
8066
|
+
request: {
|
|
8067
|
+
...agentId ? { agentId } : {},
|
|
8068
|
+
skillsPage: (_ref8 = (_options$skillsPage = options.skillsPage) !== null && _options$skillsPage !== void 0 ? _options$skillsPage : (_this$learningSnapsho = this.learningSnapshot) === null || _this$learningSnapsho === void 0 ? void 0 : _this$learningSnapsho.skillsPage.page) !== null && _ref8 !== void 0 ? _ref8 : 1,
|
|
8069
|
+
insightsPage: (_ref9 = (_options$insightsPage = options.insightsPage) !== null && _options$insightsPage !== void 0 ? _options$insightsPage : (_this$learningSnapsho2 = this.learningSnapshot) === null || _this$learningSnapsho2 === void 0 ? void 0 : _this$learningSnapsho2.insightsPage.page) !== null && _ref9 !== void 0 ? _ref9 : 1
|
|
8070
|
+
},
|
|
8071
|
+
fetch: core.ɵruntimeFetch,
|
|
8072
|
+
headers: core.headers,
|
|
8073
|
+
credentials: core.credentials,
|
|
8074
|
+
signal: controller.signal
|
|
8075
|
+
});
|
|
8076
|
+
if (generation !== this.learningRequestGeneration) return;
|
|
8077
|
+
if (snapshot.pendingThreadCount > 0 && !snapshot.links.runs || snapshot.pendingCandidateCount > 0 && !snapshot.links.candidates) throw new Error("Learning snapshot is missing a required web-app link.");
|
|
8078
|
+
const containerId = snapshot.configuration.state === "configured" ? snapshot.configuration.container.id : "";
|
|
8079
|
+
const previousContainerId = (previousSnapshot === null || previousSnapshot === void 0 ? void 0 : previousSnapshot.configuration.state) === "configured" ? previousSnapshot.configuration.container.id : "";
|
|
8080
|
+
const scopeChanged = previousSnapshot !== null && (previousSnapshot.projectKey !== snapshot.projectKey || previousContainerId !== containerId);
|
|
8081
|
+
const isBackgroundRefresh = options.skillsPage === void 0 && options.insightsPage === void 0;
|
|
8082
|
+
resetSkillsPage = Boolean(isBackgroundRefresh && previousSnapshot && previousSnapshot.skillsPage.page > 1 && (scopeChanged || JSON.stringify([previousSnapshot.skillsPage.total, previousSnapshot.skillsPage.items.map((skill) => [skill.id, skill.revision])]) !== JSON.stringify([snapshot.skillsPage.total, snapshot.skillsPage.items.map((skill) => [skill.id, skill.revision])])));
|
|
8083
|
+
resetInsightsPage = Boolean(isBackgroundRefresh && previousSnapshot && previousSnapshot.insightsPage.page > 1 && (scopeChanged || JSON.stringify([previousSnapshot.insightsPage.total, previousSnapshot.insightsPage.items.map((insight) => insight.id)]) !== JSON.stringify([snapshot.insightsPage.total, snapshot.insightsPage.items.map((insight) => insight.id)])));
|
|
8084
|
+
this.learningSnapshot = snapshot;
|
|
8085
|
+
loadOutcome = "success";
|
|
8086
|
+
loadedSkills = snapshot.skillsPage.total;
|
|
8087
|
+
loadedInsights = snapshot.insightsPage.total;
|
|
8088
|
+
loadedPendingThreads = snapshot.pendingThreadCount;
|
|
8089
|
+
this.learningSnapshotScope = `${requestContext}|${snapshot.projectKey}|${containerId}`;
|
|
8090
|
+
this.learningError = null;
|
|
8091
|
+
this.learningPollFailureCount = 0;
|
|
8092
|
+
if (snapshot.configuration.state === "configured") {
|
|
8093
|
+
clearLearningSetupMarker();
|
|
8094
|
+
this.learningSetupMarker = null;
|
|
8095
|
+
}
|
|
8096
|
+
} catch (error) {
|
|
8097
|
+
if (generation !== this.learningRequestGeneration || controller.signal.aborted) return;
|
|
8098
|
+
if (error instanceof InspectorLearningUnsupportedError) {
|
|
8099
|
+
loadOutcome = "unsupported";
|
|
8100
|
+
this.learningSupported = false;
|
|
8101
|
+
this.learningSnapshot = null;
|
|
8102
|
+
} else {
|
|
8103
|
+
this.learningError = error instanceof Error ? error.message : "Learning data is unavailable.";
|
|
8104
|
+
this.learningPollFailureCount += 1;
|
|
8105
|
+
}
|
|
8106
|
+
} finally {
|
|
8107
|
+
if (generation === this.learningRequestGeneration) {
|
|
8108
|
+
this.learningLoading = false;
|
|
8109
|
+
this.learningRefreshing = false;
|
|
8110
|
+
this.learningAbortController = null;
|
|
8111
|
+
if (!core.telemetryDisabled) trackLearningSnapshotLoaded({
|
|
8112
|
+
outcome: loadOutcome,
|
|
8113
|
+
duration_bucket: learningDurationBucket(performance.now() - startedAt),
|
|
8114
|
+
skills_bucket: learningCountBucket(loadedSkills),
|
|
8115
|
+
insights_bucket: learningCountBucket(loadedInsights),
|
|
8116
|
+
pending_threads_bucket: learningCountBucket(loadedPendingThreads)
|
|
8117
|
+
});
|
|
8118
|
+
this.scheduleLearningPoll();
|
|
8119
|
+
this.requestUpdate();
|
|
8120
|
+
this.trackLearningViewState();
|
|
8121
|
+
if (resetSkillsPage || resetInsightsPage) this.refreshLearningSnapshot({
|
|
8122
|
+
preserve: true,
|
|
8123
|
+
...resetSkillsPage ? { skillsPage: 1 } : {},
|
|
8124
|
+
...resetInsightsPage ? { insightsPage: 1 } : {}
|
|
8125
|
+
});
|
|
8126
|
+
}
|
|
8127
|
+
}
|
|
8128
|
+
};
|
|
8129
|
+
this.copyFeaturePromptToClipboard = async (service, event, onboardingRunId = createOnboardingRunId()) => {
|
|
8130
|
+
const clipboard = this.getClipboard(event);
|
|
8131
|
+
if (!(clipboard === null || clipboard === void 0 ? void 0 : clipboard.writeText)) return false;
|
|
8132
|
+
try {
|
|
8133
|
+
await clipboard.writeText(homeFeatureImplementationPrompt(service, { onboardingRunId }));
|
|
8134
|
+
return true;
|
|
8135
|
+
} catch (_unused4) {
|
|
8136
|
+
return false;
|
|
8137
|
+
}
|
|
8138
|
+
};
|
|
8139
|
+
this.handleLearningSetupCopy = async (event) => {
|
|
8140
|
+
var _this$core;
|
|
8141
|
+
const service = this.getHomeFeaturePromptTarget("threads");
|
|
8142
|
+
if (!service || !((_this$core = this.core) === null || _this$core === void 0 ? void 0 : _this$core.runtimeUrl)) return;
|
|
8143
|
+
const copied = await this.copyFeaturePromptToClipboard(service, event, this.getOnboardingRunId());
|
|
8144
|
+
if (!this.core.telemetryDisabled) trackLearningSetupPromptClicked({ outcome: copied ? "success" : "failure" });
|
|
8145
|
+
if (!copied) {
|
|
8146
|
+
this.learningPromptCopyState = "error";
|
|
8147
|
+
this.requestUpdate();
|
|
8148
|
+
return;
|
|
8149
|
+
}
|
|
8150
|
+
this.learningPromptCopyState = "copied";
|
|
8151
|
+
this.learningSetupMarker = writeLearningSetupMarker({
|
|
8152
|
+
runtimeUrl: this.core.runtimeUrl,
|
|
8153
|
+
agentId: this.getLearningAgentId()
|
|
8154
|
+
});
|
|
8155
|
+
this.selectedMenu = "memories";
|
|
8156
|
+
this.persistState();
|
|
8157
|
+
this.requestUpdate();
|
|
8158
|
+
this.refreshLearningSnapshot({ preserve: false });
|
|
8159
|
+
};
|
|
8160
|
+
this.handleLearningPage = (event) => {
|
|
8161
|
+
var _this$learningSnapsho3, _this$learningSnapsho4, _this$learningSnapsho5, _this$learningSnapsho6, _this$core2;
|
|
8162
|
+
const { section, page } = event.detail;
|
|
8163
|
+
const currentPage = section === "skills" ? (_this$learningSnapsho3 = (_this$learningSnapsho4 = this.learningSnapshot) === null || _this$learningSnapsho4 === void 0 ? void 0 : _this$learningSnapsho4.skillsPage.page) !== null && _this$learningSnapsho3 !== void 0 ? _this$learningSnapsho3 : 1 : (_this$learningSnapsho5 = (_this$learningSnapsho6 = this.learningSnapshot) === null || _this$learningSnapsho6 === void 0 ? void 0 : _this$learningSnapsho6.insightsPage.page) !== null && _this$learningSnapsho5 !== void 0 ? _this$learningSnapsho5 : 1;
|
|
8164
|
+
if (!((_this$core2 = this.core) === null || _this$core2 === void 0 ? void 0 : _this$core2.telemetryDisabled)) trackLearningPageChanged({
|
|
8165
|
+
section,
|
|
8166
|
+
direction: page < currentPage ? "previous" : "next"
|
|
8167
|
+
});
|
|
8168
|
+
this.refreshLearningSnapshot({
|
|
8169
|
+
preserve: true,
|
|
8170
|
+
...section === "skills" ? { skillsPage: page } : { insightsPage: page }
|
|
8171
|
+
});
|
|
8172
|
+
};
|
|
8173
|
+
this.handleLearningEvidence = (event) => {
|
|
8174
|
+
this.focusThread({
|
|
8175
|
+
threadId: event.detail.threadId,
|
|
8176
|
+
...event.detail.messageId ? { messageId: event.detail.messageId } : {}
|
|
8177
|
+
});
|
|
8178
|
+
};
|
|
6399
8179
|
this.handleDocumentVisibilityChange = () => {
|
|
6400
8180
|
this.accountCtaMotionPaused = document.visibilityState !== "visible";
|
|
6401
8181
|
this.refreshInspectorDismissalState();
|
|
6402
8182
|
if (document.visibilityState === "visible" && !this.isOpen && !this.isInspectorDismissed) this.flushPendingSignalPulse();
|
|
8183
|
+
if (document.visibilityState === "visible" && this.isOpen && this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: true });
|
|
8184
|
+
else this.cancelLearningPoll();
|
|
6403
8185
|
this.requestUpdate();
|
|
6404
8186
|
};
|
|
6405
8187
|
this.handlePillClick = (event) => {
|
|
@@ -6512,7 +8294,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6512
8294
|
this.requestUpdate();
|
|
6513
8295
|
};
|
|
6514
8296
|
this.handleHomeFeaturePromptCopy = async (service, event) => {
|
|
6515
|
-
var _this$
|
|
8297
|
+
var _this$core3;
|
|
6516
8298
|
const generation = this.homeFeaturePromptCopyGeneration += 1;
|
|
6517
8299
|
if (this.homeFeaturePromptCopyResetTimeoutId !== null) {
|
|
6518
8300
|
window.clearTimeout(this.homeFeaturePromptCopyResetTimeoutId);
|
|
@@ -6521,24 +8303,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6521
8303
|
this.homeFeaturePromptCopyState = null;
|
|
6522
8304
|
this.requestUpdate();
|
|
6523
8305
|
const onboardingRunId = createOnboardingRunId();
|
|
6524
|
-
if (!((_this$
|
|
8306
|
+
if (!((_this$core3 = this.core) === null || _this$core3 === void 0 ? void 0 : _this$core3.telemetryDisabled)) trackHomeFeaturePromptClicked({
|
|
6525
8307
|
feature_id: service.id,
|
|
6526
8308
|
onboarding_run_id: onboardingRunId
|
|
6527
8309
|
});
|
|
6528
|
-
|
|
6529
|
-
|
|
6530
|
-
this.showHomeFeaturePromptCopyState(service.id, "error", generation);
|
|
6531
|
-
return;
|
|
6532
|
-
}
|
|
6533
|
-
try {
|
|
6534
|
-
await clipboard.writeText(homeFeatureImplementationPrompt(service, { onboardingRunId }));
|
|
6535
|
-
this.showHomeFeaturePromptCopyState(service.id, "copied", generation);
|
|
6536
|
-
} catch (_unused4) {
|
|
6537
|
-
this.showHomeFeaturePromptCopyState(service.id, "error", generation);
|
|
6538
|
-
}
|
|
8310
|
+
if (await this.copyFeaturePromptToClipboard(service, event, onboardingRunId)) this.showHomeFeaturePromptCopyState(service.id, "copied", generation);
|
|
8311
|
+
else this.showHomeFeaturePromptCopyState(service.id, "error", generation);
|
|
6539
8312
|
};
|
|
6540
8313
|
this.handleIntelligencePromptCopy = async (event) => {
|
|
6541
|
-
var _this$
|
|
8314
|
+
var _this$core4;
|
|
6542
8315
|
this.clearIntelligencePromptReset();
|
|
6543
8316
|
const runId = this.getOnboardingRunId();
|
|
6544
8317
|
const clipboard = this.getClipboard(event);
|
|
@@ -6553,7 +8326,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6553
8326
|
this.promptCopyState = outcome;
|
|
6554
8327
|
this.requestUpdate();
|
|
6555
8328
|
if (outcome === "copied") this.scheduleIntelligencePromptReset();
|
|
6556
|
-
if (!((_this$
|
|
8329
|
+
if (!((_this$core4 = this.core) === null || _this$core4 === void 0 ? void 0 : _this$core4.telemetryDisabled)) trackHomePromptCopied({
|
|
6557
8330
|
onboarding_run_id: runId,
|
|
6558
8331
|
outcome
|
|
6559
8332
|
});
|
|
@@ -6832,20 +8605,20 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6832
8605
|
this.requestUpdate();
|
|
6833
8606
|
const isCurrentTryFromHereRequest = () => this.selectedThreadId === threadId && this.selectedMenu === "threads";
|
|
6834
8607
|
try {
|
|
6835
|
-
var _this$
|
|
8608
|
+
var _this$core5;
|
|
6836
8609
|
const snapshot = await this.loadThreadSnapshot(thread);
|
|
6837
8610
|
if (isCurrentTryFromHereRequest()) {
|
|
6838
8611
|
this.applyThreadSnapshotToPlayground(thread, snapshot);
|
|
6839
8612
|
this.handleMenuSelect("playground");
|
|
6840
8613
|
}
|
|
6841
|
-
if (!((_this$
|
|
8614
|
+
if (!((_this$core5 = this.core) === null || _this$core5 === void 0 ? void 0 : _this$core5.telemetryDisabled)) trackThreadsTryFromHereClicked({
|
|
6842
8615
|
...this.getThreadsTelemetryProps(),
|
|
6843
8616
|
outcome: "success"
|
|
6844
8617
|
});
|
|
6845
8618
|
} catch (error) {
|
|
6846
|
-
var _this$
|
|
8619
|
+
var _this$core6;
|
|
6847
8620
|
if (isCurrentTryFromHereRequest()) this.tryFromHereError = error instanceof Error ? error.message : "Failed to load thread.";
|
|
6848
|
-
if (!((_this$
|
|
8621
|
+
if (!((_this$core6 = this.core) === null || _this$core6 === void 0 ? void 0 : _this$core6.telemetryDisabled)) trackThreadsTryFromHereClicked({
|
|
6849
8622
|
...this.getThreadsTelemetryProps(),
|
|
6850
8623
|
outcome: "failure"
|
|
6851
8624
|
});
|
|
@@ -6923,8 +8696,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6923
8696
|
(_this$playgroundAgent = this.playgroundAgent) === null || _this$playgroundAgent === void 0 || _this$playgroundAgent.abortRun();
|
|
6924
8697
|
};
|
|
6925
8698
|
this.handleInspectorMetadataActionClick = (action, placement) => {
|
|
6926
|
-
var _this$
|
|
6927
|
-
if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$
|
|
8699
|
+
var _this$core7;
|
|
8700
|
+
if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core7 = this.core) === null || _this$core7 === void 0 ? void 0 : _this$core7.telemetryDisabled)) return;
|
|
6928
8701
|
if (action.kind === "enable_intelligence") {
|
|
6929
8702
|
this.handleThreadsIntelligenceSignupClick();
|
|
6930
8703
|
return;
|
|
@@ -6939,18 +8712,18 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
6939
8712
|
} catch (_unused6) {}
|
|
6940
8713
|
};
|
|
6941
8714
|
this.handleTalkToEngineerClick = () => {
|
|
6942
|
-
var _this$
|
|
6943
|
-
if ((_this$
|
|
8715
|
+
var _this$core8;
|
|
8716
|
+
if ((_this$core8 = this.core) === null || _this$core8 === void 0 ? void 0 : _this$core8.telemetryDisabled) return;
|
|
6944
8717
|
trackTalkToEngineerClicked(this.getThreadsCtaTelemetryProps("talk_to_engineer", "sidebar_footer"));
|
|
6945
8718
|
};
|
|
6946
8719
|
this.handleThreadsIntelligenceSignupClick = () => {
|
|
6947
|
-
var _this$
|
|
6948
|
-
if ((_this$
|
|
8720
|
+
var _this$core9;
|
|
8721
|
+
if ((_this$core9 = this.core) === null || _this$core9 === void 0 ? void 0 : _this$core9.telemetryDisabled) return;
|
|
6949
8722
|
trackThreadsIntelligenceSignupClicked(this.getThreadsCtaTelemetryProps("signup", "threads_locked"));
|
|
6950
8723
|
};
|
|
6951
8724
|
this.handleThreadsTalkToEngineerClick = () => {
|
|
6952
|
-
var _this$
|
|
6953
|
-
if ((_this$
|
|
8725
|
+
var _this$core10;
|
|
8726
|
+
if ((_this$core10 = this.core) === null || _this$core10 === void 0 ? void 0 : _this$core10.telemetryDisabled) return;
|
|
6954
8727
|
trackThreadsTalkToEngineerClicked(this.getThreadsCtaTelemetryProps("talk_to_engineer", "threads_locked"));
|
|
6955
8728
|
};
|
|
6956
8729
|
this.handleThreadDividerPointerDown = (event) => {
|
|
@@ -7230,10 +9003,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7230
9003
|
}
|
|
7231
9004
|
/** Resolve a group's last visible leaf, falling back to its first leaf. */
|
|
7232
9005
|
getMenuForGroup(group) {
|
|
7233
|
-
var
|
|
9006
|
+
var _ref10, _visibleItems$find$ke, _visibleItems$find, _visibleItems$;
|
|
7234
9007
|
const visibleItems = this.getVisibleMenuItemsForGroup(group);
|
|
7235
9008
|
const rememberedMenu = this.lastSelectedMenuByGroup[group];
|
|
7236
|
-
return (
|
|
9009
|
+
return (_ref10 = (_visibleItems$find$ke = (_visibleItems$find = visibleItems.find((item) => item.key === rememberedMenu)) === null || _visibleItems$find === void 0 ? void 0 : _visibleItems$find.key) !== null && _visibleItems$find$ke !== void 0 ? _visibleItems$find$ke : (_visibleItems$ = visibleItems[0]) === null || _visibleItems$ === void 0 ? void 0 : _visibleItems$.key) !== null && _ref10 !== void 0 ? _ref10 : "home";
|
|
7237
9010
|
}
|
|
7238
9011
|
/** Replace a leaf that became hidden with its group's first visible leaf. */
|
|
7239
9012
|
reconcileSelectedMenuVisibility() {
|
|
@@ -7340,14 +9113,14 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7340
9113
|
}
|
|
7341
9114
|
/** Build the closed common property set shared by all Thread events. */
|
|
7342
9115
|
getThreadsTelemetryProps() {
|
|
7343
|
-
var _this$core$licenseSta, _this$
|
|
9116
|
+
var _this$core$licenseSta, _this$core11, _this$core$runtimeMod, _this$core12, _this$core13;
|
|
7344
9117
|
const threadServiceStatus = this.getThreadServiceStatus();
|
|
7345
9118
|
return {
|
|
7346
9119
|
intelligence_status: threadServiceStatus === "available" ? "intelligence_enabled" : threadServiceStatus === "unavailable" ? "intelligence_not_enabled" : "unknown",
|
|
7347
9120
|
thread_service_status: threadServiceStatus,
|
|
7348
|
-
license_status: (_this$core$licenseSta = (_this$
|
|
7349
|
-
runtime_mode: (_this$core$runtimeMod = (_this$
|
|
7350
|
-
runtime_url_type: getRuntimeUrlType((_this$
|
|
9121
|
+
license_status: (_this$core$licenseSta = (_this$core11 = this.core) === null || _this$core11 === void 0 ? void 0 : _this$core11.licenseStatus) !== null && _this$core$licenseSta !== void 0 ? _this$core$licenseSta : void 0,
|
|
9122
|
+
runtime_mode: (_this$core$runtimeMod = (_this$core12 = this.core) === null || _this$core12 === void 0 ? void 0 : _this$core12.runtimeMode) !== null && _this$core$runtimeMod !== void 0 ? _this$core$runtimeMod : void 0,
|
|
9123
|
+
runtime_url_type: getRuntimeUrlType((_this$core13 = this.core) === null || _this$core13 === void 0 ? void 0 : _this$core13.runtimeUrl),
|
|
7351
9124
|
telemetry_disabled: false,
|
|
7352
9125
|
has_threads: this.hasActiveVisibleThreads(),
|
|
7353
9126
|
usage_bucket: this.getThreadsUsageBucket(),
|
|
@@ -7367,8 +9140,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7367
9140
|
};
|
|
7368
9141
|
}
|
|
7369
9142
|
getMemoriesTelemetryProps() {
|
|
7370
|
-
var _this$
|
|
7371
|
-
const distinctId = !((_this$
|
|
9143
|
+
var _this$core14;
|
|
9144
|
+
const distinctId = !((_this$core14 = this.core) === null || _this$core14 === void 0 ? void 0 : _this$core14.telemetryDisabled) ? getTelemetryDistinctIdForUrl() : null;
|
|
7372
9145
|
return {
|
|
7373
9146
|
posthog_distinct_id: distinctId !== null && distinctId !== void 0 ? distinctId : void 0,
|
|
7374
9147
|
memory_count: this._memories.length,
|
|
@@ -7415,6 +9188,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7415
9188
|
this._threadsByAgent.set(agentId, threads);
|
|
7416
9189
|
this.rebuildFlattenedThreads();
|
|
7417
9190
|
this.autoSelectLatestThread();
|
|
9191
|
+
if (this.selectedMenu === "memories" && this.shouldPollLearningSetup() && !this.learningLoading && !this.learningRefreshing) this.refreshLearningSnapshot({ preserve: true });
|
|
7418
9192
|
this.requestUpdate();
|
|
7419
9193
|
});
|
|
7420
9194
|
const statusSub = store.select(createThreadStoreStatusSelector()).subscribe(({ error, isLoading }) => {
|
|
@@ -7494,10 +9268,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7494
9268
|
this.clearInspectorUsageRefresh();
|
|
7495
9269
|
}
|
|
7496
9270
|
ensureOwnedThreadStore(agentId) {
|
|
7497
|
-
var _this$
|
|
9271
|
+
var _this$core15, _core$intelligence;
|
|
7498
9272
|
if (!this.areThreadEndpointsAvailable()) return;
|
|
7499
9273
|
if (this._ownedThreadStores.has(agentId)) return;
|
|
7500
|
-
if ((_this$
|
|
9274
|
+
if ((_this$core15 = this.core) === null || _this$core15 === void 0 ? void 0 : _this$core15.getThreadStore(agentId)) return;
|
|
7501
9275
|
const core = this.core;
|
|
7502
9276
|
if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) return;
|
|
7503
9277
|
const store = (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: typeof core.ɵruntimeFetch === "function" ? core.ɵruntimeFetch : globalThis.fetch });
|
|
@@ -7554,20 +9328,20 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7554
9328
|
}
|
|
7555
9329
|
}
|
|
7556
9330
|
removeOwnedThreadStore(agentId) {
|
|
7557
|
-
var _this$
|
|
9331
|
+
var _this$core16;
|
|
7558
9332
|
const store = this._ownedThreadStores.get(agentId);
|
|
7559
9333
|
if (!store) return;
|
|
7560
9334
|
this._ownedThreadStores.delete(agentId);
|
|
7561
9335
|
store.stop();
|
|
7562
|
-
if (((_this$
|
|
9336
|
+
if (((_this$core16 = this.core) === null || _this$core16 === void 0 ? void 0 : _this$core16.getThreadStore(agentId)) === store) this.core.unregisterThreadStore(agentId);
|
|
7563
9337
|
}
|
|
7564
9338
|
teardownOwnedThreadStores() {
|
|
7565
9339
|
const ownedThreadStores = Array.from(this._ownedThreadStores);
|
|
7566
9340
|
this._ownedThreadStores.clear();
|
|
7567
9341
|
for (const [agentId, store] of ownedThreadStores) {
|
|
7568
|
-
var _this$
|
|
9342
|
+
var _this$core17;
|
|
7569
9343
|
store.stop();
|
|
7570
|
-
if (((_this$
|
|
9344
|
+
if (((_this$core17 = this.core) === null || _this$core17 === void 0 ? void 0 : _this$core17.getThreadStore(agentId)) === store) this.core.unregisterThreadStore(agentId);
|
|
7571
9345
|
}
|
|
7572
9346
|
}
|
|
7573
9347
|
coreSupportsInspectorMetadata(core) {
|
|
@@ -7597,12 +9371,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7597
9371
|
this.inspectorMetadataProjection = projectInspectorMetadata(value, runtimeLicense);
|
|
7598
9372
|
}
|
|
7599
9373
|
attachToCore(core) {
|
|
9374
|
+
var _this$inspectorMetada2;
|
|
7600
9375
|
this.runtimeStatus = core.runtimeConnectionStatus;
|
|
7601
9376
|
this.coreProperties = core.properties;
|
|
7602
9377
|
this.lastCoreError = null;
|
|
7603
9378
|
this.clearAllEventErrors();
|
|
7604
9379
|
const supportsInspectorMetadata = this.coreSupportsInspectorMetadata(core);
|
|
7605
9380
|
this.updateInspectorMetadataProjection(this.readCoreInspectorMetadata(core));
|
|
9381
|
+
this.learningSupported = core.inspectorLearning;
|
|
9382
|
+
this.learningProjectIdentity = JSON.stringify((_this$inspectorMetada2 = this.inspectorMetadataProjection.identity) !== null && _this$inspectorMetada2 !== void 0 ? _this$inspectorMetada2 : null);
|
|
7606
9383
|
this.coreSubscriber = {
|
|
7607
9384
|
onRuntimeConnectionStatusChanged: ({ status }) => {
|
|
7608
9385
|
this.runtimeStatus = status;
|
|
@@ -7610,16 +9387,22 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7610
9387
|
const threadCapabilityWasEnabled = this.threadCapabilityEnabled === true;
|
|
7611
9388
|
this.synchronizeThreadCapability();
|
|
7612
9389
|
if (status === "connected") {
|
|
9390
|
+
this.learningSupported = core.inspectorLearning;
|
|
7613
9391
|
if (!core.telemetryDisabled) {
|
|
7614
9392
|
ensureTelemetryDistinctId();
|
|
7615
9393
|
maybeShowDisclosure();
|
|
7616
9394
|
}
|
|
7617
9395
|
this.flushPendingWhatsNewTelemetry();
|
|
9396
|
+
if (this.isLearningStatusVisible()) {
|
|
9397
|
+
this.clearLearningSnapshot();
|
|
9398
|
+
this.refreshLearningSnapshot({ preserve: false });
|
|
9399
|
+
}
|
|
7618
9400
|
if (threadCapabilityWasEnabled && this.areThreadEndpointsAvailable()) for (const agentId of this._ownedThreadStores.keys()) this.refreshOwnedThreadStore(agentId);
|
|
7619
9401
|
} else {
|
|
7620
9402
|
this._threadsByAgent.clear();
|
|
7621
9403
|
this._threads = [];
|
|
7622
9404
|
this.clearInspectorUsageRefresh();
|
|
9405
|
+
this.clearLearningSnapshot();
|
|
7623
9406
|
}
|
|
7624
9407
|
this.requestUpdate();
|
|
7625
9408
|
},
|
|
@@ -7632,8 +9415,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7632
9415
|
this.requestUpdate();
|
|
7633
9416
|
},
|
|
7634
9417
|
...supportsInspectorMetadata ? { onInspectorMetadataChanged: ({ inspectorMetadata }) => {
|
|
9418
|
+
var _this$inspectorMetada3;
|
|
7635
9419
|
if (this._core !== core) return;
|
|
7636
9420
|
this.updateInspectorMetadataProjection(inspectorMetadata);
|
|
9421
|
+
const identity = JSON.stringify((_this$inspectorMetada3 = this.inspectorMetadataProjection.identity) !== null && _this$inspectorMetada3 !== void 0 ? _this$inspectorMetada3 : null);
|
|
9422
|
+
if (identity !== this.learningProjectIdentity) {
|
|
9423
|
+
this.learningProjectIdentity = identity;
|
|
9424
|
+
this.clearLearningSnapshot();
|
|
9425
|
+
if (this.isLearningStatusVisible()) this.refreshLearningSnapshot({ preserve: false });
|
|
9426
|
+
}
|
|
7637
9427
|
this.requestUpdate();
|
|
7638
9428
|
} } : {},
|
|
7639
9429
|
onError: ({ code, error, context }) => {
|
|
@@ -7794,6 +9584,72 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7794
9584
|
this._recallQuery = "";
|
|
7795
9585
|
this.requestUpdate();
|
|
7796
9586
|
}
|
|
9587
|
+
getLearningAgentId() {
|
|
9588
|
+
var _this$core18;
|
|
9589
|
+
if (this.selectedContext !== "all-agents" && ((_this$core18 = this.core) === null || _this$core18 === void 0 ? void 0 : _this$core18.agents[this.selectedContext])) return this.selectedContext;
|
|
9590
|
+
return null;
|
|
9591
|
+
}
|
|
9592
|
+
/** Whether a visible surface needs the current Learning connection status. */
|
|
9593
|
+
isLearningStatusVisible() {
|
|
9594
|
+
return this.launcherHudOpen || this.isOpen && (this.selectedMenu === "home" || this.selectedMenu === "memories");
|
|
9595
|
+
}
|
|
9596
|
+
isLearningSetupActive() {
|
|
9597
|
+
var _this$core19;
|
|
9598
|
+
const runtimeUrl = (_this$core19 = this.core) === null || _this$core19 === void 0 ? void 0 : _this$core19.runtimeUrl;
|
|
9599
|
+
if (!runtimeUrl) return false;
|
|
9600
|
+
return learningSetupMarkerMatches(this.learningSetupMarker, runtimeUrl, this.getLearningAgentId());
|
|
9601
|
+
}
|
|
9602
|
+
trackLearningViewState() {
|
|
9603
|
+
var _this$core20;
|
|
9604
|
+
if (!this.isOpen || this.selectedMenu !== "memories" || ((_this$core20 = this.core) === null || _this$core20 === void 0 ? void 0 : _this$core20.telemetryDisabled)) return;
|
|
9605
|
+
const state = deriveLearningViewState({
|
|
9606
|
+
supported: this.learningSupported,
|
|
9607
|
+
loading: this.learningLoading,
|
|
9608
|
+
error: this.learningError,
|
|
9609
|
+
snapshot: this.learningSnapshot,
|
|
9610
|
+
setupActive: this.isLearningSetupActive()
|
|
9611
|
+
});
|
|
9612
|
+
if (state === this.learningViewedState) return;
|
|
9613
|
+
this.learningViewedState = state;
|
|
9614
|
+
trackLearningPaneViewed({ state });
|
|
9615
|
+
}
|
|
9616
|
+
cancelLearningPoll() {
|
|
9617
|
+
if (this.learningPollTimer !== null) {
|
|
9618
|
+
clearTimeout(this.learningPollTimer);
|
|
9619
|
+
this.learningPollTimer = null;
|
|
9620
|
+
}
|
|
9621
|
+
}
|
|
9622
|
+
shouldPollLearningSetup() {
|
|
9623
|
+
if (!this.isOpen || this.selectedMenu !== "memories" || document.visibilityState !== "visible" || !this.learningSupported) return false;
|
|
9624
|
+
const snapshot = this.learningSnapshot;
|
|
9625
|
+
if (!snapshot) return this.isLearningSetupActive();
|
|
9626
|
+
if (snapshot.configuration.state === "not_configured") return this.isLearningSetupActive();
|
|
9627
|
+
return snapshot.configuration.state === "configured" && !snapshot.run.hasEverSucceeded && !snapshot.run.hasActiveRun && snapshot.pendingThreadCount === 0 && snapshot.skillsPage.total === 0 && snapshot.insightsPage.total === 0;
|
|
9628
|
+
}
|
|
9629
|
+
scheduleLearningPoll() {
|
|
9630
|
+
this.cancelLearningPoll();
|
|
9631
|
+
if (!this.shouldPollLearningSetup()) return;
|
|
9632
|
+
const delay = this.learningPollFailureCount === 0 ? 5e3 : this.learningPollFailureCount === 1 ? 1e4 : 3e4;
|
|
9633
|
+
this.learningPollTimer = setTimeout(() => {
|
|
9634
|
+
this.learningPollTimer = null;
|
|
9635
|
+
this.refreshLearningSnapshot({ preserve: true });
|
|
9636
|
+
}, delay);
|
|
9637
|
+
}
|
|
9638
|
+
clearLearningSnapshot() {
|
|
9639
|
+
this.cancelLearningRequest();
|
|
9640
|
+
this.learningSnapshot = null;
|
|
9641
|
+
this.learningSnapshotScope = null;
|
|
9642
|
+
this.learningError = null;
|
|
9643
|
+
this.learningLoading = false;
|
|
9644
|
+
this.learningRefreshing = false;
|
|
9645
|
+
this.cancelLearningPoll();
|
|
9646
|
+
}
|
|
9647
|
+
cancelLearningRequest() {
|
|
9648
|
+
var _this$learningAbortCo2;
|
|
9649
|
+
this.learningRequestGeneration += 1;
|
|
9650
|
+
(_this$learningAbortCo2 = this.learningAbortController) === null || _this$learningAbortCo2 === void 0 || _this$learningAbortCo2.abort();
|
|
9651
|
+
this.learningAbortController = null;
|
|
9652
|
+
}
|
|
7797
9653
|
detachFromCore() {
|
|
7798
9654
|
var _this$_memoryUnsub;
|
|
7799
9655
|
this.threadCapabilityGeneration += 1;
|
|
@@ -7821,6 +9677,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7821
9677
|
this._recallLoading = false;
|
|
7822
9678
|
this._recallError = null;
|
|
7823
9679
|
this._recallQuery = "";
|
|
9680
|
+
this.clearLearningSnapshot();
|
|
9681
|
+
this.learningSupported = false;
|
|
7824
9682
|
this.coreSubscriber = null;
|
|
7825
9683
|
this.runtimeStatus = null;
|
|
7826
9684
|
this.cancelThreadRefreshDebounce();
|
|
@@ -7847,6 +9705,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7847
9705
|
this.eventCounter = 0;
|
|
7848
9706
|
}
|
|
7849
9707
|
processAgentsChanged(agents) {
|
|
9708
|
+
var _this$core21, _this$learningSetupMa;
|
|
9709
|
+
const previousLearningAgentId = this.getLearningAgentId();
|
|
7850
9710
|
this.synchronizeThreadCapability();
|
|
7851
9711
|
const seenAgentIds = /* @__PURE__ */ new Set();
|
|
7852
9712
|
for (const agent of Object.values(agents)) {
|
|
@@ -7862,6 +9722,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
7862
9722
|
this.agentStates.delete(agentId);
|
|
7863
9723
|
}
|
|
7864
9724
|
this.updateContextOptions(seenAgentIds);
|
|
9725
|
+
const learningAgentId = this.getLearningAgentId();
|
|
9726
|
+
if (learningAgentId && ((_this$core21 = this.core) === null || _this$core21 === void 0 ? void 0 : _this$core21.runtimeUrl) && ((_this$learningSetupMa = this.learningSetupMarker) === null || _this$learningSetupMa === void 0 ? void 0 : _this$learningSetupMa.agentId) === null && learningSetupMarkerMatches(this.learningSetupMarker, this.core.runtimeUrl, null)) this.learningSetupMarker = writeLearningSetupMarker({
|
|
9727
|
+
runtimeUrl: this.core.runtimeUrl,
|
|
9728
|
+
agentId: learningAgentId
|
|
9729
|
+
});
|
|
9730
|
+
if (previousLearningAgentId !== learningAgentId && this.isLearningStatusVisible()) {
|
|
9731
|
+
this.clearLearningSnapshot();
|
|
9732
|
+
this.refreshLearningSnapshot({ preserve: false });
|
|
9733
|
+
}
|
|
7865
9734
|
this.refreshToolsSnapshot();
|
|
7866
9735
|
this.requestUpdate();
|
|
7867
9736
|
}
|
|
@@ -8226,8 +10095,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8226
10095
|
return lit.html`
|
|
8227
10096
|
<div class="mt-2 space-y-2">
|
|
8228
10097
|
${toolCalls.map((call, index) => {
|
|
8229
|
-
var
|
|
8230
|
-
const functionName = (
|
|
10098
|
+
var _ref11, _call$function$name, _call$function, _call$function2, _call$function3;
|
|
10099
|
+
const functionName = (_ref11 = (_call$function$name = (_call$function = call.function) === null || _call$function === void 0 ? void 0 : _call$function.name) !== null && _call$function$name !== void 0 ? _call$function$name : call.toolName) !== null && _ref11 !== void 0 ? _ref11 : "Unknown function";
|
|
8231
10100
|
const callId = typeof (call === null || call === void 0 ? void 0 : call.id) === "string" ? call.id : `tool-call-${index + 1}`;
|
|
8232
10101
|
const argsString = this.formatToolCallArguments((_call$function2 = call.function) === null || _call$function2 === void 0 ? void 0 : _call$function2.arguments);
|
|
8233
10102
|
const isFailedCall = (toolError === null || toolError === void 0 ? void 0 : toolError.toolCallId) !== void 0 && toolError.toolCallId === callId;
|
|
@@ -8369,6 +10238,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8369
10238
|
const viteHot = {}.hot;
|
|
8370
10239
|
if (viteHot) viteHot.on("vite:beforeUpdate", this.handleAppBeforeUnload);
|
|
8371
10240
|
this.hydrateStateFromStorageEarly();
|
|
10241
|
+
this.learningSetupMarker = readLearningSetupMarker();
|
|
10242
|
+
this.learningSetupUnsubscribe = subscribeToLearningSetupMarker((marker) => {
|
|
10243
|
+
this.learningSetupMarker = marker;
|
|
10244
|
+
this.requestUpdate();
|
|
10245
|
+
this.scheduleLearningPoll();
|
|
10246
|
+
});
|
|
8372
10247
|
this.refreshInspectorDismissalState();
|
|
8373
10248
|
this.subscribeToSystemColorScheme();
|
|
8374
10249
|
this.exampleTourDismissed = this.readThreadsExampleTourDismissed();
|
|
@@ -8383,6 +10258,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8383
10258
|
ensureBrandFont(document);
|
|
8384
10259
|
}
|
|
8385
10260
|
disconnectedCallback() {
|
|
10261
|
+
var _this$learningSetupUn;
|
|
8386
10262
|
super.disconnectedCallback();
|
|
8387
10263
|
this.closePopOut();
|
|
8388
10264
|
if (typeof window !== "undefined") {
|
|
@@ -8400,6 +10276,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8400
10276
|
}
|
|
8401
10277
|
this.clearIconRailContextCloseTimer();
|
|
8402
10278
|
this.unsubscribeFromInspectorThreadBridge();
|
|
10279
|
+
(_this$learningSetupUn = this.learningSetupUnsubscribe) === null || _this$learningSetupUn === void 0 || _this$learningSetupUn.call(this);
|
|
10280
|
+
this.learningSetupUnsubscribe = null;
|
|
10281
|
+
this.clearLearningSnapshot();
|
|
8403
10282
|
this.stopIntelligenceStory();
|
|
8404
10283
|
this.clearIntelligencePromptReset();
|
|
8405
10284
|
this.homeFeaturePromptCopyGeneration += 1;
|
|
@@ -8712,6 +10591,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8712
10591
|
this.resolveLauncherHudSide();
|
|
8713
10592
|
this.launcherHudIntro = true;
|
|
8714
10593
|
this.launcherHudOpen = true;
|
|
10594
|
+
this.refreshLearningSnapshot({ preserve: true });
|
|
8715
10595
|
this.requestUpdate();
|
|
8716
10596
|
this.launcherHudIntroEndTimer = setTimeout(() => {
|
|
8717
10597
|
this.launcherHudIntroEndTimer = null;
|
|
@@ -8759,6 +10639,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
8759
10639
|
}
|
|
8760
10640
|
if (this.launcherHudOpen) return;
|
|
8761
10641
|
this.launcherHudOpen = true;
|
|
10642
|
+
this.refreshLearningSnapshot({ preserve: true });
|
|
8762
10643
|
this.requestUpdate();
|
|
8763
10644
|
}
|
|
8764
10645
|
closeLauncherHud() {
|
|
@@ -9143,7 +11024,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
9143
11024
|
`;
|
|
9144
11025
|
}
|
|
9145
11026
|
getHomeModel() {
|
|
9146
|
-
var _this$_core6, _this$_core7, _this$_core8, _this$_core9, _this$_core10, _this$_core11, _this$_core12, _this$announcementPre2, _this$announcementMar, _this$announcementHtm;
|
|
11027
|
+
var _this$_core6, _this$_core7, _this$learningSnapsho7, _this$_core8, _this$_core9, _this$_core10, _this$_core11, _this$_core12, _this$announcementPre2, _this$announcementMar, _this$announcementHtm;
|
|
9147
11028
|
const lastRuntimeEvent = this.flattenedEvents[0];
|
|
9148
11029
|
return buildHomeModel({
|
|
9149
11030
|
intelligenceConnected: Boolean((_this$_core6 = this._core) === null || _this$_core6 === void 0 ? void 0 : _this$_core6.intelligence),
|
|
@@ -9157,7 +11038,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
9157
11038
|
type: lastRuntimeEvent.type,
|
|
9158
11039
|
timestamp: lastRuntimeEvent.timestamp
|
|
9159
11040
|
} : void 0,
|
|
9160
|
-
|
|
11041
|
+
learningOn: this.learningSupported && this.learningError === null && ((_this$learningSnapsho7 = this.learningSnapshot) === null || _this$learningSnapsho7 === void 0 ? void 0 : _this$learningSnapsho7.configuration.state) === "configured",
|
|
9161
11042
|
a2uiOn: ((_this$_core8 = this._core) === null || _this$_core8 === void 0 ? void 0 : _this$_core8.a2uiEnabled) === true,
|
|
9162
11043
|
openGenUiOn: ((_this$_core9 = this._core) === null || _this$_core9 === void 0 ? void 0 : _this$_core9.openGenerativeUIEnabled) === true,
|
|
9163
11044
|
suggestionsOn: ((_this$_core10 = this._core) === null || _this$_core10 === void 0 ? void 0 : _this$_core10.suggestions) === true,
|
|
@@ -9704,11 +11585,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
9704
11585
|
getHomeFeaturePromptTarget(serviceId) {
|
|
9705
11586
|
return this.getHomeModel().services.find((service) => service.id === serviceId);
|
|
9706
11587
|
}
|
|
9707
|
-
renderFeatureSetupPrompt(serviceId, className) {
|
|
9708
|
-
var _this$homeFeatureProm2;
|
|
11588
|
+
renderFeatureSetupPrompt(serviceId, className, options) {
|
|
11589
|
+
var _options$copyState, _this$homeFeatureProm2;
|
|
9709
11590
|
const service = this.getHomeFeaturePromptTarget(serviceId);
|
|
9710
11591
|
if (!service) return lit.nothing;
|
|
9711
|
-
const copyState = ((_this$homeFeatureProm2 = this.homeFeaturePromptCopyState) === null || _this$homeFeatureProm2 === void 0 ? void 0 : _this$homeFeatureProm2.serviceId) === service.id ? this.homeFeaturePromptCopyState.state : "idle";
|
|
11592
|
+
const copyState = (_options$copyState = options === null || options === void 0 ? void 0 : options.copyState) !== null && _options$copyState !== void 0 ? _options$copyState : ((_this$homeFeatureProm2 = this.homeFeaturePromptCopyState) === null || _this$homeFeatureProm2 === void 0 ? void 0 : _this$homeFeatureProm2.serviceId) === service.id ? this.homeFeaturePromptCopyState.state : "idle";
|
|
9712
11593
|
const label = copyState === "copied" ? "Copied" : copyState === "error" ? "Copy blocked" : "Copy setup prompt";
|
|
9713
11594
|
return lit.html`
|
|
9714
11595
|
<button
|
|
@@ -9718,7 +11599,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
9718
11599
|
data-inspector-threads-setup-prompt=${service.id === "threads" ? "" : lit.nothing}
|
|
9719
11600
|
data-copy-state=${copyState}
|
|
9720
11601
|
aria-label=${copyState === "copied" ? `${service.label} setup prompt copied` : copyState === "error" ? `Could not copy the ${service.label} setup prompt. Try again` : `Copy setup prompt for ${service.label}`}
|
|
9721
|
-
@click=${(event) => this.handleHomeFeaturePromptCopy(service, event)}
|
|
11602
|
+
@click=${(event) => (options === null || options === void 0 ? void 0 : options.onClick) ? options.onClick(event) : this.handleHomeFeaturePromptCopy(service, event)}
|
|
9722
11603
|
>
|
|
9723
11604
|
${this.renderIcon(copyState === "copied" ? "Check" : "Copy")}
|
|
9724
11605
|
${label}
|
|
@@ -9729,8 +11610,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
9729
11610
|
`;
|
|
9730
11611
|
}
|
|
9731
11612
|
handleHomeHeroCta(action) {
|
|
9732
|
-
var _this$
|
|
9733
|
-
if ((_this$
|
|
11613
|
+
var _this$core22;
|
|
11614
|
+
if ((_this$core22 = this.core) === null || _this$core22 === void 0 ? void 0 : _this$core22.telemetryDisabled) return;
|
|
9734
11615
|
trackHomeCtaClicked({ action_kind: action.kind });
|
|
9735
11616
|
}
|
|
9736
11617
|
/**
|
|
@@ -10043,12 +11924,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
10043
11924
|
}
|
|
10044
11925
|
/** A press pins that beat and stops the loop; the developer is now driving. */
|
|
10045
11926
|
pinIntelligenceStoryBeat(index) {
|
|
10046
|
-
var _this$
|
|
11927
|
+
var _this$core23;
|
|
10047
11928
|
this.intelStoryUserPinned = true;
|
|
10048
11929
|
this.intelStoryBeat = index;
|
|
10049
11930
|
this.stopIntelligenceStory();
|
|
10050
11931
|
this.requestUpdate();
|
|
10051
|
-
if (!((_this$
|
|
11932
|
+
if (!((_this$core23 = this.core) === null || _this$core23 === void 0 ? void 0 : _this$core23.telemetryDisabled)) {
|
|
10052
11933
|
const beat = INTELLIGENCE_STORY_BEATS[index];
|
|
10053
11934
|
if (beat) trackHomeStoryBeatSelected({
|
|
10054
11935
|
beat: beat.id,
|
|
@@ -10112,9 +11993,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
10112
11993
|
return false;
|
|
10113
11994
|
}
|
|
10114
11995
|
maybeTrackHomeViewed() {
|
|
10115
|
-
var _this$
|
|
11996
|
+
var _this$core24;
|
|
10116
11997
|
if (this.selectedMenu !== "home" || this.settingsOpen || !this.isOpen) return;
|
|
10117
|
-
if (!this.homeViewedThisOpen && !((_this$
|
|
11998
|
+
if (!this.homeViewedThisOpen && !((_this$core24 = this.core) === null || _this$core24 === void 0 ? void 0 : _this$core24.telemetryDisabled)) {
|
|
10118
11999
|
this.homeViewedThisOpen = true;
|
|
10119
12000
|
trackHomeViewed();
|
|
10120
12001
|
}
|
|
@@ -10764,6 +12645,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
10764
12645
|
}
|
|
10765
12646
|
this.ensureAnnouncementLoading();
|
|
10766
12647
|
this.isOpen = true;
|
|
12648
|
+
if (this.isLearningStatusVisible()) this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null });
|
|
10767
12649
|
this.cancelGestureTail();
|
|
10768
12650
|
this.persistState();
|
|
10769
12651
|
this.trackOpened(source, hadUnseenAnnouncement, firstOpen, activeSignalAtOpen);
|
|
@@ -10781,6 +12663,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
10781
12663
|
if (this.isPoppedOut) return;
|
|
10782
12664
|
if (!this.isOpen) return;
|
|
10783
12665
|
this.isOpen = false;
|
|
12666
|
+
this.cancelLearningPoll();
|
|
12667
|
+
this.cancelLearningRequest();
|
|
12668
|
+
this.learningViewedState = null;
|
|
10784
12669
|
if (this.dockMode !== "floating") this.removeDockStyles();
|
|
10785
12670
|
this.persistState();
|
|
10786
12671
|
this.updateHostTransform("button");
|
|
@@ -11571,8 +13456,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11571
13456
|
`;
|
|
11572
13457
|
}
|
|
11573
13458
|
renderSettingsPanel() {
|
|
11574
|
-
var _this$core$telemetryD, _this$
|
|
11575
|
-
const optedOut = (_this$core$telemetryD = (_this$
|
|
13459
|
+
var _this$core$telemetryD, _this$core25;
|
|
13460
|
+
const optedOut = (_this$core$telemetryD = (_this$core25 = this.core) === null || _this$core25 === void 0 ? void 0 : _this$core25.telemetryDisabled) !== null && _this$core$telemetryD !== void 0 ? _this$core$telemetryD : false;
|
|
11576
13461
|
return lit.html`
|
|
11577
13462
|
<div
|
|
11578
13463
|
class="inspector-settings"
|
|
@@ -11685,16 +13570,16 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11685
13570
|
`;
|
|
11686
13571
|
}
|
|
11687
13572
|
trackOpened(source, hadUnseenAnnouncement, firstOpen = false, activeSignal = null) {
|
|
11688
|
-
var _this$
|
|
11689
|
-
if ((_this$
|
|
13573
|
+
var _this$core26, _this$core$licenseSta2, _this$core27, _this$core$runtimeMod2, _this$core28, _this$core29;
|
|
13574
|
+
if ((_this$core26 = this.core) === null || _this$core26 === void 0 ? void 0 : _this$core26.telemetryDisabled) return;
|
|
11690
13575
|
const errorSignal = activeSignal !== null && isErrorSignalKey(activeSignal) ? activeSignal : null;
|
|
11691
13576
|
trackInspectorOpened({
|
|
11692
13577
|
open_source: source,
|
|
11693
13578
|
...this.runtimeStatus === "connected" ? {
|
|
11694
|
-
license_status: (_this$core$licenseSta2 = (_this$
|
|
11695
|
-
runtime_mode: (_this$core$runtimeMod2 = (_this$
|
|
13579
|
+
license_status: (_this$core$licenseSta2 = (_this$core27 = this.core) === null || _this$core27 === void 0 ? void 0 : _this$core27.licenseStatus) !== null && _this$core$licenseSta2 !== void 0 ? _this$core$licenseSta2 : void 0,
|
|
13580
|
+
runtime_mode: (_this$core$runtimeMod2 = (_this$core28 = this.core) === null || _this$core28 === void 0 ? void 0 : _this$core28.runtimeMode) !== null && _this$core$runtimeMod2 !== void 0 ? _this$core$runtimeMod2 : void 0
|
|
11696
13581
|
} : {},
|
|
11697
|
-
runtime_url_type: getRuntimeUrlType((_this$
|
|
13582
|
+
runtime_url_type: getRuntimeUrlType((_this$core29 = this.core) === null || _this$core29 === void 0 ? void 0 : _this$core29.runtimeUrl),
|
|
11698
13583
|
has_unseen_announcement: hadUnseenAnnouncement,
|
|
11699
13584
|
has_error_signal: errorSignal !== null,
|
|
11700
13585
|
...errorSignal === null ? {} : { error_signal_source: errorSignal },
|
|
@@ -11702,15 +13587,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11702
13587
|
});
|
|
11703
13588
|
}
|
|
11704
13589
|
getVisibleInspectorMetadataAction() {
|
|
11705
|
-
const { threadsFooterAction
|
|
11706
|
-
if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads") return {
|
|
13590
|
+
const { threadsFooterAction } = this.inspectorMetadataProjection;
|
|
13591
|
+
if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads" && this.areThreadEndpointsAvailable()) return {
|
|
11707
13592
|
action: threadsFooterAction,
|
|
11708
13593
|
placement: "threads-footer"
|
|
11709
13594
|
};
|
|
11710
|
-
if (lockedAction && !this.settingsOpen && this.selectedMenu === "threads" && !this.areThreadEndpointsAvailable()) return {
|
|
11711
|
-
action: lockedAction,
|
|
11712
|
-
placement: "locked"
|
|
11713
|
-
};
|
|
11714
13595
|
}
|
|
11715
13596
|
/** Return paired stable navigation keys, or neither for an invalid leaf. */
|
|
11716
13597
|
getMetadataTelemetryNavigation() {
|
|
@@ -11737,8 +13618,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11737
13618
|
} catch (_unused17) {}
|
|
11738
13619
|
}
|
|
11739
13620
|
maybeTrackInspectorMetadataViews() {
|
|
11740
|
-
var _this$
|
|
11741
|
-
if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$
|
|
13621
|
+
var _this$core30, _telemetryContext$gro, _telemetryContext$lea;
|
|
13622
|
+
if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core30 = this.core) === null || _this$core30 === void 0 ? void 0 : _this$core30.telemetryDisabled)) return;
|
|
11742
13623
|
const { identity, plan } = this.inspectorMetadataProjection;
|
|
11743
13624
|
const license_bucket = this.inspectorMetadataProjection.licenseState;
|
|
11744
13625
|
const telemetryContext = this.getMetadataTelemetryContext();
|
|
@@ -11790,8 +13671,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11790
13671
|
} else this.metadataTelemetryFingerprints.delete("action");
|
|
11791
13672
|
}
|
|
11792
13673
|
trackWhatsNewClickedOnce(opts) {
|
|
11793
|
-
var _this$
|
|
11794
|
-
if (this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$
|
|
13674
|
+
var _this$core31, _this$announcementCta;
|
|
13675
|
+
if (this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core31 = this.core) === null || _this$core31 === void 0 ? void 0 : _this$core31.telemetryDisabled)) return;
|
|
11795
13676
|
const id = this.announcementTimestamp;
|
|
11796
13677
|
if (!id) return;
|
|
11797
13678
|
const key = `${id}:${opts.cta}`;
|
|
@@ -11804,8 +13685,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11804
13685
|
});
|
|
11805
13686
|
}
|
|
11806
13687
|
trackThreadsViewStateOnce(state) {
|
|
11807
|
-
var _this$
|
|
11808
|
-
if ((_this$
|
|
13688
|
+
var _this$core32;
|
|
13689
|
+
if ((_this$core32 = this.core) === null || _this$core32 === void 0 ? void 0 : _this$core32.telemetryDisabled) return;
|
|
11809
13690
|
const key = `${state}:${this.getThreadServiceStatus()}`;
|
|
11810
13691
|
if (this.viewedThreadsTelemetryStates.has(key)) return;
|
|
11811
13692
|
this.viewedThreadsTelemetryStates.add(key);
|
|
@@ -11814,8 +13695,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11814
13695
|
else if (state === "empty_enabled") trackThreadsEmptyEnabledViewed(props);
|
|
11815
13696
|
else trackThreadsEnabledViewed(props);
|
|
11816
13697
|
}
|
|
11817
|
-
shouldRenderExampleThreads(
|
|
11818
|
-
return
|
|
13698
|
+
shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading) {
|
|
13699
|
+
return !threadsErrorMessage && !threadsLoading && displayThreads.length === 0;
|
|
11819
13700
|
}
|
|
11820
13701
|
isExampleThreadId(threadId) {
|
|
11821
13702
|
return THREADS_EXAMPLE_THREADS.some((thread) => thread.id === threadId);
|
|
@@ -11852,8 +13733,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11852
13733
|
return provider;
|
|
11853
13734
|
}
|
|
11854
13735
|
trackThreadsExampleViewedOnce() {
|
|
11855
|
-
var _this$
|
|
11856
|
-
if ((_this$
|
|
13736
|
+
var _this$core33;
|
|
13737
|
+
if ((_this$core33 = this.core) === null || _this$core33 === void 0 ? void 0 : _this$core33.telemetryDisabled) return;
|
|
11857
13738
|
for (const thread of THREADS_EXAMPLE_THREADS) {
|
|
11858
13739
|
const exampleKind = getExampleKind(thread.id);
|
|
11859
13740
|
if (!exampleKind || this.viewedExampleKinds.has(exampleKind)) continue;
|
|
@@ -11865,8 +13746,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11865
13746
|
}
|
|
11866
13747
|
}
|
|
11867
13748
|
trackThreadsExampleSelectedOnce(threadId) {
|
|
11868
|
-
var _this$
|
|
11869
|
-
if ((_this$
|
|
13749
|
+
var _this$core34;
|
|
13750
|
+
if ((_this$core34 = this.core) === null || _this$core34 === void 0 ? void 0 : _this$core34.telemetryDisabled) return;
|
|
11870
13751
|
const exampleKind = getExampleKind(threadId);
|
|
11871
13752
|
if (!exampleKind || this.selectedExampleKinds.has(exampleKind)) return;
|
|
11872
13753
|
this.selectedExampleKinds.add(exampleKind);
|
|
@@ -11932,8 +13813,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11932
13813
|
};
|
|
11933
13814
|
}
|
|
11934
13815
|
trackThreadsExampleTourStepViewedOnce() {
|
|
11935
|
-
var _this$
|
|
11936
|
-
if (((_this$
|
|
13816
|
+
var _this$core35;
|
|
13817
|
+
if (((_this$core35 = this.core) === null || _this$core35 === void 0 ? void 0 : _this$core35.telemetryDisabled) || !this.selectedThreadId) return;
|
|
11937
13818
|
const props = this.getCurrentExampleTourProps();
|
|
11938
13819
|
if (!props) return;
|
|
11939
13820
|
const key = `${props.example_kind}:${props.tour_step}`;
|
|
@@ -11952,18 +13833,18 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11952
13833
|
});
|
|
11953
13834
|
}
|
|
11954
13835
|
startExampleTour(autoStarted) {
|
|
11955
|
-
var _this$
|
|
13836
|
+
var _this$core37;
|
|
11956
13837
|
if (!this.selectedThreadId) return;
|
|
11957
13838
|
this.exampleTourActive = true;
|
|
11958
13839
|
this.exampleTourStep = 0;
|
|
11959
13840
|
if (autoStarted) {
|
|
11960
|
-
var _this$
|
|
13841
|
+
var _this$core36;
|
|
11961
13842
|
this.exampleTourAutoShown = true;
|
|
11962
|
-
if (!((_this$
|
|
13843
|
+
if (!((_this$core36 = this.core) === null || _this$core36 === void 0 ? void 0 : _this$core36.telemetryDisabled)) {
|
|
11963
13844
|
const props = this.getCurrentExampleTourProps();
|
|
11964
13845
|
if (props) trackThreadsExampleTourStarted(props);
|
|
11965
13846
|
}
|
|
11966
|
-
} else if (!((_this$
|
|
13847
|
+
} else if (!((_this$core37 = this.core) === null || _this$core37 === void 0 ? void 0 : _this$core37.telemetryDisabled)) {
|
|
11967
13848
|
const props = this.getCurrentExampleTourProps();
|
|
11968
13849
|
if (props) trackThreadsExampleTourReopened(props);
|
|
11969
13850
|
}
|
|
@@ -11979,12 +13860,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
11979
13860
|
this.requestUpdate();
|
|
11980
13861
|
}
|
|
11981
13862
|
dismissExampleTour(method) {
|
|
11982
|
-
var _this$
|
|
13863
|
+
var _this$core38;
|
|
11983
13864
|
if (!this.selectedThreadId) return;
|
|
11984
13865
|
this.exampleTourActive = false;
|
|
11985
13866
|
this.exampleTourDismissed = true;
|
|
11986
13867
|
this.writeThreadsExampleTourDismissed();
|
|
11987
|
-
if (!((_this$
|
|
13868
|
+
if (!((_this$core38 = this.core) === null || _this$core38 === void 0 ? void 0 : _this$core38.telemetryDisabled)) {
|
|
11988
13869
|
const currentProps = this.getCurrentExampleTourProps();
|
|
11989
13870
|
if (currentProps) {
|
|
11990
13871
|
const props = {
|
|
@@ -12245,45 +14126,113 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12245
14126
|
` : lit.nothing}
|
|
12246
14127
|
`;
|
|
12247
14128
|
}
|
|
12248
|
-
renderThreadsExampleOverview(
|
|
12249
|
-
var _lockedCopy$heading, _lockedCopy$descripti;
|
|
12250
|
-
const lockedCopy = locked ? this.getThreadsLockedCopy() : void 0;
|
|
12251
|
-
const { lockedAction } = this.inspectorMetadataProjection;
|
|
14129
|
+
renderThreadsExampleOverview() {
|
|
12252
14130
|
const onboardingAction = this.getThreadsEmptyOnboardingAction();
|
|
12253
14131
|
return lit.html`
|
|
12254
14132
|
<div class="cpk-threads-overview">
|
|
12255
14133
|
<div class="cpk-threads-overview-content">
|
|
12256
14134
|
<h2 class="cpk-threads-overview-title">
|
|
12257
|
-
|
|
14135
|
+
Threads are persistent, inspectable conversations
|
|
12258
14136
|
</h2>
|
|
12259
14137
|
${this.renderThreadsExampleOverviewVideo()}
|
|
12260
14138
|
<p class="cpk-threads-overview-copy">
|
|
12261
|
-
|
|
14139
|
+
Take a tour with the example threads in the sidebar. Then, start
|
|
14140
|
+
chatting in your app to create the first real thread.
|
|
12262
14141
|
</p>
|
|
12263
|
-
${locked ? this.renderRuntimeEntitlementDiagnostic(this.getRuntimeEntitlementDiagnostic()) : lit.nothing}
|
|
12264
14142
|
<div class="cpk-threads-overview-actions">
|
|
12265
|
-
|
|
12266
|
-
|
|
12267
|
-
|
|
12268
|
-
|
|
12269
|
-
|
|
12270
|
-
|
|
12271
|
-
|
|
12272
|
-
|
|
12273
|
-
|
|
12274
|
-
|
|
12275
|
-
|
|
12276
|
-
|
|
12277
|
-
|
|
12278
|
-
|
|
12279
|
-
|
|
12280
|
-
|
|
12281
|
-
|
|
12282
|
-
|
|
12283
|
-
|
|
12284
|
-
|
|
12285
|
-
|
|
14143
|
+
<a
|
|
14144
|
+
href=${this.getThreadsDocsUrl()}
|
|
14145
|
+
target="_blank"
|
|
14146
|
+
rel="noopener"
|
|
14147
|
+
class="cpk-threads-overview-action cpk-threads-overview-action-primary"
|
|
14148
|
+
>
|
|
14149
|
+
Learn how Threads work
|
|
14150
|
+
</a>
|
|
14151
|
+
<a
|
|
14152
|
+
href=${onboardingAction.href}
|
|
14153
|
+
target="_blank"
|
|
14154
|
+
rel="noopener"
|
|
14155
|
+
class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
|
|
14156
|
+
>
|
|
14157
|
+
${onboardingAction.label}
|
|
14158
|
+
</a>
|
|
14159
|
+
</div>
|
|
14160
|
+
</div>
|
|
14161
|
+
</div>
|
|
14162
|
+
`;
|
|
14163
|
+
}
|
|
14164
|
+
renderLockedFeatureOverview({ serviceId, featureName, heading, description, videoUrl, videoTitle, outlineItems, setupPrompt }) {
|
|
14165
|
+
var _setupPrompt$serviceI;
|
|
14166
|
+
return lit.html`
|
|
14167
|
+
<div
|
|
14168
|
+
class="cpk-locked-feature"
|
|
14169
|
+
data-inspector-locked-feature=${serviceId}
|
|
14170
|
+
>
|
|
14171
|
+
<div class="cpk-locked-feature-layout">
|
|
14172
|
+
<div class="cpk-locked-feature-hero">
|
|
14173
|
+
<div class="cpk-locked-feature-copy">
|
|
14174
|
+
<div class="cpk-locked-feature-name">
|
|
14175
|
+
<span class="cpk-locked-feature-icon" aria-hidden="true">
|
|
14176
|
+
${serviceId === "threads" ? (0, lit_directives_unsafe_html_js.unsafeHTML)(this.customTabIcons.threads) : this.renderIcon("Brain")}
|
|
14177
|
+
</span>
|
|
14178
|
+
${featureName}
|
|
14179
|
+
</div>
|
|
14180
|
+
<h2 class="cpk-locked-feature-title">${heading}</h2>
|
|
14181
|
+
<p class="cpk-locked-feature-description">${description}</p>
|
|
14182
|
+
<div class="cpk-threads-overview-actions">
|
|
14183
|
+
${this.renderFeatureSetupPrompt((_setupPrompt$serviceI = setupPrompt === null || setupPrompt === void 0 ? void 0 : setupPrompt.serviceId) !== null && _setupPrompt$serviceI !== void 0 ? _setupPrompt$serviceI : serviceId, "inspector-account-cta cpk-locked-feature-setup-cta", setupPrompt ? {
|
|
14184
|
+
copyState: setupPrompt.copyState,
|
|
14185
|
+
onClick: setupPrompt.onClick
|
|
14186
|
+
} : void 0)}
|
|
14187
|
+
<a
|
|
14188
|
+
data-inspector-locked-feature-talk=${serviceId}
|
|
14189
|
+
href=${this.getTalkToEngineerUrl()}
|
|
14190
|
+
target="_blank"
|
|
14191
|
+
rel="noopener noreferrer"
|
|
14192
|
+
aria-label="Talk to an Engineer (opens in a new tab)"
|
|
14193
|
+
class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
|
|
14194
|
+
@click=${this.handleThreadsTalkToEngineerClick}
|
|
14195
|
+
>
|
|
14196
|
+
Talk to an Engineer
|
|
14197
|
+
</a>
|
|
14198
|
+
</div>
|
|
14199
|
+
</div>
|
|
14200
|
+
<div class="cpk-locked-feature-media">
|
|
14201
|
+
<div class="cpk-threads-overview-video-frame cpk-locked-feature-video">
|
|
14202
|
+
<iframe
|
|
14203
|
+
class="cpk-threads-overview-video-embed"
|
|
14204
|
+
data-inspector-feature-video=${serviceId}
|
|
14205
|
+
src=${videoUrl}
|
|
14206
|
+
title=${videoTitle}
|
|
14207
|
+
loading="lazy"
|
|
14208
|
+
allow="fullscreen; picture-in-picture"
|
|
14209
|
+
allowfullscreen
|
|
14210
|
+
></iframe>
|
|
14211
|
+
</div>
|
|
14212
|
+
</div>
|
|
12286
14213
|
</div>
|
|
14214
|
+
<section
|
|
14215
|
+
class="cpk-locked-feature-outline"
|
|
14216
|
+
data-inspector-feature-outline=${serviceId}
|
|
14217
|
+
aria-label="${featureName} capabilities"
|
|
14218
|
+
>
|
|
14219
|
+
<div class="cpk-locked-feature-outline-list">
|
|
14220
|
+
${outlineItems.map((item) => lit.html`
|
|
14221
|
+
<section class="cpk-locked-feature-outline-item">
|
|
14222
|
+
<h3>
|
|
14223
|
+
<span
|
|
14224
|
+
class="cpk-locked-feature-outline-icon"
|
|
14225
|
+
aria-hidden="true"
|
|
14226
|
+
>
|
|
14227
|
+
${this.renderIcon(item.icon)}
|
|
14228
|
+
</span>
|
|
14229
|
+
${item.title}
|
|
14230
|
+
</h3>
|
|
14231
|
+
<p>${item.description}</p>
|
|
14232
|
+
</section>
|
|
14233
|
+
`)}
|
|
14234
|
+
</div>
|
|
14235
|
+
</section>
|
|
12287
14236
|
</div>
|
|
12288
14237
|
</div>
|
|
12289
14238
|
`;
|
|
@@ -12342,56 +14291,6 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12342
14291
|
</div>
|
|
12343
14292
|
</div>
|
|
12344
14293
|
</div>
|
|
12345
|
-
`;
|
|
12346
|
-
}
|
|
12347
|
-
renderThreadsLockedBackgroundMockup() {
|
|
12348
|
-
return lit.html`
|
|
12349
|
-
<div aria-hidden="true" class="cpk-locked-preview">
|
|
12350
|
-
<div class="cpk-locked-preview-sidebar">
|
|
12351
|
-
${[
|
|
12352
|
-
{
|
|
12353
|
-
width: 74,
|
|
12354
|
-
accent: true
|
|
12355
|
-
},
|
|
12356
|
-
{ width: 92 },
|
|
12357
|
-
{ width: 68 },
|
|
12358
|
-
{ width: 84 },
|
|
12359
|
-
{ width: 58 },
|
|
12360
|
-
{ width: 76 }
|
|
12361
|
-
].map((row) => lit.html`
|
|
12362
|
-
<div
|
|
12363
|
-
class="cpk-locked-preview-row"
|
|
12364
|
-
data-accent=${row.accent ? "true" : "false"}
|
|
12365
|
-
>
|
|
12366
|
-
<div
|
|
12367
|
-
class="cpk-locked-preview-bar cpk-locked-preview-row-title"
|
|
12368
|
-
style="--preview-width: ${row.width}%;"
|
|
12369
|
-
></div>
|
|
12370
|
-
<div
|
|
12371
|
-
class="cpk-locked-preview-bar cpk-locked-preview-row-line"
|
|
12372
|
-
></div>
|
|
12373
|
-
<div
|
|
12374
|
-
class="cpk-locked-preview-bar cpk-locked-preview-row-line"
|
|
12375
|
-
></div>
|
|
12376
|
-
</div>
|
|
12377
|
-
`)}
|
|
12378
|
-
</div>
|
|
12379
|
-
<div class="cpk-locked-preview-main">
|
|
12380
|
-
<div class="cpk-locked-preview-bar cpk-locked-preview-heading"></div>
|
|
12381
|
-
<div class="cpk-locked-preview-bar cpk-locked-preview-copy"></div>
|
|
12382
|
-
<div class="cpk-locked-preview-bar cpk-locked-preview-copy"></div>
|
|
12383
|
-
<div class="cpk-locked-preview-cards">
|
|
12384
|
-
<div class="cpk-locked-preview-card"></div>
|
|
12385
|
-
<div class="cpk-locked-preview-card"></div>
|
|
12386
|
-
</div>
|
|
12387
|
-
<div
|
|
12388
|
-
class="cpk-locked-preview-bar cpk-locked-preview-footer-line"
|
|
12389
|
-
></div>
|
|
12390
|
-
<div
|
|
12391
|
-
class="cpk-locked-preview-bar cpk-locked-preview-footer-line"
|
|
12392
|
-
></div>
|
|
12393
|
-
</div>
|
|
12394
|
-
</div>
|
|
12395
14294
|
`;
|
|
12396
14295
|
}
|
|
12397
14296
|
getThreadsLockedCopy() {
|
|
@@ -12400,89 +14299,17 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12400
14299
|
heading: "Finish setting up Rich Threads",
|
|
12401
14300
|
description: "Copy this prompt into your coding agent to finish the setup."
|
|
12402
14301
|
};
|
|
12403
|
-
case "none":
|
|
12404
|
-
|
|
12405
|
-
|
|
14302
|
+
case "none":
|
|
14303
|
+
case "unknown": return {
|
|
14304
|
+
heading: "Production-grade chat threads without the complexity. Self hostable.",
|
|
14305
|
+
description: "Chat threads that go beyond text with generative UI and multimodal inputs, built to replay missed events and stay in sync across tabs, sessions, and devices."
|
|
12406
14306
|
};
|
|
12407
14307
|
case "expired": return {
|
|
12408
14308
|
heading: "Renew Intelligence to inspect Threads.",
|
|
12409
14309
|
description: "Your Intelligence access has expired. Renew it to inspect saved thread history."
|
|
12410
14310
|
};
|
|
12411
|
-
case "unknown": return {
|
|
12412
|
-
heading: "Threads are unavailable.",
|
|
12413
|
-
description: "This runtime does not expose Threads for the Inspector."
|
|
12414
|
-
};
|
|
12415
|
-
}
|
|
12416
|
-
}
|
|
12417
|
-
/**
|
|
12418
|
-
* Prefer the Runtime's structured entitlement diagnostic and derive a
|
|
12419
|
-
* compatibility diagnostic only when an older Core exposes legacy status.
|
|
12420
|
-
*/
|
|
12421
|
-
getRuntimeEntitlementDiagnostic() {
|
|
12422
|
-
var _this$core33, _this$core34;
|
|
12423
|
-
const runtimeEntitlements = (_this$core33 = this.core) === null || _this$core33 === void 0 ? void 0 : _this$core33.runtimeEntitlements;
|
|
12424
|
-
if (runtimeEntitlements) return runtimeEntitlements.status === "ready" ? { status: runtimeEntitlements.status } : {
|
|
12425
|
-
status: runtimeEntitlements.status,
|
|
12426
|
-
error: runtimeEntitlements.error
|
|
12427
|
-
};
|
|
12428
|
-
switch ((_this$core34 = this.core) === null || _this$core34 === void 0 ? void 0 : _this$core34.licenseStatus) {
|
|
12429
|
-
case "valid": return { status: "ready" };
|
|
12430
|
-
case "expired": return {
|
|
12431
|
-
status: "degraded",
|
|
12432
|
-
error: {
|
|
12433
|
-
code: "legacy_license_expired",
|
|
12434
|
-
message: "Legacy Runtime license has expired.",
|
|
12435
|
-
retryable: false
|
|
12436
|
-
}
|
|
12437
|
-
};
|
|
12438
|
-
case "expiring": return {
|
|
12439
|
-
status: "degraded",
|
|
12440
|
-
error: {
|
|
12441
|
-
code: "legacy_license_expiring",
|
|
12442
|
-
message: "Legacy Runtime license is expiring.",
|
|
12443
|
-
retryable: false
|
|
12444
|
-
}
|
|
12445
|
-
};
|
|
12446
|
-
case "invalid": return {
|
|
12447
|
-
status: "misconfigured",
|
|
12448
|
-
error: {
|
|
12449
|
-
code: "legacy_license_invalid",
|
|
12450
|
-
message: "Legacy Runtime license is invalid.",
|
|
12451
|
-
retryable: false
|
|
12452
|
-
}
|
|
12453
|
-
};
|
|
12454
|
-
case "none":
|
|
12455
|
-
case "unknown": return { status: "unavailable" };
|
|
12456
|
-
default: return null;
|
|
12457
14311
|
}
|
|
12458
14312
|
}
|
|
12459
|
-
/** Render exact Runtime entitlement correlation details without gating UI. */
|
|
12460
|
-
renderRuntimeEntitlementDiagnostic(diagnostic) {
|
|
12461
|
-
if (!diagnostic) return lit.nothing;
|
|
12462
|
-
return lit.html`
|
|
12463
|
-
<div
|
|
12464
|
-
role="status"
|
|
12465
|
-
data-runtime-entitlement-status=${diagnostic.status}
|
|
12466
|
-
style="
|
|
12467
|
-
margin: -8px auto 18px;
|
|
12468
|
-
max-width: 380px;
|
|
12469
|
-
font-size: 11px;
|
|
12470
|
-
line-height: 1.5;
|
|
12471
|
-
color: #57575b;
|
|
12472
|
-
"
|
|
12473
|
-
>
|
|
12474
|
-
<div style="font-weight: 600;">
|
|
12475
|
-
Runtime entitlement: ${diagnostic.status}
|
|
12476
|
-
</div>
|
|
12477
|
-
${diagnostic.error ? lit.html`
|
|
12478
|
-
<div>${diagnostic.error.message}</div>
|
|
12479
|
-
<div>Code: ${diagnostic.error.code}</div>
|
|
12480
|
-
${diagnostic.error.requestId ? lit.html`<div>Request ID: ${diagnostic.error.requestId}</div>` : lit.nothing}
|
|
12481
|
-
${diagnostic.error.traceId ? lit.html`<div>Trace ID: ${diagnostic.error.traceId}</div>` : lit.nothing}
|
|
12482
|
-
` : lit.nothing}
|
|
12483
|
-
</div>
|
|
12484
|
-
`;
|
|
12485
|
-
}
|
|
12486
14313
|
/**
|
|
12487
14314
|
* Renders the realtime-connection indicator in the memory-store header.
|
|
12488
14315
|
* Only `"connected"` shows the live (green-dot) state; `"connecting"` shows a
|
|
@@ -12518,44 +14345,67 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12518
14345
|
`;
|
|
12519
14346
|
}
|
|
12520
14347
|
renderMemoriesView() {
|
|
12521
|
-
if (
|
|
12522
|
-
|
|
12523
|
-
|
|
12524
|
-
|
|
12525
|
-
|
|
12526
|
-
|
|
12527
|
-
|
|
12528
|
-
|
|
12529
|
-
|
|
12530
|
-
|
|
12531
|
-
|
|
12532
|
-
|
|
12533
|
-
|
|
12534
|
-
|
|
12535
|
-
|
|
12536
|
-
|
|
12537
|
-
|
|
12538
|
-
|
|
12539
|
-
|
|
12540
|
-
|
|
12541
|
-
|
|
12542
|
-
|
|
12543
|
-
|
|
12544
|
-
|
|
12545
|
-
|
|
12546
|
-
|
|
12547
|
-
|
|
12548
|
-
|
|
12549
|
-
|
|
12550
|
-
|
|
12551
|
-
|
|
12552
|
-
|
|
12553
|
-
|
|
12554
|
-
|
|
12555
|
-
|
|
12556
|
-
|
|
12557
|
-
|
|
12558
|
-
|
|
14348
|
+
if (deriveLearningViewState({
|
|
14349
|
+
supported: this.learningSupported,
|
|
14350
|
+
loading: this.learningLoading,
|
|
14351
|
+
error: this.learningError,
|
|
14352
|
+
snapshot: this.learningSnapshot,
|
|
14353
|
+
setupActive: this.isLearningSetupActive()
|
|
14354
|
+
}) === "landing") return this.renderLockedFeatureOverview({
|
|
14355
|
+
serviceId: "memory",
|
|
14356
|
+
featureName: "Learning",
|
|
14357
|
+
heading: "Turn every interaction into reusable context.",
|
|
14358
|
+
description: "Learning captures durable information from agent interactions and brings it back when it matters, so your product gets more useful over time.",
|
|
14359
|
+
videoUrl: LEARNING_LOCKED_VIDEO_URL,
|
|
14360
|
+
videoTitle: "CopilotKit Learning overview",
|
|
14361
|
+
outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE,
|
|
14362
|
+
setupPrompt: {
|
|
14363
|
+
serviceId: "threads",
|
|
14364
|
+
copyState: this.learningPromptCopyState,
|
|
14365
|
+
onClick: (event) => void this.handleLearningSetupCopy(event)
|
|
14366
|
+
}
|
|
14367
|
+
});
|
|
14368
|
+
return lit.html`
|
|
14369
|
+
<cpk-learning-view
|
|
14370
|
+
data-color-scheme=${this.colorScheme}
|
|
14371
|
+
.supported=${this.learningSupported}
|
|
14372
|
+
.loading=${this.learningLoading}
|
|
14373
|
+
.refreshing=${this.learningRefreshing}
|
|
14374
|
+
.error=${this.learningError}
|
|
14375
|
+
.snapshot=${this.learningSnapshot}
|
|
14376
|
+
.setupActive=${this.isLearningSetupActive()}
|
|
14377
|
+
.copyState=${this.learningPromptCopyState}
|
|
14378
|
+
.setupPrompt=${this.getHomeFeaturePromptTarget("threads") ? homeFeatureImplementationPrompt(this.getHomeFeaturePromptTarget("threads"), { onboardingRunId: this.getOnboardingRunId() }) : ""}
|
|
14379
|
+
@learning-retry=${() => this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null })}
|
|
14380
|
+
@learning-copy-setup=${(event) => this.handleLearningSetupCopy(event)}
|
|
14381
|
+
@learning-page=${(event) => this.handleLearningPage(event)}
|
|
14382
|
+
@learning-open-evidence=${(event) => this.handleLearningEvidence(event)}
|
|
14383
|
+
@learning-evidence-opened=${() => {
|
|
14384
|
+
var _this$core39;
|
|
14385
|
+
if (!((_this$core39 = this.core) === null || _this$core39 === void 0 ? void 0 : _this$core39.telemetryDisabled)) trackLearningEvidenceOpened();
|
|
14386
|
+
}}
|
|
14387
|
+
@learning-skill-toggle=${(event) => {
|
|
14388
|
+
var _this$core40;
|
|
14389
|
+
if (!((_this$core40 = this.core) === null || _this$core40 === void 0 ? void 0 : _this$core40.telemetryDisabled)) trackLearningSkillToggled({ action: event.detail.action });
|
|
14390
|
+
}}
|
|
14391
|
+
@learning-web-link=${(event) => {
|
|
14392
|
+
var _this$core41;
|
|
14393
|
+
if (!((_this$core41 = this.core) === null || _this$core41 === void 0 ? void 0 : _this$core41.telemetryDisabled)) trackLearningWebAppOpened({ category: event.detail.category });
|
|
14394
|
+
}}
|
|
14395
|
+
></cpk-learning-view>
|
|
14396
|
+
`;
|
|
14397
|
+
}
|
|
14398
|
+
/** Legacy Memory rendering kept isolated while published Memory APIs remain. */
|
|
14399
|
+
renderLegacyMemoriesView() {
|
|
14400
|
+
if (!this.getHomeModel().services.some((service) => service.id === "memory" && service.enabled)) return this.renderLockedFeatureOverview({
|
|
14401
|
+
serviceId: "memory",
|
|
14402
|
+
featureName: "Learning",
|
|
14403
|
+
heading: this._memoryStoreUnsupported ? "Upgrade to enable Learning" : "Turn every interaction into reusable context.",
|
|
14404
|
+
description: this._memoryStoreUnsupported ? "Learning requires a newer version of @copilotkit/core and @copilotkit/react. Copy the setup prompt to upgrade and add long-term memory." : "Learning captures durable information from agent interactions and brings it back when it matters, so your product gets more useful over time.",
|
|
14405
|
+
videoUrl: LEARNING_LOCKED_VIDEO_URL,
|
|
14406
|
+
videoTitle: "CopilotKit Learning overview",
|
|
14407
|
+
outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE
|
|
14408
|
+
});
|
|
12559
14409
|
if (this._memoriesError && this._memories.length === 0) return lit.html`
|
|
12560
14410
|
<div
|
|
12561
14411
|
style="
|
|
@@ -12767,16 +14617,27 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12767
14617
|
}
|
|
12768
14618
|
renderThreadsView() {
|
|
12769
14619
|
var _visibleThreads$find, _this$_core$runtimeUr2, _this$_core20, _this$_core$headers, _this$_core21, _this$_core22, _this$liveMessageVers2, _this$agentEvents$get6, _this$_core23;
|
|
12770
|
-
|
|
14620
|
+
if (!this.areThreadEndpointsAvailable()) {
|
|
14621
|
+
this.trackThreadsViewStateOnce("locked");
|
|
14622
|
+
const lockedCopy = this.getThreadsLockedCopy();
|
|
14623
|
+
return this.renderLockedFeatureOverview({
|
|
14624
|
+
serviceId: "threads",
|
|
14625
|
+
featureName: "Rich Threads",
|
|
14626
|
+
heading: lockedCopy.heading,
|
|
14627
|
+
description: lockedCopy.description,
|
|
14628
|
+
videoUrl: THREADS_LOCKED_VIDEO_URL,
|
|
14629
|
+
videoTitle: "Rich Threads overview",
|
|
14630
|
+
outlineItems: THREADS_LOCKED_FEATURE_OUTLINE
|
|
14631
|
+
});
|
|
14632
|
+
}
|
|
12771
14633
|
const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
|
|
12772
|
-
const loadingWithoutRows =
|
|
12773
|
-
const showingExamples = this.shouldRenderExampleThreads(
|
|
12774
|
-
const visibleThreads =
|
|
14634
|
+
const loadingWithoutRows = threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
|
|
14635
|
+
const showingExamples = this.shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading);
|
|
14636
|
+
const visibleThreads = threadsErrorMessage || loadingWithoutRows ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
|
|
12775
14637
|
if (showingExamples) this.trackThreadsExampleViewedOnce();
|
|
12776
14638
|
const selectedThread = this.selectedThreadId != null ? (_visibleThreads$find = visibleThreads.find((t) => t.id === this.selectedThreadId)) !== null && _visibleThreads$find !== void 0 ? _visibleThreads$find : null : null;
|
|
12777
14639
|
const selectedThreadIsLocalExample = selectedThread !== null && selectedThread.id === this.selectedLocalExampleThreadId;
|
|
12778
|
-
if (
|
|
12779
|
-
else if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
|
|
14640
|
+
if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
|
|
12780
14641
|
return lit.html`
|
|
12781
14642
|
<div
|
|
12782
14643
|
style="display:flex;height:100%;overflow:hidden;flex-direction:column;"
|
|
@@ -12814,7 +14675,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12814
14675
|
<div
|
|
12815
14676
|
style="flex:1;min-width:0;overflow:hidden;display:flex;position:relative;"
|
|
12816
14677
|
>
|
|
12817
|
-
${
|
|
14678
|
+
${threadsErrorMessage ? lit.html`
|
|
12818
14679
|
<div
|
|
12819
14680
|
role="alert"
|
|
12820
14681
|
style="
|
|
@@ -12877,7 +14738,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
12877
14738
|
this.handleTryFromHere(event.detail);
|
|
12878
14739
|
}}
|
|
12879
14740
|
></cpk-thread-details>
|
|
12880
|
-
${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : lit.nothing}` : showingExamples ? this.renderThreadsExampleOverview(
|
|
14741
|
+
${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : lit.nothing}` : showingExamples ? this.renderThreadsExampleOverview() : lit.html`
|
|
12881
14742
|
<div
|
|
12882
14743
|
style="
|
|
12883
14744
|
flex: 1;
|
|
@@ -13578,17 +15439,25 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
13578
15439
|
if (this.contextOptions.filter((opt) => opt.key !== "all-agents").length > 1) this.selectedContext = "all-agents";
|
|
13579
15440
|
}
|
|
13580
15441
|
if (key === "threads") {
|
|
13581
|
-
var _this$
|
|
13582
|
-
if (previousMenu !== "threads" && !((_this$
|
|
15442
|
+
var _this$core42;
|
|
15443
|
+
if (previousMenu !== "threads" && !((_this$core42 = this.core) === null || _this$core42 === void 0 ? void 0 : _this$core42.telemetryDisabled)) trackThreadsTabClicked(this.getThreadsTelemetryProps());
|
|
13583
15444
|
this.autoSelectLatestThread();
|
|
13584
15445
|
}
|
|
13585
15446
|
if (key === "playground" && !this.playgroundAgent) this.startPlaygroundSession(false);
|
|
13586
15447
|
if (key === "memories") {
|
|
13587
|
-
var _this$
|
|
13588
|
-
this.
|
|
13589
|
-
if (previousMenu !== "memories"
|
|
15448
|
+
var _this$core43, _this$core44;
|
|
15449
|
+
this.learningSupported = Boolean((_this$core43 = this.core) === null || _this$core43 === void 0 ? void 0 : _this$core43.inspectorLearning);
|
|
15450
|
+
if (previousMenu !== "memories" || this.learningSnapshot === null) this.refreshLearningSnapshot({ preserve: previousMenu === "memories" });
|
|
15451
|
+
if (previousMenu !== "memories" && !((_this$core44 = this.core) === null || _this$core44 === void 0 ? void 0 : _this$core44.telemetryDisabled)) trackMemoriesTabClicked(this.getMemoriesTelemetryProps());
|
|
15452
|
+
} else if (previousMenu === "memories") {
|
|
15453
|
+
this.learningViewedState = null;
|
|
15454
|
+
this.cancelLearningPoll();
|
|
15455
|
+
this.cancelLearningRequest();
|
|
15456
|
+
}
|
|
15457
|
+
if (key === "home" && previousMenu !== "home") {
|
|
15458
|
+
this.refreshLearningSnapshot({ preserve: true });
|
|
15459
|
+
this.homeViewedThisOpen = false;
|
|
13590
15460
|
}
|
|
13591
|
-
if (key === "home" && previousMenu !== "home") this.homeViewedThisOpen = false;
|
|
13592
15461
|
if (key === "ag-ui-events" || key === "agents") {
|
|
13593
15462
|
if (!(this.pendingScrollToEventId !== null || this.pendingScrollToToolCallId !== null)) requestAnimationFrame(() => {
|
|
13594
15463
|
const scroller = this.activeRoot.querySelector("#cpk-main-scroll");
|
|
@@ -13620,6 +15489,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
13620
15489
|
this.expandedRows.clear();
|
|
13621
15490
|
this.autoSelectLatestThread();
|
|
13622
15491
|
if (this.selectedMenu === "playground") this.startPlaygroundSession(false);
|
|
15492
|
+
else if (this.isLearningStatusVisible()) {
|
|
15493
|
+
this.clearLearningSnapshot();
|
|
15494
|
+
this.refreshLearningSnapshot({ preserve: false });
|
|
15495
|
+
}
|
|
13623
15496
|
}
|
|
13624
15497
|
this.contextMenuOpen = false;
|
|
13625
15498
|
this.persistState();
|
|
@@ -14024,9 +15897,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
14024
15897
|
let currentSchema = schema;
|
|
14025
15898
|
let def = currentSchema._def;
|
|
14026
15899
|
while (def.typeName === "ZodOptional" || def.typeName === "ZodNullable" || def.typeName === "ZodDefault") {
|
|
14027
|
-
var
|
|
15900
|
+
var _ref12;
|
|
14028
15901
|
if (def.typeName === "ZodDefault" && def.defaultValue !== void 0) info.defaultValue = typeof def.defaultValue === "function" ? def.defaultValue() : def.defaultValue;
|
|
14029
|
-
currentSchema = (
|
|
15902
|
+
currentSchema = (_ref12 = def.innerType) !== null && _ref12 !== void 0 ? _ref12 : currentSchema;
|
|
14030
15903
|
if (!(currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema._def)) break;
|
|
14031
15904
|
def = currentSchema._def;
|
|
14032
15905
|
}
|
|
@@ -14672,13 +16545,13 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
14672
16545
|
* opt-out inside `track`, and the runtime's flag once it is known.
|
|
14673
16546
|
*/
|
|
14674
16547
|
maybeTrackErrorSignalViewed() {
|
|
14675
|
-
var _this$
|
|
16548
|
+
var _this$core45, _this$pillOutcome;
|
|
14676
16549
|
if (this.isOpen || typeof document === "undefined" || document.visibilityState !== "visible") return;
|
|
14677
16550
|
const active = this.getActiveLauncherSignal();
|
|
14678
16551
|
if (active === null || !isErrorSignalKey(active)) return;
|
|
14679
16552
|
if (this.errorSignalViewedSources.has(active)) return;
|
|
14680
16553
|
if (this.pillOutcome === null && LAUNCHER_SIGNALS[active].pillLabel !== void 0) return;
|
|
14681
|
-
if ((_this$
|
|
16554
|
+
if ((_this$core45 = this.core) === null || _this$core45 === void 0 ? void 0 : _this$core45.telemetryDisabled) return;
|
|
14682
16555
|
this.errorSignalViewedSources.add(active);
|
|
14683
16556
|
trackErrorSignalViewed({
|
|
14684
16557
|
source: active,
|
|
@@ -14757,9 +16630,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
14757
16630
|
this.flushPendingWhatsNewTelemetry();
|
|
14758
16631
|
}
|
|
14759
16632
|
flushPendingWhatsNewTelemetry() {
|
|
14760
|
-
var _this$
|
|
16633
|
+
var _this$core46;
|
|
14761
16634
|
if (this.pendingBannerViewed.length === 0 && !this.pendingNewsSignalViewed) return;
|
|
14762
|
-
if ((_this$
|
|
16635
|
+
if ((_this$core46 = this.core) === null || _this$core46 === void 0 ? void 0 : _this$core46.telemetryDisabled) {
|
|
14763
16636
|
this.pendingBannerViewed = [];
|
|
14764
16637
|
this.pendingNewsSignalViewed = null;
|
|
14765
16638
|
return;
|
|
@@ -14841,11 +16714,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
14841
16714
|
}
|
|
14842
16715
|
appendRefParam(href, ref = "cpk-inspector") {
|
|
14843
16716
|
try {
|
|
14844
|
-
var _this$
|
|
16717
|
+
var _this$core47;
|
|
14845
16718
|
const isRootRelative = href.startsWith("/") && !href.startsWith("//");
|
|
14846
16719
|
const url = new URL(href, typeof window !== "undefined" ? window.location.href : "https://copilotkit.ai");
|
|
14847
16720
|
if (!url.searchParams.has("ref")) url.searchParams.append("ref", ref);
|
|
14848
|
-
if (!url.searchParams.has("posthog_distinct_id") && this.runtimeStatus === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected && !((_this$
|
|
16721
|
+
if (!url.searchParams.has("posthog_distinct_id") && this.runtimeStatus === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected && !((_this$core47 = this.core) === null || _this$core47 === void 0 ? void 0 : _this$core47.telemetryDisabled) && this.isCopilotKitDestination(url)) {
|
|
14849
16722
|
const distinctId = getTelemetryDistinctIdForUrl();
|
|
14850
16723
|
if (distinctId) url.searchParams.append("posthog_distinct_id", distinctId);
|
|
14851
16724
|
}
|
|
@@ -16482,8 +18355,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
16482
18355
|
|
|
16483
18356
|
.cpk-launcher-hud__toggle[data-enabled="true"]
|
|
16484
18357
|
.cpk-launcher-hud__toggle-track {
|
|
16485
|
-
border-color:
|
|
16486
|
-
background:
|
|
18358
|
+
border-color: #087653;
|
|
18359
|
+
background: #087653;
|
|
16487
18360
|
}
|
|
16488
18361
|
|
|
16489
18362
|
.cpk-launcher-hud__toggle[data-enabled="true"]
|
|
@@ -16506,8 +18379,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
16506
18379
|
.cpk-launcher-hud[data-color-scheme="light"]
|
|
16507
18380
|
.cpk-launcher-hud__toggle[data-enabled="true"]
|
|
16508
18381
|
.cpk-launcher-hud__toggle-track {
|
|
16509
|
-
border-color: #
|
|
16510
|
-
background: #
|
|
18382
|
+
border-color: #087653;
|
|
18383
|
+
background: #087653;
|
|
16511
18384
|
}
|
|
16512
18385
|
|
|
16513
18386
|
.cpk-launcher-hud[data-color-scheme="light"]
|
|
@@ -16753,6 +18626,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
|
|
|
16753
18626
|
height: 100%;
|
|
16754
18627
|
object-fit: cover;
|
|
16755
18628
|
}
|
|
18629
|
+
.cpk-threads-overview-video-embed {
|
|
18630
|
+
width: 100%;
|
|
18631
|
+
height: 100%;
|
|
18632
|
+
border: 0;
|
|
18633
|
+
}
|
|
16756
18634
|
|
|
16757
18635
|
/* ── Header controls on the branded account strip ──────────── */
|
|
16758
18636
|
.drag-handle > div[data-inspector-account-strip] button {
|