@copilotkit/web-inspector 1.70.1 → 1.70.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.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) {
@@ -324,18 +1743,127 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
324
1743
  return false;
325
1744
  }
326
1745
  }
327
- function markTelemetryDisclosureShown() {
328
- if (typeof window === "undefined") return;
1746
+ function markTelemetryDisclosureShown() {
1747
+ if (typeof window === "undefined") return;
1748
+ try {
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;
329
1815
  try {
330
- window.localStorage.setItem(TELEMETRY_DISCLOSURE_SHOWN_KEY, "true");
331
- } catch (_unused17) {}
1816
+ localStorage.removeItem(LEARNING_SETUP_STORAGE_KEY);
1817
+ } catch (_unused5) {}
332
1818
  }
333
- function generateUuidV4() {
334
- if (typeof globalThis.crypto !== "undefined" && typeof globalThis.crypto.randomUUID === "function") return globalThis.crypto.randomUUID();
335
- return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
336
- const r = Math.random() * 16 | 0;
337
- return (c === "x" ? r : r & 3 | 8).toString(16);
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
@@ -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.1";
2384
+ var version = "1.70.2";
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$core;
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$core = this.core) === null || _this$core === void 0 ? void 0 : _this$core.telemetryDisabled)) trackHomeFeaturePromptClicked({
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
- const clipboard = this.getClipboard(event);
6529
- if (!(clipboard === null || clipboard === void 0 ? void 0 : clipboard.writeText)) {
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$core2;
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$core2 = this.core) === null || _this$core2 === void 0 ? void 0 : _this$core2.telemetryDisabled)) trackHomePromptCopied({
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$core3;
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$core3 = this.core) === null || _this$core3 === void 0 ? void 0 : _this$core3.telemetryDisabled)) trackThreadsTryFromHereClicked({
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$core4;
8619
+ var _this$core6;
6847
8620
  if (isCurrentTryFromHereRequest()) this.tryFromHereError = error instanceof Error ? error.message : "Failed to load thread.";
6848
- if (!((_this$core4 = this.core) === null || _this$core4 === void 0 ? void 0 : _this$core4.telemetryDisabled)) trackThreadsTryFromHereClicked({
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$core5;
6927
- if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core5 = this.core) === null || _this$core5 === void 0 ? void 0 : _this$core5.telemetryDisabled)) return;
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$core6;
6943
- if ((_this$core6 = this.core) === null || _this$core6 === void 0 ? void 0 : _this$core6.telemetryDisabled) return;
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$core7;
6948
- if ((_this$core7 = this.core) === null || _this$core7 === void 0 ? void 0 : _this$core7.telemetryDisabled) return;
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$core8;
6953
- if ((_this$core8 = this.core) === null || _this$core8 === void 0 ? void 0 : _this$core8.telemetryDisabled) return;
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 _ref8, _visibleItems$find$ke, _visibleItems$find, _visibleItems$;
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 (_ref8 = (_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 && _ref8 !== void 0 ? _ref8 : "home";
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$core9, _this$core$runtimeMod, _this$core10, _this$core11;
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$core9 = this.core) === null || _this$core9 === void 0 ? void 0 : _this$core9.licenseStatus) !== null && _this$core$licenseSta !== void 0 ? _this$core$licenseSta : void 0,
7349
- runtime_mode: (_this$core$runtimeMod = (_this$core10 = this.core) === null || _this$core10 === void 0 ? void 0 : _this$core10.runtimeMode) !== null && _this$core$runtimeMod !== void 0 ? _this$core$runtimeMod : void 0,
7350
- runtime_url_type: getRuntimeUrlType((_this$core11 = this.core) === null || _this$core11 === void 0 ? void 0 : _this$core11.runtimeUrl),
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$core12;
7371
- const distinctId = !((_this$core12 = this.core) === null || _this$core12 === void 0 ? void 0 : _this$core12.telemetryDisabled) ? getTelemetryDistinctIdForUrl() : null;
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$core13, _core$intelligence;
9271
+ var _this$core15, _core$intelligence;
7498
9272
  if (!this.areThreadEndpointsAvailable()) return;
7499
9273
  if (this._ownedThreadStores.has(agentId)) return;
7500
- if ((_this$core13 = this.core) === null || _this$core13 === void 0 ? void 0 : _this$core13.getThreadStore(agentId)) return;
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$core14;
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$core14 = this.core) === null || _this$core14 === void 0 ? void 0 : _this$core14.getThreadStore(agentId)) === store) this.core.unregisterThreadStore(agentId);
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$core15;
9342
+ var _this$core17;
7569
9343
  store.stop();
7570
- if (((_this$core15 = this.core) === null || _this$core15 === void 0 ? void 0 : _this$core15.getThreadStore(agentId)) === store) this.core.unregisterThreadStore(agentId);
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.isOpen && this.selectedMenu === "memories") {
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.isOpen && this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: false });
9426
+ }
7637
9427
  this.requestUpdate();
7638
9428
  } } : {},
