claude-simple 0.2.6 → 0.2.7

package/package.json

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

package/public/agent-panel.js

@@ -4,7 +4,7 @@
  */
 import { esc, $ } from './lib.js';
 import { api, authHeaders, currentMachineId } from './api.js';
-import { hubMode, ctx } from './state.js';
+import { hubMode, ctx, currentAgent, currentProject } from './state.js';
 
 let panelOpen = false;
 let mode = 'chat'; // chat | report | history | config
@@ -19,6 +19,10 @@ let autoTimer = null;
 let lastAutoDay = localStorage.getItem('ai_last_auto_report') || '';
 let historyCache = [];
 let historySearch = '';
+let notesCache = [];
+let notesSearch = '';
+let editingNoteId = null;
+let currentNoteSnapshot = null;
 const LAST_SESSION_KEY = 'ma_last_session_id';
 
 function mdHtml(text) {
@@ -90,6 +94,7 @@ function panelHTML() {
         <div class="flex items-center gap-1">
           <button type="button" id="ma-btn-chat" class="btn btn-xs btn-ghost border border-primary/40 text-primary">对话</button>
           <button type="button" id="ma-btn-history" class="btn btn-xs btn-ghost border border-base-300" title="历史对话">历史</button>
+          <button type="button" id="ma-btn-notes" class="btn btn-xs btn-ghost border border-base-300" title="工作记事">记事</button>
           <button type="button" id="ma-btn-report" class="btn btn-xs btn-ghost border border-base-300">报告</button>
           <button type="button" id="ma-btn-config" class="btn btn-xs btn-ghost border border-base-300" title="AI 配置">⚙</button>
           <button type="button" id="ma-btn-close" class="btn btn-xs btn-ghost" data-ma-close="1">✕</button>
@@ -145,6 +150,56 @@ function panelHTML() {
         </p>
       </div>
 
+      <div id="ma-mode-notes" class="meta-agent-body hidden flex min-h-0 flex-1">
+        <div class="w-[44%] min-w-[180px] max-w-[240px] border-r border-base-300 flex flex-col">
+          <div class="flex items-center gap-2 px-3 py-2 border-b border-base-300 flex-shrink-0">
+            <input id="ma-notes-search" type="search" placeholder="搜索记事…"
+              class="input input-xs input-bordered flex-1 text-xs" autocomplete="off">
+            <button type="button" id="ma-notes-refresh" class="btn btn-ghost btn-xs">↻</button>
+            <button type="button" id="ma-notes-new" class="btn btn-primary btn-xs">＋</button>
+          </div>
+          <div id="ma-notes-list" class="flex-1 overflow-y-auto p-2 flex flex-col gap-1"></div>
+        </div>
+        <div class="flex-1 min-w-0 flex flex-col">
+          <div class="px-3 py-2 border-b border-base-300 text-[11px] text-base-content/45 flex items-center gap-2 flex-wrap">
+            <span>记事保存在 Hub，可被 Meta Agent 检索。</span>
+            <span id="ma-note-links" class="truncate"></span>
+          </div>
+          <div class="p-3 flex flex-col gap-3 flex-1 overflow-y-auto">
+            <label class="form-control">
+              <span class="label-text text-xs">标题</span>
+              <input id="ma-note-title" class="input input-sm input-bordered text-sm" placeholder="例如：发布前遗留问题">
+            </label>
+            <label class="form-control flex-1">
+              <span class="label-text text-xs">内容</span>
+              <textarea id="ma-note-content" class="textarea textarea-bordered text-sm min-h-[220px]" placeholder="记录决策、风险、待办、排查线索…"></textarea>
+            </label>
+            <div class="flex flex-wrap items-center gap-3 text-xs">
+              <label class="flex items-center gap-1 cursor-pointer">
+                <input type="checkbox" id="ma-note-pin" class="checkbox checkbox-xs">
+                置顶
+              </label>
+              <label class="flex items-center gap-1 cursor-pointer">
+                <input type="checkbox" id="ma-note-link-project" class="checkbox checkbox-xs">
+                关联当前项目
+              </label>
+              <label class="flex items-center gap-1 cursor-pointer">
+                <input type="checkbox" id="ma-note-link-session" class="checkbox checkbox-xs">
+                关联当前 session
+              </label>
+            </div>
+            <div class="flex items-center justify-between gap-2">
+              <span id="ma-note-status" class="text-xs text-base-content/45"></span>
+              <div class="flex items-center gap-2">
+                <button type="button" id="ma-note-ask" class="btn btn-ghost btn-sm">快捷提问</button>
+                <button type="button" id="ma-note-delete" class="btn btn-ghost btn-sm text-error">删除</button>
+                <button type="button" id="ma-note-save" class="btn btn-primary btn-sm">保存记事</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div id="ma-mode-report" class="meta-agent-body hidden flex-col min-h-0 flex-1">
         <div class="flex items-center gap-2 px-3 py-2 border-b border-base-300 flex-shrink-0 flex-wrap">
           <select id="ma-report-days" class="select select-xs select-bordered">
@@ -214,11 +269,13 @@ function setMode(m) {
   mode = m;
   const chat = $('ma-mode-chat');
   const history = $('ma-mode-history');
+  const notes = $('ma-mode-notes');
   const report = $('ma-mode-report');
   const config = $('ma-mode-config');
   for (const [el, key] of [
     [chat, 'chat'],
     [history, 'history'],
+    [notes, 'notes'],
     [report, 'report'],
     [config, 'config'],
   ]) {
@@ -235,8 +292,10 @@ function setMode(m) {
   };
   tab('ma-btn-chat', m === 'chat');
   tab('ma-btn-history', m === 'history');
+  tab('ma-btn-notes', m === 'notes');
   tab('ma-btn-report', m === 'report');
   if (m === 'history') renderHistoryList();
+  if (m === 'notes') renderNotesList();
 }
 
 function updateSessionChrome() {
@@ -484,6 +543,155 @@ async function refreshHistoryCache() {
   return historyCache;
 }
 
+function currentNoteLinks() {
+  const proj = currentProject.peek();
+  const sessionLinked = ctx.sessionId ? `${ctx.agent || currentAgent.peek() || 'claude'}:${ctx.sessionId.slice(0, 8)}` : '';
+  return {
+    project: proj?.path || '',
+    sessionId: ctx.sessionId || '',
+    agent: ctx.agent || currentAgent.peek() || 'claude',
+    summary: [
+      proj?.name ? `项目 ${proj.name}` : '',
+      sessionLinked ? `会话 ${sessionLinked}` : '',
+    ].filter(Boolean).join(' · '),
+  };
+}
+
+function resetNoteEditor() {
+  editingNoteId = null;
+  currentNoteSnapshot = null;
+  $('ma-note-title').value = '';
+  $('ma-note-content').value = '';
+  $('ma-note-pin').checked = false;
+  $('ma-note-link-project').checked = !!currentProject.peek()?.path;
+  $('ma-note-link-session').checked = !!ctx.sessionId;
+  $('ma-note-status').textContent = '新记事';
+  $('ma-note-delete').disabled = true;
+  $('ma-note-links').textContent = currentNoteLinks().summary || '未关联上下文';
+}
+
+function fillNoteEditor(note) {
+  editingNoteId = note?.id || null;
+  currentNoteSnapshot = note || null;
+  $('ma-note-title').value = note?.title || '';
+  $('ma-note-content').value = note?.content || '';
+  $('ma-note-pin').checked = !!note?.pinned;
+  $('ma-note-link-project').checked = !!note?.cwd;
+  $('ma-note-link-session').checked = !!note?.sessionId;
+  $('ma-note-status').textContent = note?.updatedAt ? `上次更新 ${fmtSessionWhen(note.updatedAt)}` : '';
+  $('ma-note-delete').disabled = !note?.id;
+  const links = [];
+  if (note?.cwd) links.push(`项目 ${note.cwd.split('/').pop()}`);
+  if (note?.sessionId) links.push(`会话 ${(note.agent || 'claude')}:${note.sessionId.slice(0, 8)}`);
+  $('ma-note-links').textContent = links.join(' · ') || '未关联上下文';
+}
+
+function askFromCurrentNote() {
+  const title = $('ma-note-title')?.value?.trim() || '';
+  const content = $('ma-note-content')?.value?.trim() || '';
+  if (!title && !content) {
+    $('ma-note-status').textContent = '先选一条记事或输入内容';
+    return;
+  }
+  const links = [];
+  if ($('ma-note-link-project')?.checked && currentProject.peek()?.path) {
+    links.push(`项目路径：${currentProject.peek().path}`);
+  }
+  if ($('ma-note-link-session')?.checked && ctx.sessionId) {
+    links.push(`关联会话：${ctx.agent || currentAgent.peek() || 'claude'} / ${ctx.sessionId}`);
+  }
+  const prompt = [
+    '基于下面这条工作记事回答，并结合相关会话与项目上下文：',
+    `标题：${title || '未命名'}`,
+    content ? `内容：\n${content}` : '',
+    links.length ? links.join('\n') : '',
+    '',
+    '请先总结这条记事的核心，再给出下一步建议和可能风险。',
+  ].filter(Boolean).join('\n');
+  setMode('chat');
+  $('ma-input').value = prompt;
+  $('ma-input').dispatchEvent(new Event('input'));
+  $('ma-input').focus();
+}
+
+async function refreshNotesCache() {
+  const q = (notesSearch || '').trim();
+  const data = await api('GET', `/api/ai/notes?limit=80${q ? `&q=${encodeURIComponent(q)}` : ''}`);
+  notesCache = data.notes || [];
+  return notesCache;
+}
+
+function renderNotesList() {
+  const list = $('ma-notes-list');
+  if (!list) return;
+  if (!notesCache.length) {
+    list.innerHTML = '<div class="text-center text-xs text-base-content/40 py-10">还没有记事。</div>';
+    return;
+  }
+  list.innerHTML = notesCache.map((note) => {
+    const active = note.id === editingNoteId;
+    const tags = [
+      note.scope === 'project' ? '项目' : note.scope === 'session' ? '会话' : '通用',
+      note.pinned ? '置顶' : '',
+    ].filter(Boolean).join(' · ');
+    return `
+      <button type="button" class="ma-note-item ${active ? 'active' : ''}" data-note-id="${esc(note.id)}">
+        <div class="text-left">
+          <div class="font-medium text-xs truncate">${esc(note.title || '未命名')}</div>
+          <div class="text-[10px] text-base-content/45 mt-0.5 line-clamp-2">${esc(note.content || '')}</div>
+          <div class="text-[10px] text-base-content/35 mt-1">${esc(tags)}${tags ? ' · ' : ''}${esc(fmtSessionWhen(note.updatedAt) || '')}</div>
+        </div>
+      </button>`;
+  }).join('');
+  list.querySelectorAll('[data-note-id]').forEach((btn) => {
+    btn.addEventListener('click', async () => {
+      try {
+        const note = await api('GET', `/api/ai/notes/${btn.dataset.noteId}`);
+        fillNoteEditor(note);
+        renderNotesList();
+      } catch (e) {
+        $('ma-note-status').textContent = e.message;
+      }
+    });
+  });
+}
+
+async function saveCurrentNote() {
+  const title = $('ma-note-title')?.value?.trim() || '';
+  const content = $('ma-note-content')?.value?.trim() || '';
+  if (!title || !content) {
+    $('ma-note-status').textContent = '标题和内容都不能为空';
+    return;
+  }
+  const links = currentNoteLinks();
+  const body = {
+    id: editingNoteId || undefined,
+    title,
+    content,
+    pinned: !!$('ma-note-pin')?.checked,
+    cwd: $('ma-note-link-project')?.checked ? links.project : '',
+    sessionId: $('ma-note-link-session')?.checked ? links.sessionId : '',
+    agent: $('ma-note-link-session')?.checked ? links.agent : '',
+  };
+  $('ma-note-status').textContent = '保存中…';
+  const note = await api('POST', '/api/ai/notes', body);
+  fillNoteEditor(note);
+  await refreshNotesCache();
+  renderNotesList();
+}
+
+async function deleteCurrentNoteEditor() {
+  if (!editingNoteId) {
+    resetNoteEditor();
+    return;
+  }
+  if (!confirm('删除这条记事？不可恢复。')) return;
+  await api('DELETE', `/api/ai/notes/${editingNoteId}`);
+  resetNoteEditor();
+  await refreshNotesCache();
+  renderNotesList();
+}
+
 function renderHistoryList() {
   const list = $('ma-history-list');
   if (!list) return;
@@ -986,6 +1194,11 @@ export function initMetaAgent() {
     await refreshHistoryCache();
     setMode('history');
   });
+  $('ma-btn-notes')?.addEventListener('click', async () => {
+    await refreshNotesCache();
+    if (!editingNoteId) resetNoteEditor();
+    setMode('notes');
+  });
   $('ma-open-history')?.addEventListener('click', async () => {
     await refreshHistoryCache();
     setMode('history');
@@ -1042,6 +1255,35 @@ export function initMetaAgent() {
   });
   $('ma-gen-report')?.addEventListener('click', generateReport);
   $('ma-load-reports')?.addEventListener('click', loadReportList);
+  $('ma-notes-refresh')?.addEventListener('click', async () => {
+    await refreshNotesCache();
+    renderNotesList();
+  });
+  $('ma-notes-new')?.addEventListener('click', () => {
+    resetNoteEditor();
+    renderNotesList();
+    $('ma-note-title')?.focus();
+  });
+  $('ma-notes-search')?.addEventListener('input', async (e) => {
+    notesSearch = e.target.value || '';
+    await refreshNotesCache();
+    renderNotesList();
+  });
+  $('ma-note-save')?.addEventListener('click', async () => {
+    try {
+      await saveCurrentNote();
+    } catch (e) {
+      $('ma-note-status').textContent = e.message;
+    }
+  });
+  $('ma-note-delete')?.addEventListener('click', async () => {
+    try {
+      await deleteCurrentNoteEditor();
+    } catch (e) {
+      $('ma-note-status').textContent = e.message;
+    }
+  });
+  $('ma-note-ask')?.addEventListener('click', askFromCurrentNote);
   $('ma-cfg-save')?.addEventListener('click', saveConfig);
   $('ma-auto-report')?.addEventListener('change', async () => {
     try {
@@ -1114,6 +1356,7 @@ export function initMetaAgent() {
   // status + selected machine are known (boot.js / hub.js), not here: at this
   // point probeHub() hasn't resolved yet, so hubMode always reads as false.
   loadSession(null, { silent: true });
+  resetNoteEditor();
 }
 
 /**
@@ -1124,6 +1367,7 @@ export function loadMetaAgentBoot() {
   if (!ctx.token) return;
   if (hubMode.peek() && !currentMachineId()) return;
   refreshHistoryCache();
+  refreshNotesCache().catch(() => {});
   api('GET', '/api/ai/config').then(scheduleAutoReport).catch(() => {});
 }
 

package/public/api.js

@@ -22,6 +22,8 @@ function isHubOnlyPath(path) {
   const p = path.split('?')[0];
   return p === '/api/hub'
     || p === '/api/machines'
+    || p === '/api/ai/notes'
+    || p.startsWith('/api/ai/notes/')
     || p.startsWith('/api/auth/');
 }
 

package/public/chat.js

@@ -32,8 +32,57 @@ let lifecycleBound = false;
 let sawDisconnect = false;
 let lastWsMachine = null;
 let reconnectQuiet = false;
-/** Queued user text to send after current turn finishes (Grok used to block forever). */
-let pendingUserText = null;
+/** FIFO messages deliberately queued while a turn is running. */
+let pendingUserTexts = [];
+// Composer state belongs to a conversation, never to the shared textarea.
+// Keeping this in memory deliberately avoids persisting potentially sensitive
+// prompts to disk while still making session switches lossless.
+const composerDrafts = new Map();
+
+function draftKey({ sessionId = ctx.sessionId, agent = ctx.agent, machineId = ctx.machineId } = {}) {
+  if (!sessionId) return null;
+  return `${machineId || ''}:${agent || 'claude'}:${sessionId}`;
+}
+
+/** Save the visible, unsent prompt under its current session identity. */
+export function stashComposerDraft(identity) {
+  const key = draftKey(identity);
+  const input = $('chat-input');
+  if (!key || !input) return;
+  if (input.value) composerDrafts.set(key, input.value);
+  else composerDrafts.delete(key);
+}
+
+/** Restore only the target session's draft; a missing one must mean blank. */
+export function restoreComposerDraft(identity) {
+  const input = $('chat-input');
+  if (!input) return;
+  input.value = composerDrafts.get(draftKey(identity)) || '';
+  autoResize(input);
+  updateInputMode(input.value);
+}
+
+/**
+ * Leaving a session turns its queued sends back into a visible draft. This is
+ * intentionally conservative: a background completion must never send work
+ * into whichever session the user is viewing now.
+ */
+export function parkQueuedMessages(identity) {
+  const key = draftKey(identity);
+  if (!key) return;
+  const queued = pendingUserTexts.filter(item => item.key === key);
+  if (!queued.length) return;
+  pendingUserTexts = pendingUserTexts.filter(item => item.key !== key);
+  const existing = composerDrafts.get(key) || '';
+  composerDrafts.set(key, [existing, ...queued.map(item => item.text)].filter(Boolean).join('\n\n'));
+}
+
+/** A run may continue server-side after navigation, but it is no longer active UI state. */
+export function detachProcessingForSessionSwitch() {
+  if (!isProcessing.peek()) return;
+  isProcessing.value = false;
+  syncWakeLock();
+}
 
 function bindSocketLifecycle() {
   if (lifecycleBound) return;
@@ -238,16 +287,27 @@ export function connectWS(opts = {}) {
 }
 
 function flushPendingUserText() {
-  if (!pendingUserText || isProcessing.peek()) return;
-  const text = pendingUserText;
-  pendingUserText = null;
+  if (!pendingUserTexts.length || isProcessing.peek()) return;
+  const currentKey = draftKey();
+  const index = pendingUserTexts.findIndex(item => item.key === currentKey);
+  // Queues belonging to another session stay parked until that session is
+  // opened (or are converted to a draft during navigation).
+  if (index < 0) return;
+  const [pending] = pendingUserTexts.splice(index, 1);
   const input = $('chat-input');
   if (input) {
-    input.value = text;
+    input.value = pending.text;
     autoResize(input);
   }
-  // Defer so isProcessing watch can re-enable send button first
-  setTimeout(() => sendMessage(), 0);
+  // Defer so isProcessing watch can re-enable send button first. Re-check the
+  // identity inside the callback: a click can switch sessions in this tiny gap.
+  setTimeout(() => {
+    if (pending.key !== draftKey() || isProcessing.peek()) {
+      composerDrafts.set(pending.key, pending.text);
+      return;
+    }
+    sendMessage();
+  }, 0);
 }
 
 function markTurnDone() {
@@ -257,6 +317,10 @@ function markTurnDone() {
 }
 
 function handleWsMessage(msg) {
+  // The socket can still receive a final frame from the previously viewed
+  // 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;
   // 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);
@@ -702,7 +766,7 @@ export function sendMessage() {
 
   // While a turn is running, queue the next message (common Grok complaint).
   if (isProcessing.peek()) {
-    pendingUserText = text;
+    pendingUserTexts.push({ key: draftKey(), text });
     input.value = '';
     autoResize(input);
     updateInputMode('');
@@ -712,6 +776,7 @@ export function sendMessage() {
   }
 
   input.value = '';
+  composerDrafts.delete(draftKey());
   autoResize(input);
   updateInputMode('');
   clearPendingAttachments();
@@ -754,7 +819,7 @@ export function sendMessage() {
         configDir: ctx.configDir,
         model:     currentModel.peek(),
         ...(effort     && { effort }),
-        ...(permission && permission !== 'default' && { permissionMode: permission }),
+        ...(permission && { permissionMode: permission }),
         ...(permission === 'bypassPermissions' && { allowDangerouslySkipPermissions: true }),
       },
     });
@@ -766,7 +831,7 @@ export function stopProcessing() {
   if (ctx.sessionId) {
     sendWs({ type: 'command', cmd: 'turn.interrupt', sessionId: ctx.sessionId });
   }
-  pendingUserText = null;
+  pendingUserTexts = pendingUserTexts.filter(item => item.key !== draftKey());
   markTurnDone();
 }
 
@@ -1019,6 +1084,11 @@ function clearPendingAttachments() {
   renderAttachBar();
 }
 
+/** Attachments are bound to the visible composer; discard them before session navigation. */
+export function discardComposerAttachments() {
+  clearPendingAttachments();
+}
+
 function renderAttachBar() {
   const bar = $('chat-attach-bar');
   if (!bar) return;

package/public/index.html

@@ -83,7 +83,7 @@
   <script src="https://cdn.jsdelivr.net/npm/marked@9/marked.min.js"></script>
   <link id="hljs-theme" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11/styles/github-dark.min.css">
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11/highlight.min.js"></script>
-  <link rel="stylesheet" href="style.css?v=ui-10">
+  <link rel="stylesheet" href="style.css?v=ui-11">
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
@@ -99,6 +99,6 @@
       }
     }, 10000);
   </script>
-  <script type="module" src="app.js?v=ui-10"></script>
+  <script type="module" src="app.js?v=ui-11"></script>
 </body>
 </html>

package/public/shell/dashboard.js

@@ -226,10 +226,33 @@ export function showSelectedDaySessions(sessions) {
 
 /** How many sessions in the topbar “最近” quick-jump menu. */
 export const RECENT_MENU_LIMIT = 15;
+const RECENT_DISMISSED_KEY = 'recentSessionsDismissed';
+
+function recentDismissKey(s) {
+  return `${s.machineId || ''}:${s.agent || 'claude'}:${s.sessionId}`;
+}
+
+function dismissedRecentKeys() {
+  try {
+    const saved = JSON.parse(localStorage.getItem(RECENT_DISMISSED_KEY) || '[]');
+    return new Set(Array.isArray(saved) ? saved : []);
+  } catch { return new Set(); }
+}
+
+/** Remove an item from this device's quick-jump list; the actual session remains intact. */
+export function dismissRecentSession(session) {
+  if (!session?.sessionId) return;
+  const keys = dismissedRecentKeys();
+  keys.add(recentDismissKey(session));
+  // Keep storage bounded even after many one-off sessions.
+  localStorage.setItem(RECENT_DISMISSED_KEY, JSON.stringify([...keys].slice(-200)));
+  renderRecentSessionsMenu(getDashboardSessions());
+}
 
 function sortRecentSessions(sessions, limit) {
+  const dismissed = dismissedRecentKeys();
   return [...asSessionArray(sessions)]
-    .filter(s => s && s.sessionId)
+    .filter(s => s && s.sessionId && !dismissed.has(recentDismissKey(s)))
     .sort((a, b) => (coerceTs(b.updatedAt) || 0) - (coerceTs(a.updatedAt) || 0))
     .slice(0, limit);
 }
@@ -357,14 +380,14 @@ export function renderRecentSessionsMenu(sessions) {
       ? `<span class="text-[9px] font-mono text-base-content/35 truncate max-w-[4.5rem]" title="${esc(s.machineId)}">@${esc(s.machineId)}</span>`
       : '';
     return `
-      <button type="button"
-        class="recent-menu-item w-full text-left px-2 py-1.5 rounded-md flex items-start gap-2
-               ${active ? 'bg-primary/15 text-primary' : 'hover:bg-base-200'}"
-        data-session-id="${esc(s.sessionId)}"
-        data-session-cwd="${esc(s.cwd || '')}"
-        data-session-config-dir="${esc(s.configDir || '')}"
-        data-session-agent="${esc(s.agent || 'claude')}"
-        data-session-machine="${esc(s.machineId || '')}">
+      <div class="recent-menu-item w-full text-left px-2 py-1.5 rounded-md flex items-start gap-2
+               ${active ? 'bg-primary/15 text-primary' : 'hover:bg-base-200'}">
+        <button type="button" class="flex min-w-0 flex-1 items-start gap-2 text-left" aria-label="打开 ${esc(sessionDisplayTitle(s))}"
+          data-session-id="${esc(s.sessionId)}"
+          data-session-cwd="${esc(s.cwd || '')}"
+          data-session-config-dir="${esc(s.configDir || '')}"
+          data-session-agent="${esc(s.agent || 'claude')}"
+          data-session-machine="${esc(s.machineId || '')}">
         <span class="flex-shrink-0 mt-0.5">${agentBadge(s.agent)}</span>
         <span class="flex-1 min-w-0">
           <span class="block text-xs font-semibold truncate leading-snug">${esc(sessionDisplayTitle(s))}</span>
@@ -375,7 +398,13 @@ export function renderRecentSessionsMenu(sessions) {
           ${machine}
           ${active ? '<span class="text-[9px] opacity-70">当前</span>' : ''}
         </span>
-      </button>`;
+        </button>
+        <button type="button" class="recent-remove btn btn-ghost btn-xs min-h-7 h-7 w-7 px-0 flex-shrink-0 text-base-content/45 hover:text-error"
+          title="从最近会话移除" aria-label="从最近会话移除 ${esc(sessionDisplayTitle(s))}"
+          data-dismiss-recent-session="${esc(s.sessionId)}"
+          data-dismiss-recent-agent="${esc(s.agent || 'claude')}"
+          data-dismiss-recent-machine="${esc(s.machineId || '')}">×</button>
+      </div>`;
   }).join('');
 }