dsh-composer-ux 0.29.0 → 0.29.2

package/CHANGELOG.md

@@ -2,6 +2,52 @@
 
 本项目遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [0.29.2] — 2026-10-29（展开时把「账号与其他 ▴」缩进到账号行右端）
+
+用户 2026-10-29（截图圈住「方文」右侧的空白）：「这个展开时，把这个账号和其他和收缩按钮放到这个位置」。
+
+**改了什么**
+
+- **展开态**：那行「账号与其他 ▴」不再单独占一整行，缩进到账号那一块（`settingsArea`）的**右端**，
+  绝对定位、不占布局高度 —— 也就是你框的那个空白位置。
+- **收起态**：仍是底部容器前面那一整条「账号与其他 ▾」（这时账号行被一起藏了，没有别的落脚点）。
+
+**实现**：同一个按钮在两种状态下换父节点（收起 → 容器前面的兄弟节点；展开 → 账号块内的绝对定位），
+只动我们自己那一个按钮的 parent/属性；账号块只加一个 `position: relative`（做包含块），
+宿主与别的插件的节点照旧一个不碰。
+
+**顺手修了测试桩的一个失真**：桩的 `appendChild/insertBefore` 之前不会把节点从旧父节点摘下来
+（真 DOM 会），于是"移动按钮"这件事在测试里会变成两个按钮。桩已按真实语义修正。
+
+**测试**：`test/sidebar-footer.mjs` 新增第 6 节（9 条）；变异新增 TE（展开时还在老位置占一行）。
+
+## [0.29.1] — 2026-10-29（「账号与其他」+ 收起状态不再记忆：打开就收起）
+
+用户 2026-10-29 两条：
+
+1. 「账号与用量改为账号与其他」；
+2. 「收起与否改为默认收起」—— 追问后选定**改行为**：每次打开 DSH 都强制收起、**不记住展开**，
+   两处（顶部「全局面板」+ 底部区）一起。
+
+**行为变了（这条最容易察觉）**
+
+- 以前：点开折叠条 → 状态写进 `composer-ux-nav-fold.json` → 下次打开还是展开的。
+- 现在：点开只在**本次会话**有效；重开 DSH 一律回到收起。
+  文件里只留**形态**（`mode`：收成一条 / 只留图标 / 不折叠）；老文件里的 `collapsed: false`
+  会被**忽略**，不会把"上次点开过"带过来。
+
+**界面上的连带改动**
+
+- 底部细条文字：`账号与用量` → **`账号与其他`**（连带 title「展开/收起账号与其他」）。
+- 设置页「侧边栏」组：两个"现在收起"开关删掉（一个不落盘的开关是骗人的），
+  换成一行状态说明「打开时：总是收起（不记住展开）：点折叠条可临时展开」+ 当前是收起/临时展开。
+
+**为什么拆了个新文件**：把纯状态（`NavFoldState` / `sanitizeNavFold` / `persistableNavFold`）从
+`nav-fold-store.ts` 挪到 `nav-fold-state.ts` —— store 里带 React hook，测试要 bundle 它就得拉 react；
+拆开之后"强制收起"和"只有形态落盘"这两条能像其它纯函数一样逐条钉住。
+
+**测试**：`test/sidebar-nav.mjs` 新增第 7 节（6 条）；变异新增 TC / TD（又记住展开 / 收起状态被写盘）。
+
 ## [0.29.0] — 2026-10-29（侧边栏**底部区**也能收：整块收成一行「账号与用量」）
 
 用户 2026-10-29（截图圈住左下角「今日消耗金额」卡片 + 下面那行账号）：

package/README.md

@@ -135,7 +135,10 @@ dsh plugin --profile web add <你克隆或解压出来的目录>
 ### 侧边栏底部区（0.29.0）
 
 左下角那一块（账号行 + 插件塞在这里的卡片，比如「今日消耗金额」）也能收：**整块收成一行