7639
9429
  onError: ({ code, error, context }) => {
@@ -7794,6 +9584,68 @@ ${(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
+ isLearningSetupActive() {
9593
+ var _this$core19;
9594
+ const runtimeUrl = (_this$core19 = this.core) === null || _this$core19 === void 0 ? void 0 : _this$core19.runtimeUrl;
9595
+ if (!runtimeUrl) return false;
9596
+ return learningSetupMarkerMatches(this.learningSetupMarker, runtimeUrl, this.getLearningAgentId());
9597
+ }
9598
+ trackLearningViewState() {
9599
+ var _this$core20;
9600
+ if (!this.isOpen || this.selectedMenu !== "memories" || ((_this$core20 = this.core) === null || _this$core20 === void 0 ? void 0 : _this$core20.telemetryDisabled)) return;
9601
+ const state = deriveLearningViewState({
9602
+ supported: this.learningSupported,
9603
+ loading: this.learningLoading,
9604
+ error: this.learningError,
9605
+ snapshot: this.learningSnapshot,
9606
+ setupActive: this.isLearningSetupActive()
9607
+ });
9608
+ if (state === this.learningViewedState) return;
9609
+ this.learningViewedState = state;
9610
+ trackLearningPaneViewed({ state });
9611
+ }
9612
+ cancelLearningPoll() {
9613
+ if (this.learningPollTimer !== null) {
9614
+ clearTimeout(this.learningPollTimer);
9615
+ this.learningPollTimer = null;
9616
+ }
9617
+ }
9618
+ shouldPollLearningSetup() {
9619
+ if (!this.isOpen || this.selectedMenu !== "memories" || document.visibilityState !== "visible" || !this.learningSupported) return false;
9620
+ const snapshot = this.learningSnapshot;
9621
+ if (!snapshot) return this.isLearningSetupActive();
9622
+ if (snapshot.configuration.state === "not_configured") return this.isLearningSetupActive();
9623
+ return snapshot.configuration.state === "configured" && !snapshot.run.hasEverSucceeded && !snapshot.run.hasActiveRun && snapshot.pendingThreadCount === 0 && snapshot.skillsPage.total === 0 && snapshot.insightsPage.total === 0;
9624
+ }
9625
+ scheduleLearningPoll() {
9626
+ this.cancelLearningPoll();
9627
+ if (!this.shouldPollLearningSetup()) return;
9628
+ const delay = this.learningPollFailureCount === 0 ? 5e3 : this.learningPollFailureCount === 1 ? 1e4 : 3e4;
9629
+ this.learningPollTimer = setTimeout(() => {
9630
+ this.learningPollTimer = null;
9631
+ this.refreshLearningSnapshot({ preserve: true });
9632
+ }, delay);
9633
+ }
9634
+ clearLearningSnapshot() {
9635
+ this.cancelLearningRequest();
9636
+ this.learningSnapshot = null;
9637
+ this.learningSnapshotScope = null;
9638
+ this.learningError = null;
9639
+ this.learningLoading = false;
9640
+ this.learningRefreshing = false;
9641
+ this.cancelLearningPoll();
9642
+ }
9643
+ cancelLearningRequest() {
9644
+ var _this$learningAbortCo2;
9645
+ this.learningRequestGeneration += 1;
9646
+ (_this$learningAbortCo2 = this.learningAbortController) === null || _this$learningAbortCo2 === void 0 || _this$learningAbortCo2.abort();
9647
+ this.learningAbortController = null;
9648
+ }
7797
9649
  detachFromCore() {
7798
9650
  var _this$_memoryUnsub;
7799
9651
  this.threadCapabilityGeneration += 1;
@@ -7821,6 +9673,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
7821
9673
  this._recallLoading = false;
7822
9674
  this._recallError = null;
7823
9675
  this._recallQuery = "";
9676
+ this.clearLearningSnapshot();
9677
+ this.learningSupported = false;
7824
9678
  this.coreSubscriber = null;
7825
9679
  this.runtimeStatus = null;
7826
9680
  this.cancelThreadRefreshDebounce();
@@ -7847,6 +9701,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
7847
9701
  this.eventCounter = 0;
7848
9702
  }
7849
9703
  processAgentsChanged(agents) {
9704
+ var _this$core21, _this$learningSetupMa;
9705
+ const previousLearningAgentId = this.getLearningAgentId();
7850
9706
  this.synchronizeThreadCapability();
7851
9707
  const seenAgentIds = /* @__PURE__ */ new Set();
7852
9708
  for (const agent of Object.values(agents)) {
@@ -7862,6 +9718,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
7862
9718
  this.agentStates.delete(agentId);
7863
9719
  }
7864
9720
  this.updateContextOptions(seenAgentIds);
9721
+ const learningAgentId = this.getLearningAgentId();
9722
+ 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({
9723
+ runtimeUrl: this.core.runtimeUrl,
9724
+ agentId: learningAgentId
9725
+ });
9726
+ if (previousLearningAgentId !== learningAgentId && this.isOpen && this.selectedMenu === "memories") {
9727
+ this.clearLearningSnapshot();
9728
+ this.refreshLearningSnapshot({ preserve: false });
9729
+ }
7865
9730
  this.refreshToolsSnapshot();
7866
9731
  this.requestUpdate();
7867
9732
  }
@@ -8226,8 +10091,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
8226
10091
  return lit.html`
8227
10092
  <div class="mt-2 space-y-2">
8228
10093
  ${toolCalls.map((call, index) => {
8229
- var _ref9, _call$function$name, _call$function, _call$function2, _call$function3;
8230
- const functionName = (_ref9 = (_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 && _ref9 !== void 0 ? _ref9 : "Unknown function";
10094
+ var _ref11, _call$function$name, _call$function, _call$function2, _call$function3;
10095
+ 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
10096
  const callId = typeof (call === null || call === void 0 ? void 0 : call.id) === "string" ? call.id : `tool-call-${index + 1}`;
8232
10097
  const argsString = this.formatToolCallArguments((_call$function2 = call.function) === null || _call$function2 === void 0 ? void 0 : _call$function2.arguments);
8233
10098
  const isFailedCall = (toolError === null || toolError === void 0 ? void 0 : toolError.toolCallId) !== void 0 && toolError.toolCallId === callId;
@@ -8369,6 +10234,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
8369
10234
  const viteHot = {}.hot;
8370
10235
  if (viteHot) viteHot.on("vite:beforeUpdate", this.handleAppBeforeUnload);
8371
10236
  this.hydrateStateFromStorageEarly();
10237
+ this.learningSetupMarker = readLearningSetupMarker();
10238
+ this.learningSetupUnsubscribe = subscribeToLearningSetupMarker((marker) => {
10239
+ this.learningSetupMarker = marker;
10240
+ this.requestUpdate();
10241
+ this.scheduleLearningPoll();
10242
+ });
8372
10243
  this.refreshInspectorDismissalState();
8373
10244
  this.subscribeToSystemColorScheme();
8374
10245
  this.exampleTourDismissed = this.readThreadsExampleTourDismissed();
@@ -8383,6 +10254,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
8383
10254
  ensureBrandFont(document);
8384
10255
  }
8385
10256
  disconnectedCallback() {
10257
+ var _this$learningSetupUn;
8386
10258
  super.disconnectedCallback();
8387
10259
  this.closePopOut();
8388
10260
  if (typeof window !== "undefined") {
@@ -8400,6 +10272,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
8400
10272
  }
8401
10273
  this.clearIconRailContextCloseTimer();
8402
10274
  this.unsubscribeFromInspectorThreadBridge();
10275
+ (_this$learningSetupUn = this.learningSetupUnsubscribe) === null || _this$learningSetupUn === void 0 || _this$learningSetupUn.call(this);
10276
+ this.learningSetupUnsubscribe = null;
10277
+ this.clearLearningSnapshot();
8403
10278
  this.stopIntelligenceStory();
8404
10279
  this.clearIntelligencePromptReset();
8405
10280
  this.homeFeaturePromptCopyGeneration += 1;
@@ -9704,11 +11579,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
9704
11579
  getHomeFeaturePromptTarget(serviceId) {
9705
11580
  return this.getHomeModel().services.find((service) => service.id === serviceId);
9706
11581
  }
9707
- renderFeatureSetupPrompt(serviceId, className) {
9708
- var _this$homeFeatureProm2;
11582
+ renderFeatureSetupPrompt(serviceId, className, options) {
11583
+ var _options$copyState, _this$homeFeatureProm2;
9709
11584
  const service = this.getHomeFeaturePromptTarget(serviceId);
9710
11585
  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";
11586
+ 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
11587
  const label = copyState === "copied" ? "Copied" : copyState === "error" ? "Copy blocked" : "Copy setup prompt";
9713
11588
  return lit.html`
9714
11589
  <button
@@ -9718,7 +11593,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
9718
11593
  data-inspector-threads-setup-prompt=${service.id === "threads" ? "" : lit.nothing}
9719
11594
  data-copy-state=${copyState}
9720
11595
  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)}
11596
+ @click=${(event) => (options === null || options === void 0 ? void 0 : options.onClick) ? options.onClick(event) : this.handleHomeFeaturePromptCopy(service, event)}
9722
11597
  >
9723
11598
  ${this.renderIcon(copyState === "copied" ? "Check" : "Copy")}
9724
11599
  ${label}
@@ -9729,8 +11604,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
9729
11604
  `;
9730
11605
  }
9731
11606
  handleHomeHeroCta(action) {
9732
- var _this$core16;
9733
- if ((_this$core16 = this.core) === null || _this$core16 === void 0 ? void 0 : _this$core16.telemetryDisabled) return;
11607
+ var _this$core22;
11608
+ if ((_this$core22 = this.core) === null || _this$core22 === void 0 ? void 0 : _this$core22.telemetryDisabled) return;
9734
11609
  trackHomeCtaClicked({ action_kind: action.kind });
9735
11610
  }
9736
11611
  /**
@@ -10043,12 +11918,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
10043
11918
  }
10044
11919
  /** A press pins that beat and stops the loop; the developer is now driving. */
10045
11920
  pinIntelligenceStoryBeat(index) {
10046
- var _this$core17;
11921
+ var _this$core23;
10047
11922
  this.intelStoryUserPinned = true;
10048
11923
  this.intelStoryBeat = index;
10049
11924
  this.stopIntelligenceStory();
10050
11925
  this.requestUpdate();
10051
- if (!((_this$core17 = this.core) === null || _this$core17 === void 0 ? void 0 : _this$core17.telemetryDisabled)) {
11926
+ if (!((_this$core23 = this.core) === null || _this$core23 === void 0 ? void 0 : _this$core23.telemetryDisabled)) {
10052
11927
  const beat = INTELLIGENCE_STORY_BEATS[index];
10053
11928
  if (beat) trackHomeStoryBeatSelected({
10054
11929
  beat: beat.id,
@@ -10112,9 +11987,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
10112
11987
  return false;
10113
11988
  }
10114
11989
  maybeTrackHomeViewed() {
10115
- var _this$core18;
11990
+ var _this$core24;
10116
11991
  if (this.selectedMenu !== "home" || this.settingsOpen || !this.isOpen) return;
10117
- if (!this.homeViewedThisOpen && !((_this$core18 = this.core) === null || _this$core18 === void 0 ? void 0 : _this$core18.telemetryDisabled)) {
11992
+ if (!this.homeViewedThisOpen && !((_this$core24 = this.core) === null || _this$core24 === void 0 ? void 0 : _this$core24.telemetryDisabled)) {
10118
11993
  this.homeViewedThisOpen = true;
10119
11994
  trackHomeViewed();
10120
11995
  }
@@ -10764,6 +12639,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
10764
12639
  }
10765
12640
  this.ensureAnnouncementLoading();
10766
12641
  this.isOpen = true;
12642
+ if (this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null });
10767
12643
  this.cancelGestureTail();
10768
12644
  this.persistState();
10769
12645
  this.trackOpened(source, hadUnseenAnnouncement, firstOpen, activeSignalAtOpen);
@@ -10781,6 +12657,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
10781
12657
  if (this.isPoppedOut) return;
10782
12658
  if (!this.isOpen) return;
10783
12659
  this.isOpen = false;
12660
+ this.cancelLearningPoll();
12661
+ this.cancelLearningRequest();
12662
+ this.learningViewedState = null;
10784
12663
  if (this.dockMode !== "floating") this.removeDockStyles();
10785
12664
  this.persistState();
10786
12665
  this.updateHostTransform("button");
@@ -11571,8 +13450,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11571
13450
  `;
11572
13451
  }
