comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/{agent-detail-BG9MGWWj.js → agent-detail-DqL6Artv.js}

@@ -1,20 +1,4 @@
-import{s as x,i as _,n as u,a as $,b as s,t as w,S as k,I as h,A as n,f as C,r as v}from"./index-CEcM1R_C.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-tag-CPPUnDLF.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-relative-time-3FqpjeAI.js";var S=Object.defineProperty,D=Object.getOwnPropertyDescriptor,g=(e,t,a,i)=>{for(var r=i>1?void 0:i?D(t,a):t,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(t,a,r):l(r))||r);return i&&r&&S(t,a,r),r};function y(e){return e.toLocaleString("en-US")}let p=class extends ${constructor(){super(...arguments),this.label="",this.used=0,this.total=0,this.warnThreshold=70,this.dangerThreshold=90}render(){if(this.total===0)return s`
-        <div class="header">
-          <span class="label">${this.label}</span>
-          <span class="unlimited">unlimited</span>
-        </div>
-      `;const e=Math.min(100,Math.round(this.used/this.total*100)),t=e>=this.dangerThreshold?"bar-fill--danger":e>=this.warnThreshold?"bar-fill--warning":"bar-fill--success";return s`
-      <div class="header">
-        <span class="label">${this.label}</span>
-        <span class="values">${y(this.used)} / ${y(this.total)} (${e}%)</span>
-      </div>
-      <div class="track">
-        <div
-          class="bar-fill ${t}"
-          style="width: ${e}%"
-        ></div>
-      </div>
-    `}};p.styles=[x,_`
+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-BBkuC-EU.js";import"./ic-breadcrumb-DqN6G3gc.js";import"./ic-tag-CvMVQFRR.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-relative-time-B3UAnTqg.js";function f(e){return e.toLocaleString(`en-US`)}var p=class extends r{constructor(...e){super(...e),this.label=``,this.used=0,this.total=0,this.warnThreshold=70,this.dangerThreshold=90}static{this.styles=[o,n`
       :host {
         display: block;
       }
@@ -69,261 +53,23 @@ import{s as x,i as _,n as u,a as $,b as s,t as w,S as k,I as h,A as n,f as C,r a
         color: var(--ic-text-dim, #6b7280);
         font-style: italic;
       }
-    `];g([u()],p.prototype,"label",2);g([u({type:Number})],p.prototype,"used",2);g([u({type:Number})],p.prototype,"total",2);g([u({type:Number})],p.prototype,"warnThreshold",2);g([u({type:Number})],p.prototype,"dangerThreshold",2);p=g([w("ic-budget-bar")],p);var T=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(e,t,a,i)=>{for(var r=i>1?void 0:i?P(t,a):t,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(t,a,r):l(r))||r);return i&&r&&T(t,a,r),r};function M(e){if(e>=1e6){const t=e/1e6;return t%1===0?`${t}M`:`${t.toFixed(1)}M`}if(e>=1e3){const t=e/1e3;return t%1===0?`${t}K`:`${t.toFixed(1)}K`}return String(e)}function I(e){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}function b(e){return e.toLocaleString("en-US")}const R={closed:"success",open:"error","half-open":"warning"};let o=class extends ${constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this.agentId="",this._agent=null,this._billing=null,this._skills=[],this._loadState="loading",this._error="",this._actionPending=!1,this._heartbeatState=null,this._deleteRequested=!1}connectedCallback(){super.connectedCallback(),this._initSse()}updated(e){(e.has("agentId")||e.has("rpcClient"))&&this.agentId&&this.rpcClient&&this._loadData(),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 k(this,this.eventDispatcher,{"observability:token_usage":()=>{this._scheduleReload()},"scheduler:heartbeat_delivered":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},e)}async _loadData(){if(!(!this.rpcClient||!this.agentId)){this._loadState="loading",this._error="";try{const e=await this.rpcClient.call("agents.get",{agentId:this.agentId});this._agent=this._mapToAgentDetail(e),this._loadState="loaded";const t=this.rpcClient;Promise.allSettled([t.call("obs.billing.byAgent",{agentId:this.agentId}),t.call("skills.list",{agentId:this.agentId}).then(a=>a.skills??[]),t.call("heartbeat.states",{}).then(a=>(a.agents??[]).find(i=>i.agentId===this.agentId)??null)]).then(([a,i,r])=>{this._billing=a.status==="fulfilled"?a.value:null,this._skills=i.status==="fulfilled"&&Array.isArray(i.value)?i.value:[],this._heartbeatState=r.status==="fulfilled"?r.value:null})}catch(e){this._error=e instanceof Error?e.message:"Failed to load agent",this._loadState="error"}}}_mapToAgentDetail(e){const t=e.config,a=t.circuitBreaker,i=t.contextGuard,r=t.sdkRetry,c=t.modelFailover,l=t.rag,m=t.session?.resetPolicy,f=t.concurrency;return{id:e.agentId,name:t.name??e.agentId,status:e.suspended?"suspended":"active",model:t.model??"",provider:t.provider??"",maxSteps:t.maxSteps,temperature:t.temperature,thinkingLevel:t.thinkingLevel,maxTokens:t.maxTokens,maxContextChars:t.maxContextChars,budgets:t.budgets,circuitBreaker:a?{state:"closed",failures:0,threshold:a.failureThreshold,resetTimeoutMs:a.resetTimeoutMs}:void 0,safety:{contextGuard:i?{enabled:i.enabled,warnPct:i.warnPercent,blockPct:i.blockPercent}:void 0,sdkRetry:r?{enabled:r.enabled,maxRetries:r.maxRetries,baseDelayMs:r.baseDelayMs}:void 0,modelFailover:c?{fallbackCount:(c.fallbackModels??[]).length}:void 0},rag:l?{enabled:l.enabled,maxResults:l.maxResults,minScore:l.minScore,trustLevels:l.includeTrustLevels}:void 0,sessionPolicy:m?{resetMode:m.mode,idleTimeoutMs:m.idleTimeoutMs,dailyResetHour:m.dailyResetHour,timezone:m.dailyResetTimezone}:void 0,concurrency:f?{maxConcurrent:f.maxConcurrentRuns,maxQueued:f.maxQueuedPerSession,queueMode:"followup"}:void 0,routingBindings:t.routingBindings}}_navigate(e){this.dispatchEvent(new CustomEvent("navigate",{detail:e,bubbles:!0,composed:!0}))}async _handleSuspendResume(){if(!this.rpcClient||!this._agent||this._actionPending)return;this._actionPending=!0;const e=this._agent.status==="suspended",t=e?"agents.resume":"agents.suspend",a=e?"resumed":"suspended";try{await this.rpcClient.call(t,{agentId:this.agentId}),h.show(`Agent ${this.agentId} ${a}`,"success"),await this._loadData()}catch(i){h.show(`Failed to ${e?"resume":"suspend"} agent: ${i instanceof Error?i.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}async _handleDelete(){if(!(!this.rpcClient||this._actionPending)){this._actionPending=!0;try{await this.rpcClient.call("agents.delete",{agentId:this.agentId}),h.show(`Agent ${this.agentId} deleted`,"success"),this._navigate("agents")}catch(e){h.show(`Failed to delete agent: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}}render(){switch(this._loadState){case"loading":return s`<ic-skeleton-view variant="detail"></ic-skeleton-view>`;case"error":return s`
-          <div class="error-container">
-            <div class="error-message">${this._error}</div>
-            <button class="retry-btn" @click=${()=>this._loadData()}>Retry</button>
-          </div>
-        `;case"loaded":return this._renderDetail()}}_renderDetail(){if(!this._agent)return n;const e=this._agent,t=e.status==="suspended",a=t?"Resume":"Suspend";return s`
-      <div class="header">
-        <div class="header-left">
-          <ic-breadcrumb
-            .items=${[{label:"Agents",route:"agents"},{label:e.name??e.id}]}
-            @navigate=${i=>this._navigate(i.detail)}
-          ></ic-breadcrumb>
-          <div class="agent-title">
-            <h1>${e.name??e.id}</h1>
-            <ic-tag variant=${t?"warning":"success"}>${e.status}</ic-tag>
-          </div>
-        </div>
-        <div class="header-actions">
-          <button
-            class="btn btn--secondary"
-            @click=${()=>this._navigate(`agents/${this.agentId}/workspace`)}
-          >Workspace</button>
-          <button
-            class="btn btn--primary"
-            @click=${()=>this._navigate(`agents/${this.agentId}/edit`)}
-          >Edit</button>
-          <button
-            class="btn btn--secondary"
-            ?disabled=${this._actionPending}
-            @click=${()=>this._handleSuspendResume()}
-          >${a}</button>
-          <button
-            class="btn btn--danger"
-            ?disabled=${this._actionPending}
-            @click=${()=>this._requestDelete()}
-          >Delete</button>
-        </div>
-      </div>
-
-      <div class="detail-layout">
-        <div class="left-column">
-          ${this._renderIdentityCard()}
-          ${this._renderStatsCard()}
-          ${this._renderConfigCard()}
-        </div>
-        <div class="right-column">
-          ${this._renderBudgetGaugesCard()}
-          ${this._renderCircuitBreakerCard()}
-          ${this._renderSkillsCard()}
-          ${this._renderHeartbeatCard()}
-        </div>
-      </div>
-
-      <ic-confirm-dialog
-        ?open=${this._deleteRequested}
-        title="Delete Agent"
-        message=${`Delete agent "${this.agentId}"? This action cannot be undone.`}
-        variant="danger"
-        confirmLabel="Delete"
-        @confirm=${()=>this._handleDelete()}
-        @cancel=${()=>{this._deleteRequested=!1}}
-      ></ic-confirm-dialog>
-    `}_requestDelete(){this._deleteRequested=!0}_renderIdentityCard(){const e=this._agent,t=[{label:"Agent ID",value:e.id,mono:!0},{label:"Display Name",value:e.name},{label:"Provider",value:e.provider},{label:"Model",value:e.model},{label:"Temperature",value:e.temperature!==void 0?String(e.temperature):"default"},{label:"Max Steps",value:e.maxSteps!==void 0?String(e.maxSteps):"default"},{label:"Max Tokens",value:e.maxTokens!==void 0?b(e.maxTokens):"default"},{label:"Thinking Level",value:e.thinkingLevel??"default"}];return s`
-      <div class="card">
-        <h3 class="card-title">Identity</h3>
-        ${t.map(a=>s`
-            <div class="identity-row">
-              <span class="identity-label">${a.label}</span>
-              <span class="identity-value ${a.mono?"identity-value--mono":""}">${a.value??"-"}</span>
-            </div>
-          `)}
-      </div>
-    `}_renderStatsCard(){const e=this._billing,t=b(e?.messagesToday??0),a=M(e?.tokensToday??0),i=String(e?.activeSessions??0),r=I(e?.costToday??0);return s`
-      <div class="card">
-        <h3 class="card-title">Stats</h3>
-        <div class="stat-grid">
-          <ic-stat-card label="Messages Today" value=${t}></ic-stat-card>
-          <ic-stat-card label="Tokens Today" value=${a}></ic-stat-card>
-          <ic-stat-card label="Cost Today" value=${r}></ic-stat-card>
-          <ic-stat-card label="Active Sessions" value=${i}></ic-stat-card>
-        </div>
-      </div>
-    `}_renderConfigCard(){const e=this._agent,t=e.sessionPolicy&&(e.sessionPolicy.resetMode||e.sessionPolicy.idleTimeoutMs),a=e.concurrency&&(e.concurrency.maxConcurrent||e.concurrency.maxQueued),i=e.safety&&(e.safety.contextGuard||e.safety.sdkRetry||e.safety.modelFailover);return!t&&!a&&!i?n:s`
-      <div class="card">
-        <h3 class="card-title">Configuration</h3>
-
-        ${t?s`
-          <div class="config-group">
-            <h4 class="config-group-title">Session Policy</h4>
-            ${e.sessionPolicy?.resetMode?s`
-              <div class="identity-row">
-                <span class="identity-label">Reset Mode</span>
-                <span class="identity-value">${e.sessionPolicy.resetMode}</span>
-              </div>
-            `:n}
-            ${e.sessionPolicy?.idleTimeoutMs?s`
-              <div class="identity-row">
-                <span class="identity-label">Idle Timeout</span>
-                <span class="identity-value">${b(e.sessionPolicy.idleTimeoutMs)}ms</span>
-              </div>
-            `:n}
-            ${e.sessionPolicy?.timezone?s`
-              <div class="identity-row">
-                <span class="identity-label">Timezone</span>
-                <span class="identity-value">${e.sessionPolicy.timezone}</span>
-              </div>
-            `:n}
-          </div>
-        `:n}
-
-        ${a?s`
-          <div class="config-group">
-            <h4 class="config-group-title">Concurrency</h4>
-            ${e.concurrency?.maxConcurrent!==void 0?s`
-              <div class="identity-row">
-                <span class="identity-label">Max Concurrent</span>
-                <span class="identity-value">${e.concurrency.maxConcurrent}</span>
-              </div>
-            `:n}
-            ${e.concurrency?.maxQueued!==void 0?s`
-              <div class="identity-row">
-                <span class="identity-label">Queue Mode</span>
-                <span class="identity-value">${e.concurrency.queueMode??"followup"}</span>
-              </div>
-            `:n}
-          </div>
-        `:n}
-
-        ${i?s`
-          <div class="config-group">
-            <h4 class="config-group-title">Safety</h4>
-            ${e.safety?.contextGuard?s`
-              <div class="identity-row">
-                <span class="identity-label">Context Guard</span>
-                <span class="identity-value">
-                  ${e.safety.contextGuard.enabled?"enabled":"disabled"}
-                  (warn: ${e.safety.contextGuard.warnPct}%, block: ${e.safety.contextGuard.blockPct}%)
-                </span>
-              </div>
-            `:n}
-            ${e.safety?.sdkRetry?s`
-              <div class="identity-row">
-                <span class="identity-label">SDK Retry</span>
-                <span class="identity-value">
-                  ${e.safety.sdkRetry.enabled?"enabled":"disabled"}
-                  (${e.safety.sdkRetry.maxRetries} retries)
-                </span>
-              </div>
-            `:n}
-            ${e.safety?.modelFailover?s`
-              <div class="identity-row">
-                <span class="identity-label">Model Failover</span>
-                <span class="identity-value">${e.safety.modelFailover.fallbackCount} fallback models</span>
-              </div>
-            `:n}
-          </div>
-        `:n}
-      </div>
-    `}_renderBudgetGaugesCard(){const e=this._agent,t=this._billing,a=e.budgets,i=a&&(a.perExecution!==void 0||a.perHour!==void 0||a.perDay!==void 0);return s`
-      <div class="card">
-        <h3 class="card-title">Budget</h3>
-        ${i?s`
-          <div class="budget-gauges">
-            ${a.perExecution!==void 0?s`
-              <ic-metric-gauge
-                .value=${this._budgetPct(t?.budgetUsed?.perExecution?.used??0,a.perExecution)}
-                label="Per Exec"
-              ></ic-metric-gauge>
-            `:n}
-            ${a.perHour!==void 0?s`
-              <ic-metric-gauge
-                .value=${this._budgetPct(t?.budgetUsed?.perHour?.used??0,a.perHour)}
-                label="Per Hour"
-              ></ic-metric-gauge>
-            `:n}
-            ${a.perDay!==void 0?s`
-              <ic-metric-gauge
-                .value=${this._budgetPct(t?.budgetUsed?.perDay?.used??0,a.perDay)}
-                label="Per Day"
-              ></ic-metric-gauge>
-            `:n}
-          </div>
-        `:s`
-          <p class="budget-empty">No budget set</p>
-        `}
-      </div>
-    `}_budgetPct(e,t){return t<=0?0:Math.min(100,Math.round(e/t*100))}_renderCircuitBreakerCard(){const e=this._agent?.circuitBreaker;if(!e)return n;const t=R[e.state]??"default";return s`
-      <div class="card">
-        <h3 class="card-title">Circuit Breaker</h3>
-        <div class="circuit-breaker">
-          <div class="cb-row">
-            <span class="cb-label">State:</span>
-            <ic-tag variant=${t}>${e.state}</ic-tag>
-          </div>
-          <div class="cb-row">
-            <span class="cb-label">Failures:</span>
-            <span>${e.failures}</span>
-          </div>
-          ${e.threshold!==void 0?s`
-            <div class="cb-row">
-              <span class="cb-label">Threshold:</span>
-              <span>${e.threshold}</span>
-            </div>
-          `:n}
-          ${e.resetTimeoutMs!==void 0?s`
-            <div class="cb-row">
-              <span class="cb-label">Reset:</span>
-              <span>${b(e.resetTimeoutMs)}ms</span>
-            </div>
-          `:n}
+    `]}render(){if(this.total===0)return t`
+        <div class="header">
+          <span class="label">${this.label}</span>
+          <span class="unlimited">unlimited</span>
         </div>
+      `;let e=Math.min(100,Math.round(this.used/this.total*100)),n=e>=this.dangerThreshold?`bar-fill--danger`:e>=this.warnThreshold?`bar-fill--warning`:`bar-fill--success`;return t`
+      <div class="header">
+        <span class="label">${this.label}</span>
+        <span class="values">${f(this.used)} / ${f(this.total)} (${e}%)</span>
       </div>
-    `}_renderSkillsCard(){const e=this._skills,t=e.length;return s`
-      <div class="card">
-        <h3 class="card-title">Skills (${t})</h3>
-        ${t>0?s`
-              <div class="skill-chips">
-                ${e.map(a=>{const i=a.source==="bundled"?"built-in":a.source==="local"?"prompt":a.source==="workspace"?"mcp":"built-in",r=a.source==="bundled"?"info":a.source==="local"?"success":"warning";return s`<ic-tag variant=${r} title=${a.description||a.name}>${a.name} (${i})</ic-tag>`})}
-              </div>
-            `:s`<p class="muted">No skills configured</p>`}
-      </div>
-    `}_renderHeartbeatCard(){const e=this._heartbeatState;if(!e)return n;const t=Date.now(),a=e.backoffUntilMs>t,i=e.consecutiveErrors>0,r=e.tickStartedAtMs>0;let c,l;return e.enabled?a?(c="backoff",l="warning"):i?(c="error",l="error"):(c="healthy",l="success"):(c="disabled",l="default"),s`
-      <div class="card">
-        <h3 class="card-title">Heartbeat</h3>
-        <div class="heartbeat-info">
-          <div class="hb-row">
-            <span class="hb-label">Status:</span>
-            <ic-tag variant=${l}>${c}</ic-tag>
-            ${r?s`<span class="hb-running">running...</span>`:n}
-          </div>
-          <div class="hb-row">
-            <span class="hb-label">Interval:</span>
-            <span>${this._formatInterval(e.intervalMs)}</span>
-          </div>
-          ${e.lastRunMs>0?s`
-            <div class="hb-row">
-              <span class="hb-label">Last run:</span>
-              <ic-relative-time .timestamp=${e.lastRunMs}></ic-relative-time>
-            </div>
-          `:n}
-          ${e.nextDueMs>0?s`
-            <div class="hb-row">
-              <span class="hb-label">Next due:</span>
-              <ic-relative-time .timestamp=${e.nextDueMs}></ic-relative-time>
-            </div>
-          `:n}
-          ${i?s`
-            <div class="hb-row">
-              <span class="hb-label">Errors:</span>
-              <span>${e.consecutiveErrors} consecutive${e.lastErrorKind?` (${e.lastErrorKind})`:""}</span>
-            </div>
-          `:n}
-        </div>
+      <div class="track">
+        <div
+          class="bar-fill ${n}"
+          style="width: ${e}%"
+        ></div>
       </div>
-    `}_formatInterval(e){return e>=36e5?`Every ${Math.round(e/36e5)}h`:e>=6e4?`Every ${Math.round(e/6e4)}m`:`Every ${Math.round(e/1e3)}s`}};o.styles=[x,C,_`
+    `}};c([s()],p.prototype,`label`,void 0),c([s({type:Number})],p.prototype,`used`,void 0),c([s({type:Number})],p.prototype,`total`,void 0),c([s({type:Number})],p.prototype,`warnThreshold`,void 0),c([s({type:Number})],p.prototype,`dangerThreshold`,void 0),p=c([e(`ic-budget-bar`)],p);function m(e){if(e>=1e6){let t=e/1e6;return t%1==0?`${t}M`:`${t.toFixed(1)}M`}if(e>=1e3){let t=e/1e3;return t%1==0?`${t}K`:`${t.toFixed(1)}K`}return String(e)}function h(e){return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`,minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}function g(e){return e.toLocaleString(`en-US`)}var _={closed:`success`,open:`error`,"half-open":`warning`},v=class extends r{constructor(...e){super(...e),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this.agentId=``,this._agent=null,this._billing=null,this._skills=[],this._loadState=`loading`,this._error=``,this._actionPending=!1,this._heartbeatState=null,this._deleteRequested=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -612,4 +358,258 @@ import{s as x,i as _,n as u,a as $,b as s,t as w,S as k,I as h,A as n,f as C,r a
           flex-wrap: wrap;
         }
       }
-    `];d([u({attribute:!1})],o.prototype,"apiClient",2);d([u({attribute:!1})],o.prototype,"rpcClient",2);d([u({attribute:!1})],o.prototype,"eventDispatcher",2);d([u()],o.prototype,"agentId",2);d([v()],o.prototype,"_agent",2);d([v()],o.prototype,"_billing",2);d([v()],o.prototype,"_skills",2);d([v()],o.prototype,"_loadState",2);d([v()],o.prototype,"_error",2);d([v()],o.prototype,"_actionPending",2);d([v()],o.prototype,"_heartbeatState",2);d([v()],o.prototype,"_deleteRequested",2);o=d([w("ic-agent-detail")],o);export{o as IcAgentDetail,M as formatTokens};
+    `]}connectedCallback(){super.connectedCallback(),this._initSse()}updated(e){(e.has(`agentId`)||e.has(`rpcClient`))&&this.agentId&&this.rpcClient&&this._loadData(),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()},"scheduler:heartbeat_delivered":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},e)}async _loadData(){if(!(!this.rpcClient||!this.agentId)){this._loadState=`loading`,this._error=``;try{let e=await this.rpcClient.call(`agents.get`,{agentId:this.agentId});this._agent=this._mapToAgentDetail(e),this._loadState=`loaded`;let t=this.rpcClient;Promise.allSettled([t.call(`obs.billing.byAgent`,{agentId:this.agentId}),t.call(`skills.list`,{agentId:this.agentId}).then(e=>e.skills??[]),t.call(`heartbeat.states`,{}).then(e=>(e.agents??[]).find(e=>e.agentId===this.agentId)??null)]).then(([e,t,n])=>{this._billing=e.status===`fulfilled`?e.value:null,this._skills=t.status===`fulfilled`&&Array.isArray(t.value)?t.value:[],this._heartbeatState=n.status===`fulfilled`?n.value:null})}catch(e){this._error=e instanceof Error?e.message:`Failed to load agent`,this._loadState=`error`}}}_mapToAgentDetail(e){let t=e.config,n=t.circuitBreaker,r=t.contextGuard,i=t.sdkRetry,a=t.modelFailover,o=t.rag,s=t.session?.resetPolicy,c=t.concurrency;return{id:e.agentId,name:t.name??e.agentId,status:e.suspended?`suspended`:`active`,model:t.model??``,provider:t.provider??``,maxSteps:t.maxSteps,temperature:t.temperature,thinkingLevel:t.thinkingLevel,maxTokens:t.maxTokens,maxContextChars:t.maxContextChars,budgets:t.budgets,circuitBreaker:n?{state:`closed`,failures:0,threshold:n.failureThreshold,resetTimeoutMs:n.resetTimeoutMs}:void 0,safety:{contextGuard:r?{enabled:r.enabled,warnPct:r.warnPercent,blockPct:r.blockPercent}:void 0,sdkRetry:i?{enabled:i.enabled,maxRetries:i.maxRetries,baseDelayMs:i.baseDelayMs}:void 0,modelFailover:a?{fallbackCount:(a.fallbackModels??[]).length}:void 0},rag:o?{enabled:o.enabled,maxResults:o.maxResults,minScore:o.minScore,trustLevels:o.includeTrustLevels}:void 0,sessionPolicy:s?{resetMode:s.mode,idleTimeoutMs:s.idleTimeoutMs,dailyResetHour:s.dailyResetHour,timezone:s.dailyResetTimezone}:void 0,concurrency:c?{maxConcurrent:c.maxConcurrentRuns,maxQueued:c.maxQueuedPerSession,queueMode:`followup`}:void 0,routingBindings:t.routingBindings}}_navigate(e){this.dispatchEvent(new CustomEvent(`navigate`,{detail:e,bubbles:!0,composed:!0}))}async _handleSuspendResume(){if(!this.rpcClient||!this._agent||this._actionPending)return;this._actionPending=!0;let e=this._agent.status===`suspended`,t=e?`agents.resume`:`agents.suspend`,n=e?`resumed`:`suspended`;try{await this.rpcClient.call(t,{agentId:this.agentId}),u.show(`Agent ${this.agentId} ${n}`,`success`),await this._loadData()}catch(t){u.show(`Failed to ${e?`resume`:`suspend`} agent: ${t instanceof Error?t.message:`Unknown error`}`,`error`)}finally{this._actionPending=!1}}async _handleDelete(){if(!(!this.rpcClient||this._actionPending)){this._actionPending=!0;try{await this.rpcClient.call(`agents.delete`,{agentId:this.agentId}),u.show(`Agent ${this.agentId} deleted`,`success`),this._navigate(`agents`)}catch(e){u.show(`Failed to delete agent: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}finally{this._actionPending=!1}}}render(){switch(this._loadState){case`loading`:return t`<ic-skeleton-view variant="detail"></ic-skeleton-view>`;case`error`:return t`
+          <div class="error-container">
+            <div class="error-message">${this._error}</div>
+            <button class="retry-btn" @click=${()=>this._loadData()}>Retry</button>
+          </div>
+        `;case`loaded`:return this._renderDetail()}}_renderDetail(){if(!this._agent)return l;let e=this._agent,n=e.status===`suspended`,r=n?`Resume`:`Suspend`;return t`
+      <div class="header">
+        <div class="header-left">
+          <ic-breadcrumb
+            .items=${[{label:`Agents`,route:`agents`},{label:e.name??e.id}]}
+            @navigate=${e=>this._navigate(e.detail)}
+          ></ic-breadcrumb>
+          <div class="agent-title">
+            <h1>${e.name??e.id}</h1>
+            <ic-tag variant=${n?`warning`:`success`}>${e.status}</ic-tag>
+          </div>
+        </div>
+        <div class="header-actions">
+          <button
+            class="btn btn--secondary"
+            @click=${()=>this._navigate(`agents/${this.agentId}/workspace`)}
+          >Workspace</button>
+          <button
+            class="btn btn--primary"
+            @click=${()=>this._navigate(`agents/${this.agentId}/edit`)}
+          >Edit</button>
+          <button
+            class="btn btn--secondary"
+            ?disabled=${this._actionPending}
+            @click=${()=>this._handleSuspendResume()}
+          >${r}</button>
+          <button
+            class="btn btn--danger"
+            ?disabled=${this._actionPending}
+            @click=${()=>this._requestDelete()}
+          >Delete</button>
+        </div>
+      </div>
+
+      <div class="detail-layout">
+        <div class="left-column">
+          ${this._renderIdentityCard()}
+          ${this._renderStatsCard()}
+          ${this._renderConfigCard()}
+        </div>
+        <div class="right-column">
+          ${this._renderBudgetGaugesCard()}
+          ${this._renderCircuitBreakerCard()}
+          ${this._renderSkillsCard()}
+          ${this._renderHeartbeatCard()}
+        </div>
+      </div>
+
+      <ic-confirm-dialog
+        ?open=${this._deleteRequested}
+        title="Delete Agent"
+        message=${`Delete agent "${this.agentId}"? This action cannot be undone.`}
+        variant="danger"
+        confirmLabel="Delete"
+        @confirm=${()=>this._handleDelete()}
+        @cancel=${()=>{this._deleteRequested=!1}}
+      ></ic-confirm-dialog>
+    `}_requestDelete(){this._deleteRequested=!0}_renderIdentityCard(){let e=this._agent;return t`
+      <div class="card">
+        <h3 class="card-title">Identity</h3>
+        ${[{label:`Agent ID`,value:e.id,mono:!0},{label:`Display Name`,value:e.name},{label:`Provider`,value:e.provider},{label:`Model`,value:e.model},{label:`Temperature`,value:e.temperature===void 0?`default`:String(e.temperature)},{label:`Max Steps`,value:e.maxSteps===void 0?`default`:String(e.maxSteps)},{label:`Max Tokens`,value:e.maxTokens===void 0?`default`:g(e.maxTokens)},{label:`Thinking Level`,value:e.thinkingLevel??`default`}].map(e=>t`
+            <div class="identity-row">
+              <span class="identity-label">${e.label}</span>
+              <span class="identity-value ${e.mono?`identity-value--mono`:``}">${e.value??`-`}</span>
+            </div>
+          `)}
+      </div>
+    `}_renderStatsCard(){let e=this._billing,n=g(e?.messagesToday??0),r=m(e?.tokensToday??0),i=String(e?.activeSessions??0);return t`
+      <div class="card">
+        <h3 class="card-title">Stats</h3>
+        <div class="stat-grid">
+          <ic-stat-card label="Messages Today" value=${n}></ic-stat-card>
+          <ic-stat-card label="Tokens Today" value=${r}></ic-stat-card>
+          <ic-stat-card label="Cost Today" value=${h(e?.costToday??0)}></ic-stat-card>
+          <ic-stat-card label="Active Sessions" value=${i}></ic-stat-card>
+        </div>
+      </div>
+    `}_renderConfigCard(){let e=this._agent,n=e.sessionPolicy&&(e.sessionPolicy.resetMode||e.sessionPolicy.idleTimeoutMs),r=e.concurrency&&(e.concurrency.maxConcurrent||e.concurrency.maxQueued),i=e.safety&&(e.safety.contextGuard||e.safety.sdkRetry||e.safety.modelFailover);return!n&&!r&&!i?l:t`
+      <div class="card">
+        <h3 class="card-title">Configuration</h3>
+
+        ${n?t`
+          <div class="config-group">
+            <h4 class="config-group-title">Session Policy</h4>
+            ${e.sessionPolicy?.resetMode?t`
+              <div class="identity-row">
+                <span class="identity-label">Reset Mode</span>
+                <span class="identity-value">${e.sessionPolicy.resetMode}</span>
+              </div>
+            `:l}
+            ${e.sessionPolicy?.idleTimeoutMs?t`
+              <div class="identity-row">
+                <span class="identity-label">Idle Timeout</span>
+                <span class="identity-value">${g(e.sessionPolicy.idleTimeoutMs)}ms</span>
+              </div>
+            `:l}
+            ${e.sessionPolicy?.timezone?t`
+              <div class="identity-row">
+                <span class="identity-label">Timezone</span>
+                <span class="identity-value">${e.sessionPolicy.timezone}</span>
+              </div>
+            `:l}
+          </div>
+        `:l}
+
+        ${r?t`
+          <div class="config-group">
+            <h4 class="config-group-title">Concurrency</h4>
+            ${e.concurrency?.maxConcurrent===void 0?l:t`
+              <div class="identity-row">
+                <span class="identity-label">Max Concurrent</span>
+                <span class="identity-value">${e.concurrency.maxConcurrent}</span>
+              </div>
+            `}
+            ${e.concurrency?.maxQueued===void 0?l:t`
+              <div class="identity-row">
+                <span class="identity-label">Queue Mode</span>
+                <span class="identity-value">${e.concurrency.queueMode??`followup`}</span>
+              </div>
+            `}
+          </div>
+        `:l}
+
+        ${i?t`
+          <div class="config-group">
+            <h4 class="config-group-title">Safety</h4>
+            ${e.safety?.contextGuard?t`
+              <div class="identity-row">
+                <span class="identity-label">Context Guard</span>
+                <span class="identity-value">
+                  ${e.safety.contextGuard.enabled?`enabled`:`disabled`}
+                  (warn: ${e.safety.contextGuard.warnPct}%, block: ${e.safety.contextGuard.blockPct}%)
+                </span>
+              </div>
+            `:l}
+            ${e.safety?.sdkRetry?t`
+              <div class="identity-row">
+                <span class="identity-label">SDK Retry</span>
+                <span class="identity-value">
+                  ${e.safety.sdkRetry.enabled?`enabled`:`disabled`}
+                  (${e.safety.sdkRetry.maxRetries} retries)
+                </span>
+              </div>
+            `:l}
+            ${e.safety?.modelFailover?t`
+              <div class="identity-row">
+                <span class="identity-label">Model Failover</span>
+                <span class="identity-value">${e.safety.modelFailover.fallbackCount} fallback models</span>
+              </div>
+            `:l}
+          </div>
+        `:l}
+      </div>
+    `}_renderBudgetGaugesCard(){let e=this._agent,n=this._billing,r=e.budgets;return t`
+      <div class="card">
+        <h3 class="card-title">Budget</h3>
+        ${r&&(r.perExecution!==void 0||r.perHour!==void 0||r.perDay!==void 0)?t`
+          <div class="budget-gauges">
+            ${r.perExecution===void 0?l:t`
+              <ic-metric-gauge
+                .value=${this._budgetPct(n?.budgetUsed?.perExecution?.used??0,r.perExecution)}
+                label="Per Exec"
+              ></ic-metric-gauge>
+            `}
+            ${r.perHour===void 0?l:t`
+              <ic-metric-gauge
+                .value=${this._budgetPct(n?.budgetUsed?.perHour?.used??0,r.perHour)}
+                label="Per Hour"
+              ></ic-metric-gauge>
+            `}
+            ${r.perDay===void 0?l:t`
+              <ic-metric-gauge
+                .value=${this._budgetPct(n?.budgetUsed?.perDay?.used??0,r.perDay)}
+                label="Per Day"
+              ></ic-metric-gauge>
+            `}
+          </div>
+        `:t`
+          <p class="budget-empty">No budget set</p>
+        `}
+      </div>
+    `}_budgetPct(e,t){return t<=0?0:Math.min(100,Math.round(e/t*100))}_renderCircuitBreakerCard(){let e=this._agent?.circuitBreaker;return e?t`
+      <div class="card">
+        <h3 class="card-title">Circuit Breaker</h3>
+        <div class="circuit-breaker">
+          <div class="cb-row">
+            <span class="cb-label">State:</span>
+            <ic-tag variant=${_[e.state]??`default`}>${e.state}</ic-tag>
+          </div>
+          <div class="cb-row">
+            <span class="cb-label">Failures:</span>
+            <span>${e.failures}</span>
+          </div>
+          ${e.threshold===void 0?l:t`
+            <div class="cb-row">
+              <span class="cb-label">Threshold:</span>
+              <span>${e.threshold}</span>
+            </div>
+          `}
+          ${e.resetTimeoutMs===void 0?l:t`
+            <div class="cb-row">
+              <span class="cb-label">Reset:</span>
+              <span>${g(e.resetTimeoutMs)}ms</span>
+            </div>
+          `}
+        </div>
+      </div>
+    `:l}_renderSkillsCard(){let e=this._skills,n=e.length;return t`
+      <div class="card">
+        <h3 class="card-title">Skills (${n})</h3>
+        ${n>0?t`
+              <div class="skill-chips">
+                ${e.map(e=>{let n=e.source===`bundled`?`built-in`:e.source===`local`?`prompt`:e.source===`workspace`?`mcp`:`built-in`;return t`<ic-tag variant=${e.source===`bundled`?`info`:e.source===`local`?`success`:`warning`} title=${e.description||e.name}>${e.name} (${n})</ic-tag>`})}
+              </div>
+            `:t`<p class="muted">No skills configured</p>`}
+      </div>
+    `}_renderHeartbeatCard(){let e=this._heartbeatState;if(!e)return l;let n=Date.now(),r=e.backoffUntilMs>n,i=e.consecutiveErrors>0,a=e.tickStartedAtMs>0,o,s;return e.enabled?r?(o=`backoff`,s=`warning`):i?(o=`error`,s=`error`):(o=`healthy`,s=`success`):(o=`disabled`,s=`default`),t`
+      <div class="card">
+        <h3 class="card-title">Heartbeat</h3>
+        <div class="heartbeat-info">
+          <div class="hb-row">
+            <span class="hb-label">Status:</span>
+            <ic-tag variant=${s}>${o}</ic-tag>
+            ${a?t`<span class="hb-running">running...</span>`:l}
+          </div>
+          <div class="hb-row">
+            <span class="hb-label">Interval:</span>
+            <span>${this._formatInterval(e.intervalMs)}</span>
+          </div>
+          ${e.lastRunMs>0?t`
+            <div class="hb-row">
+              <span class="hb-label">Last run:</span>
+              <ic-relative-time .timestamp=${e.lastRunMs}></ic-relative-time>
+            </div>
+          `:l}
+          ${e.nextDueMs>0?t`
+            <div class="hb-row">
+              <span class="hb-label">Next due:</span>
+              <ic-relative-time .timestamp=${e.nextDueMs}></ic-relative-time>
+            </div>
+          `:l}
+          ${i?t`
+            <div class="hb-row">
+              <span class="hb-label">Errors:</span>
+              <span>${e.consecutiveErrors} consecutive${e.lastErrorKind?` (${e.lastErrorKind})`:``}</span>
+            </div>
+          `:l}
+        </div>
+      </div>
+    `}_formatInterval(e){return e>=36e5?`Every ${Math.round(e/36e5)}h`:e>=6e4?`Every ${Math.round(e/6e4)}m`:`Every ${Math.round(e/1e3)}s`}};c([s({attribute:!1})],v.prototype,`apiClient`,void 0),c([s({attribute:!1})],v.prototype,`rpcClient`,void 0),c([s({attribute:!1})],v.prototype,`eventDispatcher`,void 0),c([s()],v.prototype,`agentId`,void 0),c([a()],v.prototype,`_agent`,void 0),c([a()],v.prototype,`_billing`,void 0),c([a()],v.prototype,`_skills`,void 0),c([a()],v.prototype,`_loadState`,void 0),c([a()],v.prototype,`_error`,void 0),c([a()],v.prototype,`_actionPending`,void 0),c([a()],v.prototype,`_heartbeatState`,void 0),c([a()],v.prototype,`_deleteRequested`,void 0),v=c([e(`ic-agent-detail`)],v);export{v as IcAgentDetail,m as formatTokens};