dsh-fish-soul 0.15.7 → 0.15.9

package/README.md

@@ -2,7 +2,7 @@
 
 让一个 QQ 小号背后有"同一个人"：固定人格、按人记记忆、有自己的生活节奏、会主动开口；同一个"她"同时出现在 QQ、B站、抖音。
 
-DSH 插件（单角色 `feiyu`）。版本 **0.15.7**。
+DSH 插件（单角色 `feiyu`）。版本 **0.15.9**。
 
 QQ 交流群：**1125962189**
 
@@ -11,7 +11,7 @@ QQ 交流群：**1125962189**
 | 面 | 内容 |
 |---|---|
 | 人格 | 设置页「人格」：7 个内置模板一键换上（第一个「肥鱼 · 通用」只定性格和说话方式、生活细节聊着聊着才有，后面 6 个带现成的生活细节）、可视化编辑、导入 / 导出 SillyTavern 角色卡（PNG / JSON）、撤销上次更换，换完下一轮生效；角色卡（PNG / ccv3 / chara），`{{char}}` / `{{user}}` 宏，世界书（constant / 关键词，可单独导入多本 SillyTavern 世界书：正则 / 整词 / 次要关键词、扫描深度、条数和字数预算）；卡里的作息（`extensions.fish_soul.routine`）用来排每天的日程、「看事情的方式」（`perspective`）进人格段、「不同心情下怎么说话」（`moods`）跟着她当下的心情带上；模板按气质分、不绑职业；聊久了会「慢慢长」（性格 / 看法的变化要多次、跨天、跨聊天的证据才生效，人格页可看可删）；从群聊 / 好友私聊里学梗、说话风格和「什么场合怎么说」（只学别人的话、不带人名，按学到的次数挑几条参考） |
-| 记忆 | 按人隔离、本轮即时召回（BM25 + 向量 RRF）、艾宾浩斯衰减（重要度高不淡）、可纠正（留旧档）、出处 `evidence`、每人 ≤150 字印象、8 栏结构化印象、关系阶段演进、好感与情绪、旧聊天记录导入（断点续传，较早的聊天按时间段总结）、导入麦麦的表情包 / 表达方式 / 黑话、记忆页搜索与批量操作（删除 / 恢复 / 重要度 / 私密）；**聊完自动记**（一次调用产出事实 / 事件 / 感受 + 一句话小结，去重合并）；**隐私**：私聊里的敏感记忆标 `private`，群里检索和召回都不带 |
+| 记忆 | 按人隔离、本轮即时召回（BM25 + 向量 RRF）、艾宾浩斯衰减（重要度高不淡）、可纠正（留旧档）、出处 `evidence`、每人 ≤150 字印象、8 栏结构化印象、关系阶段演进、好感与情绪、旧聊天记录导入（断点续传，较早的聊天按时间段总结）、导入麦麦的表情包 / 表达方式 / 黑话、记忆页搜索与批量操作（删除 / 恢复 / 重要度 / 私密）、每周压缩存档与容量告警、可选周记（见文末两节）；**聊完自动记**（一次调用产出事实 / 事件 / 感受 + 一句话小结，去重合并）；**隐私**：私聊里的敏感记忆标 `private`，群里检索和召回都不带 |
 | 生活 | 虚拟时钟、每日作息与基调、Dream 整理（只补没写的、会标过时）、主动开口与配额 |
 | QQ | 直连 SnowLuma（OneBot 11 正向 WS）：私聊 / 群聊、群合批带署名、只听点名、戳一戳、撤回不回、可选插话、打字节奏、`/鱼 暂停`；**群默认拒绝**（`groupAllowList` 为空且没开 `allGroups` 时谁都不回）、**没发出去的回复排队重发**（退避重试，连上即补发，重启不丢） |
 | B站 | 扫码登录、私信（只读 / 自动回复）、跨平台认人、空闲自己刷视频（看字幕 / 热评 / 弹幕，喜欢可点赞、想再看可收藏，站内搜索当又一个来源，后三个默认关）、自己发动态 / 回评论（默认关；可选别人评论区里 @ 她也回，@ 时先读一下视频）、Cookie 自动续期、发图 |
@@ -35,7 +35,7 @@ dsh plugin --profile desktop add dsh-fish-soul
 
 手工等价：profile 的 `package.json` 把 `dsh-fish-soul` 加进 `dsh.profile.bundles`，并在 `dependencies` 里写 `dsh-fish-soul` 的版本（本地源码则用 `link:` 路径），然后 `pnpm install`。
 
-插件注入 `webServer / tools / systemPrompt / llm / agents / workspaceRegistry`。在支持主面板的 DSH 版本中，左侧栏「鱼」可打开独立工作台；设置页入口也保留。旧宿主若不提供侧栏面板插槽，仍可从设置页打开（「人格 / 记忆 / QQ / B站 / 抖音 / 自走 / 模型 / 习惯 / 动态」）。
+插件注入 `webServer / tools / systemPrompt / llm / agents / workspaceRegistry`。在支持主面板的 DSH 版本中，左侧栏「鱼」可打开独立工作台；设置页入口也保留。旧宿主若不提供侧栏面板插槽，仍可从设置页打开（六大类：「记忆 / 角色 / 日常 / 平台 / 模型 / 系统」，每类下按任务拆子页）。
 
 已在 DSH **0.2.1-rc.5** 上验证；更早的 rc 版本未逐一验证，遇到问题请先升级复测。
 

package/lib/behavior.js

@@ -135,6 +135,156 @@ export function stripSelfName(text, names = []) {
 	return String(text ?? '').replace(new RegExp(`^([ \\t]*)(?:${esc})[ \\t]*[:：][ \\t]*`, 'gm'), '$1');
 }
 