11573
13452
  renderSettingsPanel() {
11574
- var _this$core$telemetryD, _this$core19;
11575
- const optedOut = (_this$core$telemetryD = (_this$core19 = this.core) === null || _this$core19 === void 0 ? void 0 : _this$core19.telemetryDisabled) !== null && _this$core$telemetryD !== void 0 ? _this$core$telemetryD : false;
13453
+ var _this$core$telemetryD, _this$core25;
13454
+ 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
13455
  return lit.html`
11577
13456
  <div
11578
13457
  class="inspector-settings"
@@ -11685,16 +13564,16 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11685
13564
  `;
11686
13565
  }
11687
13566
  trackOpened(source, hadUnseenAnnouncement, firstOpen = false, activeSignal = null) {
11688
- var _this$core20, _this$core$licenseSta2, _this$core21, _this$core$runtimeMod2, _this$core22, _this$core23;
11689
- if ((_this$core20 = this.core) === null || _this$core20 === void 0 ? void 0 : _this$core20.telemetryDisabled) return;
13567
+ var _this$core26, _this$core$licenseSta2, _this$core27, _this$core$runtimeMod2, _this$core28, _this$core29;
13568
+ if ((_this$core26 = this.core) === null || _this$core26 === void 0 ? void 0 : _this$core26.telemetryDisabled) return;
11690
13569
  const errorSignal = activeSignal !== null && isErrorSignalKey(activeSignal) ? activeSignal : null;
11691
13570
  trackInspectorOpened({
11692
13571
  open_source: source,
11693
13572
  ...this.runtimeStatus === "connected" ? {
11694
- license_status: (_this$core$licenseSta2 = (_this$core21 = this.core) === null || _this$core21 === void 0 ? void 0 : _this$core21.licenseStatus) !== null && _this$core$licenseSta2 !== void 0 ? _this$core$licenseSta2 : void 0,
11695
- runtime_mode: (_this$core$runtimeMod2 = (_this$core22 = this.core) === null || _this$core22 === void 0 ? void 0 : _this$core22.runtimeMode) !== null && _this$core$runtimeMod2 !== void 0 ? _this$core$runtimeMod2 : void 0
13573
+ 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,
13574
+ 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
13575
  } : {},
11697
- runtime_url_type: getRuntimeUrlType((_this$core23 = this.core) === null || _this$core23 === void 0 ? void 0 : _this$core23.runtimeUrl),
13576
+ runtime_url_type: getRuntimeUrlType((_this$core29 = this.core) === null || _this$core29 === void 0 ? void 0 : _this$core29.runtimeUrl),
11698
13577
  has_unseen_announcement: hadUnseenAnnouncement,
11699
13578
  has_error_signal: errorSignal !== null,
11700
13579
  ...errorSignal === null ? {} : { error_signal_source: errorSignal },
@@ -11702,15 +13581,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11702
13581
  });
11703
13582
  }
