comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/{models-C1qcU_j3.js → models-DLYnEU8E.js}

@@ -1,57 +1,4 @@
-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,_`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u,i as d}from"./index-BBkuC-EU.js";import"./ic-tag-CvMVQFRR.js";import"./ic-search-input-B02AGw1i.js";import"./ic-icon-BGNCCPpZ.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-tabs-yBjkWKJH.js";import"./ic-connection-dot-C4nDHgY2.js";var f=class extends r{constructor(...e){super(...e),this.name=``,this.type=``,this.baseUrl=``,this.enabled=!1,this.testResult=null,this.testing=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -173,332 +120,60 @@ 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 a
           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>
+    `]}_onTest(){this.dispatchEvent(new CustomEvent(`test-connection`))}_onEdit(){this.dispatchEvent(new CustomEvent(`edit-provider`))}_onToggle(e){let t=e.target.checked;this.dispatchEvent(new CustomEvent(`toggle-provider`,{detail:t}))}_renderTestResult(){if(!this.testResult)return l;let e=this.testResult;return t`
+      <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?l:t`<div class="test-result-line">Models available: ${e.modelsAvailable}</div>`}
+        ${e.validatedModels==null?l:t`<div class="test-result-line">Validated: ${e.validatedModels}</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"
-          />
+    `}render(){return t`
+      <div class="card">
+        <div class="header">
+          <span class="name">${this.name}</span>
+          <ic-tag variant="info">${this.type}</ic-tag>
         </div>
-        <div class="form-field">
-          <label class="form-label">Model ID</label>
+        <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
-            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"
+            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>
-        <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._renderTestResult()}
+        <div class="actions">
+          <button
+            class="btn btn-test"
+            @click=${this._onTest}
+            ?disabled=${this.testing}
+            aria-label="Test connection for ${this.name}"
           >
-            ${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.testing?t`<span class="spinner-inline"></span>`:`Test`}
+          </button>
+          <button
+            class="btn btn-edit"
+            @click=${this._onEdit}
+            aria-label="Edit ${this.name}"
           >
-            ${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>
+            Edit
+          </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,_`
+    `}};c([s()],f.prototype,`name`,void 0),c([s()],f.prototype,`type`,void 0),c([s()],f.prototype,`baseUrl`,void 0),c([s({type:Boolean})],f.prototype,`enabled`,void 0),c([s({attribute:!1})],f.prototype,`testResult`,void 0),c([s({type:Boolean})],f.prototype,`testing`,void 0),f=c([e(`ic-provider-card`)],f);var p=[{id:`providers`,label:`Providers`},{id:`models`,label:`Catalog`},{id:`aliases`,label:`Aliases`},{id:`defaults`,label:`Defaults`}],m=class extends r{constructor(...e){super(...e),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}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -891,4 +566,329 @@ 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 a
         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};
