comisai 1.0.24 → 1.0.25

package/node_modules/@comis/web/dist/assets/{agent-list-LHCJ4rw2.js → agent-list-6Uotjatr.js}

@@ -1,172 +1,4 @@
-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`
+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-FLPhHz8p.js";import"./ic-tag-CvMVQFRR.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-data-table-CKIvr-ag.js";import"./ic-search-input-B02AGw1i.js";import"./ic-icon-BGNCCPpZ.js";import"./ic-empty-state-CM3Wbj2f.js";var f={active:`success`,idle:`info`,suspended:`warning`,error:`error`},p={active:`Active`,idle:`Idle`,suspended:`Suspended`,error:`Error`},m=[{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)`}],h=new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}),g={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.`},_=class extends r{constructor(...e){super(...e),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=[]}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -501,4 +333,172 @@ 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 a
         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};
+    `]}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 d(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{let 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,n)=>t`<ic-tag variant=${f[n.status]??`default`}>${p[n.status]??n.status}</ic-tag>`},{key:`name`,label:`Name`,sortable:!0,render:(e,n)=>t`<span>${n.name??n.id}</span>`},{key:`model`,label:`Model`,sortable:!0,render:(e,n)=>t`<span style="font-family: ui-monospace, monospace; font-size: 0.8125rem; white-space: nowrap;">${n.model}</span>`},{key:`messagesToday`,label:`Messages`,sortable:!0,render:e=>t`<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=>{let n=e;return t`<span style="font-family: ui-monospace, monospace; text-align: right; width: 100%; display: block;">${n>0?h.format(n):`--`}</span>`}},{key:`budgetUtilization`,label:`Budget`,sortable:!0,render:e=>{let n=Math.min(100,Math.max(0,e));return n===0?t`<span style="font-family: ui-monospace, monospace; text-align: right; width: 100%; display: block;">--</span>`:t`
+            <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: ${n}%; background: ${this._budgetColor(n)};"></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;">${n}%</span>
+            </div>
+          `}},{key:`_actions`,label:`Actions`,sortable:!1,render:(e,n)=>{let r=n.suspended||n.status===`suspended`,i=r?`play`:`pause`,a=r?`Resume agent`:`Suspend agent`,o=`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 t`
+            <div style="display: flex; gap: 4px; justify-content: flex-end;">
+              <button style=${o} aria-label="Configure ${n.id}" @click=${e=>{e.stopPropagation(),this._navigate(`agents/${n.id}/edit`)}}>
+                <ic-icon name="settings" size="16px" color="#9ca3af"></ic-icon>
+              </button>
+              <button style=${o} aria-label=${a} @click=${e=>{e.stopPropagation(),this._handleSuspendResume(n,e)}}>
+                <ic-icon name=${i} size="16px" color="#9ca3af"></ic-icon>
+              </button>
+              <button style=${o} aria-label="Delete ${n.id}" @click=${e=>{e.stopPropagation(),this._handleDeleteClick(n,e)}}>
+                <ic-icon name="trash" size="16px" color="#f87171"></ic-icon>
+              </button>
+            </div>
+          `}}]}async _loadAgents(){if(this.apiClient){this._loadState=`loading`,this._error=``;try{let e=await this.apiClient.getAgents();this._agents=e.map(e=>({...e,costToday:0,budgetUtilization:0,suspended:e.status===`suspended`,messagesToday:e.messagesToday??0})),this._loadState=`loaded`,this._enrichAgents(e).then(e=>{this._agents=e}).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(e=>({...e,costToday:0,budgetUtilization:0,suspended:e.status===`suspended`,messagesToday:e.messagesToday??0}));let t=e.slice(0,50),n=await Promise.allSettled(t.map(e=>this.rpcClient.call(`obs.billing.byAgent`,{agentId:e.id}))),r=new Map;for(let e=0;e<t.length;e++){let i=n[e];i.status===`fulfilled`&&i.value&&r.set(t[e].id,i.value)}return e.map(e=>{let t=r.get(e.id),n=0,i=t?.budgetUsed;i?.perDay?.used!==void 0&&i.perDay.limit&&(n=Math.round(i.perDay.used/i.perDay.limit*100));let a=Number(t?.costToday??t?.totalCost??0),o=Number(t?.messagesToday??e.messagesToday??0);return{...e,costToday:a,budgetUtilization:n,suspended:e.status===`suspended`,messagesToday:o}})}_getFilteredAgents(){let e=this._agents;if(this._searchQuery){let t=this._searchQuery.toLowerCase();e=e.filter(e=>e.id.toLowerCase().includes(t)||(e.name??``).toLowerCase().includes(t))}return this._statusFilters.size>0&&(e=e.filter(e=>this._statusFilters.has(e.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;let n=e.suspended||e.status===`suspended`,r=n?`agents.resume`:`agents.suspend`,i=n?`resumed`:`suspended`;try{await this.rpcClient.call(r,{agentId:e.id}),u.show(`Agent ${e.id} ${i}`,`success`),await this._loadAgents()}catch(e){u.show(`Failed to ${n?`resume`:`suspend`} agent: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}finally{this._actionPending=``}}_handleDeleteClick(e,t){t.stopPropagation(),this._deleteTarget=e}async _confirmDelete(){if(!this.rpcClient||!this._deleteTarget)return;let e=this._deleteTarget.id;this._deleteTarget=null;try{await this.rpcClient.call(`agents.delete`,{agentId:e}),u.show(`Agent ${e} deleted`,`success`),await this._loadAgents()}catch(e){u.show(`Failed to delete agent: ${e instanceof Error?e.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}}}}),u.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 t`
+      <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?t`
+            <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>
+          `:l}
+      ${this._wizardOpen?this._renderWizard():l}
+    `}_renderContent(){switch(this._loadState){case`loading`:return t`<ic-skeleton-view variant="list"></ic-skeleton-view>`;case`error`:return t`
+          <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?t`
+              <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(){let e=this._getFilteredAgents(),n=this._getColumns();return t`
+      <div class="toolbar">
+        <ic-search-input
+          placeholder="Search agents..."
+          @search=${this._handleSearch}
+        ></ic-search-input>
+        <ic-filter-chips
+          .options=${m}
+          .selected=${this._statusFilters}
+          @filter-change=${this._handleFilterChange}
+        ></ic-filter-chips>
+      </div>
+      <ic-data-table
+        .columns=${n}
+        .rows=${e}
+        emptyMessage="No agents match your filters"
+        @row-click=${e=>{this._navigate(`agents/${e.detail.id}`)}}
+      ></ic-data-table>
+    `}_renderWizard(){return t`
+      <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=>t`
+                <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?t`<div class="wizard-error">${this._wizardError}</div>`:l}
+
+          ${this._renderWizardStep()}
+
+          <div class="wizard-footer">
+            ${this._wizardStep>1?t`<button class="wizard-btn wizard-btn--secondary" @click=${this._wizardBack}>Back</button>`:t`<button class="wizard-btn wizard-btn--secondary" @click=${this._closeWizard}>Cancel</button>`}
+            ${this._wizardStep<3?t`<button class="wizard-btn wizard-btn--primary" @click=${this._wizardNext}>Next</button>`:t`<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 t`
+          <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:{let e=this._catalogProviders.length>0?this._catalogProviders.map(e=>({value:e.name,label:e.name.charAt(0).toUpperCase()+e.name.slice(1)})):[{value:`anthropic`,label:`Anthropic`}],n=(this._catalogProviders.find(e=>e.name===this._wizardProvider)?.models??[]).map(e=>({id:e.modelId,label:e.displayName||e.modelId}));return t`
+          <div class="wizard-field">
+            <label for="wizard-provider">Provider</label>
+            <select
+              id="wizard-provider"
+              .value=${this._wizardProvider}
+              @change=${e=>{this._wizardProvider=e.target.value,this._wizardModel=``}}
+            >
+              ${e.map(e=>t`<option value=${e.value} ?selected=${e.value===this._wizardProvider}>${e.label}</option>`)}
+            </select>
+          </div>
+          <div class="wizard-field">
+            <label for="wizard-model">Model</label>
+            <select
+              id="wizard-model"
+              .value=${this._wizardModel}
+              @change=${e=>{this._wizardModel=e.target.value}}
+              required
+            >
+              <option value="" disabled ?selected=${!this._wizardModel}>Select a model...</option>
+              ${n.map(e=>t`<option value=${e.id} ?selected=${this._wizardModel===e.id}>${e.label}</option>`)}
+            </select>
+            <div class="hint">Model to use for this agent.</div>
+          </div>
+        `}case 3:return t`
+          <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">${g[this._wizardToolProfile]??``}</div>
+          </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,`_agents`,void 0),c([a()],_.prototype,`_loadState`,void 0),c([a()],_.prototype,`_error`,void 0),c([a()],_.prototype,`_deleteTarget`,void 0),c([a()],_.prototype,`_actionPending`,void 0),c([a()],_.prototype,`_searchQuery`,void 0),c([a()],_.prototype,`_statusFilters`,void 0),c([a()],_.prototype,`_wizardOpen`,void 0),c([a()],_.prototype,`_wizardStep`,void 0),c([a()],_.prototype,`_wizardError`,void 0),c([a()],_.prototype,`_wizardCreating`,void 0),c([a()],_.prototype,`_wizardAgentId`,void 0),c([a()],_.prototype,`_wizardAgentName`,void 0),c([a()],_.prototype,`_wizardProvider`,void 0),c([a()],_.prototype,`_wizardModel`,void 0),c([a()],_.prototype,`_wizardToolProfile`,void 0),c([a()],_.prototype,`_catalogProviders`,void 0),_=c([e(`ic-agent-list`)],_);export{_ as IcAgentList};

package/node_modules/@comis/web/dist/assets/{approvals-q9VH_IKr.js → approvals-C-K6hN2U.js}

@@ -1,15 +1,4 @@
-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`
+import{c as e,f as t,h as n,l as r,r as i,t as a}from"./decorate-BvWYovGE.js";var o=class extends r{static{this.styles=[i,n`
       :host {
         display: block;
       }
@@ -51,4 +40,15 @@ import{a as n,b as d,s as l,i as v,t as p}from"./index-CEcM1R_C.js";var m=Object
       .redirect-btn:hover {
         opacity: 0.9;
       }
-    `];r=u([p("ic-approvals-view")],r);export{r as IcApprovalsView};
+    `]}_navigateToSecurity(){window.location.hash=`#security`}render(){return t`
+      <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>
+    `}};o=a([e(`ic-approvals-view`)],o);export{o as IcApprovalsView};