11704
13583
  getVisibleInspectorMetadataAction() {
11705
- const { threadsFooterAction, lockedAction } = this.inspectorMetadataProjection;
11706
- if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads") return {
13584
+ const { threadsFooterAction } = this.inspectorMetadataProjection;
13585
+ if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads" && this.areThreadEndpointsAvailable()) return {
11707
13586
  action: threadsFooterAction,
11708
13587
  placement: "threads-footer"
11709
13588
  };
11710
- if (lockedAction && !this.settingsOpen && this.selectedMenu === "threads" && !this.areThreadEndpointsAvailable()) return {
11711
- action: lockedAction,
11712
- placement: "locked"
11713
- };
11714
13589
  }
11715
13590
  /** Return paired stable navigation keys, or neither for an invalid leaf. */
11716
13591
  getMetadataTelemetryNavigation() {
@@ -11737,8 +13612,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11737
13612
  } catch (_unused17) {}
11738
13613
  }
11739
13614
  maybeTrackInspectorMetadataViews() {
11740
- var _this$core24, _telemetryContext$gro, _telemetryContext$lea;
11741
- if (!this.isOpen || this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core24 = this.core) === null || _this$core24 === void 0 ? void 0 : _this$core24.telemetryDisabled)) return;
13615
+ var _this$core30, _telemetryContext$gro, _telemetryContext$lea;
13616
+ 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
13617
  const { identity, plan } = this.inspectorMetadataProjection;
11743
13618
  const license_bucket = this.inspectorMetadataProjection.licenseState;
11744
13619
  const telemetryContext = this.getMetadataTelemetryContext();
@@ -11790,8 +13665,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11790
13665
  } else this.metadataTelemetryFingerprints.delete("action");
11791
13666
  }
11792
13667
  trackWhatsNewClickedOnce(opts) {
11793
- var _this$core25, _this$announcementCta;
11794
- if (this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core25 = this.core) === null || _this$core25 === void 0 ? void 0 : _this$core25.telemetryDisabled)) return;
13668
+ var _this$core31, _this$announcementCta;
13669
+ if (this.runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected || ((_this$core31 = this.core) === null || _this$core31 === void 0 ? void 0 : _this$core31.telemetryDisabled)) return;
11795
13670
  const id = this.announcementTimestamp;
11796
13671
  if (!id) return;
11797
13672
  const key = `${id}:${opts.cta}`;
@@ -11804,8 +13679,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11804
13679
  });
11805
13680
  }
11806
13681
  trackThreadsViewStateOnce(state) {
11807
- var _this$core26;
11808
- if ((_this$core26 = this.core) === null || _this$core26 === void 0 ? void 0 : _this$core26.telemetryDisabled) return;
13682
+ var _this$core32;
13683
+ if ((_this$core32 = this.core) === null || _this$core32 === void 0 ? void 0 : _this$core32.telemetryDisabled) return;
11809
13684
  const key = `${state}:${this.getThreadServiceStatus()}`;
11810
13685
  if (this.viewedThreadsTelemetryStates.has(key)) return;
11811
13686
  this.viewedThreadsTelemetryStates.add(key);
@@ -11814,8 +13689,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11814
13689
  else if (state === "empty_enabled") trackThreadsEmptyEnabledViewed(props);
11815
13690
  else trackThreadsEnabledViewed(props);
11816
13691
  }
11817
- shouldRenderExampleThreads(locked, displayThreads, threadsErrorMessage, threadsLoading) {
11818
- return locked || !threadsErrorMessage && !threadsLoading && displayThreads.length === 0;
13692
+ shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading) {
13693
+ return !threadsErrorMessage && !threadsLoading && displayThreads.length === 0;
11819
13694
  }
11820
13695
  isExampleThreadId(threadId) {
11821
13696
  return THREADS_EXAMPLE_THREADS.some((thread) => thread.id === threadId);
@@ -11852,8 +13727,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11852
13727
  return provider;
11853
13728
  }
11854
13729
  trackThreadsExampleViewedOnce() {
11855
- var _this$core27;
11856
- if ((_this$core27 = this.core) === null || _this$core27 === void 0 ? void 0 : _this$core27.telemetryDisabled) return;
13730
+ var _this$core33;
13731
+ if ((_this$core33 = this.core) === null || _this$core33 === void 0 ? void 0 : _this$core33.telemetryDisabled) return;
11857
13732
  for (const thread of THREADS_EXAMPLE_THREADS) {
11858
13733
  const exampleKind = getExampleKind(thread.id);
11859
13734
  if (!exampleKind || this.viewedExampleKinds.has(exampleKind)) continue;
@@ -11865,8 +13740,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11865
13740
  }
11866
13741
  }
11867
13742
  trackThreadsExampleSelectedOnce(threadId) {
11868
- var _this$core28;
11869
- if ((_this$core28 = this.core) === null || _this$core28 === void 0 ? void 0 : _this$core28.telemetryDisabled) return;
13743
+ var _this$core34;
13744
+ if ((_this$core34 = this.core) === null || _this$core34 === void 0 ? void 0 : _this$core34.telemetryDisabled) return;
11870
13745
  const exampleKind = getExampleKind(threadId);
11871
13746
  if (!exampleKind || this.selectedExampleKinds.has(exampleKind)) return;
11872
13747
  this.selectedExampleKinds.add(exampleKind);
@@ -11932,8 +13807,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11932
13807
  };
11933
13808
  }
11934
13809
  trackThreadsExampleTourStepViewedOnce() {
11935
- var _this$core29;
11936
- if (((_this$core29 = this.core) === null || _this$core29 === void 0 ? void 0 : _this$core29.telemetryDisabled) || !this.selectedThreadId) return;
13810
+ var _this$core35;
13811
+ if (((_this$core35 = this.core) === null || _this$core35 === void 0 ? void 0 : _this$core35.telemetryDisabled) || !this.selectedThreadId) return;
11937
13812
  const props = this.getCurrentExampleTourProps();
11938
13813
  if (!props) return;
11939
13814
  const key = `${props.example_kind}:${props.tour_step}`;
@@ -11952,18 +13827,18 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11952
13827
  });
