comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/agent-list-LHCJ4rw2.js

@@ -0,0 +1,504 @@
+import{a as v,S as f,b as a,I as p,A as u,s as _,f as w,i as z,n as g,r as l,t as y}from"./index-CEcM1R_C.js";import"./ic-data-table-CKUNTxHw.js";import"./ic-tag-CPPUnDLF.js";import"./ic-search-input-CSOxY9g7.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-icon-xeGTVhVG.js";var x=Object.defineProperty,$=Object.getOwnPropertyDescriptor,n=(e,t,o,i)=>{for(var r=i>1?void 0:i?$(t,o):t,d=e.length-1,c;d>=0;d--)(c=e[d])&&(r=(i?c(t,o,r):c(r))||r);return i&&r&&x(t,o,r),r};const C={active:"success",idle:"info",suspended:"warning",error:"error"},k={active:"Active",idle:"Idle",suspended:"Suspended",error:"Error"},S=[{value:"active",label:"Active",color:"var(--ic-success)"},{value:"idle",label:"Idle",color:"var(--ic-info)"},{value:"suspended",label:"Suspended",color:"var(--ic-warning)"},{value:"error",label:"Error",color:"var(--ic-error)"}],A=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}),T={minimal:"Read and write only. Safest option for restricted environments.",coding:"Common tools including web, memory, and file operations.",messaging:"Optimized for chat and messaging workflows.",supervisor:"Extended tools for agent orchestration and oversight.",full:"All available tools. Best for autonomous agents with broad capabilities."};let s=class extends v{constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._agents=[],this._loadState="loading",this._error="",this._deleteTarget=null,this._actionPending="",this._searchQuery="",this._statusFilters=new Set,this._wizardOpen=!1,this._wizardStep=1,this._wizardError="",this._wizardCreating=!1,this._wizardAgentId="",this._wizardAgentName="",this._wizardProvider="anthropic",this._wizardModel="",this._wizardToolProfile="full",this._catalogProviders=[]}connectedCallback(){super.connectedCallback(),this._initSse(),this.rpcClient&&this._loadModelCatalog()}updated(e){e.has("apiClient")&&this.apiClient&&this._loadAgents(),e.has("rpcClient")&&this.rpcClient&&this._catalogProviders.length===0&&this._loadModelCatalog(),e.has("eventDispatcher")&&this.eventDispatcher&&!this._sse&&this._initSse()}disconnectedCallback(){super.disconnectedCallback(),this._reloadDebounce!==null&&(clearTimeout(this._reloadDebounce),this._reloadDebounce=null)}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new f(this,this.eventDispatcher,{"observability:token_usage":()=>{this._scheduleReload()},"agent:hot_added":()=>{this._scheduleReload()},"agent:hot_removed":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadAgents()},e)}async _loadModelCatalog(){if(this.rpcClient)try{const e=await this.rpcClient.call("models.list");e.providers&&(this._catalogProviders=e.providers)}catch{}}_budgetColor(e){return e>=90?"var(--ic-error)":e>=70?"var(--ic-warning)":"var(--ic-success)"}_getColumns(){return[{key:"status",label:"Status",sortable:!0,width:"100px",render:(e,t)=>{const o=C[t.status]??"default",i=k[t.status]??t.status;return a`<ic-tag variant=${o}>${i}</ic-tag>`}},{key:"name",label:"Name",sortable:!0,render:(e,t)=>a`<span>${t.name??t.id}</span>`},{key:"model",label:"Model",sortable:!0,render:(e,t)=>a`<span style="font-family: ui-monospace, monospace; font-size: 0.8125rem; white-space: nowrap;">${t.model}</span>`},{key:"messagesToday",label:"Messages",sortable:!0,render:e=>a`<span style="font-family: ui-monospace, monospace; text-align: right; width: 100%; display: block;">${new Intl.NumberFormat("en-US").format(e)}</span>`},{key:"costToday",label:"Cost",sortable:!0,render:e=>{const t=e;return a`<span style="font-family: ui-monospace, monospace; text-align: right; width: 100%; display: block;">${t>0?A.format(t):"--"}</span>`}},{key:"budgetUtilization",label:"Budget",sortable:!0,render:e=>{const t=Math.min(100,Math.max(0,e));return t===0?a`<span style="font-family: ui-monospace, monospace; text-align: right; width: 100%; display: block;">--</span>`:a`
+            <div style="display: flex; align-items: center; gap: 6px; width: 100%;">
+              <div style="flex: 1; height: 4px; background: var(--ic-surface-2, #1f2937); border-radius: 2px; overflow: hidden;">
+                <div style="height: 100%; border-radius: 2px; width: ${t}%; background: ${this._budgetColor(t)};"></div>
+              </div>
+              <span style="font-size: 0.75rem; font-family: ui-monospace, monospace; color: var(--ic-text-muted); min-width: 2.5rem; text-align: right;">${t}%</span>
+            </div>
+          `}},{key:"_actions",label:"Actions",sortable:!1,render:(e,t)=>{const o=t.suspended||t.status==="suspended",i=o?"play":"pause",r=o?"Resume agent":"Suspend agent",d="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: transparent; border: 1px solid transparent; border-radius: 0.25rem; color: #9ca3af; cursor: pointer;";return a`
+            <div style="display: flex; gap: 4px; justify-content: flex-end;">
+              <button style=${d} aria-label="Configure ${t.id}" @click=${c=>{c.stopPropagation(),this._navigate(`agents/${t.id}/edit`)}}>
+                <ic-icon name="settings" size="16px" color="#9ca3af"></ic-icon>
+              </button>
+              <button style=${d} aria-label=${r} @click=${c=>{c.stopPropagation(),this._handleSuspendResume(t,c)}}>
+                <ic-icon name=${i} size="16px" color="#9ca3af"></ic-icon>
+              </button>
+              <button style=${d} aria-label="Delete ${t.id}" @click=${c=>{c.stopPropagation(),this._handleDeleteClick(t,c)}}>
+                <ic-icon name="trash" size="16px" color="#f87171"></ic-icon>
+              </button>
+            </div>
+          `}}]}async _loadAgents(){if(this.apiClient){this._loadState="loading",this._error="";try{const e=await this.apiClient.getAgents();this._agents=e.map(t=>({...t,costToday:0,budgetUtilization:0,suspended:t.status==="suspended",messagesToday:t.messagesToday??0})),this._loadState="loaded",this._enrichAgents(e).then(t=>{this._agents=t}).catch(()=>{})}catch(e){this._error=e instanceof Error?e.message:"Failed to load agents",this._loadState="error"}}}async _enrichAgents(e){if(!this.rpcClient||e.length===0)return e.map(r=>({...r,costToday:0,budgetUtilization:0,suspended:r.status==="suspended",messagesToday:r.messagesToday??0}));const t=e.slice(0,50),o=await Promise.allSettled(t.map(r=>this.rpcClient.call("obs.billing.byAgent",{agentId:r.id}))),i=new Map;for(let r=0;r<t.length;r++){const d=o[r];d.status==="fulfilled"&&d.value&&i.set(t[r].id,d.value)}return e.map(r=>{const d=i.get(r.id);let c=0;const h=d?.budgetUsed;h?.perDay?.used!==void 0&&h.perDay.limit&&(c=Math.round(h.perDay.used/h.perDay.limit*100));const m=Number(d?.costToday??d?.totalCost??0),b=Number(d?.messagesToday??r.messagesToday??0);return{...r,costToday:m,budgetUtilization:c,suspended:r.status==="suspended",messagesToday:b}})}_getFilteredAgents(){let e=this._agents;if(this._searchQuery){const t=this._searchQuery.toLowerCase();e=e.filter(o=>o.id.toLowerCase().includes(t)||(o.name??"").toLowerCase().includes(t))}return this._statusFilters.size>0&&(e=e.filter(t=>this._statusFilters.has(t.status))),e}_navigate(e){this.dispatchEvent(new CustomEvent("navigate",{detail:e,bubbles:!0,composed:!0}))}_handleSearch(e){this._searchQuery=e.detail}_handleFilterChange(e){this._statusFilters=e.detail.selected}async _handleSuspendResume(e,t){if(t.stopPropagation(),!this.rpcClient||this._actionPending)return;this._actionPending=e.id;const o=e.suspended||e.status==="suspended",i=o?"agents.resume":"agents.suspend",r=o?"resumed":"suspended";try{await this.rpcClient.call(i,{agentId:e.id}),p.show(`Agent ${e.id} ${r}`,"success"),await this._loadAgents()}catch(d){p.show(`Failed to ${o?"resume":"suspend"} agent: ${d instanceof Error?d.message:"Unknown error"}`,"error")}finally{this._actionPending=""}}_handleDeleteClick(e,t){t.stopPropagation(),this._deleteTarget=e}async _confirmDelete(){if(!this.rpcClient||!this._deleteTarget)return;const e=this._deleteTarget.id;this._deleteTarget=null;try{await this.rpcClient.call("agents.delete",{agentId:e}),p.show(`Agent ${e} deleted`,"success"),await this._loadAgents()}catch(t){p.show(`Failed to delete agent: ${t instanceof Error?t.message:"Unknown error"}`,"error")}}_cancelDelete(){this._deleteTarget=null}_openWizard(){this._wizardOpen=!0,this._wizardStep=1,this._wizardError="",this._wizardCreating=!1,this._wizardAgentId="",this._wizardAgentName="",this._wizardProvider="anthropic",this._wizardModel="",this._wizardToolProfile="full",this._catalogProviders.length===0&&this._loadModelCatalog(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".wizard-dialog")?.showModal()})}_closeWizard(){this.shadowRoot?.querySelector(".wizard-dialog")?.close(),this._wizardOpen=!1}_wizardNext(){if(this._wizardStep===1){if(!this._wizardAgentId.match(/^[a-zA-Z0-9-]{3,50}$/)){this._wizardError="Agent ID must be 3-50 characters (letters, numbers, hyphens).";return}this._wizardError="",this._wizardStep=2}else if(this._wizardStep===2){if(!this._wizardModel.trim()){this._wizardError="Please select a model.";return}this._wizardError="",this._wizardStep=3}}_wizardBack(){this._wizardError="",this._wizardStep===2?this._wizardStep=1:this._wizardStep===3&&(this._wizardStep=2)}async _wizardCreate(){if(!(!this.rpcClient||this._wizardCreating)){this._wizardCreating=!0,this._wizardError="";try{await this.rpcClient.call("agents.create",{agentId:this._wizardAgentId,config:{name:this._wizardAgentName||void 0,provider:this._wizardProvider,model:this._wizardModel,skills:{toolPolicy:{profile:this._wizardToolProfile}}}}),p.show(`Agent ${this._wizardAgentId} created`,"success"),this._closeWizard(),this._navigate(`agents/${this._wizardAgentId}/edit`),await this._loadAgents()}catch(e){this._wizardError=e instanceof Error?e.message:"Failed to create agent"}finally{this._wizardCreating=!1}}}render(){return a`
+      <div class="page-header" role="region" aria-label="Agents">
+        <h1 class="page-title">Agents</h1>
+        <button class="create-btn" @click=${this._openWizard}>
+          <ic-icon name="plus" size="16px"></ic-icon>
+          Create Agent
+        </button>
+      </div>
+      ${this._renderContent()}
+      ${this._deleteTarget?a`
+            <ic-confirm-dialog
+              open
+              variant="danger"
+              title="Delete Agent"
+              message=${`Are you sure you want to delete agent ${this._deleteTarget.id}? This cannot be undone.`}
+              confirmLabel="Delete"
+              @confirm=${this._confirmDelete}
+              @cancel=${this._cancelDelete}
+            ></ic-confirm-dialog>
+          `:u}
+      ${this._wizardOpen?this._renderWizard():u}
+    `}_renderContent(){switch(this._loadState){case"loading":return a`<ic-skeleton-view variant="list"></ic-skeleton-view>`;case"error":return a`
+          <div class="error-container">
+            <div class="error-message">${this._error}</div>
+            <button class="retry-btn" @click=${()=>this._loadAgents()}>Retry</button>
+          </div>
+        `;case"loaded":return this._agents.length===0?a`
+              <ic-empty-state
+                icon="users"
+                message="No agents configured"
+                description="Create your first agent to start processing messages."
+              >
+                <button class="create-btn" @click=${this._openWizard}>
+                  <ic-icon name="plus" size="16px"></ic-icon>
+                  Create Agent
+                </button>
+              </ic-empty-state>
+            `:this._renderTable()}}_renderTable(){const e=this._getFilteredAgents(),t=this._getColumns();return a`
+      <div class="toolbar">
+        <ic-search-input
+          placeholder="Search agents..."
+          @search=${this._handleSearch}
+        ></ic-search-input>
+        <ic-filter-chips
+          .options=${S}
+          .selected=${this._statusFilters}
+          @filter-change=${this._handleFilterChange}
+        ></ic-filter-chips>
+      </div>
+      <ic-data-table
+        .columns=${t}
+        .rows=${e}
+        emptyMessage="No agents match your filters"
+        @row-click=${o=>{this._navigate(`agents/${o.detail.id}`)}}
+      ></ic-data-table>
+    `}_renderWizard(){return a`
+      <dialog class="wizard-dialog" @close=${this._closeWizard}>
+        <div class="wizard-content">
+          <div class="wizard-header">
+            <h2 class="wizard-title">Create Agent</h2>
+            <button class="wizard-close" @click=${this._closeWizard}>\u2715</button>
+          </div>
+
+          <div class="wizard-steps">
+            ${[1,2,3].map(e=>a`
+                <span
+                  class="step-dot ${e===this._wizardStep?"step-dot--active":""} ${e<this._wizardStep?"step-dot--done":""}"
+                ></span>
+              `)}
+            <span class="step-label">Step ${this._wizardStep} of 3</span>
+          </div>
+
+          ${this._wizardError?a`<div class="wizard-error">${this._wizardError}</div>`:u}
+
+          ${this._renderWizardStep()}
+
+          <div class="wizard-footer">
+            ${this._wizardStep>1?a`<button class="wizard-btn wizard-btn--secondary" @click=${this._wizardBack}>Back</button>`:a`<button class="wizard-btn wizard-btn--secondary" @click=${this._closeWizard}>Cancel</button>`}
+            ${this._wizardStep<3?a`<button class="wizard-btn wizard-btn--primary" @click=${this._wizardNext}>Next</button>`:a`<button
+                  class="wizard-btn wizard-btn--primary"
+                  ?disabled=${this._wizardCreating}
+                  @click=${this._wizardCreate}
+                >${this._wizardCreating?"Creating...":"Create Agent"}</button>`}
+          </div>
+        </div>
+      </dialog>
+    `}_renderWizardStep(){switch(this._wizardStep){case 1:return a`
+          <div class="wizard-field">
+            <label for="wizard-id">Agent ID</label>
+            <input
+              id="wizard-id"
+              type="text"
+              .value=${this._wizardAgentId}
+              @input=${e=>{this._wizardAgentId=e.target.value}}
+              placeholder="my-agent"
+              required
+            />
+            <div class="hint">3-50 characters. Letters, numbers, and hyphens only.</div>
+          </div>
+          <div class="wizard-field">
+            <label for="wizard-name">Display Name</label>
+            <input
+              id="wizard-name"
+              type="text"
+              .value=${this._wizardAgentName}
+              @input=${e=>{this._wizardAgentName=e.target.value}}
+              placeholder="My Agent (optional)"
+            />
+          </div>
+        `;case 2:{const e=this._catalogProviders.length>0?this._catalogProviders.map(i=>({value:i.name,label:i.name.charAt(0).toUpperCase()+i.name.slice(1)})):[{value:"anthropic",label:"Anthropic"}],o=(this._catalogProviders.find(i=>i.name===this._wizardProvider)?.models??[]).map(i=>({id:i.modelId,label:i.displayName||i.modelId}));return a`
+          <div class="wizard-field">
+            <label for="wizard-provider">Provider</label>
+            <select
+              id="wizard-provider"
+              .value=${this._wizardProvider}
+              @change=${i=>{this._wizardProvider=i.target.value,this._wizardModel=""}}
+            >
+              ${e.map(i=>a`<option value=${i.value} ?selected=${i.value===this._wizardProvider}>${i.label}</option>`)}
+            </select>
+          </div>
+          <div class="wizard-field">
+            <label for="wizard-model">Model</label>
+            <select
+              id="wizard-model"
+              .value=${this._wizardModel}
+              @change=${i=>{this._wizardModel=i.target.value}}
+              required
+            >
+              <option value="" disabled ?selected=${!this._wizardModel}>Select a model...</option>
+              ${o.map(i=>a`<option value=${i.id} ?selected=${this._wizardModel===i.id}>${i.label}</option>`)}
+            </select>
+            <div class="hint">Model to use for this agent.</div>
+          </div>
+        `}case 3:return a`
+          <div class="wizard-field">
+            <label for="wizard-tools">Tool Policy Profile</label>
+            <select
+              id="wizard-tools"
+              .value=${this._wizardToolProfile}
+              @change=${e=>{this._wizardToolProfile=e.target.value}}
+            >
+              <option value="minimal">Minimal</option>
+              <option value="coding">Coding</option>
+              <option value="messaging">Messaging</option>
+              <option value="supervisor">Supervisor</option>
+              <option value="full">Full</option>
+            </select>
+            <div class="profile-desc">${T[this._wizardToolProfile]??""}</div>
+          </div>
+        `}}};s.styles=[_,w,z`
+      :host {
+        display: block;
+      }
+
+      .page-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .page-title {
+        font-size: var(--ic-text-2xl, 1.5rem);
+        font-weight: 700;
+        margin: 0;
+      }
+
+      .create-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs, 0.25rem);
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: var(--ic-accent, #3b82f6);
+        color: #fff;
+        border: none;
+        border-radius: var(--ic-radius-md, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease);
+      }
+
+      .create-btn:hover {
+        background: var(--ic-accent-hover, #2563eb);
+      }
+
+      .toolbar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md, 0.75rem);
+        margin-bottom: var(--ic-space-md, 0.75rem);
+        flex-wrap: wrap;
+      }
+
+      .toolbar ic-search-input {
+        flex: 1;
+        min-width: 200px;
+        max-width: 320px;
+      }
+
+      .toolbar ic-filter-chips {
+        flex-shrink: 0;
+      }
+
+      /* Action buttons inside data table cells */
+      .row-actions {
+        display: flex;
+        gap: 4px;
+        justify-content: flex-end;
+      }
+
+      .action-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        padding: 0;
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text-dim, #6b7280);
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease),
+          color var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease);
+      }
+
+      .action-btn:hover {
+        background: var(--ic-surface-2, #1f2937);
+        color: var(--ic-text, #f3f4f6);
+        border-color: var(--ic-border, #374151);
+      }
+
+      .action-btn--danger:hover {
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+      }
+
+      .budget-inline {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        width: 100%;
+      }
+
+      .budget-track {
+        flex: 1;
+        height: 4px;
+        background: var(--ic-surface-2, #1f2937);
+        border-radius: 2px;
+        overflow: hidden;
+      }
+
+      .budget-fill {
+        height: 100%;
+        border-radius: 2px;
+      }
+
+      .budget-pct {
+        font-size: 0.75rem;
+        font-family: ui-monospace, monospace;
+        color: var(--ic-text-muted);
+        min-width: 2.5rem;
+        text-align: right;
+      }
+
+      .cost-cell {
+        font-family: ui-monospace, monospace;
+        text-align: right;
+        width: 100%;
+        display: block;
+      }
+
+      .numeric-cell {
+        font-family: ui-monospace, monospace;
+        text-align: right;
+        width: 100%;
+        display: block;
+      }
+
+      .model-cell {
+        font-family: ui-monospace, monospace;
+        font-size: 0.8125rem;
+      }
+
+      /* Error state */
+      .error-container {
+        text-align: center;
+        padding: var(--ic-space-2xl, 3rem);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .error-message {
+        margin-bottom: var(--ic-space-md, 0.75rem);
+        color: var(--ic-error, #f87171);
+      }
+
+      .retry-btn {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .retry-btn:hover {
+        border-color: var(--ic-accent, #3b82f6);
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      /* ---- Wizard Modal ---- */
+      .wizard-dialog {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg, 0.75rem);
+        max-width: 32rem;
+        width: calc(100% - 2rem);
+        padding: 0;
+        color: var(--ic-text);
+        box-shadow: var(--ic-shadow-lg);
+      }
+
+      .wizard-dialog::backdrop {
+        background: rgba(0, 0, 0, 0.6);
+      }
+
+      .wizard-content {
+        padding: var(--ic-space-lg, 1.5rem);
+      }
+
+      .wizard-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .wizard-title {
+        font-size: var(--ic-text-lg, 1.125rem);
+        font-weight: 600;
+        margin: 0;
+      }
+
+      .wizard-close {
+        background: none;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        font-size: 1.25rem;
+        padding: 4px;
+        line-height: 1;
+      }
+
+      .wizard-close:hover {
+        color: var(--ic-text);
+      }
+
+      .wizard-steps {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .step-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--ic-border);
+        transition: background 0.15s;
+      }
+
+      .step-dot--active {
+        background: var(--ic-accent);
+      }
+
+      .step-dot--done {
+        background: var(--ic-success);
+      }
+
+      .step-label {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim);
+      }
+
+      .wizard-field {
+        margin-bottom: var(--ic-space-md, 0.75rem);
+      }
+
+      .wizard-field label {
+        display: block;
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+        margin-bottom: 0.375rem;
+      }
+
+      .wizard-field input,
+      .wizard-field select {
+        width: 100%;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm, 0.875rem);
+        padding: var(--ic-space-sm, 0.5rem);
+      }
+
+      .wizard-field input:focus,
+      .wizard-field select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .wizard-field .hint {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim);
+        margin-top: 0.25rem;
+      }
+
+      .wizard-field .profile-desc {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim);
+        margin-top: 0.375rem;
+        padding: 0.5rem;
+        background: var(--ic-bg);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+      }
+
+      .wizard-error {
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-error);
+        margin-bottom: var(--ic-space-md, 0.75rem);
+      }
+
+      .wizard-footer {
+        display: flex;
+        justify-content: flex-end;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding-top: var(--ic-space-md, 0.75rem);
+        border-top: 1px solid var(--ic-border);
+      }
+
+      .wizard-btn {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background 0.15s, border-color 0.15s;
+      }
+
+      .wizard-btn--secondary {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .wizard-btn--secondary:hover {
+        border-color: var(--ic-text-dim);
+        color: var(--ic-text);
+      }
+
+      .wizard-btn--primary {
+        background: var(--ic-accent);
+        border: 1px solid var(--ic-accent);
+        color: #fff;
+      }
+
+      .wizard-btn--primary:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      .wizard-btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    `];n([g({attribute:!1})],s.prototype,"apiClient",2);n([g({attribute:!1})],s.prototype,"rpcClient",2);n([g({attribute:!1})],s.prototype,"eventDispatcher",2);n([l()],s.prototype,"_agents",2);n([l()],s.prototype,"_loadState",2);n([l()],s.prototype,"_error",2);n([l()],s.prototype,"_deleteTarget",2);n([l()],s.prototype,"_actionPending",2);n([l()],s.prototype,"_searchQuery",2);n([l()],s.prototype,"_statusFilters",2);n([l()],s.prototype,"_wizardOpen",2);n([l()],s.prototype,"_wizardStep",2);n([l()],s.prototype,"_wizardError",2);n([l()],s.prototype,"_wizardCreating",2);n([l()],s.prototype,"_wizardAgentId",2);n([l()],s.prototype,"_wizardAgentName",2);n([l()],s.prototype,"_wizardProvider",2);n([l()],s.prototype,"_wizardModel",2);n([l()],s.prototype,"_wizardToolProfile",2);n([l()],s.prototype,"_catalogProviders",2);s=n([y("ic-agent-list")],s);export{s as IcAgentList};