+/**
+ * 各家模型模板的控制符（<tool_response> / <think> / <|im_end|> …）。
+ * 适配层偶尔剥不干净，混进正文就直接发到 QQ 上了（v0.15.1 真实翻车现场：
+ * 一条回复里夹着好几个 </tool_response>，正文还整段复读）。发出去之前在这里兜底：
+ * 成对的去掉整块；落单的去掉标签本身；未闭合的 <think> 开头到结尾整段丢（全是没写完的思考）。
+ */
+const MODEL_TAG_NAMES = 'think|thinking|reasoning|tool_call|tool_response|function_call|function_response|function|parameter';
+const TAG_BLOCK_RE = new RegExp(`<(${MODEL_TAG_NAMES})\\b[^>]*>[\\s\\S]*?<\\/\\1\\s*>`, 'gi');
+const TAG_OPEN_THINK_RE = new RegExp(`<(?:think|thinking|reasoning)\\b[^>]*>[\\s\\S]*$`, 'i');
+const TAG_STRAY_RE = new RegExp(`<\\/?(?:${MODEL_TAG_NAMES})\\b[^>]*>`, 'gi');
+const SPECIAL_TOKEN_RE = /<\|[^|>\n]{1,40}\|>/g;
+
+/** 剥掉漏进正文的模型模板标签：返回 { text, changed }。 */
+export function stripModelTags(input) {
+	const raw = String(input ?? '');
+	let t = raw;
+	// 成对块整块删；可能连着好几个，循环到稳定（限轮数防呆）
+	for (let i = 0; i < 8; i++) {
+		const next = t.replace(TAG_BLOCK_RE, '');
+		if (next === t) break;
+		t = next;
+	}
+	// 未闭合的思考块：开标签之后全是没写完的思考，整段丢
+	t = t.replace(TAG_OPEN_THINK_RE, '');
+	// 落单的标签、<|im_start|> 这类特殊符：只删标签本身，正文留着
+	t = t.replace(TAG_STRAY_RE, '').replace(SPECIAL_TOKEN_RE, '');
+	// changed 只在真剥到标签 / 特殊符时为 true（空白规整不算，免得动态面板留噪音）
+	const hadTags = raw.replace(TAG_BLOCK_RE, '').replace(TAG_OPEN_THINK_RE, '').replace(TAG_STRAY_RE, '').replace(SPECIAL_TOKEN_RE, '') !== raw;
+	// 删完留下的空行 / 空白残渣
+	t = t.replace(/[ \t]+\n/g, '\n').replace(/\n{3,}/g, '\n\n').replace(/^[ \t]+$/gm, '').trim();
+	return { text: t, changed: hadTags };
+}
+
+/** 规整化（比"是不是同一句换了个说法"用）：去空白和标点、转小写。 */
+const normPara = (s) => String(s ?? '').toLowerCase()
+	.replace(/[\s。，、！？!?～~…·,.:;:""'“”‘’「」『』()（）【】\[\]*#\-—|]/g, '');
+
+/** 两段规整化文字像不像（0..1）：字符二元组 Dice 系数。 */
+function bigramDice(a, b) {
+	if (a === b) return 1;
+	if (a.length < 2 || b.length < 2) return 0;
+	const grams = (s) => {
+		const m = new Map();
+		for (let i = 0; i < s.length - 1; i++) { const g = s.slice(i, i + 2); m.set(g, (m.get(g) ?? 0) + 1); }
+		return m;
+	};
+	const ga = grams(a);
+	let inter = 0;
+	for (const [g, n] of grams(b)) inter += Math.min(n, ga.get(g) ?? 0);
+	return (2 * inter) / ((a.length - 1) + (b.length - 1));
+}
+
+/**
+ * 模型复读兜底：同一轮里后面出现的段落跟前面某段几乎一样（换个说法也算），只留第一份。
+ * 规整化后 ≥12 字才按相似度 ≥0.75 算重复（短句改一个字 Dice 就超 0.75，会误杀
+ * 「你今天几点睡的 / 你今天几点睡呀」这种正常表达，所以门槛跟跨条守卫对齐）；
+ * 3~11 字的短段只有一字不差才算（"哈哈哈哈"这种故意重复不误杀）。
+ * 没有重复时原文原样返回（不动格式）。返回 { text, dropped }。
+ */
+export function dedupeParagraphs(input, { threshold = 0.75, minLen = 12, exactLen = 3 } = {}) {
+	const raw = String(input ?? '');
+	const paras = raw.split(/\n{2,}/);
+	const out = [];
+	const seen = [];
+	let dropped = 0;
+	for (const p of paras) {
+		const n = normPara(p);
+		const len = [...n].length;
+		const dup = len >= minLen ? seen.some((k) => bigramDice(k, n) >= threshold)
+			: len >= exactLen && seen.includes(n);
+		if (dup) { dropped++; continue; }
+		seen.push(n);
+		out.push(p);
+	}
+	if (dropped === 0) return { text: raw, dropped: 0 };
+	return { text: out.join('\n\n').replace(/\n{3,}/g, '\n\n').trim(), dropped };
+}
+
+/**
+ * 超长单段兜底：模型偶尔把整条回复挤成一段还不带空行（人设又不用标点，
+ * 按句末标点拆条也拆不动），到 QQ 上就成了一堵长消息。这里把超过 maxLen 字的
+ * 单行段按空格匀着拆成几截（最多 maxParts 截），截之间空一行（发送端按空行拆条）。
+ * 多行的段、[语音] 段、没有空格的长段不动。返回 { text, changed, parts }，parts 是多拆出来的条数。
+ */
+export function splitLongParagraphs(input, { maxLen = 60, maxParts = 3 } = {}) {
+	const raw = String(input ?? '');
+	const paras = raw.split(/\n{2,}/);
+	const out = [];
+	let changed = false;
+	let parts = 0;
+	for (const p of paras) {
+		const t = p.trim();
+		if (t === '' || t.includes('\n') || /^\[语音\]/.test(t) || !t.includes(' ') || [...t].length <= maxLen) { out.push(p); continue; }
+		const words = t.split(/ +/).filter((w) => w !== '');
+		if (words.length < 2) { out.push(p); continue; }
+		const total = [...t].length;
+		const n = Math.min(maxParts, Math.max(2, Math.ceil(total / maxLen)));
+		const target = Math.ceil(total / n) + 2; // 留点余量，别让最后一个词溢出成多余的一截
+		const chunks = [];
+		let cur = words[0];
+		for (const w of words.slice(1)) {
+			const joined = cur + ' ' + w;
+			if ([...joined].length <= target) cur = joined;
+			else { chunks.push(cur); cur = w; }
+		}
+		chunks.push(cur);
+		// 贪心拆出来太多截时，相邻的均匀并回去，并到 n 截
+		if (chunks.length > n) {
+			const groups = [];
+			let i = 0;
+			for (let g = 0; g < n; g++) {
+				const size = Math.ceil((chunks.length - i) / (n - g));
+				groups.push(chunks.slice(i, i + size).join(' '));
+				i += size;
+			}
+			chunks.length = 0;
+			chunks.push(...groups);
+		}
+		if (chunks.length > 1) {
+			changed = true;
+			parts += chunks.length - 1;
+			out.push(...chunks);
+		} else out.push(p);
+	}
+	if (!changed) return { text: raw, changed: false, parts: 0 };
+	return { text: out.join('\n\n'), changed: true, parts };
+}
+
+/** "最近发过的话"的规整化：去掉 [语音] 标记再规整，跨条复读的判定和记录共用。 */
+export function normSentText(s) {
+	return normPara(String(s ?? '').replace(/\[语音\]/g, ''));
+}
+
+/**
+ * 跨条复读守卫（纯逻辑）：模型遇到相近的输入时偶尔把自己上一条消息一字不差地再发一遍
+ * （2026-11-06 QQ 真实翻车：同一段内容隔 17 秒 / 43 秒各发了一次）。
+ * history: [{ at, norm }]（最近发出去的，norm 已规整化）；paragraphs 里规整化后
+ * ≥ minLen 字、且跟窗口 windowMs 内某条完全一致的，返回它们的下标。
+ * 短句允许重复（"哈哈哈哈"这种不该误杀）。
+ */
+export function findRepeatedParagraphs(history, paragraphs, { now = Date.now(), windowMs = 120000, minLen = 12 } = {}) {
+	const recent = (Array.isArray(history) ? history : []).filter((h) => now - Number(h?.at ?? 0) <= windowMs);
+	const dups = [];
+	(Array.isArray(paragraphs) ? paragraphs : []).forEach((p, i) => {
+		const n = normSentText(p);
+		if ([...n].length >= minLen && recent.some((h) => h.norm === n)) dups.push(i);
+	});
+	return dups;
+}
+
 /**
  * 去 AI 味（只改写 / 删 / 截短，不撤回）：返回 { text, changes }。
  * 改完变成空的（整段都是套话 / AI 自称）返回空字符串，调用方这轮就不发。
@@ -486,10 +636,8 @@ export class DiaryWriter {
 			AND created_at >= ? AND created_at < ? ORDER BY created_at LIMIT 10`).all(start, end);
 		const recent = db.prepare(`SELECT content FROM memory WHERE character_id = 'feiyu' AND owner_id = 'self' AND kind = 'diary' AND status = 'active'
 			AND created_at < ? ORDER BY created_at DESC LIMIT 3`).all(start).map((x) => x.content.replace(/^[\d-]+ 的日记：/, '').replace(/\s+/g, ' ').slice(0, 120));
-		const snap = this.life?.stateSnapshot?.() ?? null;
-		const plan = snap?.today?.date === date ? snap.today : null;
+		// 日记只写真实发生的事：自走排程是虚拟计划不是经历，不进日记材料（2026-11-06 主人反馈）。
 		return {
-			tone: plan?.dailyMoodTone ?? '', schedule: (plan?.scheduleSummary ?? []).map((s) => `${s.range ?? ''} ${s.activity ?? ''}`.trim()),
 			episodes: eps.map((e) => `${e.name ? `和${e.name}：` : ''}${e.content}`), self: self.map((s) => s.content), recent
 		};
 	}
@@ -520,8 +668,6 @@ export class DiaryWriter {
 				`- 不要提 AI、模型、系统这些词，也不要任何关于「写日记」这件事本身的说明。\n` +
 				`- 日期写 ${date} 就行，不要用「今天」开头的套话开头。\n` +
 				(mat.recent.length ? `最近几篇日记（换一个新角度写，除非今天有新的事，别重复之前的写法和切入点）：\n${mat.recent.map((e) => `- ${e}`).join('\n')}\n` : '') +
-				(mat.tone ? `今天的基调：${mat.tone}\n` : '') +
-				(mat.schedule.length ? `今天的安排：${mat.schedule.join('；')}\n` : '') +
 				`今天聊过的：\n${mat.episodes.map((e) => `- ${e}`).join('\n') || '（没怎么聊天）'}\n` +
 				(mat.self.length ? `今天自己说过的事：\n${mat.self.map((e) => `- ${e}`).join('\n')}\n` : '') +
 				'今天实在平淡，日记就写一两句平淡本身也行，不要硬凑。\n' +

package/lib/client.behavior.js

@@ -156,7 +156,7 @@ window.__ModuleLoader__.load({
 						h("span", { className: "fs-item-meta" }, h("span", null, relTime(e.at, now)))))));
 		}
 
-		function BehaviorPane({ api, notify, relTime, ui }) {
+		function BehaviorPane({ api, notify, relTime, ui, section = "habits" }) {
 			const { h, Empty, Dot, Group } = ui;
 			const [data, load] = useLoad(api, "/behavior/state");
 			if (data === null) return Empty(Dot("ongoing"));
@@ -167,11 +167,11 @@ window.__ModuleLoader__.load({
 			}
 			const groups = data.groups ?? [];
 			return h(react.Fragment, null,
-				h(Habits, { cfg: data.config, save, ui }),
-				Group({ title: "每个群" }, groups.length === 0 ? Empty("还没有群（在 QQ 页填群白名单，或者等群里有人叫她）")
-					: groups.map((g) => h(GroupNote, { key: g.groupId, g, api, notify, onSaved: load, ui }))),
-				h(ChatModels, { data, api, notify, load, ui }),
-				h(Diary, { data, save, api, notify, load, relTime, ui }));
+				section === "habits" ? h(Habits, { cfg: data.config, save, ui }) : null,
+				section === "groups" ? Group({ title: "每个群" }, groups.length === 0 ? Empty("还没有群（在 QQ 页填群白名单，或者等群里有人叫她）")
+					: groups.map((g) => h(GroupNote, { key: g.groupId, g, api, notify, onSaved: load, ui }))) : null,
+				section === "models" ? h(ChatModels, { data, api, notify, load, ui }) : null,
+				section === "diary" ? h(Diary, { data, save, api, notify, load, relTime, ui }) : null);
 		}
 
 		return { BehaviorPane };

package/lib/client.js

@@ -152,33 +152,18 @@ window.__ModuleLoader__.load({
 				}, h("span", { className: "fs-tab-key", "aria-hidden": true }, TAB_KEYS[v] ?? label.slice(0, 1)), h("span", { className: "fs-tab-label" }, label), v === "version" && hasUpdate ? h("span", { className: "fs-update-dot", "aria-hidden": true }) : null)));
 		}
 
-		// 两级导航保留原有页面，按任务分类；引导跳转仍以原页签 id 为真源。
-		function GroupedTabs({ items, value, onChange, hasUpdate }) {
-			const groups = NAV_GROUPS.map((group) => ({ ...group, items: items.filter(([id]) => group.ids.includes(id)) })).filter((group) => group.items.length > 0);
-			const active = groups.find((group) => group.items.some(([id]) => id === value)) ?? groups[0];
-			const remembered = react.useRef({});
-			const groupRef = react.useRef(null);
-			react.useEffect(() => {
-				if (active) remembered.current[active.id] = value;
-				const nav = groupRef.current;
-				const selected = nav?.querySelector('[aria-pressed="true"]');
-				if (!nav || !selected) return;
-				const outer = nav.getBoundingClientRect(), inner = selected.getBoundingClientRect();
-				if (inner.left < outer.left) nav.scrollLeft -= outer.left - inner.left;
-				else if (inner.right > outer.right) nav.scrollLeft += inner.right - outer.right;
-			}, [value]);
-			return h(react.Fragment, null,
-				h("div", { className: "fs-group-row" },
-					h("span", { className: "fs-brand" }, "鱼"),
-					h("nav", { className: "fs-group-nav", ref: groupRef, "aria-label": "功能分类" }, groups.map((group) => {
-						const selected = group.id === active?.id;
-						const showUpdate = hasUpdate && group.ids.includes("version");
-						return h("button", { type: "button", key: group.id, className: "fs-group-tab", "aria-pressed": selected,
-							"aria-label": showUpdate ? `${group.label}（有新版本）` : group.label,
-							onClick: () => onChange(remembered.current[group.id] ?? group.items[0][0]) },
-							group.label, showUpdate ? h("span", { className: "fs-update-dot", "aria-hidden": true }) : null);
-					}))),
-				h("div", { className: "fs-subnav-row" }, h(Tabs, { items: active?.items ?? [], value, onChange, horizontal: true, hasUpdate })));
+		// 大项是页面，不再让每个大项重复一个同名子页签。
+		function GroupedTabs({ value, onChange, hasUpdate }) {
+			const active = NAV_GROUPS.find((group) => group.id === value) ?? NAV_GROUPS[0];
+			return h("div", { className: "fs-group-row" },
+				h("span", { className: "fs-brand" }, "鱼"),
+				h("nav", { className: "fs-group-nav", "aria-label": "设置分类" }, NAV_GROUPS.map((group) => {
+					const selected = group.id === active.id;
+					const showUpdate = hasUpdate && group.id === "system";
+					return h("button", { type: "button", key: group.id, className: "fs-group-tab", "aria-pressed": selected,
+						"aria-label": showUpdate ? `${group.label}（有新版本）` : group.label, onClick: () => onChange(group.id) },
+						group.label, showUpdate ? h("span", { className: "fs-update-dot", "aria-hidden": true }) : null);
+				})));
 		}
 
 		/** StateDot：done / warning / error / idle 是圆点，ongoing 是转圈。 */
@@ -763,16 +748,18 @@ window.__ModuleLoader__.load({
 		}
 
 		// ── 面板根组件：页签 + 数据装载 + 轮询 ──
-		const TAB_KEYS = { guide: "引", retrieval: "索", persona: "人", life: "自", inspector: "忆", activity: "动", behavior: "习", models: "模", qq: "Q", bili: "B", douyin: "抖", version: "版" };
-		const TABS = [["retrieval", "记忆检索"], ["persona", "人格"], ["life", "自走"], ["inspector", "记忆检视"], ["activity", "动态"], ["behavior", "习惯"], ["models", "模型"], ["qq", "QQ"], ["bili", "B站"], ["douyin", "抖音"]];
-		const NAV_GROUPS = [
-			{ id: "start", label: "开始", ids: ["guide"] },
-			{ id: "memory", label: "记忆", ids: ["retrieval", "inspector"] },
-			{ id: "character", label: "角色", ids: ["persona", "behavior"] },
-			{ id: "daily", label: "日常", ids: ["life", "activity"] },
-			{ id: "channels", label: "平台", ids: ["qq", "bili", "douyin"] },
-			{ id: "system", label: "系统", ids: ["models", "interface", "version"] }
+		const TAB_KEYS = { memory: "忆", character: "角", daily: "常", channels: "台", models: "模", system: "统", guide: "引", retrieval: "索", persona: "人", life: "自", inspector: "忆", activity: "动", behavior: "习", qq: "Q", bili: "B", douyin: "抖", version: "版" };
+		const TABS = [
+			["memory", "记忆", [["retrieval", "检索设置"], ["people", "人物与关系"], ["memories", "记忆内容"], ["recall-test", "检索测试"], ["weekly", "周记"], ["archives", "记忆存档"], ["backups", "导入与备份"]]],
+			["character", "角色", [["persona", "人格卡"], ["templates", "人格模板"], ["growth", "成长"], ["worldinfo", "世界书"], ["habits", "说话习惯"], ["groups", "群设定"], ["chat-models", "聊天模型"]]],
+			["daily", "日常", [["life", "主动开口"], ["activity", "最近动态"], ["diary", "日记"], ["stickers", "表情包"], ["slang", "学到的说法"]]],
+			["channels", "平台", [["qq", "QQ"], ["bili", "B站"], ["douyin", "抖音"]]],
+			["models", "模型", [["models", "功能模型"], ["usage", "用量与价格"], ["web", "联网搜索"], ["voice", "语音"]]],
+			["system", "系统", [["interface", "界面"], ["version", "版本更新"]]]
 		];
+		const NAV_GROUPS = TABS.map(([id, label]) => ({ id, label }));
+		const SUBTABS = Object.fromEntries(TABS.map(([id, , subs]) => [id, subs]));
+		const DEFAULT_TABS = Object.fromEntries(TABS.map(([id, , subs]) => [id, subs[0][0]]));
 
 		// 服务端仍提供原始步骤与状态；短标题只调整展示，未知步骤保留服务端原文。
 		const ONBOARDING_LABELS = { persona: "选择人格", model: "配置模型", qq: "连接 QQ", master: "设置主人 QQ", retrieval: "配置向量检索", import: "导入聊天记录", voice: "配置语音" };
@@ -859,9 +846,21 @@ window.__ModuleLoader__.load({
 			const guideVisibilityKey = "fish-soul:guide-visible";
 			const readGuideVisible = () => { try { return window.localStorage.getItem(guideVisibilityKey) !== "false"; } catch { return true; } };
 			const [guideVisible, setGuideVisible] = react.useState(readGuideVisible);
-			const [tab, setTab] = react.useState("retrieval");
+			const [tab, setTab] = react.useState("memory");
+			const [subtab, setSubtab] = react.useState("retrieval");
 			const hasInteracted = react.useRef(false);
-			const goTab = (next) => { hasInteracted.current = true; setTab(next); };
+			const remembered = react.useRef({});
+			const goTab = (next, child) => {
+				hasInteracted.current = true;
+				if (next === "guide") { setTab(next); return; }
+				if (SUBTABS[next]) setSubtab(child ?? remembered.current[next] ?? DEFAULT_TABS[next]);
+				setTab(next);
+			};
+			const goSubtab = (next) => { hasInteracted.current = true; remembered.current[tab] = next; setSubtab(next); };
+			const goSetting = (next) => {
+				const group = TABS.find(([, , subs]) => subs.some(([id]) => id === next));
+				if (group) goTab(group[0], next);
+			};
 			const [retrieval, setRetrieval] = react.useState(null);
 			const [life, setLife] = react.useState(null);
 			const [channels, setChannels] = react.useState(null);
@@ -873,7 +872,7 @@ window.__ModuleLoader__.load({
 				try { window.localStorage.setItem(guideVisibilityKey, String(visible)); }
 				catch { notify("无法保存界面设置"); return; }
 				setGuideVisible(visible);
-				if (!visible) setTab((current) => current === "guide" ? "retrieval" : current);
+				if (!visible) setTab((current) => current === "guide" ? "memory" : current);
 				window.dispatchEvent(new Event("fish-soul:guide-visibility"));
 			};
 			react.useEffect(() => {
@@ -904,14 +903,14 @@ window.__ModuleLoader__.load({
 			}, []);
 			// 检索页 2s 刷新（重建进度）；QQ / B站 / 抖音 3s 刷新
 			react.useEffect(() => {
-				const fn = tab === "retrieval" ? loadRetrieval : tab === "qq" || tab === "bili" || tab === "douyin" ? loadChannels : null;
+				const fn = subtab === "retrieval" ? loadRetrieval : subtab === "qq" || subtab === "bili" || subtab === "douyin" ? loadChannels : null;
 				if (fn === null) return undefined;
-				const timer = setInterval(fn, tab === "retrieval" ? 2000 : 3000);
+				const timer = setInterval(fn, subtab === "retrieval" ? 2000 : 3000);
 				return () => clearInterval(timer);
-			}, [tab]);
+			}, [subtab]);
 			// 虚拟时钟走秒（纯展示）
 			react.useEffect(() => {
-				if (tab !== "life") return undefined;
+				if (subtab !== "life") return undefined;
 				const timer = setInterval(() => setLife((prev) => prev?.clock?.virtualNowMs
 					? { ...prev, clock: { ...prev.clock, virtualNowMs: prev.clock.virtualNowMs + 1000 * (prev.clock.timeScale ?? 1) } } : prev), 1000);
 				return () => clearInterval(timer);
@@ -926,7 +925,7 @@ window.__ModuleLoader__.load({
 
 			// 导航红点使用同一只读状态接口；版本页自身检查后的结果即时同步。
 			react.useEffect(() => {
-				if (tab === "version") return undefined;
+				if (subtab === "version") return undefined;
 				let active = true;
 				const loadUpdate = async () => { const r = await api("GET", "/update/state"); if (active && r?.ok) setUpdateAvailable(r.hasUpdate === true); };
 				loadUpdate();
@@ -935,30 +934,31 @@ window.__ModuleLoader__.load({
 			}, [tab]);
 
 			if (css === null) return null;
-			const pane = tab === "guide" ? h(Onboarding, { onGo: goTab, onDismiss: () => goTab("retrieval"), onHide: () => setGuideVisibility(false), notify })
-				: tab === "interface" ? Row({ title: "显示开始" }, h(Switch, { label: "显示开始", checked: guideVisible, onChange: setGuideVisibility }))
-				: tab === "version" ? h(Boundary, { name: "版本" }, h(UpdateBar, { notify, onUpdateState: setUpdateAvailable }))
-				: tab === "retrieval" ? h(RetrievalPane, { data: retrieval, refresh: loadRetrieval, notify })
-				: tab === "life" ? h(LifePane, { data: life, refresh: loadLife, notify })
-				: tab === "inspector" ? h(ChunkTab, { file: "client.soul.js", pick: (m) => m.InspectorPane, failText: "记忆检视加载失败", notify })
-				: tab === "activity" ? h(ChunkTab, { file: "client.soul.js", pick: (m) => m.ActivityPane, failText: "动态加载失败", notify })
-				: tab === "behavior" ? h(ChunkTab, { file: "client.behavior.js", pick: (m) => m.BehaviorPane, failText: "习惯页加载失败", notify })
-				: tab === "models" ? h(ChunkTab, { file: "client.models.js", pick: (m) => m.ModelsPane, failText: "模型页加载失败", notify })
-				: tab === "persona" ? h(ChunkTab, { file: "client.persona.js", pick: (m) => m.PersonaPane, failText: "人格页加载失败", notify })
-				: tab === "qq" ? h(ChannelPane, { data: channels, refresh: loadChannels, notify })
-				: tab === "bili" ? h(BiliPane, { data: channels, refresh: loadChannels, notify })
+			const pane = tab === "guide" ? h(Onboarding, { onGo: goSetting, onDismiss: () => goTab("memory"), onHide: () => setGuideVisibility(false), notify })
+				: subtab === "interface" ? Row({ title: "显示开始" }, h(Switch, { label: "显示开始", checked: guideVisible, onChange: setGuideVisibility }))
+				: subtab === "version" ? h(Boundary, { name: "版本" }, h(UpdateBar, { notify, onUpdateState: setUpdateAvailable }))
+				: subtab === "retrieval" ? h(RetrievalPane, { data: retrieval, refresh: loadRetrieval, notify })
+				: subtab === "life" ? h(LifePane, { data: life, refresh: loadLife, notify })
+				: ["people", "memories", "recall-test", "weekly", "archives", "backups"].includes(subtab) ? h(ChunkTab, { file: "client.soul.js", pick: (m) => m.InspectorPane, failText: "记忆管理加载失败", section: subtab, notify })
+				: ["activity", "stickers", "slang"].includes(subtab) ? h(ChunkTab, { file: "client.soul.js", pick: (m) => m.ActivityPane, failText: "动态加载失败", section: subtab, notify })
+				: ["habits", "groups", "chat-models", "diary"].includes(subtab) ? h(ChunkTab, { file: "client.behavior.js", pick: (m) => m.BehaviorPane, failText: "习惯页加载失败", section: subtab === "chat-models" ? "models" : subtab, notify })
+				: ["models", "usage", "web", "voice"].includes(subtab) ? h(ChunkTab, { file: "client.models.js", pick: (m) => m.ModelsPane, failText: "模型页加载失败", section: subtab, notify })
+				: ["persona", "templates", "growth", "worldinfo"].includes(subtab) ? h(ChunkTab, { file: "client.persona.js", pick: (m) => m.PersonaPane, failText: "人格页加载失败", section: subtab === "persona" ? "current" : subtab, notify })
+				: subtab === "qq" ? h(ChannelPane, { data: channels, refresh: loadChannels, notify })
+				: subtab === "bili" ? h(BiliPane, { data: channels, refresh: loadChannels, notify })
 				: h(ChunkTab, { file: "client.douyin.js", pick: (m) => m.DouyinPane, failText: "抖音页加载失败", data: channels, refresh: loadChannels, notify });
 
-			// 工作台：主页与设置页都把版本更新作为系统分组下的独立页签。
-			const tabs = [...(guideVisible ? [["guide", "使用引导"]] : []), ...TABS, ["interface", "界面"], ["version", "版本更新"]];
-			const label = tabs.find(([v]) => v === tab)?.[1] ?? "";
+			const tabs = tab === "guide" ? [] : SUBTABS[tab] ?? [];
+			const label = tab === "guide" ? "使用引导" : tabs.find(([v]) => v === subtab)?.[1] ?? "";
 			return h("div", { className: "fs-host" }, h("div", { className: cx("fs", standalone ? "fs-standalone" : "fs-settings"), onPointerDown: () => { hasInteracted.current = true; }, onKeyDown: () => { hasInteracted.current = true; } },
 				css === "" ? null : h("style", { "data-plugin-css": `${PLUGIN_ID}/panel.css` }, css),
 				h("div", { className: "fs-side" }, h("div", { className: "fs-side-inner" },
-					h(GroupedTabs, { items: tabs, value: tab, onChange: goTab, hasUpdate: updateAvailable }))),
+					h(GroupedTabs, { value: tab, onChange: goTab, hasUpdate: updateAvailable }),
+					guideVisible && tab !== "guide" ? h("div", { className: "fs-subnav-row" }, Button({ variant: "ghost", onClick: () => goTab("guide") }, "使用引导")) : null,
+					tabs.length > 0 ? h("div", { className: "fs-subnav-row" }, h(Tabs, { items: tabs, value: subtab, onChange: goSubtab, horizontal: true })) : null)),
 				h("main", { className: "fs-main" },
-					h("header", { className: "fs-main-head" }, h("h2", { className: "fs-main-title" }, label), storageWarning ? h("span", { role: "status", style: { marginLeft: "auto" } }, Button({ variant: "ghost", onClick: () => goTab("inspector") }, storageWarning)) : null),
-					h("div", { className: "fs-pane", role: "tabpanel", id: "fs-tabpanel", "aria-labelledby": `fs-tab-${tab}`, key: tab }, h(Boundary, { name: "这一页" }, pane))),
+					h("header", { className: "fs-main-head" }, h("h2", { className: "fs-main-title" }, label), storageWarning ? h("span", { role: "status", style: { marginLeft: "auto" } }, Button({ variant: "ghost", onClick: () => goSetting("archives") }, storageWarning)) : null),
+					h("div", { className: "fs-pane", role: "tabpanel", id: "fs-tabpanel", "aria-labelledby": `fs-tab-${subtab}`, key: `${tab}:${subtab}` }, h(Boundary, { name: "这一页" }, pane))),
 				toast === null ? null : h("div", { className: "fs-toast", role: "status", key: toast.key }, toast.text)));
 		}
 

package/lib/client.models.js

@@ -199,13 +199,17 @@ window.__ModuleLoader__.load({
 					tts.hasKey ? Row({ title: "试听" }, Input({ value: say, onChange: (e) => setSay(e.target.value), "aria-label": "试听的话" }), Button({ disabled: busy, onClick: test }, busy ? "合成中" : "播放")) : null) : null);
 		}
 
-		function ModelsPane({ api, notify, ui }) {
+		function ModelsPane({ api, notify, ui, section = "models" }) {
 			const { h, Empty, Dot } = ui;
 			const [data, load] = useLoad(api, "/models/state");
 			if (data === null) return Empty(Dot("ongoing"));
 			if (data.error) return h("div", { className: "fs-notice", role: "alert" }, h("b", null, "模型状态读不到"), h("span", null, data.error));
 			const p = { data, api, notify, load, ui };
-			return h(react.Fragment, null, h(FeatureModels, p), h(Usage, p), h(Web, p), h(Voice, { api, notify, ui }));
+			return h(react.Fragment, null,
+				section === "models" ? h(FeatureModels, p) : null,
+				section === "usage" ? h(Usage, p) : null,
+				section === "web" ? h(Web, p) : null,
+				section === "voice" ? h(Voice, { api, notify, ui }) : null);
 		}
 
 		return { ModelsPane };

package/lib/client.persona.js

@@ -203,7 +203,7 @@ window.__ModuleLoader__.load({
 				confirmNode);
 	}
 
-		function PersonaPane({ api, notify, ui }) {
+		function PersonaPane({ api, notify, ui, section = "current" }) {
 			const { h, Group, Row, Button, Switch, Tag, Muted, Empty, Dot } = ui;
 			const [data, setData] = useLoad(api, "/persona/state");
 			const [open, setOpen] = react.useState(null);
@@ -264,7 +264,7 @@ window.__ModuleLoader__.load({
 			if (editing !== null) return h(Editor, { h, ui, card: editing, busy, onSave: saveCard, onCancel: () => setEditing(null) });
 
 			return h(react.Fragment, null,
-				Group({ title: "现在的人格", aside: data.canUndo ? Button({ variant: "ghost", disabled: busy, onClick: undo }, "撤销上次更换") : null },
+				section === "current" ? Group({ title: "现在的人格", aside: data.canUndo ? Button({ variant: "ghost", disabled: busy, onClick: undo }, "撤销上次更换") : null },
 					Row({ title: "名字", desc: cur.source === "persona.png" ? "从 persona.png 读的；在这里改了会另存成 persona.json" : undefined },
 						h("b", null, cur.name), Tag(SOURCE[cur.source] ?? cur.source, cur.source === "builtin" ? "outline" : undefined)),
 					cur.source !== "builtin" ? Row({ title: "一句话人设", stack: true }, h("p", { className: "fs-persona-desc" }, cur.anchor || "没写（会用性格那一栏顶上）")) : null,
@@ -276,16 +276,16 @@ window.__ModuleLoader__.load({
 						cur.card ? Button({ variant: "ghost", onClick: exportCard }, "导出") : null,
 						h("input", { ref: fileRef, type: "file", accept: ".json,.png,application/json,image/png", hidden: true, onChange: pickFile })),
 				Row({ title: "正在聊的也马上换", desc: freshOn ? "下一条消息起开新会话，旧聊天的口吻不带过来；记忆和关系都还在" : "沿用旧会话：新人格下一轮生效，但口吻可能要几轮才转过来" },
-					h(Switch, { label: "正在聊的也马上换", checked: freshOn, onChange: toggleFresh }))),
-				Group({ title: "人格模板" },
+					h(Switch, { label: "正在聊的也马上换", checked: freshOn, onChange: toggleFresh }))) : null,
+				section === "templates" ? Group({ title: "人格模板" },
 					...(data.templates ?? []).map((t) => h(Template, {
 						key: t.id, t, h, ui, open: open === t.id, current: cur.template === t.id && cur.source === "persona.json",
 						onOpen: () => setOpen(open === t.id ? null : t.id),
 						onApply: () => applyTemplate(t),
 						onEdit: () => setEditing({ ...t.card, data: { ...t.card.data, extensions: { ...t.card.data.extensions, fish_soul: { ...t.card.data.extensions?.fish_soul, template: t.id } } } })
-					}))),
-				h(Growth, { h, ui, growth: data.growth, post: growthPost, busy }),
-				h(WorldInfo, { api, notify, ui }));
+					}))) : null,
+				section === "growth" ? h(Growth, { h, ui, growth: data.growth, post: growthPost, busy }) : null,
+				section === "worldinfo" ? h(WorldInfo, { api, notify, ui }) : null);
 		}
 
 		return { PersonaPane };

package/lib/client.soul.js

@@ -154,8 +154,17 @@ window.__ModuleLoader__.load({
 						prof?.locked ? Button({ variant: "ghost", disabled: busy, onClick: () => save({ profileLocked: false }, "交还给 Dream 了") }, "交给 Dream") : null,
 						Button({ variant: "ghost", disabled: busy, onClick: dream }, "现在整理一次"),
 						Button({ variant: "primary", disabled: busy || !dirty, onClick: () => save({ profile: form.profile }, "印象已保存") }, "保存")) : null,
-					p.canonicalId !== "master" && p.canonicalId !== "self" ? Row({ title: "清空记忆", desc: "删掉这个人的全部记忆（人还在，之后还能聊）" },
-						Button({ variant: "ghost", disabled: busy, onClick: forgetAll }, "全部删掉")) : null),
+				p.canonicalId !== "master" && p.canonicalId !== "self" ? Row({ title: "清空记忆", desc: "删掉这个人的全部记忆（人还在，之后还能聊）" },
+					Button({ variant: "ghost", disabled: busy, onClick: forgetAll }, "全部删掉")) : null,
+				// #68：删除整个人物卡（不只是清空记忆——人本身从记忆区里消失）
+				p.canonicalId !== "master" && p.canonicalId !== "self" ? Row({ title: "删除这个人", desc: "把这张人物卡整个删掉（记忆可在「改掉 / 过时的」里恢复，人物卡不可恢复）" },
+					Button({ variant: "outline", disabled: busy, onClick: async () => {
+						if (!(await confirm({ title: `删除「${p.displayName}」这张人物卡？`, description: `这个人在记忆区里的卡片会消失，\n所有记忆标为已删（可恢复）、待办丢弃、心情印象清空。\n人物卡本身不可恢复。`, danger: true }))) return;
+						setBusy(true);
+						const r = await api("POST", "/inspector/person/delete", { ownerId });
+						setBusy(false);
+						if (r?.ok) { notify("已删除这个人物卡"); onChanged(); } else notify(r?.error ?? "删除失败");
+					} }, "删除这张卡")) : null),
 				(data.episodes ?? []).length === 0 ? null : Group({ title: "最近聊过" },
 					h("div", { className: "fs-list" }, data.episodes.map((x) => Item({ key: x.id, text: x.content, meta: [h("span", { key: "t" }, fmtDay(x.at))] })))),
 			(data.outdated ?? []).length === 0 ? null : Group({ title: "改掉 / 过时的", aside: Tag(String(data.outdated.length), "outline") },
@@ -443,9 +452,9 @@ window.__ModuleLoader__.load({
 				confirmNode);
 		}
 
-		function InspectorPane(props) {
+		function InspectorPane({ section = "memories", ...props }) {
 			const { api, notify, ui } = props;
-			const { h, Tag, Empty, Item, Muted, Group, Input, Button, useConfirm } = ui;
+			const { h, Tag, Empty, Item, Muted, Group, Row, Input, Button, useConfirm } = ui;
 			const [owner, setOwner] = react.useState("all");
 			const [q, setQ] = react.useState("");
 			const [qApplied, setQApplied] = react.useState("");
@@ -498,16 +507,22 @@ window.__ModuleLoader__.load({
 				if (r?.ok) { setAdding(""); notify("已记下"); load(); } else notify(r?.error ?? "添加失败");
 			}
 			return h(react.Fragment, null,
-				h("section", { className: "fs-group" },
-					h("div", { className: "fs-group-head" },
-						h("div", { className: "fs-pills", role: "group", "aria-label": "按人筛选" }, pill("all", "全部"),
-							...persons.map((p) => pill(p.ownerId, p.ownerId === "self" ? "她自己" : p.displayName, p.ownerId === "self" ? undefined : `${stageLabel(p.relationStage)} · ${p.memoryCount} 条`))),
-						Tag(String(memories.length), "outline"))),
-				owner !== "all" && owner !== "self" ? h(PersonCard, { key: owner, ownerId: owner, ui, api, notify, onChanged: load }) : null,
-				owner !== "all" && owner !== "self" ? h(MemoryDebug, { key: `dbg-${owner}`, ownerId: owner, ui, api, notify }) : null,
-				Group({ title: owner === "all" ? "最近的记忆" : "记忆", aside: h("span", { className: "fs-group-aside" },
+				section === "people" ? Group({ title: "人物与关系" },
+					Row({ title: "选择人物" }, ui.Select({ value: owner, "aria-label": "选择人物", onChange: (e) => setOwner(e.target.value) },
+						h("option", { value: "all" }, "请选择"),
+						...persons.filter((p) => p.ownerId !== "self").map((p) => h("option", { key: p.ownerId, value: p.ownerId }, `${p.displayName} · ${p.memoryCount} 条`)))),
+					owner !== "all" && owner !== "self" ? h(PersonCard, { key: owner, ownerId: owner, ui, api, notify, onChanged: load }) : Empty("选一个人，查看关系、称呼和印象")) : null,
+				section === "recall-test" ? Group({ title: "检索测试" },
+					Row({ title: "选择人物" }, ui.Select({ value: owner, "aria-label": "测试哪个人", onChange: (e) => setOwner(e.target.value) },
+						h("option", { value: "all" }, "请选择"),
+						...persons.filter((p) => p.ownerId !== "self").map((p) => h("option", { key: p.ownerId, value: p.ownerId }, p.displayName)))),
+					owner !== "all" && owner !== "self" ? h(MemoryDebug, { key: `dbg-${owner}`, ownerId: owner, ui, api, notify }) : Empty("选一个人，输入一句话试试会想起什么")) : null,
+				section === "memories" ? h(react.Fragment, null,
+				Group({ title: "记忆内容", aside: h("span", { className: "fs-group-aside" },
 					data.matchedTotal != null && data.matchedTotal > memories.length ? Muted(`显示 ${memories.length} / ${data.matchedTotal} 条`) : null,
 					Button({ variant: bulk ? "primary" : "ghost", onClick: () => setBulk(!bulk) }, bulk ? "完成" : "批量")) },
+					h("div", { className: "fs-pills", role: "group", "aria-label": "按人筛选" }, pill("all", "全部"),
+						...persons.map((p) => pill(p.ownerId, p.ownerId === "self" ? "她自己" : p.displayName, p.ownerId === "self" ? undefined : `${stageLabel(p.relationStage)} · ${p.memoryCount} 条`))),
 					h("div", { className: "fs-row" },
 						Input({ value: q, className: "wide", placeholder: "搜记忆内容（回车）", "aria-label": "搜记忆内容", onChange: (e) => setQ(e.target.value), onKeyDown: (e) => { if (e.key === "Enter") setQApplied(q.trim()); }, onBlur: () => setQApplied(q.trim()) }),
 						ui.Select({ value: source, "aria-label": "来源", onChange: (e) => setSource(e.target.value) }, ...SOURCES.map(([v, l]) => h("option", { key: v, value: v }, l)))),
@@ -518,10 +533,10 @@ window.__ModuleLoader__.load({
 					h("div", { className: "fs-list" }, memories.length === 0 ? Empty("还没有记忆")
 						: memories.map((m) => h(MemoryItem, { key: m.id, m, ui, api, notify, refresh: load, curGen: data.currentGenerationId ?? 1, selectable: bulk, selected: sel.has(m.id), onSelect })))),
 				pendings.length === 0 ? null : Group({ title: "待办", aside: Tag(String(pendings.length), "outline") },
-					h("div", { className: "fs-list" }, pendings.map((p) => Item({ key: p.id, lead: Muted(props.fmtDueAt(p.dueAt), { className: "fs-unit num" }), text: p.reason, meta: [p.channelId ?? ""], onRemove: () => dropPending(p.id) })))),
-				h(WeeklyPanel, { ui, api, notify, onDone: load }),
-				h(StoragePanel, { ui, api, notify }),
-				h(ImportBackup, { ui, api, notify, relTime: props.relTime, onDone: load }),
+					h("div", { className: "fs-list" }, pendings.map((p) => Item({ key: p.id, lead: Muted(props.fmtDueAt(p.dueAt), { className: "fs-unit num" }), text: p.reason, meta: [p.channelId ?? ""], onRemove: () => dropPending(p.id) }))))) : null,
+				section === "weekly" ? h(WeeklyPanel, { ui, api, notify, onDone: load }) : null,
+				section === "archives" ? h(StoragePanel, { ui, api, notify }) : null,
+				section === "backups" ? h(ImportBackup, { ui, api, notify, relTime: props.relTime, onDone: load }) : null,
 				confirmNode);
 		}
 
@@ -671,7 +686,7 @@ window.__ModuleLoader__.load({
 			return h(react.Fragment, null, groups.map((g) => h(SlangGroupCard, { key: `${g.channelId}-${g.learnedAt ?? 0}-${(g.terms ?? []).length}-${(g.expressions ?? []).length}`, g, api, notify, relTime, ui, onChanged: load })));
 		}
 
-		function ActivityPane({ api, apiBase, notify, relTime, ui }) {
+		function ActivityPane({ api, apiBase, notify, relTime, ui, section = "activity" }) {
 			const { h, Group, Tag, Empty, Button, Muted } = ui;
 			const [data, load] = usePoll(api, "/activity", 3000);
 			if (!data) return null;
@@ -682,6 +697,7 @@ window.__ModuleLoader__.load({
 			}
 			const decisions = data.decisions ?? [];
 			return h(react.Fragment, null,
+				section === "activity" ? h(react.Fragment, null,
 				(data.paused ?? []).length === 0 ? null : Group({ title: "暂停中" },
 					h("div", { className: "fs-list" }, data.paused.map((p) => h("div", { className: "fs-item", key: p.channelId },
 						h("span", { className: "fs-item-main" }, p.title),
@@ -718,9 +734,9 @@ window.__ModuleLoader__.load({
 						return h("details", { className: "fs-step", key: i },
 							h("summary", { className: "fs-step-head" }, ...head, ui.Icon("chevron", 12)),
 							h("div", { className: "fs-step-body" }, h("ul", null, x.outdated.map((o) => h("li", { key: o.id }, `#${o.id}「${o.content}」→ #${o.by}：${o.reason}`)))));
-					}))),
-				h(StickerShelf, { api, apiBase, notify, relTime, ui }),
-				h(SlangShelf, { api, notify, relTime, ui }));
+					})))) : null,
+				section === "stickers" ? h(StickerShelf, { api, apiBase, notify, relTime, ui }) : null,
+				section === "slang" ? h(SlangShelf, { api, notify, relTime, ui }) : null);
 		}
 
 		return { InspectorPane, ActivityPane };