-「账号与用量 ▾」**，点一下展开。设置 → 输入体验 →「设置面板」卡 →「侧边栏」组 →「底部区」（默认收起）。
+「账号与其他 ▾」**，点一下展开。设置 → 输入体验 →「设置面板」卡 →「侧边栏」组可以看到当前状态。
+
+**两处都是"打开就收起、不记住展开"**（0.29.1）：点折叠条只在本次会话有效，重开 DSH 一律回到收起；
+文件里只记"形态"这一项偏好。
 
 做法是**整块藏/显**：只在最外层容器挂一个属性，**不碰里面任何一个节点** —— 所以别的插件往这个插槽里
 放什么都不会被我们改坏（用量卡片就是 `@kenz1117/dsh-ui-usage-billing` 放在 `sidebar.footer.action` 里的）。
@@ -681,7 +684,7 @@ node build.mjs                    # 产出 lib/index.js + lib/client.js
                                   #   里同版本的 npm 包（两者逐字节相同）——CI 上走的就是退路
 npm test                          # 30 个套件；当前 2621 passed, 0 failed（2026-10-28 实测；CI 三平台同样全绿）
                                   #   走 scripts/run-tests.mjs：顺带把"多少套件/多少条"记进 test/.last-run.json
-npm run test:mutations            # 手动跑：变异测试，证明那套护栏真的在咬人（203 条，须单独跑）
+npm run test:mutations            # 手动跑：变异测试，证明那套护栏真的在咬人（206 条，须单独跑）
                                   #   同样记录结果，供下面的文档门禁核对
 npm run gates                     # 发版门禁三条一起跑：tag 指向 / 包内容 / 文档数字
 npm run check:tag                 #   ① tag 名里的版本 == 该 tag 所指提交里的 package.json 版本

package/dsh-plugin.json

