claude-simple 0.2.27 → 0.2.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "type": "module",
   "bin": {
     "claude-simple": "server.js",

package/public/agent-panel.js

@@ -48,7 +48,8 @@ function highlight(root) {
 
 /** Fetch SSE with auth (+ hub machine routing). */
 async function streamSSE(path, body, handlers) {
-  const headers = authHeaders({ 'Content-Type': 'application/json' });
+  // Meta Agent is hub-owned.  Do not attach the currently selected edge.
+  const headers = authHeaders({ 'Content-Type': 'application/json' }, { hub: true });
   const res = await fetch(path, {
     method: 'POST',
     headers,
@@ -466,7 +467,11 @@ function insertAtCursor(ta, text) {
 
 /** Upload blob → server path; insert [imgN](path) into input. */
 async function uploadAndInsertImage(blob, filename) {
-  const headers = authHeaders({ 'x-filename': filename || `paste-${Date.now()}.png` });
+  // Attachments used by Meta Agent belong to the Hub conversation too.
+  const headers = authHeaders(
+    { 'x-filename': filename || `paste-${Date.now()}.png` },
+    { hub: true },
+  );
   // raw body upload — do not set Content-Type (browser sets multipart/stream)
   delete headers['Content-Type'];
   const res = await fetch('/api/upload-image', {

package/public/api.js

@@ -24,8 +24,11 @@ function isHubOnlyPath(path) {
     || p === '/api/machines'
     || p === '/api/notifications'
     || p === '/api/notifications/read'
-    || p === '/api/ai/notes'
-    || p.startsWith('/api/ai/notes/')
+    || p === '/api/notes'
+    || p.startsWith('/api/notes/')
+    || p === '/api/queue'
+    || p.startsWith('/api/queue/')
+    || p.startsWith('/api/ai/')
     || p.startsWith('/api/auth/')
     || p.startsWith('/api/collab/');
 }
@@ -114,11 +117,11 @@ export function authQuery(extra = {}) {
 }
 
 /** Headers for raw fetch (e.g. file upload) in hub mode. */
-export function authHeaders(extra = {}) {
+export function authHeaders(extra = {}, opts = {}) {
   const h = { ...extra };
   if (ctx.token) h.Authorization = `Bearer ${ctx.token}`;
   const mid = currentMachineId();
-  if (hubMode.peek() && mid) h['X-Machine-Id'] = mid;
+  if (!opts.hub && hubMode.peek() && mid) h['X-Machine-Id'] = mid;
   return h;
 }
 

package/public/app.js

@@ -6,6 +6,7 @@ import { initChat } from './chat.js';
 import { initFilesTab } from './files.js?v=ui-22';
 import { initGitTab } from './git.js';
 import { initSettings } from './settings.js';
+import { initNotes } from './notes.js';
 import { initTerminal } from './terminal.js';
 import { initImagePaste } from './chat.js';
 import { initMetaAgent } from './agent-panel.js';
@@ -36,6 +37,7 @@ initChat();
 initFilesTab();
 initGitTab();
 initSettings();
+initNotes();
 initTerminal();
 initImagePaste();
 initMetaAgent();

package/public/chat.js

@@ -441,6 +441,29 @@ function handleWsMessage(msg) {
   // session while its subscription is changing. Do not let that frame alter
   // the new session's transcript, processing state, or queue.
   if (msg?.sessionId && ctx.sessionId && msg.sessionId !== ctx.sessionId) return;
+  // Fan out note/queue WS events to any module that subscribes via the
+  // hub-ws-message custom event (e.g. personal notes, queue outbox). Done
+  // before session-scope filtering so global widgets (notes page) still
+  // receive updates for non-active sessions. We also dispatch the
+  // type-specific hub:note-* events used by the legacy notes page.
+  if (msg && typeof msg.type === 'string' && (
+        msg.type === 'note.added' ||
+        msg.type === 'note.updated' ||
+        msg.type === 'note.removed' ||
+        msg.type === 'queue.item.added' ||
+        msg.type === 'queue.item.updated' ||
+        msg.type === 'queue.item.removed' ||
+        msg.type === 'queue.item.moved' ||
+        msg.type === 'queue.item.sending'
+      )) {
+    window.dispatchEvent(new CustomEvent('hub-ws-message', { detail: msg }));
+    const noteEvent = ({
+      'note.added': 'hub:note-added',
+      'note.updated': 'hub:note-updated',
+      'note.removed': 'hub:note-removed',
+    })[msg.type];
+    if (noteEvent) window.dispatchEvent(new CustomEvent(noteEvent, { detail: msg }));
+  }
   // Server outbox may pack multiple events into one frame
   if (msg.type === 'batch' && Array.isArray(msg.items)) {
     for (const item of msg.items) handleWsMessage(item);
@@ -551,10 +574,21 @@ function handleWsMessage(msg) {
 
   // ── Live streaming (Grok / future agents) ─────────────────────────────────
   if (msg.type === 'assistant_stream_start') {
+    // A replay can arrive before the edge's run-status snapshot.  Mark the
+    // turn busy as soon as its first stream frame reaches us so the concurrent
+    // history read cannot repaint the transcript over live output.
+    if (!isProcessing.peek()) {
+      isProcessing.value = true;
+      syncWakeLock();
+    }
     ensureAssistantStream(msg.ts);
     return;
   }
   if (msg.type === 'assistant_delta') {
+    if (!isProcessing.peek()) {
+      isProcessing.value = true;
+      syncWakeLock();
+    }
     appendAssistantDelta(msg.data || '');
     return;
   }

package/public/notes.js

@@ -0,0 +1,316 @@
+// notes.js — personal notes in the main pane (sidebar stays visible),
+// matching the Flutter HomePage "记事" chip: list + add/edit/delete cards
+// over the same /api/notes store.
+
+import { api } from './api.js';
+import { ctx } from './state.js';
+
+let notesCache = null;
+let notesEditingId = null;
+let notesBooted = false;
+let notesShowForm = false;
+
+export function openNotes() {
+  ensureNotesBoot();
+  const page = document.getElementById('notes-page');
+  if (!page) return;
+  page.hidden = false;
+  document.getElementById('welcome')?.classList.add('hidden');
+  const pv = document.getElementById('project-view');
+  if (pv) {
+    pv.classList.add('hidden');
+    pv.style.display = 'none';
+  }
+  document.documentElement.classList.remove('notes-open');
+  if ((location.hash || '') !== '#/notes') location.hash = '/notes';
+  loadNotes({ keepList: true });
+}
+
+export function closeNotes({ restore = true } = {}) {
+  const page = document.getElementById('notes-page');
+  if (!page) return;
+  page.hidden = true;
+  document.documentElement.classList.remove('notes-open');
+  notesEditingId = null;
+  notesShowForm = false;
+  const form = document.getElementById('notes-add-form');
+  if (form) form.hidden = true;
+  if (!restore) return;
+  if (ctx.sessionId) {
+    const pv = document.getElementById('project-view');
+    if (pv) {
+      pv.classList.remove('hidden');
+      pv.style.cssText = 'display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden';
+    }
+  } else {
+    const welcome = document.getElementById('welcome');
+    if (welcome) {
+      welcome.classList.remove('hidden');
+      welcome.style.display = '';
+    }
+  }
+}
+
+function ensureNotesBoot() {
+  if (notesBooted) return;
+  notesBooted = true;
+  const main = document.getElementById('main') || document.getElementById('root');
+  main.insertAdjacentHTML('beforeend', notesMarkup());
+  document.addEventListener('router:notes', () => openNotes());
+
+  const page = document.getElementById('notes-page');
+  page.addEventListener('click', (event) => {
+    const close = event.target.closest('[data-notes-close]');
+    if (close) {
+      closeNotes();
+      if ((location.hash || '') === '#/notes') history.back();
+      return;
+    }
+    const add = event.target.closest('[data-notes-add]');
+    if (add) {
+      event.preventDefault();
+      notesShowForm = !notesShowForm;
+      const form = document.getElementById('notes-add-form');
+      if (form) form.hidden = !notesShowForm;
+      add.textContent = notesShowForm ? '收起' : '+ 新增';
+      if (notesShowForm) document.getElementById('notes-add-text')?.focus();
+      return;
+    }
+    const submit = event.target.closest('[data-notes-submit]');
+    if (submit) {
+      event.preventDefault();
+      submitNote();
+      return;
+    }
+    const edit = event.target.closest('[data-notes-edit]');
+    if (edit) {
+      event.preventDefault();
+      startEditNote(edit.dataset.notesEdit);
+      return;
+    }
+    const save = event.target.closest('[data-notes-save]');
+    if (save) {
+      event.preventDefault();
+      saveEditNote();
+      return;
+    }
+    const cancel = event.target.closest('[data-notes-cancel]');
+    if (cancel) {
+      event.preventDefault();
+      if (notesEditingId) cancelEditNote();
+      else {
+        notesShowForm = false;
+        const form = document.getElementById('notes-add-form');
+        if (form) form.hidden = true;
+        const addBtn = document.querySelector('[data-notes-add]');
+        if (addBtn) addBtn.textContent = '+ 新增';
+      }
+      return;
+    }
+    const remove = event.target.closest('[data-notes-remove]');
+    if (remove) {
+      event.preventDefault();
+      const id = remove.dataset.notesRemove;
+      if (confirm('删除这条记录?')) deleteNote(id);
+    }
+  });
+
+  // Submit on Enter inside the textarea (Cmd/Ctrl+Enter), plain Enter inserts a newline.
+  const ta = document.getElementById('notes-add-text');
+  if (ta) {
+    ta.addEventListener('keydown', (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+        e.preventDefault();
+        submitNote();
+      }
+    });
+  }
+}
+
+function notesMarkup() {
+  return `
+<section id="notes-page" class="notes-page" hidden>
+  <header class="notes-header">
+    <div>
+      <h2>记事</h2>
+      <p id="notes-count" class="notes-count">多端实时同步</p>
+    </div>
+    <div class="notes-header-actions">
+        <button class="btn btn-sm btn-ghost border border-base-300" data-notes-add>+ 新增</button>
+        <button class="btn btn-sm btn-ghost border border-base-300" data-notes-close>关闭</button>
+      </div>
+  </header>
+  <form id="notes-add-form" class="notes-add" hidden>
+    <textarea id="notes-add-text" placeholder="记一条… (Cmd/Ctrl+Enter 提交)" rows="3" maxlength="8000"></textarea>
+    <div class="notes-form-actions">
+      <button class="btn btn-sm btn-primary" data-notes-submit>保存</button>
+      <button class="btn btn-sm btn-ghost" type="button" data-notes-cancel>取消</button>
+    </div>
+  </form>
+  <ul id="notes-list" class="notes-list">
+    <li class="notes-empty">加载中…</li>
+  </ul>
+</section>`;
+}
+
+async function loadNotes({ keepList = false } = {}) {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  if (!keepList || !notesCache) {
+    list.innerHTML = '<li class="notes-empty">加载中…</li>';
+  }
+  try {
+    const res = await api('GET', '/api/notes?limit=200', undefined, undefined, { hub: true });
+    notesCache = res?.items || [];
+    renderNotes();
+  } catch (err) {
+    list.innerHTML = `<li class="notes-empty notes-error">加载失败:${err?.message || err}</li>`;
+  }
+}
+
+function renderNotes() {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  const count = document.getElementById('notes-count');
+  if (count) {
+    count.textContent = notesCache?.length
+      ? `${notesCache.length} 条记事 · 多端实时同步`
+      : '多端实时同步';
+  }
+  const form = document.getElementById('notes-add-form');
+  if (form) form.hidden = !notesShowForm;
+  if (!notesCache || notesCache.length === 0) {
+    list.innerHTML = '<li class="notes-empty">还没有记事。点上面的「新增」，或者在 Meta Agent 里输入「记: xxx」</li>';
+    return;
+  }
+  list.innerHTML = '';
+  for (const note of notesCache) {
+    const li = document.createElement('li');
+    li.className = 'notes-item';
+    li.dataset.id = note.id;
+    if (notesEditingId === note.id) {
+      li.innerHTML = `
+        <textarea class="notes-edit-text" rows="4">${escapeHtml(note.text)}</textarea>
+        <div class="notes-item-actions">
+          <button class="btn btn-sm btn-primary" data-notes-save>保存</button>
+          <button class="btn btn-sm btn-ghost" data-notes-cancel>取消</button>
+        </div>`;
+    } else {
+      li.innerHTML = `
+        <div class="notes-text">${escapeHtml(note.text)}</div>
+        <div class="notes-item-foot">
+          <span class="notes-meta">${formatTime(note.createdAt)}</span>
+          <div class="notes-item-actions">
+            <button class="btn btn-ghost btn-xs" data-notes-edit="${note.id}" title="编辑">编辑</button>
+            <button class="btn btn-ghost btn-xs text-error" data-notes-remove="${note.id}" title="删除">删除</button>
+          </div>
+        </div>`;
+    }
+    list.appendChild(li);
+  }
+}
+
+function startEditNote(id) {
+  notesEditingId = id;
+  renderNotes();
+}
+
+function cancelEditNote() {
+  notesEditingId = null;
+  renderNotes();
+}
+
+async function saveEditNote() {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  const li = list.querySelector(`li[data-id="${cssEscape(notesEditingId)}"]`);
+  if (!li) return;
+  const ta = li.querySelector('.notes-edit-text');
+  if (!ta) return;
+  const text = (ta.value || '').trim();
+  if (!text) {
+    if (confirm('文本为空,删除这条记录?')) {
+      await deleteNote(notesEditingId);
+    }
+    return;
+  }
+  try {
+    await api('PATCH', `/api/notes/${notesEditingId}`, { text }, undefined, { hub: true });
+    notesEditingId = null;
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('保存失败:' + (err?.message || err));
+  }
+}
+
+async function submitNote() {
+  const ta = document.getElementById('notes-add-text');
+  if (!ta) return;
+  const text = (ta.value || '').trim();
+  if (!text) {
+    ta.focus();
+    return;
+  }
+  try {
+    await api('POST', '/api/notes', { text }, undefined, { hub: true });
+    ta.value = '';
+    notesShowForm = false;
+    const form = document.getElementById('notes-add-form');
+    if (form) form.hidden = true;
+    const addBtn = document.querySelector('[data-notes-add]');
+    if (addBtn) addBtn.textContent = '+ 新增';
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('保存失败:' + (err?.message || err));
+  }
+}
+
+async function deleteNote(id) {
+  try {
+    await api('DELETE', `/api/notes/${id}`, undefined, undefined, { hub: true });
+    if (notesEditingId === id) notesEditingId = null;
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('删除失败:' + (err?.message || err));
+  }
+}
+
+function formatTime(ms) {
+  if (!ms) return '';
+  const d = new Date(ms);
+  const pad = (n) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+// cssEscape polyfill (modern browsers expose CSS.escape on globalThis).
+function cssEscape(value) {
+  if (typeof CSS !== 'undefined' && CSS.escape) return CSS.escape(value);
+  return String(value).replace(/[^a-zA-Z0-9_-]/g, (c) => '\\' + c);
+}
+
+function escapeHtml(value) {
+  return String(value ?? '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// Re-render if a Hub note event arrives while the page is open. The events
+// come from the chat WebSocket, so we listen on ctx.ws indirectly via state.
+if (typeof window !== 'undefined') {
+  window.addEventListener('hub:note-added', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+  window.addEventListener('hub:note-updated', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+  window.addEventListener('hub:note-removed', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+}
+
+export function initNotes() {
+  ensureNotesBoot();
+}

package/public/router.js

@@ -59,6 +59,10 @@ function applyHash(path) {
     document.dispatchEvent(new CustomEvent('router:settings'));
     return;
   }
+  if (pathname === '/notes') {
+    document.dispatchEvent(new CustomEvent('router:notes'));
+    return;
+  }
   // /session/:id  or  /session/:id/:tab
   const parsed = parseHashPath(path);
   if (!parsed) {

package/public/shell/session-list.js

@@ -16,6 +16,28 @@ import { formatTime, agentBadge, agentCountPills, shortPath } from './util.js';
 import { normalizeMarkdownText } from '../markdown.js';
 
 
+function sessionsFingerprint(list) {
+  if (!Array.isArray(list) || !list.length) return '';
+  return list.map(s => `${s.sessionId}:${s.updatedAt || 0}:${s.turnCount || 0}:${s.agent || ''}`).join('|');
+}
+
+export function markActiveSessionRow(sessionId, agent) {
+  const wantAgent = agent || 'claude';
+  document.querySelectorAll('#session-list .session-row').forEach(row => {
+    const on = row.dataset.sessionId === sessionId
+      && (row.dataset.sessionAgent || 'claude') === wantAgent;
+    row.classList.toggle('border-primary', on);
+    row.classList.toggle('bg-primary/5', on);
+    row.classList.toggle('border-transparent', !on);
+    const title = row.querySelector('.session-title-text');
+    if (title) {
+      title.classList.toggle('text-primary', on);
+      title.classList.toggle('font-medium', on);
+      title.classList.toggle('text-base-content/85', !on);
+    }
+  });
+}
+
 function normalizeSessions(v) {
   if (Array.isArray(v)) return v;
   if (v && Array.isArray(v.results)) return v.results;
@@ -67,9 +89,10 @@ function sessionsQuery({ hubIndex = false } = {}) {
   // Project index is small and should remain complete; the Hub/browser cache
   // keeps this inexpensive after the first fetch.
   q.set('limit', '2000');
-  // This is a Hub-local, ETag-enabled catalog read. It never tunnels to an
-  // Edge or invokes the expensive multi-agent session scanner.
-  if (hubIndex && hubMode.peek()) q.set('index', '1');
+  // A Hub keeps this catalog locally from Edge deltas.  Always use it in Hub
+  // mode: an Edge scan can be slow while an agent is busy, and must never make
+  // the sidebar (or a page refresh) fail with a 502.
+  if (hubMode.peek() || hubIndex) q.set('index', '1');
   const s = q.toString();
   return s ? `/api/sessions?${s}` : '/api/sessions';
 }
@@ -93,8 +116,10 @@ export async function loadAllSessions({ waitFresh = true, hubIndex = false } = {
     const fresh = await api('GET', path, undefined, undefined, { etag: true });
     if (fresh === NOT_MODIFIED) return sessionsData.peek();
     const list = normalizeSessions(fresh);
-    sessionsData.value = list;
-    setCachedSessions(list);
+    if (sessionsFingerprint(list) !== sessionsFingerprint(sessionsData.peek())) {
+      sessionsData.value = list;
+      setCachedSessions(list);
+    }
     return list;
   };
 

package/public/shell/session-nav.js

@@ -111,6 +111,7 @@ export function goHome() {
 
   const topbar = $('topbar-project');
   if (topbar) topbar.textContent = 'Select a session';
+  import('../notes.js').then(({ closeNotes }) => closeNotes({ restore: false })).catch(() => {});
   const welcome = $('welcome');
   if (welcome) {
     welcome.classList.remove('hidden');
@@ -152,6 +153,8 @@ export async function resumeSession(sid, cwd, configDir, agent, machineId, opts
   const resolvedCwd = cwd || fromList?.cwd || fromLast?.cwd || null;
   const resolvedConfig = configDir || fromList?.configDir || fromLast?.configDir || null;
 
+  import('../notes.js').then(({ closeNotes }) => closeNotes({ restore: false })).catch(() => {});
+
   // Capture before changing ctx, then restore only after the new identity is set.
   stashComposerDraft();
   parkQueuedMessages();
@@ -199,10 +202,9 @@ export async function resumeSession(sid, cwd, configDir, agent, machineId, opts
   // arrive immediately on socket-open and must belong to the new history.
   connectWS();
   switchTab(targetTab);
-  {
-    const cur = sessionsData.peek();
-    sessionsData.value = Array.isArray(cur) ? [...cur] : [];
-  }
+  import('./session-list.js').then(({ markActiveSessionRow }) => {
+    markActiveSessionRow(sid, resolvedAgent);
+  }).catch(() => {});
 
   setLastSessionContext({
     sessionId: sid,

package/public/shell/templates.js

@@ -85,6 +85,9 @@ export const AppShell = (opts = {}) => {
         <button id="btn-meta-agent" class="btn btn-ghost btn-xs border border-primary/40 text-primary topbar-icon-btn" title="Meta Agent — 报告 / 问答 / VLM" aria-label="打开 Meta Agent">
           <svg class="topbar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="m12 2 1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6L12 2Z"/><path d="m19 16 .7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7L19 16Z"/></svg><span class="topbar-icon-label">Agent</span>
         </button>
+        <button id="btn-notes" class="btn btn-ghost btn-xs border border-base-300 topbar-icon-btn" title="记事" aria-label="记事">
+          <svg class="topbar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M5 4h11l3 3v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z"/><path d="M8 9h7M8 13h7M8 17h4"/></svg><span class="topbar-icon-label">记事</span>
+        </button>
         <button id="btn-new-session" class="btn btn-ghost btn-xs border border-base-300 topbar-icon-btn" title="New session" aria-label="新建会话">
           <svg class="topbar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M12 8v8M8 12h8"/></svg><span class="topbar-icon-label">New</span>
         </button>

package/public/shell.js

@@ -22,6 +22,7 @@ import {
 } from './chat.js';
 import { syncHash, currentSessionShareUrl } from './router.js';
 import { initSettings, openSettings } from './settings.js';
+import { openNotes } from './notes.js';
 import { openMetaAgent, toggleMetaAgent } from './agent-panel.js';
 import {
   initNotifications, refreshNotifications, toggleNotificationsMenu, closeNotificationsMenu,
@@ -224,14 +225,25 @@ export function initShell(opts = {}) {
     void filteredSessions.value;
     void projectGroups.value;
     void sidebarView.value;
-    void activityLoading.value;
     void activityHits.value;
     void sessionMetaMap.value;
     const el = $('session-list');
     if (!el) return;
     // Keep inline rename input mounted until blur/Enter
     if (el.querySelector('.session-rename-input')) return;
-    el.innerHTML = renderSessionList();
+    const html = renderSessionList();
+    if (el._lastHtml === html) {
+      syncSidebarChrome();
+      return;
+    }
+    const scroll = el.scrollTop;
+    el.innerHTML = html;
+    el._lastHtml = html;
+    el.scrollTop = scroll;
+    syncSidebarChrome();
+  });
+  effect(() => {
+    void activityLoading.value;
     syncSidebarChrome();
   });
 
@@ -443,6 +455,7 @@ export function initShell(opts = {}) {
     document.getElementById('btn-pwa-install')?.classList.remove('hidden');
   });
   delegate.on('click', '#btn-settings', openSettings);
+  delegate.on('click', '#btn-notes', () => openNotes());
   delegate.on('click', '#btn-collapse-chat-chrome', () => setChatChromeCollapsed(true));
   delegate.on('click', '#btn-expand-chat-chrome', () => setChatChromeCollapsed(false));
   delegate.on('click', '#btn-meta-agent', () => toggleMetaAgent());