@jesonliu/lark-claudecode-bridge 2.0.0 → 2.0.1

package/assets/web/css/main.css

@@ -25,6 +25,7 @@
   --shadow:0 1px 2px rgba(16,24,40,.05);
   --shadow-2:0 10px 32px rgba(16,24,40,.14);
   --header-bg:rgba(255,255,255,.86);
+  --boot-veil:rgba(255,255,255,.82);
   --nav-w:212px;
   /* 旧变量别名：页面内联样式/历史组件仍引用旧名（--primary/--muted/--danger…），统一桥接到新 tokens */
   --primary:var(--pri); --primary-strong:var(--pri-h); --primary-weak:var(--pri-w); --primary-ring:var(--pri-ring);
@@ -45,6 +46,7 @@
   --shadow:0 1px 2px rgba(0,0,0,.3);
   --shadow-2:0 10px 32px rgba(0,0,0,.5);
   --header-bg:rgba(17,21,29,.86);
+  --boot-veil:rgba(17,21,29,.82);
 }
 
 /* ═══ Base ═══ */
@@ -629,9 +631,13 @@ details.adv>.adv-body{padding:2px 2px 14px}
 .picked-path .hint{font-size:11.5px;color:var(--mut)}
 
 /* ═══ 会话页（查询条件 + 会话列表 + 消息流） ═══ */
-.chats-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}
+.chats-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start;position:relative}
 @media (max-width:1080px){.chats-layout{grid-template-columns:1fr}}
