comisai 1.0.42 → 1.0.45

package/node_modules/@comis/web/dist/assets/subagents-D0_m-5Pa.js

@@ -0,0 +1,193 @@
+import{S as e,_ as t,d as n,g as r,h as i,m as a,n as o,o as s,p as c,r as l,t as u,y as d}from"./decorate-C2wzL86z.js";import{a as f,i as p}from"./index-IIyLteKK.js";import"./ic-tag-C5SwX7RT.js";import"./ic-confirm-dialog-JnoEg4kp.js";import"./ic-relative-time-DCCDywYC.js";import"./ic-empty-state-DIodMykW.js";var m=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.apiClient=null,this.eventDispatcher=null,this._loadState=`loading`,this._runs=[],this._confirmKillRunId=null,this._sse=null,this._reloadDebounce=null,this._rpcStatusUnsub=null}static{this.styles=[l,o,e`
+      :host {
+        display: block;
+      }
+
+      .run-list {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+      }
+
+      .run-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+      }
+
+      .run-header {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-xs);
+        flex-wrap: wrap;
+      }
+
+      .run-agent-id {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+      }
+
+      .run-task {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-xs);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 100%;
+      }
+
+      .run-meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm) var(--ic-space-md);
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        margin-top: var(--ic-space-xs);
+      }
+
+      .run-meta-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .run-meta-label {
+        color: var(--ic-text-dim);
+      }
+
+      .run-meta-value {
+        color: var(--ic-text-muted);
+        font-variant-numeric: tabular-nums;
+      }
+
+      .run-error {
+        margin-top: var(--ic-space-xs);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        background: rgba(248, 113, 113, 0.1);
+        border-radius: var(--ic-radius-sm);
+        font-size: 0.75rem;
+        color: var(--ic-error);
+      }
+
+      .run-actions {
+        margin-top: var(--ic-space-sm);
+        display: flex;
+        gap: var(--ic-space-sm);
+      }
+
+      .kill-btn {
+        padding: 4px 12px;
+        font-size: 0.75rem;
+        font-weight: 500;
+        border: 1px solid var(--ic-error);
+        border-radius: var(--ic-radius-sm);
+        background: transparent;
+        color: var(--ic-error);
+        cursor: pointer;
+        font-family: inherit;
+        transition: background var(--ic-transition), color var(--ic-transition);
+      }
+
+      .kill-btn:hover {
+        background: var(--ic-error);
+        color: white;
+      }
+
+      .error-message {
+        text-align: center;
+        padding: 2rem;
+        color: var(--ic-text-dim);
+      }
+
+      .retry-btn {
+        margin-top: var(--ic-space-sm);
+        padding: 6px 16px;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-sm);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .retry-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+    `]}connectedCallback(){super.connectedCallback(),this._initSse()}_initSse(){if(!this.eventDispatcher||this._sse)return;let e=()=>{this._scheduleReload()};this._sse=new p(this,this.eventDispatcher,{"session:sub_agent_spawned":e,"session:sub_agent_completed":e,"session:sub_agent_archived":e,"session:sub_agent_spawn_rejected":e,"session:sub_agent_spawn_started":e,"session:sub_agent_spawn_queued":e,"session:sub_agent_lifecycle_ended":e})}_scheduleReload(e=300){this._reloadDebounce!==null&&s(this._reloadDebounce),this._reloadDebounce=n(()=>{this._reloadDebounce=null,this._loadData()},e)}disconnectedCallback(){super.disconnectedCallback(),this._reloadDebounce!==null&&(s(this._reloadDebounce),this._reloadDebounce=null),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(e){e.has(`rpcClient`)&&this.rpcClient&&this._tryLoad(),e.has(`eventDispatcher`)&&this.eventDispatcher&&!this._sse&&this._initSse()}_tryLoad(){if(!this.rpcClient){this._loadState=`loaded`;return}this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&this._loadData()})}async _loadData(){if(this.rpcClient)try{let e=await this.rpcClient.call(`subagent.list`,{recentMinutes:60});this._runs=e.runs??[],this._loadState=`loaded`}catch{this._loadState=`error`}}_requestKill(e){this._confirmKillRunId=e}async _confirmKill(){let e=this._confirmKillRunId;if(this._confirmKillRunId=null,!(!e||!this.rpcClient))try{await this.rpcClient.call(`subagent.kill`,{target:e}),f.show(`Sub-agent kill signal sent`,`success`),this._loadData()}catch{f.show(`Failed to kill sub-agent`,`error`)}}_cancelKill(){this._confirmKillRunId=null}_truncate(e,t){return e.length>t?e.slice(0,t)+`…`:e}_statusColor(e){switch(e){case`running`:return`blue`;case`completed`:return`green`;case`failed`:return`red`;case`queued`:return`yellow`;default:return`default`}}_formatDuration(e,t){let n=t-e;return n<1e3?`${n}ms`:n<6e4?`${(n/1e3).toFixed(1)}s`:`${(n/6e4).toFixed(1)}m`}_renderRun(e){let n=e.status===`running`||e.status===`queued`;return d`
+      <div class="run-card">
+        <div class="run-header">
+          <ic-tag color=${this._statusColor(e.status)}>${e.status}</ic-tag>
+          <span class="run-agent-id">${e.agentId}</span>
+        </div>
+        <div class="run-task" title=${e.task}>${this._truncate(e.task,80)}</div>
+        <div class="run-meta">
+          <span class="run-meta-item">
+            <span class="run-meta-label">Started:</span>
+            <ic-relative-time .timestamp=${e.startedAt}></ic-relative-time>
+          </span>
+          ${e.completedAt?d`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Duration:</span>
+              <span class="run-meta-value">${this._formatDuration(e.startedAt,e.completedAt)}</span>
+            </span>
+          `:t}
+          <span class="run-meta-item">
+            <span class="run-meta-label">Depth:</span>
+            <span class="run-meta-value">${e.depth}</span>
+          </span>
+          ${e.result?d`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Tokens:</span>
+              <span class="run-meta-value">${e.result.tokensUsed.total.toLocaleString()}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Cost:</span>
+              <span class="run-meta-value">$${e.result.cost.total.toFixed(4)}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Steps:</span>
+              <span class="run-meta-value">${e.result.stepsExecuted}</span>
+            </span>
+          `:t}
+        </div>
+        ${e.error?d`
+          <div class="run-error">${e.error}</div>
+        `:t}
+        ${n?d`
+          <div class="run-actions">
+            <button class="kill-btn" @click=${()=>this._requestKill(e.runId)}>Kill</button>
+          </div>
+        `:t}
+      </div>
+    `}render(){return d`
+      ${this._loadState===`loading`?d`
+        <ic-skeleton-view variant="dashboard"></ic-skeleton-view>
+      `:this._loadState===`error`?d`
+        <div class="error-message">
+          Failed to load sub-agent data
+          <br />
+          <button class="retry-btn" @click=${()=>void this._loadData()}>Retry</button>
+        </div>
+      `:this._runs.length===0?d`
+        <ic-empty-state message="No sub-agent runs in the last 60 minutes"></ic-empty-state>
+      `:d`
+        <div class="run-list">
+          ${this._runs.map(e=>this._renderRun(e))}
+        </div>
+      `}
+
+      <ic-confirm-dialog
+        ?open=${this._confirmKillRunId!==null}
+        title="Kill Sub-Agent"
+        message="This will terminate the running sub-agent. The parent session will receive an error result."
+        confirmLabel="Kill"
+        variant="danger"
+        @confirm=${this._confirmKill}
+        @cancel=${this._cancelKill}
+      ></ic-confirm-dialog>
+    `}};u([a({attribute:!1})],m.prototype,`rpcClient`,void 0),u([a({attribute:!1})],m.prototype,`apiClient`,void 0),u([a({attribute:!1})],m.prototype,`eventDispatcher`,void 0),u([c()],m.prototype,`_loadState`,void 0),u([c()],m.prototype,`_runs`,void 0),u([c()],m.prototype,`_confirmKillRunId`,void 0),m=u([i(`ic-subagents-view`)],m);export{m as IcSubagentsView};