dsh-session-curator 0.1.0 → 0.1.2

package/scripts/build.mjs

@@ -0,0 +1,96 @@
+/**
+ * 构建：`src/`（TypeScript，唯一真源）→ `lib/`（提交进仓库的产物，DSH 直接加载的就是它）。
+ *
+ * 两个半区各走一条路，因为运行环境不同：
+ *   1. 宿主半区：`tsc` 直接输出**多文件 ESM**（`lib/index.js` + `lib/host/*.js`）——
+ *      Electron 主进程就是 Node，相对 import 天然可用。
+ *   2. 客户端半区：`esbuild` 先把 `src/client` 打成一份 CJS，再由本脚本包进 DSH 的手写束
+ *      `window.__ModuleLoader__.load({id, factory})`。浏览器那边拿到的是 classic script
+ *      （loader 走 `document.createElement("script")` + `el.src`），**不能**是 ESM，
+ *      所以客户端多文件必须在构建期合回一份。
+ *
+ * `react` 与 `@deepseek-ai/*` 保持 external：它们由 DSH 的模块表在运行时注入，
+ * 也就是束里 `factory(require)` 收到的那个 `require`。
+ *
+ * 用法：`npm run build`（或 `node scripts/build.mjs`）。
+ */
+
+/** 构建期依赖只在开发 / 发布时存在（发布包不发 devDependencies），先给一句人话再退出。 */
+const MISSING = "build 需要 devDependencies（esbuild + typescript）：先在本仓库里跑 npm install。";
+
+let esbuild;
+try {
+	esbuild = await import("esbuild");
+} catch {
+	console.error(MISSING);
+	process.exit(1);
+}
+
+const { spawnSync } = await import("node:child_process");
+const { readFile, rm, writeFile } = await import("node:fs/promises");
+const { createRequire } = await import("node:module");
+const { join } = await import("node:path");
+
+const root = join(import.meta.dirname, "..");
+const lib = join(root, "lib");
+const manifest = JSON.parse(await readFile(join(root, "package.json"), "utf8"));
+
+/** 客户端束里必须在线的外部模块：DSH 的模块表注入它们，别打进产物。 */
+const CLIENT_EXTERNAL = ["react", "@deepseek-ai/*"];
+
+// 只清自己产出的东西（`lib/` 是提交进仓库的产物，别顺手扫掉别的）。
+await rm(join(lib, "host"), { recursive: true, force: true });
+await rm(join(lib, "index.js"), { force: true });
+await rm(join(lib, "client.js"), { force: true });
+
+// ── 1) 宿主半区：tsc 输出多文件 ESM ──────────────────────────────────────
+let tsc;
+try {
+	tsc = createRequire(import.meta.url).resolve("typescript/bin/tsc");
+} catch {
+	console.error(MISSING);
+	process.exit(1);
+}
+const emitted = spawnSync(process.execPath, [tsc, "-p", join(root, "tsconfig.build.json")], {
+	stdio: "inherit",
+	cwd: root
+});
+if (emitted.status !== 0) process.exit(emitted.status ?? 1);
+
+// ── 2) 客户端半区：esbuild → CJS → DSH 手写束 ────────────────────────────
+const client = await esbuild.build({
+	entryPoints: [join(root, "src", "client", "index.ts")],
+	bundle: true,
+	format: "cjs",
+	platform: "browser",
+	target: ["es2020"],
+	external: CLIENT_EXTERNAL,
+	write: false,
+	legalComments: "none",
+	charset: "utf8",
+	logLevel: "warning"
+});
+const body = client.outputFiles[0].text.trimEnd();
+
+await writeFile(
+	join(lib, "client.js"),
+	[
+		"// 本文件由 `node scripts/build.mjs` 从 src/client/**/*.ts 生成，不要手改。",
+		"window.__ModuleLoader__.load({",
+		`\tid: ${JSON.stringify(manifest.name)},`,
+		"\t// 浏览器只认这种「工厂 + 局部 require」的束：factory 收到的 require 就是 DSH 的模块表，",
+		"\t// esbuild 把 external 的 import 编译成了对这个参数的调用。",
+		"\tfactory: (require) => {",
+		"\t\tconst module = { exports: {} };",
+		"\t\t(function (module, exports, require) {",
+		body,
+		"\t\t})(module, module.exports, require);",
+		"\t\treturn module.exports;",
+		"\t}",
+		"});",
+		""
+	].join("\n"),
+	"utf8"
+);
+
+console.log(`built: lib/index.js + lib/host/*.js (tsc) and lib/client.js (esbuild ${body.length} B)`);

