comisai 1.0.36 → 1.0.40

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

@@ -0,0 +1,894 @@
+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{n as u,s as d}from"./system-time-B0nBw4nV.js";import{a as f,i as p}from"./index-D_ZV_sV5.js";import"./ic-tag-CKh2gHHX.js";import"./ic-search-input-BpNiR0Fq.js";import"./ic-icon-BkVssjSQ.js";import"./ic-empty-state-BRy4ZXds.js";import"./ic-tabs-BM8xZY4a.js";import"./ic-connection-dot-gE_3dfRP.js";var m=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;
+      }
+
+      .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;
+        }
+      }
+    `]}_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>
+    `}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="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?t`<span class="spinner-inline"></span>`:`Test`}
+          </button>
+          <button
+            class="btn btn-edit"
+            @click=${this._onEdit}
+            aria-label="Edit ${this.name}"
+          >
+            Edit
+          </button>
+        </div>
+      </div>
+    `}};c([s()],m.prototype,`name`,void 0),c([s()],m.prototype,`type`,void 0),c([s()],m.prototype,`baseUrl`,void 0),c([s({type:Boolean})],m.prototype,`enabled`,void 0),c([s({attribute:!1})],m.prototype,`testResult`,void 0),c([s({type:Boolean})],m.prototype,`testing`,void 0),m=c([e(`ic-provider-card`)],m);function h(e,t){let n={hostConnected(){},hostDisconnected(){},readConfig(){return t.call(`config.read`)},listModels(){return t.call(`models.list`)},listAgents(){return t.call(`agents.list`)},getAgent(e){return t.call(`agents.get`,{agentId:e})},async patchConfig(e,n,r){await t.call(`config.patch`,{section:e,key:n,value:r})},testProvider(e){return t.call(`models.test`,{provider:e})},async updateAgent(e,n){await t.call(`agents.update`,{agentId:e,config:n})}};return e.addController(n),n}var g=[{id:`providers`,label:`Providers`},{id:`models`,label:`Catalog`},{id:`aliases`,label:`Aliases`},{id:`defaults`,label:`Defaults`}],_=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._controller=null,this._capturedRpcClient=null,this._rpcStatusUnsub=null}static{this.styles=[o,i,n`
+      :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);
+      }
+    `]}_ensureController(){return this._controller&&this._capturedRpcClient!==this.rpcClient&&(this.removeController(this._controller),this._controller=null,this._capturedRpcClient=null),!this._controller&&this.rpcClient&&(this._capturedRpcClient=this.rpcClient,this._controller=h(this,this.rpcClient)),this._controller}connectedCallback(){super.connectedCallback(),this._ensureController(),this._initSse()}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._reloadDebounce!==null&&(u(this._reloadDebounce),this._reloadDebounce=null)}updated(e){e.has(`eventDispatcher`)&&this.eventDispatcher&&!this._sse&&this._initSse(),e.has(`rpcClient`)&&this.rpcClient&&(this._ensureController(),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&&u(this._reloadDebounce),this._reloadDebounce=d(()=>{this._reloadDebounce=null,this._loadData()},e)}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new p(this,this.eventDispatcher,{"model:catalog_loaded":()=>{this._scheduleReload()}}))}async _loadData(){if(this._controller){this._loadState=`loading`,this._error=``;try{let e=await this._controller.readConfig();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._controller.listModels().then(e=>{let t=e;t.models&&t.models.length>0?this._models=t.models:t.providers&&t.providers.length>0&&(this._models=t.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()=>{let e=this._ensureController();if(!e){this._agents=[];return}try{let t=((await e.listAgents()).agents??[]).slice(0,20),n=await Promise.allSettled(t.map(t=>e.getAgent(t)));this._agents=n.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._controller)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._controller.patchConfig(r,i,t),f.show(`Configuration updated`,`success`),!0}catch(e){let t=e instanceof Error?e.message:`Failed to update configuration`;return f.show(t,`error`),!1}}async _testProvider(e){if(!this._controller)return;let t=new Set(this._testingProviders);t.add(e),this._testingProviders=t;try{let t=await this._controller.testProvider(e),n=new Map(this._providerTestResults);n.set(e,t),this._providerTestResults=n,f.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,f.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,f.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._controller)try{await this._controller.updateAgent(e,{provider:t||void 0,model:n||void 0}),this._agents=this._agents.map(r=>r.id===e?{...r,provider:t,model:n}:r),f.show(`Agent model override updated`,`success`)}catch(e){let t=e instanceof Error?e.message:`Failed to update agent override`;f.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=${g}
+        .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})],_.prototype,`apiClient`,void 0),c([s({attribute:!1})],_.prototype,`rpcClient`,void 0),c([s({attribute:!1})],_.prototype,`eventDispatcher`,void 0),c([a()],_.prototype,`_loadState`,void 0),c([a()],_.prototype,`_error`,void 0),c([a()],_.prototype,`_activeTab`,void 0),c([a()],_.prototype,`_providers`,void 0),c([a()],_.prototype,`_models`,void 0),c([a()],_.prototype,`_aliases`,void 0),c([a()],_.prototype,`_defaultProvider`,void 0),c([a()],_.prototype,`_defaultModel`,void 0),c([a()],_.prototype,`_providerTestResults`,void 0),c([a()],_.prototype,`_testingProviders`,void 0),c([a()],_.prototype,`_editingProvider`,void 0),c([a()],_.prototype,`_editForm`,void 0),c([a()],_.prototype,`_editingAlias`,void 0),c([a()],_.prototype,`_aliasForm`,void 0),c([a()],_.prototype,`_modelsSearchQuery`,void 0),c([a()],_.prototype,`_modelsProviderFilter`,void 0),c([a()],_.prototype,`_agents`,void 0),_=c([e(`ic-models-view`)],_);export{_ as IcModelsView};