@aparte/plugin-model-selector 0.16.7 → 0.16.9

package/dist/aparte-model-selector.d.ts

@@ -15,6 +15,8 @@ import { type AparteConfig, type AparteConfigAware } from '@aparte/core';
  * @attr {boolean} persist - Writes the selection back through the config, so it survives a reload.
  * @attr {boolean} searchable - Adds the dropdown's filter field.
  * @attr {string} placeholder - Overrides the text shown while nothing is selected.
+ * @attr {boolean} disabled - Disables the picker. Inside an `<aparte-composer>` it also follows the
+ *   composer's own `disabled`, so a disabled composer does not leave its model picker operable.
  *
  * @fires {CustomEvent<AparteModelChangeEventDetail>} aparte-model-change - The provider or the model changed; carries both ids.
  *
@@ -47,6 +49,9 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
     private _configUnsubscribe;
     private _boundHandleChange;
     private _handleOptgroupToggle;
+    /** The composer we sit in, if any — its `disabled` is ours too. */
+    private _composer;
+    private _boundComposerChange;
     static get observedAttributes(): string[];
     connectedCallback(): Promise<void>;
     /** Listen for configuration changes (e.g. from an onboarding flow). */
@@ -78,6 +83,9 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
     setSelection(providerId: string, modelId: string): void;
     private _loadAllProviderModels;
     private _onOptgroupToggle;
+    /** Our own attribute, or the disabled state of the composer we sit in. */
+    private _isDisabled;
+    private _syncDisabled;
     private _render;
     private _renderImpl;
     private _setupEventListeners;

