comisai 1.0.37 → 1.0.41

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

@@ -1,894 +0,0 @@
-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-8Tg9oc-C.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-y77LZ3Gu.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;
-      }
-
-      .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()],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;
-      }
-
-      .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);
-      }
-    `]}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};