11953
13828
  }
11954
13829
  startExampleTour(autoStarted) {
11955
- var _this$core31;
13830
+ var _this$core37;
11956
13831
  if (!this.selectedThreadId) return;
11957
13832
  this.exampleTourActive = true;
11958
13833
  this.exampleTourStep = 0;
11959
13834
  if (autoStarted) {
11960
- var _this$core30;
13835
+ var _this$core36;
11961
13836
  this.exampleTourAutoShown = true;
11962
- if (!((_this$core30 = this.core) === null || _this$core30 === void 0 ? void 0 : _this$core30.telemetryDisabled)) {
13837
+ if (!((_this$core36 = this.core) === null || _this$core36 === void 0 ? void 0 : _this$core36.telemetryDisabled)) {
11963
13838
  const props = this.getCurrentExampleTourProps();
11964
13839
  if (props) trackThreadsExampleTourStarted(props);
11965
13840
  }
11966
- } else if (!((_this$core31 = this.core) === null || _this$core31 === void 0 ? void 0 : _this$core31.telemetryDisabled)) {
13841
+ } else if (!((_this$core37 = this.core) === null || _this$core37 === void 0 ? void 0 : _this$core37.telemetryDisabled)) {
11967
13842
  const props = this.getCurrentExampleTourProps();
11968
13843
  if (props) trackThreadsExampleTourReopened(props);
11969
13844
  }
@@ -11979,12 +13854,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
11979
13854
  this.requestUpdate();
11980
13855
  }
11981
13856
  dismissExampleTour(method) {
11982
- var _this$core32;
13857
+ var _this$core38;
11983
13858
  if (!this.selectedThreadId) return;
11984
13859
  this.exampleTourActive = false;
11985
13860
  this.exampleTourDismissed = true;
11986
13861
  this.writeThreadsExampleTourDismissed();
11987
- if (!((_this$core32 = this.core) === null || _this$core32 === void 0 ? void 0 : _this$core32.telemetryDisabled)) {
13862
+ if (!((_this$core38 = this.core) === null || _this$core38 === void 0 ? void 0 : _this$core38.telemetryDisabled)) {
11988
13863
  const currentProps = this.getCurrentExampleTourProps();
11989
13864
  if (currentProps) {
11990
13865
  const props = {
@@ -12245,45 +14120,113 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12245
14120
  ` : lit.nothing}
12246
14121
  `;
12247
14122
  }
12248
- renderThreadsExampleOverview(locked) {
12249
- var _lockedCopy$heading, _lockedCopy$descripti;
12250
- const lockedCopy = locked ? this.getThreadsLockedCopy() : void 0;
12251
- const { lockedAction } = this.inspectorMetadataProjection;
14123
+ renderThreadsExampleOverview() {
12252
14124
  const onboardingAction = this.getThreadsEmptyOnboardingAction();
12253
14125
  return lit.html`
12254
14126
  <div class="cpk-threads-overview">
12255
14127
  <div class="cpk-threads-overview-content">
12256
14128
  <h2 class="cpk-threads-overview-title">
12257
- ${(_lockedCopy$heading = lockedCopy === null || lockedCopy === void 0 ? void 0 : lockedCopy.heading) !== null && _lockedCopy$heading !== void 0 ? _lockedCopy$heading : "Threads are persistent, inspectable conversations"}
14129
+ Threads are persistent, inspectable conversations
12258
14130
  </h2>
12259
14131
  ${this.renderThreadsExampleOverviewVideo()}
12260
14132
  <p class="cpk-threads-overview-copy">
12261
- ${(_lockedCopy$descripti = lockedCopy === null || lockedCopy === void 0 ? void 0 : lockedCopy.description) !== null && _lockedCopy$descripti !== void 0 ? _lockedCopy$descripti : "Take a tour with the example threads in the sidebar. Then, start chatting in your app to create the first real thread."}
14133
+ Take a tour with the example threads in the sidebar. Then, start
14134
+ chatting in your app to create the first real thread.
12262
14135
  </p>
12263
- ${locked ? this.renderRuntimeEntitlementDiagnostic(this.getRuntimeEntitlementDiagnostic()) : lit.nothing}
12264
14136
  <div class="cpk-threads-overview-actions">
12265
- ${locked ? lit.html`
12266
- ${this.renderFeatureSetupPrompt("threads", "cpk-threads-overview-action cpk-threads-overview-action-primary")}
12267
- ${lockedAction ? this.renderInspectorAction(lockedAction, "locked") : lit.nothing}
12268
- ` : lit.html`
12269
- <a
12270
- href=${this.getThreadsDocsUrl()}
12271
- target="_blank"
12272
- rel="noopener"
12273
- class="cpk-threads-overview-action cpk-threads-overview-action-primary"
12274
- >
12275
- Learn how Threads work
12276
- </a>
12277
- <a
12278
- href=${onboardingAction.href}
12279
- target="_blank"
12280
- rel="noopener"
12281
- class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
12282
- >
12283
- ${onboardingAction.label}
12284
- </a>
12285
- `}
14137
+ <a
14138
+ href=${this.getThreadsDocsUrl()}
14139
+ target="_blank"
14140
+ rel="noopener"
14141
+ class="cpk-threads-overview-action cpk-threads-overview-action-primary"
14142
+ >
14143
+ Learn how Threads work
14144
+ </a>
14145
+ <a
14146
+ href=${onboardingAction.href}
14147
+ target="_blank"
14148
+ rel="noopener"
14149
+ class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
14150
+ >
14151
+ ${onboardingAction.label}
14152
+ </a>
14153
+ </div>
14154
+ </div>
14155
+ </div>
14156
+ `;
14157
+ }
14158
+ renderLockedFeatureOverview({ serviceId, featureName, heading, description, videoUrl, videoTitle, outlineItems, setupPrompt }) {
14159
+ var _setupPrompt$serviceI;
14160
+ return lit.html`
14161
+ <div
14162
+ class="cpk-locked-feature"
14163
+ data-inspector-locked-feature=${serviceId}
14164
+ >
14165
+ <div class="cpk-locked-feature-layout">
14166
+ <div class="cpk-locked-feature-hero">
14167
+ <div class="cpk-locked-feature-copy">
14168
+ <div class="cpk-locked-feature-name">
14169
+ <span class="cpk-locked-feature-icon" aria-hidden="true">
14170
+ ${serviceId === "threads" ? (0, lit_directives_unsafe_html_js.unsafeHTML)(this.customTabIcons.threads) : this.renderIcon("Brain")}
14171
+ </span>
14172
+ ${featureName}
14173
+ </div>
14174
+ <h2 class="cpk-locked-feature-title">${heading}</h2>
14175
+ <p class="cpk-locked-feature-description">${description}</p>
14176
+ <div class="cpk-threads-overview-actions">
14177
+ ${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 ? {
14178
+ copyState: setupPrompt.copyState,
14179
+ onClick: setupPrompt.onClick
14180
+ } : void 0)}
14181
+ <a
14182
+ data-inspector-locked-feature-talk=${serviceId}
14183
+ href=${this.getTalkToEngineerUrl()}
14184
+ target="_blank"
14185
+ rel="noopener noreferrer"
14186
+ aria-label="Talk to an Engineer (opens in a new tab)"
14187
+ class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
14188
+ @click=${this.handleThreadsTalkToEngineerClick}
14189
+ >
14190
+ Talk to an Engineer
14191
+ </a>
14192
+ </div>
14193
+ </div>
14194
+ <div class="cpk-locked-feature-media">
14195
+ <div class="cpk-threads-overview-video-frame cpk-locked-feature-video">
14196
+ <iframe
14197
+ class="cpk-threads-overview-video-embed"
14198
+ data-inspector-feature-video=${serviceId}
14199
+ src=${videoUrl}
14200
+ title=${videoTitle}
14201
+ loading="lazy"
14202
+ allow="fullscreen; picture-in-picture"
14203
+ allowfullscreen
14204
+ ></iframe>
14205
+ </div>
14206
+ </div>
12286
14207
  </div>
14208
+ <section
14209
+ class="cpk-locked-feature-outline"
14210
+ data-inspector-feature-outline=${serviceId}
14211
+ aria-label="${featureName} capabilities"
14212
+ >
14213
+ <div class="cpk-locked-feature-outline-list">
14214
+ ${outlineItems.map((item) => lit.html`
14215
+ <section class="cpk-locked-feature-outline-item">
14216
+ <h3>
14217
+ <span
14218
+ class="cpk-locked-feature-outline-icon"
14219
+ aria-hidden="true"
14220
+ >
14221
+ ${this.renderIcon(item.icon)}
14222
+ </span>
14223
+ ${item.title}
14224
+ </h3>
14225
+ <p>${item.description}</p>
14226
+ </section>
14227
+ `)}
14228
+ </div>
14229
+ </section>
12287
14230
  </div>
12288
14231
  </div>
12289
14232
  `;
@@ -12342,56 +14285,6 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12342
14285
  </div>
12343
14286
  </div>
12344
14287
  </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
14288
  `;
12396
14289
  }
12397
14290
  getThreadsLockedCopy() {
@@ -12400,89 +14293,17 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12400
14293
  heading: "Finish setting up Rich Threads",
12401
14294
  description: "Copy this prompt into your coding agent to finish the setup."
12402
14295
  };
12403
- case "none": return {
12404
- heading: "Enable Intelligence to inspect Threads.",
12405
- description: "Persist conversations and inspect saved thread history from the Inspector."
14296
+ case "none":
14297
+ case "unknown": return {
14298
+ heading: "Production-grade chat threads without the complexity. Self hostable.",
14299
+ 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
14300
  };
12407
14301
  case "expired": return {
12408
14302
  heading: "Renew Intelligence to inspect Threads.",
12409
14303
  description: "Your Intelligence access has expired. Renew it to inspect saved thread history."
12410
14304
  };
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
14305
  }
12458
14306
  }
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
14307
  /**
12487
14308
  * Renders the realtime-connection indicator in the memory-store header.
12488
14309
  * Only `"connected"` shows the live (green-dot) state; `"connecting"` shows a
@@ -12518,44 +14339,67 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12518
14339
  `;
12519
14340
  }
12520
14341
  renderMemoriesView() {
12521
- if (!this.getHomeModel().services.some((service) => service.id === "memory" && service.enabled)) return lit.html`
12522
- <div class="cpk-memory-locked">
12523
- ${this.renderThreadsLockedBackgroundMockup()}
12524
- <div aria-hidden="true" class="cpk-memory-locked-scrim"></div>
12525
- <div class="cpk-memory-locked-content">
12526
- <div aria-hidden="true" class="cpk-memory-locked-icon-wrap">
12527
- <div class="cpk-memory-locked-icon">
12528
- ${this.renderIcon("Lock")}
12529
- </div>
12530
- </div>
12531
- <h2 class="cpk-memory-locked-title">Learning</h2>
12532
- <p class="cpk-memory-locked-copy">
12533
- ${this._memoryStoreUnsupported ? "Learning is unavailable in this version of the @copilotkit SDK. Upgrade @copilotkit/core (and @copilotkit/react) to a version that supports long-term memory." : "Learning turns durable information from agent interactions into reusable context. It isn't enabled on this deployment."}
12534
- </p>
12535
- <div class="cpk-memory-locked-actions">
12536
- ${this.renderFeatureSetupPrompt("memory", "cpk-memory-locked-action")}
12537
- <a
12538
- href=${this.getTalkToEngineerUrl()}
12539
- target="_blank"
12540
- rel="noopener"
12541
- class="cpk-memory-locked-action"
12542
- @click=${this.handleThreadsTalkToEngineerClick}
12543
- >
12544
- Talk to an Engineer
12545
- </a>
12546
- <a
12547
- href=${this.getIntelligenceSignupUrl()}
12548
- target="_blank"
12549
- rel="noopener"
12550
- class="cpk-memory-locked-action cpk-memory-locked-action-secondary"
12551
- @click=${this.handleThreadsIntelligenceSignupClick}
12552
- >
12553
- Sign up for Intelligence
12554
- </a>
12555
- </div>
12556
- </div>
12557
- </div>
12558
- `;
14342
+ if (deriveLearningViewState({
14343
+ supported: this.learningSupported,
14344
+ loading: this.learningLoading,
14345
+ error: this.learningError,
14346
+ snapshot: this.learningSnapshot,
14347
+ setupActive: this.isLearningSetupActive()
14348
+ }) === "landing") return this.renderLockedFeatureOverview({
14349
+ serviceId: "memory",
14350
+ featureName: "Learning",
14351
+ heading: "Turn every interaction into reusable context.",
14352
+ description: "Learning captures durable information from agent interactions and brings it back when it matters, so your product gets more useful over time.",
14353
+ videoUrl: LEARNING_LOCKED_VIDEO_URL,
14354
+ videoTitle: "CopilotKit Learning overview",
14355
+ outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE,
14356
+ setupPrompt: {
14357
+ serviceId: "threads",
14358
+ copyState: this.learningPromptCopyState,
14359
+ onClick: (event) => void this.handleLearningSetupCopy(event)
14360
+ }
14361
+ });
14362
+ return lit.html`
14363
+ <cpk-learning-view
14364
+ data-color-scheme=${this.colorScheme}
14365
+ .supported=${this.learningSupported}
14366
+ .loading=${this.learningLoading}
14367
+ .refreshing=${this.learningRefreshing}
14368
+ .error=${this.learningError}
14369
+ .snapshot=${this.learningSnapshot}
14370
+ .setupActive=${this.isLearningSetupActive()}
14371
+ .copyState=${this.learningPromptCopyState}
14372
+ .setupPrompt=${this.getHomeFeaturePromptTarget("threads") ? homeFeatureImplementationPrompt(this.getHomeFeaturePromptTarget("threads"), { onboardingRunId: this.getOnboardingRunId() }) : ""}
14373
+ @learning-retry=${() => this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null })}
14374
+ @learning-copy-setup=${(event) => this.handleLearningSetupCopy(event)}
14375
+ @learning-page=${(event) => this.handleLearningPage(event)}
14376
+ @learning-open-evidence=${(event) => this.handleLearningEvidence(event)}
14377
+ @learning-evidence-opened=${() => {
14378
+ var _this$core39;
14379
+ if (!((_this$core39 = this.core) === null || _this$core39 === void 0 ? void 0 : _this$core39.telemetryDisabled)) trackLearningEvidenceOpened();
14380
+ }}
14381
+ @learning-skill-toggle=${(event) => {
14382
+ var _this$core40;
14383
+ if (!((_this$core40 = this.core) === null || _this$core40 === void 0 ? void 0 : _this$core40.telemetryDisabled)) trackLearningSkillToggled({ action: event.detail.action });
14384
+ }}
14385
+ @learning-web-link=${(event) => {
14386
+ var _this$core41;
14387
+ if (!((_this$core41 = this.core) === null || _this$core41 === void 0 ? void 0 : _this$core41.telemetryDisabled)) trackLearningWebAppOpened({ category: event.detail.category });
14388
+ }}
14389
+ ></cpk-learning-view>
14390
+ `;
14391
+ }
14392
+ /** Legacy Memory rendering kept isolated while published Memory APIs remain. */
14393
+ renderLegacyMemoriesView() {
14394
+ if (!this.getHomeModel().services.some((service) => service.id === "memory" && service.enabled)) return this.renderLockedFeatureOverview({
14395
+ serviceId: "memory",
14396
+ featureName: "Learning",
14397
+ heading: this._memoryStoreUnsupported ? "Upgrade to enable Learning" : "Turn every interaction into reusable context.",
14398
+ 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.",
14399
+ videoUrl: LEARNING_LOCKED_VIDEO_URL,
14400
+ videoTitle: "CopilotKit Learning overview",
14401
+ outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE
14402
+ });
12559
14403
  if (this._memoriesError && this._memories.length === 0) return lit.html`
12560
14404
  <div
12561
14405
  style="
@@ -12767,16 +14611,27 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12767
14611
  }
12768
14612
  renderThreadsView() {
12769
14613
  var _visibleThreads$find, _this$_core$runtimeUr2, _this$_core20, _this$_core$headers, _this$_core21, _this$_core22, _this$liveMessageVers2, _this$agentEvents$get6, _this$_core23;
12770
- const locked = !this.areThreadEndpointsAvailable();
14614
+ if (!this.areThreadEndpointsAvailable()) {
14615
+ this.trackThreadsViewStateOnce("locked");
14616
+ const lockedCopy = this.getThreadsLockedCopy();
14617
+ return this.renderLockedFeatureOverview({
14618
+ serviceId: "threads",
14619
+ featureName: "Rich Threads",
14620
+ heading: lockedCopy.heading,
14621
+ description: lockedCopy.description,
14622
+ videoUrl: THREADS_LOCKED_VIDEO_URL,
14623
+ videoTitle: "Rich Threads overview",
14624
+ outlineItems: THREADS_LOCKED_FEATURE_OUTLINE
14625
+ });
14626
+ }
12771
14627
  const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
12772
- const loadingWithoutRows = !locked && threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
12773
- const showingExamples = this.shouldRenderExampleThreads(locked, displayThreads, threadsErrorMessage, threadsLoading);
12774
- const visibleThreads = !locked && (threadsErrorMessage || loadingWithoutRows) ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
14628
+ const loadingWithoutRows = threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
14629
+ const showingExamples = this.shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading);
14630
+ const visibleThreads = threadsErrorMessage || loadingWithoutRows ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
12775
14631
  if (showingExamples) this.trackThreadsExampleViewedOnce();
12776
14632
  const selectedThread = this.selectedThreadId != null ? (_visibleThreads$find = visibleThreads.find((t) => t.id === this.selectedThreadId)) !== null && _visibleThreads$find !== void 0 ? _visibleThreads$find : null : null;
12777
14633
  const selectedThreadIsLocalExample = selectedThread !== null && selectedThread.id === this.selectedLocalExampleThreadId;
12778
- if (locked) this.trackThreadsViewStateOnce("locked");
12779
- else if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
14634
+ if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
12780
14635
  return lit.html`
12781
14636
  <div
12782
14637
  style="display:flex;height:100%;overflow:hidden;flex-direction:column;"
@@ -12814,7 +14669,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12814
14669
  <div
12815
14670
  style="flex:1;min-width:0;overflow:hidden;display:flex;position:relative;"
12816
14671
  >
12817
- ${!locked && threadsErrorMessage ? lit.html`
14672
+ ${threadsErrorMessage ? lit.html`
12818
14673
  <div
12819
14674
  role="alert"
12820
14675
  style="
@@ -12877,7 +14732,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
12877
14732
  this.handleTryFromHere(event.detail);
12878
14733
  }}
12879
14734
  ></cpk-thread-details>
12880
- ${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : lit.nothing}` : showingExamples ? this.renderThreadsExampleOverview(locked) : lit.html`
14735
+ ${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : lit.nothing}` : showingExamples ? this.renderThreadsExampleOverview() : lit.html`
12881
14736
  <div
12882
14737
  style="
12883
14738
  flex: 1;
@@ -13578,15 +15433,20 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
13578
15433
  if (this.contextOptions.filter((opt) => opt.key !== "all-agents").length > 1) this.selectedContext = "all-agents";
13579
15434
  }
13580
15435
  if (key === "threads") {
13581
- var _this$core35;
13582
- if (previousMenu !== "threads" && !((_this$core35 = this.core) === null || _this$core35 === void 0 ? void 0 : _this$core35.telemetryDisabled)) trackThreadsTabClicked(this.getThreadsTelemetryProps());
15436
+ var _this$core42;
15437
+ if (previousMenu !== "threads" && !((_this$core42 = this.core) === null || _this$core42 === void 0 ? void 0 : _this$core42.telemetryDisabled)) trackThreadsTabClicked(this.getThreadsTelemetryProps());
13583
15438
  this.autoSelectLatestThread();
13584
15439
  }
13585
15440
  if (key === "playground" && !this.playgroundAgent) this.startPlaygroundSession(false);
13586
15441
  if (key === "memories") {
13587
- var _this$core36;
13588
- this.ensureMemorySubscription();
13589
- if (previousMenu !== "memories" && !((_this$core36 = this.core) === null || _this$core36 === void 0 ? void 0 : _this$core36.telemetryDisabled)) trackMemoriesTabClicked(this.getMemoriesTelemetryProps());
15442
+ var _this$core43, _this$core44;
15443
+ this.learningSupported = Boolean((_this$core43 = this.core) === null || _this$core43 === void 0 ? void 0 : _this$core43.inspectorLearning);
15444
+ if (previousMenu !== "memories" || this.learningSnapshot === null) this.refreshLearningSnapshot({ preserve: previousMenu === "memories" });
15445
+ if (previousMenu !== "memories" && !((_this$core44 = this.core) === null || _this$core44 === void 0 ? void 0 : _this$core44.telemetryDisabled)) trackMemoriesTabClicked(this.getMemoriesTelemetryProps());
15446
+ } else if (previousMenu === "memories") {
15447
+ this.learningViewedState = null;
15448
+ this.cancelLearningPoll();
15449
+ this.cancelLearningRequest();
13590
15450
  }
13591
15451
  if (key === "home" && previousMenu !== "home") this.homeViewedThisOpen = false;
13592
15452
  if (key === "ag-ui-events" || key === "agents") {
@@ -13620,6 +15480,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
13620
15480
  this.expandedRows.clear();
13621
15481
  this.autoSelectLatestThread();
13622
15482
  if (this.selectedMenu === "playground") this.startPlaygroundSession(false);
15483
+ else if (this.selectedMenu === "memories") {
15484
+ this.clearLearningSnapshot();
15485
+ this.refreshLearningSnapshot({ preserve: false });
15486
+ }
13623
15487
  }
13624
15488
  this.contextMenuOpen = false;
13625
15489
  this.persistState();
@@ -14024,9 +15888,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
14024
15888
  let currentSchema = schema;
14025
15889
  let def = currentSchema._def;
14026
15890
  while (def.typeName === "ZodOptional" || def.typeName === "ZodNullable" || def.typeName === "ZodDefault") {
14027
- var _ref10;
15891
+ var _ref12;
14028
15892
  if (def.typeName === "ZodDefault" && def.defaultValue !== void 0) info.defaultValue = typeof def.defaultValue === "function" ? def.defaultValue() : def.defaultValue;
14029
- currentSchema = (_ref10 = def.innerType) !== null && _ref10 !== void 0 ? _ref10 : currentSchema;
15893
+ currentSchema = (_ref12 = def.innerType) !== null && _ref12 !== void 0 ? _ref12 : currentSchema;
14030
15894
  if (!(currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema._def)) break;
14031
15895
  def = currentSchema._def;
14032
15896
  }
@@ -14672,13 +16536,13 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
14672
16536
  * opt-out inside `track`, and the runtime's flag once it is known.
14673
16537
  */
14674
16538
  maybeTrackErrorSignalViewed() {
14675
- var _this$core37, _this$pillOutcome;
16539
+ var _this$core45, _this$pillOutcome;
14676
16540
  if (this.isOpen || typeof document === "undefined" || document.visibilityState !== "visible") return;
14677
16541
  const active = this.getActiveLauncherSignal();
14678
16542
  if (active === null || !isErrorSignalKey(active)) return;
14679
16543
  if (this.errorSignalViewedSources.has(active)) return;
14680
16544
  if (this.pillOutcome === null && LAUNCHER_SIGNALS[active].pillLabel !== void 0) return;
14681
- if ((_this$core37 = this.core) === null || _this$core37 === void 0 ? void 0 : _this$core37.telemetryDisabled) return;
16545
+ if ((_this$core45 = this.core) === null || _this$core45 === void 0 ? void 0 : _this$core45.telemetryDisabled) return;
14682
16546
  this.errorSignalViewedSources.add(active);
14683
16547
  trackErrorSignalViewed({
14684
16548
  source: active,
@@ -14757,9 +16621,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
14757
16621
  this.flushPendingWhatsNewTelemetry();
14758
16622
  }
14759
16623
  flushPendingWhatsNewTelemetry() {
14760
- var _this$core38;
16624
+ var _this$core46;
14761
16625
  if (this.pendingBannerViewed.length === 0 && !this.pendingNewsSignalViewed) return;
14762
- if ((_this$core38 = this.core) === null || _this$core38 === void 0 ? void 0 : _this$core38.telemetryDisabled) {
16626
+ if ((_this$core46 = this.core) === null || _this$core46 === void 0 ? void 0 : _this$core46.telemetryDisabled) {
14763
16627
  this.pendingBannerViewed = [];
14764
16628
  this.pendingNewsSignalViewed = null;
14765
16629
  return;
@@ -14841,11 +16705,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
14841
16705
  }
14842
16706
  appendRefParam(href, ref = "cpk-inspector") {
14843
16707
  try {
14844
- var _this$core39;
16708
+ var _this$core47;
14845
16709
  const isRootRelative = href.startsWith("/") && !href.startsWith("//");
14846
16710
  const url = new URL(href, typeof window !== "undefined" ? window.location.href : "https://copilotkit.ai");
14847
16711
  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$core39 = this.core) === null || _this$core39 === void 0 ? void 0 : _this$core39.telemetryDisabled) && this.isCopilotKitDestination(url)) {
16712
+ 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
16713
  const distinctId = getTelemetryDistinctIdForUrl();
14850
16714
  if (distinctId) url.searchParams.append("posthog_distinct_id", distinctId);
14851
16715
  }
@@ -16753,6 +18617,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
16753
18617
  height: 100%;
16754
18618
  object-fit: cover;
16755
18619
  }
18620
+ .cpk-threads-overview-video-embed {
18621
+ width: 100%;
18622
+ height: 100%;
18623
+ border: 0;
18624
+ }
16756
18625
 
16757
18626
  /* ── Header controls on the branded account strip ──────────── */
16758
18627
  .drag-handle > div[data-inspector-account-strip] button {