@aparte/plugin-model-selector 0.2.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 aparté
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @aparte/plugin-model-selector
+
+A provider + model selector web component for [aparté](https://github.com/apartejs/aparte). Renders an
+`<aparte-select>` with each registered AI provider grouped into an `<aparte-optgroup>` (a single provider
+renders a flat list), for the BYOK (Bring Your Own Key) pattern.
+
+```bash
+npm install @aparte/plugin-model-selector @aparte/core
+```
+
+```ts
+import '@aparte/plugin-model-selector'; // registers <aparte-model-selector>
+```
+
+```html
+<aparte-model-selector auto-select persist searchable></aparte-model-selector>
+```
+
+`@aparte/core` is the only **peer dependency**. Importing the package registers the
+`<aparte-model-selector>` element as a side effect.
+
+| Attribute     | Effect                                                    |
+|---------------|-----------------------------------------------------------|
+| `auto-select` | Select the first available model on mount                 |
+| `persist`     | Write the selection back to the resolved config           |
+| `searchable`  | Enable search in the dropdown                             |
+| `placeholder` | Override the placeholder text (else the active locale)    |
+
+Fires **`aparte-model-change`** (`{ providerId, modelId, previousProviderId, previousModelId }`) when the
+selection changes. It reads providers from the nearest instance config (`attachConfig`), falling back to
+the global `AparteConfig`.
+
+> ESM-only. Part of the aparté monorepo.

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

@@ -0,0 +1,55 @@
+/**
+ * Aparté Model Selector
+ *
+ * Web Component for selecting an AI provider + model. Renders an `aparte-select`
+ * primitive with providers grouped into `aparte-optgroup`s (a single provider
+ * renders a flat list). Enables the BYOK (Bring Your Own Key) pattern.
+ *
+ * @element aparte-model-selector
+ * @attr {boolean} auto-select - Auto-select the first model (default: false)
+ * @attr {boolean} persist - Persist the selection through the config
+ * @attr {boolean} searchable - Enable search in the dropdown
+ * @attr {string} placeholder - Override the placeholder text
+ *
+ * @fires aparte-model-change - Fired when the selected model changes
+ */
+export declare class AparteModelSelector extends HTMLElement {
+    private _currentProviderId;
+    private _currentModelId;
+    private _providerModels;
+    private _aparteSelect;
+    private _isLoading;
+    private _isRendering;
+    private _expandedGroups;
+    /** Config governing THIS element — nearest instance boundary, else the global.
+        Resolved on connect (multi-instance pages get their own config). */
+    private _cfg;
+    private _configUnsubscribe;
+    private _boundHandleChange;
+    private _handleOptgroupToggle;
+    static get observedAttributes(): string[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    /** Current provider ID. */
+    get providerId(): string | null;
+    /** Current model ID. */
+    get modelId(): string | null;
+    /** Programmatically set the selection. */
+    setSelection(providerId: string, modelId: string): void;
+    private _loadAllProviderModels;
+    private _onOptgroupToggle;
+    private _render;
+    private _renderImpl;
+    private _setupEventListeners;
+    private _handleChange;
+    private _emitChange;
+    private _persistSelection;
+    private _loadPersistedSelection;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'aparte-model-selector': AparteModelSelector;
+    }
+}
+//# sourceMappingURL=aparte-model-selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aparte-model-selector.d.ts","sourceRoot":"","sources":["../src/aparte-model-selector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiCH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,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;2EACuE;IACvE,OAAO,CAAC,IAAI,CAAmC;IAE/C,OAAO,CAAC,kBAAkB,CAA6B;IAGvD,OAAO,CAAC,kBAAkB,CAAiC;IAC3D,OAAO,CAAC,qBAAqB,CAA2D;IAExF,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAEK,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAwCxC,oBAAoB,IAAI,IAAI;IAM5B,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;YAwCtB,iBAAiB;IA2C/B,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,WAAW;IA2HnB,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,uBAAuB;CAWlC;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @aparte/plugin-model-selector
+ *
+ * Model + provider selector for aparté chat interfaces. Importing this module
+ * registers the `<aparte-model-selector>` custom element as a side effect.
+ */
+export { AparteModelSelector } from './aparte-model-selector.js';
+export type { AparteAIProvider, AparteAIModel, AparteModelConfig, AparteModelChangeEventDetail, } from '@aparte/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,YAAY,EACR,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,4BAA4B,GAC/B,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,299 @@
+import { AparteConfig, resolveConfig } from "@aparte/core";
+function esc(value) {
+  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+class AparteModelSelector extends HTMLElement {
+  _currentProviderId = null;
+  _currentModelId = null;
+  _providerModels = [];
+  _aparteSelect = null;
+  _isLoading = false;
+  _isRendering = false;
+  _expandedGroups = /* @__PURE__ */ new Set();
+  /** Config governing THIS element — nearest instance boundary, else the global.
+      Resolved on connect (multi-instance pages get their own config). */
+  _cfg = AparteConfig;
+  _configUnsubscribe = null;
+  // Bound handlers for cleanup
+  _boundHandleChange = this._handleChange.bind(this);
+  _handleOptgroupToggle = (e) => {
+    void this._onOptgroupToggle(e);
+  };
+  static get observedAttributes() {
+    return ["persist", "auto-select", "searchable", "placeholder"];
+  }
+  async connectedCallback() {
+    this._cfg = resolveConfig(this);
+    this._isLoading = false;
+    this._providerModels = [];
+    this._setupEventListeners();
+    const config = this._cfg.getModelConfig();
+    if (config.defaultProvider && config.defaultModel) {
+      this._currentProviderId = config.defaultProvider;
+      this._currentModelId = config.defaultModel;
+    } else {
+      this._loadPersistedSelection();
+    }
+    await this._loadAllProviderModels();
+    this._render();
+    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) {
+          return;
+        }
+        this._loadPersistedSelection();
+        await this._loadAllProviderModels();
+        this._render();
+      })();
+    });
+  }
+  disconnectedCallback() {
+    this._aparteSelect?.removeEventListener("aparte-select-change", this._boundHandleChange);
+    this.removeEventListener("aparte-optgroup-toggle", this._handleOptgroupToggle);
+    this._configUnsubscribe?.();
+  }
+  attributeChangedCallback() {
+    if (this.isConnected && !this._isLoading) {
+      this._render();
+    }
+  }
+  // ─────────────────────────────────────────────────────────────────────────
+  // Public API
+  // ─────────────────────────────────────────────────────────────────────────
+  /** Current provider ID. */
+  get providerId() {
+    return this._currentProviderId;
+  }
+  /** Current model ID. */
+  get modelId() {
+    return this._currentModelId;
+  }
+  /** Programmatically set the selection. */
+  setSelection(providerId, modelId) {
+    this._currentProviderId = providerId;
+    this._currentModelId = modelId;
+    const compositeValue = `${providerId}::${modelId}`;
+    if (this._aparteSelect) {
+      this._aparteSelect.value = compositeValue;
+    }
+    this._emitChange();
+  }
+  // ─────────────────────────────────────────────────────────────────────────
+  // Data Loading
+  // ─────────────────────────────────────────────────────────────────────────
+  async _loadAllProviderModels() {
+    if (this._isLoading) return;
+    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 = [];
+      await Promise.all(uniqueProviders.map(async (provider) => {
+        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.push({ provider, models: filteredModels });
+          }
+        } catch (error) {
+          console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);
+        }
+      }));
+      this._providerModels = tempList;
+    } finally {
+      this._isLoading = false;
+    }
+  }
+  async _onOptgroupToggle(e) {
+    const detail = e.detail;
+    if (detail.collapsed) {
+      this._expandedGroups.delete(detail.label);
+      return;
+    }
+    this._expandedGroups.add(detail.label);
+    const pm = this._providerModels.find((p) => p.provider.getMetadata().name === detail.label);
+    if (!pm || !pm.provider.fetchModels) return;
+    const groupEl = e.target;
+    if (groupEl && groupEl.tagName === "APARTE-OPTGROUP") {
+      groupEl.loading = true;
+    }
+    try {
+      const freshModels = await this._cfg.refreshProviderModels(pm.provider.id);
+      if (freshModels && freshModels.length > 0) {
+        pm.models = freshModels;
+        this._render(true);
+      }
+    } catch (error) {
+      console.error(`[AparteModelSelector] Lazy fetch failed for ${pm.provider.id}:`, error);
+    } finally {
+      const el = e.target;
+      if (el && el.tagName === "APARTE-OPTGROUP") {
+        el.loading = false;
+      }
+    }
+  }
+  // ─────────────────────────────────────────────────────────────────────────
+  // Rendering
+  // ─────────────────────────────────────────────────────────────────────────
+  _render(keepOpen = false) {
+    if (this._isRendering) return;
+    this._isRendering = true;
+    try {
+      this._renderImpl(keepOpen);
+    } finally {
+      this._isRendering = false;
+    }
+  }
+  _renderImpl(keepOpen) {
+    const localePlaceholder = this._cfg.getLocale()["modelSelectorPlaceholder"] || "Select a model...";
+    const placeholder = this.getAttribute("placeholder") || localePlaceholder;
+    const searchable = this.hasAttribute("searchable");
+    const autoSelect = this.hasAttribute("auto-select");
+    const wasOpen = keepOpen || this._aparteSelect?.hasAttribute("open");
+    let currentValue = this._currentModelId ? `${this._currentProviderId}::${this._currentModelId}` : "";
+    if (!currentValue && autoSelect) {
+      const first = this._providerModels[0];
+      const firstModel = first?.models[0];
+      if (first && firstModel) {
+        this._currentProviderId = first.provider.id;
+        this._currentModelId = firstModel.id;
+        currentValue = `${this._currentProviderId}::${this._currentModelId}`;
+        setTimeout(() => this._emitChange(), 0);
+      }
+    }
+    const only = this._providerModels[0];
+    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>`;
+    }).join("") : this._providerModels.map((pm) => {
+      const label = pm.provider.getMetadata().name;
+      const isCollapsed = !this._expandedGroups.has(label);
+      return `
+                    <aparte-optgroup
+                        label="${esc(label)}"
+                        collapsible
+                        ${isCollapsed ? "collapsed" : ""}
+                    >
+                        ${pm.models.map((m) => {
+        const key = `${pm.provider.id}::${m.id}`;
+        return `<aparte-option value="${esc(key)}">${esc(m.name)}</aparte-option>`;
+      }).join("")}
+                    </aparte-optgroup>
+                `;
+    }).join("");
+    if (this._aparteSelect) {
+      this._aparteSelect.setAttribute("placeholder", placeholder);
+      if (currentValue) this._aparteSelect.setAttribute("value", currentValue);
+      else this._aparteSelect.removeAttribute("value");
+      if (searchable) this._aparteSelect.setAttribute("searchable", "");
+      else this._aparteSelect.removeAttribute("searchable");
+      if (wasOpen) this._aparteSelect.setAttribute("open", "");
+      else this._aparteSelect.removeAttribute("open");
+      if (!singleProvider) this._aparteSelect.setAttribute("grouped", "");
+      else this._aparteSelect.removeAttribute("grouped");
+      const optionsContainer = this._aparteSelect.querySelector(".aparte-select-options");
+      if (optionsContainer) {
+        optionsContainer.innerHTML = optionsHtml;
+        if (currentValue) {
+          this._aparteSelect.removeAttribute("value");
+          this._aparteSelect.setAttribute("value", currentValue);
+        }
+      } else {
+        const temp = document.createElement("div");
+        temp.innerHTML = optionsHtml;
+        const newChildren = Array.from(temp.children);
+        const childrenToRemove = Array.from(this._aparteSelect.children).filter(
+          (c) => c.tagName === "APARTE-OPTION" || c.tagName === "APARTE-OPTGROUP"
+        );
+        childrenToRemove.forEach((c) => c.remove());
+        newChildren.forEach((c) => this._aparteSelect?.appendChild(c));
+      }
+      if (currentValue) {
+        setTimeout(() => {
+          if (this._aparteSelect) {
+            this._aparteSelect.value = currentValue;
+          }
+        }, 0);
+      }
+    } else {
+      this.innerHTML = `
+                <aparte-select
+                    class="aparte-model-selector-select"
+                    placeholder="${esc(placeholder)}"
+                    ${currentValue ? `value="${esc(currentValue)}"` : ""}
+                    ${searchable ? "searchable" : ""}
+                    ${wasOpen ? "open" : ""}
+                    ${!singleProvider ? "grouped" : ""}
+                >
+                    ${optionsHtml}
+                </aparte-select>
+            `;
+      this._aparteSelect = this.querySelector("aparte-select");
+      this._setupEventListeners();
+    }
+  }
+  // ─────────────────────────────────────────────────────────────────────────
+  // Event Handling
+  // ─────────────────────────────────────────────────────────────────────────
+  _setupEventListeners() {
+    this._aparteSelect?.addEventListener("aparte-select-change", this._boundHandleChange);
+    this.addEventListener("aparte-optgroup-toggle", this._handleOptgroupToggle);
+  }
+  _handleChange(e) {
+    const detail = e.detail;
+    const previousProviderId = this._currentProviderId;
+    const previousModelId = this._currentModelId;
+    const [providerId, modelId] = detail.value.split("::");
+    this._currentProviderId = providerId || null;
+    this._currentModelId = modelId || null;
+    this._emitChange(previousProviderId, previousModelId);
+  }
+  _emitChange(previousProviderId, previousModelId) {
+    const detail = {
+      providerId: this._currentProviderId || void 0,
+      modelId: this._currentModelId || "",
+      previousProviderId: previousProviderId || void 0,
+      previousModelId: previousModelId || void 0
+    };
+    this.dispatchEvent(new CustomEvent("aparte-model-change", {
+      bubbles: true,
+      composed: true,
+      detail
+    }));
+    if (this.hasAttribute("persist")) {
+      this._persistSelection();
+    }
+  }
+  // ─────────────────────────────────────────────────────────────────────────
+  // Persistence (opt-in)
+  // ─────────────────────────────────────────────────────────────────────────
+  _persistSelection() {
+    if (!this._currentProviderId || !this._currentModelId) return;
+    const currentConfig = this._cfg.getModelConfig();
+    if (currentConfig.defaultProvider === this._currentProviderId && currentConfig.defaultModel === this._currentModelId) {
+      return;
+    }
+    this._cfg.setModelConfig({
+      defaultProvider: this._currentProviderId,
+      defaultModel: this._currentModelId
+    });
+  }
+  _loadPersistedSelection() {
+    const config = this._cfg.getModelConfig();
+    if (config.defaultProvider && config.defaultModel) {
+      this._currentProviderId = config.defaultProvider;
+      this._currentModelId = config.defaultModel;
+    }
+  }
+}
+if (!customElements.get("aparte-model-selector")) {
+  customElements.define("aparte-model-selector", AparteModelSelector);
+}
+export {
+  AparteModelSelector
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/aparte-model-selector.ts"],"sourcesContent":["/**\n * Aparté Model Selector\n *\n * Web Component for selecting an AI provider + model. Renders an `aparte-select`\n * primitive with providers grouped into `aparte-optgroup`s (a single provider\n * renders a flat list). Enables the BYOK (Bring Your Own Key) pattern.\n *\n * @element aparte-model-selector\n * @attr {boolean} auto-select - Auto-select the first model (default: false)\n * @attr {boolean} persist - Persist the selection through the config\n * @attr {boolean} searchable - Enable search in the dropdown\n * @attr {string} placeholder - Override the placeholder text\n *\n * @fires aparte-model-change - Fired when the selected model changes\n */\n\nimport {\n    AparteConfig,\n    resolveConfig,\n    type AparteConfigClass,\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    return String(value ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n\nexport class AparteModelSelector extends HTMLElement {\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    /** Config governing THIS element — nearest instance boundary, else the global.\n        Resolved on connect (multi-instance pages get their own config). */\n    private _cfg: AparteConfigClass = AparteConfig;\n\n    private _configUnsubscribe: (() => void) | null = null;\n\n    // Bound handlers for cleanup\n    private _boundHandleChange = this._handleChange.bind(this);\n    private _handleOptgroupToggle = (e: Event): void => { void this._onOptgroupToggle(e); };\n\n    static get observedAttributes(): string[] {\n        return ['persist', 'auto-select', 'searchable', 'placeholder'];\n    }\n\n    async connectedCallback(): Promise<void> {\n        this._cfg = resolveConfig(this);\n        // Reset loading flag so a fresh mount always does a full load\n        // (prevents a stale _isLoading=true from a previous mount blocking this one)\n        this._isLoading = false;\n        this._providerModels = [];\n\n        this._setupEventListeners();\n\n        // Seed selection from the resolved config first (handles race conditions)\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        } else {\n            this._loadPersistedSelection();\n        }\n\n        await this._loadAllProviderModels();\n        this._render();\n\n        // Listen for configuration changes (e.g. from an onboarding flow)\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                    return;\n                }\n\n                this._loadPersistedSelection();\n                await this._loadAllProviderModels();\n                this._render();\n            })();\n        });\n    }\n\n    disconnectedCallback(): void {\n        this._aparteSelect?.removeEventListener('aparte-select-change', this._boundHandleChange);\n        this.removeEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n        this._configUnsubscribe?.();\n    }\n\n    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            const tempList: ProviderModels[] = [];\n\n            // Fetch all providers in parallel\n            await Promise.all(uniqueProviders.map(async (provider) => {\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.push({ provider, models: filteredModels });\n                    }\n                } catch (error) {\n                    console.warn(`[AparteModelSelector] Failed to load models for ${provider.id}:`, error);\n                }\n            }));\n\n            this._providerModels = tempList;\n        } finally {\n            this._isLoading = false;\n        }\n    }\n\n    private async _onOptgroupToggle(e: Event): Promise<void> {\n        const detail = (e as CustomEvent).detail;\n\n        // Track expansion state\n        if (detail.collapsed) {\n            this._expandedGroups.delete(detail.label);\n            return;\n        }\n\n        this._expandedGroups.add(detail.label);\n\n        // Find which provider this optgroup belongs to\n        const pm = this._providerModels.find(p => p.provider.getMetadata().name === detail.label);\n        if (!pm || !pm.provider.fetchModels) return;\n\n        // Show a loading state on the optgroup while we lazily fetch its models\n        const groupEl = e.target as HTMLElement;\n        if (groupEl && groupEl.tagName === 'APARTE-OPTGROUP') {\n            (groupEl as AparteOptgroup).loading = true;\n        }\n\n        try {\n            // Retrieve latest models via Config (provider-agnostic)\n            const freshModels = await this._cfg.refreshProviderModels(pm.provider.id);\n\n            if (freshModels && freshModels.length > 0) {\n                pm.models = freshModels;\n                this._render(true);\n            }\n        } catch (error) {\n            console.error(`[AparteModelSelector] Lazy fetch failed for ${pm.provider.id}:`, error);\n        } finally {\n            const el = e.target as HTMLElement;\n            if (el && el.tagName === 'APARTE-OPTGROUP') {\n                (el as AparteOptgroup).loading = false;\n            }\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Rendering\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _render(keepOpen = false): void {\n        if (this._isRendering) return;\n        this._isRendering = true;\n\n        try {\n            this._renderImpl(keepOpen);\n        } finally {\n            this._isRendering = false;\n        }\n    }\n\n    private _renderImpl(keepOpen: boolean): void {\n        // Attribute overrides locale\n        const localePlaceholder = this._cfg.getLocale()['modelSelectorPlaceholder'] || 'Select a model...';\n        const placeholder = this.getAttribute('placeholder') || localePlaceholder;\n        const searchable = this.hasAttribute('searchable');\n        const autoSelect = this.hasAttribute('auto-select');\n\n        // Capture current open state of aparte-select if it exists\n        const wasOpen = keepOpen || this._aparteSelect?.hasAttribute('open');\n\n        // Determine current value\n        let currentValue = this._currentModelId ? `${this._currentProviderId}::${this._currentModelId}` : '';\n\n        if (!currentValue && autoSelect) {\n            const first = this._providerModels[0];\n            const firstModel = first?.models[0];\n            if (first && firstModel) {\n                this._currentProviderId = first.provider.id;\n                this._currentModelId = firstModel.id;\n                currentValue = `${this._currentProviderId}::${this._currentModelId}`;\n                // Emit the initial change once the element settles\n                setTimeout(() => this._emitChange(), 0);\n            }\n        }\n\n        // Build options HTML — single provider: flat list; multiple: grouped optgroups\n        const only = this._providerModels[0];\n        const singleProvider = this._providerModels.length === 1;\n        const optionsHtml = singleProvider && only\n            ? only.models.map(m => {\n                const key = `${only.provider.id}::${m.id}`;\n                return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n            }).join('')\n            : this._providerModels.map(pm => {\n                const label = pm.provider.getMetadata().name;\n                const isCollapsed = !this._expandedGroups.has(label);\n                return `\n                    <aparte-optgroup\n                        label=\"${esc(label)}\"\n                        collapsible\n                        ${isCollapsed ? 'collapsed' : ''}\n                    >\n                        ${pm.models.map(m => {\n                            const key = `${pm.provider.id}::${m.id}`;\n                            return `<aparte-option value=\"${esc(key)}\">${esc(m.name)}</aparte-option>`;\n                        }).join('')}\n                    </aparte-optgroup>\n                `;\n            }).join('');\n\n        if (this._aparteSelect) {\n            // Non-destructive update of attributes\n            this._aparteSelect.setAttribute('placeholder', placeholder);\n            if (currentValue) this._aparteSelect.setAttribute('value', currentValue);\n            else this._aparteSelect.removeAttribute('value');\n\n            if (searchable) this._aparteSelect.setAttribute('searchable', '');\n            else this._aparteSelect.removeAttribute('searchable');\n\n            if (wasOpen) this._aparteSelect.setAttribute('open', '');\n            else this._aparteSelect.removeAttribute('open');\n\n            if (!singleProvider) this._aparteSelect.setAttribute('grouped', '');\n            else this._aparteSelect.removeAttribute('grouped');\n\n            // Update children cleanly: prefer direct container update if available\n            const optionsContainer = this._aparteSelect.querySelector('.aparte-select-options');\n            if (optionsContainer) {\n                // Direct update (faster, skips the observer)\n                optionsContainer.innerHTML = optionsHtml;\n\n                // Force label re-evaluation: remove then re-set value so aparte-select\n                // re-scans the newly injected options (setAttribute guard blocks same-value updates)\n                if (currentValue) {\n                    this._aparteSelect.removeAttribute('value');\n                    this._aparteSelect.setAttribute('value', currentValue);\n                }\n            } else {\n                // Fallback: self-healing mode\n                const temp = document.createElement('div');\n                temp.innerHTML = optionsHtml;\n                const newChildren = Array.from(temp.children);\n\n                const childrenToRemove = Array.from(this._aparteSelect.children).filter(c =>\n                    c.tagName === 'APARTE-OPTION' || c.tagName === 'APARTE-OPTGROUP'\n                );\n                childrenToRemove.forEach(c => c.remove());\n\n                newChildren.forEach(c => this._aparteSelect?.appendChild(c));\n            }\n\n            // Critical: re-apply value after a microtask so AparteSelect has processed\n            // the new options and can resolve the label.\n            if (currentValue) {\n                setTimeout(() => {\n                    if (this._aparteSelect) {\n                        this._aparteSelect.value = currentValue;\n                    }\n                }, 0);\n            }\n        } else {\n            // Full initial render\n            this.innerHTML = `\n                <aparte-select\n                    class=\"aparte-model-selector-select\"\n                    placeholder=\"${esc(placeholder)}\"\n                    ${currentValue ? `value=\"${esc(currentValue)}\"` : ''}\n                    ${searchable ? 'searchable' : ''}\n                    ${wasOpen ? 'open' : ''}\n                    ${!singleProvider ? 'grouped' : ''}\n                >\n                    ${optionsHtml}\n                </aparte-select>\n            `;\n            this._aparteSelect = this.querySelector('aparte-select');\n            this._setupEventListeners();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Event Handling\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _setupEventListeners(): void {\n        this._aparteSelect?.addEventListener('aparte-select-change', this._boundHandleChange);\n        this.addEventListener('aparte-optgroup-toggle', this._handleOptgroupToggle);\n    }\n\n    private _handleChange(e: Event): void {\n        const detail = (e as CustomEvent<AparteSelectChangeDetail>).detail;\n        const previousProviderId = this._currentProviderId;\n        const previousModelId = this._currentModelId;\n\n        // Parse composite value \"providerId::modelId\"\n        const [providerId, modelId] = detail.value.split('::');\n\n        this._currentProviderId = providerId || null;\n        this._currentModelId = modelId || null;\n\n        this._emitChange(previousProviderId, previousModelId);\n    }\n\n    private _emitChange(previousProviderId?: string | null, previousModelId?: string | null): void {\n        const detail: AparteModelChangeEventDetail = {\n            providerId: this._currentProviderId || undefined,\n            modelId: this._currentModelId || '',\n            previousProviderId: previousProviderId || undefined,\n            previousModelId: previousModelId || undefined,\n        };\n\n        this.dispatchEvent(new CustomEvent<AparteModelChangeEventDetail>('aparte-model-change', {\n            bubbles: true,\n            composed: true,\n            detail,\n        }));\n\n        // Persist if enabled\n        if (this.hasAttribute('persist')) {\n            this._persistSelection();\n        }\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────\n    // Persistence (opt-in)\n    // ─────────────────────────────────────────────────────────────────────────\n\n    private _persistSelection(): void {\n        if (!this._currentProviderId || !this._currentModelId) return;\n\n        // Sync with the config — auto-save is handled by its setModelConfig()\n        // if a AparteModelPreferenceProvider has been registered by the host app.\n        const currentConfig = this._cfg.getModelConfig();\n        if (currentConfig.defaultProvider === this._currentProviderId &&\n            currentConfig.defaultModel === this._currentModelId) {\n            return;\n        }\n\n        this._cfg.setModelConfig({\n            defaultProvider: this._currentProviderId,\n            defaultModel: this._currentModelId,\n        });\n    }\n\n    private _loadPersistedSelection(): void {\n        // The resolved config is the single source of truth. The host app is\n        // responsible for restoring preferences into it (via restoreModelPreference())\n        // before this component mounts.\n        const config = this._cfg.getModelConfig();\n        if (config.defaultProvider && config.defaultModel) {\n            this._currentProviderId = config.defaultProvider;\n            this._currentModelId = config.defaultModel;\n        }\n        // else: no-op — the config is empty\n    }\n}\n\n// Register the custom element\nif (!customElements.get('aparte-model-selector')) {\n    customElements.define('aparte-model-selector', AparteModelSelector);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'aparte-model-selector': AparteModelSelector;\n    }\n}\n"],"names":[],"mappings":";AAuCA,SAAS,IAAI,OAAwB;AACjC,SAAO,OAAO,SAAS,EAAE,EACpB,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC/B;AAEO,MAAM,4BAA4B,YAAY;AAAA,EACzC,qBAAoC;AAAA,EACpC,kBAAiC;AAAA,EACjC,kBAAoC,CAAA;AAAA,EACpC,gBAAqC;AAAA,EACrC,aAAa;AAAA,EACb,eAAe;AAAA,EACf,sCAAmC,IAAA;AAAA;AAAA;AAAA,EAInC,OAA0B;AAAA,EAE1B,qBAA0C;AAAA;AAAA,EAG1C,qBAAqB,KAAK,cAAc,KAAK,IAAI;AAAA,EACjD,wBAAwB,CAAC,MAAmB;AAAE,SAAK,KAAK,kBAAkB,CAAC;AAAA,EAAG;AAAA,EAEtF,WAAW,qBAA+B;AACtC,WAAO,CAAC,WAAW,eAAe,cAAc,aAAa;AAAA,EACjE;AAAA,EAEA,MAAM,oBAAmC;AACrC,SAAK,OAAO,cAAc,IAAI;AAG9B,SAAK,aAAa;AAClB,SAAK,kBAAkB,CAAA;AAEvB,SAAK,qBAAA;AAGL,UAAM,SAAS,KAAK,KAAK,eAAA;AACzB,QAAI,OAAO,mBAAmB,OAAO,cAAc;AAC/C,WAAK,qBAAqB,OAAO;AACjC,WAAK,kBAAkB,OAAO;AAAA,IAClC,OAAO;AACH,WAAK,wBAAA;AAAA,IACT;AAEA,UAAM,KAAK,uBAAA;AACX,SAAK,QAAA;AAGL,SAAK,qBAAqB,KAAK,KAAK,UAAU,MAAM;AAChD,YAAM,YAAY;AACd,cAAM,MAAM,KAAK,KAAK,eAAA;AAGtB,YAAI,IAAI,oBAAoB,KAAK,sBAC7B,IAAI,iBAAiB,KAAK,mBAC1B,KAAK,gBAAgB,SAAS,GAAG;AACjC;AAAA,QACJ;AAEA,aAAK,wBAAA;AACL,cAAM,KAAK,uBAAA;AACX,aAAK,QAAA;AAAA,MACT,GAAA;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,uBAA6B;AACzB,SAAK,eAAe,oBAAoB,wBAAwB,KAAK,kBAAkB;AACvF,SAAK,oBAAoB,0BAA0B,KAAK,qBAAqB;AAC7E,SAAK,qBAAA;AAAA,EACT;AAAA,EAEA,2BAAiC;AAC7B,QAAI,KAAK,eAAe,CAAC,KAAK,YAAY;AACtC,WAAK,QAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,aAA4B;AAC5B,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,IAAI,UAAyB;AACzB,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,aAAa,YAAoB,SAAuB;AACpD,SAAK,qBAAqB;AAC1B,SAAK,kBAAkB;AAEvB,UAAM,iBAAiB,GAAG,UAAU,KAAK,OAAO;AAChD,QAAI,KAAK,eAAe;AACpB,WAAK,cAAc,QAAQ;AAAA,IAC/B;AAEA,SAAK,YAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAMA,MAAc,yBAAwC;AAClD,QAAI,KAAK,WAAY;AACrB,SAAK,aAAa;AAElB,QAAI;AACA,YAAM,YAAY,KAAK,KAAK,eAAA;AAG5B,YAAM,kBAAkB,MAAM,KAAK,IAAI,IAAI,UAAU,IAAI,CAAA,MAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ;AAElF,YAAM,SAAS,KAAK,KAAK,eAAA;AAGzB,YAAM,WAA6B,CAAA;AAGnC,YAAM,QAAQ,IAAI,gBAAgB,IAAI,OAAO,aAAa;AACtD,YAAI;AACA,gBAAM,SAAS,MAAM,KAAK,KAAK,sBAAsB,SAAS,EAAE;AAGhE,gBAAM,UAAU,OAAO,eAAe,SAAS,EAAE;AACjD,gBAAM,iBAAiB,SAAS,SAC1B,OAAO,OAAO,CAAA,MAAK,QAAQ,SAAS,EAAE,EAAE,CAAC,IACzC;AAEN,cAAI,eAAe,SAAS,GAAG;AAC3B,qBAAS,KAAK,EAAE,UAAU,QAAQ,gBAAgB;AAAA,UACtD;AAAA,QACJ,SAAS,OAAO;AACZ,kBAAQ,KAAK,mDAAmD,SAAS,EAAE,KAAK,KAAK;AAAA,QACzF;AAAA,MACJ,CAAC,CAAC;AAEF,WAAK,kBAAkB;AAAA,IAC3B,UAAA;AACI,WAAK,aAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EAEA,MAAc,kBAAkB,GAAyB;AACrD,UAAM,SAAU,EAAkB;AAGlC,QAAI,OAAO,WAAW;AAClB,WAAK,gBAAgB,OAAO,OAAO,KAAK;AACxC;AAAA,IACJ;AAEA,SAAK,gBAAgB,IAAI,OAAO,KAAK;AAGrC,UAAM,KAAK,KAAK,gBAAgB,KAAK,CAAA,MAAK,EAAE,SAAS,YAAA,EAAc,SAAS,OAAO,KAAK;AACxF,QAAI,CAAC,MAAM,CAAC,GAAG,SAAS,YAAa;AAGrC,UAAM,UAAU,EAAE;AAClB,QAAI,WAAW,QAAQ,YAAY,mBAAmB;AACjD,cAA2B,UAAU;AAAA,IAC1C;AAEA,QAAI;AAEA,YAAM,cAAc,MAAM,KAAK,KAAK,sBAAsB,GAAG,SAAS,EAAE;AAExE,UAAI,eAAe,YAAY,SAAS,GAAG;AACvC,WAAG,SAAS;AACZ,aAAK,QAAQ,IAAI;AAAA,MACrB;AAAA,IACJ,SAAS,OAAO;AACZ,cAAQ,MAAM,+CAA+C,GAAG,SAAS,EAAE,KAAK,KAAK;AAAA,IACzF,UAAA;AACI,YAAM,KAAK,EAAE;AACb,UAAI,MAAM,GAAG,YAAY,mBAAmB;AACvC,WAAsB,UAAU;AAAA,MACrC;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,QAAQ,WAAW,OAAa;AACpC,QAAI,KAAK,aAAc;AACvB,SAAK,eAAe;AAEpB,QAAI;AACA,WAAK,YAAY,QAAQ;AAAA,IAC7B,UAAA;AACI,WAAK,eAAe;AAAA,IACxB;AAAA,EACJ;AAAA,EAEQ,YAAY,UAAyB;AAEzC,UAAM,oBAAoB,KAAK,KAAK,UAAA,EAAY,0BAA0B,KAAK;AAC/E,UAAM,cAAc,KAAK,aAAa,aAAa,KAAK;AACxD,UAAM,aAAa,KAAK,aAAa,YAAY;AACjD,UAAM,aAAa,KAAK,aAAa,aAAa;AAGlD,UAAM,UAAU,YAAY,KAAK,eAAe,aAAa,MAAM;AAGnE,QAAI,eAAe,KAAK,kBAAkB,GAAG,KAAK,kBAAkB,KAAK,KAAK,eAAe,KAAK;AAElG,QAAI,CAAC,gBAAgB,YAAY;AAC7B,YAAM,QAAQ,KAAK,gBAAgB,CAAC;AACpC,YAAM,aAAa,OAAO,OAAO,CAAC;AAClC,UAAI,SAAS,YAAY;AACrB,aAAK,qBAAqB,MAAM,SAAS;AACzC,aAAK,kBAAkB,WAAW;AAClC,uBAAe,GAAG,KAAK,kBAAkB,KAAK,KAAK,eAAe;AAElE,mBAAW,MAAM,KAAK,YAAA,GAAe,CAAC;AAAA,MAC1C;AAAA,IACJ;AAGA,UAAM,OAAO,KAAK,gBAAgB,CAAC;AACnC,UAAM,iBAAiB,KAAK,gBAAgB,WAAW;AACvD,UAAM,cAAc,kBAAkB,OAChC,KAAK,OAAO,IAAI,CAAA,MAAK;AACnB,YAAM,MAAM,GAAG,KAAK,SAAS,EAAE,KAAK,EAAE,EAAE;AACxC,aAAO,yBAAyB,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,IAAI,CAAC;AAAA,IAC5D,CAAC,EAAE,KAAK,EAAE,IACR,KAAK,gBAAgB,IAAI,CAAA,OAAM;AAC7B,YAAM,QAAQ,GAAG,SAAS,YAAA,EAAc;AACxC,YAAM,cAAc,CAAC,KAAK,gBAAgB,IAAI,KAAK;AACnD,aAAO;AAAA;AAAA,iCAEU,IAAI,KAAK,CAAC;AAAA;AAAA,0BAEjB,cAAc,cAAc,EAAE;AAAA;AAAA,0BAE9B,GAAG,OAAO,IAAI,CAAA,MAAK;AACjB,cAAM,MAAM,GAAG,GAAG,SAAS,EAAE,KAAK,EAAE,EAAE;AACtC,eAAO,yBAAyB,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,IAAI,CAAC;AAAA,MAC5D,CAAC,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA,IAGvB,CAAC,EAAE,KAAK,EAAE;AAEd,QAAI,KAAK,eAAe;AAEpB,WAAK,cAAc,aAAa,eAAe,WAAW;AAC1D,UAAI,aAAc,MAAK,cAAc,aAAa,SAAS,YAAY;AAAA,UAClE,MAAK,cAAc,gBAAgB,OAAO;AAE/C,UAAI,WAAY,MAAK,cAAc,aAAa,cAAc,EAAE;AAAA,UAC3D,MAAK,cAAc,gBAAgB,YAAY;AAEpD,UAAI,QAAS,MAAK,cAAc,aAAa,QAAQ,EAAE;AAAA,UAClD,MAAK,cAAc,gBAAgB,MAAM;AAE9C,UAAI,CAAC,eAAgB,MAAK,cAAc,aAAa,WAAW,EAAE;AAAA,UAC7D,MAAK,cAAc,gBAAgB,SAAS;AAGjD,YAAM,mBAAmB,KAAK,cAAc,cAAc,wBAAwB;AAClF,UAAI,kBAAkB;AAElB,yBAAiB,YAAY;AAI7B,YAAI,cAAc;AACd,eAAK,cAAc,gBAAgB,OAAO;AAC1C,eAAK,cAAc,aAAa,SAAS,YAAY;AAAA,QACzD;AAAA,MACJ,OAAO;AAEH,cAAM,OAAO,SAAS,cAAc,KAAK;AACzC,aAAK,YAAY;AACjB,cAAM,cAAc,MAAM,KAAK,KAAK,QAAQ;AAE5C,cAAM,mBAAmB,MAAM,KAAK,KAAK,cAAc,QAAQ,EAAE;AAAA,UAAO,CAAA,MACpE,EAAE,YAAY,mBAAmB,EAAE,YAAY;AAAA,QAAA;AAEnD,yBAAiB,QAAQ,CAAA,MAAK,EAAE,OAAA,CAAQ;AAExC,oBAAY,QAAQ,CAAA,MAAK,KAAK,eAAe,YAAY,CAAC,CAAC;AAAA,MAC/D;AAIA,UAAI,cAAc;AACd,mBAAW,MAAM;AACb,cAAI,KAAK,eAAe;AACpB,iBAAK,cAAc,QAAQ;AAAA,UAC/B;AAAA,QACJ,GAAG,CAAC;AAAA,MACR;AAAA,IACJ,OAAO;AAEH,WAAK,YAAY;AAAA;AAAA;AAAA,mCAGM,IAAI,WAAW,CAAC;AAAA,sBAC7B,eAAe,UAAU,IAAI,YAAY,CAAC,MAAM,EAAE;AAAA,sBAClD,aAAa,eAAe,EAAE;AAAA,sBAC9B,UAAU,SAAS,EAAE;AAAA,sBACrB,CAAC,iBAAiB,YAAY,EAAE;AAAA;AAAA,sBAEhC,WAAW;AAAA;AAAA;AAGrB,WAAK,gBAAgB,KAAK,cAAc,eAAe;AACvD,WAAK,qBAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,uBAA6B;AACjC,SAAK,eAAe,iBAAiB,wBAAwB,KAAK,kBAAkB;AACpF,SAAK,iBAAiB,0BAA0B,KAAK,qBAAqB;AAAA,EAC9E;AAAA,EAEQ,cAAc,GAAgB;AAClC,UAAM,SAAU,EAA4C;AAC5D,UAAM,qBAAqB,KAAK;AAChC,UAAM,kBAAkB,KAAK;AAG7B,UAAM,CAAC,YAAY,OAAO,IAAI,OAAO,MAAM,MAAM,IAAI;AAErD,SAAK,qBAAqB,cAAc;AACxC,SAAK,kBAAkB,WAAW;AAElC,SAAK,YAAY,oBAAoB,eAAe;AAAA,EACxD;AAAA,EAEQ,YAAY,oBAAoC,iBAAuC;AAC3F,UAAM,SAAuC;AAAA,MACzC,YAAY,KAAK,sBAAsB;AAAA,MACvC,SAAS,KAAK,mBAAmB;AAAA,MACjC,oBAAoB,sBAAsB;AAAA,MAC1C,iBAAiB,mBAAmB;AAAA,IAAA;AAGxC,SAAK,cAAc,IAAI,YAA0C,uBAAuB;AAAA,MACpF,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,IAAA,CACH,CAAC;AAGF,QAAI,KAAK,aAAa,SAAS,GAAG;AAC9B,WAAK,kBAAA;AAAA,IACT;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMQ,oBAA0B;AAC9B,QAAI,CAAC,KAAK,sBAAsB,CAAC,KAAK,gBAAiB;AAIvD,UAAM,gBAAgB,KAAK,KAAK,eAAA;AAChC,QAAI,cAAc,oBAAoB,KAAK,sBACvC,cAAc,iBAAiB,KAAK,iBAAiB;AACrD;AAAA,IACJ;AAEA,SAAK,KAAK,eAAe;AAAA,MACrB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,IAAA,CACtB;AAAA,EACL;AAAA,EAEQ,0BAAgC;AAIpC,UAAM,SAAS,KAAK,KAAK,eAAA;AACzB,QAAI,OAAO,mBAAmB,OAAO,cAAc;AAC/C,WAAK,qBAAqB,OAAO;AACjC,WAAK,kBAAkB,OAAO;AAAA,IAClC;AAAA,EAEJ;AACJ;AAGA,IAAI,CAAC,eAAe,IAAI,uBAAuB,GAAG;AAC9C,iBAAe,OAAO,yBAAyB,mBAAmB;AACtE;"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@aparte/plugin-model-selector",
+  "version": "0.2.0-alpha.0",
+  "description": "Provider + model selector web component (<aparte-model-selector>) for aparté — grouped dropdown, BYOK.",
+  "type": "module",
+  "sideEffects": true,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "@aparte-workspace/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "peerDependencies": {
+    "@aparte/core": "0.2.0-alpha.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "@aparte/core": "0.2.0-alpha.0"
+  },
+  "keywords": [
+    "aparte",
+    "plugin",
+    "model-selector",
+    "web-component",
+    "byok"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/apartejs/aparte.git",
+    "directory": "packages/plugins/model-selector"
+  },
+  "bugs": {
+    "url": "https://github.com/apartejs/aparte/issues"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -b --emitDeclarationOnly --force",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  }
+}