-.chat-list-panel{padding:0!important}
+/* 整页加载层：进页初始链路（树→话题→时间线）期间盖住列表+详情区，完成/出错即被 JS 移除 */
+.chats-boot{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:var(--boot-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadein .16s ease}
+.chats-boot-box{display:flex;flex-direction:column;align-items:center;color:var(--mut);font-size:12.5px}
+.chat-list-panel{padding:0!important;max-height:calc(100vh - 278px);overflow-y:auto}
+@media (max-width:1080px){.chat-list-panel{max-height:340px}}
 /* 消息流固定高度滚动（主人反馈 #4c：不随内容无限拉高） */
 .chats-scroll{max-height:calc(100vh - 330px);overflow-y:auto;padding:2px 6px 2px 2px}
 /* 任务块（关键词定位的锚点）：默认透明，命中高亮时描边 */
@@ -650,6 +656,8 @@ mark.kw-mark{background:var(--warn-bg);color:var(--warn-tx);border-radius:3px;pa
   display:inline-flex;align-items:center;justify-content:center;
   background:var(--pri-w);color:var(--pri);font-size:12.5px;font-weight:650;
 }
+/* 群聊会话头像：中性底与私聊（品牌色）区分（原型 chats-redesign 同款） */
+.chat-obj .c-ava.group{background:var(--off-bg);color:var(--mut)}
 .chat-obj .c-main{flex:1;min-width:0}
 .chat-obj .c-top{display:flex;align-items:center;gap:6px}
 .chat-obj .c-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/assets/web/js/auth.js

@@ -1,8 +1,9 @@
 // ============ 配置页密码锁屏（原型设置/锁屏模块的服务端真实现） ============
 // 行为约定：
-// - 进页即锁：每次进入配置页（刷新/新开标签）都要输入密码，服务端会话只在内存中放行 API
+// - 进页即锁：每次进入配置页（刷新/新开标签）都要输入密码，服务端会话放行 API（会话已持久化，
+//   桥接器重启后会话延续，重启轮询/刷新不再被 401 拦截；手动锁屏/登出仍即时吊销）
 // - 默认密码 123456；解锁响应带 isDefault，仍为默认密码时每次登录弹「修改默认密码」引导
-// - 无操作自动锁屏：lockMinutes 分钟（服务端 webauth.json，默认 30 小时；0=永不），双端同步过期
+// - 无操作自动锁屏：lockMinutes 分钟（服务端 webauth.json，默认 30 分钟；0=永不），双端同步过期
 // - 恢复初始密码两条路：本弹窗（验当前密码）/ 本机终端 `lcb reset-password`（忘记密码兜底）
 // - 密文落盘在服务端（webauth.json 只存 salt+md5），前端全程不接触哈希
 import { $, api, toast } from './core.js';
@@ -12,7 +13,7 @@ export const AUTH = {
   unlocked: false,
   everUnlocked: false, // 本次页面生命周期内是否解锁过：锁屏时才需要吊销服务端会话
   isDefault: true,
-  lockMinutes: 1800,
+  lockMinutes: 30,
   lastActive: Date.now(),
   enteredPwd: '', // 本次解锁所输密码（仅内存）：引导改密时作为「当前密码」提交，免重复输入
 };

package/assets/web/js/pages/chats.js

@@ -1,23 +1,20 @@
 // ============ 会话 ============
-// LCB 本地聊天时间线只读查看器（原型会话页形态）：查询条件卡 → 会话（聊天对象）列表 →
-// 气泡消息流 + 任务执行摘要卡。后端 /api/chats/*（chats-api.ts）三接口：树 + 话题 + 任务
-// 时间线，全部只读、缺天静默容忍。任务 = 一条飞书消息触发的一次 CC 执行。
+// LCB 本地聊天时间线只读查看器（「用户+/new」会话维度）：一次 /new = 一个会话条目（sessionId 粒度），
+// 左列表平铺全部会话、按最后活跃时间降序；右内容区的话题/时间/成员由选中会话唯一决定，
+// 只保留关键词定位。后端 /api/chats/*（chats-api.ts）：树（含每通道会话条目）+ 任务时间线，
+// 全部只读、缺数据静默容忍。任务 = 一条飞书消息触发的一次 CC 执行。
 // 搜索过滤只切换列表项显隐、不重建 DOM（兼容中文输入法组合输入）。
 import { $, esc, api, toast } from '../core.js';
 import { renderMarkdown } from '../markdown.js';
 
 /** 页面态（切页重进即重置；不做跨页缓存——树接口本身就是目录扫描，量级很轻） */
 const ST = {
-  bots: [],            // /api/chats/tree
-  app: '', chat: '',   // 当前选中通道
-  users: [], dates: [],// 当前通道筛选项（来自树）
-  nameByUser: {},      // userId → 显示名（access 人名 + 飞书解析名，兜底尾号）
-  topics: [],          // /api/chats/topics
-  topic: '',           // 话题筛选（sessionId；''=按日期浏览）
-  date: '',            // 日期筛选（'' = 最新一天）
-  user: '',            // 人筛选（''=全部）
-  kw: '',              // 关键词（定位对话用；''=不检索）
-  kwHits: [], kwAt: 0, // 关键词命中的任务索引与当前指向
+  bots: [],                     // /api/chats/tree
+  app: '', chat: '', session: '', // 当前选中：机器人 + 通道 + 会话（sessionId）
+  sessions: [],                 // 当前机器人的会话条目（拍平 + updatedAt 降序）
+  nameByUser: {},               // userId → 显示名（access 人名 + 飞书解析名，兜底尾号）
+  kw: '',                       // 关键词（定位对话用；''=不检索）
+  kwHits: [], kwAt: 0,          // 关键词命中的任务索引与当前指向
   tasks: [], truncated: false, partial: false,
 };
 
@@ -25,7 +22,6 @@ const svg = (inner, s = 14) => `<svg viewBox="0 0 24 24" width="${s}" height="${
 const IC = {
   search: '<circle cx="11" cy="11" r="7"/><path d="m21 21-3.5-3.5"/>',
   copy: '<rect width="13" height="13" x="9" y="9" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/>',
-  group: '<circle cx="9" cy="8" r="3.5"/><circle cx="17" cy="9" r="2.5"/><path d="M2.5 20c0-3.4 2.9-5.2 6.5-5.2s6.5 1.8 6.5 5.2"/><path d="M16 14.6c3 .4 5.5 2 5.5 5.4"/>',
 };
 
 const RESULT_BADGE = {
@@ -34,24 +30,29 @@ const RESULT_BADGE = {
   error: '<span class="tag err">出错</span>',
 };
 
+/** 整页加载层（仅初始进页存在）：盖住列表+详情区，初始链路（树→时间线）走完/出错即移除。
+ *  层移除后以下调用自动变 no-op——页内后续「查询/切会话」仍走时间线区行内「加载中…」，不重复盖罩 */
+const bootStage = (t) => { const n = $('#chBootTxt'); if (n) n.textContent = t; };
+const hideBoot = () => $('#chBoot')?.remove();
+
 export const page = {
   id: 'chats',
   title: '会话',
-  desc: '按机器人与聊天对象检索历史对话，查看完整消息与任务执行详情',
+  desc: '按机器人检索会话，查看完整消息与任务执行详情',
   legend: false,
   icon: '<path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/>',
   async render(el) {
     el.innerHTML = `
     <div class="panel">
       <header class="panel-head"><h3>查询条件</h3>
-        <div class="panel-actions"><span class="dim" style="font-size:11.5px">选择机器人后，左侧列出有落盘记录的聊天对象</span></div></header>
+        <div class="panel-actions"><span class="dim" style="font-size:11.5px">选择机器人后，左侧列出全部「用户 + /new」会话</span></div></header>
       <div class="panel-body">
         <div style="display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap">
           <div><label class="fld">飞书机器人 *</label>
             <select id="chBot" style="width:220px"></select></div>
           <button class="btn primary" id="chGo">${svg(IC.search, 13)} 查询会话</button>
         </div>
-        <div class="mini-note" style="margin-top:8px">记录落盘于 <code>~/.lark-claudecode-bridge/transcripts/</code>；默认展示每个通道最近一天的记录，设好筛选后点「查询」加载。</div>
+        <div class="mini-note" style="margin-top:8px">记录落盘于 <code>~/.lark-claudecode-bridge/transcripts/</code>；列表按会话最后活跃时间降序，点进即看该会话跨天全部消息。</div>
         <div class="mini-note" id="chPermHint" hidden style="margin-top:4px;color:var(--warn-tx)">ⓘ 当前显示为飞书 ID（ou_…）：请在飞书开放平台为对应机器人应用开通「获取用户基本信息」（contact:user.base:readonly）权限并发布版本；开通后约 10 分钟内自动恢复真名，无须重启。</div>
       </div>
     </div>
@@ -59,15 +60,24 @@ export const page = {
       <div class="panel" style="margin:0">
         <header class="panel-head"><h3>会话列表</h3>
           <div class="panel-actions"><span class="tag off" id="chCnt"></span></div></header>
-        <div style="padding:10px 12px 8px"><input type="search" id="chQ" placeholder="搜索聊天对象…"></div>
+        <div style="padding:10px 12px 8px"><input type="search" id="chQ" placeholder="搜索会话：标题 / 用户 / 群名"></div>
         <div class="chat-list-panel" id="chList" style="border-top:1px solid var(--border)"></div>
       </div>
       <div class="panel" style="margin:0;min-height:440px" id="chDetail"></div>
+      <div class="chats-boot" id="chBoot" role="status" aria-live="polite">
+        <div class="chats-boot-box"><span class="br-spin-sm" aria-hidden="true"></span><span id="chBootTxt">正在加载会话目录…</span></div>
+      </div>
     </div>`;
+    // 列表搜索实时过滤（旧版缺输入监听、输入时不过滤——本次顺手补上）；IME 组合期间暂停，选词结束再过滤
+    let composing = false;
+    $('#chQ').addEventListener('compositionstart', () => { composing = true; });
+    $('#chQ').addEventListener('compositionend', () => { composing = false; applyFilter(); });
+    $('#chQ').oninput = () => { if (!composing) applyFilter(); };
     try {
       const r = await api('GET', '/api/chats/tree');
       ST.bots = r.bots ?? [];
     } catch (e) {
+      hideBoot();
       $('#chDetail').innerHTML = `<div class="empty" style="margin-top:60px">会话树加载失败：${esc(e.message)}</div>`;
       return;
     }
@@ -79,63 +89,114 @@ export const page = {
     const botSel = $('#chBot');
     botSel.innerHTML = ST.bots.map((b) => `<option value="${esc(b.appId)}">${esc(b.name)}（${esc(b.appId)}）</option>`).join('');
     if (!ST.bots.length) {
+      hideBoot();
       $('#chList').innerHTML = '<div class="empty">暂无会话记录<br><span class="mini-note">还没有任何对话落盘。在飞书里和机器人聊几句后回来看。</span></div>';
-      $('#chCnt').textContent = '0 条会话';
+      $('#chCnt').textContent = '0 个会话';
       $('#chGo').disabled = true;
       return;
     }
-    $('#chGo').onclick = () => void selectChannel(botSel.value, (ST.bots.find((b) => b.appId === botSel.value)?.channels[0]?.chatId) || '');
+    $('#chGo').onclick = () => void openBot(botSel.value);
     botSel.onchange = () => { $('#chGo').click(); };
-    // 默认选中最近活跃的第一个通道，进来即有内容可看
-    const firstBot = ST.bots.find((b) => b.channels.length);
+    // 默认选中最近活跃的第一个有会话的机器人，进来即有内容可看
+    const firstBot = ST.bots.find((b) => b.channels.some((c) => c.sessions?.length));
     if (firstBot) {
       botSel.value = firstBot.appId;
-      await selectChannel(firstBot.appId, firstBot.channels[0].chatId);
+      bootStage('正在加载会话详情…');
+      try {
+        await openBot(firstBot.appId);
+      } finally {
+        hideBoot(); // 成功/空态/报错任何出口都撤层，加载层绝不残留
+      }
     } else {
-      renderList();
-      renderDetailEmpty();
+      hideBoot();
+      openBot(botSel.value); // 有通道但全部无会话索引（如旧数据）：列表空态兜底
     }
   },
 };
 
-/** 飞书 id 不在树里也要能拼选择器（esc 后进 data 属性，dataset 取回即原文） */
-function chanOf(app, chat) {
-  for (const b of ST.bots) {
-    if (b.appId !== app) continue;
-    const c = b.channels.find((x) => x.chatId === chat);
-    if (c) return { bot: b, chan: c };
+/** 拍平当前机器人的会话条目（跨通道）并按 updatedAt 降序；hay 供列表搜索（标题/用户/群名） */
+function flattenSessions(app) {
+  const bot = ST.bots.find((b) => b.appId === app);
+  if (!bot) return [];
+  const out = [];
+  for (const c of bot.channels) {
+    for (const s of c.sessions ?? []) {
+      out.push({
+        app, chatId: c.chatId, chatName: c.displayName, chatType: c.chatType,
+        sessionId: s.sessionId, title: s.title, updatedAt: s.updatedAt, users: s.users ?? [],
+        hay: `${s.title} ${(s.users ?? []).map((u) => u.name || u.userId).join(' ')} ${c.displayName}`.toLowerCase(),
+      });
+    }
   }
-  return null;
+  return out.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+}
+
+/** 切机器人：重拍平会话列表并默认选中最近活跃第一条 */
+async function openBot(app) {
+  ST.app = app;
+  ST.sessions = flattenSessions(app);
+  renderList();
+  const first = ST.sessions[0];
+  if (first) await selectSession(first.chatId, first.sessionId);
+  else renderDetailEmpty();
+}
+
+async function selectSession(chatId, sessionId) {
+  ST.chat = chatId;
+  ST.session = sessionId;
+  ST.kw = '';
+  ST.kwHits = [];
+  ST.kwAt = 0;
+  ST.nameByUser = {};
+  const s = curSession();
+  // 真名优先，无真名退 ou 尾号（自指记录按无真名处理，后端同理过滤）
+  for (const u of s?.users ?? []) ST.nameByUser[u.userId] = u.name && u.name !== u.userId ? u.name : `${u.userId.slice(0, 10)}…`;
+  renderList();
+  renderDetailSkeleton();
+  await loadTimeline();
 }
 
+const curSession = () => ST.sessions.find((s) => s.chatId === ST.chat && s.sessionId === ST.session) ?? null;
+
+/** 会话类型徽标三态：group=群聊 / p2p|private=私聊（副行已注明「私聊」，不再重复挂标）/ 空=未知 */
+const typeTag = (t) => t === 'group' ? '<span class="tag info">群聊</span>'
+  : (t === 'p2p' || t === 'private') ? ''
+    : '<span class="tag off" title="暂无法识别会话类型（飞书群信息拉取失败）">未知</span>';
+/** 成员名串（= 该会话的参与用户）：真名优先，无真名退 ou 尾号 */
+const membersOf = (s) => (s?.users || [])
+  .map((u) => (u.name && u.name !== u.userId ? u.name : short(u.userId, 8)))
+  .join('、');
+
 function renderList() {
   const el = $('#chList');
-  const bot = ST.bots.find((b) => b.appId === ST.app);
-  if (!bot) { el.innerHTML = '<div class="empty">无记录通道</div>'; $('#chCnt').textContent = '0 条会话'; return; }
-  el.innerHTML = bot.channels.map((c) => `
-    <div class="chat-obj ${bot.appId === ST.app && c.chatId === ST.chat ? 'active' : ''}" data-chat="${esc(c.chatId)}" role="button" tabindex="0" title="${esc(c.chatId)}">
-      <span class="c-ava">${c.chatType === 'group' ? svg(IC.group, 15) : esc((c.displayName || '?')[0])}</span>
+  if (!el) return;
+  el.innerHTML = ST.sessions.map((s, i) => `
+    <div class="chat-obj ${s.chatId === ST.chat && s.sessionId === ST.session ? 'active' : ''}" data-i="${i}" role="button" tabindex="0" title="${esc(s.title)}">
+      <span class="c-ava ${s.chatType === 'group' ? 'group' : ''}">${esc(((s.users[0]?.name || s.users[0]?.userId) || '?')[0])}</span>
       <div class="c-main">
-        <div class="c-top"><span class="c-name">${esc(c.displayName)}</span><span class="c-time">${c.dates.length} 天</span></div>
-        <div class="c-prev">${c.topics} 话题 · ${fmtSize(c.sizeBytes)}</div>
-        <div class="c-badges">${c.chatType === 'group' ? '<span class="tag info">群聊</span>' : '<span class="tag off">私聊</span>'}</div>
+        <div class="c-top"><span class="c-name">${esc(s.title)}</span><span class="c-time">${esc(fmtRel(s.updatedAt))}</span></div>
+        <div class="c-prev">${esc(membersOf(s) || '未知用户')} · ${s.chatType === 'group' ? esc(s.chatName) : '私聊'}</div>
+        <div class="c-badges">${typeTag(s.chatType)}</div>
       </div>
-    </div>`).join('') || '<div class="empty">无记录通道</div>';
-  $('#chCnt').textContent = `${bot.channels.length} 条会话`;
+    </div>`).join('')
+    || '<div class="empty">暂无会话记录<br><span class="mini-note">该机器人还没有可展示的会话索引（早期落盘数据不含会话边界）。</span></div>';
+  $('#chCnt').textContent = `${ST.sessions.length} 个会话`;
   el.querySelectorAll('.chat-obj').forEach((n) => {
-    n.onclick = () => void selectChannel(ST.app, n.dataset.chat);
-    n.onkeydown = (e) => { if (e.key === 'Enter') void selectChannel(ST.app, n.dataset.chat); };
+    const go = () => void selectSession(ST.sessions[Number(n.dataset.i)].chatId, ST.sessions[Number(n.dataset.i)].sessionId);
+    n.onclick = go;
+    n.onkeydown = (e) => { if (e.key === 'Enter') go(); };
   });
   applyFilter();
 }
 
-/** 搜索过滤：只切换显隐不重建 DOM（兼容中文输入法组合输入） */
+/** 搜索过滤：只切换显隐不重建 DOM（兼容中文输入法组合输入）；hay 已含标题/用户/群名 */
 function applyFilter() {
   const inp = $('#chQ');
   if (!inp) return;
   const kw = (inp.value || '').trim().toLowerCase();
   $('#chList').querySelectorAll('.chat-obj').forEach((n) => {
-    n.hidden = !!kw && !n.textContent.toLowerCase().includes(kw);
+    const s = ST.sessions[Number(n.dataset.i)];
+    n.hidden = !!kw && !(s?.hay ?? n.textContent.toLowerCase()).includes(kw);
   });
 }
 
@@ -146,51 +207,53 @@ const fmtSize = (n) => {
   return `${(n / 1024 / 1024).toFixed(1)} MB`;
 };
 
-async function selectChannel(app, chat) {
-  if (!chat) return;
-  ST.app = app;
-  ST.chat = chat;
-  ST.topic = '';
-  ST.user = '';
-  const hit = chanOf(app, chat);
-  ST.dates = hit?.chan.dates ?? [];
-  ST.date = ST.dates[0] ?? '';
-  ST.users = hit?.chan.users ?? [];
-  ST.nameByUser = {};
-  for (const u of ST.users) ST.nameByUser[u.userId] = u.name || `${u.userId.slice(0, 10)}…`;
-  renderList();
-  renderDetailSkeleton();
-  try {
-    const r = await api('GET', `/api/chats/topics?app=${encodeURIComponent(app)}&chat=${encodeURIComponent(chat)}`);
-    ST.topics = r.topics ?? [];
-  } catch { ST.topics = []; } // 话题接口失败不挡时间线：按日期照样能看
-  renderFilters();
-  await loadTimeline();
-}
+/** 相对时间（列表条目右上角）：今天 HH:MM / 昨天 / M-D / 跨年 YYYY-M-D */
+const fmtRel = (iso) => {
+  const ms = Date.parse(String(iso ?? ''));
+  if (!Number.isFinite(ms)) return '';
+  const d = new Date(ms);
+  const hm = `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+  const day0 = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+  const diff = Math.round((day0(new Date()) - day0(d)) / 86400000);
+  if (diff === 0) return `今天 ${hm}`;
+  if (diff === 1) return '昨天';
+  if (d.getFullYear() === new Date().getFullYear()) return `${d.getMonth() + 1}-${d.getDate()}`;
+  return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
+};
+/** 日期段（信息行时间范围用）：今天/昨天/M-D（ts 为北京时间 ISO，直接取日期段避免跨时区换算） */
+const fmtDayRel = (ts) => {
+  const s = String(ts ?? '');
+  const m = s.match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (!m) return s.slice(0, 10);
+  const ms = Date.parse(s);
+  if (!Number.isFinite(ms)) return `${+m[2]}-${+m[3]}`;
+  const day0 = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+  const d = new Date(ms);
+  const diff = Math.round((day0(new Date()) - day0(d)) / 86400000);
+  if (diff === 0) return '今天';
+  if (diff === 1) return '昨天';
+  return `${+m[2]}-${+m[3]}`;
+};
 
 function renderDetailEmpty() {
-  $('#chDetail').innerHTML = '<div class="empty" style="margin-top:80px">选择左侧聊天对象查看会话详情</div>';
+  $('#chDetail').innerHTML = '<div class="empty" style="margin-top:80px">选择左侧会话查看会话详情</div>';
 }
 
 function renderDetailSkeleton() {
-  const hit = chanOf(ST.app, ST.chat);
-  const c = hit?.chan;
+  const s = curSession();
+  const bot = ST.bots.find((b) => b.appId === ST.app);
   $('#chDetail').innerHTML = `
     <header class="panel-head" style="padding-bottom:12px;border-bottom:1px solid var(--border)">
-      <h3 id="chDName"></h3>
-      <span class="panel-sub" id="chDSub"></span>
+      <h3 id="chDName"></h3>${typeTag(s?.chatType)}
       <div class="panel-actions">
         <button class="btn sm" id="chCopyId">${svg(IC.copy, 13)} 复制会话 ID</button>
+        <button class="btn sm" id="chatRefresh" title="重拉会话树与本会话记录">↻</button>
       </div></header>
     <div class="panel-body" style="padding-top:6px">
+      <div class="mini-note" id="chDMeta" style="margin:0 0 8px"></div>
       <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px">
-        <select id="chatTopic" style="width:auto;max-width:250px" title="按话题（CC 会话）筛选，跨天聚合"></select>
-        <select id="chatDate" style="width:auto" title="按天浏览"></select>
-        <select id="chatUser" style="width:auto" title="按发信人筛选"></select>
-        <input type="search" id="chatKw" placeholder="关键词：定位对话…" style="width:180px;padding:5px 10px;font-size:12.5px">
+        <input type="search" id="chatKw" placeholder="关键词：定位对话…" style="width:200px;padding:5px 10px;font-size:12.5px">
         <button class="btn sm primary" id="chatGo">查询</button>
-        <button class="btn sm" id="chatReset" title="恢复默认筛选并重新加载">重置</button>
-        <button class="btn sm" id="chatRefresh" title="重拉会话树与本通道记录">↻</button>
         <span id="kwNav" hidden style="display:inline-flex;align-items:center;gap:6px">
           <span class="mini-note" id="kwPos"></span>
           <button class="btn sm" id="kwPrev" title="上一处">↑</button>
@@ -201,89 +264,44 @@ function renderDetailSkeleton() {
       </div>
       <div id="chatTl" class="chats-scroll"></div>
     </div>`;
-  $('#chDName').innerHTML = `${esc(c?.displayName || ST.chat)} ${c?.chatType === 'group' ? '<span class="tag info">群聊</span>' : '<span class="tag off">私聊</span>'}`;
-  $('#chDSub').textContent = `${hit?.bot.name || ''}${ST.topic ? '' : ''} · ${c?.topics ?? 0} 话题 · ${fmtSize(c?.sizeBytes ?? 0)}`;
+  $('#chDName').textContent = s?.title || ST.session.slice(0, 8);
+  // 只读信息行：聊天对象（群聊场景，私聊对象=成员本人不再重复）· 成员 · 时间范围（时间线渲染后回填）
+  $('#chDMeta').innerHTML = `${s?.chatType === 'group' ? `${esc(s?.chatName || ST.chat)} · ` : ''}成员：${esc(membersOf(s) || '未知用户')} · 时间范围：<b id="chDRange">渲染后回填</b>`;
   $('#chCopyId').onclick = async () => {
-    try { await navigator.clipboard.writeText(ST.chat); toast(`会话 ID ${ST.chat} 已复制`); }
+    try { await navigator.clipboard.writeText(ST.session); toast(`会话 ID ${ST.session} 已复制`); }
     catch { toast('复制失败（浏览器剪贴板权限）', true); }
   };
-  // 查询制：下拉/关键词改动不立即生效，点「查询」统一应用（主人反馈：不要选一下就搜）
-  $('#chatTopic').onchange = (e) => { $('#chatDate').disabled = !!e.target.value; };
-  $('#chatGo').onclick = () => {
-    ST.topic = $('#chatTopic').value;
-    ST.date = $('#chatDate').value;
-    ST.user = $('#chatUser').value;
-    ST.kw = $('#chatKw').value.trim();
-    void loadTimeline();
-  };
+  // 查询制：关键词改动不立即生效，回车或点「查询」统一应用（主人反馈：不要选一下就搜）
+  $('#chatGo').onclick = () => void loadTimeline();
   $('#chatKw').onkeydown = (e) => { if (e.key === 'Enter') $('#chatGo').click(); };
-  $('#chatReset').onclick = () => {
-    ST.topic = '';
-    ST.user = '';
-    ST.kw = '';
-    $('#chatKw').value = '';
-    ST.date = ST.dates[0] ?? '';
-    renderFilters();
-    void loadTimeline();
-  };
   $('#kwPrev').onclick = () => { ST.kwAt--; gotoKwHit(); };
   $('#kwNext').onclick = () => { ST.kwAt++; gotoKwHit(); };
   $('#kwClear').onclick = () => { ST.kw = ''; $('#chatKw').value = ''; renderTimeline(); };
   $('#chatRefresh').onclick = () => void fullRefresh();
 }
 
-/** 刷新 = 重拉树 + 重拉当前通道话题与时间线（群名/新落盘一并更新） */
+/** 刷新 = 重拉树 + 重拍平 + 尽量留在当前会话（不在了就落到最新一条） */
 async function fullRefresh() {
   try {
     const r = await api('GET', '/api/chats/tree');
     ST.bots = r.bots ?? [];
   } catch (e) { toast(`刷新失败：${e.message}`, true); }
-  if (chanOf(ST.app, ST.chat)) await selectChannel(ST.app, ST.chat);
-  else renderList();
-}
-
-function renderFilters() {
-  const topic = $('#chatTopic');
-  if (topic) {
-    topic.innerHTML = `<option value="">全部话题（按天浏览）</option>` + ST.topics.map((t) =>
-      `<option value="${esc(t.sessionId)}" ${t.sessionId === ST.topic ? 'selected' : ''}>${esc(short(t.title, 42))}</option>`).join('');
-    topic.value = ST.topic;
-    topic.disabled = ST.topics.length === 0;
-  }
-  const date = $('#chatDate');
-  if (date) {
-    date.innerHTML = ST.dates.map((d) => `<option value="${esc(d)}" ${d === ST.date ? 'selected' : ''}>${esc(d)}</option>`).join('');
-    date.disabled = !!ST.topic;
-    if (!ST.topic && !ST.dates.includes(ST.date)) ST.date = ST.dates[0] ?? '';
-    date.value = ST.date;
-  }
-  const user = $('#chatUser');
-  if (user) {
-    user.innerHTML = `<option value="">全部成员</option>` + ST.users.map((u) =>
-      `<option value="${esc(u.userId)}" ${u.userId === ST.user ? 'selected' : ''}>${esc(u.name || short(u.userId, 14))}</option>`).join('');
-    user.value = ST.user;
-    user.disabled = ST.users.length === 0;
-  }
+  ST.sessions = flattenSessions(ST.app);
+  const keep = ST.sessions.find((s) => s.chatId === ST.chat && s.sessionId === ST.session);
+  renderList();
+  if (keep) await selectSession(ST.chat, ST.session);
+  else if (ST.sessions[0]) await selectSession(ST.sessions[0].chatId, ST.sessions[0].sessionId);
+  else renderDetailEmpty();
 }
 
 async function loadTimeline() {
   const tl = $('#chatTl');
-  if (!tl) return;
-  // 筛选值以 DOM 现值为准（查询按钮已把下拉/关键词写入 DOM；selectChannel 流程 renderFilters 刚回填默认）
-  ST.topic = $('#chatTopic')?.value ?? '';
-  ST.date = $('#chatDate')?.value ?? ST.date;
-  ST.user = $('#chatUser')?.value ?? '';
+  if (!tl || !ST.session) return;
+  // 筛选值以 DOM 现值为准（查询按钮已把关键词写入 DOM；selectSession 流程骨架刚重建）
   ST.kw = ($('#chatKw')?.value || '').trim();
   ST.kwAt = 0;
-  if (!ST.dates.length) {
-    tl.innerHTML = '<div class="empty">这一天没有记录<br><span class="mini-note">该通道没有可读的落盘文件（可能已被保留期清理）。</span></div>';
-    return;
-  }
   tl.innerHTML = '<div class="hint" style="padding:6px 2px">加载中…</div>';
-  const p = new URLSearchParams({ app: ST.app, chat: ST.chat });
-  if (ST.topic) p.set('session', ST.topic);
-  else p.set('date', ST.date || ST.dates[0]);
-  if (ST.user) p.set('user', ST.user);
+  const p = new URLSearchParams({ app: ST.app, chat: ST.chat, session: ST.session });
   try {
     const r = await api('GET', `/api/chats/timeline?${p.toString()}`);
     ST.tasks = r.tasks ?? [];
@@ -293,33 +311,50 @@ async function loadTimeline() {
     tl.innerHTML = `<div class="empty">时间线加载失败：${esc(e.message)}</div>`;
     return;
   }
+  bootStage('正在渲染消息…'); // 仅初始进页有加载层时生效；页内查询时层已移除，自动 no-op
   renderTimeline();
 }
 
+/** 信息行时间范围回填：该会话首末任务时间（同天只写一个日期） */
+function fillRange() {
+  const el = $('#chDRange');
+  if (!el) return;
+  if (!ST.tasks.length) { el.textContent = '—'; return; }
+  const a = ST.tasks[0];
+  const b = ST.tasks[ST.tasks.length - 1];
+  const da = String(a.ts).slice(0, 10);
+  const db = String(b.ts).slice(0, 10);
+  el.textContent = da === db
+    ? `${fmtDayRel(da)} ${fmtTime(a.ts)} ~ ${fmtTime(b.ts)}`
+    : `${fmtDayRel(da)} ${fmtTime(a.ts)} ~ ${fmtDayRel(db)} ${fmtTime(b.ts)}`;
+}
+
 function renderTimeline() {
   const tl = $('#chatTl');
+  if (!tl) return;
   const notes = [];
-  if (ST.topic) notes.push(`话题视图：跨 ${ST.tasks.length ? new Set(ST.tasks.map((t) => t.date)).size : 0} 天聚合`);
   if (ST.truncated) notes.push('已达单次返回上限，仅显示最近一部分');
   if (ST.partial) notes.push('历史文件超量，仅扫描了部分（防呆上限 300 文件 / 150MB）');
   $('#chatScan').textContent = notes.join(' · ');
   if (!ST.tasks.length) {
-    tl.innerHTML = `<div class="empty">没有匹配的记录<br><span class="mini-note">${ST.topic ? '该话题暂无可读消息（可能早于落盘功能启用）。' : '换个日期或清除筛选试试。'}</span></div>`;
+    tl.innerHTML = '<div class="empty">该会话暂无可读消息<br><span class="mini-note">可能早于落盘功能启用，或落盘文件已被保留期清理。</span></div>';
+    fillRange();
     return;
   }
-  const botName = chanOf(ST.app, ST.chat)?.bot.name || '机器人';
+  const botName = ST.bots.find((b) => b.appId === ST.app)?.name || '机器人';
   let html = '';
   let lastDate = '';
   let idx = 0;
   for (const t of ST.tasks) {
     if (t.date !== lastDate) {
       lastDate = t.date;
-      html += `<div class="cmsg-day">${esc(t.date)}</div>`;
+      html += `<div class="cmsg-day">${esc(fmtDayRel(t.date))}</div>`;
     }
     html += taskHtml(t, botName, idx);
     idx++;
   }
   tl.innerHTML = html;
+  fillRange();
   // 「查看完整内容」折叠切换（用户消息）
   tl.querySelectorAll('[data-more]').forEach((b) => b.onclick = () => {
     const f = b.nextElementSibling;

package/assets/web/js/pages/memory.js

@@ -833,14 +833,15 @@ function renderUsersTab(el, { st, m }) {
 
 /** 粒度向导卡（方案 §六：默认 bot 级；「升级到 bot×人」开关 = 增量升级意向，不动既有 key 与记忆） */
 const granularityCardHtml = (gran) => `
-  <div class="card" style="margin-top:14px">
+  <div class="card" style="margin-top:14px;">
     <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
       <b style="font-size:13.5px">记忆粒度</b>
       <span class="hint">${gran === 'bot-user' ? '已选择：bot × 人（每位聊天者独立空间）' : '当前：每 bot 一把密钥（默认，单机自用零损失）'}</span>
       <span style="flex:1"></span>
       <label style="display:inline-flex;align-items:center;gap:8px;cursor:pointer">
-        <span class="hint">升级到 bot×人</span>
-        <label class="switch"><input type="checkbox" id="memGran" ${gran === 'bot-user' ? 'checked' : ''}><span class="track"></span></label>
+        <span class="hint">升级到 bot×人（暂不支持升级）</span>
+        <!-- 我暂时把这个开关关掉，暂时不开放开启 -->
+        <!--<label class="switch"><input type="checkbox" id="memGran" ${gran === 'bot-user' ? 'checked' : ''}><span class="track"></span></label>-->
       </label>
     </div>
     <div class="hint" style="margin-top:8px;line-height:1.8">升级属<b>增量演进</b>：不影响既有密钥与记忆、会话不中断，仅为新聊天者追加独立签发。