@aparte/plugin-model-selector 0.19.3 → 0.21.0

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

@@ -12,8 +12,11 @@ import { type AparteConfig, type AparteConfigAware } from '@aparte/core';
  *
  * @element aparte-model-selector
  * @attr {boolean} auto-select - Selects the first model as soon as one is available.
- * @attr {boolean} persist - Writes the selection back through the config, so it survives a reload.
+ * @attr {boolean} persist - Writes the selection into the config, which is what the next message is sent with.
+ *   Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not
+ *   outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`.
  * @attr {boolean} searchable - Adds the dropdown's filter field.
+ * @attr {boolean} details - Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too.
  * @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.
@@ -33,6 +36,12 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
     private _aparteSelect;
     private _isLoading;
     private _isRendering;
+    /** A load was asked for while one ran; the running one goes round again. */
+    private _reloadQueued;
+    /** Bumped by {@link _restartLoading}: a load of an older generation discards its result. */
+    private _loadGeneration;
+    /** The providers the current list was built from, as {@link _providersKey} gives them. */
+    private _loadedProvidersKey;
     private _expandedGroups;
     /**
      * Config governing THIS element — nearest instance boundary, else the global.
@@ -54,6 +63,17 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
     private _boundComposerChange;
     static get observedAttributes(): string[];
     connectedCallback(): Promise<void>;
+    /**
+     * The config's own selection when this element last read it. A change to IT is someone
+     * choosing a model (an onboarding flow, `setModelConfig`); every other config change — a
+     * language, a provider, an icon — leaves the person's own pick alone. Compared with the
+     * pick instead, a pick made without `persist` (which writes nothing to the config) was
+     * put back to the config's default by the next unrelated change.
+     */
+    private _seenConfigSelection;
+    private _configSelectionKey;
+    /** The registered providers, as one comparable string: what the list was built from. */
+    private _providersKey;
     /** Listen for configuration changes (e.g. from an onboarding flow). */
     private _subscribeToConfig;
     /**
@@ -63,6 +83,10 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
      * time: the app's own copy is not the locale's to overwrite.
      */
     private _relabel;
+    /** How a token count is written in the locale's language: 128K, 128 k… */
+    private _tokenFormat;
+    /** The line under a model's name with `details`: what its provider declares about it. */
+    private _metaText;
     disconnectedCallback(): void;
     /**
      * The boundary above us appeared or changed: move the subscription and reload,
@@ -81,7 +105,23 @@ export declare class AparteModelSelector extends HTMLElement implements AparteCo
     get modelId(): string | null;
     /** Programmatically set the selection. */
     setSelection(providerId: string, modelId: string): void;
+    /**
+     * Load every provider's models. A call that arrives while a load runs does not start a
+     * second one and does not vanish either: the running load goes round again, reading
+     * what changed meanwhile, and answers `false` so its caller leaves the render to the
+     * load that is still running.
+     */
     private _loadAllProviderModels;
+    /**
+     * Start over: a mount, or a new config above us. A load still in flight from before
+     * keeps running — its fetches cannot be called back — but it is now of an older
+     * generation, so it discards what it brings back instead of writing it over the list
+     * the new load builds. Under every wrapper this is the normal order: the element
+     * connects on the global config, then `bind()` attaches the chat's own, and a slow
+     * global `/models` used to land last and win.
+     */
+    private _restartLoading;
+    private _loadOnce;
     private _onOptgroupToggle;
     /** Our own attribute, or the disabled state of the composer we sit in. */
     private _isDisabled;

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;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;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,4EAA4E;IAC5E,OAAO,CAAC,aAAa,CAAS;IAC9B,4FAA4F;IAC5F,OAAO,CAAC,eAAe,CAAK;IAC5B,0FAA0F;IAC1F,OAAO,CAAC,mBAAmB,CAAM;IACjC,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;IA+BxC;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB,CAAM;IAElC,OAAO,CAAC,mBAAmB;IAK3B,wFAAwF;IACxF,OAAO,CAAC,aAAa;IAIrB,uEAAuE;IACvE,OAAO,CAAC,kBAAkB;IAmC1B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAmBhB,0EAA0E;IAC1E,OAAO,CAAC,YAAY;IAIpB,yFAAyF;IACzF,OAAO,CAAC,SAAS;IAUjB,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;IAgBvD;;;;;OAKG;YACW,sBAAsB;IAmBpC;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;YAMT,SAAS;YAmDT,iBAAiB;IA2C/B,0EAA0E;IAC1E,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,WAAW;IAsInB,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,uBAAuB;CAWlC;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}

package/dist/custom-elements.json

@@ -88,6 +88,36 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_reloadQueued",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "A load was asked for while one ran; the running one goes round again."
+            },
+            {
+              "kind": "field",
+              "name": "_loadGeneration",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "description": "Bumped by _restartLoading: a load of an older generation discards its result."
+            },
+            {
+              "kind": "field",
+              "name": "_loadedProvidersKey",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The providers the current list was built from, as _providersKey gives them."
+            },
             {
               "kind": "field",
               "name": "_expandedGroups",
@@ -141,6 +171,37 @@
               "name": "_boundComposerChange",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_seenConfigSelection",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The config's own selection when this element last read it. A change to IT is someone\nchoosing a model (an onboarding flow, `setModelConfig`); every other config change — a\nlanguage, a provider, an icon — leaves the person's own pick alone. Compared with the\npick instead, a pick made without `persist` (which writes nothing to the config) was\nput back to the config's default by the next unrelated change."
+            },
+            {
+              "kind": "method",
+              "name": "_configSelectionKey",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_providersKey",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "The registered providers, as one comparable string: what the list was built from."
+            },
             {
               "kind": "method",
               "name": "_subscribeToConfig",
@@ -163,6 +224,42 @@
               },
               "description": "Re-apply the one string this element takes from the locale, in place.\n\nAn explicit `placeholder` attribute still wins, exactly as it does at render\ntime: the app's own copy is not the locale's to overwrite."
             },
+            {
+              "kind": "method",
+              "name": "_tokenFormat",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Intl.NumberFormat"
+                }
+              },
+              "description": "How a token count is written in the locale's language: 128K, 128 k…"
+            },
+            {
+              "kind": "method",
+              "name": "_metaText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "m",
+                  "type": {
+                    "text": "{ description?: string; contextWindow?: number }"
+                  }
+                },
+                {
+                  "name": "tokens",
+                  "type": {
+                    "text": "Intl.NumberFormat"
+                  }
+                }
+              ],
+              "description": "The line under a model's name with `details`: what its provider declares about it."
+            },
             {
               "kind": "method",
               "name": "aparteConfigChanged",
@@ -227,11 +324,41 @@
               "kind": "method",
               "name": "_loadAllProviderModels",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "description": "Load every provider's models. A call that arrives while a load runs does not start a\nsecond one and does not vanish either: the running load goes round again, reading\nwhat changed meanwhile, and answers `false` so its caller leaves the render to the\nload that is still running."
+            },
+            {
+              "kind": "method",
+              "name": "_restartLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Start over: a mount, or a new config above us. A load still in flight from before\nkeeps running — its fetches cannot be called back — but it is now of an older\ngeneration, so it discards what it brings back instead of writing it over the list\nthe new load builds. Under every wrapper this is the normal order: the element\nconnects on the global config, then `bind()` attaches the chat's own, and a slow\nglobal `/models` used to land last and win."
+            },
+            {
+              "kind": "method",
+              "name": "_loadOnce",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "Promise<void>"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "generation",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -396,7 +523,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Writes the selection back through the config, so it survives a reload."
+              "description": "Writes the selection into the config, which is what the next message is sent with. Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`."
             },
             {
               "name": "auto-select",
@@ -425,6 +552,13 @@
                 "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."
+            },
+            {
+              "name": "details",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too."
             }
           ],
           "superclass": {
@@ -578,7 +712,7 @@
             {
               "kind": "field",
               "name": "persist",
-              "description": "Writes the selection back through the config, so it survives a reload."
+              "description": "Writes the selection into the config, which is what the next message is sent with. Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`."
             },
             {
               "kind": "field",
@@ -600,6 +734,11 @@
               "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": "details",
+              "description": "Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too."
+            },
             {
               "kind": "field",
               "name": "modelChange",

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

@@ -1,6 +1,6 @@
 /** `<aparte-model-selector>` — Selects an AI provider and a model. Renders an `<aparte-select>` with providers grouped into `<aparte-optgroup>`s — a single provider renders a flat list — which is what makes the BYOK pattern possible without core knowing about any vendor. */
 export interface AparteModelSelectorAttributes {
-    /** Writes the selection back through the config, so it survives a reload. */
+    /** Writes the selection into the config, which is what the next message is sent with. Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`. */
     persist?: boolean;
     /** Selects the first model as soon as one is available. */
     'auto-select'?: boolean;
@@ -10,6 +10,8 @@ export interface AparteModelSelectorAttributes {
     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;
+    /** Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too. */
+    details?: 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;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"}
+{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"AAIA,mRAAmR;AACnR,MAAM,WAAW,6BAA6B;IAC1C,0SAA0S;IAC1S,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;IACnB,gMAAgM;IAChM,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;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

@@ -29,7 +29,7 @@ declare abstract class AparteElementBase {
 }
 /** `<aparte-model-selector>` — Selects an AI provider and a model. Renders an `<aparte-select>` with providers grouped into `<aparte-optgroup>`s — a single provider renders a flat list — which is what makes the BYOK pattern possible without core knowing about any vendor. */
 export declare class AparteModelSelectorDirective extends AparteElementBase {
-    /** Writes the selection back through the config, so it survives a reload. */
+    /** Writes the selection into the config, which is what the next message is sent with. Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`. */
     set persist(v: boolean);
     /** Selects the first model as soon as one is available. */
     set autoSelect(v: boolean);
@@ -39,15 +39,18 @@ export declare class AparteModelSelectorDirective extends AparteElementBase {
     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);
+    /** Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too. */
+    set details(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; }; "disabled": { "alias": "disabled"; "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; }; "details": { "alias": "details"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
     static ngAcceptInputType_persist: unknown;
     static ngAcceptInputType_autoSelect: unknown;
     static ngAcceptInputType_searchable: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_details: 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;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"}
+{"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,0SAA0S;IAC1S,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;IAC/F,gMAAgM;IAChM,IAA4C,OAAO,CAAC,CAAC,EAAE,OAAO,EAA+B;IAE7F,2DAA2D;IACjD,QAAQ,CAAC,WAAW,6CAAoD;IAGlF,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,CAAC,4BAA4B,CAAC,GAAG,IAAI;yCAlBlE,4BAA4B;2CAA5B,4BAA4B;sCA+Bs46c,OAAQ;yCAAR,OAAQ;yCAAR,OAAQ;uCAAR,OAAQ;sCAAR,OAAQ;CAZt76c;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,gDAE5B,CAAC"}

package/dist/generated/element.directives.js

@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }] });
 /** `<aparte-model-selector>` — Selects an AI provider and a model. Renders an `<aparte-select>` with providers grouped into `<aparte-optgroup>`s — a single provider renders a flat list — which is what makes the BYOK pattern possible without core knowing about any vendor. */
 export class AparteModelSelectorDirective extends AparteElementBase {
-    /** Writes the selection back through the config, so it survives a reload. */
+    /** Writes the selection into the config, which is what the next message is sent with. Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`. */
     set persist(v) { this.write('persist', v); }
     /** Selects the first model as soon as one is available. */
     set autoSelect(v) { this.write('auto-select', v); }
@@ -47,11 +47,13 @@ export class AparteModelSelectorDirective extends AparteElementBase {
     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); }
+    /** Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too. */
+    set details(v) { this.write('details', 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", disabled: ["disabled", "disabled", booleanAttribute] }, 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], details: ["details", "details", 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,
@@ -70,6 +72,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], disabled: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], details: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], modelChange: [{
                 type: Output
             }], onModelChange: [{

package/dist/index.js

@@ -9,6 +9,12 @@ class AparteModelSelector extends HTMLElement {
   _aparteSelect = null;
   _isLoading = false;
   _isRendering = false;
+  /** A load was asked for while one ran; the running one goes round again. */
+  _reloadQueued = false;
+  /** Bumped by {@link _restartLoading}: a load of an older generation discards its result. */
+  _loadGeneration = 0;
+  /** The providers the current list was built from, as {@link _providersKey} gives them. */
+  _loadedProvidersKey = "";
   _expandedGroups = /* @__PURE__ */ new Set();
   /**
    * Config governing THIS element — nearest instance boundary, else the global.
@@ -34,15 +40,16 @@ class AparteModelSelector extends HTMLElement {
     this._syncDisabled();
   };
   static get observedAttributes() {
-    return ["persist", "auto-select", "searchable", "placeholder", "disabled"];
+    return ["persist", "auto-select", "searchable", "placeholder", "disabled", "details"];
   }
   async connectedCallback() {
     this._cfg = resolveConfig(this);
-    this._isLoading = false;
+    this._restartLoading();
     this._providerModels = [];
     this._setupEventListeners();
     this._composer = this.closest("aparte-composer");
     this._composer?.addEventListener("aparte-composer-change", this._boundComposerChange);
+    this._seenConfigSelection = this._configSelectionKey();
     const config = this._cfg.getModelConfig();
     if (config.defaultProvider && config.defaultModel) {
       this._currentProviderId = config.defaultProvider;
@@ -50,23 +57,40 @@ class AparteModelSelector extends HTMLElement {
     } else {
       this._loadPersistedSelection();
     }
-    await this._loadAllProviderModels();
-    this._render();
     this._subscribeToConfig();
+    if (await this._loadAllProviderModels()) this._render();
+  }
+  /**
+   * The config's own selection when this element last read it. A change to IT is someone
+   * choosing a model (an onboarding flow, `setModelConfig`); every other config change — a
+   * language, a provider, an icon — leaves the person's own pick alone. Compared with the
+   * pick instead, a pick made without `persist` (which writes nothing to the config) was
+   * put back to the config's default by the next unrelated change.
+   */
+  _seenConfigSelection = "";
+  _configSelectionKey() {
+    const c = this._cfg.getModelConfig();
+    return `${c.defaultProvider ?? ""}::${c.defaultModel ?? ""}`;
+  }
+  /** The registered providers, as one comparable string: what the list was built from. */
+  _providersKey() {
+    return this._cfg.getAIProviders().map((p) => p.id).join("\n");
   }
   /** Listen for configuration changes (e.g. from an onboarding flow). */
   _subscribeToConfig() {
     this._configUnsubscribe?.();
     this._configUnsubscribe = this._cfg.subscribe(() => {
       void (async () => {
-        const cfg = this._cfg.getModelConfig();
-        if (cfg.defaultProvider === this._currentProviderId && cfg.defaultModel === this._currentModelId && this._providerModels.length > 0) {
+        const selectionMoved = this._configSelectionKey() !== this._seenConfigSelection;
+        if (!selectionMoved && this._providerModels.length > 0 && this._providersKey() === this._loadedProvidersKey) {
           this._relabel();
           return;
         }
-        this._loadPersistedSelection();
-        await this._loadAllProviderModels();
-        this._render();
+        if (selectionMoved) {
+          this._seenConfigSelection = this._configSelectionKey();
+          this._loadPersistedSelection();
+        }
+        if (await this._loadAllProviderModels()) this._render();
       })();
     });
   }
@@ -80,6 +104,29 @@ class AparteModelSelector extends HTMLElement {
     if (!this._aparteSelect) return;
     const fromLocale = this._cfg.getLocale()["modelSelectorPlaceholder"] || "Select a model...";
     this._aparteSelect.setAttribute("placeholder", this.getAttribute("placeholder") || fromLocale);
+    if (!this.hasAttribute("details")) return;
+    const options = new Map(Array.from(this.querySelectorAll("aparte-option"), (o) => [o.getAttribute("value"), o]));
+    const tokens = this._tokenFormat();
+    for (const pm of this._providerModels) {
+      for (const m of pm.models) {
+        const line = options.get(`${pm.provider.id}::${m.id}`)?.querySelector(".aparte-option__meta");
+        if (line) line.textContent = this._metaText(m, tokens);
+      }
+    }
+  }
+  /** How a token count is written in the locale's language: 128K, 128 k… */
+  _tokenFormat() {
+    return new Intl.NumberFormat(this._cfg.getLocale().tag || void 0, { notation: "compact", maximumFractionDigits: 1 });
+  }
+  /** The line under a model's name with `details`: what its provider declares about it. */
+  _metaText(m, tokens) {
+    const parts = [];
+    if (m.description) parts.push(m.description);
+    if (m.contextWindow && m.contextWindow > 0) {
+      const size = tokens.format(m.contextWindow);
+      parts.push((this._cfg.t("modelContextWindow") || "{n} context").replace("{n}", () => size));
+    }
+    return parts.join(" · ");
   }
   disconnectedCallback() {
     this._aparteSelect?.removeEventListener("aparte-select-change", this._boundHandleChange);
@@ -103,8 +150,9 @@ class AparteModelSelector extends HTMLElement {
     this._cfg = next;
     if (!this.isConnected) return;
     void (async () => {
-      this._isLoading = false;
+      this._restartLoading();
       this._providerModels = [];
+      this._seenConfigSelection = this._configSelectionKey();
       const model = this._cfg.getModelConfig();
       if (model.defaultProvider && model.defaultModel) {
         this._currentProviderId = model.defaultProvider;
@@ -112,9 +160,8 @@ class AparteModelSelector extends HTMLElement {
       } else {
         this._loadPersistedSelection();
       }
-      await this._loadAllProviderModels();
-      this._render();
       this._subscribeToConfig();
+      if (await this._loadAllProviderModels()) this._render();
     })();
   }
   attributeChangedCallback() {
@@ -146,30 +193,63 @@ class AparteModelSelector extends HTMLElement {
   // ─────────────────────────────────────────────────────────────────────────
   // Data Loading
   // ─────────────────────────────────────────────────────────────────────────
+  /**
+   * Load every provider's models. A call that arrives while a load runs does not start a
+   * second one and does not vanish either: the running load goes round again, reading
+   * what changed meanwhile, and answers `false` so its caller leaves the render to the
+   * load that is still running.
+   */
   async _loadAllProviderModels() {
-    if (this._isLoading) return;
+    if (this._isLoading) {
+      this._reloadQueued = true;
+      return false;
+    }
+    const generation = this._loadGeneration;
     this._isLoading = true;
     try {
-      const providers = this._cfg.getAIProviders();
-      const uniqueProviders = Array.from(new Map(providers.map((p) => [p.id, p])).values());
-      const config = this._cfg.getModelConfig();
-      const tempList = new Array(uniqueProviders.length);
-      await Promise.all(uniqueProviders.map(async (provider, i) => {
-        try {
-          const models = await this._cfg.refreshProviderModels(provider.id);
-          const filters = config.modelFilters?.[provider.id];
-          const filteredModels = filters?.length ? models.filter((m) => filters.includes(m.id)) : models;
-          if (filteredModels.length > 0) {
-            tempList[i] = { provider, models: filteredModels };
-          }
-        } catch (error) {
-          console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);
-        }
-      }));
-      this._providerModels = tempList.filter((pm) => pm !== void 0);
+      do {
+        this._reloadQueued = false;
+        await this._loadOnce(generation);
+      } while (this._reloadQueued && this.isConnected && generation === this._loadGeneration);
     } finally {
-      this._isLoading = false;
+      if (generation === this._loadGeneration) this._isLoading = false;
     }
+    return generation === this._loadGeneration;
+  }
+  /**
+   * Start over: a mount, or a new config above us. A load still in flight from before
+   * keeps running — its fetches cannot be called back — but it is now of an older
+   * generation, so it discards what it brings back instead of writing it over the list
+   * the new load builds. Under every wrapper this is the normal order: the element
+   * connects on the global config, then `bind()` attaches the chat's own, and a slow
+   * global `/models` used to land last and win.
+   */
+  _restartLoading() {
+    this._loadGeneration++;
+    this._isLoading = false;
+    this._reloadQueued = false;
+  }
+  async _loadOnce(generation) {
+    const providersKey = this._providersKey();
+    const providers = this._cfg.getAIProviders();
+    const uniqueProviders = Array.from(new Map(providers.map((p) => [p.id, p])).values());
+    const config = this._cfg.getModelConfig();
+    const tempList = new Array(uniqueProviders.length);
+    await Promise.all(uniqueProviders.map(async (provider, i) => {
+      try {
+        const models = provider.fetchModels ? await this._cfg.refreshProviderModels(provider.id) : provider.getModels();
+        const filters = config.modelFilters?.[provider.id];
+        const filteredModels = filters?.length ? models.filter((m) => filters.includes(m.id)) : models;
+        if (filteredModels.length > 0) {
+          tempList[i] = { provider, models: filteredModels };
+        }
+      } catch (error) {
+        console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);
+      }
+    }));
+    if (generation !== this._loadGeneration) return;
+    this._providerModels = tempList.filter((pm) => pm !== void 0);
+    this._loadedProvidersKey = providersKey;
   }
   async _onOptgroupToggle(e) {
     const detail = e.detail;
@@ -222,6 +302,12 @@ class AparteModelSelector extends HTMLElement {
     const localePlaceholder = this._cfg.getLocale()["modelSelectorPlaceholder"] || "Select a model...";
     const placeholder = this.getAttribute("placeholder") || localePlaceholder;
     const searchable = this.hasAttribute("searchable");
+    const details = this.hasAttribute("details");
+    const tokens = details ? this._tokenFormat() : null;
+    const meta = (m) => {
+      const text = tokens ? this._metaText(m, tokens) : "";
+      return text ? `<span class="aparte-option__meta">${esc(text)}</span>` : "";
+    };
     const autoSelect = this.hasAttribute("auto-select");
     const wasOpen = keepOpen || this._aparteSelect?.hasAttribute("open");
     let currentValue = this._currentModelId ? `${this._currentProviderId}::${this._currentModelId}` : "";
@@ -239,7 +325,7 @@ class AparteModelSelector extends HTMLElement {
     const singleProvider = this._providerModels.length === 1;
     const optionsHtml = singleProvider && only ? only.models.map((m) => {
       const key = `${only.provider.id}::${m.id}`;
-      return `<aparte-option value="${esc(key)}">${esc(m.name)}</aparte-option>`;
+      return `<aparte-option value="${esc(key)}">${esc(m.name)}${meta(m)}</aparte-option>`;
     }).join("") : this._providerModels.map((pm) => {
       const label = pm.provider.getMetadata().name;
       const isCollapsed = !this._expandedGroups.has(label);
@@ -251,7 +337,7 @@ class AparteModelSelector extends HTMLElement {
                     >
                         ${pm.models.map((m) => {
         const key = `${pm.provider.id}::${m.id}`;
-        return `<aparte-option value="${esc(key)}">${esc(m.name)}</aparte-option>`;
+        return `<aparte-option value="${esc(key)}">${esc(m.name)}${meta(m)}</aparte-option>`;
       }).join("")}
                     </aparte-optgroup>
                 `;
@@ -346,6 +432,7 @@ class AparteModelSelector extends HTMLElement {
     if (currentConfig.defaultProvider === this._currentProviderId && currentConfig.defaultModel === this._currentModelId) {
       return;
     }
+    this._seenConfigSelection = `${this._currentProviderId}::${this._currentModelId}`;
     this._cfg.setModelConfig({
       defaultProvider: this._currentProviderId,
       defaultModel: this._currentModelId

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 * @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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"}
+{"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 into the config, which is what the next message is sent with.\n *   Without it the picker only fires `aparte-model-change`, and applying the choice is the app's. It does not\n *   outlive a reload on its own: that takes `setModelPreferenceProvider()` and `restoreModelPreference()`.\n * @attr {boolean} searchable - Adds the dropdown's filter field.\n * @attr {boolean} details - Shows, under each model's name, its `description` and its `contextWindow` — the metadata a provider already declares. The trigger keeps the name alone; the filter searches the line too.\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    /** A load was asked for while one ran; the running one goes round again. */\n    private _reloadQueued = false;\n    /** Bumped by {@link _restartLoading}: a load of an older generation discards its result. */\n    private _loadGeneration = 0;\n    /** The providers the current list was built from, as {@link _providersKey} gives them. */\n    private _loadedProvidersKey = '';\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', 'details'];\n    }\n\n    async connectedCallback(): Promise<void> {\n        this._cfg = resolveConfig(this);\n        // A fresh mount always does a full load, whatever a previous mount left running.\n        this._restartLoading();\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        this._seenConfigSelection = this._configSelectionKey();\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        // Subscribe BEFORE the first load, not after it. Importing this plugin defines the\n        // element, and a tag already in the page connects right then — before the module\n        // that imported it has run the rest of its body, which is where the providers get\n        // registered. Subscribed after the `await`, that registration fired into nothing\n        // and the picker stayed empty for the life of the page.\n        this._subscribeToConfig();\n        if (await this._loadAllProviderModels()) this._render();\n    }\n\n    /**\n     * The config's own selection when this element last read it. A change to IT is someone\n     * choosing a model (an onboarding flow, `setModelConfig`); every other config change — a\n     * language, a provider, an icon — leaves the person's own pick alone. Compared with the\n     * pick instead, a pick made without `persist` (which writes nothing to the config) was\n     * put back to the config's default by the next unrelated change.\n     */\n    private _seenConfigSelection = '';\n\n    private _configSelectionKey(): string {\n        const c = this._cfg.getModelConfig();\n        return `${c.defaultProvider ?? ''}::${c.defaultModel ?? ''}`;\n    }\n\n    /** The registered providers, as one comparable string: what the list was built from. */\n    private _providersKey(): string {\n        return this._cfg.getAIProviders().map(p => p.id).join('\\n');\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                // Guard: only react if the model config actually changed relative to what we\n                // read — its selection, or the set of providers the list was built from\n                // (an app that registers a provider once a key is typed in its settings).\n                const selectionMoved = this._configSelectionKey() !== this._seenConfigSelection;\n                if (!selectionMoved &&\n                    this._providerModels.length > 0 &&\n                    this._providersKey() === this._loadedProvidersKey) {\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                if (selectionMoved) {\n                    this._seenConfigSelection = this._configSelectionKey();\n                    this._loadPersistedSelection();\n                }\n                if (await this._loadAllProviderModels()) 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        // The `details` lines are locale text too (\"{n} context\", the number's format): written\n        // in place, so an open list and a typed search survive the language switch.\n        if (!this.hasAttribute('details')) return;\n        // One lookup of the options and one number format for the whole list: a catalogue\n        // of hundreds of models is relabelled on every config change.\n        const options = new Map(Array.from(this.querySelectorAll('aparte-option'), (o) => [o.getAttribute('value'), o]));\n        const tokens = this._tokenFormat();\n        for (const pm of this._providerModels) {\n            for (const m of pm.models) {\n                const line = options.get(`${pm.provider.id}::${m.id}`)?.querySelector('.aparte-option__meta');\n                if (line) line.textContent = this._metaText(m, tokens);\n            }\n        }\n    }\n\n    /** How a token count is written in the locale's language: 128K, 128 k… */\n    private _tokenFormat(): Intl.NumberFormat {\n        return new Intl.NumberFormat(this._cfg.getLocale().tag || undefined, { notation: 'compact', maximumFractionDigits: 1 });\n    }\n\n    /** The line under a model's name with `details`: what its provider declares about it. */\n    private _metaText(m: { description?: string; contextWindow?: number }, tokens: Intl.NumberFormat): string {\n        const parts: string[] = [];\n        if (m.description) parts.push(m.description);\n        if (m.contextWindow && m.contextWindow > 0) {\n            const size = tokens.format(m.contextWindow);\n            parts.push((this._cfg.t('modelContextWindow') || '{n} context').replace('{n}', () => size));\n        }\n        return parts.join(' · ');\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._restartLoading();\n            this._providerModels = [];\n            this._seenConfigSelection = this._configSelectionKey();\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            this._subscribeToConfig();\n            if (await this._loadAllProviderModels()) this._render();\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    /**\n     * Load every provider's models. A call that arrives while a load runs does not start a\n     * second one and does not vanish either: the running load goes round again, reading\n     * what changed meanwhile, and answers `false` so its caller leaves the render to the\n     * load that is still running.\n     */\n    private async _loadAllProviderModels(): Promise<boolean> {\n        if (this._isLoading) {\n            this._reloadQueued = true;\n            return false;\n        }\n        const generation = this._loadGeneration;\n        this._isLoading = true;\n        try {\n            do {\n                this._reloadQueued = false;\n                await this._loadOnce(generation);\n            } while (this._reloadQueued && this.isConnected && generation === this._loadGeneration);\n        } finally {\n            // A restart already handed the flag to the load that replaced this one.\n            if (generation === this._loadGeneration) this._isLoading = false;\n        }\n        return generation === this._loadGeneration;\n    }\n\n    /**\n     * Start over: a mount, or a new config above us. A load still in flight from before\n     * keeps running — its fetches cannot be called back — but it is now of an older\n     * generation, so it discards what it brings back instead of writing it over the list\n     * the new load builds. Under every wrapper this is the normal order: the element\n     * connects on the global config, then `bind()` attaches the chat's own, and a slow\n     * global `/models` used to land last and win.\n     */\n    private _restartLoading(): void {\n        this._loadGeneration++;\n        this._isLoading = false;\n        this._reloadQueued = false;\n    }\n\n    private async _loadOnce(generation: number): Promise<void> {\n        const providersKey = this._providersKey();\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                // A provider with a fixed list has no `fetchModels`: its `getModels()` IS the\n                // list, and `refreshProviderModels` answers `[]` for it.\n                const models = provider.fetchModels\n                    ? await this._cfg.refreshProviderModels(provider.id)\n                    : provider.getModels();\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        if (generation !== this._loadGeneration) return;\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        this._loadedProvidersKey = providersKey;\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        // The line under a name: what the provider declares about the model, when asked for.\n        const details = this.hasAttribute('details');\n        const tokens = details ? this._tokenFormat() : null;\n        const meta = (m: { description?: string; contextWindow?: number }): string => {\n            const text = tokens ? this._metaText(m, tokens) : '';\n            return text ? `<span class=\"aparte-option__meta\">${esc(text)}</span>` : '';\n        };\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)}${meta(m)}</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)}${meta(m)}</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._seenConfigSelection = `${this._currentProviderId}::${this._currentModelId}`;\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/dist/svelte.d.ts

@@ -18,6 +18,8 @@ import type { AparteElementAttributes, AparteElementTagName } from './generated/
 type AparteEventName = Extract<keyof HTMLElementEventMap, `aparte-${string}`>;
 type PluginHandlers = {
     [K in AparteEventName as `on:${K}`]?: (event: HTMLElementEventMap[K]) => void;
+} & {
+    [K in AparteEventName as `on${K}`]?: (event: HTMLElementEventMap[K]) => void;
 };
 type PluginElements = {
     [K in AparteElementTagName]: HTMLAttributes<HTMLElement> & AparteTemplateAttrs<AparteElementAttributes[K]> & PluginHandlers;

package/dist/svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEvG,KAAK,eAAe,GAAG,OAAO,CAAC,MAAM,mBAAmB,EAAE,UAAU,MAAM,EAAE,CAAC,CAAC;AAE9E,KAAK,cAAc,GAAG;KACjB,CAAC,IAAI,eAAe,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI;CAChF,CAAC;AAEF,KAAK,cAAc,GAAG;KACjB,CAAC,IAAI,oBAAoB,GACtB,cAAc,CAAC,WAAW,CAAC,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc;CACrG,CAAC;AAEF,OAAO,QAAQ,iBAAiB,CAAC;IAC7B,UAAU,kBAAmB,SAAQ,cAAc;KAAG;CACzD;AAED,OAAO,EAAE,CAAC"}
+{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEvG,KAAK,eAAe,GAAG,OAAO,CAAC,MAAM,mBAAmB,EAAE,UAAU,MAAM,EAAE,CAAC,CAAC;AAE9E,KAAK,cAAc,GAAG;KACjB,CAAC,IAAI,eAAe,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI;CAChF,GAAG;KAEC,CAAC,IAAI,eAAe,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI;CAC/E,CAAC;AAEF,KAAK,cAAc,GAAG;KACjB,CAAC,IAAI,oBAAoB,GACtB,cAAc,CAAC,WAAW,CAAC,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc;CACrG,CAAC;AAEF,OAAO,QAAQ,iBAAiB,CAAC;IAC7B,UAAU,kBAAmB,SAAQ,cAAc;KAAG;CACzD;AAED,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aparte/plugin-model-selector",
-  "version": "0.19.3",
+  "version": "0.21.0",
   "homepage": "https://apartejs.dev/plugins/model-selector/",
   "description": "Provider + model selector web component (<aparte-model-selector>) for aparté — grouped dropdown, BYOK.",
   "type": "module",
@@ -15,6 +15,26 @@
         "types": "./dist/index.node.d.ts",
         "default": "./dist/index.node.js"
       },
+      "worker": {
+        "types": "./dist/index.node.d.ts",
+        "default": "./dist/index.node.js"
+      },
+      "workerd": {
+        "types": "./dist/index.node.d.ts",
+        "default": "./dist/index.node.js"
+      },
+      "edge-light": {
+        "types": "./dist/index.node.d.ts",
+        "default": "./dist/index.node.js"
+      },
+      "deno": {
+        "types": "./dist/index.node.d.ts",
+        "default": "./dist/index.node.js"
+      },
+      "bun": {
+        "types": "./dist/index.node.d.ts",
+        "default": "./dist/index.node.js"
+      },
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
@@ -50,7 +70,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^19.2.0",
-    "@aparte/core": ">=0.19.3 <1.0.0",
+    "@aparte/core": ">=0.21.0 <1.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "svelte": "^4.0.0 || ^5.0.0",
     "vue": "^3.5.0"
@@ -72,7 +92,7 @@
     "vite": "^6.0.0",
     "vue": "^3.5.0",
     "zone.js": "~0.15.0",
-    "@aparte/core": "0.19.3"
+    "@aparte/core": "0.21.0"
   },
   "keywords": [
     "aparte",
@@ -108,7 +128,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc -b --emitDeclarationOnly --force && ngc -p tsconfig.angular.json && pnpm run analyze",
+    "build": "vite build && tsc -b --emitDeclarationOnly --force && ngc -p tsconfig.angular.json && pnpm run analyze && node ../../../scripts/stamp-dist.mjs",
     "preview": "vite preview",
     "test": "vitest",
     "test:run": "vitest run",