comisai 1.0.15 → 1.0.17

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

@@ -0,0 +1,231 @@
+import{s as f,i as b,n as u,a as m,b as n,t as v,S,I as d,A as C,f as w,r as o}from"./index-CEcM1R_C.js";import{p as $,f as x,c as y}from"./session-key-parser-DPORMVyU.js";import"./ic-data-table-CKUNTxHw.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-search-input-CSOxY9g7.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-icon-xeGTVhVG.js";var k=Object.defineProperty,A=Object.getOwnPropertyDescriptor,_=(e,t,s,i)=>{for(var a=i>1?void 0:i?A(t,s):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(a=(i?h(t,s,a):h(a))||a);return i&&a&&k(t,s,a),a};function F(e){if(e>=1e3){const t=e/1e3;return t>=100?`${Math.round(t)}K`:`${t.toFixed(1)}K`}return String(e)}const g={active:"#22c55e",idle:"#eab308",expired:"#6b7280"},D=[{key:"key",label:"Session",sortable:!0,render:(e,t)=>{const s=String(e??""),i=$(s),a=i?x(i):s.length>15?s.slice(0,12)+"...":s,c=i?.channelId??t.channelType;return n`<span title=${s}>
+        <strong style="font-size: var(--ic-text-sm);">${a}</strong>
+        <span style="font-size: var(--ic-text-xs); color: var(--ic-text-dim); margin-left: 4px;">${c}</span>
+      </span>`}},{key:"createdAt",label:"Status",sortable:!1,render:(e,t)=>{const s=y(t.lastActiveAt),i=g[s]??g.expired;return n`<span style="display: inline-flex; align-items: center; gap: 6px;">
+        <span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${i};"></span>
+        <span style="font-size: var(--ic-text-xs); text-transform: capitalize;">${s}</span>
+      </span>`}},{key:"agentId",label:"Agent",sortable:!0},{key:"channelType",label:"Channel",sortable:!0,render:e=>{const t=String(e??"");return n`<ic-tag variant=${t}>${t}</ic-tag>`}},{key:"messageCount",label:"Messages",sortable:!0},{key:"totalTokens",label:"Tokens",sortable:!0,render:e=>F(Number(e??0))},{key:"lastActiveAt",label:"Age",sortable:!0,render:e=>{const t=Number(e??0);return n`<ic-relative-time .timestamp=${t}></ic-relative-time>`}}];let p=class extends m{constructor(){super(...arguments),this.sessions=[],this.selectable=!1}_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 n`
+      <ic-data-table
+        .columns=${D}
+        .rows=${this.sessions}
+        .pageSize=${25}
+        ?selectable=${this.selectable}
+        emptyMessage="No sessions found"
+        @row-click=${this._handleRowClick}
+        @selection-change=${this._handleSelectionChange}
+      ></ic-data-table>
+    `}};p.styles=[f,b`
+      :host {
+        display: block;
+      }
+    `];_([u({attribute:!1})],p.prototype,"sessions",2);_([u({type:Boolean})],p.prototype,"selectable",2);p=_([v("ic-session-list")],p);var K=Object.defineProperty,R=Object.getOwnPropertyDescriptor,l=(e,t,s,i)=>{for(var a=i>1?void 0:i?R(t,s):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(a=(i?h(t,s,a):h(a))||a);return i&&a&&K(t,s,a),a};let r=class extends m{constructor(){super(...arguments),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}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 S(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(t=>this._searchResultKeys.has(t.key));else{const t=this._searchQuery.toLowerCase();e=e.filter(s=>s.key.toLowerCase().includes(t)||s.agentId.toLowerCase().includes(t)||s.channelType.toLowerCase().includes(t))}this._agentFilter&&(e=e.filter(t=>t.agentId===this._agentFilter)),this._channelFilter&&(e=e.filter(t=>t.channelType===this._channelFilter)),this._statusFilter&&(e=e.filter(t=>y(t.lastActiveAt)===this._statusFilter)),this._filteredSessions=e}_getUniqueAgents(){return[...new Set([...this._configuredAgentIds,...this._sessions.map(t=>t.agentId)])].sort()}async _loadConfiguredAgents(){if(this.apiClient)try{const e=await this.apiClient.getAgents();this._configuredAgentIds=e.map(t=>t.id)}catch{}}_getUniqueChannels(){return[...new Set(this._sessions.map(t=>t.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{const t=await this.rpcClient.call("session.search",{query:e,limit:50});this._searchResultKeys=new Set(t.map(s=>s.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){const 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),d.show(`${this._selectedKeys.length} sessions reset`,"success")):this._confirmAction==="delete"&&(await this.apiClient.deleteSessionsBulk(this._selectedKeys),d.show(`${this._selectedKeys.length} sessions deleted`,"success")),this._selectedKeys=[],this._confirmAction="",await this._loadSessions()}catch{d.show("Operation failed. Please try again.","error")}}async _handleBulkExport(){if(!(!this.apiClient||this._selectedKeys.length===0))try{const e=await this.apiClient.exportSessionsBulk(this._selectedKeys),t=new Blob([e],{type:"application/jsonl"}),s=URL.createObjectURL(t),i=document.createElement("a");i.href=s,i.download=`sessions-export-${Date.now()}.jsonl`,i.click(),URL.revokeObjectURL(s),d.show(`${this._selectedKeys.length} sessions exported`,"success")}catch{d.show("Export failed. Please try again.","error")}}_renderAgentSelect(){const e=this._getUniqueAgents();return n`<select class="filter-select" .value=${this._agentFilter} @change=${this._handleAgentFilter} aria-label="Filter by agent">
+      <option value="">All Agents</option>
+      ${e.map(t=>n`<option .value=${t}>${t}</option>`)}
+    </select>`}_renderChannelSelect(){const e=this._getUniqueChannels();return n`<select class="filter-select" .value=${this._channelFilter} @change=${this._handleChannelFilter} aria-label="Filter by channel">
+      <option value="">All Channels</option>
+      ${e.map(t=>n`<option .value=${t}>${t}</option>`)}
+    </select>`}_renderStatusSelect(){return n`<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 n`
+      <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?C:n`
+      <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 n`
+        <div class="page-header"><h1 class="page-title">Sessions</h1></div>
+        <ic-skeleton-view variant="list"></ic-skeleton-view>
+      `;if(this._error)return n`
+        <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 n`
+        <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>
+      `;const e=this._getConfirmProps();return n`
+      <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>
+    `}};r.styles=[f,w,b`
+      :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);
+      }
+    `];l([u({attribute:!1})],r.prototype,"apiClient",2);l([u({attribute:!1})],r.prototype,"rpcClient",2);l([u({attribute:!1})],r.prototype,"eventDispatcher",2);l([o()],r.prototype,"_sessions",2);l([o()],r.prototype,"_filteredSessions",2);l([o()],r.prototype,"_loading",2);l([o()],r.prototype,"_error",2);l([o()],r.prototype,"_searchQuery",2);l([o()],r.prototype,"_agentFilter",2);l([o()],r.prototype,"_channelFilter",2);l([o()],r.prototype,"_statusFilter",2);l([o()],r.prototype,"_selectedKeys",2);l([o()],r.prototype,"_showConfirm",2);l([o()],r.prototype,"_confirmAction",2);l([o()],r.prototype,"_configuredAgentIds",2);r=l([v("ic-session-list-view")],r);export{r as IcSessionListView};