@@ -3,7 +3,7 @@
   "manifestVersion": "0.15",
   "id": "dsh-composer-ux.input-experience",
   "name": "dsh-composer-ux",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "license": "MIT",
   "facets": {
     "host": {

package/lib/client.js

@@ -2715,12 +2715,24 @@ var import_react3 = require("react");
 
 // src/client/nav-fold-store.ts
 var import_react2 = require("react");
+
+// src/client/nav-fold-state.ts
 var NAV_FOLD_MODES = [
   { id: "off", label: "\u4E0D\u6298\u53E0" },
   { id: "bar", label: "\u6536\u6210\u4E00\u6761" },
   { id: "icons", label: "\u53EA\u7559\u56FE\u6807" }
 ];
 var DEFAULT_NAV_FOLD = { mode: "bar", collapsed: true, footerCollapsed: true };
+function sanitizeNavFold(value) {
+  const raw = value ?? {};
+  const mode = raw.mode === "off" || raw.mode === "icons" || raw.mode === "bar" ? raw.mode : DEFAULT_NAV_FOLD.mode;
+  return { mode, collapsed: true, footerCollapsed: true };
+}
+function persistableNavFold(patch) {
+  return patch.mode === void 0 ? {} : { mode: patch.mode };
+}
+
+// src/client/nav-fold-store.ts
 var state2 = DEFAULT_NAV_FOLD;
 var listeners = /* @__PURE__ */ new Set();
 function subscribeNavFold(listener) {
@@ -2735,15 +2747,6 @@ function setLocal(next) {
   state2 = merged;
   for (const listener of listeners) listener();
 }
-function sanitizeNavFold(value) {
-  const raw = value ?? {};
-  const mode = raw.mode === "off" || raw.mode === "icons" || raw.mode === "bar" ? raw.mode : DEFAULT_NAV_FOLD.mode;
-  return {
-    mode,
-    collapsed: typeof raw.collapsed === "boolean" ? raw.collapsed : DEFAULT_NAV_FOLD.collapsed,
-    footerCollapsed: typeof raw.footerCollapsed === "boolean" ? raw.footerCollapsed : DEFAULT_NAV_FOLD.footerCollapsed
-  };
-}
 async function loadNavFold() {
   try {
     const response = await fetch(NAV_FOLD_API_PATH, { headers: { accept: "application/json" } });
@@ -2755,11 +2758,13 @@ async function loadNavFold() {
 }
 async function saveNavFold(patch) {
   setLocal(patch);
+  const body = persistableNavFold(patch);
+  if (body.mode === void 0) return "";
   try {
     const response = await fetch(NAV_FOLD_API_PATH, {
       method: "POST",
       headers: { "content-type": "application/json" },
-      body: JSON.stringify(patch)
+      body: JSON.stringify(body)
     });
     if (!response.ok) return `\u4FDD\u5B58\u6298\u53E0\u72B6\u6001\u5931\u8D25\uFF1A\u5BBF\u4E3B\u8FD4\u56DE HTTP ${response.status}`;
     const payload = await response.json();
@@ -2940,7 +2945,8 @@ function applyNavFold(doc, state3, onToggle) {
 var FOOTER_FOLD_ATTR = "data-ux-footer-fold";
 var FOOTER_HEAD_ATTR = "data-ux-footer-fold-head";
 var FOOTER_FOLD_STYLE_ATTR = "data-ux-footer-fold-style";
-var FOOTER_HEAD_TEXT = "\u8D26\u53F7\u4E0E\u7528\u91CF";
+var FOOTER_HEAD_INLINE_ATTR = "data-ux-footer-inline";
+var FOOTER_HEAD_TEXT = "\u8D26\u53F7\u4E0E\u5176\u4ED6";
 var ACCOUNT_LABELS = ["\u8D26\u53F7\u83DC\u5355", "Account menu", "\u8D26\u6237\u83DC\u5355"];
 var FOOTER_FOLD_CSS = `
 [${FOOTER_FOLD_ATTR}='folded'] { display: none !important; }
@@ -2961,6 +2967,17 @@ var FOOTER_FOLD_CSS = `
   cursor: pointer;
 }
 [${FOOTER_HEAD_ATTR}]:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-secondary); }
+/* \u5C55\u5F00\u6001\uFF1A\u8D34\u5728\u8D26\u53F7\u90A3\u4E00\u884C\u7684\u53F3\u7AEF\uFF0C\u4E0D\u5360\u5E03\u5C40\u9AD8\u5EA6\uFF08\u7EDD\u5BF9\u5B9A\u4F4D\u5728\u8D26\u53F7\u5757\u91CC\uFF09\u3002 */
+[${FOOTER_HEAD_ATTR}][${FOOTER_HEAD_INLINE_ATTR}] {
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: auto;
+  max-width: 55%;
+  padding: 2px 6px;
+  z-index: 1;
+}
 [${FOOTER_HEAD_ATTR}]:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
 [${FOOTER_HEAD_ATTR}] > span[data-ux-footer-fold-chevron] { margin-left: auto; opacity: .7; }
 `;
@@ -2996,11 +3013,23 @@ function ensureHeader2(doc, footer, state3, onToggle) {
     head = doc.createElement("button");
     head.type = "button";
     head.setAttribute(FOOTER_HEAD_ATTR, "");
-    footer.parentElement?.insertBefore(head, footer);
+  }
+  const accountArea = footer.lastElementChild;
+  const inline = !state3.collapsed && accountArea !== null;
+  const parent = inline ? accountArea : footer.parentElement;
+  if (parent !== null && head.parentElement !== parent) {
+    if (inline) parent.appendChild(head);
+    else parent.insertBefore(head, footer);
+  }
+  if (inline && accountArea !== null) {
+    if (accountArea.style.position !== "relative") accountArea.style.position = "relative";
+    if (!head.hasAttribute(FOOTER_HEAD_INLINE_ATTR)) head.setAttribute(FOOTER_HEAD_INLINE_ATTR, "");
+  } else if (head.hasAttribute(FOOTER_HEAD_INLINE_ATTR)) {
+    head.removeAttribute(FOOTER_HEAD_INLINE_ATTR);
   }
   const open = !state3.collapsed;
   head.setAttribute("aria-expanded", open ? "true" : "false");
-  head.setAttribute("title", open ? "\u6536\u8D77\u8D26\u53F7\u4E0E\u7528\u91CF" : "\u5C55\u5F00\u8D26\u53F7\u4E0E\u7528\u91CF");
+  head.setAttribute("title", open ? "\u6536\u8D77\u8D26\u53F7\u4E0E\u5176\u4ED6" : "\u5C55\u5F00\u8D26\u53F7\u4E0E\u5176\u4ED6");
   head.textContent = "";
   const label = doc.createElement("span");
   label.textContent = FOOTER_HEAD_TEXT;
@@ -6993,38 +7022,18 @@ function SettingsSection({ useLive, useBook, useBookStatus, useWriteNotice, acti
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Row,
               {
-                title: "\u73B0\u5728\u6536\u8D77",
-                desc: navFold.mode === "off" ? "\u5F62\u6001\u662F\u300C\u4E0D\u6298\u53E0\u300D\uFF0C\u8FD9\u4E2A\u5F00\u5173\u4E0D\u8D77\u4F5C\u7528" : "\u8BB0\u4F4F\u8FD9\u4E2A\u72B6\u6001\uFF1A\u4E0B\u6B21\u6253\u5F00 DSH \u6CBF\u7528",
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  Switch,
-                  {
-                    small: true,
-                    label: "\u73B0\u5728\u6536\u8D77\u5168\u5C40\u9762\u677F",
-                    checked: navFold.collapsed,
-                    disabled: navFold.mode === "off",
-                    onChange: (next) => {
-                      void saveNavFold({ collapsed: next });
-                    }
-                  }
-                )
+                title: "\u6253\u5F00\u65F6",
+                desc: navFold.mode === "off" ? "\u5F62\u6001\u662F\u300C\u4E0D\u6298\u53E0\u300D\uFF0C\u8FD9\u91CC\u4E0D\u8D77\u4F5C\u7528" : "\u603B\u662F\u6536\u8D77\uFF08\u4E0D\u8BB0\u4F4F\u5C55\u5F00\uFF09\uFF1A\u70B9\u6298\u53E0\u6761\u53EF\u4E34\u65F6\u5C55\u5F00\uFF0C\u91CD\u5F00 DSH \u53C8\u56DE\u5230\u6536\u8D77",
+                first: false,
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 12, opacity: 0.75 }, children: navFold.collapsed ? "\u6536\u8D77\u4E2D" : "\u5DF2\u4E34\u65F6\u5C55\u5F00\uFF08\u4EC5\u672C\u6B21\uFF09" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Row,
               {
                 title: "\u5E95\u90E8\u533A",
-                desc: "\u8D26\u53F7\u884C\u4E0E\u63D2\u4EF6\u585E\u5728\u8FD9\u91CC\u7684\u5361\u7247\uFF08\u6BD4\u5982\u4ECA\u65E5\u6D88\u8017\u91D1\u989D\uFF09",
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  Switch,
-                  {
-                    small: true,
-                    label: "\u73B0\u5728\u6536\u8D77\u4FA7\u8FB9\u680F\u5E95\u90E8\u533A",
-                    checked: navFold.footerCollapsed,
-                    onChange: (next) => {
-                      void saveNavFold({ footerCollapsed: next });
-                    }
-                  }
-                )
+                desc: "\u8D26\u53F7\u884C\u4E0E\u63D2\u4EF6\u585E\u5728\u8FD9\u91CC\u7684\u5361\u7247\uFF08\u6BD4\u5982\u4ECA\u65E5\u6D88\u8017\u91D1\u989D\uFF09\uFF1B\u6253\u5F00\u65F6\u603B\u662F\u6536\u8D77\uFF0C\u70B9\u300C\u8D26\u53F7\u4E0E\u5176\u4ED6\u300D\u53EF\u4E34\u65F6\u5C55\u5F00",
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 12, opacity: 0.75 }, children: navFold.footerCollapsed ? "\u6536\u8D77\u4E2D" : "\u5DF2\u4E34\u65F6\u5C55\u5F00\uFF08\u4EC5\u672C\u6B21\uFF09" })
               }
             )
           ]