package/node_modules/@comis/web/dist/assets/approvals-q9VH_IKr.js

@@ -0,0 +1,54 @@
+import{a as n,b as d,s as l,i as v,t as p}from"./index-CEcM1R_C.js";var m=Object.getOwnPropertyDescriptor,u=(i,a,s,c)=>{for(var e=c>1?void 0:c?m(a,s):a,t=i.length-1,o;t>=0;t--)(o=i[t])&&(e=o(e)||e);return e};let r=class extends n{_navigateToSecurity(){window.location.hash="#security"}render(){return d`
+      <div class="redirect-container">
+        <div class="redirect-title">Approvals Moved</div>
+        <div class="redirect-desc">
+          Approvals have been merged into the Security view. Use the
+          "Pending Approvals" and "Approval Rules" tabs to manage approvals.
+        </div>
+        <button class="redirect-btn" @click=${()=>this._navigateToSecurity()}>
+          Go to Security
+        </button>
+      </div>
+    `}};r.styles=[l,v`
+      :host {
+        display: block;
+      }
+
+      .redirect-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 4rem 2rem;
+        gap: var(--ic-space-md);
+        text-align: center;
+      }
+
+      .redirect-title {
+        font-size: 1.125rem;
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .redirect-desc {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        max-width: 28rem;
+      }
+
+      .redirect-btn {
+        padding: 0.5rem 1.25rem;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        cursor: pointer;
+        font-family: inherit;
+      }
+
+      .redirect-btn:hover {
+        opacity: 0.9;
+      }
+    `];r=u([p("ic-approvals-view")],r);export{r as IcApprovalsView};