package/scripts/client.mjs

@@ -24,6 +24,17 @@ globalThis.window = {
 		}
 	}
 };
+/** 内存版 localStorage：设置持久化走的就是它（浏览器里是 window.localStorage）。 */
+const fakeStorage = new Map();
+globalThis.localStorage = {
+	getItem: (key) => (fakeStorage.has(key) ? fakeStorage.get(key) : null),
+	setItem: (key, value) => {
+		fakeStorage.set(key, String(value));
+	},
+	removeItem: (key) => {
+		fakeStorage.delete(key);
+	}
+};
 
 // ── 迷你 React：够跑一次挂载 + 若干次重渲染 ──────────────────────────────
 const runtime = { index: 0, values: [], callbacks: [], records: [], pending: [], dirty: false };
@@ -103,6 +114,8 @@ const PRIMITIVE_NAMES = [
 	"Menu",
 	"MenuItemButton",
 	"Modal",
+	"SegmentedControl",
+	"Switch",
 	"IconChevronDownOutlineRegular",
 	"IconChevronRightOutlineRegular",
 	"IconEllipsisOutlineRegular",
@@ -134,6 +147,25 @@ const client = spec.factory(requireStub);
 const { groupRows, groupKeyOf, SessionRow, GroupHeader } = client;
 check("groupRows / groupKeyOf are exported as pure functions", typeof groupRows === "function" && typeof groupKeyOf === "function");
 
+// 折叠决策（`groups.ts`）：默认状态 + 手动覆盖两张表合成一个答案。
+check(
+	"isGroupCollapsed lets untouched folders follow the configured default",
+	client.isGroupCollapsed("archived:k", {}, "collapsed") === true && client.isGroupCollapsed("archived:k", {}, "expanded") === false
+);
+check(
+	"isGroupCollapsed prefers the manual override",
+	client.isGroupCollapsed("archived:k", { "archived:k": false }, "collapsed") === false && client.isGroupCollapsed("archived:k", { "archived:k": true }, "expanded") === true
+);
+check(
+	"toggledCollapse records an override, and drops it again once it matches the default",
+	JSON.stringify(client.toggledCollapse("k", {}, "expanded")) === '{"k":true}'
+		&& JSON.stringify(client.toggledCollapse("k", { k: true }, "expanded")) === "{}"
+		&& JSON.stringify(client.toggledCollapse("k", {}, "collapsed")) === '{"k":false}'
+		&& JSON.stringify(client.toggledCollapse("k", { k: false }, "collapsed")) === "{}",
+	`${JSON.stringify(client.toggledCollapse("k", {}, "expanded"))} / ${JSON.stringify(client.toggledCollapse("k", { k: true }, "expanded"))} / ${JSON.stringify(client.toggledCollapse("k", {}, "collapsed"))}`
+);
+check("collapseKey keeps the state per tab", client.collapseKey("trash", "unknown") === "trash:unknown", client.collapseKey("trash", "unknown"));
+
 const t = (key) => ({
 	noProject: "(unknown)",
 	sessions: "{n} sessions",
@@ -216,6 +248,19 @@ check("the folder icon is dimmer than the title and inherits currentColor", togg
 const headerLabels = toggleChildren.filter((child) => typeof child?.children?.[0] === "string").map((child) => child.children[0]);
 check("group header shows title, count and size", ["Alpha", "2 sessions", "30 B"].every((label) => headerLabels.includes(label)), JSON.stringify(headerLabels));
 check("a fully selected group offers the short clear action on the right", selectButton.type === "Button" && selectButton.children[0] === "Clear" && selectButton.props.title.includes("Alpha"));
+// 长路径回归：右侧动作按钮不参与 flex 收缩、也不许折行；收缩全部由左侧折叠按钮消化
+//（标题 / 路径各有 minWidth: 0 + 省略号）。DSH 的 Button 没有 white-space: nowrap，
+// 一旦被挤窄，中文标签就会在按钮里折成两行。
+check(
+	"the right-hand action button neither shrinks nor wraps its label",
+	selectButton.props.style?.flex === "0 0 auto" && selectButton.props.style?.whiteSpace === "nowrap",
+	JSON.stringify(selectButton.props.style)
+);
+check(
+	"the folder toggle is the flex item that absorbs the shrink (so title/path ellipsize instead)",
+	toggleButton.props.style?.flex === "1 1 auto" && toggleButton.props.style?.minWidth === 0,
+	JSON.stringify({ flex: toggleButton.props.style?.flex, minWidth: toggleButton.props.style?.minWidth })
+);
 toggleButton.props.onClick();
 selectButton.props.onClick();
 check("header click / right-hand button call the handlers", collapses === 1 && groupToggles === 1, `collapse=${collapses} select=${groupToggles}`);
@@ -239,10 +284,12 @@ const rowMenuElement = rowMenuOf(withoutCwd);
 check("the menu is anchored to an icon-only ghost Button carrying the ellipsis icon", rowMenuElement.props.anchor.type === "Button" && rowMenuElement.props.anchor.props.variant === "ghost" && rowMenuElement.props.anchor.props.icon.type === "IconEllipsisOutlineRegular" && rowMenuElement.props.anchor.props.children === undefined, `icon=${rowMenuElement.props.anchor.props.icon?.type}`);
 check("the menu follows the panel's open state and portals itself", rowMenuElement.props.open === true && rowMenuOf(withCwd).props.open === false && rowMenuElement.props.portal === true);
 check("the ⋯ trigger is dimmed like the sidebar's row actions", rowMenuElement.props.anchor.props.style.color === "var(--dsw-alias-label-secondary)" && String(rowMenuElement.props.anchor.props["aria-label"]).includes("More actions"));
+check("the ⋯ trigger keeps its own width when the title is long", rowMenuElement.props.anchor.props.style.flex === "0 0 auto", JSON.stringify(rowMenuElement.props.anchor.props.style));
 
 // ── B. 整块面板：假 ctx 调 apply()，拿到真正注册的面板组件后渲染 ─────────
 const SNAPSHOT = {
 	dshHome: "C:\\Users\\Motues\\.dsh",
+	version: "0.1.0",
 	trashDir: "C:\\Users\\Motues\\.dsh\\storages\\session-manager\\trash",
 	sessionsDir: "C:\\Users\\Motues\\.dsh\\sessions",
 	archived: [
@@ -258,12 +305,18 @@ const SNAPSHOT = {
 const slots = [];
 let dictionaries = null;
 const hostCalls = [];
+/** 更新检查的假回答；置 null 表示这次让宿主失败（测错误分支）。 */
+let updateResponse = { current: "0.1.0", latest: "0.1.1", outdated: true, checkedAt: 0 };
 const fakeCtx = {
 	get: (name) => (name === "connection"
 		? {
 			rpc: {
 				call: async (channel, endpoint, payload) => {
 					hostCalls.push({ channel, endpoint, payload });
+					if (endpoint.endsWith("check-update")) {
+						if (updateResponse === null) return { ok: false, error: { code: "session-curator/error", message: "registry 不通" } };
+						return { ok: true, value: updateResponse };
+					}
 					return { ok: true, value: SNAPSHOT };
 				}
 			}
@@ -297,6 +350,9 @@ const tPanel = (key, params) => {
 	return value;
 };
 
+/** 官方侧边栏的视图存储：预置成"显示已归档"，用来验证配置页那个开关读的是同一份设置。 */
+globalThis.localStorage.setItem("dsh.workspace.view.v5", JSON.stringify({ groupBy: "flat", orderBy: "updated", archivedFilter: "show" }));
+
 let tree = await render(section.component, { t: tPanel });
 const nodesOf = (current, type) => collect(current, []).filter((node) => node.type === type);
 const headers = () => nodesOf(tree, client.GroupHeader);
@@ -317,6 +373,14 @@ check("every group header renders the chevron, the folder icon and the right-han
 	return toggle[0].children[0].type === "IconChevronDownOutlineRegular" && toggle[1].children[0].type === "IconFolderOpenRegular" && parts[1].type === "Button" && toggle.every((child) => child?.type !== "input");
 }), "");
 check("every folder row paints the faint band", headers().every((node) => draw(node).props.style.background === "var(--dsw-alias-interactive-bg-active)"), "");
+// 长路径回归（面板里也验一遍）：右侧按钮定宽不折行，路径那段自己带省略号。
+check("in the rendered panel every select button stays rigid and every path can ellipsize", headers().every((node) => {
+	const parts = partsOf(node);
+	// 按**文本**找路径那段：标题 span 的 tooltip 也是 cwd，别按 title 找（会先命中标题）。
+	const path = parts[0].children.find((child) => typeof child?.children?.[0] === "string" && child.children[0].includes("\\"));
+	return parts[1].props.style.flex === "0 0 auto" && parts[1].props.style.whiteSpace === "nowrap"
+		&& path !== undefined && path.props.style.minWidth === 0 && path.props.style.textOverflow === "ellipsis";
+}), JSON.stringify(headers().map((node) => partsOf(node)[1].props.style)));
 
 // 折叠 Momo 组：点它的标题按钮 → 该组的行必须消失，但组标题还在。
 partsOf(headers()[1])[0].props.onClick();
@@ -389,6 +453,215 @@ check("trash tab groups by the recorded workspace folder too", headers().length
 check("trash rows offer restore + permanent delete", menuOfRow("s-9").props.items.map((item) => item.id).join(",") === "restore,purge", menuOfRow("s-9").props.items.map((item) => item.label).join(" · "));
 check("trash rows keep the same single-⋯ shape", draw(rowsSeen()[0]).children[2].children.length === 1);
 
+// ── 配置页：动作在右上、基础设置、版本号与升级提示 ───────────────────────
+// 面板根节点的第 1 个子节点就是顶部条：左边页签组，右边动作组。
+const headerOf = () => tree.children[0];
+const tabBarOf = () => headerOf().children[0];
+const actionsOf = () => headerOf().children[1];
+/** 页签那一组是 `tabs.map(...)` 的结果，迷你渲染器把它当**一个**子节点存着，所以要递归收集。 */
+const tabButtons = () => collect(tabBarOf(), []).filter((node) => node.type === "Button");
+const tabLabels = () => tabButtons().map((node) => node.children[0]).join(" | ");
+const actionButtons = () => (actionsOf() === null ? [] : actionsOf().children.filter(Boolean));
+const switchNodes = () => nodesOf(tree, "Switch");
+/** 按 label（面板传的就是本地化过的名字）找控件，比按下标稳。 */
+const switchByLabel = (label) => switchNodes().find((node) => node.props.label === label);
+const segmentedNodes = () => nodesOf(tree, "SegmentedControl");
+/** 按 label 找分段控件（面板传的就是本地化过的名字），比按下标稳。 */
+const segmentedByLabel = (label) => segmentedNodes().find((node) => node.props.label === label);
+const spanWith = (prefix) => collect(tree, []).find((node) => node.type === "span" && typeof node.children?.[0] === "string" && node.children[0].startsWith(prefix));
+
+check(
+	"the three data tabs stay on the top-left, with 配置 appended",
+	tabButtons().length === 4 && tabLabels() === "已归档 (3) | 已置顶 (1) | 回收站 (1) | 配置",
+	tabLabels()
+);
+check(
+	"分组 and 刷新 moved to the top-right actions group",
+	actionsOf() !== null && actionsOf().props.style.marginInlineStart === "auto" && actionButtons().length === 2
+		&& actionButtons()[0].children[0].startsWith("分组") && actionButtons()[1].children[0] === "刷新",
+	`marginInlineStart=${actionsOf()?.props.style.marginInlineStart} buttons=${actionButtons().map((node) => node.children[0]).join(", ")}`
+);
+check("both right-hand buttons carry a visible border (outline variant)", actionButtons().every((node) => node.props.variant === "outline"), actionButtons().map((node) => node.props.variant).join(", "));
+check("the tab buttons stay in the left group (not among the actions)", tabButtons().every((node) => node.props.variant !== "outline"), tabButtons().map((node) => node.props.variant).join(", "));
+
+// 打开配置页。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check("the config tab drops the list-only actions from the right", headerOf().children[1] === null && tabLabels().endsWith("配置"), tabLabels());
+check("the config page renders 4 switches and 3 segmented controls", switchNodes().length === 4 && segmentedNodes().length === 3, `${switchNodes().length} switch(es), ${segmentedNodes().length} segmented`);
+check(
+	"the default-tab control offers exactly the three data tabs (never 配置 itself)",
+	segmentedNodes()[0].props.options.map((option) => option.value).join(",") === "archived,pinned,trash",
+	segmentedNodes()[0].props.options.map((option) => option.label).join(", ")
+);
+check(
+	"the folder default-state control offers 展开 / 折叠 and carries the saved value",
+	segmentedByLabel("分组默认状态") !== undefined
+		&& segmentedByLabel("分组默认状态").props.options.map((option) => option.value).join(",") === "expanded,collapsed"
+		&& segmentedByLabel("分组默认状态").props.value === "expanded",
+	String(segmentedByLabel("分组默认状态")?.props.value)
+);
+check(
+	"the about block shows the version in small light text",
+	spanWith("版本") !== undefined && spanWith("版本").children[0] === "版本 v0.1.0"
+		&& spanWith("版本").props.style.fontSize === "11px" && spanWith("版本").props.style.color === "var(--dsw-alias-label-tertiary)",
+	spanWith("版本")?.children?.[0]
+);
+check(
+	"an outdated version renders the notice plus the exact upgrade command",
+	JSON.stringify(tree).includes("有新版本 0.1.1（当前 0.1.0）")
+		&& JSON.stringify(tree).includes("升级步骤")
+		&& JSON.stringify(tree).includes("dsh plugin --profile desktop add dsh-session-curator@latest"),
+	String(spanWith("有新版本")?.children?.[0])
+);
+check("opening the config tab really asked the host for updates", hostCalls.some((entry) => entry.endpoint.endsWith("check-update")), hostCalls.map((entry) => entry.endpoint).join(", "));
+
+// ── 侧边栏"显示已归档"：读写的必须是官方那份设置（dsh.workspace.view.v5） ──
+const SIDEBAR_SWITCH = "侧边栏显示已归档会话";
+check(
+	"the sidebar-archived switch mirrors the official setting (seeded to show archived)",
+	switchByLabel(SIDEBAR_SWITCH) !== undefined && switchByLabel(SIDEBAR_SWITCH).props.checked === true,
+	String(switchByLabel(SIDEBAR_SWITCH)?.props.checked)
+);
+check("no refresh hint before the sidebar value is touched", !JSON.stringify(tree).includes("已写入官方设置"));
+
+switchByLabel(SIDEBAR_SWITCH).props.onChange(false);
+tree = await render(section.component, { t: tPanel });
+const sidebarView = JSON.parse(globalThis.localStorage.getItem("dsh.workspace.view.v5"));
+check(
+	"turning it off writes only archivedFilter into the official key",
+	sidebarView.archivedFilter === "default" && sidebarView.groupBy === "flat" && sidebarView.orderBy === "updated",
+	JSON.stringify(sidebarView)
+);
+check(
+	"the plugin's own settings key is not polluted by it",
+	JSON.parse(globalThis.localStorage.getItem("dsh-session-curator.settings")).archivedFilter === undefined,
+	globalThis.localStorage.getItem("dsh-session-curator.settings")
+);
+check(
+	"a refresh hint appears, because the official store only reads that key when it is created",
+	JSON.stringify(tree).includes("已写入官方设置")
+		&& collect(tree, []).some((node) => node.type === "Button" && node.children?.[0] === "刷新页面"),
+	JSON.stringify(collect(tree, []).filter((node) => node.type === "Button").map((node) => node.children?.[0]))
+);
+
+// 设置真的生效：关掉"行内显示体积与文件数"，回已归档页签看行。
+switchByLabel("行内显示体积与文件数").props.onChange(false);
+tree = await render(section.component, { t: tPanel });
+check(
+	"a switch writes the setting through to localStorage",
+	JSON.parse(globalThis.localStorage.getItem("dsh-session-curator.settings")).showMeta === false,
+	globalThis.localStorage.getItem("dsh-session-curator.settings")
+);
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+const slimMeta = rowsSeen().map((node) => metaOf(draw(node)));
+check(
+	"showMeta = false drops size and file count from every row",
+	slimMeta.length === 3 && slimMeta.every((meta) => !meta.includes(" B") && !meta.includes("个文件")),
+	JSON.stringify(slimMeta)
+);
+
+// 排序：按体积降序（组内），组间照旧按文件夹名。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+segmentedByLabel("排序").props.onChange("bytes");
+tree = await render(section.component, { t: tPanel });
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"order = bytes sorts rows inside each group",
+	rowsSeen().map((node) => node.props.row.sessionId).join(",") === "s-3,s-2,s-1",
+	rowsSeen().map((node) => node.props.row.sessionId).join(",")
+);
+
+// ── 分组默认折叠 / 展开（配置项 groupDefault） ───────────────────────────
+// 语义：没手动点过的文件夹跟随配置里的默认状态（改配置立即生效）；手动点过的保留手动
+// 状态；手动翻**回**默认值之后重新跟随配置（覆盖被丢掉，见 groups.ts 的 toggledCollapse）。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+segmentedByLabel("分组默认状态").props.onChange("collapsed");
+tree = await render(section.component, { t: tPanel });
+check(
+	"turning the folder default to 折叠 is persisted",
+	JSON.parse(globalThis.localStorage.getItem("dsh-session-curator.settings")).groupDefault === "collapsed",
+	globalThis.localStorage.getItem("dsh-session-curator.settings")
+);
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"every folder follows the default and starts collapsed",
+	headers().length === 2 && headers().every((node) => node.props.collapsed === true) && rowsSeen().length === 0,
+	`collapsed=${headers().map((node) => node.props.collapsed).join(",")} rows=${rowsSeen().length}`
+);
+// 手动展开 BlogPage（headers()[0]）：只有它变，另一组照旧跟随默认。
+partsOf(headers()[0])[0].props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"expanding one folder by hand leaves the others collapsed",
+	headers()[0].props.collapsed === false && headers()[1].props.collapsed === true
+		&& rowsSeen().map((node) => node.props.row.sessionId).join(",") === "s-3",
+	`collapsed=${headers().map((node) => node.props.collapsed).join(",")} rows=${rowsSeen().map((node) => node.props.row.sessionId).join(",")}`
+);
+// 改回默认"展开"：没手动点过的 Momo 立刻跟着展开，手动展开的 BlogPage 不变。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check("the control carries the saved 折叠 value", segmentedByLabel("分组默认状态").props.value === "collapsed", String(segmentedByLabel("分组默认状态").props.value));
+segmentedByLabel("分组默认状态").props.onChange("expanded");
+tree = await render(section.component, { t: tPanel });
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"changing the default only moves the folders nobody touched by hand",
+	headers().length === 2 && headers().every((node) => node.props.collapsed === false) && rowsSeen().length === 3,
+	`collapsed=${headers().map((node) => node.props.collapsed).join(",")} rows=${rowsSeen().length}`
+);
+// 手动折叠再展开（翻回默认值）→ 这条分组重新跟随配置。
+partsOf(headers()[1])[0].props.onClick();
+tree = await render(section.component, { t: tPanel });
+check("collapsing one folder by hand hides exactly its rows", rowsSeen().length === 1, `${rowsSeen().length} row(s)`);
+partsOf(headers()[1])[0].props.onClick();
+tree = await render(section.component, { t: tPanel });
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+segmentedByLabel("分组默认状态").props.onChange("collapsed");
+tree = await render(section.component, { t: tPanel });
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"a folder toggled back to the default follows the setting again",
+	headers()[1].props.collapsed === true,
+	`collapsed=${headers().map((node) => node.props.collapsed).join(",")}`
+);
+check(
+	"a folder still expanded by hand keeps its manual state across a default change",
+	headers()[0].props.collapsed === false && rowsSeen().map((node) => node.props.row.sessionId).join(",") === "s-3",
+	`collapsed=${headers().map((node) => node.props.collapsed).join(",")} rows=${rowsSeen().map((node) => node.props.row.sessionId).join(",")}`
+);
+// 还原成默认展开：后面几条断言依赖行都在。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+segmentedByLabel("分组默认状态").props.onChange("expanded");
+tree = await render(section.component, { t: tPanel });
+buttonByLabel("已归档").props.onClick();
+tree = await render(section.component, { t: tPanel });
+check("the list is back to expanded for the following checks", rowsSeen().length === 3, `${rowsSeen().length} row(s)`);
+
+// 检查失败：显示原因，不谎报"已是最新"。
+buttonByLabel("配置").props.onClick();
+tree = await render(section.component, { t: tPanel });
+updateResponse = null;
+const recheck = collect(tree, []).find((node) => node.type === "Button" && node.children?.[0] === "检查更新");
+recheck.props.onClick();
+tree = await render(section.component, { t: tPanel });
+check(
+	"a failed check shows the reason instead of claiming to be current",
+	JSON.stringify(tree).includes("检查更新失败") && !JSON.stringify(tree).includes("已是最新版本")
+		&& collect(tree, []).some((node) => node.props.style?.color === "var(--dsw-alias-state-error-primary)"),
+	String(spanWith("检查更新失败")?.children?.[0])
+);
+updateResponse = { current: "0.1.0", latest: "0.1.1", outdated: true, checkedAt: 0 };
+
 // ── 设置页 id：导航栏图标是「按 id 查表」的（外壳的 navIcon()） ──────────
 check('with an empty ledger the section borrows the "archived-sessions" id (archive glyph in the nav)', sectionIdWith(() => []) === "archived-sessions");