+    `]}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(e=>{e===`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 d(this,this.eventDispatcher,{"model:catalog_loaded":()=>{this._scheduleReload()}}))}async _loadData(){if(this.rpcClient){this._loadState=`loading`,this._error=``;try{let 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(e=>{e.models&&e.models.length>0?this._models=e.models:e.providers&&e.providers.length>0&&(this._models=e.providers.flatMap(e=>(e.models??[]).map(t=>{let n=typeof t==`object`&&!!t,r=n?t.modelId:t;return{provider:e.name,modelId:r,displayName:r,contextWindow:n?t.contextWindow:0,maxTokens:n?t.maxTokens:0,input:!0,reasoning:!1,validated:!1}})))}).catch(()=>{}),(async()=>{try{let e=((await this.rpcClient.call(`agents.list`)).agents??[]).slice(0,20),t=await Promise.allSettled(e.map(e=>this.rpcClient.call(`agents.get`,{agentId:e})));this._agents=t.filter(e=>e.status===`fulfilled`&&e.value.agentId!=null).map(e=>({id:e.value.agentId,provider:e.value.config.provider??``,model:e.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{let n=e.indexOf(`.`),r=n>0?e.slice(0,n):e,i=n>0?e.slice(n+1):void 0;return await this.rpcClient.call(`config.patch`,{section:r,key:i,value:t}),u.show(`Configuration updated`,`success`),!0}catch(e){let t=e instanceof Error?e.message:`Failed to update configuration`;return u.show(t,`error`),!1}}async _testProvider(e){if(!this.rpcClient)return;let t=new Set(this._testingProviders);t.add(e),this._testingProviders=t;try{let t=await this.rpcClient.call(`models.test`,{provider:e}),n=new Map(this._providerTestResults);n.set(e,t),this._providerTestResults=n,u.show(`Provider "${e}" test: ${t.status}`,t.status===`ok`?`success`:`warning`)}catch(t){let n=t instanceof Error?t.message:`Test failed`,r=new Map(this._providerTestResults);r.set(e,{status:`error`}),this._providerTestResults=r,u.show(`Provider "${e}" test failed: ${n}`,`error`)}finally{let t=new Set(this._testingProviders);t.delete(e),this._testingProviders=t}}async _toggleProvider(e,t){await this._patchConfig(`providers.entries.${e}.enabled`,t)&&(this._providers={...this._providers,[e]:{...this._providers[e],enabled:t}})}_startEditProvider(e){let 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(){let{name:e,type:t,baseUrl:n,apiKeyName:r}=this._editForm;if(!e.trim()||!t.trim())return;let i={type:t.trim(),name:e.trim(),baseUrl:n.trim(),apiKeyName:r.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()}`,i)&&(this._providers={...this._providers,[e.trim()]:i},this._editingProvider=null)}async _deleteProvider(){if(!this._editingProvider)return;let 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 l;let e=this._editingProvider===``;return t`
+      <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=${e=>{this._editForm={...this._editForm,name:e.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=${e=>{this._editForm={...this._editForm,type:e.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=${e=>{this._editForm={...this._editForm,baseUrl:e.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=${e=>{this._editForm={...this._editForm,apiKeyName:e.target.value}}}
+            placeholder="e.g., ANTHROPIC_API_KEY"
+          />
+        </div>
+        <div class="form-actions">
+          <button class="btn btn-primary" @click=${()=>this._saveProvider()}>Save</button>
+          ${e?l:t`<button class="btn btn-danger" @click=${()=>this._deleteProvider()}>Delete</button>`}
+          <button class="btn btn-secondary" @click=${()=>this._cancelEditProvider()}>Cancel</button>
+        </div>
+      </div>
+    `}_renderProvidersTab(){let e=Object.entries(this._providers);return e.length===0&&this._editingProvider===null?t`
+        <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>
+      `:t`
+      <div class="provider-grid">
+        ${e.map(([e,n])=>t`
+            <ic-provider-card
+              .name=${e}
+              .type=${n.type}
+              .baseUrl=${n.baseUrl}
+              .enabled=${n.enabled}
+              .testResult=${this._providerTestResults.get(e)??null}
+              .testing=${this._testingProviders.has(e)}
+              @test-connection=${()=>this._testProvider(e)}
+              @edit-provider=${()=>this._startEditProvider(e)}
+              @toggle-provider=${t=>this._toggleProvider(e,t.detail)}
+            ></ic-provider-card>
+          `)}
+      </div>
+      ${this._renderProviderEditor()}
+      ${this._editingProvider===null?t`<button class="btn-add" @click=${()=>this._startAddProvider()}>Add Provider</button>`:l}
+    `}_renderProviderFilterSelect(){let e=this._getProviderNames();return t`
+      <select
+        class="filter-select"
+        .value=${this._modelsProviderFilter}
+        @change=${e=>{this._modelsProviderFilter=e.target.value}}
+      >
+        <option value="">All providers</option>
+        ${e.map(e=>t`<option value=${e} ?selected=${e===this._modelsProviderFilter}>${e}</option>`)}
+      </select>
+    `}_renderModelsTab(){if(this._models.length===0)return t`
+        <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(e=>e.provider===this._modelsProviderFilter)),this._modelsSearchQuery){let t=this._modelsSearchQuery.toLowerCase();e=e.filter(e=>e.modelId.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.provider.toLowerCase().includes(t))}let n=e.sort((e,t)=>{let n=e.provider.localeCompare(t.provider);return n===0?e.modelId.localeCompare(t.modelId):n});return t`
+      <div class="filter-bar">
+        <ic-search-input
+          placeholder="Search models..."
+          .value=${this._modelsSearchQuery}
+          @search=${e=>{this._modelsSearchQuery=e.detail}}
+        ></ic-search-input>
+        ${this._renderProviderFilterSelect()}
+        <span class="filter-count">${e.length} of ${this._models.length} models</span>
+      </div>
+      ${n.length===0?t`<ic-empty-state icon="models" message="No models match your filter" description="Try adjusting your search or provider filter."></ic-empty-state>`:t`
+          <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>
+              ${n.map(e=>t`
+                  <tr>
+                    <td class="mono">${e.modelId}</td>
+                    <td><ic-tag variant="info">${e.provider}</ic-tag></td>
+                    <td>${e.contextWindow.toLocaleString()}</td>
+                    <td>${e.maxTokens.toLocaleString()}</td>
+                    <td>
+                      ${e.validated?t`<ic-icon name="check" size="16px" class="validated-icon" label="Validated"></ic-icon>`:l}
+                    </td>
+                  </tr>
+                `)}
+            </tbody>
+          </table>
+        `}
+    `}_startEditAlias(e){let 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(){let{alias:e,provider:t,modelId:n}=this._aliasForm;if(!e.trim()||!t.trim()||!n.trim())return;let r={alias:e.trim(),provider:t.trim(),modelId:n.trim()},i;if(this._editingAlias===-1)i=[...this._aliases,r];else if(this._editingAlias!==null)i=this._aliases.map((e,t)=>t===this._editingAlias?r:e);else return;await this._patchConfig(`models.aliases`,i)&&(this._aliases=i,this._editingAlias=null,this._aliasForm={alias:``,provider:``,modelId:``})}async _deleteAlias(e){let t=this._aliases.filter((t,n)=>n!==e);await this._patchConfig(`models.aliases`,t)&&(this._aliases=t,u.show(`Alias removed`,`success`))}_renderAliasForm(){return this._editingAlias===null?l:t`
+      <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?t`
+        <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>
+      `:t`
+      ${this._aliases.length>0?t`
+            <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,n)=>t`
+                    <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(n)}
+                            aria-label="Edit alias ${e.alias}"
+                          >Edit</button>
+                          <button
+                            class="btn btn-danger"
+                            @click=${()=>this._deleteAlias(n)}
+                            aria-label="Delete alias ${e.alias}"
+                          >Delete</button>
+                        </div>
+                      </td>
+                    </tr>
+                  `)}
+              </tbody>
+            </table>
+          `:l}
+      ${this._renderAliasForm()}
+      ${this._editingAlias===null?t`<button class="btn-add" @click=${()=>this._startAddAlias()}>Add Alias</button>`:l}
+    `}async _patchModelDefaults(e,t){let n=await this._patchConfig(`models`,{defaultProvider:e,defaultModel:t,aliases:this._aliases});return n&&(this._defaultProvider=e,this._defaultModel=t),n}async _updateDefaultProvider(e){let t=e===this._defaultProvider?this._defaultModel:``;await this._patchModelDefaults(e,t)}async _updateDefaultModel(e){let t=this._defaultProvider;if(e){let n=this._models.find(t=>t.modelId===e);n&&n.provider!==t&&(t=n.provider)}await this._patchModelDefaults(t,e)}_getProviderNames(){let e=Object.keys(this._providers),t=[...new Set(this._models.map(e=>e.provider))];return[...new Set([...e,...t])].sort()}_renderDefaultProviderOptions(){return t`
+      <option value="">-- Select provider --</option>
+      ${this._getProviderNames().map(e=>t`<option value=${e} ?selected=${e===this._defaultProvider}>${e}</option>`)}
+    `}_renderDefaultModelOptions(){let e=[...this._defaultProvider?this._models.filter(e=>e.provider===this._defaultProvider):this._models].sort((e,t)=>e.modelId.localeCompare(t.modelId));return this._defaultProvider?t`
+        <option value="">-- Select model --</option>
+        ${e.map(e=>t`<option value=${e.modelId} ?selected=${e.modelId===this._defaultModel}>${e.modelId}</option>`)}
+      `:t`
+      <option value="">-- Select model --</option>
+      ${e.map(e=>t`<option value=${e.modelId} ?selected=${e.modelId===this._defaultModel}>${e.provider}/${e.modelId}</option>`)}
+    `}async _updateAgentOverride(e,t,n){if(this.rpcClient)try{await this.rpcClient.call(`agents.update`,{agentId:e,config:{provider:t||void 0,model:n||void 0}}),this._agents=this._agents.map(r=>r.id===e?{...r,provider:t,model:n}:r),u.show(`Agent model override updated`,`success`)}catch(e){let t=e instanceof Error?e.message:`Failed to update agent override`;u.show(t,`error`)}}_renderAgentOverrideProviderOptions(e){return t`
+      <option value="">-- Inherit default --</option>
+      ${this._getProviderNames().map(n=>t`<option value=${n} ?selected=${n===e.provider}>${n}</option>`)}
+    `}_renderAgentOverrideModelOptions(e){let n=[...e.provider?this._models.filter(t=>t.provider===e.provider):this._models].sort((e,t)=>e.modelId.localeCompare(t.modelId)),r=!e.model;return e.provider?t`
+        <option value="" ?selected=${r}>-- Select model --</option>
+        ${n.map(n=>t`<option value=${n.modelId} ?selected=${n.modelId===e.model}>${n.modelId}</option>`)}
+      `:t`
+      <option value="" ?selected=${r}>-- Inherit default --</option>
+      ${n.map(n=>t`<option value=${n.modelId} ?selected=${n.modelId===e.model}>${n.provider}/${n.modelId}</option>`)}
+    `}_renderPerAgentOverrides(){return this._agents.length===0?t`
+        <ic-empty-state
+          icon="models"
+          message="No agents configured"
+          description="Configure agents to set per-agent model overrides."
+        ></ic-empty-state>
+      `:t`
+      <table class="overrides-table">
+        <thead>
+          <tr>
+            <th>Agent</th>
+            <th>Provider</th>
+            <th>Model</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this._agents.map(e=>t`
+              <tr>
+                <td class="mono">${e.id}</td>
+                <td>
+                  <select
+                    class="override-select"
+                    .value=${e.provider}
+                    @change=${t=>{let n=t.target.value;this._updateAgentOverride(e.id,n,``)}}
+                  >
+                    ${this._renderAgentOverrideProviderOptions(e)}
+                  </select>
+                </td>
+                <td>
+                  <select
+                    class="override-select"
+                    .value=${e.model}
+                    @change=${t=>{let n=t.target.value;this._updateAgentOverride(e.id,e.provider,n)}}
+                  >
+                    ${this._renderAgentOverrideModelOptions(e)}
+                  </select>
+                </td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `}_renderDefaultsTab(){return t`
+      <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?t`<span>Resolved: <code class="mono">${this._defaultProvider}/${this._defaultModel}</code></span>`:t`<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 l}}render(){return this._loadState===`loading`?t`<ic-skeleton-view variant="list"></ic-skeleton-view>`:this._loadState===`error`?t`
+        <div class="error-container">
+          <span class="error-message">${this._error}</span>
+          <button class="retry-btn" @click=${()=>this._loadData()}>Retry</button>
+        </div>
+      `:t`
+      <div class="view-header">
+        <div class="view-title">Models & Providers</div>
+      </div>
+      <ic-tabs
+        .tabs=${p}
+        .activeTab=${this._activeTab}
+        @tab-change=${e=>{this._activeTab=e.detail}}
+      ></ic-tabs>
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderTabContent()}
+      </div>
+    `}};c([s({attribute:!1})],m.prototype,`apiClient`,void 0),c([s({attribute:!1})],m.prototype,`rpcClient`,void 0),c([s({attribute:!1})],m.prototype,`eventDispatcher`,void 0),c([a()],m.prototype,`_loadState`,void 0),c([a()],m.prototype,`_error`,void 0),c([a()],m.prototype,`_activeTab`,void 0),c([a()],m.prototype,`_providers`,void 0),c([a()],m.prototype,`_models`,void 0),c([a()],m.prototype,`_aliases`,void 0),c([a()],m.prototype,`_defaultProvider`,void 0),c([a()],m.prototype,`_defaultModel`,void 0),c([a()],m.prototype,`_providerTestResults`,void 0),c([a()],m.prototype,`_testingProviders`,void 0),c([a()],m.prototype,`_editingProvider`,void 0),c([a()],m.prototype,`_editForm`,void 0),c([a()],m.prototype,`_editingAlias`,void 0),c([a()],m.prototype,`_aliasForm`,void 0),c([a()],m.prototype,`_modelsSearchQuery`,void 0),c([a()],m.prototype,`_modelsProviderFilter`,void 0),c([a()],m.prototype,`_agents`,void 0),m=c([e(`ic-models-view`)],m);export{m as IcModelsView};