comisai 1.0.36 → 1.0.40

package/node_modules/@comis/web/dist/assets/agent-detail-DXSFtHWB.js

@@ -0,0 +1,615 @@
+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,n as d,s as f}from"./system-time-B0nBw4nV.js";import{a as p,i as m}from"./index-D_ZV_sV5.js";import"./ic-breadcrumb-1qP0UJ5v.js";import"./ic-tag-CKh2gHHX.js";import"./ic-confirm-dialog-Wdt0QSRg.js";import"./ic-relative-time-D6XlY7ay.js";function h(e,t){let n={hostConnected(){},hostDisconnected(){},getAgent(e){return t.call(`agents.get`,{agentId:e})},getAgentBilling(e){return t.call(`obs.billing.byAgent`,{agentId:e})},listSkills(e){return t.call(`skills.list`,{agentId:e})},getHeartbeatStates(){return t.call(`heartbeat.states`,{})},async suspendAgent(e){await t.call(`agents.suspend`,{agentId:e})},async resumeAgent(e){await t.call(`agents.resume`,{agentId:e})},async deleteAgent(e){await t.call(`agents.delete`,{agentId:e})}};return e.addController(n),n}function g(e){return e.toLocaleString(`en-US`)}var _=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;
+      }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: baseline;
+        margin-bottom: 4px;
+      }
+
+      .label {
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text, #f3f4f6);
+        font-weight: 500;
+      }
+
+      .values {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .track {
+        width: 100%;
+        height: 8px;
+        background: var(--ic-surface-2, #1f2937);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        overflow: hidden;
+      }
+
+      .bar-fill {
+        height: 100%;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        transition: width var(--ic-transition, 150ms ease);
+        min-width: 0;
+      }
+
+      .bar-fill--success {
+        background: var(--ic-success);
+      }
+
+      .bar-fill--warning {
+        background: var(--ic-warning);
+      }
+
+      .bar-fill--danger {
+        background: var(--ic-error);
+      }
+
+      .unlimited {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim, #6b7280);
+        font-style: italic;
+      }
+    `]}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">${g(this.used)} / ${g(this.total)} (${e}%)</span>
+      </div>
+      <div class="track">
+        <div
+          class="bar-fill ${n}"
+          style="width: ${e}%"
+        ></div>
+      </div>
+    `}};c([s()],_.prototype,`label`,void 0),c([s({type:Number})],_.prototype,`used`,void 0),c([s({type:Number})],_.prototype,`total`,void 0),c([s({type:Number})],_.prototype,`warnThreshold`,void 0),c([s({type:Number})],_.prototype,`dangerThreshold`,void 0),_=c([e(`ic-budget-bar`)],_);function v(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 y(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`)}var x={closed:`success`,open:`error`,"half-open":`warning`},S=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._controller=null,this._capturedRpcClient=null,this._deleteRequested=!1}static{this.styles=[o,i,n`
+      :host {
+        display: block;
+      }
+
+      /* Header */
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .header-left {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs, 0.25rem);
+      }
+
+      .agent-title {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .agent-title h1 {
+        font-size: var(--ic-text-xl, 1.25rem);
+        font-weight: 700;
+        margin: 0;
+      }
+
+      .header-actions {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .btn {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs, 0.25rem);
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease),
+          color var(--ic-transition, 150ms ease);
+      }
+
+      .btn--primary {
+        background: var(--ic-accent, #3b82f6);
+        color: #fff;
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .btn--primary:hover {
+        background: var(--ic-accent-hover, #2563eb);
+      }
+
+      .btn--secondary {
+        background: transparent;
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .btn--secondary:hover {
+        background: var(--ic-surface-2, #1f2937);
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .btn--danger {
+        background: transparent;
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+      }
+
+      .btn--danger:hover {
+        background: color-mix(in srgb, var(--ic-error, #f87171) 10%, transparent);
+      }
+
+      .btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      /* Two-column layout */
+      .detail-layout {
+        display: grid;
+        grid-template-columns: 3fr 2fr;
+        gap: var(--ic-space-lg, 1.5rem);
+      }
+
+      .left-column,
+      .right-column {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-lg, 1.5rem);
+      }
+
+      /* Card */
+      .card {
+        background: var(--ic-surface, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        padding: var(--ic-space-lg, 1.5rem);
+      }
+
+      .card-title {
+        font-size: var(--ic-text-md, 1rem);
+        font-weight: 600;
+        margin: 0 0 var(--ic-space-md, 0.75rem) 0;
+      }
+
+      /* Identity rows */
+      .identity-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: baseline;
+        padding: var(--ic-space-xs, 0.25rem) 0;
+        border-bottom: 1px solid color-mix(in srgb, var(--ic-border, #374151) 50%, transparent);
+      }
+
+      .identity-row:last-child {
+        border-bottom: none;
+      }
+
+      .identity-label {
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text-dim, #858d9d);
+      }
+
+      .identity-value {
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text, #f3f4f6);
+        font-weight: 500;
+      }
+
+      .identity-value--mono {
+        font-family: var(--ic-font-mono, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+      }
+
+      /* Stats 2x2 grid */
+      .stat-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      /* Config groups */
+      .config-group {
+        margin-bottom: var(--ic-space-md, 0.75rem);
+      }
+
+      .config-group:last-child {
+        margin-bottom: 0;
+      }
+
+      .config-group-title {
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--ic-text-dim, #858d9d);
+        margin: 0 0 var(--ic-space-xs, 0.25rem) 0;
+      }
+
+      /* Budget gauges */
+      .budget-gauges {
+        display: flex;
+        justify-content: space-around;
+        gap: var(--ic-space-md, 0.75rem);
+      }
+
+      .budget-empty {
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+        text-align: center;
+        padding: var(--ic-space-md, 0.75rem) 0;
+      }
+
+      /* Circuit breaker */
+      .circuit-breaker {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs, 0.25rem);
+      }
+
+      .cb-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .cb-label {
+        color: var(--ic-text-dim, #858d9d);
+        min-width: 80px;
+      }
+
+      /* Skills */
+      .skill-chips {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-xs, 0.25rem);
+      }
+
+      .muted {
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+      }
+
+      /* Heartbeat */
+      .heartbeat-info {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs, 0.25rem);
+      }
+
+      .hb-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .hb-label {
+        color: var(--ic-text-dim, #858d9d);
+        min-width: 100px;
+      }
+
+      .hb-running {
+        color: var(--ic-accent, #3b82f6);
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-style: italic;
+      }
+
+      /* Error state */
+      .error-container {
+        text-align: center;
+        padding: var(--ic-space-2xl, 3rem);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .error-message {
+        margin-bottom: var(--ic-space-md, 0.75rem);
+        color: var(--ic-error, #f87171);
+      }
+
+      .retry-btn {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .retry-btn:hover {
+        border-color: var(--ic-accent, #3b82f6);
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      /* Responsive */
+      @media (max-width: 767px) {
+        .detail-layout {
+          grid-template-columns: 1fr;
+        }
+
+        .stat-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .header {
+          flex-direction: column;
+          align-items: flex-start;
+          gap: var(--ic-space-sm, 0.5rem);
+        }
+
+        .budget-gauges {
+          flex-wrap: wrap;
+        }
+      }
+    `]}_ensureController(){return this._controller&&this._capturedRpcClient!==this.rpcClient&&(this.removeController(this._controller),this._controller=null,this._capturedRpcClient=null),!this._controller&&this.rpcClient&&(this._capturedRpcClient=this.rpcClient,this._controller=h(this,this.rpcClient)),this._controller}connectedCallback(){super.connectedCallback(),this._ensureController(),this._initSse()}updated(e){e.has(`rpcClient`)&&this._ensureController(),(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&&(d(this._reloadDebounce),this._reloadDebounce=null)}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new m(this,this.eventDispatcher,{"observability:token_usage":()=>{this._scheduleReload()},"scheduler:heartbeat_delivered":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&d(this._reloadDebounce),this._reloadDebounce=f(()=>{this._reloadDebounce=null,this._loadData()},e)}async _loadData(){if(!this.rpcClient||!this.agentId)return;let e=this._ensureController();if(e){this._loadState=`loading`,this._error=``;try{let t=await e.getAgent(this.agentId);this._agent=this._mapToAgentDetail(t),this._loadState=`loaded`;let n=this.agentId;Promise.allSettled([e.getAgentBilling(n),e.listSkills(n).then(e=>e.skills??[]),e.getHeartbeatStates().then(e=>(e.agents??[]).find(e=>e.agentId===n)??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(){let e=this._ensureController();if(!e||!this._agent||this._actionPending)return;this._actionPending=!0;let t=this._agent.status===`suspended`,n=t?`resumed`:`suspended`;try{t?await e.resumeAgent(this.agentId):await e.suspendAgent(this.agentId),p.show(`Agent ${this.agentId} ${n}`,`success`),await this._loadData()}catch(e){p.show(`Failed to ${t?`resume`:`suspend`} agent: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}finally{this._actionPending=!1}}async _handleDelete(){let e=this._ensureController();if(!(!e||this._actionPending)){this._actionPending=!0;try{await e.deleteAgent(this.agentId),p.show(`Agent ${this.agentId} deleted`,`success`),this._navigate(`agents`)}catch(e){p.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`:b(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=b(e?.messagesToday??0),r=v(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=${y(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">${b(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=${x[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>${b(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=u(),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})],S.prototype,`apiClient`,void 0),c([s({attribute:!1})],S.prototype,`rpcClient`,void 0),c([s({attribute:!1})],S.prototype,`eventDispatcher`,void 0),c([s()],S.prototype,`agentId`,void 0),c([a()],S.prototype,`_agent`,void 0),c([a()],S.prototype,`_billing`,void 0),c([a()],S.prototype,`_skills`,void 0),c([a()],S.prototype,`_loadState`,void 0),c([a()],S.prototype,`_error`,void 0),c([a()],S.prototype,`_actionPending`,void 0),c([a()],S.prototype,`_heartbeatState`,void 0),c([a()],S.prototype,`_deleteRequested`,void 0),S=c([e(`ic-agent-detail`)],S);export{S as IcAgentDetail,v as formatTokens};