comisai 1.0.15 → 1.0.17

package/node_modules/@comis/web/dist/assets/subagents-HHXMeHYo.js

@@ -0,0 +1,193 @@
+import{a as h,S as v,I as m,A as c,b as s,s as _,f as b,i as g,n as d,r as p,t as f}from"./index-CEcM1R_C.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-icon-xeGTVhVG.js";var x=Object.defineProperty,w=Object.getOwnPropertyDescriptor,n=(t,e,a,l)=>{for(var i=l>1?void 0:l?w(e,a):e,o=t.length-1,u;o>=0;o--)(u=t[o])&&(i=(l?u(e,a,i):u(i))||i);return l&&i&&x(e,a,i),i};let r=class extends h{constructor(){super(...arguments),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}connectedCallback(){super.connectedCallback(),this._initSse()}_initSse(){if(!this.eventDispatcher||this._sse)return;const t=()=>{this._scheduleReload()};this._sse=new v(this,this.eventDispatcher,{"session:sub_agent_spawned":t,"session:sub_agent_completed":t,"session:sub_agent_archived":t,"session:sub_agent_spawn_rejected":t,"session:sub_agent_spawn_started":t,"session:sub_agent_spawn_queued":t,"session:sub_agent_lifecycle_ended":t})}_scheduleReload(t=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},t)}disconnectedCallback(){super.disconnectedCallback(),this._reloadDebounce!==null&&(clearTimeout(this._reloadDebounce),this._reloadDebounce=null),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(t){t.has("rpcClient")&&this.rpcClient&&this._tryLoad(),t.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(t=>{t==="connected"&&this._loadData()})}async _loadData(){if(this.rpcClient)try{const t=await this.rpcClient.call("subagent.list",{recentMinutes:60});this._runs=t.runs??[],this._loadState="loaded"}catch{this._loadState="error"}}_requestKill(t){this._confirmKillRunId=t}async _confirmKill(){const t=this._confirmKillRunId;if(this._confirmKillRunId=null,!(!t||!this.rpcClient))try{await this.rpcClient.call("subagent.kill",{target:t}),m.show("Sub-agent kill signal sent","success"),this._loadData()}catch{m.show("Failed to kill sub-agent","error")}}_cancelKill(){this._confirmKillRunId=null}_truncate(t,e){return t.length>e?t.slice(0,e)+"…":t}_statusColor(t){switch(t){case"running":return"blue";case"completed":return"green";case"failed":return"red";case"queued":return"yellow";default:return"default"}}_formatDuration(t,e){const a=e-t;return a<1e3?`${a}ms`:a<6e4?`${(a/1e3).toFixed(1)}s`:`${(a/6e4).toFixed(1)}m`}_renderRun(t){const e=t.status==="running"||t.status==="queued";return s`
+      <div class="run-card">
+        <div class="run-header">
+          <ic-tag color=${this._statusColor(t.status)}>${t.status}</ic-tag>
+          <span class="run-agent-id">${t.agentId}</span>
+        </div>
+        <div class="run-task" title=${t.task}>${this._truncate(t.task,80)}</div>
+        <div class="run-meta">
+          <span class="run-meta-item">
+            <span class="run-meta-label">Started:</span>
+            <ic-relative-time .timestamp=${t.startedAt}></ic-relative-time>
+          </span>
+          ${t.completedAt?s`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Duration:</span>
+              <span class="run-meta-value">${this._formatDuration(t.startedAt,t.completedAt)}</span>
+            </span>
+          `:c}
+          <span class="run-meta-item">
+            <span class="run-meta-label">Depth:</span>
+            <span class="run-meta-value">${t.depth}</span>
+          </span>
+          ${t.result?s`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Tokens:</span>
+              <span class="run-meta-value">${t.result.tokensUsed.total.toLocaleString()}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Cost:</span>
+              <span class="run-meta-value">$${t.result.cost.total.toFixed(4)}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Steps:</span>
+              <span class="run-meta-value">${t.result.stepsExecuted}</span>
+            </span>
+          `:c}
+        </div>
+        ${t.error?s`
+          <div class="run-error">${t.error}</div>
+        `:c}
+        ${e?s`
+          <div class="run-actions">
+            <button class="kill-btn" @click=${()=>this._requestKill(t.runId)}>Kill</button>
+          </div>
+        `:c}
+      </div>
+    `}render(){return s`
+      ${this._loadState==="loading"?s`
+        <ic-skeleton-view variant="dashboard"></ic-skeleton-view>
+      `:this._loadState==="error"?s`
+        <div class="error-message">
+          Failed to load sub-agent data
+          <br />
+          <button class="retry-btn" @click=${()=>{this._loadData()}}>Retry</button>
+        </div>
+      `:this._runs.length===0?s`
+        <ic-empty-state message="No sub-agent runs in the last 60 minutes"></ic-empty-state>
+      `:s`
+        <div class="run-list">
+          ${this._runs.map(t=>this._renderRun(t))}
+        </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>
+    `}};r.styles=[_,b,g`
+      :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);
+      }
+    `];n([d({attribute:!1})],r.prototype,"rpcClient",2);n([d({attribute:!1})],r.prototype,"apiClient",2);n([d({attribute:!1})],r.prototype,"eventDispatcher",2);n([p()],r.prototype,"_loadState",2);n([p()],r.prototype,"_runs",2);n([p()],r.prototype,"_confirmKillRunId",2);r=n([f("ic-subagents-view")],r);export{r as IcSubagentsView};