comisai 1.0.15 → 1.0.17

package/node_modules/@comis/web/dist/assets/memory-inspector-1hDGCGat.js

@@ -0,0 +1,1139 @@
+import{s as f,f as _,i as y,n as m,a as x,b as i,t as $,A as h,r as n}from"./index-CEcM1R_C.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-detail-panel-BF83r-if.js";import"./ic-confirm-dialog-CCDbB04e.js";var C=Object.defineProperty,S=Object.getOwnPropertyDescriptor,w=(e,t,r,c)=>{for(var a=c>1?void 0:c?S(t,r):t,d=e.length-1,l;d>=0;d--)(l=e[d])&&(a=(c?l(t,r,a):l(a))||a);return c&&a&&C(t,r,a),a};let u=class extends x{constructor(){super(...arguments),this.entries=[],this.selectable=!1}_hasScores(){return this.entries.some(e=>e.score!==void 0&&e.score!==null)}_getColumns(){const e=[];return this._hasScores()&&e.push({key:"score",label:"Score",sortable:!0,render:t=>{const r=t;return r==null?"":i`<span class="score-cell">${r.toFixed(3)}</span>`}}),e.push({key:"content",label:"Content",sortable:!1,render:t=>i`<span class="content-cell">${String(t??"")}</span>`},{key:"memoryType",label:"Type",sortable:!0,render:t=>{const r=this._typeVariant(String(t??""));return i`<ic-tag variant=${r}>${t}</ic-tag>`}},{key:"trustLevel",label:"Trust",sortable:!0,render:t=>{const r=this._trustVariant(String(t??""));return i`<ic-tag variant=${r}>${t}</ic-tag>`}},{key:"agentId",label:"Agent",sortable:!0},{key:"createdAt",label:"Age",sortable:!0,render:t=>{const r=t;return r?i`<ic-relative-time .timestamp=${r}></ic-relative-time>`:""}}),e}_typeVariant(e){const t=(e??"").toLowerCase();return t==="working"||t==="episodic"?"info":t==="semantic"?"success":t==="procedural"?"warning":"default"}_trustVariant(e){const t=(e??"").toLowerCase();return t==="system"?"success":t==="learned"?"info":t==="external"?"warning":"default"}_handleRowClick(e){this.dispatchEvent(new CustomEvent("detail-requested",{detail:e.detail,bubbles:!0,composed:!0}))}_handleSelectionChange(e){this.dispatchEvent(new CustomEvent("selection-change",{detail:e.detail,bubbles:!0,composed:!0}))}render(){const e=this._getColumns();return i`
+      <ic-data-table
+        .columns=${e}
+        .rows=${this.entries}
+        ?selectable=${this.selectable}
+        emptyMessage="No memory entries found"
+        @row-click=${this._handleRowClick}
+        @selection-change=${this._handleSelectionChange}
+      ></ic-data-table>
+    `}};u.styles=[f,_,y`
+      :host {
+        display: block;
+      }
+
+      .score-cell {
+        font-family: var(--ic-font-mono);
+        color: var(--ic-warning);
+        font-size: var(--ic-text-xs);
+      }
+
+      .content-cell {
+        max-width: 24rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    `];w([m({attribute:!1})],u.prototype,"entries",2);w([m({type:Boolean})],u.prototype,"selectable",2);u=w([$("ic-memory-table")],u);var E=Object.defineProperty,T=Object.getOwnPropertyDescriptor,k=(e,t,r,c)=>{for(var a=c>1?void 0:c?T(t,r):t,d=e.length-1,l;d>=0;d--)(l=e[d])&&(a=(c?l(t,r,a):l(a))||a);return c&&a&&E(t,r,a),a};let v=class extends x{constructor(){super(...arguments),this.entry=null}_typeVariant(e){const t=(e??"").toLowerCase();return t==="working"||t==="episodic"?"info":t==="semantic"?"success":t==="procedural"?"warning":"default"}_trustVariant(e){const t=(e??"").toLowerCase();return t==="system"?"success":t==="learned"?"info":t==="external"?"warning":"default"}_formatTimestamp(e){return new Date(e).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}_handleDelete(){this.entry&&this.dispatchEvent(new CustomEvent("delete-requested",{detail:this.entry.id,bubbles:!0,composed:!0}))}_handleClose(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.entry)return i`<div class="empty-state">No entry selected</div>`;const e=this.entry;return i`
+      <!-- ID -->
+      <div class="detail-section">
+        <div class="detail-label">ID</div>
+        <div class="detail-id">${e.id}</div>
+      </div>
+
+      <!-- Score (only if present) -->
+      ${e.score!==void 0&&e.score!==null?i`
+            <div class="detail-section">
+              <div class="detail-label">Relevance Score</div>
+              <div class="score-display">${e.score.toFixed(4)}</div>
+            </div>
+          `:h}
+
+      <!-- Content -->
+      <div class="detail-section">
+        <div class="detail-label">Content</div>
+        <div class="content-block">${e.content}</div>
+      </div>
+
+      <!-- Classification -->
+      <div class="detail-section">
+        <div class="detail-label">Classification</div>
+        <div class="badges-row">
+          <ic-tag variant=${this._typeVariant(e.memoryType)}>${e.memoryType}</ic-tag>
+          <ic-tag variant=${this._trustVariant(e.trustLevel)}>${e.trustLevel}</ic-tag>
+        </div>
+      </div>
+
+      <!-- Agent -->
+      <div class="detail-section">
+        <div class="detail-label">Agent</div>
+        <div class="detail-value">${e.agentId}</div>
+      </div>
+
+      <!-- Source (if available) -->
+      ${e.source?i`
+            <div class="detail-section">
+              <div class="detail-label">Source</div>
+              <div class="detail-value">${e.source}</div>
+            </div>
+          `:h}
+
+      <!-- Tags (if present) -->
+      ${e.tags&&e.tags.length>0?i`
+            <div class="detail-section">
+              <div class="detail-label">Tags</div>
+              <div class="tags-list">
+                ${e.tags.map(t=>i`<ic-tag variant="default">${t}</ic-tag>`)}
+              </div>
+            </div>
+          `:h}
+
+      <!-- Embedding status -->
+      <div class="detail-section">
+        <div class="detail-label">Embedding</div>
+        <div class="embedding-status">
+          ${e.hasEmbedding?i`
+                <span class="embedding-icon embedding-icon--yes">&#x2713;</span>
+                <span>Indexed</span>
+                ${e.embeddingDims?i`<span class="embedding-dims">(${e.embeddingDims} dims)</span>`:h}
+              `:i`
+                <span class="embedding-icon embedding-icon--no">&#x2717;</span>
+                <span>Not indexed</span>
+              `}
+        </div>
+      </div>
+
+      <!-- Created timestamp -->
+      <div class="detail-section">
+        <div class="detail-label">Created</div>
+        <div class="timestamp-value">${this._formatTimestamp(e.createdAt)}</div>
+      </div>
+
+      <!-- Updated timestamp (if exists) -->
+      ${e.updatedAt?i`
+            <div class="detail-section">
+              <div class="detail-label">Updated</div>
+              <div class="timestamp-value">${this._formatTimestamp(e.updatedAt)}</div>
+            </div>
+          `:h}
+
+      <!-- Delete button -->
+      <div class="detail-section">
+        <button class="delete-btn" @click=${this._handleDelete}>
+          Delete Entry
+        </button>
+      </div>
+    `}};v.styles=[f,_,y`
+      :host {
+        display: block;
+      }
+
+      .detail-section {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .detail-label {
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .detail-value {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        line-height: 1.5;
+      }
+
+      .detail-id {
+        font-family: var(--ic-font-mono);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-muted);
+        background: var(--ic-bg);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        border-radius: var(--ic-radius-sm);
+        word-break: break-all;
+      }
+
+      .score-display {
+        font-family: var(--ic-font-mono);
+        font-size: var(--ic-text-2xl);
+        font-weight: 700;
+        color: var(--ic-warning);
+      }
+
+      .content-block {
+        background: var(--ic-bg);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        line-height: 1.6;
+        white-space: pre-wrap;
+        word-break: break-word;
+        max-height: 16rem;
+        overflow-y: auto;
+      }
+
+      .badges-row {
+        display: flex;
+        gap: var(--ic-space-sm);
+        flex-wrap: wrap;
+      }
+
+      .tags-list {
+        display: flex;
+        gap: var(--ic-space-xs);
+        flex-wrap: wrap;
+      }
+
+      .embedding-status {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        font-size: var(--ic-text-sm);
+      }
+
+      .embedding-icon {
+        font-size: var(--ic-text-base);
+      }
+
+      .embedding-icon--yes {
+        color: var(--ic-success);
+      }
+
+      .embedding-icon--no {
+        color: var(--ic-text-dim);
+      }
+
+      .embedding-dims {
+        color: var(--ic-text-muted);
+        font-family: var(--ic-font-mono);
+        font-size: var(--ic-text-xs);
+      }
+
+      .timestamp-value {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+      }
+
+      .delete-btn {
+        width: 100%;
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: transparent;
+        border: 1px solid var(--ic-error);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition), color var(--ic-transition);
+      }
+
+      .delete-btn:hover {
+        background: var(--ic-error);
+        color: var(--ic-text);
+      }
+
+      .empty-state {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+        text-align: center;
+        padding: var(--ic-space-xl);
+      }
+    `];k([m({attribute:!1})],v.prototype,"entry",2);v=k([$("ic-memory-detail")],v);var F=Object.defineProperty,D=Object.getOwnPropertyDescriptor,o=(e,t,r,c)=>{for(var a=c>1?void 0:c?D(t,r):t,d=e.length-1,l;d>=0;d--)(l=e[d])&&(a=(c?l(t,r,a):l(a))||a);return c&&a&&F(t,r,a),a};const b=["working","episodic","semantic","procedural"],g=["system","learned","external"];let s=class extends x{constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this._mode="search",this._query="",this._results=[],this._loading=!1,this._searched=!1,this._error="",this._stats=null,this._statsLoaded=!1,this._selectedEntry=null,this._selectedIds=[],this._typeFilter=new Set(b),this._trustFilter=new Set(g),this._agentFilter="",this._dateFrom="",this._dateTo="",this._browseOffset=0,this._browseLimit=25,this._total=0,this._agents=[],this._confirmOpen=!1,this._createOpen=!1,this._createContent="",this._createTags="",this._createTrustLevel="learned",this._createProvenance="",this._createSubmitting=!1,this._createMessage="",this._createMessageType="success",this._embeddingStats=null,this._embeddingLoading=!1,this._flushDialogOpen=!1,this._flushAgentId="",this._flushSubmitting=!1}connectedCallback(){super.connectedCallback()}updated(e){e.has("apiClient")&&this.apiClient&&(this._loadStats(),this._loadAgents()),e.has("rpcClient")&&this.rpcClient&&this._loadEmbeddingStats()}_normalizeEntry(e){return{id:String(e.id??""),content:String(e.content??""),memoryType:String(e.memoryType??e.type??"unknown"),trustLevel:String(e.trustLevel??e.trust??"unknown"),agentId:String(e.agentId??"unknown"),tenantId:String(e.tenantId??"default"),source:typeof e.source=="string"?e.source:void 0,tags:Array.isArray(e.tags)?e.tags:void 0,score:typeof e.score=="number"?e.score:void 0,hasEmbedding:!!(e.hasEmbedding??!1),embeddingDims:typeof e.embeddingDims=="number"?e.embeddingDims:void 0,createdAt:typeof e.createdAt=="number"?e.createdAt:Date.now(),updatedAt:typeof e.updatedAt=="number"?e.updatedAt:void 0}}async _loadStats(){if(this.apiClient)try{const t=await this.apiClient.getMemoryStats(),r=typeof t.stats=="object"&&t.stats!==null?t.stats:t;this._stats={totalEntries:r.totalEntries??0,totalSessions:r.totalSessions??0,embeddedEntries:r.embeddedEntries??0,dbSizeBytes:r.dbSizeBytes??0,byType:r.byType,byTrustLevel:r.byTrustLevel,byAgent:r.byAgent,oldestCreatedAt:r.oldestCreatedAt},this._statsLoaded=!0}catch{this._statsLoaded=!0}}async _loadAgents(){if(this.apiClient)try{const e=await this.apiClient.getAgents();this._agents=e.map(t=>t.id)}catch{}}async _loadEmbeddingStats(){if(!(!this.rpcClient||this._embeddingLoading)){this._embeddingLoading=!0;try{const e=await this.rpcClient.call("memory.embeddingCache");this._embeddingStats=e}catch{}finally{this._embeddingLoading=!1}}}async _search(){const e=this._query.trim();if(!(!e||!this.apiClient||this._loading)){this._loading=!0,this._error="",this._selectedIds=[];try{const t=await this.apiClient.searchMemory(e,50);this._results=t.map(r=>this._normalizeEntry(r)),this._searched=!0}catch(t){this._error=t instanceof Error&&!t.message.startsWith("Request failed")?t.message:"Search failed. Please try again.",this._results=[]}finally{this._loading=!1}}}async _browse(){if(!(!this.apiClient||this._loading)){this._loading=!0,this._error="",this._selectedIds=[];try{const e={offset:this._browseOffset,limit:this._browseLimit};this._typeFilter.size<b.length&&(e.type=[...this._typeFilter].join(",")),this._trustFilter.size<g.length&&(e.trust=[...this._trustFilter].join(",")),this._agentFilter&&(e.agentId=this._agentFilter),this._dateFrom&&(e.from=new Date(this._dateFrom).getTime()),this._dateTo&&(e.to=new Date(this._dateTo).getTime());const t=await this.apiClient.browseMemory(e);this._results=t.entries.map(r=>this._normalizeEntry(r)),this._total=t.total,this._searched=!0}catch(e){this._error=e instanceof Error&&!e.message.startsWith("Request failed")?e.message:"Browse failed. Please try again.",this._results=[]}finally{this._loading=!1}}}_applyFilters(e){return e.filter(t=>{if(!this._typeFilter.has(t.memoryType)||!this._trustFilter.has(t.trustLevel)||this._agentFilter&&t.agentId!==this._agentFilter)return!1;if(this._dateFrom){const r=new Date(this._dateFrom).getTime();if(t.createdAt<r)return!1}if(this._dateTo){const r=new Date(this._dateTo).getTime()+864e5;if(t.createdAt>r)return!1}return!0})}_getFilteredResults(){return this._mode==="search"?this._applyFilters(this._results):this._results}_toggleTypeFilter(e){const t=new Set(this._typeFilter);t.has(e)?t.delete(e):t.add(e),this._typeFilter=t}_toggleTrustFilter(e){const t=new Set(this._trustFilter);t.has(e)?t.delete(e):t.add(e),this._trustFilter=t}_handleModeChange(e){this._mode!==e&&(this._mode=e,this._results=[],this._searched=!1,this._error="",this._selectedIds=[],this._browseOffset=0,e==="browse"&&this._browse())}_handleSearchEvent(e){this._query=e.detail,this._query.trim()&&this._search()}_handleDetailRequested(e){this._selectedEntry=e.detail}_handleDetailClose(){this._selectedEntry=null}_handleSelectionChange(e){this._selectedIds=e.detail}_handleAgentFilterChange(e){this._agentFilter=e.target.value,this._mode==="browse"&&(this._browseOffset=0,this._browse())}_handleDateFromChange(e){this._dateFrom=e.target.value,this._mode==="browse"&&(this._browseOffset=0,this._browse())}_handleDateToChange(e){this._dateTo=e.target.value,this._mode==="browse"&&(this._browseOffset=0,this._browse())}_toggleCreateForm(){this._createOpen=!this._createOpen,this._createOpen||(this._createContent="",this._createTags="",this._createTrustLevel="learned",this._createProvenance="",this._createMessage="")}async _submitCreate(){const e=this._createContent.trim();if(!(!e||!this.rpcClient||this._createSubmitting)){this._createSubmitting=!0,this._createMessage="";try{const t=this._createTags.split(",").map(r=>r.trim()).filter(Boolean);this._createProvenance.trim()&&t.push(`provenance:${this._createProvenance.trim()}`),await this.rpcClient.call("memory.store",{content:e,tags:t.length>0?t:void 0,trustLevel:this._createTrustLevel}),this._createMessage="Memory entry created successfully.",this._createMessageType="success",this._createContent="",this._createTags="",this._createProvenance="",this._loadStats(),this._mode==="browse"&&this._browse()}catch(t){this._createMessage=t instanceof Error?t.message:"Failed to create memory entry.",this._createMessageType="error"}finally{this._createSubmitting=!1}}}_openFlushDialog(){this._flushAgentId="",this._flushDialogOpen=!0}async _confirmFlush(){if(this._flushDialogOpen=!1,!(!this.rpcClient||this._flushSubmitting)){this._flushSubmitting=!0;try{await this.rpcClient.call("memory.flush",{agent_id:this._flushAgentId||void 0}),this._loadStats(),this._results=[],this._searched=!1,this._mode==="browse"&&this._browse()}catch(e){this._error=e instanceof Error?e.message:"Flush failed. Please try again."}finally{this._flushSubmitting=!1}}}_cancelFlush(){this._flushDialogOpen=!1}_handleBulkDelete(){this._confirmOpen=!0}async _confirmBulkDelete(){if(this._confirmOpen=!1,!(!this.apiClient||this._selectedIds.length===0))try{await this.apiClient.deleteMemoryBulk(this._selectedIds);const e=new Set(this._selectedIds);this._results=this._results.filter(t=>!e.has(t.id)),this._selectedIds=[],this._loadStats()}catch(e){this._error=e instanceof Error?e.message:"Delete failed. Please try again."}}_cancelBulkDelete(){this._confirmOpen=!1}async _handleExport(e){if(this.apiClient)try{const t=await this.apiClient.exportMemory(e),r=new Blob([t],{type:"application/jsonl"}),c=URL.createObjectURL(r),a=document.createElement("a");a.href=c,a.download=`memory-export-${Date.now()}.jsonl`,a.click(),URL.revokeObjectURL(c)}catch(t){this._error=t instanceof Error?t.message:"Export failed. Please try again."}}_handleExportAll(){this._handleExport()}_handleExportSelected(){this._handleExport(this._selectedIds)}async _handleEntryDeleted(e){if(!this.apiClient)return;const t=e.detail;try{await this.apiClient.deleteMemory(t),this._results=this._results.filter(r=>r.id!==t),this._selectedEntry=null,this._loadStats()}catch(r){this._error=r instanceof Error?r.message:"Delete failed. Please try again."}}_handleBrowsePrev(){this._browseOffset=Math.max(0,this._browseOffset-this._browseLimit),this._browse()}_handleBrowseNext(){this._browseOffset+=this._browseLimit,this._browse()}_formatBytes(e){if(e===0)return"0 B";const t=["B","KB","MB","GB"],r=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,r)).toFixed(r===0?0:1)} ${t[r]}`}_formatNumber(e){return e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}_formatRelativeTime(e){const r=Date.now()-e,c=Math.floor(r/1e3),a=Math.floor(c/60),d=Math.floor(a/60),l=Math.floor(d/24);if(l>365){const p=Math.floor(l/365);return`${p} year${p!==1?"s":""} ago`}if(l>30){const p=Math.floor(l/30);return`${p} month${p!==1?"s":""} ago`}return l>0?`${l} day${l!==1?"s":""} ago`:d>0?`${d} hour${d!==1?"s":""} ago`:a>0?`${a} min${a!==1?"s":""} ago`:"just now"}_formatFullDate(e){return new Date(e).toLocaleString()}_renderAgentChart(){const e=this._stats?.byAgent;if(!e)return h;const t=Object.entries(e).sort(([,d],[,l])=>l-d);if(t.length===0)return h;const r=t[0][1],c=t.slice(0,10),a=t.length-c.length;return i`
+      <div class="agent-chart">
+        <div class="agent-chart-title">Entries by Agent</div>
+        ${c.map(([d,l])=>i`
+            <div class="bar-container">
+              <div class="bar-label" title=${d}>${d}</div>
+              <div class="bar-track">
+                <div
+                  class="bar-fill"
+                  style="width: ${r>0?l/r*100:0}%"
+                ></div>
+              </div>
+              <div class="bar-value">${this._formatNumber(l)}</div>
+            </div>
+          `)}
+        ${a>0?i`<div class="agent-chart-overflow">and ${a} more</div>`:h}
+      </div>
+    `}_renderEmbeddingSection(){if(!this._embeddingStats)return h;const e=this._embeddingStats,t=e.circuitBreaker.state,r=t==="closed"?"success":t==="halfOpen"?"warning":t==="open"?"error":"default",c=t==="closed"?"Closed (Healthy)":t==="halfOpen"?"Half-Open (Recovering)":t==="open"?"Open (Failing)":"Unknown",a=e.vecAvailable?"success":"error",d=e.vecAvailable?"Active":"Unavailable";if(!e.enabled)return i`
+        <div class="embedding-section">
+          <div class="section-heading">Embedding Infrastructure</div>
+          <div class="embedding-disabled">
+            <span>Embedding cache not configured</span>
+            <span>Vec: <ic-tag variant=${a}>${d}</ic-tag></span>
+            <span>CB: <ic-tag variant=${r}>${c}</ic-tag></span>
+          </div>
+        </div>
+      `;const l=e.l1?(e.l1.hitRate*100).toFixed(1)+"%":"N/A",p=e.l1?`${e.l1.entries}/${e.l1.maxEntries}`:"N/A";return i`
+      <div class="embedding-section">
+        <div class="section-heading">Embedding Infrastructure</div>
+        <div class="stats-row">
+          <ic-stat-card label="Provider" value=${e.provider??"N/A"}></ic-stat-card>
+          <ic-stat-card label="L1 Hit Rate" value=${l}></ic-stat-card>
+          <ic-stat-card label="L1 Entries" value=${p}></ic-stat-card>
+          <ic-stat-card label="Vector Search" value=${d}></ic-stat-card>
+        </div>
+        <div class="stats-row">
+          <ic-stat-card label="L1 Hits" value=${this._formatNumber(e.l1?.hits??0)}></ic-stat-card>
+          <ic-stat-card label="L1 Misses" value=${this._formatNumber(e.l1?.misses??0)}></ic-stat-card>
+          <ic-stat-card label="Circuit Breaker" value=${c}></ic-stat-card>
+        </div>
+      </div>
+    `}render(){const e=this._getFilteredResults();return i`
+      <div class="page-header">Memory Inspector</div>
+
+      <!-- Stat cards -->
+      ${this._statsLoaded&&this._stats?i`
+            <div class="stats-row">
+              <ic-stat-card
+                label="Total Entries"
+                value=${this._formatNumber(this._stats.totalEntries)}
+              ></ic-stat-card>
+              <ic-stat-card
+                label="Sessions"
+                value=${this._formatNumber(this._stats.totalSessions)}
+              ></ic-stat-card>
+              <ic-stat-card
+                label="Vectors"
+                value=${this._formatNumber(this._stats.embeddedEntries)}
+              ></ic-stat-card>
+              <ic-stat-card
+                label="DB Size"
+                value=${this._formatBytes(this._stats.dbSizeBytes)}
+              ></ic-stat-card>
+              ${this._stats.oldestCreatedAt!=null?i`
+                    <ic-stat-card
+                      label="Oldest Entry"
+                      value=${this._formatRelativeTime(this._stats.oldestCreatedAt)}
+                      title=${this._formatFullDate(this._stats.oldestCreatedAt)}
+                    ></ic-stat-card>
+                  `:h}
+            </div>
+            ${this._stats.byType||this._stats.byTrustLevel?i`
+              <div class="stats-row">
+                ${this._stats.byType?Object.entries(this._stats.byType).map(([t,r])=>i`
+                  <ic-stat-card label=${t} value=${this._formatNumber(r)}></ic-stat-card>
+                `):h}
+                ${this._stats.byTrustLevel?Object.entries(this._stats.byTrustLevel).map(([t,r])=>i`
+                  <ic-stat-card label=${"Trust: "+t} value=${this._formatNumber(r)}></ic-stat-card>
+                `):h}
+              </div>
+            `:h}
+            ${this._renderAgentChart()}
+          `:h}
+
+      <!-- Embedding Infrastructure -->
+      ${this._renderEmbeddingSection()}
+
+      <!-- Creation form -->
+      <button class="create-toggle" @click=${this._toggleCreateForm}>
+        ${this._createOpen?"- Hide Create Form":"+ Create Entry"}
+      </button>
+
+      ${this._createOpen?i`
+            <div class="create-form">
+              <div class="create-form-title">Create Memory Entry</div>
+
+              <div class="create-field">
+                <label class="create-label">Content *</label>
+                <textarea
+                  class="create-textarea"
+                  placeholder="Memory content..."
+                  .value=${this._createContent}
+                  @input=${t=>{this._createContent=t.target.value}}
+                ></textarea>
+              </div>
+
+              <div class="create-field">
+                <label class="create-label">Tags</label>
+                <input
+                  class="create-input"
+                  type="text"
+                  placeholder="tag1, tag2, ..."
+                  .value=${this._createTags}
+                  @input=${t=>{this._createTags=t.target.value}}
+                />
+              </div>
+
+              <div class="create-field">
+                <label class="create-label">Trust Level</label>
+                <select
+                  class="create-select"
+                  .value=${this._createTrustLevel}
+                  @change=${t=>{this._createTrustLevel=t.target.value}}
+                >
+                  <option value="learned">learned</option>
+                  <option value="external">external</option>
+                </select>
+              </div>
+
+              <div class="create-field">
+                <label class="create-label">Provenance</label>
+                <input
+                  class="create-input"
+                  type="text"
+                  placeholder="Source description (optional)"
+                  .value=${this._createProvenance}
+                  @input=${t=>{this._createProvenance=t.target.value}}
+                />
+              </div>
+
+              <div class="create-actions">
+                <button
+                  class="create-submit"
+                  ?disabled=${!this._createContent.trim()||this._createSubmitting}
+                  @click=${this._submitCreate}
+                >
+                  ${this._createSubmitting?"Creating...":"Create"}
+                </button>
+              </div>
+
+              ${this._createMessage?i`<div class="create-message create-message--${this._createMessageType}">${this._createMessage}</div>`:h}
+            </div>
+          `:h}
+
+      <!-- Mode toggle + search bar + flush -->
+      <div class="toolbar">
+        <div class="mode-toggle">
+          <button
+            class="mode-btn"
+            ?data-active=${this._mode==="search"}
+            @click=${()=>this._handleModeChange("search")}
+          >
+            Search
+          </button>
+          <button
+            class="mode-btn"
+            ?data-active=${this._mode==="browse"}
+            @click=${()=>this._handleModeChange("browse")}
+          >
+            Browse All
+          </button>
+        </div>
+        ${this._mode==="search"?i`
+              <div class="search-wrapper">
+                <ic-search-input
+                  placeholder="Search memories by content, topic, or keyword..."
+                  .value=${this._query}
+                  @search=${this._handleSearchEvent}
+                ></ic-search-input>
+              </div>
+            `:h}
+        <div class="toolbar-right">
+          <span class="filter-label">Flush scope:</span>
+          <select
+            class="filter-select"
+            .value=${this._flushAgentId}
+            @change=${t=>{this._flushAgentId=t.target.value}}
+          >
+            <option value="">All Agents</option>
+            ${this._agents.map(t=>i`<option value=${t}>${t}</option>`)}
+          </select>
+          <button class="flush-btn" @click=${this._openFlushDialog}>Flush Memory</button>
+        </div>
+      </div>
+
+      <!-- Filters row -->
+      <div class="filters-row">
+        <div class="filter-group">
+          <span class="filter-label">Type:</span>
+          ${b.map(t=>i`
+              <label class="filter-checkbox">
+                <input
+                  type="checkbox"
+                  .checked=${this._typeFilter.has(t)}
+                  @change=${()=>this._toggleTypeFilter(t)}
+                />
+                ${t}
+              </label>
+            `)}
+        </div>
+
+        <div class="filter-group">
+          <span class="filter-label">Trust:</span>
+          ${g.map(t=>i`
+              <label class="filter-checkbox">
+                <input
+                  type="checkbox"
+                  .checked=${this._trustFilter.has(t)}
+                  @change=${()=>this._toggleTrustFilter(t)}
+                />
+                ${t}
+              </label>
+            `)}
+        </div>
+
+        <div class="filter-group">
+          <span class="filter-label">Agent:</span>
+          <select
+            class="filter-select"
+            .value=${this._agentFilter}
+            @change=${this._handleAgentFilterChange}
+          >
+            <option value="">All</option>
+            ${this._agents.map(t=>i`<option value=${t}>${t}</option>`)}
+          </select>
+        </div>
+
+        <div class="filter-group">
+          <span class="filter-label">Date:</span>
+          <input
+            type="date"
+            class="filter-date"
+            .value=${this._dateFrom}
+            @change=${this._handleDateFromChange}
+          />
+          <span class="filter-label">to</span>
+          <input
+            type="date"
+            class="filter-date"
+            .value=${this._dateTo}
+            @change=${this._handleDateToChange}
+          />
+        </div>
+      </div>
+
+      <!-- Error -->
+      ${this._error?i`<div class="error-message">${this._error}</div>`:h}
+
+      <!-- Bulk actions bar -->
+      ${this._selectedIds.length>0?i`
+            <div class="bulk-bar">
+              <span class="bulk-count">${this._selectedIds.length} selected</span>
+              <button class="bulk-btn bulk-btn--delete" @click=${this._handleBulkDelete}>
+                Delete Selected
+              </button>
+              <button class="bulk-btn bulk-btn--export" @click=${this._handleExportSelected}>
+                Export Selected
+              </button>
+            </div>
+          `:h}
+
+      <!-- Results area -->
+      ${this._loading?i`
+            <div class="state-container">
+              <div class="loading-spinner"></div>
+            </div>
+          `:this._searched?i`
+              <!-- Results header -->
+              <div class="results-header">
+                <span class="result-count">
+                  ${e.length} result${e.length!==1?"s":""}
+                  ${this._mode==="browse"&&this._total>0?i` of ${this._total}`:h}
+                </span>
+                <button class="export-btn" @click=${this._handleExportAll}>
+                  Export JSONL
+                </button>
+              </div>
+
+              <ic-memory-table
+                .entries=${e}
+                ?selectable=${!0}
+                @detail-requested=${this._handleDetailRequested}
+                @selection-change=${this._handleSelectionChange}
+              ></ic-memory-table>
+
+              <!-- Browse pagination controls -->
+              ${this._mode==="browse"?i`
+                    <div class="browse-controls">
+                      <span class="browse-info">
+                        ${this._browseOffset+1}-${Math.min(this._browseOffset+this._browseLimit,this._total)}
+                        of ${this._total}
+                      </span>
+                      <div class="browse-nav">
+                        <button
+                          class="browse-btn"
+                          ?disabled=${this._browseOffset===0}
+                          @click=${this._handleBrowsePrev}
+                        >
+                          Prev
+                        </button>
+                        <button
+                          class="browse-btn"
+                          ?disabled=${this._browseOffset+this._browseLimit>=this._total}
+                          @click=${this._handleBrowseNext}
+                        >
+                          Next
+                        </button>
+                      </div>
+                    </div>
+                  `:h}
+            `:i`
+              <div class="empty-state">
+                <div>Search your agent's memory</div>
+                <div class="empty-hint">
+                  Enter a query to find stored memories by content or semantic similarity
+                </div>
+              </div>
+            `}
+
+      <!-- Detail panel -->
+      <ic-detail-panel
+        ?open=${this._selectedEntry!==null}
+        panelTitle="Memory Entry"
+        @close=${this._handleDetailClose}
+      >
+        <ic-memory-detail
+          .entry=${this._selectedEntry}
+          @delete-requested=${this._handleEntryDeleted}
+          @close=${this._handleDetailClose}
+        ></ic-memory-detail>
+      </ic-detail-panel>
+
+      <!-- Confirm dialog for bulk delete -->
+      <ic-confirm-dialog
+        ?open=${this._confirmOpen}
+        title="Delete Memories"
+        message="Are you sure you want to delete ${this._selectedIds.length} selected ${this._selectedIds.length===1?"entry":"entries"}? This cannot be undone."
+        confirmLabel="Delete"
+        variant="danger"
+        @confirm=${this._confirmBulkDelete}
+        @cancel=${this._cancelBulkDelete}
+      ></ic-confirm-dialog>
+
+      <!-- Flush confirm dialog -->
+      <ic-confirm-dialog
+        ?open=${this._flushDialogOpen}
+        title="Flush Memory"
+        .message=${"This will permanently delete "+(this._flushAgentId?`all memory entries for agent "${this._flushAgentId}"`:"ALL memory entries")+". This cannot be undone."}
+        confirmLabel="Flush"
+        variant="danger"
+        @confirm=${this._confirmFlush}
+        @cancel=${this._cancelFlush}
+      ></ic-confirm-dialog>
+    `}};s.styles=[f,_,y`
+      :host {
+        display: block;
+      }
+
+      .page-header {
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      /* Stats row */
+      .stats-row {
+        display: flex;
+        gap: var(--ic-space-md);
+        flex-wrap: wrap;
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      /* Mode toggle + search bar */
+      .toolbar {
+        display: flex;
+        gap: var(--ic-space-md);
+        align-items: center;
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .mode-toggle {
+        display: flex;
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        overflow: hidden;
+        flex-shrink: 0;
+      }
+
+      .mode-btn {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: transparent;
+        border: none;
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition), color var(--ic-transition);
+        white-space: nowrap;
+      }
+
+      .mode-btn:hover {
+        color: var(--ic-text);
+      }
+
+      .mode-btn[data-active] {
+        background: var(--ic-accent);
+        color: var(--ic-text);
+      }
+
+      .search-wrapper {
+        flex: 1;
+      }
+
+      /* Filters row */
+      .filters-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        margin-bottom: var(--ic-space-md);
+        flex-wrap: wrap;
+      }
+
+      .filter-group {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .filter-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        white-space: nowrap;
+      }
+
+      .filter-checkbox {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        cursor: pointer;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+      }
+
+      .filter-checkbox input {
+        accent-color: var(--ic-accent);
+      }
+
+      .filter-select {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .filter-date {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+      }
+
+      /* Results header */
+      .results-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .result-count {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+      }
+
+      .export-btn {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .export-btn:hover {
+        color: var(--ic-text);
+        border-color: var(--ic-text-dim);
+      }
+
+      /* Bulk actions bar */
+      .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);
+        border: 1px solid var(--ic-accent);
+        border-radius: var(--ic-radius-md);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .bulk-count {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        font-weight: 500;
+      }
+
+      .bulk-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;
+        border: none;
+        transition: background var(--ic-transition);
+      }
+
+      .bulk-btn--delete {
+        background: var(--ic-error);
+        color: var(--ic-text);
+      }
+
+      .bulk-btn--delete:hover {
+        background: color-mix(in srgb, var(--ic-error) 85%, black);
+      }
+
+      .bulk-btn--export {
+        background: var(--ic-surface-2);
+        color: var(--ic-text-muted);
+        border: 1px solid var(--ic-border);
+      }
+
+      .bulk-btn--export:hover {
+        color: var(--ic-text);
+      }
+
+      /* Browse pagination controls */
+      .browse-controls {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: var(--ic-space-md);
+      }
+
+      .browse-info {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+      }
+
+      .browse-nav {
+        display: flex;
+        gap: var(--ic-space-sm);
+      }
+
+      .browse-btn {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .browse-btn:hover:not(:disabled) {
+        color: var(--ic-text);
+        border-color: var(--ic-text-dim);
+      }
+
+      .browse-btn:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+
+      /* Loading / Error */
+      .state-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: var(--ic-space-2xl);
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+      }
+
+      .loading-spinner {
+        width: 1.5rem;
+        height: 1.5rem;
+        border: 2px solid var(--ic-border);
+        border-top-color: var(--ic-accent);
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+      }
+
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+
+      .error-message {
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+        padding: var(--ic-space-md);
+        background: color-mix(in srgb, var(--ic-error) 8%, transparent);
+        border: 1px solid color-mix(in srgb, var(--ic-error) 30%, transparent);
+        border-radius: var(--ic-radius-md);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .empty-state {
+        text-align: center;
+        padding: var(--ic-space-2xl);
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+      }
+
+      .empty-hint {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-top: var(--ic-space-xs);
+      }
+
+      /* By-agent bar chart */
+      .agent-chart {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .agent-chart-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .bar-container {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .bar-label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        min-width: 100px;
+        text-align: right;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        flex-shrink: 0;
+      }
+
+      .bar-track {
+        flex: 1;
+        background: var(--ic-surface-2);
+        height: 8px;
+        border-radius: 4px;
+        overflow: hidden;
+      }
+
+      .bar-fill {
+        height: 100%;
+        border-radius: 4px;
+        background: var(--ic-accent);
+        transition: width 0.3s ease;
+      }
+
+      .bar-value {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        min-width: 36px;
+        text-align: right;
+        flex-shrink: 0;
+      }
+
+      .agent-chart-overflow {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-top: var(--ic-space-xs);
+        padding-left: calc(100px + var(--ic-space-sm));
+      }
+
+      /* Creation form */
+      .create-toggle {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .create-toggle:hover {
+        color: var(--ic-text);
+        border-color: var(--ic-text-dim);
+      }
+
+      .create-form {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .create-form-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .create-field {
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .create-label {
+        display: block;
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .create-textarea {
+        width: 100%;
+        min-height: 80px;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        resize: vertical;
+        box-sizing: border-box;
+      }
+
+      .create-input {
+        width: 100%;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        box-sizing: border-box;
+      }
+
+      .create-select {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .create-actions {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-md);
+      }
+
+      .create-submit {
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        background: var(--ic-accent);
+        border: none;
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        font-weight: 500;
+        transition: background var(--ic-transition);
+      }
+
+      .create-submit:hover:not(:disabled) {
+        background: color-mix(in srgb, var(--ic-accent) 85%, white);
+      }
+
+      .create-submit:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+
+      .create-message {
+        font-size: var(--ic-text-sm);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        border-radius: var(--ic-radius-md);
+        margin-top: var(--ic-space-sm);
+      }
+
+      .create-message--success {
+        color: var(--ic-success, #4ade80);
+        background: color-mix(in srgb, var(--ic-success, #4ade80) 10%, transparent);
+      }
+
+      .create-message--error {
+        color: var(--ic-error);
+        background: color-mix(in srgb, var(--ic-error) 10%, transparent);
+      }
+
+      /* Flush button */
+      .flush-btn {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        background: transparent;
+        border: 1px solid var(--ic-error);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition), color var(--ic-transition);
+        margin-left: auto;
+      }
+
+      .flush-btn:hover {
+        background: color-mix(in srgb, var(--ic-error) 15%, transparent);
+      }
+
+      /* Flush scope filter */
+      .flush-scope {
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .flush-scope-label {
+        display: block;
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .toolbar-right {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-left: auto;
+      }
+
+      /* Embedding infrastructure section */
+      .embedding-section {
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .section-heading {
+        font-size: var(--ic-text-md);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .embedding-disabled {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        padding: var(--ic-space-md);
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+      }
+    `];o([m({attribute:!1})],s.prototype,"apiClient",2);o([m({attribute:!1})],s.prototype,"rpcClient",2);o([n()],s.prototype,"_mode",2);o([n()],s.prototype,"_query",2);o([n()],s.prototype,"_results",2);o([n()],s.prototype,"_loading",2);o([n()],s.prototype,"_searched",2);o([n()],s.prototype,"_error",2);o([n()],s.prototype,"_stats",2);o([n()],s.prototype,"_statsLoaded",2);o([n()],s.prototype,"_selectedEntry",2);o([n()],s.prototype,"_selectedIds",2);o([n()],s.prototype,"_typeFilter",2);o([n()],s.prototype,"_trustFilter",2);o([n()],s.prototype,"_agentFilter",2);o([n()],s.prototype,"_dateFrom",2);o([n()],s.prototype,"_dateTo",2);o([n()],s.prototype,"_browseOffset",2);o([n()],s.prototype,"_browseLimit",2);o([n()],s.prototype,"_total",2);o([n()],s.prototype,"_agents",2);o([n()],s.prototype,"_confirmOpen",2);o([n()],s.prototype,"_createOpen",2);o([n()],s.prototype,"_createContent",2);o([n()],s.prototype,"_createTags",2);o([n()],s.prototype,"_createTrustLevel",2);o([n()],s.prototype,"_createProvenance",2);o([n()],s.prototype,"_createSubmitting",2);o([n()],s.prototype,"_createMessage",2);o([n()],s.prototype,"_createMessageType",2);o([n()],s.prototype,"_embeddingStats",2);o([n()],s.prototype,"_embeddingLoading",2);o([n()],s.prototype,"_flushDialogOpen",2);o([n()],s.prototype,"_flushAgentId",2);o([n()],s.prototype,"_flushSubmitting",2);s=o([$("ic-memory-inspector")],s);export{s as IcMemoryInspector};