@caribeng/ui 22.4.0 → 22.5.0

package/fesm2022/caribeng-ui-cascadeselect.mjs

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, model, signal, computed, viewChild, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, booleanAttribute, model, signal, computed, viewChild, inject, ElementRef, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { CbIcon } from '@caribeng/ui/icon';
 import { injectCbTranslation, cbFieldState } from '@caribeng/ui';
@@ -49,6 +51,14 @@ class CbCascadeSelect {
         this.onChange = () => { };
         this.onTouched = () => { };
         this.trigger = viewChild.required('trigger');
+        this.host = inject(ElementRef);
+        this.triggerWidth = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "triggerWidth" }] : /* istanbul ignore next */ []));
+        this.positions = [
+            { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },
+            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },
+            { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 4 },
+        ];
     }
     writeValue(val) {
         this.value.set(val ?? null);
@@ -62,9 +72,14 @@ class CbCascadeSelect {
     setDisabledState(isDisabled) {
         this.cvaDisabled.set(isDisabled);
     }
+    /** Un clic fuera del panel lo cierra (el del disparador ya lo alterna). */
+    onOutsideClick(event) {
+        if (!this.host.nativeElement.contains(event.target))
+            this.open.set(false);
+    }
     /** Escape cierra el panel y devuelve el foco al disparador. */
     closeOnEscape(event) {
-        if (!this.open())
+        if (!this.open() || event.key !== 'Escape')
             return;
         event.preventDefault();
         this.open.set(false);
@@ -73,6 +88,7 @@ class CbCascadeSelect {
     toggleOpen() {
         if (this.isDisabled())
             return;
+        this.triggerWidth.set(this.trigger().nativeElement.offsetWidth);
         this.open.set(!this.open());
     }
     onGroupClick(group) {
@@ -116,7 +132,17 @@ class CbCascadeSelect {
       <cb-icon name="chevron-down" [size]="16" aria-hidden="true" />
     </button>
 
-    @if (open()) {
+    <!-- El panel va en un overlay: no lo recorta un contenedor con overflow (tarjetas, diálogos, tablas). -->
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="open()"
+      [cdkConnectedOverlayMinWidth]="triggerWidth()"
+      [cdkConnectedOverlayPositions]="positions"
+      (overlayOutsideClick)="onOutsideClick($event)"
+      (overlayKeydown)="closeOnEscape($event)"
+      (detach)="open.set(false)"
+    >
       <div class="cb-cascade-select__menus">
         <ul class="cb-cascade-select__list" role="listbox">
           @for (group of options(); track group.label) {
@@ -152,12 +178,12 @@ class CbCascadeSelect {
           </ul>
         }
       </div>
-    }
-  `, isInline: true, styles: [":host{position:relative;display:inline-block;width:100%;font-family:var(--cb-font-sans)}.cb-cascade-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__label.cb-is-placeholder{color:var(--cb-color-text-muted)}.cb-cascade-select__menus{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:flex;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);box-shadow:var(--cb-shadow-md, 0 8px 20px rgba(0, 0, 0, .12));overflow:hidden}.cb-cascade-select__list{list-style:none;margin:0;padding:var(--cb-space-1);min-width:150px;border-right:var(--cb-border-width) solid var(--cb-color-border)}.cb-cascade-select__list:last-child{border-right:none}.cb-cascade-select__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:.4rem .6rem;border:none;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__option.cb-is-active,.cb-cascade-select__option.cb-is-selected{background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent)}.cb-cascade-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    </ng-template>
+  `, isInline: true, styles: [":host{position:relative;display:inline-block;width:100%;font-family:var(--cb-font-sans)}.cb-cascade-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__label.cb-is-placeholder{color:var(--cb-color-text-muted)}.cb-cascade-select__menus{display:flex;max-width:calc(100vw - 1rem);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);box-shadow:var(--cb-shadow-md, 0 8px 20px rgba(0, 0, 0, .12));overflow:hidden}.cb-cascade-select__list{list-style:none;margin:0;padding:var(--cb-space-1);min-width:min(150px,44vw);max-height:16rem;overflow-y:auto;border-right:var(--cb-border-width) solid var(--cb-color-border)}.cb-cascade-select__list:last-child{border-right:none}.cb-cascade-select__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:.4rem .6rem;border:none;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__option.cb-is-active,.cb-cascade-select__option.cb-is-selected{background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent)}.cb-cascade-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbCascadeSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-cascade-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbIcon], providers: [
+            args: [{ selector: 'cb-cascade-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [OverlayModule, CbIcon], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => CbCascadeSelect),
@@ -186,7 +212,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       <cb-icon name="chevron-down" [size]="16" aria-hidden="true" />
     </button>
 
-    @if (open()) {
+    <!-- El panel va en un overlay: no lo recorta un contenedor con overflow (tarjetas, diálogos, tablas). -->
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="open()"
+      [cdkConnectedOverlayMinWidth]="triggerWidth()"
+      [cdkConnectedOverlayPositions]="positions"
+      (overlayOutsideClick)="onOutsideClick($event)"
+      (overlayKeydown)="closeOnEscape($event)"
+      (detach)="open.set(false)"
+    >
       <div class="cb-cascade-select__menus">
         <ul class="cb-cascade-select__list" role="listbox">
           @for (group of options(); track group.label) {
@@ -222,8 +258,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           </ul>
         }
       </div>
-    }
-  `, styles: [":host{position:relative;display:inline-block;width:100%;font-family:var(--cb-font-sans)}.cb-cascade-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__label.cb-is-placeholder{color:var(--cb-color-text-muted)}.cb-cascade-select__menus{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:flex;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);box-shadow:var(--cb-shadow-md, 0 8px 20px rgba(0, 0, 0, .12));overflow:hidden}.cb-cascade-select__list{list-style:none;margin:0;padding:var(--cb-space-1);min-width:150px;border-right:var(--cb-border-width) solid var(--cb-color-border)}.cb-cascade-select__list:last-child{border-right:none}.cb-cascade-select__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:.4rem .6rem;border:none;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__option.cb-is-active,.cb-cascade-select__option.cb-is-selected{background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent)}.cb-cascade-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}\n"] }]
+    </ng-template>
+  `, styles: [":host{position:relative;display:inline-block;width:100%;font-family:var(--cb-font-sans)}.cb-cascade-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__label.cb-is-placeholder{color:var(--cb-color-text-muted)}.cb-cascade-select__menus{display:flex;max-width:calc(100vw - 1rem);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);box-shadow:var(--cb-shadow-md, 0 8px 20px rgba(0, 0, 0, .12));overflow:hidden}.cb-cascade-select__list{list-style:none;margin:0;padding:var(--cb-space-1);min-width:min(150px,44vw);max-height:16rem;overflow-y:auto;border-right:var(--cb-border-width) solid var(--cb-color-border)}.cb-cascade-select__list:last-child{border-right:none}.cb-cascade-select__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);padding:.4rem .6rem;border:none;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);cursor:pointer}.cb-cascade-select__option.cb-is-active,.cb-cascade-select__option.cb-is-selected{background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent)}.cb-cascade-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }] } });
 
 /**

package/fesm2022/caribeng-ui-chat.mjs

@@ -433,7 +433,7 @@ class CbChatMessage {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:.625rem;max-width:100%;color:var(--cb-color-text);font-family:var(--cb-font-sans)}:host(.cb-chat-message--user){flex-direction:row-reverse}:host(.cb-chat-message--system){justify-content:center}.cb-chat-message__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--cb-color-surface-hover);color:var(--cb-color-text);font-size:.75rem;font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-chat-message--assistant) .cb-chat-message__avatar{background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary)}.cb-chat-message__avatar img{width:100%;height:100%;object-fit:cover}.cb-chat-message__body{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:min(46rem,85%)}:host(.cb-chat-message--user) .cb-chat-message__body{align-items:flex-end}.cb-chat-message__meta{display:flex;gap:.5rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__author{font-weight:var(--cb-font-weight-semibold, 600)}.cb-chat-message__bubble{max-width:100%;padding:.625rem .875rem;border-radius:var(--cb-radius-lg, 12px);border-top-left-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-subtle);font-size:var(--cb-text-sm, .875rem);line-height:1.55;overflow-wrap:anywhere}:host(.cb-chat-message--user) .cb-chat-message__bubble{border-top-left-radius:var(--cb-radius-lg, 12px);border-top-right-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast)}:host(.cb-chat-message--system) .cb-chat-message__bubble{padding:.25rem .75rem;border-radius:var(--cb-radius-full, 999px);background:transparent;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-chat-message__bubble:empty{display:none}.cb-chat-message__bubble>.cb-chat-message__code{margin:.5rem 0}.cb-chat-message__bubble>.cb-chat-message__code:first-child{margin-top:0}.cb-chat-message__bubble>.cb-chat-message__code:last-child{margin-bottom:0}.cb-chat-message__attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}:host(.cb-chat-message--user) .cb-chat-message__attachments{justify-content:flex-end}.cb-chat-message__thumb{display:block;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px)}.cb-chat-message__thumb img{display:block;width:7.5rem;height:7.5rem;object-fit:cover}.cb-chat-message__file{display:inline-flex;align-items:center;gap:.5rem;max-width:16rem;padding:.5rem .75rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-raised);color:inherit;text-decoration:none}a.cb-chat-message__file[href]:hover{background:var(--cb-color-surface-hover)}.cb-chat-message__thumb:focus-visible,.cb-chat-message__file:focus-visible,.cb-chat-message__icon-btn:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__file-text{display:flex;flex-direction:column;min-width:0}.cb-chat-message__file-name{overflow:hidden;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-chat-message__file-size{color:var(--cb-color-text-muted);font-size:.6875rem}.cb-chat-message__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-chat-message__icon-btn:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-chat-message__icon-btn[aria-pressed=true]{color:var(--cb-color-primary)}.cb-chat-message__icon-btn[aria-pressed=true] svg{fill:color-mix(in srgb,currentColor 22%,transparent)}:host(.cb-chat-message--error) .cb-chat-message__bubble{opacity:.75}.cb-chat-message__plain{margin:0;white-space:pre-wrap}.cb-chat-message__caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:cb-chat-caret 1s steps(1) infinite}@keyframes cb-chat-caret{50%{opacity:0}}.cb-chat-message__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__footer:empty{display:none}.cb-chat-message__status{display:inline-flex;align-items:center;gap:.25rem}.cb-chat-message__status--error{color:var(--cb-color-danger-700)}:host-context([data-theme=\"dark\"]) .cb-chat-message__status--error{color:var(--cb-color-danger-400)}.cb-chat-message__action{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;text-decoration:underline;cursor:pointer}.cb-chat-message__action:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__markdown>:first-child{margin-top:0}.cb-chat-message__markdown>:last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep p,.cb-chat-message__markdown ::ng-deep ul,.cb-chat-message__markdown ::ng-deep ol,.cb-chat-message__markdown ::ng-deep blockquote,.cb-chat-message__markdown ::ng-deep pre,.cb-chat-message__markdown ::ng-deep .cb-md-table{margin:0 0 .625rem}.cb-chat-message__markdown ::ng-deep :is(p,ul,ol,pre,blockquote,.cb-md-table):last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep :is(h1,h2,h3,h4,h5,h6){margin:.75rem 0 .375rem;font-size:1em;font-weight:var(--cb-font-weight-bold, 700)}.cb-chat-message__markdown ::ng-deep h1{font-size:1.2em}.cb-chat-message__markdown ::ng-deep h2{font-size:1.1em}.cb-chat-message__markdown ::ng-deep :is(ul,ol){padding-left:1.25rem}.cb-chat-message__markdown ::ng-deep li+li{margin-top:.125rem}.cb-chat-message__markdown ::ng-deep .cb-md-task{list-style:none;margin-left:-1.25rem}.cb-chat-message__markdown ::ng-deep a{color:inherit;text-decoration:underline}.cb-chat-message__markdown ::ng-deep code{padding:.0625rem .3125rem;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,currentColor 10%,transparent);font-family:var(--cb-font-mono);font-size:.9em}.cb-chat-message__markdown ::ng-deep pre{position:relative;overflow-x:auto;padding:.75rem;border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-950, #0b1220);color:#e5e7eb}.cb-chat-message__markdown ::ng-deep pre code{padding:0;background:transparent;font-size:.85em;white-space:pre}.cb-chat-message__markdown ::ng-deep .cb-md-lang{display:block;margin-bottom:.375rem;color:#9ca3af;font-family:var(--cb-font-sans);font-size:.7rem;text-transform:uppercase}.cb-chat-message__markdown ::ng-deep blockquote{padding-left:.75rem;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.9}.cb-chat-message__markdown ::ng-deep hr{border:0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.cb-chat-message__markdown ::ng-deep .cb-md-table{overflow-x:auto}.cb-chat-message__markdown ::ng-deep table{border-collapse:collapse;font-size:.95em}.cb-chat-message__markdown ::ng-deep .cb-md-left{text-align:left}.cb-chat-message__markdown ::ng-deep .cb-md-center{text-align:center}.cb-chat-message__markdown ::ng-deep .cb-md-right{text-align:right}.cb-chat-message__markdown ::ng-deep .cb-md-check{margin-right:.125rem}.cb-chat-message__markdown ::ng-deep :is(th,td){padding:.25rem .625rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}@media(prefers-reduced-motion:reduce){.cb-chat-message__caret{animation:none}}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbCopyButton, selector: "cb-copy-button", inputs: ["value", "showLabel", "label", "copiedLabel", "timeout", "variant", "severity", "size", "disabled"], outputs: ["copied", "copyError"] }, { kind: "component", type: CbCodeBlock, selector: "cb-code-block", inputs: ["code", "language", "filename", "lineNumbers", "startLine", "highlightLines", "wrap", "copyable", "header", "maxHeight", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:.625rem;max-width:100%;color:var(--cb-color-text);font-family:var(--cb-font-sans)}:host(.cb-chat-message--user){flex-direction:row-reverse}:host(.cb-chat-message--system){justify-content:center}.cb-chat-message__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--cb-color-surface-hover);color:var(--cb-color-text);font-size:.75rem;font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-chat-message--assistant) .cb-chat-message__avatar{background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary-text)}.cb-chat-message__avatar img{width:100%;height:100%;object-fit:cover}.cb-chat-message__body{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:min(46rem,85%)}:host(.cb-chat-message--user) .cb-chat-message__body{align-items:flex-end}.cb-chat-message__meta{display:flex;gap:.5rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__author{font-weight:var(--cb-font-weight-semibold, 600)}.cb-chat-message__bubble{max-width:100%;padding:.625rem .875rem;border-radius:var(--cb-radius-lg, 12px);border-top-left-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-subtle);font-size:var(--cb-text-sm, .875rem);line-height:1.55;overflow-wrap:anywhere}:host(.cb-chat-message--user) .cb-chat-message__bubble{border-top-left-radius:var(--cb-radius-lg, 12px);border-top-right-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast)}:host(.cb-chat-message--system) .cb-chat-message__bubble{padding:.25rem .75rem;border-radius:var(--cb-radius-full, 999px);background:transparent;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-chat-message__bubble:empty{display:none}.cb-chat-message__bubble>.cb-chat-message__code{margin:.5rem 0}.cb-chat-message__bubble>.cb-chat-message__code:first-child{margin-top:0}.cb-chat-message__bubble>.cb-chat-message__code:last-child{margin-bottom:0}.cb-chat-message__attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}:host(.cb-chat-message--user) .cb-chat-message__attachments{justify-content:flex-end}.cb-chat-message__thumb{display:block;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px)}.cb-chat-message__thumb img{display:block;width:7.5rem;height:7.5rem;object-fit:cover}.cb-chat-message__file{display:inline-flex;align-items:center;gap:.5rem;max-width:16rem;padding:.5rem .75rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-raised);color:inherit;text-decoration:none}a.cb-chat-message__file[href]:hover{background:var(--cb-color-surface-hover)}.cb-chat-message__thumb:focus-visible,.cb-chat-message__file:focus-visible,.cb-chat-message__icon-btn:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__file-text{display:flex;flex-direction:column;min-width:0}.cb-chat-message__file-name{overflow:hidden;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-chat-message__file-size{color:var(--cb-color-text-muted);font-size:.6875rem}.cb-chat-message__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-chat-message__icon-btn:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-chat-message__icon-btn[aria-pressed=true]{color:var(--cb-color-primary-text)}.cb-chat-message__icon-btn[aria-pressed=true] svg{fill:color-mix(in srgb,currentColor 22%,transparent)}:host(.cb-chat-message--error) .cb-chat-message__bubble{opacity:.75}.cb-chat-message__plain{margin:0;white-space:pre-wrap}.cb-chat-message__caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:cb-chat-caret 1s steps(1) infinite}@keyframes cb-chat-caret{50%{opacity:0}}.cb-chat-message__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__footer:empty{display:none}.cb-chat-message__status{display:inline-flex;align-items:center;gap:.25rem}.cb-chat-message__status--error{color:var(--cb-color-danger-700)}:host-context([data-theme=\"dark\"]) .cb-chat-message__status--error{color:var(--cb-color-danger-400)}.cb-chat-message__action{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;text-decoration:underline;cursor:pointer}.cb-chat-message__action:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__markdown>:first-child{margin-top:0}.cb-chat-message__markdown>:last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep p,.cb-chat-message__markdown ::ng-deep ul,.cb-chat-message__markdown ::ng-deep ol,.cb-chat-message__markdown ::ng-deep blockquote,.cb-chat-message__markdown ::ng-deep pre,.cb-chat-message__markdown ::ng-deep .cb-md-table{margin:0 0 .625rem}.cb-chat-message__markdown ::ng-deep :is(p,ul,ol,pre,blockquote,.cb-md-table):last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep :is(h1,h2,h3,h4,h5,h6){margin:.75rem 0 .375rem;font-size:1em;font-weight:var(--cb-font-weight-bold, 700)}.cb-chat-message__markdown ::ng-deep h1{font-size:1.2em}.cb-chat-message__markdown ::ng-deep h2{font-size:1.1em}.cb-chat-message__markdown ::ng-deep :is(ul,ol){padding-left:1.25rem}.cb-chat-message__markdown ::ng-deep li+li{margin-top:.125rem}.cb-chat-message__markdown ::ng-deep .cb-md-task{list-style:none;margin-left:-1.25rem}.cb-chat-message__markdown ::ng-deep a{color:inherit;text-decoration:underline}.cb-chat-message__markdown ::ng-deep code{padding:.0625rem .3125rem;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,currentColor 10%,transparent);font-family:var(--cb-font-mono);font-size:.9em}.cb-chat-message__markdown ::ng-deep pre{position:relative;overflow-x:auto;padding:.75rem;border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-950, #0b1220);color:#e5e7eb}.cb-chat-message__markdown ::ng-deep pre code{padding:0;background:transparent;font-size:.85em;white-space:pre}.cb-chat-message__markdown ::ng-deep .cb-md-lang{display:block;margin-bottom:.375rem;color:#9ca3af;font-family:var(--cb-font-sans);font-size:.7rem;text-transform:uppercase}.cb-chat-message__markdown ::ng-deep blockquote{padding-left:.75rem;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.9}.cb-chat-message__markdown ::ng-deep hr{border:0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.cb-chat-message__markdown ::ng-deep .cb-md-table{overflow-x:auto}.cb-chat-message__markdown ::ng-deep table{border-collapse:collapse;font-size:.95em}.cb-chat-message__markdown ::ng-deep .cb-md-left{text-align:left}.cb-chat-message__markdown ::ng-deep .cb-md-center{text-align:center}.cb-chat-message__markdown ::ng-deep .cb-md-right{text-align:right}.cb-chat-message__markdown ::ng-deep .cb-md-check{margin-right:.125rem}.cb-chat-message__markdown ::ng-deep :is(th,td){padding:.25rem .625rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}@media(prefers-reduced-motion:reduce){.cb-chat-message__caret{animation:none}}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbCopyButton, selector: "cb-copy-button", inputs: ["value", "showLabel", "label", "copiedLabel", "timeout", "variant", "severity", "size", "disabled"], outputs: ["copied", "copyError"] }, { kind: "component", type: CbCodeBlock, selector: "cb-code-block", inputs: ["code", "language", "filename", "lineNumbers", "startLine", "highlightLines", "wrap", "copyable", "header", "maxHeight", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbChatMessage, decorators: [{
             type: Component,
@@ -548,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }
       </div>
     </div>
-  `, styles: [":host{display:flex;align-items:flex-start;gap:.625rem;max-width:100%;color:var(--cb-color-text);font-family:var(--cb-font-sans)}:host(.cb-chat-message--user){flex-direction:row-reverse}:host(.cb-chat-message--system){justify-content:center}.cb-chat-message__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--cb-color-surface-hover);color:var(--cb-color-text);font-size:.75rem;font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-chat-message--assistant) .cb-chat-message__avatar{background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary)}.cb-chat-message__avatar img{width:100%;height:100%;object-fit:cover}.cb-chat-message__body{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:min(46rem,85%)}:host(.cb-chat-message--user) .cb-chat-message__body{align-items:flex-end}.cb-chat-message__meta{display:flex;gap:.5rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__author{font-weight:var(--cb-font-weight-semibold, 600)}.cb-chat-message__bubble{max-width:100%;padding:.625rem .875rem;border-radius:var(--cb-radius-lg, 12px);border-top-left-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-subtle);font-size:var(--cb-text-sm, .875rem);line-height:1.55;overflow-wrap:anywhere}:host(.cb-chat-message--user) .cb-chat-message__bubble{border-top-left-radius:var(--cb-radius-lg, 12px);border-top-right-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast)}:host(.cb-chat-message--system) .cb-chat-message__bubble{padding:.25rem .75rem;border-radius:var(--cb-radius-full, 999px);background:transparent;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-chat-message__bubble:empty{display:none}.cb-chat-message__bubble>.cb-chat-message__code{margin:.5rem 0}.cb-chat-message__bubble>.cb-chat-message__code:first-child{margin-top:0}.cb-chat-message__bubble>.cb-chat-message__code:last-child{margin-bottom:0}.cb-chat-message__attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}:host(.cb-chat-message--user) .cb-chat-message__attachments{justify-content:flex-end}.cb-chat-message__thumb{display:block;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px)}.cb-chat-message__thumb img{display:block;width:7.5rem;height:7.5rem;object-fit:cover}.cb-chat-message__file{display:inline-flex;align-items:center;gap:.5rem;max-width:16rem;padding:.5rem .75rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-raised);color:inherit;text-decoration:none}a.cb-chat-message__file[href]:hover{background:var(--cb-color-surface-hover)}.cb-chat-message__thumb:focus-visible,.cb-chat-message__file:focus-visible,.cb-chat-message__icon-btn:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__file-text{display:flex;flex-direction:column;min-width:0}.cb-chat-message__file-name{overflow:hidden;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-chat-message__file-size{color:var(--cb-color-text-muted);font-size:.6875rem}.cb-chat-message__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-chat-message__icon-btn:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-chat-message__icon-btn[aria-pressed=true]{color:var(--cb-color-primary)}.cb-chat-message__icon-btn[aria-pressed=true] svg{fill:color-mix(in srgb,currentColor 22%,transparent)}:host(.cb-chat-message--error) .cb-chat-message__bubble{opacity:.75}.cb-chat-message__plain{margin:0;white-space:pre-wrap}.cb-chat-message__caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:cb-chat-caret 1s steps(1) infinite}@keyframes cb-chat-caret{50%{opacity:0}}.cb-chat-message__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__footer:empty{display:none}.cb-chat-message__status{display:inline-flex;align-items:center;gap:.25rem}.cb-chat-message__status--error{color:var(--cb-color-danger-700)}:host-context([data-theme=\"dark\"]) .cb-chat-message__status--error{color:var(--cb-color-danger-400)}.cb-chat-message__action{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;text-decoration:underline;cursor:pointer}.cb-chat-message__action:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__markdown>:first-child{margin-top:0}.cb-chat-message__markdown>:last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep p,.cb-chat-message__markdown ::ng-deep ul,.cb-chat-message__markdown ::ng-deep ol,.cb-chat-message__markdown ::ng-deep blockquote,.cb-chat-message__markdown ::ng-deep pre,.cb-chat-message__markdown ::ng-deep .cb-md-table{margin:0 0 .625rem}.cb-chat-message__markdown ::ng-deep :is(p,ul,ol,pre,blockquote,.cb-md-table):last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep :is(h1,h2,h3,h4,h5,h6){margin:.75rem 0 .375rem;font-size:1em;font-weight:var(--cb-font-weight-bold, 700)}.cb-chat-message__markdown ::ng-deep h1{font-size:1.2em}.cb-chat-message__markdown ::ng-deep h2{font-size:1.1em}.cb-chat-message__markdown ::ng-deep :is(ul,ol){padding-left:1.25rem}.cb-chat-message__markdown ::ng-deep li+li{margin-top:.125rem}.cb-chat-message__markdown ::ng-deep .cb-md-task{list-style:none;margin-left:-1.25rem}.cb-chat-message__markdown ::ng-deep a{color:inherit;text-decoration:underline}.cb-chat-message__markdown ::ng-deep code{padding:.0625rem .3125rem;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,currentColor 10%,transparent);font-family:var(--cb-font-mono);font-size:.9em}.cb-chat-message__markdown ::ng-deep pre{position:relative;overflow-x:auto;padding:.75rem;border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-950, #0b1220);color:#e5e7eb}.cb-chat-message__markdown ::ng-deep pre code{padding:0;background:transparent;font-size:.85em;white-space:pre}.cb-chat-message__markdown ::ng-deep .cb-md-lang{display:block;margin-bottom:.375rem;color:#9ca3af;font-family:var(--cb-font-sans);font-size:.7rem;text-transform:uppercase}.cb-chat-message__markdown ::ng-deep blockquote{padding-left:.75rem;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.9}.cb-chat-message__markdown ::ng-deep hr{border:0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.cb-chat-message__markdown ::ng-deep .cb-md-table{overflow-x:auto}.cb-chat-message__markdown ::ng-deep table{border-collapse:collapse;font-size:.95em}.cb-chat-message__markdown ::ng-deep .cb-md-left{text-align:left}.cb-chat-message__markdown ::ng-deep .cb-md-center{text-align:center}.cb-chat-message__markdown ::ng-deep .cb-md-right{text-align:right}.cb-chat-message__markdown ::ng-deep .cb-md-check{margin-right:.125rem}.cb-chat-message__markdown ::ng-deep :is(th,td){padding:.25rem .625rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}@media(prefers-reduced-motion:reduce){.cb-chat-message__caret{animation:none}}\n"] }]
+  `, styles: [":host{display:flex;align-items:flex-start;gap:.625rem;max-width:100%;color:var(--cb-color-text);font-family:var(--cb-font-sans)}:host(.cb-chat-message--user){flex-direction:row-reverse}:host(.cb-chat-message--system){justify-content:center}.cb-chat-message__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--cb-color-surface-hover);color:var(--cb-color-text);font-size:.75rem;font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-chat-message--assistant) .cb-chat-message__avatar{background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary-text)}.cb-chat-message__avatar img{width:100%;height:100%;object-fit:cover}.cb-chat-message__body{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:min(46rem,85%)}:host(.cb-chat-message--user) .cb-chat-message__body{align-items:flex-end}.cb-chat-message__meta{display:flex;gap:.5rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__author{font-weight:var(--cb-font-weight-semibold, 600)}.cb-chat-message__bubble{max-width:100%;padding:.625rem .875rem;border-radius:var(--cb-radius-lg, 12px);border-top-left-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-subtle);font-size:var(--cb-text-sm, .875rem);line-height:1.55;overflow-wrap:anywhere}:host(.cb-chat-message--user) .cb-chat-message__bubble{border-top-left-radius:var(--cb-radius-lg, 12px);border-top-right-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast)}:host(.cb-chat-message--system) .cb-chat-message__bubble{padding:.25rem .75rem;border-radius:var(--cb-radius-full, 999px);background:transparent;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-chat-message__bubble:empty{display:none}.cb-chat-message__bubble>.cb-chat-message__code{margin:.5rem 0}.cb-chat-message__bubble>.cb-chat-message__code:first-child{margin-top:0}.cb-chat-message__bubble>.cb-chat-message__code:last-child{margin-bottom:0}.cb-chat-message__attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}:host(.cb-chat-message--user) .cb-chat-message__attachments{justify-content:flex-end}.cb-chat-message__thumb{display:block;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px)}.cb-chat-message__thumb img{display:block;width:7.5rem;height:7.5rem;object-fit:cover}.cb-chat-message__file{display:inline-flex;align-items:center;gap:.5rem;max-width:16rem;padding:.5rem .75rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-raised);color:inherit;text-decoration:none}a.cb-chat-message__file[href]:hover{background:var(--cb-color-surface-hover)}.cb-chat-message__thumb:focus-visible,.cb-chat-message__file:focus-visible,.cb-chat-message__icon-btn:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__file-text{display:flex;flex-direction:column;min-width:0}.cb-chat-message__file-name{overflow:hidden;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-chat-message__file-size{color:var(--cb-color-text-muted);font-size:.6875rem}.cb-chat-message__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-chat-message__icon-btn:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-chat-message__icon-btn[aria-pressed=true]{color:var(--cb-color-primary-text)}.cb-chat-message__icon-btn[aria-pressed=true] svg{fill:color-mix(in srgb,currentColor 22%,transparent)}:host(.cb-chat-message--error) .cb-chat-message__bubble{opacity:.75}.cb-chat-message__plain{margin:0;white-space:pre-wrap}.cb-chat-message__caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:cb-chat-caret 1s steps(1) infinite}@keyframes cb-chat-caret{50%{opacity:0}}.cb-chat-message__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-chat-message__footer:empty{display:none}.cb-chat-message__status{display:inline-flex;align-items:center;gap:.25rem}.cb-chat-message__status--error{color:var(--cb-color-danger-700)}:host-context([data-theme=\"dark\"]) .cb-chat-message__status--error{color:var(--cb-color-danger-400)}.cb-chat-message__action{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;text-decoration:underline;cursor:pointer}.cb-chat-message__action:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-chat-message__markdown>:first-child{margin-top:0}.cb-chat-message__markdown>:last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep p,.cb-chat-message__markdown ::ng-deep ul,.cb-chat-message__markdown ::ng-deep ol,.cb-chat-message__markdown ::ng-deep blockquote,.cb-chat-message__markdown ::ng-deep pre,.cb-chat-message__markdown ::ng-deep .cb-md-table{margin:0 0 .625rem}.cb-chat-message__markdown ::ng-deep :is(p,ul,ol,pre,blockquote,.cb-md-table):last-child{margin-bottom:0}.cb-chat-message__markdown ::ng-deep :is(h1,h2,h3,h4,h5,h6){margin:.75rem 0 .375rem;font-size:1em;font-weight:var(--cb-font-weight-bold, 700)}.cb-chat-message__markdown ::ng-deep h1{font-size:1.2em}.cb-chat-message__markdown ::ng-deep h2{font-size:1.1em}.cb-chat-message__markdown ::ng-deep :is(ul,ol){padding-left:1.25rem}.cb-chat-message__markdown ::ng-deep li+li{margin-top:.125rem}.cb-chat-message__markdown ::ng-deep .cb-md-task{list-style:none;margin-left:-1.25rem}.cb-chat-message__markdown ::ng-deep a{color:inherit;text-decoration:underline}.cb-chat-message__markdown ::ng-deep code{padding:.0625rem .3125rem;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,currentColor 10%,transparent);font-family:var(--cb-font-mono);font-size:.9em}.cb-chat-message__markdown ::ng-deep pre{position:relative;overflow-x:auto;padding:.75rem;border-radius:var(--cb-radius-md, 8px);background:var(--cb-color-surface-950, #0b1220);color:#e5e7eb}.cb-chat-message__markdown ::ng-deep pre code{padding:0;background:transparent;font-size:.85em;white-space:pre}.cb-chat-message__markdown ::ng-deep .cb-md-lang{display:block;margin-bottom:.375rem;color:#9ca3af;font-family:var(--cb-font-sans);font-size:.7rem;text-transform:uppercase}.cb-chat-message__markdown ::ng-deep blockquote{padding-left:.75rem;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.9}.cb-chat-message__markdown ::ng-deep hr{border:0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.cb-chat-message__markdown ::ng-deep .cb-md-table{overflow-x:auto}.cb-chat-message__markdown ::ng-deep table{border-collapse:collapse;font-size:.95em}.cb-chat-message__markdown ::ng-deep .cb-md-left{text-align:left}.cb-chat-message__markdown ::ng-deep .cb-md-center{text-align:center}.cb-chat-message__markdown ::ng-deep .cb-md-right{text-align:right}.cb-chat-message__markdown ::ng-deep .cb-md-check{margin-right:.125rem}.cb-chat-message__markdown ::ng-deep :is(th,td){padding:.25rem .625rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}@media(prefers-reduced-motion:reduce){.cb-chat-message__caret{animation:none}}\n"] }]
         }], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], markdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "markdown", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], showAvatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAvatar", required: false }] }], showAuthor: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAuthor", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], copyable: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyable", required: false }] }], attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: false }] }], showFeedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFeedback", required: false }] }], feedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedback", required: false }] }, { type: i0.Output, args: ["feedbackChange"] }], regenerable: [{ type: i0.Input, args: [{ isSignal: true, alias: "regenerable", required: false }] }], retry: [{ type: i0.Output, args: ["retry"] }], regenerate: [{ type: i0.Output, args: ["regenerate"] }] } });
 
 /** Distancia (px) al final por debajo de la cual la lista sigue los mensajes nuevos. */

package/fesm2022/{caribeng-ui-caribe-coachmark.mjs → caribeng-ui-coachmark.mjs}

@@ -3,7 +3,7 @@ import { input, model, output, ViewEncapsulation, ChangeDetectionStrategy, Compo
 import { injectCbTranslation, cbFormat } from '@caribeng/ui';
 
 /**
- * Coachmark de Caribe Design: tarjeta de ayuda guiada paso a paso para resaltar
+ * Coachmark: tarjeta de ayuda guiada paso a paso para resaltar
  * funcionalidades.
  *
  * @example
@@ -43,93 +43,93 @@ class CbCoachmark {
         this.visible.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbCoachmark, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbCoachmark, isStandalone: true, selector: "cb-coachmark", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", index: "indexChange", stepChange: "stepChange" }, ngImport: i0, template: `
-    @if (visible() && steps().length) {
-      <aside
-        class="cb-coachmark"
-        role="dialog"
-        [attr.aria-label]="t().guidedHelp"
-        (keydown.escape)="close()"
-      >
-        <!-- Región viva: al cambiar de paso se anuncian el contador y el título. -->
-        <div class="cb-coachmark__announce" aria-live="polite" aria-atomic="true">
-          <span class="cb-coachmark__counter">
-            {{ fmt(t().stepOf, index() + 1, steps().length) }}
-          </span>
-          <h3 class="cb-coachmark__title">{{ steps()[index()] }}</h3>
-        </div>
-        <div class="cb-coachmark__actions">
-          <button
-            type="button"
-            class="cb-coachmark__btn cb-coachmark__btn--ghost"
-            (click)="close()"
-          >
-            {{ t().skip }}
-          </button>
-          <button
-            type="button"
-            class="cb-coachmark__btn"
-            (click)="previous()"
-            [disabled]="index() === 0"
-          >
-            {{ t().previous }}
-          </button>
-          <button
-            type="button"
-            class="cb-coachmark__btn cb-coachmark__btn--primary"
-            (click)="next()"
-          >
-            {{ index() === steps().length - 1 ? t().finish : t().next }}
-          </button>
-        </div>
-      </aside>
-    }
-  `, isInline: true, styles: [":host{display:block;width:100%;max-width:20rem}.cb-coachmark{position:relative;display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);box-sizing:border-box;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-surface-0, #ffffff);background-color:var(--cb-color-surface-900, #0f172a);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 16px 36px rgba(0, 0, 0, .3))}.cb-coachmark__announce{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem)}.cb-coachmark__counter{font-size:var(--cb-text-xs, .72rem);font-weight:var(--cb-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase;color:var(--cb-color-primary-300, #6ee7b7)}.cb-coachmark__title{margin:0;font-size:var(--cb-text-base, .95rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:var(--cb-line-height-normal, 1.45)}.cb-coachmark__actions{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);margin-top:var(--cb-space-2, .5rem)}.cb-coachmark__btn{padding:var(--cb-space-2, .4rem) var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-surface-0, #ffffff);background-color:#ffffff1f;border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-coachmark__btn:hover:not(:disabled){background-color:#ffffff38}.cb-coachmark__btn:disabled{opacity:.4;cursor:not-allowed}.cb-coachmark__btn--ghost{background-color:transparent}.cb-coachmark__btn--primary{color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857)}.cb-coachmark__btn--primary:hover:not(:disabled){background-color:var(--cb-color-primary-500, #10b981)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbCoachmark, isStandalone: true, selector: "cb-coachmark", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", index: "indexChange", stepChange: "stepChange" }, ngImport: i0, template: `
+    @if (visible() && steps().length) {
+      <aside
+        class="cb-coachmark"
+        role="dialog"
+        [attr.aria-label]="t().guidedHelp"
+        (keydown.escape)="close()"
+      >
+        <!-- Región viva: al cambiar de paso se anuncian el contador y el título. -->
+        <div class="cb-coachmark__announce" aria-live="polite" aria-atomic="true">
+          <span class="cb-coachmark__counter">
+            {{ fmt(t().stepOf, index() + 1, steps().length) }}
+          </span>
+          <h3 class="cb-coachmark__title">{{ steps()[index()] }}</h3>
+        </div>
+        <div class="cb-coachmark__actions">
+          <button
+            type="button"
+            class="cb-coachmark__btn cb-coachmark__btn--ghost"
+            (click)="close()"
+          >
+            {{ t().skip }}
+          </button>
+          <button
+            type="button"
+            class="cb-coachmark__btn"
+            (click)="previous()"
+            [disabled]="index() === 0"
+          >
+            {{ t().previous }}
+          </button>
+          <button
+            type="button"
+            class="cb-coachmark__btn cb-coachmark__btn--primary"
+            (click)="next()"
+          >
+            {{ index() === steps().length - 1 ? t().finish : t().next }}
+          </button>
+        </div>
+      </aside>
+    }
+  `, isInline: true, styles: [":host{display:block;width:100%;max-width:20rem}.cb-coachmark{position:relative;display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);box-sizing:border-box;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-surface-0, #ffffff);background-color:var(--cb-color-surface-900, #0f172a);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 16px 36px rgba(0, 0, 0, .3))}.cb-coachmark__announce{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem)}.cb-coachmark__counter{font-size:var(--cb-text-xs, .72rem);font-weight:var(--cb-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase;color:var(--cb-color-primary-300, #6ee7b7)}.cb-coachmark__title{margin:0;font-size:var(--cb-text-base, .95rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:var(--cb-line-height-normal, 1.45)}.cb-coachmark__actions{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);margin-top:var(--cb-space-2, .5rem)}.cb-coachmark__btn{padding:var(--cb-space-2, .4rem) var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-surface-0, #ffffff);background-color:#ffffff1f;border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-coachmark__btn:hover:not(:disabled){background-color:#ffffff38}.cb-coachmark__btn:disabled{opacity:.4;cursor:not-allowed}.cb-coachmark__btn--ghost{background-color:transparent}.cb-coachmark__btn--primary{color:#fff;background-color:var(--cb-color-primary-700, #047857)}.cb-coachmark__btn--primary:hover:not(:disabled){background-color:var(--cb-color-primary-500, #10b981)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbCoachmark, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-coachmark', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: `
-    @if (visible() && steps().length) {
-      <aside
-        class="cb-coachmark"
-        role="dialog"
-        [attr.aria-label]="t().guidedHelp"
-        (keydown.escape)="close()"
-      >
-        <!-- Región viva: al cambiar de paso se anuncian el contador y el título. -->
-        <div class="cb-coachmark__announce" aria-live="polite" aria-atomic="true">
-          <span class="cb-coachmark__counter">
-            {{ fmt(t().stepOf, index() + 1, steps().length) }}
-          </span>
-          <h3 class="cb-coachmark__title">{{ steps()[index()] }}</h3>
-        </div>
-        <div class="cb-coachmark__actions">
-          <button
-            type="button"
-            class="cb-coachmark__btn cb-coachmark__btn--ghost"
-            (click)="close()"
-          >
-            {{ t().skip }}
-          </button>
-          <button
-            type="button"
-            class="cb-coachmark__btn"
-            (click)="previous()"
-            [disabled]="index() === 0"
-          >
-            {{ t().previous }}
-          </button>
-          <button
-            type="button"
-            class="cb-coachmark__btn cb-coachmark__btn--primary"
-            (click)="next()"
-          >
-            {{ index() === steps().length - 1 ? t().finish : t().next }}
-          </button>
-        </div>
-      </aside>
-    }
-  `, styles: [":host{display:block;width:100%;max-width:20rem}.cb-coachmark{position:relative;display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);box-sizing:border-box;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-surface-0, #ffffff);background-color:var(--cb-color-surface-900, #0f172a);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 16px 36px rgba(0, 0, 0, .3))}.cb-coachmark__announce{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem)}.cb-coachmark__counter{font-size:var(--cb-text-xs, .72rem);font-weight:var(--cb-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase;color:var(--cb-color-primary-300, #6ee7b7)}.cb-coachmark__title{margin:0;font-size:var(--cb-text-base, .95rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:var(--cb-line-height-normal, 1.45)}.cb-coachmark__actions{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);margin-top:var(--cb-space-2, .5rem)}.cb-coachmark__btn{padding:var(--cb-space-2, .4rem) var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-surface-0, #ffffff);background-color:#ffffff1f;border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-coachmark__btn:hover:not(:disabled){background-color:#ffffff38}.cb-coachmark__btn:disabled{opacity:.4;cursor:not-allowed}.cb-coachmark__btn--ghost{background-color:transparent}.cb-coachmark__btn--primary{color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857)}.cb-coachmark__btn--primary:hover:not(:disabled){background-color:var(--cb-color-primary-500, #10b981)}\n"] }]
+            args: [{ selector: 'cb-coachmark', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: `
+    @if (visible() && steps().length) {
+      <aside
+        class="cb-coachmark"
+        role="dialog"
+        [attr.aria-label]="t().guidedHelp"
+        (keydown.escape)="close()"
+      >
+        <!-- Región viva: al cambiar de paso se anuncian el contador y el título. -->
+        <div class="cb-coachmark__announce" aria-live="polite" aria-atomic="true">
+          <span class="cb-coachmark__counter">
+            {{ fmt(t().stepOf, index() + 1, steps().length) }}
+          </span>
+          <h3 class="cb-coachmark__title">{{ steps()[index()] }}</h3>
+        </div>
+        <div class="cb-coachmark__actions">
+          <button
+            type="button"
+            class="cb-coachmark__btn cb-coachmark__btn--ghost"
+            (click)="close()"
+          >
+            {{ t().skip }}
+          </button>
+          <button
+            type="button"
+            class="cb-coachmark__btn"
+            (click)="previous()"
+            [disabled]="index() === 0"
+          >
+            {{ t().previous }}
+          </button>
+          <button
+            type="button"
+            class="cb-coachmark__btn cb-coachmark__btn--primary"
+            (click)="next()"
+          >
+            {{ index() === steps().length - 1 ? t().finish : t().next }}
+          </button>
+        </div>
+      </aside>
+    }
+  `, styles: [":host{display:block;width:100%;max-width:20rem}.cb-coachmark{position:relative;display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);box-sizing:border-box;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-surface-0, #ffffff);background-color:var(--cb-color-surface-900, #0f172a);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 16px 36px rgba(0, 0, 0, .3))}.cb-coachmark__announce{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem)}.cb-coachmark__counter{font-size:var(--cb-text-xs, .72rem);font-weight:var(--cb-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase;color:var(--cb-color-primary-300, #6ee7b7)}.cb-coachmark__title{margin:0;font-size:var(--cb-text-base, .95rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:var(--cb-line-height-normal, 1.45)}.cb-coachmark__actions{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);margin-top:var(--cb-space-2, .5rem)}.cb-coachmark__btn{padding:var(--cb-space-2, .4rem) var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-surface-0, #ffffff);background-color:#ffffff1f;border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-coachmark__btn:hover:not(:disabled){background-color:#ffffff38}.cb-coachmark__btn:disabled{opacity:.4;cursor:not-allowed}.cb-coachmark__btn--ghost{background-color:transparent}.cb-coachmark__btn--primary{color:#fff;background-color:var(--cb-color-primary-700, #047857)}.cb-coachmark__btn--primary:hover:not(:disabled){background-color:var(--cb-color-primary-500, #10b981)}\n"] }]
         }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }, { type: i0.Output, args: ["indexChange"] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }] } });
 
 /**

package/fesm2022/caribeng-ui-command-palette.mjs

@@ -383,7 +383,7 @@ class CbCommandPalette {
         <div class="cb-command__status" role="status">{{ announcement() }}</div>
       </div>
     </ng-template>
-  `, isInline: true, styles: [":host{display:contents}.cb-command{display:flex;flex-direction:column;width:min(40rem,calc(100vw - 2rem));max-height:min(32rem,76vh);overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-command__search{display:flex;align-items:center;gap:.625rem;padding:0 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-command__search-icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__input{flex:1;min-width:0;height:3.25rem;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-base, 1rem)}.cb-command__input::placeholder{color:var(--cb-color-text-muted)}.cb-command__list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.375rem}.cb-command__group{padding:.625rem .625rem .25rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__option{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.375rem .625rem;border-radius:var(--cb-radius-md, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-command__option--active{background:var(--cb-color-surface-hover);color:var(--cb-color-text-strong);outline:2px solid transparent;box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-command__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cb-command__icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__text{display:flex;flex:1;flex-direction:column;min-width:0}.cb-command__label,.cb-command__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-command__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__match{background:transparent;color:var(--cb-color-primary);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__shortcut{flex:none}.cb-command__empty{padding:2rem 1rem;color:var(--cb-color-text-muted);text-align:center}.cb-command__footer{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__footer span{display:inline-flex;align-items:center;gap:.375rem}.cb-command__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:480px){.cb-command__footer{display:none}}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKbd, selector: "cb-kbd", inputs: ["keys", "platform", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:contents}.cb-command{display:flex;flex-direction:column;width:min(40rem,calc(100vw - 2rem));max-height:min(32rem,76vh);overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-command__search{display:flex;align-items:center;gap:.625rem;padding:0 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-command__search-icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__input{flex:1;min-width:0;height:3.25rem;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-base, 1rem)}.cb-command__input::placeholder{color:var(--cb-color-text-muted)}.cb-command__list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.375rem}.cb-command__group{padding:.625rem .625rem .25rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__option{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.375rem .625rem;border-radius:var(--cb-radius-md, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-command__option--active{background:var(--cb-color-surface-hover);color:var(--cb-color-text-strong);outline:2px solid transparent;box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-command__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cb-command__icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__text{display:flex;flex:1;flex-direction:column;min-width:0}.cb-command__label,.cb-command__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-command__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__match{background:transparent;color:var(--cb-color-primary-text);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__shortcut{flex:none}.cb-command__empty{padding:2rem 1rem;color:var(--cb-color-text-muted);text-align:center}.cb-command__footer{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__footer span{display:inline-flex;align-items:center;gap:.375rem}.cb-command__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:480px){.cb-command__footer{display:none}}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKbd, selector: "cb-kbd", inputs: ["keys", "platform", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbCommandPalette, decorators: [{
             type: Component,
@@ -462,7 +462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         <div class="cb-command__status" role="status">{{ announcement() }}</div>
       </div>
     </ng-template>
-  `, styles: [":host{display:contents}.cb-command{display:flex;flex-direction:column;width:min(40rem,calc(100vw - 2rem));max-height:min(32rem,76vh);overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-command__search{display:flex;align-items:center;gap:.625rem;padding:0 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-command__search-icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__input{flex:1;min-width:0;height:3.25rem;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-base, 1rem)}.cb-command__input::placeholder{color:var(--cb-color-text-muted)}.cb-command__list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.375rem}.cb-command__group{padding:.625rem .625rem .25rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__option{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.375rem .625rem;border-radius:var(--cb-radius-md, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-command__option--active{background:var(--cb-color-surface-hover);color:var(--cb-color-text-strong);outline:2px solid transparent;box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-command__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cb-command__icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__text{display:flex;flex:1;flex-direction:column;min-width:0}.cb-command__label,.cb-command__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-command__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__match{background:transparent;color:var(--cb-color-primary);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__shortcut{flex:none}.cb-command__empty{padding:2rem 1rem;color:var(--cb-color-text-muted);text-align:center}.cb-command__footer{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__footer span{display:inline-flex;align-items:center;gap:.375rem}.cb-command__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:480px){.cb-command__footer{display:none}}\n"] }]
+  `, styles: [":host{display:contents}.cb-command{display:flex;flex-direction:column;width:min(40rem,calc(100vw - 2rem));max-height:min(32rem,76vh);overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-command__search{display:flex;align-items:center;gap:.625rem;padding:0 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-command__search-icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__input{flex:1;min-width:0;height:3.25rem;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-base, 1rem)}.cb-command__input::placeholder{color:var(--cb-color-text-muted)}.cb-command__list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.375rem}.cb-command__group{padding:.625rem .625rem .25rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__option{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.375rem .625rem;border-radius:var(--cb-radius-md, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-command__option--active{background:var(--cb-color-surface-hover);color:var(--cb-color-text-strong);outline:2px solid transparent;box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-command__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cb-command__icon{flex:none;color:var(--cb-color-text-muted)}.cb-command__text{display:flex;flex:1;flex-direction:column;min-width:0}.cb-command__label,.cb-command__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-command__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__match{background:transparent;color:var(--cb-color-primary-text);font-weight:var(--cb-font-weight-semibold, 600)}.cb-command__shortcut{flex:none}.cb-command__empty{padding:2rem 1rem;color:var(--cb-color-text-muted);text-align:center}.cb-command__footer{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-command__footer span{display:inline-flex;align-items:center;gap:.375rem}.cb-command__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:480px){.cb-command__footer{display:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tpl: [{ type: i0.ViewChild, args: ['tpl', { isSignal: true }] }], inputEl: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcut", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }] } });
 
 /*