comisai 1.0.24 → 1.0.25

package/node_modules/@comis/web/dist/assets/session-list-DfCm8Cec.js

@@ -0,0 +1,231 @@
+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-FLPhHz8p.js";import"./ic-tag-CvMVQFRR.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-data-table-CKIvr-ag.js";import"./ic-search-input-B02AGw1i.js";import"./ic-empty-state-CM3Wbj2f.js";import{n as f,r as p,t as m}from"./session-key-parser-Dkqcj2Ss.js";function h(e){if(e>=1e3){let t=e/1e3;return t>=100?`${Math.round(t)}K`:`${t.toFixed(1)}K`}return String(e)}var g={active:`#22c55e`,idle:`#eab308`,expired:`#6b7280`},_=[{key:`key`,label:`Session`,sortable:!0,render:(e,n)=>{let r=String(e??``),i=p(r);return t`<span title=${r}>
+        <strong style="font-size: var(--ic-text-sm);">${i?f(i):r.length>15?r.slice(0,12)+`...`:r}</strong>
+        <span style="font-size: var(--ic-text-xs); color: var(--ic-text-dim); margin-left: 4px;">${i?.channelId??n.channelType}</span>
+      </span>`}},{key:`createdAt`,label:`Status`,sortable:!1,render:(e,n)=>{let r=m(n.lastActiveAt);return t`<span style="display: inline-flex; align-items: center; gap: 6px;">
+        <span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${g[r]??g.expired};"></span>
+        <span style="font-size: var(--ic-text-xs); text-transform: capitalize;">${r}</span>
+      </span>`}},{key:`agentId`,label:`Agent`,sortable:!0},{key:`channelType`,label:`Channel`,sortable:!0,render:e=>{let n=String(e??``);return t`<ic-tag variant=${n}>${n}</ic-tag>`}},{key:`messageCount`,label:`Messages`,sortable:!0},{key:`totalTokens`,label:`Tokens`,sortable:!0,render:e=>h(Number(e??0))},{key:`lastActiveAt`,label:`Age`,sortable:!0,render:e=>t`<ic-relative-time .timestamp=${Number(e??0)}></ic-relative-time>`}],v=class extends r{constructor(...e){super(...e),this.sessions=[],this.selectable=!1}static{this.styles=[o,n`
+      :host {
+        display: block;
+      }
+    `]}_handleRowClick(e){this.dispatchEvent(new CustomEvent(`session-click`,{detail:e.detail,bubbles:!0}))}_handleSelectionChange(e){this.dispatchEvent(new CustomEvent(`selection-change`,{detail:e.detail,bubbles:!0}))}render(){return t`
+      <ic-data-table
+        .columns=${_}
+        .rows=${this.sessions}
+        .pageSize=${25}
+        ?selectable=${this.selectable}
+        emptyMessage="No sessions found"
+        @row-click=${this._handleRowClick}
+        @selection-change=${this._handleSelectionChange}
+      ></ic-data-table>
+    `}};c([s({attribute:!1})],v.prototype,`sessions`,void 0),c([s({type:Boolean})],v.prototype,`selectable`,void 0),v=c([e(`ic-session-list`)],v);var y=class extends r{constructor(...e){super(...e),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._sessions=[],this._filteredSessions=[],this._loading=!1,this._error=``,this._searchQuery=``,this._agentFilter=``,this._channelFilter=``,this._statusFilter=``,this._selectedKeys=[],this._showConfirm=!1,this._confirmAction=``,this._configuredAgentIds=[],this._searchDebounceTimer=null,this._searchResultKeys=null}static{this.styles=[o,i,n`
+      :host {
+        display: block;
+      }
+
+      .page-header {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .page-title {
+        font-size: var(--ic-text-xl);
+        font-weight: 700;
+        color: var(--ic-text);
+        margin: 0;
+      }
+
+      .filter-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        margin-bottom: var(--ic-space-md);
+        flex-wrap: wrap;
+      }
+
+      .filter-bar ic-search-input {
+        flex: 1;
+        min-width: 12rem;
+      }
+
+      .filter-select {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+        min-width: 8rem;
+      }
+
+      .filter-select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .bulk-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .bulk-count {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        font-weight: 500;
+      }
+
+      .bulk-actions {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-left: auto;
+      }
+
+      .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;
+      }
+
+      .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);
+      }
+
+      .loading-container {
+        display: flex;
+        justify-content: center;
+        padding: var(--ic-space-2xl);
+      }
+    `]}connectedCallback(){super.connectedCallback(),this._initSse()}updated(e){e.has(`apiClient`)&&this.apiClient&&(this._loadSessions(),this._loadConfiguredAgents()),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,{"session:created":()=>{this._scheduleReload()},"session:expired":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadSessions()},e)}async _loadSessions(){if(this.apiClient){this._loading=!0,this._error=``;try{this._sessions=await this.apiClient.listSessions(),this._applyFilters()}catch{this._error=`Failed to load sessions. Please try again.`}finally{this._loading=!1}}}_applyFilters(){let e=this._sessions;if(this._searchQuery)if(this._searchResultKeys)e=e.filter(e=>this._searchResultKeys.has(e.key));else{let t=this._searchQuery.toLowerCase();e=e.filter(e=>e.key.toLowerCase().includes(t)||e.agentId.toLowerCase().includes(t)||e.channelType.toLowerCase().includes(t))}this._agentFilter&&(e=e.filter(e=>e.agentId===this._agentFilter)),this._channelFilter&&(e=e.filter(e=>e.channelType===this._channelFilter)),this._statusFilter&&(e=e.filter(e=>m(e.lastActiveAt)===this._statusFilter)),this._filteredSessions=e}_getUniqueAgents(){return[...new Set([...this._configuredAgentIds,...this._sessions.map(e=>e.agentId)])].sort()}async _loadConfiguredAgents(){if(this.apiClient)try{let e=await this.apiClient.getAgents();this._configuredAgentIds=e.map(e=>e.id)}catch{}}_getUniqueChannels(){return[...new Set(this._sessions.map(e=>e.channelType))].sort()}_handleSearch(e){if(this._searchQuery=e.detail,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),!this._searchQuery){this._searchResultKeys=null,this._applyFilters();return}this.rpcClient?this._searchDebounceTimer=setTimeout(()=>{this._performRpcSearch(this._searchQuery)},300):(this._searchResultKeys=null,this._applyFilters())}async _performRpcSearch(e){if(this.rpcClient){try{let t=await this.rpcClient.call(`session.search`,{query:e,limit:50});this._searchResultKeys=new Set(t.map(e=>e.sessionKey))}catch{this._searchResultKeys=null}this._applyFilters()}}_handleAgentFilter(e){this._agentFilter=e.target.value,this._applyFilters()}_handleChannelFilter(e){this._channelFilter=e.target.value,this._applyFilters()}_handleStatusFilter(e){this._statusFilter=e.target.value,this._applyFilters()}_handleSessionClick(e){let t=e.detail;window.location.hash=`#/sessions/${t.key}`}_handleSelectionChange(e){this._selectedKeys=e.detail}_showBulkConfirm(e){this._confirmAction=e,this._showConfirm=!0}_handleConfirmCancel(){this._showConfirm=!1,this._confirmAction=``}async _handleConfirm(){if(this._showConfirm=!1,this.apiClient)try{this._confirmAction===`reset`?(await this.apiClient.resetSessionsBulk(this._selectedKeys),u.show(`${this._selectedKeys.length} sessions reset`,`success`)):this._confirmAction===`delete`&&(await this.apiClient.deleteSessionsBulk(this._selectedKeys),u.show(`${this._selectedKeys.length} sessions deleted`,`success`)),this._selectedKeys=[],this._confirmAction=``,await this._loadSessions()}catch{u.show(`Operation failed. Please try again.`,`error`)}}async _handleBulkExport(){if(!(!this.apiClient||this._selectedKeys.length===0))try{let e=await this.apiClient.exportSessionsBulk(this._selectedKeys),t=new Blob([e],{type:`application/jsonl`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`sessions-export-${Date.now()}.jsonl`,r.click(),URL.revokeObjectURL(n),u.show(`${this._selectedKeys.length} sessions exported`,`success`)}catch{u.show(`Export failed. Please try again.`,`error`)}}_renderAgentSelect(){let e=this._getUniqueAgents();return t`<select class="filter-select" .value=${this._agentFilter} @change=${this._handleAgentFilter} aria-label="Filter by agent">
+      <option value="">All Agents</option>
+      ${e.map(e=>t`<option .value=${e}>${e}</option>`)}
+    </select>`}_renderChannelSelect(){let e=this._getUniqueChannels();return t`<select class="filter-select" .value=${this._channelFilter} @change=${this._handleChannelFilter} aria-label="Filter by channel">
+      <option value="">All Channels</option>
+      ${e.map(e=>t`<option .value=${e}>${e}</option>`)}
+    </select>`}_renderStatusSelect(){return t`<select class="filter-select" .value=${this._statusFilter} @change=${this._handleStatusFilter} aria-label="Filter by status">
+      <option value="">All Statuses</option>
+      <option value="active">Active</option>
+      <option value="idle">Idle</option>
+      <option value="expired">Expired</option>
+    </select>`}_renderFilterBar(){return t`
+      <div class="filter-bar">
+        <ic-search-input
+          placeholder="Search sessions..."
+          .value=${this._searchQuery}
+          @search=${this._handleSearch}
+        ></ic-search-input>
+        ${this._renderAgentSelect()}
+        ${this._renderChannelSelect()}
+        ${this._renderStatusSelect()}
+      </div>
+    `}_renderBulkBar(){return this._selectedKeys.length===0?l:t`
+      <div class="bulk-bar">
+        <span class="bulk-count">${this._selectedKeys.length} selected</span>
+        <div class="bulk-actions">
+          <button class="btn btn-ghost" @click=${()=>this._showBulkConfirm(`reset`)}>
+            Reset Selected
+          </button>
+          <button class="btn btn-ghost" @click=${this._handleBulkExport}>
+            Export Selected
+          </button>
+          <button class="btn btn-danger" @click=${()=>this._showBulkConfirm(`delete`)}>
+            Delete Selected
+          </button>
+        </div>
+      </div>
+    `}_getConfirmProps(){return this._confirmAction===`delete`?{title:`Delete Sessions`,message:`Are you sure you want to delete ${this._selectedKeys.length} sessions? This action cannot be undone.`,variant:`danger`,label:`Delete`}:{title:`Reset Sessions`,message:`Are you sure you want to reset ${this._selectedKeys.length} sessions? All conversation history will be cleared.`,variant:`default`,label:`Reset`}}render(){if(this._loading)return t`
+        <div class="page-header"><h1 class="page-title">Sessions</h1></div>
+        <ic-skeleton-view variant="list"></ic-skeleton-view>
+      `;if(this._error)return t`
+        <div class="page-header"><h1 class="page-title">Sessions</h1></div>
+        <div class="error-container">
+          <div class="error-message">${this._error}</div>
+          <button class="retry-btn" @click=${()=>this._loadSessions()}>Retry</button>
+        </div>
+      `;if(this._sessions.length===0)return t`
+        <div class="page-header"><h1 class="page-title">Sessions</h1></div>
+        <ic-empty-state
+          icon="message-circle"
+          message="No active sessions"
+          description="Sessions appear when agents receive messages."
+        >
+          <button class="retry-btn" @click=${()=>{window.location.hash=`#/chat`}}>Go to Chat</button>
+        </ic-empty-state>
+      `;let e=this._getConfirmProps();return t`
+      <div class="page-header" role="region" aria-label="Sessions">
+        <h1 class="page-title">Sessions</h1>
+      </div>
+
+      ${this._renderFilterBar()}
+      ${this._renderBulkBar()}
+
+      <ic-session-list
+        .sessions=${this._filteredSessions}
+        selectable
+        @session-click=${this._handleSessionClick}
+        @selection-change=${this._handleSelectionChange}
+      ></ic-session-list>
+
+      <ic-confirm-dialog
+        ?open=${this._showConfirm}
+        title=${e.title}
+        message=${e.message}
+        variant=${e.variant}
+        confirmLabel=${e.label}
+        @confirm=${this._handleConfirm}
+        @cancel=${this._handleConfirmCancel}
+      ></ic-confirm-dialog>
+    `}};c([s({attribute:!1})],y.prototype,`apiClient`,void 0),c([s({attribute:!1})],y.prototype,`rpcClient`,void 0),c([s({attribute:!1})],y.prototype,`eventDispatcher`,void 0),c([a()],y.prototype,`_sessions`,void 0),c([a()],y.prototype,`_filteredSessions`,void 0),c([a()],y.prototype,`_loading`,void 0),c([a()],y.prototype,`_error`,void 0),c([a()],y.prototype,`_searchQuery`,void 0),c([a()],y.prototype,`_agentFilter`,void 0),c([a()],y.prototype,`_channelFilter`,void 0),c([a()],y.prototype,`_statusFilter`,void 0),c([a()],y.prototype,`_selectedKeys`,void 0),c([a()],y.prototype,`_showConfirm`,void 0),c([a()],y.prototype,`_confirmAction`,void 0),c([a()],y.prototype,`_configuredAgentIds`,void 0),y=c([e(`ic-session-list-view`)],y);export{y as IcSessionListView};