comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/models-C1qcU_j3.js

@@ -0,0 +1,894 @@
+import{s as f,f as b,i as _,n as u,a as g,A as c,b as a,t as y,S as x,I as h,r as l}from"./index-CEcM1R_C.js";import"./ic-tabs-B7QtM_v8.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-tag-CPPUnDLF.js";import"./ic-icon-xeGTVhVG.js";import"./ic-connection-dot-CnT1b8xr.js";import"./ic-search-input-CSOxY9g7.js";var P=Object.defineProperty,w=Object.getOwnPropertyDescriptor,m=(e,t,i,s)=>{for(var r=s>1?void 0:s?w(t,i):t,n=e.length-1,p;n>=0;n--)(p=e[n])&&(r=(s?p(t,i,r):p(r))||r);return s&&r&&P(t,i,r),r};let v=class extends g{constructor(){super(...arguments),this.name="",this.type="",this.baseUrl="",this.enabled=!1,this.testResult=null,this.testing=!1}_onTest(){this.dispatchEvent(new CustomEvent("test-connection"))}_onEdit(){this.dispatchEvent(new CustomEvent("edit-provider"))}_onToggle(e){const t=e.target.checked;this.dispatchEvent(new CustomEvent("toggle-provider",{detail:t}))}_renderTestResult(){if(!this.testResult)return c;const e=this.testResult;return a`
+      <div class="test-result">
+        <div class="test-result-line">
+          <ic-icon
+            name=${e.status==="ok"?"check":"x"}
+            size="12px"
+            color=${e.status==="ok"?"var(--ic-success)":"var(--ic-error)"}
+          ></ic-icon>
+          <span>${e.status==="ok"?"Connection OK":`Status: ${e.status}`}</span>
+        </div>
+        ${e.modelsAvailable!=null?a`<div class="test-result-line">Models available: ${e.modelsAvailable}</div>`:c}
+        ${e.validatedModels!=null?a`<div class="test-result-line">Validated: ${e.validatedModels}</div>`:c}
+      </div>
+    `}render(){return a`
+      <div class="card">
+        <div class="header">
+          <span class="name">${this.name}</span>
+          <ic-tag variant="info">${this.type}</ic-tag>
+        </div>
+        <div class="url-row">${this.baseUrl||"Default"}</div>
+        <div class="status-row">
+          <ic-connection-dot
+            status=${this.enabled?"connected":"disconnected"}
+            size="6px"
+          ></ic-connection-dot>
+          <span>${this.enabled?"Enabled":"Disabled"}</span>
+          <input
+            type="checkbox"
+            .checked=${this.enabled}
+            @change=${this._onToggle}
+            aria-label="Toggle ${this.name}"
+            style="margin-left: auto; accent-color: var(--ic-accent); cursor: pointer;"
+          />
+        </div>
+        ${this._renderTestResult()}
+        <div class="actions">
+          <button
+            class="btn btn-test"
+            @click=${this._onTest}
+            ?disabled=${this.testing}
+            aria-label="Test connection for ${this.name}"
+          >
+            ${this.testing?a`<span class="spinner-inline"></span>`:"Test"}
+          </button>
+          <button
+            class="btn btn-edit"
+            @click=${this._onEdit}
+            aria-label="Edit ${this.name}"
+          >
+            Edit
+          </button>
+        </div>
+      </div>
+    `}};v.styles=[f,b,_`
+      :host {
+        display: block;
+      }
+
+      .card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--ic-space-sm);
+      }
+
+      .name {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+      }
+
+      .url-row {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .status-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+      }
+
+      .test-result {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-muted);
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        padding: var(--ic-space-xs) 0;
+      }
+
+      .test-result-line {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+      }
+
+      .actions {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-xs);
+      }
+
+      .btn {
+        padding: 0.375rem 0.75rem;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-xs);
+        font-family: inherit;
+        cursor: pointer;
+        border: none;
+        white-space: nowrap;
+      }
+
+      .btn-test {
+        background: var(--ic-accent);
+        color: white;
+      }
+
+      .btn-test:hover:not(:disabled) {
+        opacity: 0.9;
+      }
+
+      .btn-test:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .btn-edit {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .btn-edit:hover {
+        background: var(--ic-border);
+      }
+
+      .spinner-inline {
+        display: inline-block;
+        width: 12px;
+        height: 12px;
+        border: 2px solid var(--ic-border);
+        border-top-color: white;
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+      }
+
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .spinner-inline {
+          animation: none;
+          opacity: 0.7;
+        }
+      }
+    `];m([u()],v.prototype,"name",2);m([u()],v.prototype,"type",2);m([u()],v.prototype,"baseUrl",2);m([u({type:Boolean})],v.prototype,"enabled",2);m([u({attribute:!1})],v.prototype,"testResult",2);m([u({type:Boolean})],v.prototype,"testing",2);v=m([y("ic-provider-card")],v);var A=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(e,t,i,s)=>{for(var r=s>1?void 0:s?k(t,i):t,n=e.length-1,p;n>=0;n--)(p=e[n])&&(r=(s?p(t,i,r):p(r))||r);return s&&r&&A(t,i,r),r};const C=[{id:"providers",label:"Providers"},{id:"models",label:"Catalog"},{id:"aliases",label:"Aliases"},{id:"defaults",label:"Defaults"}];let o=class extends g{constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._loadState="loading",this._error="",this._activeTab="providers",this._providers={},this._models=[],this._aliases=[],this._defaultProvider="",this._defaultModel="",this._providerTestResults=new Map,this._testingProviders=new Set,this._editingProvider=null,this._editForm={name:"",type:"",baseUrl:"",apiKeyName:""},this._editingAlias=null,this._aliasForm={alias:"",provider:"",modelId:""},this._modelsSearchQuery="",this._modelsProviderFilter="",this._agents=[],this._rpcStatusUnsub=null}connectedCallback(){super.connectedCallback(),this._initSse()}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._reloadDebounce!==null&&(clearTimeout(this._reloadDebounce),this._reloadDebounce=null)}updated(e){e.has("eventDispatcher")&&this.eventDispatcher&&!this._sse&&this._initSse(),e.has("rpcClient")&&this.rpcClient&&(this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this.rpcClient.status==="connected"?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(t=>{t==="connected"&&(this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._loadData())}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},e)}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new x(this,this.eventDispatcher,{"model:catalog_loaded":()=>{this._scheduleReload()}}))}async _loadData(){if(this.rpcClient){this._loadState="loading",this._error="";try{const e=await this.rpcClient.call("config.read");this._providers=e.config.providers?.entries??{},this._aliases=e.config.models?.aliases??[],this._defaultProvider=e.config.models?.defaultProvider??"",this._defaultModel=e.config.models?.defaultModel??"",this._loadState="loaded",this.rpcClient.call("models.list").then(t=>{t.models&&t.models.length>0?this._models=t.models:t.providers&&t.providers.length>0&&(this._models=t.providers.flatMap(i=>(i.models??[]).map(s=>{const r=typeof s=="object"&&s!==null,n=r?s.modelId:s;return{provider:i.name,modelId:n,displayName:n,contextWindow:r?s.contextWindow:0,maxTokens:r?s.maxTokens:0,input:!0,reasoning:!1,validated:!1}})))}).catch(()=>{}),(async()=>{try{const i=((await this.rpcClient.call("agents.list")).agents??[]).slice(0,20),s=await Promise.allSettled(i.map(r=>this.rpcClient.call("agents.get",{agentId:r})));this._agents=s.filter(r=>r.status==="fulfilled"&&r.value.agentId!=null).map(r=>({id:r.value.agentId,provider:r.value.config.provider??"",model:r.value.config.model??""}))}catch{this._agents=[]}})()}catch(e){this._error=e instanceof Error?e.message:"Failed to load model configuration",this._loadState="error"}}}async _patchConfig(e,t){if(!this.rpcClient)return!1;try{const i=e.indexOf("."),s=i>0?e.slice(0,i):e,r=i>0?e.slice(i+1):void 0;return await this.rpcClient.call("config.patch",{section:s,key:r,value:t}),h.show("Configuration updated","success"),!0}catch(i){const s=i instanceof Error?i.message:"Failed to update configuration";return h.show(s,"error"),!1}}async _testProvider(e){if(!this.rpcClient)return;const t=new Set(this._testingProviders);t.add(e),this._testingProviders=t;try{const i=await this.rpcClient.call("models.test",{provider:e}),s=new Map(this._providerTestResults);s.set(e,i),this._providerTestResults=s,h.show(`Provider "${e}" test: ${i.status}`,i.status==="ok"?"success":"warning")}catch(i){const s=i instanceof Error?i.message:"Test failed",r=new Map(this._providerTestResults);r.set(e,{status:"error"}),this._providerTestResults=r,h.show(`Provider "${e}" test failed: ${s}`,"error")}finally{const i=new Set(this._testingProviders);i.delete(e),this._testingProviders=i}}async _toggleProvider(e,t){await this._patchConfig(`providers.entries.${e}.enabled`,t)&&(this._providers={...this._providers,[e]:{...this._providers[e],enabled:t}})}_startEditProvider(e){const t=this._providers[e];this._editingProvider=e,this._editForm={name:e,type:t?.type??"",baseUrl:t?.baseUrl??"",apiKeyName:t?.apiKeyName??""}}_startAddProvider(){this._editingProvider="",this._editForm={name:"",type:"",baseUrl:"",apiKeyName:""}}_cancelEditProvider(){this._editingProvider=null}async _saveProvider(){const{name:e,type:t,baseUrl:i,apiKeyName:s}=this._editForm;if(!e.trim()||!t.trim())return;const r={type:t.trim(),name:e.trim(),baseUrl:i.trim(),apiKeyName:s.trim(),enabled:this._providers[e]?.enabled??!0,timeoutMs:this._providers[e]?.timeoutMs??12e4,maxRetries:this._providers[e]?.maxRetries??2};await this._patchConfig(`providers.entries.${e.trim()}`,r)&&(this._providers={...this._providers,[e.trim()]:r},this._editingProvider=null)}async _deleteProvider(){if(!this._editingProvider)return;const e=this._editingProvider,t={...this._providers};delete t[e],await this._patchConfig("providers.entries",t)&&(this._providers=t,this._editingProvider=null)}_renderProviderEditor(){if(this._editingProvider===null)return c;const e=this._editingProvider==="";return a`
+      <div class="editor-form">
+        <div class="editor-title">${e?"Add Provider":`Edit: ${this._editingProvider}`}</div>
+        <div class="form-field">
+          <label class="form-label">Provider Name</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._editForm.name}
+            ?disabled=${!e}
+            @input=${t=>{this._editForm={...this._editForm,name:t.target.value}}}
+            placeholder="e.g., anthropic"
+          />
+        </div>
+        <div class="form-field">
+          <label class="form-label">Type</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._editForm.type}
+            @input=${t=>{this._editForm={...this._editForm,type:t.target.value}}}
+            placeholder="anthropic, openai, ollama, etc."
+          />
+        </div>
+        <div class="form-field">
+          <label class="form-label">Base URL (optional)</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._editForm.baseUrl}
+            @input=${t=>{this._editForm={...this._editForm,baseUrl:t.target.value}}}
+            placeholder="Leave empty for default"
+          />
+        </div>
+        <div class="form-field">
+          <label class="form-label">API Key Name (SecretManager ref)</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._editForm.apiKeyName}
+            @input=${t=>{this._editForm={...this._editForm,apiKeyName:t.target.value}}}
+            placeholder="e.g., ANTHROPIC_API_KEY"
+          />
+        </div>
+        <div class="form-actions">
+          <button class="btn btn-primary" @click=${()=>this._saveProvider()}>Save</button>
+          ${e?c:a`<button class="btn btn-danger" @click=${()=>this._deleteProvider()}>Delete</button>`}
+          <button class="btn btn-secondary" @click=${()=>this._cancelEditProvider()}>Cancel</button>
+        </div>
+      </div>
+    `}_renderProvidersTab(){const e=Object.entries(this._providers);return e.length===0&&this._editingProvider===null?a`
+        <ic-empty-state
+          icon="models"
+          message="No providers configured"
+          description="Add a provider to connect to LLM services."
+        ></ic-empty-state>
+        <button class="btn-add" @click=${()=>this._startAddProvider()}>Add Provider</button>
+      `:a`
+      <div class="provider-grid">
+        ${e.map(([t,i])=>a`
+            <ic-provider-card
+              .name=${t}
+              .type=${i.type}
+              .baseUrl=${i.baseUrl}
+              .enabled=${i.enabled}
+              .testResult=${this._providerTestResults.get(t)??null}
+              .testing=${this._testingProviders.has(t)}
+              @test-connection=${()=>this._testProvider(t)}
+              @edit-provider=${()=>this._startEditProvider(t)}
+              @toggle-provider=${s=>this._toggleProvider(t,s.detail)}
+            ></ic-provider-card>
+          `)}
+      </div>
+      ${this._renderProviderEditor()}
+      ${this._editingProvider===null?a`<button class="btn-add" @click=${()=>this._startAddProvider()}>Add Provider</button>`:c}
+    `}_renderProviderFilterSelect(){const e=this._getProviderNames();return a`
+      <select
+        class="filter-select"
+        .value=${this._modelsProviderFilter}
+        @change=${t=>{this._modelsProviderFilter=t.target.value}}
+      >
+        <option value="">All providers</option>
+        ${e.map(t=>a`<option value=${t} ?selected=${t===this._modelsProviderFilter}>${t}</option>`)}
+      </select>
+    `}_renderModelsTab(){if(this._models.length===0)return a`
+        <ic-empty-state
+          icon="models"
+          message="No models discovered"
+          description="Configure providers and run a scan to discover available models."
+        ></ic-empty-state>
+      `;let e=[...this._models];if(this._modelsProviderFilter&&(e=e.filter(i=>i.provider===this._modelsProviderFilter)),this._modelsSearchQuery){const i=this._modelsSearchQuery.toLowerCase();e=e.filter(s=>s.modelId.toLowerCase().includes(i)||s.displayName.toLowerCase().includes(i)||s.provider.toLowerCase().includes(i))}const t=e.sort((i,s)=>{const r=i.provider.localeCompare(s.provider);return r!==0?r:i.modelId.localeCompare(s.modelId)});return a`
+      <div class="filter-bar">
+        <ic-search-input
+          placeholder="Search models..."
+          .value=${this._modelsSearchQuery}
+          @search=${i=>{this._modelsSearchQuery=i.detail}}
+        ></ic-search-input>
+        ${this._renderProviderFilterSelect()}
+        <span class="filter-count">${e.length} of ${this._models.length} models</span>
+      </div>
+      ${t.length===0?a`<ic-empty-state icon="models" message="No models match your filter" description="Try adjusting your search or provider filter."></ic-empty-state>`:a`
+          <table class="models-table">
+            <thead>
+              <tr>
+                <th>Model ID</th>
+                <th>Provider</th>
+                <th>Context Window</th>
+                <th>Max Tokens</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              ${t.map(i=>a`
+                  <tr>
+                    <td class="mono">${i.modelId}</td>
+                    <td><ic-tag variant="info">${i.provider}</ic-tag></td>
+                    <td>${i.contextWindow.toLocaleString()}</td>
+                    <td>${i.maxTokens.toLocaleString()}</td>
+                    <td>
+                      ${i.validated?a`<ic-icon name="check" size="16px" class="validated-icon" label="Validated"></ic-icon>`:c}
+                    </td>
+                  </tr>
+                `)}
+            </tbody>
+          </table>
+        `}
+    `}_startEditAlias(e){const t=this._aliases[e];this._editingAlias=e,this._aliasForm={alias:t.alias,provider:t.provider,modelId:t.modelId}}_startAddAlias(){this._editingAlias=-1,this._aliasForm={alias:"",provider:"",modelId:""}}_cancelEditAlias(){this._editingAlias=null,this._aliasForm={alias:"",provider:"",modelId:""}}async _saveAlias(){const{alias:e,provider:t,modelId:i}=this._aliasForm;if(!e.trim()||!t.trim()||!i.trim())return;const s={alias:e.trim(),provider:t.trim(),modelId:i.trim()};let r;if(this._editingAlias===-1)r=[...this._aliases,s];else if(this._editingAlias!==null)r=this._aliases.map((p,$)=>$===this._editingAlias?s:p);else return;await this._patchConfig("models.aliases",r)&&(this._aliases=r,this._editingAlias=null,this._aliasForm={alias:"",provider:"",modelId:""})}async _deleteAlias(e){const t=this._aliases.filter((s,r)=>r!==e);await this._patchConfig("models.aliases",t)&&(this._aliases=t,h.show("Alias removed","success"))}_renderAliasForm(){return this._editingAlias===null?c:a`
+      <div class="alias-form">
+        <div class="form-field">
+          <label class="form-label">Alias</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._aliasForm.alias}
+            @input=${e=>{this._aliasForm={...this._aliasForm,alias:e.target.value}}}
+            placeholder="e.g., claude"
+          />
+        </div>
+        <div class="form-field">
+          <label class="form-label">Provider</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._aliasForm.provider}
+            @input=${e=>{this._aliasForm={...this._aliasForm,provider:e.target.value}}}
+            placeholder="e.g., anthropic"
+          />
+        </div>
+        <div class="form-field">
+          <label class="form-label">Model ID</label>
+          <input
+            class="form-input"
+            type="text"
+            .value=${this._aliasForm.modelId}
+            @input=${e=>{this._aliasForm={...this._aliasForm,modelId:e.target.value}}}
+            placeholder="e.g., claude-sonnet-4-5-20250929"
+          />
+        </div>
+        <div class="form-actions">
+          <button class="btn btn-primary" @click=${()=>this._saveAlias()}>
+            ${this._editingAlias===-1?"Add Alias":"Save"}
+          </button>
+          <button class="btn btn-secondary" @click=${()=>this._cancelEditAlias()}>Cancel</button>
+        </div>
+      </div>
+    `}_renderAliasesTab(){return this._aliases.length===0&&this._editingAlias===null?a`
+        <ic-empty-state
+          icon="models"
+          message="No aliases configured"
+          description="Create aliases to reference models by short names."
+        ></ic-empty-state>
+        <button class="btn-add" @click=${()=>this._startAddAlias()}>Add Alias</button>
+      `:a`
+      ${this._aliases.length>0?a`
+            <table class="alias-table">
+              <thead>
+                <tr>
+                  <th>Alias</th>
+                  <th>Provider</th>
+                  <th>Model ID</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                ${this._aliases.map((e,t)=>a`
+                    <tr>
+                      <td class="mono">${e.alias}</td>
+                      <td><ic-tag variant="info">${e.provider}</ic-tag></td>
+                      <td class="mono">${e.modelId}</td>
+                      <td>
+                        <div class="alias-actions">
+                          <button
+                            class="btn btn-secondary"
+                            @click=${()=>this._startEditAlias(t)}
+                            aria-label="Edit alias ${e.alias}"
+                          >Edit</button>
+                          <button
+                            class="btn btn-danger"
+                            @click=${()=>this._deleteAlias(t)}
+                            aria-label="Delete alias ${e.alias}"
+                          >Delete</button>
+                        </div>
+                      </td>
+                    </tr>
+                  `)}
+              </tbody>
+            </table>
+          `:c}
+      ${this._renderAliasForm()}
+      ${this._editingAlias===null?a`<button class="btn-add" @click=${()=>this._startAddAlias()}>Add Alias</button>`:c}
+    `}async _patchModelDefaults(e,t){const i=await this._patchConfig("models",{defaultProvider:e,defaultModel:t,aliases:this._aliases});return i&&(this._defaultProvider=e,this._defaultModel=t),i}async _updateDefaultProvider(e){const t=e!==this._defaultProvider?"":this._defaultModel;await this._patchModelDefaults(e,t)}async _updateDefaultModel(e){let t=this._defaultProvider;if(e){const i=this._models.find(s=>s.modelId===e);i&&i.provider!==t&&(t=i.provider)}await this._patchModelDefaults(t,e)}_getProviderNames(){const e=Object.keys(this._providers),t=[...new Set(this._models.map(i=>i.provider))];return[...new Set([...e,...t])].sort()}_renderDefaultProviderOptions(){const e=this._getProviderNames();return a`
+      <option value="">-- Select provider --</option>
+      ${e.map(t=>a`<option value=${t} ?selected=${t===this._defaultProvider}>${t}</option>`)}
+    `}_renderDefaultModelOptions(){const t=[...this._defaultProvider?this._models.filter(i=>i.provider===this._defaultProvider):this._models].sort((i,s)=>i.modelId.localeCompare(s.modelId));return this._defaultProvider?a`
+        <option value="">-- Select model --</option>
+        ${t.map(i=>a`<option value=${i.modelId} ?selected=${i.modelId===this._defaultModel}>${i.modelId}</option>`)}
+      `:a`
+      <option value="">-- Select model --</option>
+      ${t.map(i=>a`<option value=${i.modelId} ?selected=${i.modelId===this._defaultModel}>${i.provider}/${i.modelId}</option>`)}
+    `}async _updateAgentOverride(e,t,i){if(this.rpcClient)try{await this.rpcClient.call("agents.update",{agentId:e,config:{provider:t||void 0,model:i||void 0}}),this._agents=this._agents.map(s=>s.id===e?{...s,provider:t,model:i}:s),h.show("Agent model override updated","success")}catch(s){const r=s instanceof Error?s.message:"Failed to update agent override";h.show(r,"error")}}_renderAgentOverrideProviderOptions(e){const t=this._getProviderNames();return a`
+      <option value="">-- Inherit default --</option>
+      ${t.map(i=>a`<option value=${i} ?selected=${i===e.provider}>${i}</option>`)}
+    `}_renderAgentOverrideModelOptions(e){const i=[...e.provider?this._models.filter(r=>r.provider===e.provider):this._models].sort((r,n)=>r.modelId.localeCompare(n.modelId)),s=!e.model;return e.provider?a`
+        <option value="" ?selected=${s}>-- Select model --</option>
+        ${i.map(r=>a`<option value=${r.modelId} ?selected=${r.modelId===e.model}>${r.modelId}</option>`)}
+      `:a`
+      <option value="" ?selected=${s}>-- Inherit default --</option>
+      ${i.map(r=>a`<option value=${r.modelId} ?selected=${r.modelId===e.model}>${r.provider}/${r.modelId}</option>`)}
+    `}_renderPerAgentOverrides(){return this._agents.length===0?a`
+        <ic-empty-state
+          icon="models"
+          message="No agents configured"
+          description="Configure agents to set per-agent model overrides."
+        ></ic-empty-state>
+      `:a`
+      <table class="overrides-table">
+        <thead>
+          <tr>
+            <th>Agent</th>
+            <th>Provider</th>
+            <th>Model</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this._agents.map(e=>a`
+              <tr>
+                <td class="mono">${e.id}</td>
+                <td>
+                  <select
+                    class="override-select"
+                    .value=${e.provider}
+                    @change=${t=>{const i=t.target.value;this._updateAgentOverride(e.id,i,"")}}
+                  >
+                    ${this._renderAgentOverrideProviderOptions(e)}
+                  </select>
+                </td>
+                <td>
+                  <select
+                    class="override-select"
+                    .value=${e.model}
+                    @change=${t=>{const i=t.target.value;this._updateAgentOverride(e.id,e.provider,i)}}
+                  >
+                    ${this._renderAgentOverrideModelOptions(e)}
+                  </select>
+                </td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `}_renderDefaultsTab(){return a`
+      <div class="defaults-section">
+        <div class="form-field">
+          <label class="form-label">Default Provider</label>
+          <select
+            class="defaults-select"
+            .value=${this._defaultProvider}
+            @change=${e=>{this._updateDefaultProvider(e.target.value)}}
+          >
+            ${this._renderDefaultProviderOptions()}
+          </select>
+        </div>
+
+        <div class="form-field">
+          <label class="form-label">Default Model</label>
+          <select
+            class="defaults-select"
+            .value=${this._defaultModel}
+            @change=${e=>{this._updateDefaultModel(e.target.value)}}
+          >
+            ${this._renderDefaultModelOptions()}
+          </select>
+        </div>
+
+        <div class="defaults-summary">
+          Current default:
+          <ic-tag variant="accent">${this._defaultProvider||"none"}</ic-tag>
+          /
+          <ic-tag variant="info">${this._defaultModel||"none"}</ic-tag>
+        </div>
+
+        <div class="defaults-resolved">
+          ${this._defaultProvider&&this._defaultModel?a`<span>Resolved: <code class="mono">${this._defaultProvider}/${this._defaultModel}</code></span>`:a`<span style="color: var(--ic-warning)">Select both a provider and model to set defaults</span>`}
+        </div>
+
+        <hr class="overrides-divider" />
+        <div class="overrides-heading">Per-Agent Overrides</div>
+        ${this._renderPerAgentOverrides()}
+      </div>
+    `}_renderTabContent(){switch(this._activeTab){case"providers":return this._renderProvidersTab();case"models":return this._renderModelsTab();case"aliases":return this._renderAliasesTab();case"defaults":return this._renderDefaultsTab();default:return c}}render(){return this._loadState==="loading"?a`<ic-skeleton-view variant="list"></ic-skeleton-view>`:this._loadState==="error"?a`
+        <div class="error-container">
+          <span class="error-message">${this._error}</span>
+          <button class="retry-btn" @click=${()=>this._loadData()}>Retry</button>
+        </div>
+      `:a`
+      <div class="view-header">
+        <div class="view-title">Models & Providers</div>
+      </div>
+      <ic-tabs
+        .tabs=${C}
+        .activeTab=${this._activeTab}
+        @tab-change=${e=>{this._activeTab=e.detail}}
+      ></ic-tabs>
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderTabContent()}
+      </div>
+    `}};o.styles=[f,b,_`
+      :host {
+        display: block;
+      }
+
+      .view-header {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .view-title {
+        font-size: 1.125rem;
+        font-weight: 600;
+      }
+
+      /* Loading & error states */
+      .state-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 3rem;
+      }
+
+      .error-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.75rem;
+        padding: 3rem;
+      }
+
+      .error-message {
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+      }
+
+      .retry-btn {
+        padding: 0.5rem 1rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        font-family: inherit;
+      }
+
+      .retry-btn:hover {
+        background: var(--ic-border);
+      }
+
+      /* Provider grid */
+      .provider-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+        gap: var(--ic-space-md);
+      }
+
+      /* Provider editor form */
+      .editor-form {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+        max-width: 32rem;
+        margin-top: var(--ic-space-lg);
+      }
+
+      .editor-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+      }
+
+      .form-field {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      .form-label {
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+      }
+
+      .form-input {
+        padding: 0.5rem 0.75rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .form-input:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .form-input:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+
+      .form-actions {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-xs);
+      }
+
+      .btn {
+        padding: 0.375rem 0.75rem;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-xs);
+        font-family: inherit;
+        cursor: pointer;
+        border: none;
+        white-space: nowrap;
+      }
+
+      .btn-primary {
+        background: var(--ic-accent);
+        color: white;
+      }
+
+      .btn-primary:hover {
+        opacity: 0.9;
+      }
+
+      .btn-secondary {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .btn-secondary:hover {
+        background: var(--ic-border);
+      }
+
+      .btn-danger {
+        background: var(--ic-error);
+        color: white;
+      }
+
+      .btn-danger:hover {
+        opacity: 0.9;
+      }
+
+      .btn-add {
+        padding: 0.5rem 1rem;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        margin-top: var(--ic-space-md);
+      }
+
+      .btn-add:hover {
+        opacity: 0.9;
+      }
+
+      /* Models table */
+      .models-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: var(--ic-text-sm);
+      }
+
+      .models-table th {
+        text-align: left;
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-text-muted);
+        font-weight: 600;
+        font-size: var(--ic-text-xs);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .models-table td {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .models-table tr:nth-child(even) {
+        background: var(--ic-surface);
+      }
+
+      .models-table tr:nth-child(odd) {
+        background: var(--ic-surface-2);
+      }
+
+      .validated-icon {
+        color: var(--ic-success);
+      }
+
+      /* Aliases table */
+      .alias-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: var(--ic-text-sm);
+      }
+
+      .alias-table th {
+        text-align: left;
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-text-muted);
+        font-weight: 600;
+        font-size: var(--ic-text-xs);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .alias-table td {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .alias-table tr:nth-child(even) {
+        background: var(--ic-surface);
+      }
+
+      .alias-table tr:nth-child(odd) {
+        background: var(--ic-surface-2);
+      }
+
+      .alias-actions {
+        display: flex;
+        gap: var(--ic-space-xs);
+      }
+
+      .alias-form {
+        display: flex;
+        gap: var(--ic-space-sm);
+        align-items: flex-end;
+        flex-wrap: wrap;
+        margin-top: var(--ic-space-md);
+      }
+
+      .alias-form .form-field {
+        flex: 1;
+        min-width: 8rem;
+      }
+
+      /* Defaults section */
+      .defaults-section {
+        max-width: 48rem;
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-lg);
+      }
+
+      .defaults-select {
+        padding: 0.5rem 0.75rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+        max-width: 20rem;
+      }
+
+      .defaults-select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .defaults-summary {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+      }
+
+      .mono {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+      }
+
+      /* Filter bar for Available Models tab */
+      .filter-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        margin-bottom: var(--ic-space-md);
+        flex-wrap: wrap;
+      }
+
+      .filter-bar ic-search-input {
+        flex: 1;
+        min-width: 12rem;
+      }
+
+      .filter-select {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+        min-width: 8rem;
+      }
+
+      .filter-select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .filter-count {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-muted);
+        white-space: nowrap;
+      }
+
+      /* Defaults resolved indicator */
+      .defaults-resolved {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        padding: var(--ic-space-sm) 0;
+      }
+
+      .defaults-resolved code {
+        color: var(--ic-accent);
+      }
+
+      /* Per-agent overrides */
+      .overrides-divider {
+        border: none;
+        border-top: 1px solid var(--ic-border);
+        margin: var(--ic-space-lg) 0;
+      }
+
+      .overrides-heading {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .overrides-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: var(--ic-text-sm);
+      }
+
+      .overrides-table th {
+        text-align: left;
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-text-muted);
+        font-weight: 600;
+        font-size: var(--ic-text-xs);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .overrides-table td {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .overrides-table tr:nth-child(even) {
+        background: var(--ic-surface);
+      }
+
+      .overrides-table tr:nth-child(odd) {
+        background: var(--ic-surface-2);
+      }
+
+      .override-select {
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-xs);
+        max-width: 14rem;
+      }
+
+      .override-select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+    `];d([u({attribute:!1})],o.prototype,"apiClient",2);d([u({attribute:!1})],o.prototype,"rpcClient",2);d([u({attribute:!1})],o.prototype,"eventDispatcher",2);d([l()],o.prototype,"_loadState",2);d([l()],o.prototype,"_error",2);d([l()],o.prototype,"_activeTab",2);d([l()],o.prototype,"_providers",2);d([l()],o.prototype,"_models",2);d([l()],o.prototype,"_aliases",2);d([l()],o.prototype,"_defaultProvider",2);d([l()],o.prototype,"_defaultModel",2);d([l()],o.prototype,"_providerTestResults",2);d([l()],o.prototype,"_testingProviders",2);d([l()],o.prototype,"_editingProvider",2);d([l()],o.prototype,"_editForm",2);d([l()],o.prototype,"_editingAlias",2);d([l()],o.prototype,"_aliasForm",2);d([l()],o.prototype,"_modelsSearchQuery",2);d([l()],o.prototype,"_modelsProviderFilter",2);d([l()],o.prototype,"_agents",2);o=d([y("ic-models-view")],o);export{o as IcModelsView};