comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/session-detail-SGEYNJ0M.js

@@ -0,0 +1,632 @@
+import{a as u,I as p,b as o,A as v,s as h,f as g,i as f,n as b,r as n,t as x}from"./index-CEcM1R_C.js";import{p as _,f as y,c as $}from"./session-key-parser-DPORMVyU.js";import{c as w}from"./ic-tool-call-7MaXSsCW.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-budget-segment-bar-BtJ6x5mN.js";import"./ic-layer-waterfall-COvEYMg5.js";import"./ic-chat-message-CFyDJd0z.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-icon-xeGTVhVG.js";import"./directive-DoeGSK_T.js";var C=Object.defineProperty,S=Object.getOwnPropertyDescriptor,i=(t,e,r,s)=>{for(var c=s>1?void 0:s?S(e,r):e,l=t.length-1,m;l>=0;l--)(m=t[l])&&(c=(s?m(e,r,c):m(c))||c);return s&&c&&C(e,r,c),c};function d(t){if(t>=1e3){const e=t/1e3;return e>=100?`${Math.round(e)}K`:`${e.toFixed(1)}K`}return String(t)}function k(t){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(t)}let a=class extends u{constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this.sessionKey="",this._session=null,this._messages=[],this._loading=!1,this._error="",this._showConfirm=!1,this._confirmAction="",this._activeTab="conversation",this._contextLoaded=!1,this._metricsLoaded=!1,this._pipelineSnapshots=[],this._dagCompactions=[],this._selectedSnapshot=null,this._sessionBilling=null}connectedCallback(){super.connectedCallback()}updated(t){(t.has("apiClient")||t.has("sessionKey"))&&this.apiClient&&this.sessionKey&&this._loadSession()}async _loadSession(){if(!(!this.apiClient||!this.sessionKey)){this._loading=!0,this._error="";try{const t=await this.apiClient.getSessionDetail(this.sessionKey);this._session=t.session,this._messages=t.messages}catch{this._error="Failed to load session. Please try again."}finally{this._loading=!1}}}_switchTab(t){this._activeTab=t,t==="context"&&!this._contextLoaded&&this._loadContextData(),t==="metrics"&&!this._metricsLoaded&&this._loadMetricsData()}async _loadContextData(){if(!(!this.rpcClient||!this._session))try{const t=this._session.agentId,[e,r]=await Promise.all([this.rpcClient.call("obs.context.pipeline",{agentId:t,limit:100}),this.rpcClient.call("obs.context.dag",{agentId:t,limit:50})]),s=Array.isArray(e)?e:[];this._pipelineSnapshots=s.filter(l=>l.sessionKey===this.sessionKey);const c=Array.isArray(r)?r:[];this._dagCompactions=c.filter(l=>l.sessionKey===this.sessionKey),this._pipelineSnapshots.length>0&&(this._selectedSnapshot=this._pipelineSnapshots[0]),this._contextLoaded=!0}catch{this._contextLoaded=!0}}async _loadMetricsData(){if(!this.rpcClient){this._metricsLoaded=!0;return}try{const t=await this.rpcClient.call("obs.billing.bySession",{sessionKey:this.sessionKey});this._sessionBilling=t??null}catch{this._sessionBilling=null}this._metricsLoaded=!0}_handleBreadcrumbNavigate(t){window.location.hash=`#/${t.detail}`}_showActionConfirm(t){this._confirmAction=t,this._showConfirm=!0}_handleConfirmCancel(){this._showConfirm=!1,this._confirmAction=""}async _handleConfirm(){if(this._showConfirm=!1,!!this.apiClient){try{this._confirmAction==="reset"?(await this.apiClient.resetSession(this.sessionKey),p.show("Session reset","success"),await this._loadSession()):this._confirmAction==="compact"?(await this.apiClient.compactSession(this.sessionKey),p.show("Session compacted","success"),await this._loadSession()):this._confirmAction==="delete"&&(await this.apiClient.deleteSession(this.sessionKey),p.show("Session deleted","success"),window.location.hash="#/sessions")}catch{p.show("Operation failed. Please try again.","error")}this._confirmAction=""}}async _handleExport(){if(this.apiClient)try{const t=await this.apiClient.exportSession(this.sessionKey),e=new Blob([t],{type:"application/jsonl"}),r=URL.createObjectURL(e),s=document.createElement("a");s.href=r,s.download=`session-${this.sessionKey}.jsonl`,s.click(),URL.revokeObjectURL(r),p.show("Session exported","success")}catch{p.show("Export failed. Please try again.","error")}}_truncateKey(t){return t.length>20?t.slice(0,16)+"...":t}_getBreadcrumbLabel(){const t=_(this.sessionKey);return t?y(t):this._truncateKey(this.sessionKey)}_isCompactionBoundary(t){if(t.role!=="system")return!1;const e=t.content.toLowerCase();return e.includes("compacted")||e.includes("summary")||e.includes("[compacted]")}_getConfirmProps(){switch(this._confirmAction){case"delete":return{title:"Delete Session",message:"Are you sure you want to delete this session? This action cannot be undone.",variant:"danger",label:"Delete"};case"compact":return{title:"Compact Session",message:"Are you sure you want to compact this session? Older messages will be summarized.",variant:"default",label:"Compact"};default:return{title:"Reset Session",message:"Are you sure you want to reset this session? All conversation history will be cleared.",variant:"default",label:"Reset"}}}_renderConversation(){return o`
+      <div class="conversation">
+        ${this._messages.map(t=>{if(this._isCompactionBoundary(t))return o`
+              <div class="compaction-marker" data-testid="compaction-marker">
+                <hr />
+                <span>Context was compacted here</span>
+                <hr />
+              </div>
+            `;if(t.role==="tool"){let e=t.content;try{e=JSON.parse(t.content)}catch{}return o`
+              <ic-tool-call
+                .toolName=${t.toolName??"tool"}
+                .output=${e}
+                .status=${"success"}
+                .expanded=${!1}
+              ></ic-tool-call>
+            `}return o`
+            <ic-chat-message
+              .role=${t.role}
+              .content=${w(t.content,t.role)}
+              .timestamp=${t.timestamp}
+              .showActions=${!1}
+            ></ic-chat-message>
+          `})}
+      </div>
+    `}_renderContextState(){if(!this._contextLoaded)return o`<div class="loading-container"><ic-loading size="md"></ic-loading></div>`;if(this._pipelineSnapshots.length===0)return o`<ic-empty-state
+        icon="activity"
+        message="No pipeline data for this session"
+      ></ic-empty-state>`;const t=this._pipelineSnapshots[0],e=Math.max(0,t.tokensLoaded-t.tokensEvicted),r=[{label:"System",tokens:e,color:"var(--ic-accent)"},{label:"Evicted",tokens:t.tokensEvicted,color:"var(--ic-error)"},{label:"Masked",tokens:t.tokensMasked,color:"var(--ic-warning)"},{label:"Available",tokens:Math.max(0,Math.round((1-t.budgetUtilization)*(e+t.tokensEvicted+t.tokensMasked))),color:"var(--ic-surface-2, #1f2937)"}].filter(s=>s.tokens>0);return o`
+      <!-- Latest snapshot summary -->
+      <div class="context-summary">
+        <div class="context-badge">
+          Budget <span class="badge-value">${Math.round(t.budgetUtilization*100)}%</span>
+        </div>
+        <span class="cache-badge ${t.cacheHitTokens>0?"cache-badge--hit":"cache-badge--miss"}">
+          ${t.cacheHitTokens>0?"Cache HIT":"Cache MISS"}
+        </span>
+        <div class="context-badge">
+          Loaded <span class="badge-value">${d(t.tokensLoaded)}</span>
+        </div>
+        <div class="context-badge">
+          Evicted <span class="badge-value">${d(t.tokensEvicted)}</span>
+        </div>
+        <div class="context-badge">
+          Duration <span class="badge-value">${t.durationMs}ms</span>
+        </div>
+      </div>
+
+      <!-- Budget segment bar -->
+      <div class="budget-section">
+        <div class="budget-section-title">Token Budget</div>
+        <ic-budget-segment-bar .segments=${r}></ic-budget-segment-bar>
+      </div>
+
+      <!-- Execution list -->
+      <div class="budget-section-title">Pipeline Executions</div>
+      <div class="execution-list">
+        ${this._pipelineSnapshots.map(s=>o`
+            <button
+              class="execution-row ${this._selectedSnapshot===s?"selected":""}"
+              @click=${()=>{this._selectedSnapshot=s}}
+            >
+              <span class="exec-time">${new Date(s.timestamp).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}</span>
+              <span class="exec-duration">${s.durationMs}ms</span>
+              <span class="cache-badge ${s.cacheHitTokens>0?"cache-badge--hit":"cache-badge--miss"}">
+                ${s.cacheHitTokens>0?"HIT":"MISS"}
+              </span>
+              <span class="exec-tokens">${d(s.tokensLoaded)} loaded</span>
+            </button>
+          `)}
+      </div>
+
+      <!-- Waterfall for selected snapshot -->
+      ${this._selectedSnapshot&&this._selectedSnapshot.layers.length>0?o`
+            <div class="waterfall-card">
+              <ic-layer-waterfall
+                .layers=${this._selectedSnapshot.layers.map(s=>({name:s.name,durationMs:s.durationMs,messagesIn:s.messagesIn,messagesOut:s.messagesOut}))}
+                .totalDurationMs=${this._selectedSnapshot.durationMs}
+              ></ic-layer-waterfall>
+            </div>
+          `:v}
+    `}_renderMetrics(){if(!this._session)return v;const t=this._session,e=$(t.lastActiveAt);return o`
+      <!-- Cost & Usage -->
+      <div class="metrics-section-title">Cost & Usage</div>
+      <div class="metrics-grid">
+        <ic-stat-card
+          label="Total Cost"
+          value=${this._sessionBilling?k(this._sessionBilling.totalCost):"--"}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Total Tokens"
+          value=${d(t.totalTokens)}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Input Tokens"
+          value=${d(t.inputTokens)}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Output Tokens"
+          value=${d(t.outputTokens)}
+        ></ic-stat-card>
+      </div>
+
+      <!-- Activity -->
+      <div class="metrics-section-title">Activity</div>
+      <div class="metrics-grid">
+        <ic-stat-card
+          label="Tool Calls"
+          value=${String(t.toolCalls)}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Compactions"
+          value=${String(t.compactions)}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Resets"
+          value=${String(t.resetCount)}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="API Calls"
+          value=${this._sessionBilling?String(this._sessionBilling.callCount):"--"}
+        ></ic-stat-card>
+      </div>
+
+      <!-- Session Health -->
+      <div class="metrics-section-title">Session Health</div>
+      <div class="metrics-grid">
+        <ic-stat-card
+          label="Created"
+          value=${new Date(t.createdAt).toLocaleDateString()}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Last Active"
+          value=${new Date(t.lastActiveAt).toLocaleString()}
+        ></ic-stat-card>
+        <ic-stat-card label="Status" .value=${""}>
+        </ic-stat-card>
+      </div>
+      <div style="margin-top: calc(-1 * var(--ic-space-md));">
+        <span class="status-badge status-badge--${e}" data-testid="session-status">${e}</span>
+      </div>
+    `}render(){const t=[{label:"Sessions",route:"sessions"},{label:this._getBreadcrumbLabel()}];if(this._loading)return o`
+        <div class="breadcrumb-area">
+          <ic-breadcrumb
+            .items=${t}
+            @navigate=${this._handleBreadcrumbNavigate}
+          ></ic-breadcrumb>
+        </div>
+        <ic-skeleton-view variant="detail"></ic-skeleton-view>
+      `;if(this._error)return o`
+        <div class="breadcrumb-area">
+          <ic-breadcrumb
+            .items=${t}
+            @navigate=${this._handleBreadcrumbNavigate}
+          ></ic-breadcrumb>
+        </div>
+        <div class="error-container">
+          <div class="error-message">${this._error}</div>
+          <button class="retry-btn" @click=${()=>this._loadSession()}>
+            Retry
+          </button>
+        </div>
+      `;if(!this._session)return o`
+        <div class="breadcrumb-area">
+          <ic-breadcrumb
+            .items=${t}
+            @navigate=${this._handleBreadcrumbNavigate}
+          ></ic-breadcrumb>
+        </div>
+        <div class="error-container">
+          <div class="error-message">Session not found</div>
+        </div>
+      `;const e=this._session,r=this._getConfirmProps();return o`
+      <div class="breadcrumb-area">
+        <ic-breadcrumb
+          .items=${t}
+          @navigate=${this._handleBreadcrumbNavigate}
+        ></ic-breadcrumb>
+      </div>
+
+      <div class="session-info">
+        <div class="info-item">
+          <span class="info-label">Agent</span>
+          <span class="info-value">${e.agentId}</span>
+        </div>
+        <div class="info-item">
+          <span class="info-label">Channel</span>
+          <span class="info-value"
+            ><ic-tag variant=${e.channelType}
+              >${e.channelType}</ic-tag
+            ></span
+          >
+        </div>
+        <div class="info-item">
+          <span class="info-label">Messages</span>
+          <span class="info-value">${e.messageCount}</span>
+        </div>
+        <div class="info-item">
+          <span class="info-label">Tokens</span>
+          <span class="info-value">${d(e.totalTokens)}</span>
+        </div>
+        <div class="info-item">
+          <span class="info-label">Created</span>
+          <span class="info-value"
+            >${new Date(e.createdAt).toLocaleDateString()}</span
+          >
+        </div>
+        ${e.label?o`
+              <div class="info-item">
+                <span class="info-label">Label</span>
+                <span class="info-value">${e.label}</span>
+              </div>
+            `:v}
+      </div>
+
+      <div class="actions-bar">
+        <button
+          class="btn btn-ghost"
+          @click=${()=>this._showActionConfirm("reset")}
+        >
+          Reset
+        </button>
+        <button
+          class="btn btn-ghost"
+          @click=${()=>this._showActionConfirm("compact")}
+        >
+          Compact
+        </button>
+        <button class="btn btn-ghost" @click=${this._handleExport}>
+          Export JSONL
+        </button>
+        <button
+          class="btn btn-danger"
+          @click=${()=>this._showActionConfirm("delete")}
+        >
+          Delete
+        </button>
+      </div>
+
+      <!-- Tab bar -->
+      <div class="tab-bar" role="tablist">
+        <button
+          class="tab ${this._activeTab==="conversation"?"tab--active":""}"
+          role="tab"
+          aria-selected=${this._activeTab==="conversation"}
+          @click=${()=>this._switchTab("conversation")}
+        >
+          Conversation
+        </button>
+        <button
+          class="tab ${this._activeTab==="context"?"tab--active":""}"
+          role="tab"
+          aria-selected=${this._activeTab==="context"}
+          @click=${()=>this._switchTab("context")}
+        >
+          Context State
+        </button>
+        <button
+          class="tab ${this._activeTab==="metrics"?"tab--active":""}"
+          role="tab"
+          aria-selected=${this._activeTab==="metrics"}
+          @click=${()=>this._switchTab("metrics")}
+        >
+          Metrics
+        </button>
+      </div>
+
+      <!-- Tab content: use display:none to preserve scroll position -->
+      <div
+        class="tab-content ${this._activeTab==="conversation"?"tab-content--active":""}"
+      >
+        ${this._renderConversation()}
+      </div>
+      <div
+        class="tab-content ${this._activeTab==="context"?"tab-content--active":""}"
+      >
+        ${this._renderContextState()}
+      </div>
+      <div
+        class="tab-content ${this._activeTab==="metrics"?"tab-content--active":""}"
+      >
+        ${this._renderMetrics()}
+      </div>
+
+      <ic-confirm-dialog
+        ?open=${this._showConfirm}
+        title=${r.title}
+        message=${r.message}
+        variant=${r.variant}
+        confirmLabel=${r.label}
+        @confirm=${this._handleConfirm}
+        @cancel=${this._handleConfirmCancel}
+      ></ic-confirm-dialog>
+    `}};a.styles=[h,g,f`
+      :host {
+        display: block;
+      }
+
+      .breadcrumb-area {
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .session-info {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-lg);
+        flex-wrap: wrap;
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .info-item {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .info-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+      }
+
+      .info-value {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        font-weight: 500;
+      }
+
+      .actions-bar {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-md);
+        flex-wrap: wrap;
+      }
+
+      .btn {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition),
+          border-color var(--ic-transition);
+        white-space: nowrap;
+      }
+
+      .btn-ghost {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .btn-ghost:hover {
+        border-color: var(--ic-text-dim);
+        color: var(--ic-text);
+      }
+
+      .btn-danger {
+        background: transparent;
+        border: 1px solid var(--ic-error);
+        color: var(--ic-error);
+      }
+
+      .btn-danger:hover {
+        background: var(--ic-error);
+        color: #fff;
+      }
+
+      /* Tab bar */
+      .tab-bar {
+        display: flex;
+        gap: 0;
+        border-bottom: 1px solid var(--ic-border);
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .tab {
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        background: transparent;
+        border: none;
+        border-bottom: 2px solid transparent;
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        font-weight: 500;
+        cursor: pointer;
+        transition: color var(--ic-transition),
+          border-color var(--ic-transition);
+      }
+
+      .tab:hover {
+        color: var(--ic-text);
+      }
+
+      .tab--active {
+        color: var(--ic-accent);
+        border-bottom-color: var(--ic-accent);
+      }
+
+      /* Tab content sections */
+      .tab-content {
+        display: none;
+      }
+
+      .tab-content--active {
+        display: block;
+      }
+
+      /* Conversation */
+      .conversation {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md);
+        max-height: 60vh;
+        overflow-y: auto;
+        padding: var(--ic-space-md);
+        background: var(--ic-bg);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+      }
+
+      /* Compaction marker */
+      .compaction-marker {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        padding: var(--ic-space-xs) 0;
+      }
+
+      .compaction-marker hr {
+        flex: 1;
+        border: none;
+        border-top: 1px dashed var(--ic-border);
+        margin: 0;
+      }
+
+      .compaction-marker span {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-xs);
+        font-style: italic;
+        white-space: nowrap;
+      }
+
+      /* Context State tab */
+      .context-summary {
+        display: flex;
+        gap: var(--ic-space-md);
+        flex-wrap: wrap;
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .context-badge {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+      }
+
+      .context-badge .badge-value {
+        font-weight: 600;
+        color: var(--ic-text);
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+      }
+
+      .cache-badge {
+        padding: 2px var(--ic-space-sm);
+        border-radius: var(--ic-radius-sm);
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+      }
+
+      .cache-badge--hit {
+        background: color-mix(in srgb, var(--ic-success) 20%, transparent);
+        color: var(--ic-success);
+      }
+
+      .cache-badge--miss {
+        background: color-mix(in srgb, var(--ic-warning) 20%, transparent);
+        color: var(--ic-warning);
+      }
+
+      .budget-section {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .budget-section-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      /* Execution list */
+      .execution-list {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .execution-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        cursor: pointer;
+        font-size: var(--ic-text-sm);
+        transition: background var(--ic-transition);
+        width: 100%;
+        color: inherit;
+        font-family: inherit;
+        text-align: left;
+      }
+
+      .execution-row:hover {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .execution-row.selected {
+        border-color: var(--ic-accent);
+        background: rgba(59, 130, 246, 0.1);
+      }
+
+      .exec-time {
+        color: var(--ic-text-dim);
+        min-width: 6rem;
+      }
+
+      .exec-duration {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        color: var(--ic-text-dim);
+      }
+
+      .exec-tokens {
+        color: var(--ic-text-dim);
+        flex: 1;
+      }
+
+      .waterfall-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        padding: var(--ic-space-lg);
+      }
+
+      /* Metrics tab */
+      .metrics-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+        gap: var(--ic-space-md);
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .metrics-section-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .status-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        padding: 2px var(--ic-space-sm);
+        border-radius: var(--ic-radius-sm);
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+      }
+
+      .status-badge--active {
+        background: color-mix(in srgb, var(--ic-success) 20%, transparent);
+        color: var(--ic-success);
+      }
+
+      .status-badge--idle {
+        background: color-mix(in srgb, var(--ic-warning) 20%, transparent);
+        color: var(--ic-warning);
+      }
+
+      .status-badge--expired {
+        background: color-mix(in srgb, var(--ic-text-dim) 20%, transparent);
+        color: var(--ic-text-dim);
+      }
+
+      /* Loading & error */
+      .loading-container {
+        display: flex;
+        justify-content: center;
+        padding: var(--ic-space-2xl);
+      }
+
+      .error-container {
+        padding: var(--ic-space-lg);
+        text-align: center;
+      }
+
+      .error-message {
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .retry-btn {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-accent);
+        border: none;
+        border-radius: var(--ic-radius-md);
+        color: #fff;
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .retry-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+    `];i([b({attribute:!1})],a.prototype,"apiClient",2);i([b({attribute:!1})],a.prototype,"rpcClient",2);i([b()],a.prototype,"sessionKey",2);i([n()],a.prototype,"_session",2);i([n()],a.prototype,"_messages",2);i([n()],a.prototype,"_loading",2);i([n()],a.prototype,"_error",2);i([n()],a.prototype,"_showConfirm",2);i([n()],a.prototype,"_confirmAction",2);i([n()],a.prototype,"_activeTab",2);i([n()],a.prototype,"_contextLoaded",2);i([n()],a.prototype,"_metricsLoaded",2);i([n()],a.prototype,"_pipelineSnapshots",2);i([n()],a.prototype,"_dagCompactions",2);i([n()],a.prototype,"_selectedSnapshot",2);i([n()],a.prototype,"_sessionBilling",2);a=i([x("ic-session-detail")],a);export{a as IcSessionDetail};

package/node_modules/@comis/web/dist/assets/session-key-parser-DPORMVyU.js

@@ -0,0 +1 @@
+function s(n){if(!n||typeof n!="string")return;let e=n.split(":"),r;if(e[0]==="agent"&&e.length>=5&&(r=e[1],e=e.slice(2)),e.length<3)return;const i={tenantId:e[0],userId:e[1],channelId:e[2]};r!==void 0&&(i.agentId=r);for(let t=3;t<e.length;t++)e[t]==="peer"&&t+1<e.length?i.peerId=e[++t]:e[t]==="guild"&&t+1<e.length?i.guildId=e[++t]:e[t]==="thread"&&t+1<e.length&&(i.threadId=e[++t]);return i}function l(n){return n.userId.length>16?n.userId.slice(0,14)+"...":n.userId}function d(n){const e=Date.now()-n;return e<3e5?"active":e<36e5?"idle":"expired"}export{d as c,l as f,s as p};