package/dist/aparte-model-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-model-selector.d.ts","sourceRoot":"","sources":["../src/aparte-model-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAOzB,MAAM,cAAc,CAAC;AAoBtB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,mBAAoB,SAAQ,WAAY,YAAW,iBAAiB;IAC7E,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAA0B;IAEjD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,IAAI,CAAoC;IAEhD,OAAO,CAAC,kBAAkB,CAA6B;IAGvD,OAAO,CAAC,kBAAkB,CAAiC;IAC3D,OAAO,CAAC,qBAAqB,CAA2D;IAExF,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAEK,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBxC,uEAAuE;IACvE,OAAO,CAAC,kBAAkB;IAgC1B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAMhB,oBAAoB,IAAI,IAAI;IAM5B;;;;;;;;OAQG;IACH,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAqB7C,wBAAwB,IAAI,IAAI;IAUhC,2BAA2B;IAC3B,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAE9B;IAED,wBAAwB;IACxB,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,0CAA0C;IAC1C,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;YAgBzC,sBAAsB;YAmDtB,iBAAiB;IA2C/B,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,WAAW;IAgInB,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,uBAAuB;CAWlC;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}
+{"version":3,"file":"aparte-model-selector.d.ts","sourceRoot":"","sources":["../src/aparte-model-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAOzB,MAAM,cAAc,CAAC;AAoBtB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,mBAAoB,SAAQ,WAAY,YAAW,iBAAiB;IAC7E,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAA0B;IAEjD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,IAAI,CAAoC;IAEhD,OAAO,CAAC,kBAAkB,CAA6B;IAGvD,OAAO,CAAC,kBAAkB,CAAiC;IAC3D,OAAO,CAAC,qBAAqB,CAA2D;IACxF,mEAAmE;IACnE,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,oBAAoB,CAAyC;IAErE,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAEK,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BxC,uEAAuE;IACvE,OAAO,CAAC,kBAAkB;IAgC1B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAMhB,oBAAoB,IAAI,IAAI;IAQ5B;;;;;;;;OAQG;IACH,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAqB7C,wBAAwB,IAAI,IAAI;IAUhC,2BAA2B;IAC3B,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAE9B;IAED,wBAAwB;IACxB,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,0CAA0C;IAC1C,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;YAgBzC,sBAAsB;YAmDtB,iBAAiB;IA2C/B,0EAA0E;IAC1E,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,WAAW;IA+HnB,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,uBAAuB;CAWlC;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}

package/dist/custom-elements.json

@@ -126,6 +126,21 @@
               "name": "_handleOptgroupToggle",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_composer",
+              "type": {
+                "text": "Element | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "The composer we sit in, if any — its `disabled` is ours too."
+            },
+            {
+              "kind": "field",
+              "name": "_boundComposerChange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_subscribeToConfig",
@@ -236,6 +251,27 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_isDisabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Our own attribute, or the disabled state of the composer we sit in."
+            },
+            {
+              "kind": "method",
+              "name": "_syncDisabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_render",
@@ -382,6 +418,13 @@
                 "text": "string"
               },
               "description": "Overrides the text shown while nothing is selected."
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables the picker. Inside an `<aparte-composer>` it also follows the composer's own `disabled`, so a disabled composer does not leave its model picker operable."
             }
           ],
           "superclass": {
@@ -552,6 +595,11 @@
               "name": "placeholder",
               "description": "Overrides the text shown while nothing is selected."
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Disables the picker. Inside an `<aparte-composer>` it also follows the composer's own `disabled`, so a disabled composer does not leave its model picker operable."
+            },
             {
               "kind": "field",
               "name": "modelChange",

package/dist/generated/element-attributes.d.ts

@@ -8,6 +8,8 @@ export interface AparteModelSelectorAttributes {
     searchable?: boolean;
     /** Overrides the text shown while nothing is selected. */
     placeholder?: string;
+    /** Disables the picker. Inside an `<aparte-composer>` it also follows the composer's own `disabled`, so a disabled composer does not leave its model picker operable. */
+    disabled?: boolean;
 }
 /**
  * Tag name to its attribute surface — the registry every wrapper maps over.

package/dist/generated/element-attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"AAIA,mRAAmR;AACnR,MAAM,WAAW,6BAA6B;IAC1C,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACpC,uBAAuB,EAAE,6BAA6B,CAAC;CAC1D;AAED,2FAA2F;AAC3F,MAAM,MAAM,oBAAoB,GAAG,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"AAIA,mRAAmR;AACnR,MAAM,WAAW,6BAA6B;IAC1C,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yKAAyK;IACzK,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACpC,uBAAuB,EAAE,6BAA6B,CAAC;CAC1D;AAED,2FAA2F;AAC3F,MAAM,MAAM,oBAAoB,GAAG,MAAM,uBAAuB,CAAC"}

package/dist/generated/element.directives.d.ts

@@ -37,14 +37,17 @@ export declare class AparteModelSelectorDirective extends AparteElementBase {
     set searchable(v: boolean);
     /** Overrides the text shown while nothing is selected. */
     set placeholder(v: string | undefined);
+    /** Disables the picker. Inside an `<aparte-composer>` it also follows the composer's own `disabled`, so a disabled composer does not leave its model picker operable. */
+    set disabled(v: boolean);
     /** The provider or the model changed; carries both ids. */
     readonly modelChange: EventEmitter<AparteModelChangeEventDetail>;
     protected onModelChange(e: CustomEvent<AparteModelChangeEventDetail>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AparteModelSelectorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AparteModelSelectorDirective, "aparte-model-selector", never, { "persist": { "alias": "persist"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AparteModelSelectorDirective, "aparte-model-selector", never, { "persist": { "alias": "persist"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
     static ngAcceptInputType_persist: unknown;
     static ngAcceptInputType_autoSelect: unknown;
     static ngAcceptInputType_searchable: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
 /**
  * Every element directive, for one import in a standalone component.

package/dist/generated/element.directives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.directives.d.ts","sourceRoot":"","sources":["../../src/generated/element.directives.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,OAAO,EAEH,UAAU,EACV,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EACR,4BAA4B,EAC/B,MAAM,cAAc,CAAC;;AAEtB;;;;;;;GAOG;AACH,uBACe,iBAAiB;IAC5B,SAAS,CAAC,QAAQ,CAAC,IAAI,kBAAmC;IAE1D,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;yCAHxC,iBAAiB;2CAAjB,iBAAiB;CAM/B;AAED,mRAAmR;AACnR,qBACa,4BAA6B,SAAQ,iBAAiB;IAC/D,6EAA6E;IAC7E,IAA4C,OAAO,CAAC,CAAC,EAAE,OAAO,EAA+B;IAC7F,2DAA2D;IAC3D,IAA4C,UAAU,CAAC,CAAC,EAAE,OAAO,EAAmC;IACpG,wCAAwC;IACxC,IAA4C,UAAU,CAAC,CAAC,EAAE,OAAO,EAAkC;IACnG,0DAA0D;IAC1D,IAAa,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,EAAmC;IAEjF,2DAA2D;IACjD,QAAQ,CAAC,WAAW,6CAAoD;IAGlF,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,CAAC,4BAA4B,CAAC,GAAG,IAAI;yCAdlE,4BAA4B;2CAA5B,4BAA4B;sCA2B4p8c,OAAQ;yCAAR,OAAQ;yCAAR,OAAQ;CAZ5s8c;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,gDAE5B,CAAC"}
+{"version":3,"file":"element.directives.d.ts","sourceRoot":"","sources":["../../src/generated/element.directives.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,OAAO,EAEH,UAAU,EACV,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EACR,4BAA4B,EAC/B,MAAM,cAAc,CAAC;;AAEtB;;;;;;;GAOG;AACH,uBACe,iBAAiB;IAC5B,SAAS,CAAC,QAAQ,CAAC,IAAI,kBAAmC;IAE1D,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;yCAHxC,iBAAiB;2CAAjB,iBAAiB;CAM/B;AAED,mRAAmR;AACnR,qBACa,4BAA6B,SAAQ,iBAAiB;IAC/D,6EAA6E;IAC7E,IAA4C,OAAO,CAAC,CAAC,EAAE,OAAO,EAA+B;IAC7F,2DAA2D;IAC3D,IAA4C,UAAU,CAAC,CAAC,EAAE,OAAO,EAAmC;IACpG,wCAAwC;IACxC,IAA4C,UAAU,CAAC,CAAC,EAAE,OAAO,EAAkC;IACnG,0DAA0D;IAC1D,IAAa,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,EAAmC;IACjF,yKAAyK;IACzK,IAA4C,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAgC;IAE/F,2DAA2D;IACjD,QAAQ,CAAC,WAAW,6CAAoD;IAGlF,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,CAAC,4BAA4B,CAAC,GAAG,IAAI;yCAhBlE,4BAA4B;2CAA5B,4BAA4B;sCA6B047c,OAAQ;yCAAR,OAAQ;yCAAR,OAAQ;uCAAR,OAAQ;CAZ177c;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,gDAE5B,CAAC"}

package/dist/generated/element.directives.js

@@ -45,11 +45,13 @@ export class AparteModelSelectorDirective extends AparteElementBase {
     set searchable(v) { this.write('searchable', v); }
     /** Overrides the text shown while nothing is selected. */
     set placeholder(v) { this.write('placeholder', v); }
+    /** Disables the picker. Inside an `<aparte-composer>` it also follows the composer's own `disabled`, so a disabled composer does not leave its model picker operable. */
+    set disabled(v) { this.write('disabled', v); }
     /** The provider or the model changed; carries both ids. */
     modelChange = new EventEmitter();
     onModelChange(e) { this.modelChange.emit(e.detail); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteModelSelectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteModelSelectorDirective, isStandalone: true, selector: "aparte-model-selector", inputs: { persist: ["persist", "persist", booleanAttribute], autoSelect: ["autoSelect", "autoSelect", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], placeholder: "placeholder" }, outputs: { modelChange: "modelChange" }, host: { listeners: { "aparte-model-change": "onModelChange($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteModelSelectorDirective, isStandalone: true, selector: "aparte-model-selector", inputs: { persist: ["persist", "persist", booleanAttribute], autoSelect: ["autoSelect", "autoSelect", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], placeholder: "placeholder", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { modelChange: "modelChange" }, host: { listeners: { "aparte-model-change": "onModelChange($event)" } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteModelSelectorDirective, decorators: [{
             type: Directive,
@@ -65,6 +67,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], placeholder: [{
                 type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], modelChange: [{
                 type: Output
             }], onModelChange: [{

package/dist/index.js

@@ -28,14 +28,21 @@ class AparteModelSelector extends HTMLElement {
   _handleOptgroupToggle = (e) => {
     void this._onOptgroupToggle(e);
   };
+  /** The composer we sit in, if any — its `disabled` is ours too. */
+  _composer = null;
+  _boundComposerChange = () => {
+    this._syncDisabled();
+  };
   static get observedAttributes() {
-    return ["persist", "auto-select", "searchable", "placeholder"];
+    return ["persist", "auto-select", "searchable", "placeholder", "disabled"];
   }
   async connectedCallback() {
     this._cfg = resolveConfig(this);
     this._isLoading = false;
     this._providerModels = [];
     this._setupEventListeners();
+    this._composer = this.closest("aparte-composer");
+    this._composer?.addEventListener("aparte-composer-change", this._boundComposerChange);
     const config = this._cfg.getModelConfig();
     if (config.defaultProvider && config.defaultModel) {
       this._currentProviderId = config.defaultProvider;
@@ -77,6 +84,8 @@ class AparteModelSelector extends HTMLElement {
   disconnectedCallback() {
     this._aparteSelect?.removeEventListener("aparte-select-change", this._boundHandleChange);
     this.removeEventListener("aparte-optgroup-toggle", this._handleOptgroupToggle);
+    this._composer?.removeEventListener("aparte-composer-change", this._boundComposerChange);
+    this._composer = null;
     this._configUnsubscribe?.();
   }
   /**
@@ -193,6 +202,13 @@ class AparteModelSelector extends HTMLElement {
   // ─────────────────────────────────────────────────────────────────────────
   // Rendering
   // ─────────────────────────────────────────────────────────────────────────
+  /** Our own attribute, or the disabled state of the composer we sit in. */
+  _isDisabled() {
+    return this.hasAttribute("disabled") || (this._composer?.hasAttribute("disabled") ?? false);
+  }
+  _syncDisabled() {
+    this._aparteSelect?.toggleAttribute("disabled", this._isDisabled());
+  }
   _render(keepOpen = false) {
     if (this._isRendering) return;
     this._isRendering = true;
@@ -246,10 +262,9 @@ class AparteModelSelector extends HTMLElement {
       else this._aparteSelect.removeAttribute("value");
       if (searchable) this._aparteSelect.setAttribute("searchable", "");
       else this._aparteSelect.removeAttribute("searchable");
+      this._syncDisabled();
       if (wasOpen) this._aparteSelect.setAttribute("open", "");
       else this._aparteSelect.removeAttribute("open");
-      if (!singleProvider) this._aparteSelect.setAttribute("grouped", "");
-      else this._aparteSelect.removeAttribute("grouped");
       const optionsContainer = this._aparteSelect.querySelector(".aparte-select-options");
       if (optionsContainer) {
         optionsContainer.innerHTML = optionsHtml;
@@ -280,8 +295,8 @@ class AparteModelSelector extends HTMLElement {
                     placeholder="${esc(placeholder)}"
                     ${currentValue ? `value="${esc(currentValue)}"` : ""}
                     ${searchable ? "searchable" : ""}
+                    ${this._isDisabled() ? "disabled" : ""}
                     ${wasOpen ? "open" : ""}
-                    ${!singleProvider ? "grouped" : ""}
                 >
                     ${optionsHtml}
                 </aparte-select>

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/aparte-model-selector.ts"],"sourcesContent":["import {\n    aparteGlobalConfig,\n    escapeAttr,\n    resolveConfig,\n    type AparteConfig,\n    type AparteConfigAware,\n    AparteSelect,\n    type AparteOptgroup,\n    type AparteAIProvider,\n    type AparteAIModel,\n    type AparteModelChangeEventDetail,\n    type AparteSelectChangeDetail,\n} from '@aparte/core';\n\ninterface ProviderModels {\n    provider: AparteAIProvider;\n    models: AparteAIModel[];\n}\n\n/**\n * Escape a value before it is interpolated into an HTML string (text node or\n * double-quoted attribute). Model names/ids come from a remote `/models`\n * endpoint and provider labels from consumer config — both hostile-by-default,\n * and both flow through `innerHTML` when the option list is (re)built.\n */\nfunction esc(value: unknown): string {\n    // Coerce, then delegate: core owns the escaping. This local copy used to\n    // inline it and, like two of its eight siblings across the scope, left the\n    // apostrophe through — enough to break out of a single-quoted attribute.\n    return escapeAttr(String(value ?? ''));\n}\n\n/**\n * Selects an AI provider and a model. Renders an `<aparte-select>` with providers\n * grouped into `<aparte-optgroup>`s — a single provider renders a flat list — which is\n * what makes the BYOK pattern possible without core knowing about any vendor.\n *\n * These tags sat at the top of the file, above the imports and a helper, so nothing\n * read them: TypeScript associates only the comment adjacent to the declaration. This\n * package ships no manifest of its own today (only `@aparte/core` runs `cem analyze`),\n * so the loss was invisible to tooling — but it is also what an editor shows on hover,\n * and what a typed framework wrapper is written from.\n *\n * @element aparte-model-selector\n * @attr {boolean} auto-select - Selects the first model as soon as one is available.\n * @attr {boolean} persist - Writes the selection back through the config, so it survives a reload.\n * @attr {boolean} searchable - Adds the dropdown's filter field.\n * @attr {string} placeholder - Overrides the text shown while nothing is selected.\n *\n * @fires {CustomEvent<AparteModelChangeEventDetail>} aparte-model-change - The provider or the model changed; carries both ids.\n *\n * @example\n * <!-- Mount it in the composer's toolbar; it reads the models the config already knows. -->\n * <aparte-composer-toolbar>\n *   <aparte-model-selector searchable placeholder=\"Pick a model\"></aparte-model-selector>\n * </aparte-composer-toolbar>\n */\nexport class AparteModelSelector extends HTMLElement implements AparteConfigAware {\n    private _currentProviderId: string | null = null;\n    private _currentModelId: string | null = null;\n    private _providerModels: ProviderModels[] = [];\n    private _aparteSelect: AparteSelect | null = null;\n    private _isLoading = false;\n    private _isRendering = false;\n    private _expandedGroups: Set<string> = new Set();\n\n    /**\n     * Config governing THIS element — nearest instance boundary, else the global.\n     *\n     * Cached rather than resolved per call, because this element does not only\n     * READ it: it holds a `subscribe()` registration keyed on the object. That\n     * cache is only correct if something tells us when the boundary changes, and\n     * under all four wrappers it does change after we connect —\n     * `AparteChatHost.bind()` runs `attachConfig` from a post-mount hook. Hence\n     * {@link AparteConfigAware}; without it this element served the global config's\n     * providers to a chat that was given its own.\n     */\n    private _cfg: AparteConfig = aparteGlobalConfig;\n\n    private _configUnsubscribe: (() => void) | null = null;\n\n    // Bound handlers for cleanup\n    private _boundHandleChange = this._handleChange.bind(this);\n    private _handleOptgroupToggle = (e: Event): void => { void this._onOptgroupToggle(e); };\n\n    static get observedAttributes(): string[] {\n        return ['persist', 'auto-select', 'searchable', 'placeholder'];\n    }\n\n    async connectedCallback(): Promise<void> {\n        this._cfg = resolveConfig(this);\n        // Reset loading flag so a fresh mount always does a full load\n        // (prevents a stale _isLoading=true from a previous mount blocking this one)\n        this._isLoading = false;\n        this._providerModels = [];\n\n        this._setupEventListeners();\n\n        // Seed selection from the resolved config first (handles race conditions)\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        } else {\n            this._loadPersistedSelection();\n        }\n\n        await this._loadAllProviderModels();\n        this._render();\n\n        this._subscribeToConfig();\n    }\n\n    /** Listen for configuration changes (e.g. from an onboarding flow). */\n    private _subscribeToConfig(): void {\n        this._configUnsubscribe?.();\n        this._configUnsubscribe = this._cfg.subscribe(() => {\n            void (async () => {\n                const cfg = this._cfg.getModelConfig();\n\n                // Guard: only react if the model config actually changed relative to our state\n                if (cfg.defaultProvider === this._currentProviderId &&\n                    cfg.defaultModel === this._currentModelId &&\n                    this._providerModels.length > 0) {\n                    // …but a config change is not only a MODEL change. A language\n                    // switch fires this subscription too, hit this guard, and left\n                    // the placeholder in the previous language — the one string this\n                    // element takes from the locale, and the only one a user sees\n                    // before opening the list.\n                    //\n                    // The guard stays: a full `_render()` re-loads every provider's\n                    // models asynchronously and would close an open dropdown and\n                    // discard a typed search. So the cheap path is a relabel — one\n                    // attribute, no rebuild — which is the same contract a segment\n                    // renderer's `relabel` works under.\n                    this._relabel();\n                    return;\n                }\n\n                this._loadPersistedSelection();\n                await this._loadAllProviderModels();\n                this._render();\n            })();\n        });\n    }\n\n    /**\n     * Re-apply the one string this element takes from the locale, in place.\n     *\n     * An explicit `placeholder` attribute still wins, exactly as it does at render\n     * time: the app's own copy is not the locale's to overwrite.\n     */\n    private _relabel(): void {\n        if (!this._aparteSelect) return;\n        const fromLocale = this._cfg.getLocale()['modelSelectorPlaceholder'] || 'Select a model...';\n        this._aparteSelect.setAttribute('placeholder', this.getAttribute('placeholder') || fromLocale);\n    }\n\n    disconnectedCallback(): void {\n        this._aparteSelect?.removeEventListener('aparte-select-change', this._boundHandleChange);\n        this.removeEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n        this._configUnsubscribe?.();\n    }\n\n    /**\n     * The boundary above us appeared or changed: move the subscription and reload,\n     * because a different config means different providers and a different\n     * selection.\n     *\n     * See {@link AparteConfigAware}. The element's own per-instance tests passed\n     * before this existed only because they mount the boundary FIRST — the one\n     * ordering no wrapper produces.\n     */\n    aparteConfigChanged(next: AparteConfig): void {\n        this._configUnsubscribe?.();\n        this._configUnsubscribe = null;\n        this._cfg = next;\n        if (!this.isConnected) return;\n        void (async () => {\n            this._isLoading = false;\n            this._providerModels = [];\n            const model = this._cfg.getModelConfig();\n            if (model.defaultProvider && model.defaultModel) {\n                this._currentProviderId = model.defaultProvider;\n                this._currentModelId = model.defaultModel;\n            } else {\n                this._loadPersistedSelection();\n            }\n            await this._loadAllProviderModels();\n            this._render();\n            this._subscribeToConfig();\n        })();\n    }\n\n    attributeChangedCallback(): void {\n        if (this.isConnected && !this._isLoading) {\n            this._render();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Public API\n    // ─────────────────────────────────────────────────────────────────────────\n\n    /** Current provider ID. */\n    get providerId(): string | null {\n        return this._currentProviderId;\n    }\n\n    /** Current model ID. */\n    get modelId(): string | null {\n        return this._currentModelId;\n    }\n\n    /** Programmatically set the selection. */\n    setSelection(providerId: string, modelId: string): void {\n        this._currentProviderId = providerId;\n        this._currentModelId = modelId;\n\n        const compositeValue = `${providerId}::${modelId}`;\n        if (this._aparteSelect) {\n            this._aparteSelect.value = compositeValue;\n        }\n\n        this._emitChange();\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Data Loading\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private async _loadAllProviderModels(): Promise<void> {\n        if (this._isLoading) return;\n        this._isLoading = true;\n\n        try {\n            const providers = this._cfg.getAIProviders();\n\n            // Deduplicate providers by ID just in case\n            const uniqueProviders = Array.from(new Map(providers.map(p => [p.id, p])).values());\n\n            const config = this._cfg.getModelConfig();\n\n            // Store in a temporary list to avoid mid-render state corruption.\n            //\n            // Indexed by REGISTRATION order, not filled by completion order. The\n            // fetches run in parallel, so a `push` here ordered the dropdown — and\n            // therefore what `auto-select` picks — by whichever /models endpoint\n            // answered first. A cloud provider on a CDN beats a local server that\n            // has to wake up, so an app registering `[OLLAMA, LMSTUDIO, OPENROUTER]`\n            // could silently land on the paid one, and land on a different one on\n            // the next reload. `auto-select` documents itself as \"the first model\";\n            // first has to mean first, not fastest.\n            const tempList: (ProviderModels | undefined)[] = new Array(uniqueProviders.length);\n\n            // Fetch all providers in parallel\n            await Promise.all(uniqueProviders.map(async (provider, i) => {\n                try {\n                    const models = await this._cfg.refreshProviderModels(provider.id);\n\n                    // Apply model filters if configured\n                    const filters = config.modelFilters?.[provider.id];\n                    const filteredModels = filters?.length\n                        ? models.filter(m => filters.includes(m.id))\n                        : models;\n\n                    if (filteredModels.length > 0) {\n                        tempList[i] = { provider, models: filteredModels };\n                    }\n                } catch (error) {\n                    console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);\n                }\n            }));\n\n            // The holes are the providers that failed or returned nothing: dropped,\n            // which keeps the order of the survivors.\n            this._providerModels = tempList.filter((pm): pm is ProviderModels => pm !== undefined);\n        } finally {\n            this._isLoading = false;\n        }\n    }\n\n    private async _onOptgroupToggle(e: Event): Promise<void> {\n        const detail = (e as CustomEvent).detail;\n\n        // Track expansion state\n        if (detail.collapsed) {\n            this._expandedGroups.delete(detail.label);\n            return;\n        }\n\n        this._expandedGroups.add(detail.label);\n\n        // Find which provider this optgroup belongs to\n        const pm = this._providerModels.find(p => p.provider.getMetadata().name === detail.label);\n        if (!pm || !pm.provider.fetchModels) return;\n\n        // Show a loading state on the optgroup while we lazily fetch its models\n        const groupEl = e.target as HTMLElement;\n        if (groupEl && groupEl.tagName === 'APARTE-OPTGROUP') {\n            (groupEl as AparteOptgroup).loading = true;\n        }\n\n        try {\n            // Retrieve latest models via Config (provider-agnostic)\n            const freshModels = await this._cfg.refreshProviderModels(pm.provider.id);\n\n            if (freshModels && freshModels.length > 0) {\n                pm.models = freshModels;\n                this._render(true);\n            }\n        } catch (error) {\n            console.error(`[AparteModelSelector] Lazy fetch failed for ${pm.provider.id}:`, error);\n        } finally {\n            const el = e.target as HTMLElement;\n            if (el && el.tagName === 'APARTE-OPTGROUP') {\n                (el as AparteOptgroup).loading = false;\n            }\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Rendering\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _render(keepOpen = false): void {\n        if (this._isRendering) return;\n        this._isRendering = true;\n\n        try {\n            this._renderImpl(keepOpen);\n        } finally {\n            this._isRendering = false;\n        }\n    }\n\n    private _renderImpl(keepOpen: boolean): void {\n        // Attribute overrides locale\n        const localePlaceholder = this._cfg.getLocale()['modelSelectorPlaceholder'] || 'Select a model...';\n        const placeholder = this.getAttribute('placeholder') || localePlaceholder;\n        const searchable = this.hasAttribute('searchable');\n        const autoSelect = this.hasAttribute('auto-select');\n\n        // Capture current open state of aparte-select if it exists\n        const wasOpen = keepOpen || this._aparteSelect?.hasAttribute('open');\n\n        // Determine current value\n        let currentValue = this._currentModelId ? `${this._currentProviderId}::${this._currentModelId}` : '';\n\n        if (!currentValue && autoSelect) {\n            const first = this._providerModels[0];\n            const firstModel = first?.models[0];\n            if (first && firstModel) {\n                this._currentProviderId = first.provider.id;\n                this._currentModelId = firstModel.id;\n                currentValue = `${this._currentProviderId}::${this._currentModelId}`;\n                // Emit the initial change once the element settles\n                setTimeout(() => this._emitChange(), 0);\n            }\n        }\n\n        // Build options HTML — single provider: flat list; multiple: grouped optgroups\n        const only = this._providerModels[0];\n        const singleProvider = this._providerModels.length === 1;\n        const optionsHtml = singleProvider && only  // safe-text: every value below goes through esc(); the tags are this file's own\n            ? only.models.map(m => {\n                const key = `${only.provider.id}::${m.id}`;\n                return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n            }).join('')\n            : this._providerModels.map(pm => {\n                const label = pm.provider.getMetadata().name;\n                const isCollapsed = !this._expandedGroups.has(label);\n                return `\n                    <aparte-optgroup\n                        label=\"${esc(label)}\"\n                        collapsible\n                        ${isCollapsed ? 'collapsed' : ''}\n                    >\n                        ${pm.models.map(m => {\n                            const key = `${pm.provider.id}::${m.id}`;\n                            return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n                        }).join('')}\n                    </aparte-optgroup>\n                `;\n            }).join('');\n\n        if (this._aparteSelect) {\n            // Non-destructive update of attributes\n            this._aparteSelect.setAttribute('placeholder', placeholder);\n            if (currentValue) this._aparteSelect.setAttribute('value', currentValue);\n            else this._aparteSelect.removeAttribute('value');\n\n            if (searchable) this._aparteSelect.setAttribute('searchable', '');\n            else this._aparteSelect.removeAttribute('searchable');\n\n            if (wasOpen) this._aparteSelect.setAttribute('open', '');\n            else this._aparteSelect.removeAttribute('open');\n\n            if (!singleProvider) this._aparteSelect.setAttribute('grouped', '');\n            else this._aparteSelect.removeAttribute('grouped');\n\n            // Update children cleanly: prefer direct container update if available\n            const optionsContainer = this._aparteSelect.querySelector('.aparte-select-options');\n            if (optionsContainer) {\n                // Direct update (faster, skips the observer)\n                optionsContainer.innerHTML = optionsHtml;\n\n                // Force label re-evaluation: remove then re-set value so aparte-select\n                // re-scans the newly injected options (setAttribute guard blocks same-value updates)\n                if (currentValue) {\n                    this._aparteSelect.removeAttribute('value');\n                    this._aparteSelect.setAttribute('value', currentValue);\n                }\n            } else {\n                // Fallback: self-healing mode\n                const temp = document.createElement('div');\n                temp.innerHTML = optionsHtml;\n                const newChildren = Array.from(temp.children);\n\n                const childrenToRemove = Array.from(this._aparteSelect.children).filter(c =>\n                    c.tagName === 'APARTE-OPTION' || c.tagName === 'APARTE-OPTGROUP'\n                );\n                childrenToRemove.forEach(c => c.remove());\n\n                newChildren.forEach(c => this._aparteSelect?.appendChild(c));\n            }\n\n            // Critical: re-apply value after a microtask so AparteSelect has processed\n            // the new options and can resolve the label.\n            if (currentValue) {\n                setTimeout(() => {\n                    if (this._aparteSelect) {\n                        this._aparteSelect.value = currentValue;\n                    }\n                }, 0);\n            }\n        } else {\n            // Full initial render.\n            //\n            // The select carries no class of ours: this element is already addressable\n            // as `aparte-model-selector aparte-select`, which is what a consumer\n            // restyling it writes. The `aparte-model-selector-select` that used to be\n            // here carried no CSS and was queried by nothing — it named the element a\n            // second time, and a class that neither styles nor selects is not a hook.\n            this.innerHTML = `\n                <aparte-select\n                    placeholder=\"${esc(placeholder)}\"\n                    ${currentValue ? `value=\"${esc(currentValue)}\"` : ''}\n                    ${searchable ? 'searchable' : ''}\n                    ${wasOpen ? 'open' : ''}\n                    ${!singleProvider ? 'grouped' : ''}\n                >\n                    ${optionsHtml}\n                </aparte-select>\n            `;\n            this._aparteSelect = this.querySelector('aparte-select');\n            this._setupEventListeners();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Event Handling\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _setupEventListeners(): void {\n        this._aparteSelect?.addEventListener('aparte-select-change', this._boundHandleChange);\n        this.addEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n    }\n\n    private _handleChange(e: Event): void {\n        const detail = (e as CustomEvent<AparteSelectChangeDetail>).detail;\n        const previousProviderId = this._currentProviderId;\n        const previousModelId = this._currentModelId;\n\n        // Parse composite value \"providerId::modelId\"\n        const [providerId, modelId] = detail.value.split('::');\n\n        this._currentProviderId = providerId || null;\n        this._currentModelId = modelId || null;\n\n        this._emitChange(previousProviderId, previousModelId);\n    }\n\n    private _emitChange(previousProviderId?: string | null, previousModelId?: string | null): void {\n        const detail: AparteModelChangeEventDetail = {\n            providerId: this._currentProviderId || undefined,\n            modelId: this._currentModelId || '',\n            previousProviderId: previousProviderId || undefined,\n            previousModelId: previousModelId || undefined,\n        };\n\n        this.dispatchEvent(new CustomEvent<AparteModelChangeEventDetail>('aparte-model-change', {\n            bubbles: true,\n            composed: true,\n            detail,\n        }));\n\n        // Persist if enabled\n        if (this.hasAttribute('persist')) {\n            this._persistSelection();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Persistence (opt-in)\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _persistSelection(): void {\n        if (!this._currentProviderId || !this._currentModelId) return;\n\n        // Sync with the config — auto-save is handled by its setModelConfig()\n        // if a AparteModelPreferenceProvider has been registered by the host app.\n        const currentConfig = this._cfg.getModelConfig();\n        if (currentConfig.defaultProvider === this._currentProviderId &&\n            currentConfig.defaultModel === this._currentModelId) {\n            return;\n        }\n\n        this._cfg.setModelConfig({\n            defaultProvider: this._currentProviderId,\n            defaultModel: this._currentModelId,\n        });\n    }\n\n    private _loadPersistedSelection(): void {\n        // The resolved config is the single source of truth. The host app is\n        // responsible for restoring preferences into it (via restoreModelPreference())\n        // before this component mounts.\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        }\n        // else: no-op — the config is empty\n    }\n}\n\n// Register the custom element\nif (!customElements.get('aparte-model-selector')) {\n    customElements.define('aparte-model-selector', AparteModelSelector);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'aparte-model-selector': AparteModelSelector;\n    }\n}\n"],"names":[],"mappings":";AAyBA,SAAS,IAAI,OAAwB;AAIjC,SAAO,WAAW,OAAO,SAAS,EAAE,CAAC;AACzC;AA2BO,MAAM,4BAA4B,YAAyC;AAAA,EACtE,qBAAoC;AAAA,EACpC,kBAAiC;AAAA,EACjC,kBAAoC,CAAA;AAAA,EACpC,gBAAqC;AAAA,EACrC,aAAa;AAAA,EACb,eAAe;AAAA,EACf,sCAAmC,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAanC,OAAqB;AAAA,EAErB,qBAA0C;AAAA;AAAA,EAG1C,qBAAqB,KAAK,cAAc,KAAK,IAAI;AAAA,EACjD,wBAAwB,CAAC,MAAmB;AAAE,SAAK,KAAK,kBAAkB,CAAC;AAAA,EAAG;AAAA,EAEtF,WAAW,qBAA+B;AACtC,WAAO,CAAC,WAAW,eAAe,cAAc,aAAa;AAAA,EACjE;AAAA,EAEA,MAAM,oBAAmC;AACrC,SAAK,OAAO,cAAc,IAAI;AAG9B,SAAK,aAAa;AAClB,SAAK,kBAAkB,CAAA;AAEvB,SAAK,qBAAA;AAGL,UAAM,SAAS,KAAK,KAAK,eAAA;AACzB,QAAI,OAAO,mBAAmB,OAAO,cAAc;AAC/C,WAAK,qBAAqB,OAAO;AACjC,WAAK,kBAAkB,OAAO;AAAA,IAClC,OAAO;AACH,WAAK,wBAAA;AAAA,IACT;AAEA,UAAM,KAAK,uBAAA;AACX,SAAK,QAAA;AAEL,SAAK,mBAAA;AAAA,EACT;AAAA;AAAA,EAGQ,qBAA2B;AAC/B,SAAK,qBAAA;AACL,SAAK,qBAAqB,KAAK,KAAK,UAAU,MAAM;AAChD,YAAM,YAAY;AACd,cAAM,MAAM,KAAK,KAAK,eAAA;AAGtB,YAAI,IAAI,oBAAoB,KAAK,sBAC7B,IAAI,iBAAiB,KAAK,mBAC1B,KAAK,gBAAgB,SAAS,GAAG;AAYjC,eAAK,SAAA;AACL;AAAA,QACJ;AAEA,aAAK,wBAAA;AACL,cAAM,KAAK,uBAAA;AACX,aAAK,QAAA;AAAA,MACT,GAAA;AAAA,IACJ,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,WAAiB;AACrB,QAAI,CAAC,KAAK,cAAe;AACzB,UAAM,aAAa,KAAK,KAAK,UAAA,EAAY,0BAA0B,KAAK;AACxE,SAAK,cAAc,aAAa,eAAe,KAAK,aAAa,aAAa,KAAK,UAAU;AAAA,EACjG;AAAA,EAEA,uBAA6B;AACzB,SAAK,eAAe,oBAAoB,wBAAwB,KAAK,kBAAkB;AACvF,SAAK,oBAAoB,0BAA0B,KAAK,qBAAqB;AAC7E,SAAK,qBAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,oBAAoB,MAA0B;AAC1C,SAAK,qBAAA;AACL,SAAK,qBAAqB;AAC1B,SAAK,OAAO;AACZ,QAAI,CAAC,KAAK,YAAa;AACvB,UAAM,YAAY;AACd,WAAK,aAAa;AAClB,WAAK,kBAAkB,CAAA;AACvB,YAAM,QAAQ,KAAK,KAAK,eAAA;AACxB,UAAI,MAAM,mBAAmB,MAAM,cAAc;AAC7C,aAAK,qBAAqB,MAAM;AAChC,aAAK,kBAAkB,MAAM;AAAA,MACjC,OAAO;AACH,aAAK,wBAAA;AAAA,MACT;AACA,YAAM,KAAK,uBAAA;AACX,WAAK,QAAA;AACL,WAAK,mBAAA;AAAA,IACT,GAAA;AAAA,EACJ;AAAA,EAEA,2BAAiC;AAC7B,QAAI,KAAK,eAAe,CAAC,KAAK,YAAY;AACtC,WAAK,QAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,aAA4B;AAC5B,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,IAAI,UAAyB;AACzB,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,aAAa,YAAoB,SAAuB;AACpD,SAAK,qBAAqB;AAC1B,SAAK,kBAAkB;AAEvB,UAAM,iBAAiB,GAAG,UAAU,KAAK,OAAO;AAChD,QAAI,KAAK,eAAe;AACpB,WAAK,cAAc,QAAQ;AAAA,IAC/B;AAEA,SAAK,YAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAMA,MAAc,yBAAwC;AAClD,QAAI,KAAK,WAAY;AACrB,SAAK,aAAa;AAElB,QAAI;AACA,YAAM,YAAY,KAAK,KAAK,eAAA;AAG5B,YAAM,kBAAkB,MAAM,KAAK,IAAI,IAAI,UAAU,IAAI,CAAA,MAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ;AAElF,YAAM,SAAS,KAAK,KAAK,eAAA;AAYzB,YAAM,WAA2C,IAAI,MAAM,gBAAgB,MAAM;AAGjF,YAAM,QAAQ,IAAI,gBAAgB,IAAI,OAAO,UAAU,MAAM;AACzD,YAAI;AACA,gBAAM,SAAS,MAAM,KAAK,KAAK,sBAAsB,SAAS,EAAE;AAGhE,gBAAM,UAAU,OAAO,eAAe,SAAS,EAAE;AACjD,gBAAM,iBAAiB,SAAS,SAC1B,OAAO,OAAO,CAAA,MAAK,QAAQ,SAAS,EAAE,EAAE,CAAC,IACzC;AAEN,cAAI,eAAe,SAAS,GAAG;AAC3B,qBAAS,CAAC,IAAI,EAAE,UAAU,QAAQ,eAAA;AAAA,UACtC;AAAA,QACJ,SAAS,OAAO;AACZ,kBAAQ,KAAK,mDAAmD,SAAS,EAAE,KAAK,KAAK;AAAA,QACzF;AAAA,MACJ,CAAC,CAAC;AAIF,WAAK,kBAAkB,SAAS,OAAO,CAAC,OAA6B,OAAO,MAAS;AAAA,IACzF,UAAA;AACI,WAAK,aAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EAEA,MAAc,kBAAkB,GAAyB;AACrD,UAAM,SAAU,EAAkB;AAGlC,QAAI,OAAO,WAAW;AAClB,WAAK,gBAAgB,OAAO,OAAO,KAAK;AACxC;AAAA,IACJ;AAEA,SAAK,gBAAgB,IAAI,OAAO,KAAK;AAGrC,UAAM,KAAK,KAAK,gBAAgB,KAAK,CAAA,MAAK,EAAE,SAAS,YAAA,EAAc,SAAS,OAAO,KAAK;AACxF,QAAI,CAAC,MAAM,CAAC,GAAG,SAAS,YAAa;AAGrC,UAAM,UAAU,EAAE;AAClB,QAAI,WAAW,QAAQ,YAAY,mBAAmB;AACjD,cAA2B,UAAU;AAAA,IAC1C;AAEA,QAAI;AAEA,YAAM,cAAc,MAAM,KAAK,KAAK,sBAAsB,GAAG,SAAS,EAAE;AAExE,UAAI,eAAe,YAAY,SAAS,GAAG;AACvC,WAAG,SAAS;AACZ,aAAK,QAAQ,IAAI;AAAA,MACrB;AAAA,IACJ,SAAS,OAAO;AACZ,cAAQ,MAAM,+CAA+C,GAAG,SAAS,EAAE,KAAK,KAAK;AAAA,IACzF,UAAA;AACI,YAAM,KAAK,EAAE;AACb,UAAI,MAAM,GAAG,YAAY,mBAAmB;AACvC,WAAsB,UAAU;AAAA,MACrC;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,QAAQ,WAAW,OAAa;AACpC,QAAI,KAAK,aAAc;AACvB,SAAK,eAAe;AAEpB,QAAI;AACA,WAAK,YAAY,QAAQ;AAAA,IAC7B,UAAA;AACI,WAAK,eAAe;AAAA,IACxB;AAAA,EACJ;AAAA,EAEQ,YAAY,UAAyB;AAEzC,UAAM,oBAAoB,KAAK,KAAK,UAAA,EAAY,0BAA0B,KAAK;AAC/E,UAAM,cAAc,KAAK,aAAa,aAAa,KAAK;AACxD,UAAM,aAAa,KAAK,aAAa,YAAY;AACjD,UAAM,aAAa,KAAK,aAAa,aAAa;AAGlD,UAAM,UAAU,YAAY,KAAK,eAAe,aAAa,MAAM;AAGnE,QAAI,eAAe,KAAK,kBAAkB,GAAG,KAAK,kBAAkB,KAAK,KAAK,eAAe,KAAK;AAElG,QAAI,CAAC,gBAAgB,YAAY;AAC7B,YAAM,QAAQ,KAAK,gBAAgB,CAAC;AACpC,YAAM,aAAa,OAAO,OAAO,CAAC;AAClC,UAAI,SAAS,YAAY;AACrB,aAAK,qBAAqB,MAAM,SAAS;AACzC,aAAK,kBAAkB,WAAW;AAClC,uBAAe,GAAG,KAAK,kBAAkB,KAAK,KAAK,eAAe;AAElE,mBAAW,MAAM,KAAK,YAAA,GAAe,CAAC;AAAA,MAC1C;AAAA,IACJ;AAGA,UAAM,OAAO,KAAK,gBAAgB,CAAC;AACnC,UAAM,iBAAiB,KAAK,gBAAgB,WAAW;AACvD,UAAM,cAAc,kBAAkB,OAChC,KAAK,OAAO,IAAI,CAAA,MAAK;AACnB,YAAM,MAAM,GAAG,KAAK,SAAS,EAAE,KAAK,EAAE,EAAE;AACxC,aAAO,yBAAyB,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,IAAI,CAAC;AAAA,IAC5D,CAAC,EAAE,KAAK,EAAE,IACR,KAAK,gBAAgB,IAAI,CAAA,OAAM;AAC7B,YAAM,QAAQ,GAAG,SAAS,YAAA,EAAc;AACxC,YAAM,cAAc,CAAC,KAAK,gBAAgB,IAAI,KAAK;AACnD,aAAO;AAAA;AAAA,iCAEU,IAAI,KAAK,CAAC;AAAA;AAAA,0BAEjB,cAAc,cAAc,EAAE;AAAA;AAAA,0BAE9B,GAAG,OAAO,IAAI,CAAA,MAAK;AACjB,cAAM,MAAM,GAAG,GAAG,SAAS,EAAE,KAAK,EAAE,EAAE;AACtC,eAAO,yBAAyB,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,IAAI,CAAC;AAAA,MAC5D,CAAC,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA,IAGvB,CAAC,EAAE,KAAK,EAAE;AAEd,QAAI,KAAK,eAAe;AAEpB,WAAK,cAAc,aAAa,eAAe,WAAW;AAC1D,UAAI,aAAc,MAAK,cAAc,aAAa,SAAS,YAAY;AAAA,UAClE,MAAK,cAAc,gBAAgB,OAAO;AAE/C,UAAI,WAAY,MAAK,cAAc,aAAa,cAAc,EAAE;AAAA,UAC3D,MAAK,cAAc,gBAAgB,YAAY;AAEpD,UAAI,QAAS,MAAK,cAAc,aAAa,QAAQ,EAAE;AAAA,UAClD,MAAK,cAAc,gBAAgB,MAAM;AAE9C,UAAI,CAAC,eAAgB,MAAK,cAAc,aAAa,WAAW,EAAE;AAAA,UAC7D,MAAK,cAAc,gBAAgB,SAAS;AAGjD,YAAM,mBAAmB,KAAK,cAAc,cAAc,wBAAwB;AAClF,UAAI,kBAAkB;AAElB,yBAAiB,YAAY;AAI7B,YAAI,cAAc;AACd,eAAK,cAAc,gBAAgB,OAAO;AAC1C,eAAK,cAAc,aAAa,SAAS,YAAY;AAAA,QACzD;AAAA,MACJ,OAAO;AAEH,cAAM,OAAO,SAAS,cAAc,KAAK;AACzC,aAAK,YAAY;AACjB,cAAM,cAAc,MAAM,KAAK,KAAK,QAAQ;AAE5C,cAAM,mBAAmB,MAAM,KAAK,KAAK,cAAc,QAAQ,EAAE;AAAA,UAAO,CAAA,MACpE,EAAE,YAAY,mBAAmB,EAAE,YAAY;AAAA,QAAA;AAEnD,yBAAiB,QAAQ,CAAA,MAAK,EAAE,OAAA,CAAQ;AAExC,oBAAY,QAAQ,CAAA,MAAK,KAAK,eAAe,YAAY,CAAC,CAAC;AAAA,MAC/D;AAIA,UAAI,cAAc;AACd,mBAAW,MAAM;AACb,cAAI,KAAK,eAAe;AACpB,iBAAK,cAAc,QAAQ;AAAA,UAC/B;AAAA,QACJ,GAAG,CAAC;AAAA,MACR;AAAA,IACJ,OAAO;AAQH,WAAK,YAAY;AAAA;AAAA,mCAEM,IAAI,WAAW,CAAC;AAAA,sBAC7B,eAAe,UAAU,IAAI,YAAY,CAAC,MAAM,EAAE;AAAA,sBAClD,aAAa,eAAe,EAAE;AAAA,sBAC9B,UAAU,SAAS,EAAE;AAAA,sBACrB,CAAC,iBAAiB,YAAY,EAAE;AAAA;AAAA,sBAEhC,WAAW;AAAA;AAAA;AAGrB,WAAK,gBAAgB,KAAK,cAAc,eAAe;AACvD,WAAK,qBAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,uBAA6B;AACjC,SAAK,eAAe,iBAAiB,wBAAwB,KAAK,kBAAkB;AACpF,SAAK,iBAAiB,0BAA0B,KAAK,qBAAqB;AAAA,EAC9E;AAAA,EAEQ,cAAc,GAAgB;AAClC,UAAM,SAAU,EAA4C;AAC5D,UAAM,qBAAqB,KAAK;AAChC,UAAM,kBAAkB,KAAK;AAG7B,UAAM,CAAC,YAAY,OAAO,IAAI,OAAO,MAAM,MAAM,IAAI;AAErD,SAAK,qBAAqB,cAAc;AACxC,SAAK,kBAAkB,WAAW;AAElC,SAAK,YAAY,oBAAoB,eAAe;AAAA,EACxD;AAAA,EAEQ,YAAY,oBAAoC,iBAAuC;AAC3F,UAAM,SAAuC;AAAA,MACzC,YAAY,KAAK,sBAAsB;AAAA,MACvC,SAAS,KAAK,mBAAmB;AAAA,MACjC,oBAAoB,sBAAsB;AAAA,MAC1C,iBAAiB,mBAAmB;AAAA,IAAA;AAGxC,SAAK,cAAc,IAAI,YAA0C,uBAAuB;AAAA,MACpF,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,IAAA,CACH,CAAC;AAGF,QAAI,KAAK,aAAa,SAAS,GAAG;AAC9B,WAAK,kBAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,oBAA0B;AAC9B,QAAI,CAAC,KAAK,sBAAsB,CAAC,KAAK,gBAAiB;AAIvD,UAAM,gBAAgB,KAAK,KAAK,eAAA;AAChC,QAAI,cAAc,oBAAoB,KAAK,sBACvC,cAAc,iBAAiB,KAAK,iBAAiB;AACrD;AAAA,IACJ;AAEA,SAAK,KAAK,eAAe;AAAA,MACrB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,IAAA,CACtB;AAAA,EACL;AAAA,EAEQ,0BAAgC;AAIpC,UAAM,SAAS,KAAK,KAAK,eAAA;AACzB,QAAI,OAAO,mBAAmB,OAAO,cAAc;AAC/C,WAAK,qBAAqB,OAAO;AACjC,WAAK,kBAAkB,OAAO;AAAA,IAClC;AAAA,EAEJ;AACJ;AAGA,IAAI,CAAC,eAAe,IAAI,uBAAuB,GAAG;AAC9C,iBAAe,OAAO,yBAAyB,mBAAmB;AACtE;"}
+{"version":3,"file":"index.js","sources":["../src/aparte-model-selector.ts"],"sourcesContent":["import {\n    aparteGlobalConfig,\n    escapeAttr,\n    resolveConfig,\n    type AparteConfig,\n    type AparteConfigAware,\n    AparteSelect,\n    type AparteOptgroup,\n    type AparteAIProvider,\n    type AparteAIModel,\n    type AparteModelChangeEventDetail,\n    type AparteSelectChangeDetail,\n} from '@aparte/core';\n\ninterface ProviderModels {\n    provider: AparteAIProvider;\n    models: AparteAIModel[];\n}\n\n/**\n * Escape a value before it is interpolated into an HTML string (text node or\n * double-quoted attribute). Model names/ids come from a remote `/models`\n * endpoint and provider labels from consumer config — both hostile-by-default,\n * and both flow through `innerHTML` when the option list is (re)built.\n */\nfunction esc(value: unknown): string {\n    // Coerce, then delegate: core owns the escaping. This local copy used to\n    // inline it and, like two of its eight siblings across the scope, left the\n    // apostrophe through — enough to break out of a single-quoted attribute.\n    return escapeAttr(String(value ?? ''));\n}\n\n/**\n * Selects an AI provider and a model. Renders an `<aparte-select>` with providers\n * grouped into `<aparte-optgroup>`s — a single provider renders a flat list — which is\n * what makes the BYOK pattern possible without core knowing about any vendor.\n *\n * These tags sat at the top of the file, above the imports and a helper, so nothing\n * read them: TypeScript associates only the comment adjacent to the declaration. This\n * package ships no manifest of its own today (only `@aparte/core` runs `cem analyze`),\n * so the loss was invisible to tooling — but it is also what an editor shows on hover,\n * and what a typed framework wrapper is written from.\n *\n * @element aparte-model-selector\n * @attr {boolean} auto-select - Selects the first model as soon as one is available.\n * @attr {boolean} persist - Writes the selection back through the config, so it survives a reload.\n * @attr {boolean} searchable - Adds the dropdown's filter field.\n * @attr {string} placeholder - Overrides the text shown while nothing is selected.\n * @attr {boolean} disabled - Disables the picker. Inside an `<aparte-composer>` it also follows the\n *   composer's own `disabled`, so a disabled composer does not leave its model picker operable.\n *\n * @fires {CustomEvent<AparteModelChangeEventDetail>} aparte-model-change - The provider or the model changed; carries both ids.\n *\n * @example\n * <!-- Mount it in the composer's toolbar; it reads the models the config already knows. -->\n * <aparte-composer-toolbar>\n *   <aparte-model-selector searchable placeholder=\"Pick a model\"></aparte-model-selector>\n * </aparte-composer-toolbar>\n */\nexport class AparteModelSelector extends HTMLElement implements AparteConfigAware {\n    private _currentProviderId: string | null = null;\n    private _currentModelId: string | null = null;\n    private _providerModels: ProviderModels[] = [];\n    private _aparteSelect: AparteSelect | null = null;\n    private _isLoading = false;\n    private _isRendering = false;\n    private _expandedGroups: Set<string> = new Set();\n\n    /**\n     * Config governing THIS element — nearest instance boundary, else the global.\n     *\n     * Cached rather than resolved per call, because this element does not only\n     * READ it: it holds a `subscribe()` registration keyed on the object. That\n     * cache is only correct if something tells us when the boundary changes, and\n     * under all four wrappers it does change after we connect —\n     * `AparteChatHost.bind()` runs `attachConfig` from a post-mount hook. Hence\n     * {@link AparteConfigAware}; without it this element served the global config's\n     * providers to a chat that was given its own.\n     */\n    private _cfg: AparteConfig = aparteGlobalConfig;\n\n    private _configUnsubscribe: (() => void) | null = null;\n\n    // Bound handlers for cleanup\n    private _boundHandleChange = this._handleChange.bind(this);\n    private _handleOptgroupToggle = (e: Event): void => { void this._onOptgroupToggle(e); };\n    /** The composer we sit in, if any — its `disabled` is ours too. */\n    private _composer: Element | null = null;\n    private _boundComposerChange = (): void => { this._syncDisabled(); };\n\n    static get observedAttributes(): string[] {\n        return ['persist', 'auto-select', 'searchable', 'placeholder', 'disabled'];\n    }\n\n    async connectedCallback(): Promise<void> {\n        this._cfg = resolveConfig(this);\n        // Reset loading flag so a fresh mount always does a full load\n        // (prevents a stale _isLoading=true from a previous mount blocking this one)\n        this._isLoading = false;\n        this._providerModels = [];\n\n        this._setupEventListeners();\n        // The public event, not the composer's private bus: a disabled composer says so\n        // through `aparte-composer-change`, and the picker inside it follows.\n        this._composer = this.closest('aparte-composer');\n        this._composer?.addEventListener('aparte-composer-change', this._boundComposerChange);\n\n        // Seed selection from the resolved config first (handles race conditions)\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        } else {\n            this._loadPersistedSelection();\n        }\n\n        await this._loadAllProviderModels();\n        this._render();\n\n        this._subscribeToConfig();\n    }\n\n    /** Listen for configuration changes (e.g. from an onboarding flow). */\n    private _subscribeToConfig(): void {\n        this._configUnsubscribe?.();\n        this._configUnsubscribe = this._cfg.subscribe(() => {\n            void (async () => {\n                const cfg = this._cfg.getModelConfig();\n\n                // Guard: only react if the model config actually changed relative to our state\n                if (cfg.defaultProvider === this._currentProviderId &&\n                    cfg.defaultModel === this._currentModelId &&\n                    this._providerModels.length > 0) {\n                    // …but a config change is not only a MODEL change. A language\n                    // switch fires this subscription too, hit this guard, and left\n                    // the placeholder in the previous language — the one string this\n                    // element takes from the locale, and the only one a user sees\n                    // before opening the list.\n                    //\n                    // The guard stays: a full `_render()` re-loads every provider's\n                    // models asynchronously and would close an open dropdown and\n                    // discard a typed search. So the cheap path is a relabel — one\n                    // attribute, no rebuild — which is the same contract a segment\n                    // renderer's `relabel` works under.\n                    this._relabel();\n                    return;\n                }\n\n                this._loadPersistedSelection();\n                await this._loadAllProviderModels();\n                this._render();\n            })();\n        });\n    }\n\n    /**\n     * Re-apply the one string this element takes from the locale, in place.\n     *\n     * An explicit `placeholder` attribute still wins, exactly as it does at render\n     * time: the app's own copy is not the locale's to overwrite.\n     */\n    private _relabel(): void {\n        if (!this._aparteSelect) return;\n        const fromLocale = this._cfg.getLocale()['modelSelectorPlaceholder'] || 'Select a model...';\n        this._aparteSelect.setAttribute('placeholder', this.getAttribute('placeholder') || fromLocale);\n    }\n\n    disconnectedCallback(): void {\n        this._aparteSelect?.removeEventListener('aparte-select-change', this._boundHandleChange);\n        this.removeEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n        this._composer?.removeEventListener('aparte-composer-change', this._boundComposerChange);\n        this._composer = null;\n        this._configUnsubscribe?.();\n    }\n\n    /**\n     * The boundary above us appeared or changed: move the subscription and reload,\n     * because a different config means different providers and a different\n     * selection.\n     *\n     * See {@link AparteConfigAware}. The element's own per-instance tests passed\n     * before this existed only because they mount the boundary FIRST — the one\n     * ordering no wrapper produces.\n     */\n    aparteConfigChanged(next: AparteConfig): void {\n        this._configUnsubscribe?.();\n        this._configUnsubscribe = null;\n        this._cfg = next;\n        if (!this.isConnected) return;\n        void (async () => {\n            this._isLoading = false;\n            this._providerModels = [];\n            const model = this._cfg.getModelConfig();\n            if (model.defaultProvider && model.defaultModel) {\n                this._currentProviderId = model.defaultProvider;\n                this._currentModelId = model.defaultModel;\n            } else {\n                this._loadPersistedSelection();\n            }\n            await this._loadAllProviderModels();\n            this._render();\n            this._subscribeToConfig();\n        })();\n    }\n\n    attributeChangedCallback(): void {\n        if (this.isConnected && !this._isLoading) {\n            this._render();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Public API\n    // ─────────────────────────────────────────────────────────────────────────\n\n    /** Current provider ID. */\n    get providerId(): string | null {\n        return this._currentProviderId;\n    }\n\n    /** Current model ID. */\n    get modelId(): string | null {\n        return this._currentModelId;\n    }\n\n    /** Programmatically set the selection. */\n    setSelection(providerId: string, modelId: string): void {\n        this._currentProviderId = providerId;\n        this._currentModelId = modelId;\n\n        const compositeValue = `${providerId}::${modelId}`;\n        if (this._aparteSelect) {\n            this._aparteSelect.value = compositeValue;\n        }\n\n        this._emitChange();\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Data Loading\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private async _loadAllProviderModels(): Promise<void> {\n        if (this._isLoading) return;\n        this._isLoading = true;\n\n        try {\n            const providers = this._cfg.getAIProviders();\n\n            // Deduplicate providers by ID just in case\n            const uniqueProviders = Array.from(new Map(providers.map(p => [p.id, p])).values());\n\n            const config = this._cfg.getModelConfig();\n\n            // Store in a temporary list to avoid mid-render state corruption.\n            //\n            // Indexed by REGISTRATION order, not filled by completion order. The\n            // fetches run in parallel, so a `push` here ordered the dropdown — and\n            // therefore what `auto-select` picks — by whichever /models endpoint\n            // answered first. A cloud provider on a CDN beats a local server that\n            // has to wake up, so an app registering `[OLLAMA, LMSTUDIO, OPENROUTER]`\n            // could silently land on the paid one, and land on a different one on\n            // the next reload. `auto-select` documents itself as \"the first model\";\n            // first has to mean first, not fastest.\n            const tempList: (ProviderModels | undefined)[] = new Array(uniqueProviders.length);\n\n            // Fetch all providers in parallel\n            await Promise.all(uniqueProviders.map(async (provider, i) => {\n                try {\n                    const models = await this._cfg.refreshProviderModels(provider.id);\n\n                    // Apply model filters if configured\n                    const filters = config.modelFilters?.[provider.id];\n                    const filteredModels = filters?.length\n                        ? models.filter(m => filters.includes(m.id))\n                        : models;\n\n                    if (filteredModels.length > 0) {\n                        tempList[i] = { provider, models: filteredModels };\n                    }\n                } catch (error) {\n                    console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);\n                }\n            }));\n\n            // The holes are the providers that failed or returned nothing: dropped,\n            // which keeps the order of the survivors.\n            this._providerModels = tempList.filter((pm): pm is ProviderModels => pm !== undefined);\n        } finally {\n            this._isLoading = false;\n        }\n    }\n\n    private async _onOptgroupToggle(e: Event): Promise<void> {\n        const detail = (e as CustomEvent).detail;\n\n        // Track expansion state\n        if (detail.collapsed) {\n            this._expandedGroups.delete(detail.label);\n            return;\n        }\n\n        this._expandedGroups.add(detail.label);\n\n        // Find which provider this optgroup belongs to\n        const pm = this._providerModels.find(p => p.provider.getMetadata().name === detail.label);\n        if (!pm || !pm.provider.fetchModels) return;\n\n        // Show a loading state on the optgroup while we lazily fetch its models\n        const groupEl = e.target as HTMLElement;\n        if (groupEl && groupEl.tagName === 'APARTE-OPTGROUP') {\n            (groupEl as AparteOptgroup).loading = true;\n        }\n\n        try {\n            // Retrieve latest models via Config (provider-agnostic)\n            const freshModels = await this._cfg.refreshProviderModels(pm.provider.id);\n\n            if (freshModels && freshModels.length > 0) {\n                pm.models = freshModels;\n                this._render(true);\n            }\n        } catch (error) {\n            console.error(`[AparteModelSelector] Lazy fetch failed for ${pm.provider.id}:`, error);\n        } finally {\n            const el = e.target as HTMLElement;\n            if (el && el.tagName === 'APARTE-OPTGROUP') {\n                (el as AparteOptgroup).loading = false;\n            }\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Rendering\n    // ─────────────────────────────────────────────────────────────────────────\n\n    /** Our own attribute, or the disabled state of the composer we sit in. */\n    private _isDisabled(): boolean {\n        return this.hasAttribute('disabled') || (this._composer?.hasAttribute('disabled') ?? false);\n    }\n\n    private _syncDisabled(): void {\n        this._aparteSelect?.toggleAttribute('disabled', this._isDisabled());\n    }\n\n    private _render(keepOpen = false): void {\n        if (this._isRendering) return;\n        this._isRendering = true;\n\n        try {\n            this._renderImpl(keepOpen);\n        } finally {\n            this._isRendering = false;\n        }\n    }\n\n    private _renderImpl(keepOpen: boolean): void {\n        // Attribute overrides locale\n        const localePlaceholder = this._cfg.getLocale()['modelSelectorPlaceholder'] || 'Select a model...';\n        const placeholder = this.getAttribute('placeholder') || localePlaceholder;\n        const searchable = this.hasAttribute('searchable');\n        const autoSelect = this.hasAttribute('auto-select');\n\n        // Capture current open state of aparte-select if it exists\n        const wasOpen = keepOpen || this._aparteSelect?.hasAttribute('open');\n\n        // Determine current value\n        let currentValue = this._currentModelId ? `${this._currentProviderId}::${this._currentModelId}` : '';\n\n        if (!currentValue && autoSelect) {\n            const first = this._providerModels[0];\n            const firstModel = first?.models[0];\n            if (first && firstModel) {\n                this._currentProviderId = first.provider.id;\n                this._currentModelId = firstModel.id;\n                currentValue = `${this._currentProviderId}::${this._currentModelId}`;\n                // Emit the initial change once the element settles\n                setTimeout(() => this._emitChange(), 0);\n            }\n        }\n\n        // Build options HTML — single provider: flat list; multiple: grouped optgroups\n        const only = this._providerModels[0];\n        const singleProvider = this._providerModels.length === 1;\n        const optionsHtml = singleProvider && only  // safe-text: every value below goes through esc(); the tags are this file's own\n            ? only.models.map(m => {\n                const key = `${only.provider.id}::${m.id}`;\n                return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n            }).join('')\n            : this._providerModels.map(pm => {\n                const label = pm.provider.getMetadata().name;\n                const isCollapsed = !this._expandedGroups.has(label);\n                return `\n                    <aparte-optgroup\n                        label=\"${esc(label)}\"\n                        collapsible\n                        ${isCollapsed ? 'collapsed' : ''}\n                    >\n                        ${pm.models.map(m => {\n                            const key = `${pm.provider.id}::${m.id}`;\n                            return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n                        }).join('')}\n                    </aparte-optgroup>\n                `;\n            }).join('');\n\n        if (this._aparteSelect) {\n            // Non-destructive update of attributes\n            this._aparteSelect.setAttribute('placeholder', placeholder);\n            if (currentValue) this._aparteSelect.setAttribute('value', currentValue);\n            else this._aparteSelect.removeAttribute('value');\n\n            if (searchable) this._aparteSelect.setAttribute('searchable', '');\n            else this._aparteSelect.removeAttribute('searchable');\n\n            this._syncDisabled();\n\n            if (wasOpen) this._aparteSelect.setAttribute('open', '');\n            else this._aparteSelect.removeAttribute('open');\n\n            // Update children cleanly: prefer direct container update if available\n            const optionsContainer = this._aparteSelect.querySelector('.aparte-select-options');\n            if (optionsContainer) {\n                // Direct update (faster, skips the observer)\n                optionsContainer.innerHTML = optionsHtml;\n\n                // Force label re-evaluation: remove then re-set value so aparte-select\n                // re-scans the newly injected options (setAttribute guard blocks same-value updates)\n                if (currentValue) {\n                    this._aparteSelect.removeAttribute('value');\n                    this._aparteSelect.setAttribute('value', currentValue);\n                }\n            } else {\n                // Fallback: self-healing mode\n                const temp = document.createElement('div');\n                temp.innerHTML = optionsHtml;\n                const newChildren = Array.from(temp.children);\n\n                const childrenToRemove = Array.from(this._aparteSelect.children).filter(c =>\n                    c.tagName === 'APARTE-OPTION' || c.tagName === 'APARTE-OPTGROUP'\n                );\n                childrenToRemove.forEach(c => c.remove());\n\n                newChildren.forEach(c => this._aparteSelect?.appendChild(c));\n            }\n\n            // Critical: re-apply value after a microtask so AparteSelect has processed\n            // the new options and can resolve the label.\n            if (currentValue) {\n                setTimeout(() => {\n                    if (this._aparteSelect) {\n                        this._aparteSelect.value = currentValue;\n                    }\n                }, 0);\n            }\n        } else {\n            // Full initial render.\n            //\n            // The select carries no class of ours: this element is already addressable\n            // as `aparte-model-selector aparte-select`, which is what a consumer\n            // restyling it writes. The `aparte-model-selector-select` that used to be\n            // here carried no CSS and was queried by nothing — it named the element a\n            // second time, and a class that neither styles nor selects is not a hook.\n            this.innerHTML = `\n                <aparte-select\n                    placeholder=\"${esc(placeholder)}\"\n                    ${currentValue ? `value=\"${esc(currentValue)}\"` : ''}\n                    ${searchable ? 'searchable' : ''}\n                    ${this._isDisabled() ? 'disabled' : ''}\n                    ${wasOpen ? 'open' : ''}\n                >\n                    ${optionsHtml}\n                </aparte-select>\n            `;\n            this._aparteSelect = this.querySelector('aparte-select');\n            this._setupEventListeners();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Event Handling\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _setupEventListeners(): void {\n        this._aparteSelect?.addEventListener('aparte-select-change', this._boundHandleChange);\n        this.addEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n    }\n\n    private _handleChange(e: Event): void {\n        const detail = (e as CustomEvent<AparteSelectChangeDetail>).detail;\n        const previousProviderId = this._currentProviderId;\n        const previousModelId = this._currentModelId;\n\n        // Parse composite value \"providerId::modelId\"\n        const [providerId, modelId] = detail.value.split('::');\n\n        this._currentProviderId = providerId || null;\n        this._currentModelId = modelId || null;\n\n        this._emitChange(previousProviderId, previousModelId);\n    }\n\n    private _emitChange(previousProviderId?: string | null, previousModelId?: string | null): void {\n        const detail: AparteModelChangeEventDetail = {\n            providerId: this._currentProviderId || undefined,\n            modelId: this._currentModelId || '',\n            previousProviderId: previousProviderId || undefined,\n            previousModelId: previousModelId || undefined,\n        };\n\n        this.dispatchEvent(new CustomEvent<AparteModelChangeEventDetail>('aparte-model-change', {\n            bubbles: true,\n            composed: true,\n            detail,\n        }));\n\n        // Persist if enabled\n        if (this.hasAttribute('persist')) {\n            this._persistSelection();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Persistence (opt-in)\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _persistSelection(): void {\n        if (!this._currentProviderId || !this._currentModelId) return;\n\n        // Sync with the config — auto-save is handled by its setModelConfig()\n        // if a AparteModelPreferenceProvider has been registered by the host app.\n        const currentConfig = this._cfg.getModelConfig();\n        if (currentConfig.defaultProvider === this._currentProviderId &&\n            currentConfig.defaultModel === this._currentModelId) {\n            return;\n        }\n\n        this._cfg.setModelConfig({\n            defaultProvider: this._currentProviderId,\n            defaultModel: this._currentModelId,\n        });\n    }\n\n    private _loadPersistedSelection(): void {\n        // The resolved config is the single source of truth. The host app is\n        // responsible for restoring preferences into it (via restoreModelPreference())\n        // before this component mounts.\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        }\n        // else: no-op — the config is empty\n    }\n}\n\n// Register the custom element\nif (!customElements.get('aparte-model-selector')) {\n    customElements.define('aparte-model-selector', AparteModelSelector);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'aparte-model-selector': AparteModelSelector;\n    }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aparte/plugin-model-selector",
-  "version": "0.16.7",
+  "version": "0.16.9",
   "homepage": "https://apartejs.dev/plugins/model-selector/",
   "description": "Provider + model selector web component (<aparte-model-selector>) for aparté — grouped dropdown, BYOK.",
   "type": "module",
@@ -50,7 +50,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^19.2.0",
-    "@aparte/core": ">=0.16.7 <1.0.0",
+    "@aparte/core": ">=0.16.9 <1.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "svelte": "^4.0.0 || ^5.0.0",
     "vue": "^3.5.0"
@@ -72,7 +72,7 @@
     "vite": "^6.0.0",
     "vue": "^3.5.0",
     "zone.js": "~0.15.0",
-    "@aparte/core": "0.16.7"
+    "@aparte/core": "0.16.9"
   },
   "keywords": [
     "aparte",