dsh-m 0.9.62 → 0.9.64

package/CHANGELOG.md

@@ -8,12 +8,26 @@ The full release history of dsh-m, maintained bilingually: **Chinese first, Engl
 
 ## 中文
 
+### 0.9.64 优化：设置页双清单并排重排 + 操作记录整体搬迁设置 tab
+
+- **设置页网格（mock 驱动终审）**：社区清单/精选清单两卡并排 **4:7**（社区卡只读五项 ~250px 足矣，宽度让给交互更多的精选卡）；全屏态「关于」升入三卡行（`4fr 7fr 3fr`，不封顶——对齐市场「加列不加宽」哲学，设置页恰有三个卡片单元可用）；视口 ≤760px 单列回落；关于卡常态通栏、操作记录恒通栏（`nth-child` 定位，与 `Section()` 签名解耦）。
+- **社区卡清爽列表**：标题行回归纯标题（去 `from` 前缀）；状态徽章降为绿/黄/红**小圆点**；行间发丝分隔线 + 数值右对齐等宽数字；「社区目录开关」入列表为末行（开关是目录属性，钉底反而脱离语境）；关态 = 提示行 + 开关行（重开入口不丢）。中途方案「统计带」（白盒大数字）经实评否决——卡片中的卡片是视觉噪音。
+- **精选卡减行**：说明行缩短（被删的「条目格式可参照下载的默认清单」与下载按钮 tooltip 重复，零信息损失）；配置地址长 URL 单行省略 + `title` 悬浮全文。
+- **操作记录搬迁（第二批）**：三 tab 共用的底部常驻区退役；`OperationsPanel` → `OperationsCard` 落位设置 tab 末位通宽卡——进行中组滚动区外常驻（进度不被滚走），已结束组进 220px 滚动区（展示上限 50 条防 DOM 无界，store/恢复校验不动），「清除已结束」钉底，空态 hint 卡常驻导览。
+- **可见性补偿**：底部消失后失败/带警告终态无人主动发现 → 设置 tab 红点（复用 outdated 红点样式，清除/移除后随 syncOps 自灭）；市场卡「进行中」徽章点击改道：切设置 tab + 滚动定位操作记录卡（文案「查看操作面板」→「查看操作记录」）。
+- **验证**：构建 verify 通过、typecheck 零错误、全量 1283 项测试连续 4 轮全绿（首轮 1 例与改动无关的瞬时 flake 未复现）；布局终稿经交互式 HTML mock 三宽度 × 三布局 × 多状态现场评审定稿（`docs/settings-layout-mock.html` 入库作设计记录）。
+
+### 0.9.63 修复：点在加载转圈上不再无动作——转圈显式接 onClick=onClose
+
+- **背景**：0.9.62 给灯箱加了走链转圈占位，但转圈是遮罩根的**子元素**，而 `backdropCloseHandlers`（0.9.27 防拖拽误关）只在 `mousedown` 与 `click` 都命中遮罩自身（`target === currentTarget`）时才关——点在 34px 转圈正中因此无动作。转圈显式接 `onClick: onClose`，与「点图即关」同语义：走链期间的任何一次点击都是有效的关闭逃生门。
+- **验证**：`client-lightbox.test.mjs` 转圈锚随签名更新（门控 + onClick 语义）；全量测试/typecheck 照常。
+
 ### 0.9.62 修复：灯箱控件浅色模式下不可见——影院遮罩自持 + 控件深色玻璃芯片 + 加载转圈/淡入
 
 - **根因（2026-10-09 用户浅/深双模式实拍）**：dsh-skins ADR-0007 浮层毛玻璃并集按 `[role="dialog"][aria-modal="true"]` 命中灯箱根（灯箱根带 dialog 语义），浅色模式下 86% 暖白 tint + blur14 把影院式黑遮罩改成了浅色毛玻璃；而 ‹›/✕ 沿用基础 `.dsvm-btn` 白色半透配方（`rgba(255,255,255,.14)` 底 + 白字白边），浅底上整体隐形。深色模式走皮肤 `rgb(18,18,26)` 分支尚可读，故「浅色看不清、深色还行」。无皮肤的原生形态（黑遮罩恒在）无症状——这正是它漏网到 0.9.61 的原因。
 - **双侧修复**：① dsh-m 侧（本版）：灯箱 `background` 加 `!important` 自持——「深色遮罩 + 浅色控件」是影院面的组件自有可读性不变量，不随颜色模式/皮肤翻转；marketplace 社区皮肤不可枚举，不变量必须组件自己兜底（`!important` 清单定长 4，回归门钉住，新增须显式登记）。② dsh-skins 侧：三皮肤 `[role="dialog"][aria-modal="true"]` 追加 `:not(.dsvm-lightbox)` 豁免（1.5.1，ADR-0007 amendment）——语义上「弹窗毛玻璃」本就不该染指图片影院。
 - **控件深色玻璃芯片**：‹›/✕ 从裸透明白改为与底部 pill 同族的深色芯片（slate-900 55% + 白描边 + blur8 + 投影）——深遮罩上靠描边/blur/投影出层次，浅遮罩上芯片本身就是对比面，任何颜色模式与皮肤下都可读；显式 `:hover` 提亮（特异性 0,3,0 压基础 `.dsvm-btn:hover` 0,2,0，免疫源顺序——评审 R1 同族教训）。
-- **加载指示与淡入（UX 补强）**：灯箱走链期间（weserv 慢速/8s 守卫换层/直连大图）此前是空黑黑洞，现转圈占位（`useImgChain` 暴露 `settled`；点转圈视为点遮罩可关——急躁关闭是合理逃生门）；图片 onLoad 后 160ms 淡入换场；`prefers-reduced-motion` 下停用淡入、转圈降速。
+- **加载指示与淡入（UX 补强）**：灯箱走链期间（weserv 慢速/8s 守卫换层/直连大图）此前是空黑黑洞，现转圈占位（`useImgChain` 暴露 `settled`）；图片 onLoad 后 160ms 淡入换场；`prefers-reduced-motion` 下停用淡入、转圈降速。已知小瑕疵：转圈是遮罩的子元素，`backdropCloseHandlers` 防拖拽误关只认根元素——点在 34px 转圈正中无动作（点周边遮罩可关），0.9.63 补 `onClick` 收口。
 - **验证**：1283 项测试全绿、typecheck 零错误；`client-lightbox.test.mjs` 新增 6 项结构锚（遮罩 `!important` 定长清单/芯片规则与显式 hover/转圈门控/淡入类名/settled 暴露/reduced-motion），0.9.60 批次既有锚（portal/复合选择器/拖拽带/焦点还原/序号 key）全数保持。
 
 ### 0.9.61 修复：大陆浏览器拉不到插件截图/图标——图片加载链 weserv 优先双兜底
@@ -461,12 +475,26 @@ The full release history of dsh-m, maintained bilingually: **Chinese first, Engl
 
 ## English
 
+### Changed in 0.9.64 — settings page: dual-catalog side-by-side layout + operations history moved into the settings tab
+
+- **Settings grid (mock-driven final review)**: the Community and Curated cards now sit side by side at **4:7** (the read-only community card needs ~250px; width goes to the more interactive registry card); in fullscreen the About card joins a three-card row (`4fr 7fr 3fr`, uncapped — the same "add columns, don't stretch units" philosophy as the market tab); below a 760px viewport it falls back to a single column; About spans full width in normal mode, the operations card is always full width.
+- **Community card, clean list**: the title row is a pure title again (`from` prefix dropped); the status badge becomes a small green/amber/red dot; hairline row separators + right-aligned tabular figures; the catalog toggle joins the list as its last row (the toggle is an attribute of the catalog — pinning it to the card bottom detached it from context); off state = hint line + toggle row (the re-entry control is preserved). The intermediate "stat band" design (boxed big numbers) was rejected in live review — cards inside a card are visual noise.
+- **Curated card trim**: the note line is shortened (the removed clause duplicated the download button tooltip — zero information loss); long configured URLs render as a single ellipsized line with the full value on hover.
+- **Operations history migration (batch 2)**: the bottom strip shared by all three tabs is retired; `OperationsPanel` becomes `OperationsCard` at the bottom of the settings tab — active rows stay outside the scroll area (progress never scrolls away), finished records live in a 220px scroll region (display cap 50 to bound the DOM; store/restore validation untouched), "Clear finished" is pinned below, and an empty-state hint card doubles as wayfinding.
+- **Visibility compensation**: with the bottom strip gone, failed/warned records would go unnoticed — the settings tab now shows a red dot (reuses the outdated-dot style; clears on remove/clear); the market card's "running" badge now switches to the settings tab and scrolls to the operations card (label 查看操作面板 → 查看操作记录).
+- **Verification**: build verify passes, typecheck clean, full 1283-test suite green in 4 consecutive runs (one transient unrelated flake in the first run did not reproduce); the final layout was settled via an interactive HTML mock across three widths × three layouts × multiple states (`docs/settings-layout-mock.html` committed as a design record).
+
+### Fixed in 0.9.63 — clicking dead-center on the loading spinner no longer no-ops: spinner gets an explicit onClick=onClose
+
+- **Background**: 0.9.62 added the chain-loading spinner, but the spinner is a **child** of the backdrop root, and `backdropCloseHandlers` (0.9.27 drag-misfire guard) closes only when both `mousedown` and `click` land on the backdrop itself (`target === currentTarget`) - so a click dead-center on the 34px spinner did nothing. The spinner now carries `onClick: onClose`, same semantics as click-image-to-close: during loading, any click is a valid escape hatch.
+- **Verification**: the spinner anchor in `client-lightbox.test.mjs` follows the new signature (gating + onClick semantics); full suite/typecheck as usual.
+
 ### Fixed in 0.9.62 — lightbox controls invisible in light color schemes: self-owned cinema backdrop + dark glass control chips + loading spinner/fade
 
 - **Root cause (user photos, both color schemes, 2026-10-09)**: the dsh-skins ADR-0007 overlay-frost union targets `[role="dialog"][aria-modal="true"]` - which matches the lightbox root (it carries dialog semantics). In light schemes the 86% warm-white tint + blur14 turned the cinema-black backdrop into light frosted glass, while ‹›/✕ reuse the base `.dsvm-btn` translucent-white recipe (`rgba(255,255,255,.14)` fill, white glyph/border) - invisible on a light surface. Dark schemes hit the skin's `rgb(18,18,26)` branch and stayed readable, hence "light mode unreadable, dark mode okay". Vanilla installs (backdrop always near-black) never showed it - which is how it slipped past 0.9.61.
 - **Two-sided fix**: ① dsh-m side (this release): the lightbox `background` is now `!important`-owned - "dark backdrop + light controls" is the component's own readability invariant for a cinema surface and must not flip with color schemes or skins; marketplace community skins are un-enumerable, so the component must defend itself (the `!important` inventory is pinned at a fixed length of 4 by the regression gate; additions must register explicitly). ② dsh-skins side: all three skins exempt `.dsvm-lightbox` via `:not(...)` (1.5.1, ADR-0007 amendment) - semantically a "dialog frost" never should have tinted an image theater.
 - **Dark glass control chips**: ‹›/✕ move from bare translucent white to a chip in the same family as the bottom pill (slate-900 55% + white border + blur8 + shadow) - on dark backdrops the border/blur/shadow provide edge definition, on light backdrops the chip itself is the contrast surface; readable under any scheme or skin. Explicit `:hover` brightening (specificity 0,3,0 beats base `.dsvm-btn:hover` 0,2,0 regardless of source order - the R1 family lesson).
-- **Loading indicator & fade (UX)**: while the image chain runs (slow weserv / 8s guard tier-swap / large direct original) the lightbox used to be a silent black void; it now shows a spinner (`useImgChain` exposes `settled`; clicking the spinner counts as a backdrop click - an impatient close is a legitimate escape hatch). The image fades in over 160ms on onLoad; under `prefers-reduced-motion` the fade is disabled and the spinner slows down.
+- **Loading indicator & fade (UX)**: while the image chain runs (slow weserv / 8s guard tier-swap / large direct original) the lightbox used to be a silent black void; it now shows a spinner (`useImgChain` exposes `settled`). The image fades in over 160ms on onLoad; under `prefers-reduced-motion` the fade is disabled and the spinner slows down. Known nit: the spinner is a child of the backdrop and `backdropCloseHandlers` only honors the root element (drag-misfire guard), so a click dead-center on the 34px spinner does nothing (the surrounding backdrop still closes) - `onClick` added in 0.9.63.
 - **Verification**: 1283 tests green, typecheck clean; `client-lightbox.test.mjs` gains 6 structural anchors (backdrop `!important` fixed-length inventory / chip rules with explicit hover / spinner gating / fade class / settled exposure / reduced-motion); all 0.9.60-era anchors (portal / compound selectors / titlebar offset / focus restore / index keys) retained.
 
 ### Fixed in 0.9.61 — screenshots/icons unreachable from mainland browsers: weserv-first dual-fallback image chain

package/lib/client.js

@@ -1705,7 +1705,7 @@ var ZH = {
   "op.superseded.note": "{target} \u5DF2\u8DF3\u8FC7\uFF08\u524D\u63D0\u5DF2\u4E0D\u6210\u7ACB\u6216\u5DF2\u624B\u52A8\u5904\u7406\uFF09",
   "op.cancelled": "\u7528\u6237\u653E\u5F03\u786E\u8BA4",
   "op.remove": "\u79FB\u9664\u8BB0\u5F55",
-  "op.panel.jump": "\u67E5\u770B\u64CD\u4F5C\u9762\u677F",
+  "op.panel.jump": "\u67E5\u770B\u64CD\u4F5C\u8BB0\u5F55",
   "op.kind.install": "\u5B89\u88C5",
   "op.kind.upgrade": "\u5347\u7EA7",
   "op.kind.uninstall": "\u5378\u8F7D",
@@ -1801,7 +1801,7 @@ var ZH = {
   "src.custom.unavailable": "\u81EA\u5B9A\u4E49\u6E90\uFF08\u4E0D\u53EF\u7528\uFF09",
   "settings.address": "Registry \u5730\u5740",
   "settings.address.default": "\u5185\u7F6E\u9ED8\u8BA4\u6E05\u5355",
-  "settings.note.custom": "\u81EA\u5B9A\u4E49\u6E90\u5C06\u6574\u4F53\u66FF\u6362\u300C\u7CBE\u9009\u6E05\u5355\u300D\uFF1B\u6761\u76EE\u683C\u5F0F\u53EF\u53C2\u7167\u4E0B\u8F7D\u7684\u9ED8\u8BA4\u6E05\u5355\u3002\u7559\u7A7A = \u4F7F\u7528\u5185\u7F6E\u9ED8\u8BA4\u6E05\u5355\u3002",
+  "settings.note.custom": "\u81EA\u5B9A\u4E49\u6E90\u5C06\u6574\u4F53\u66FF\u6362\u300C\u7CBE\u9009\u6E05\u5355\u300D\uFF1B\u7559\u7A7A = \u4F7F\u7528\u5185\u7F6E\u9ED8\u8BA4\u6E05\u5355\u3002",
   "settings.address.ph": "https://example.com/registry.json \u6216 /path/to/registry.json",
   "settings.configured": "\u914D\u7F6E\u5730\u5740",
   "settings.effective": "\u751F\u6548\u6765\u6E90",
@@ -1863,7 +1863,7 @@ var ZH = {
   "guard.noforce": "\u5B88\u536B\u62E6\u622A\u65E0\u300C\u4ECD\u8981\u5B89\u88C5\u300D\u901A\u9053\uFF0C\u8BF7\u6309\u4FEE\u590D\u4F9D\u636E\u4EBA\u5DE5\u5904\u7406",
   "detail.screenshots": "\u622A\u56FE",
   "installed.check.incomplete": "\u68C0\u67E5\u672A\u5B8C\u6210",
-  "settings.community": "\u793E\u533A\u6E05\u5355\uFF08from awesome-dsh-plugin\uFF09",
+  "settings.community": "\u793E\u533A\u6E05\u5355\uFF08awesome-dsh-plugin\uFF09",
   "settings.community.toggle": "\u793E\u533A\u76EE\u5F55\u5F00\u5173",
   "settings.community.off": "\u793E\u533A\u76EE\u5F55\u5DF2\u5173\u95ED\uFF1A\u5E02\u573A\u4EC5\u663E\u793A\u7CBE\u9009\u6E05\u5355\uFF0C\u91CD\u65B0\u5F00\u542F\u5373\u65F6\u751F\u6548\u3002",
   "settings.community.on.ok": "\u793E\u533A\u76EE\u5F55\u5DF2\u5F00\u542F\uFF08\u5373\u65F6\u751F\u6548\uFF09",
@@ -1877,6 +1877,11 @@ var ZH = {
   "settings.community.count.v": "{n}\uFF08\u4E0A\u6E38 {up}\uFF09",
   "settings.community.displaced": "\u4E0E\u7CBE\u9009\u91CD\u590D",
   "settings.community.displaced.v": "{n} \u6761",
+  "settings.ops": "\u64CD\u4F5C\u8BB0\u5F55",
+  "settings.ops.empty": "\u6682\u65E0\u64CD\u4F5C\u8BB0\u5F55\u3002\u5B89\u88C5\u3001\u5347\u7EA7\u3001\u5378\u8F7D\u4E0E\u5F00\u5173\u64CD\u4F5C\u7684\u6267\u884C\u5386\u53F2\u5C06\u5728\u8FD9\u91CC\u663E\u793A\u3002",
+  "settings.ops.group.active": "\u8FDB\u884C\u4E2D",
+  "settings.ops.group.done": "\u5DF2\u7ED3\u675F",
+  "settings.ops.reddot": "\u5B58\u5728\u5931\u8D25\u6216\u5E26\u8B66\u544A\u7684\u64CD\u4F5C\u8BB0\u5F55",
   "registry.refreshed": "\u6536\u5F55\u6E05\u5355\u5DF2\u5F3A\u5236\u5237\u65B0",
   "notify.installed": "\u5DF2\u5B89\u88C5 {pkg}{version}",
   "notify.allowbuilds": "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF0C\u5DF2\u6309\u7B56\u7565\u653E\u884C\uFF09",
@@ -1986,7 +1991,7 @@ var EN = {
   "op.superseded.note": "{target} skipped (precondition gone or already handled)",
   "op.cancelled": "user cancelled",
   "op.remove": "Dismiss",
-  "op.panel.jump": "Open operations panel",
+  "op.panel.jump": "Open operations card",
   "op.kind.install": "Install",
   "op.kind.upgrade": "Upgrade",
   "op.kind.uninstall": "Uninstall",
@@ -2082,7 +2087,7 @@ var EN = {
   "src.custom.unavailable": "Custom source (unavailable)",
   "settings.address": "Registry address",
   "settings.address.default": "Built-in default registry",
-  "settings.note.custom": "A custom source replaces the whole Curated registry; use the downloaded default registry as the format reference. Leave empty for the built-in default.",
+  "settings.note.custom": "A custom source replaces the whole Curated registry. Leave empty for the built-in default.",
   "settings.address.ph": "https://example.com/registry.json or /path/to/registry.json",
   "settings.configured": "Configured address",
   "settings.effective": "Effective source",
@@ -2144,7 +2149,7 @@ var EN = {
   "guard.noforce": "Guard blocks have no force channel \u2014 repair manually per the basis above",
   "detail.screenshots": "Screenshots",
   "installed.check.incomplete": "Check incomplete",
-  "settings.community": "Community catalog (from awesome-dsh-plugin)",
+  "settings.community": "Community catalog (awesome-dsh-plugin)",
   "settings.community.toggle": "Community catalog toggle",
   "settings.community.off": "Community catalog is off: the market shows only the Curated registry. Toggle back on anytime \u2014 it applies live.",
   "settings.community.on.ok": "Community catalog enabled (live)",
@@ -2158,6 +2163,11 @@ var EN = {
   "settings.community.count.v": "{n} (upstream {up})",
   "settings.community.displaced": "Displaced (duplicates)",
   "settings.community.displaced.v": "{n}",
+  "settings.ops": "Operations",
+  "settings.ops.empty": "No operations yet. Install, upgrade, uninstall and toggle history will appear here.",
+  "settings.ops.group.active": "Active",
+  "settings.ops.group.done": "Finished",
+  "settings.ops.reddot": "Failed or warned operations exist",
   "registry.refreshed": "Registry force-refreshed",
   "notify.installed": "Installed {pkg}{version}",
   "notify.allowbuilds": " (note: this plugin ran build scripts, allowed by policy)",
@@ -2403,7 +2413,11 @@ var CSS = `
 .dshm-card:hover{border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5)}
 .dsvm-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;border-radius:8px;padding:5px 14px;font:inherit;font-size:13px;cursor:pointer}
 .dsvm-btn:hover{background:rgba(255,255,255,.24)}
-.dsvm-ops{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px}
+.dsvm-ops-caption{font-size:11px;color:var(--dsw-alias-label-caption,#9ca3af);margin:2px 0 -3px}
+.dshm-ops-scroll{max-height:220px;overflow-y:auto;overscroll-behavior:contain}
+.dshm-ops-scroll::-webkit-scrollbar{width:8px}
+.dshm-ops-scroll::-webkit-scrollbar-thumb{background:rgba(127,127,127,.28);border-radius:4px}
+.dshm-ops-scroll::-webkit-scrollbar-thumb:hover{background:rgba(127,127,127,.45)}
 .dsvm-opgroup{display:flex;flex-direction:column;gap:3px}
 .dsvm-opgroup.done{opacity:.75}
 .dsvm-oprow{display:flex;align-items:center;gap:8px;min-height:22px}
@@ -2447,6 +2461,23 @@ button.dshm-badge:hover{filter:brightness(.95)}
 .dshm-row{display:flex;align-items:center;gap:8px}
 .dshm-kv{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;font-size:12px;align-items:baseline}
 .dshm-kv .k{color:var(--dsw-alias-label-caption,#6b7280);font-size:11px}
+.dshm-settings-grid{display:grid;gap:10px;grid-template-columns:4fr 7fr;min-width:0}
+.dshm-settings-grid>.dshm-section{margin:0;min-width:0}
+.dshm-settings-grid>.dshm-section:nth-child(3){grid-column:1/-1}
+.dshm-settings-grid>.dshm-ops-card{grid-column:1/-1}
+.dshm-panel.full .dshm-settings-grid{grid-template-columns:4fr 7fr 3fr}
+.dshm-panel.full .dshm-settings-grid>.dshm-section:nth-child(3){grid-column:auto}
+@media (max-width:760px){.dshm-settings-grid,.dshm-panel.full .dshm-settings-grid{grid-template-columns:minmax(0,1fr)}.dshm-settings-grid>.dshm-section:nth-child(3),.dshm-settings-grid>.dshm-ops-card{grid-column:1/-1}}
+.dshm-kvlines{display:flex;flex-direction:column}
+.dshm-kvline-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.14));min-width:0}
+.dshm-kvline-row:last-child{border-bottom:0}
+.dshm-kvline-row .rl{font-size:11px;color:var(--dsw-alias-label-caption,#6b7280);flex:none}
+.dshm-kvline-row .rv{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
+.dshm-kvline-row .dshm-switch{margin-left:0;align-self:center}
+.dshm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--dsw-alias-state-success-primary,#22c55e)}
+.dshm-dot.warn{background:var(--dsw-alias-state-warn-primary,#b45309)}
+.dshm-dot.err{background:var(--dsw-alias-state-error-primary,#b91c1c)}
+.dshm-code-1line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .dshm-section{background:var(--dsw-alias-bg-layer-2,rgba(38,49,72,.04));border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:9px;margin:0 0 10px}
 .dshm-section:last-child{margin-bottom:2px}
 .dshm-section-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12px;letter-spacing:.2px;color:var(--dsw-alias-label-primary,inherit)}
@@ -3170,8 +3201,10 @@ function Lightbox({ shots, index, onNav, onClose }) {
       h("button", { className: "dsvm-btn", onClick: chain.retry }, lookup("lb.retry")),
       h(ExtLink, { href: shots[index] }, lookup("lb.open"))
     ) : [
-      // 0.9.62 走链期间转圈占位（settled 即卸载；点它视为点遮罩可关——急躁关闭是合理逃生门）
-      !chain.settled && chain.src ? h("div", { className: "dsvm-lbspin", "aria-hidden": "true" }) : null,
+      // 0.9.62 走链期间转圈占位（settled 即卸载）；0.9.63 onClick=onClose——
+      // backdropCloseHandlers 仅 target===根 时关（防拖拽误关），转圈是子元素，
+      // 不补这条则点在 34px 转圈上无动作；急躁关闭是合理逃生门，与点图即关同语义。
+      !chain.settled && chain.src ? h("div", { className: "dsvm-lbspin", "aria-hidden": "true", onClick: onClose }) : null,
       h("img", { className: `dsvm-lbimg${chain.settled ? " dsvm-lbimg-on" : ""}`, src: chain.src, alt: "", onClick: onClose, referrerPolicy: "no-referrer", decoding: "async", onError: chain.onError, onLoad: chain.onLoad })
     ],
     h("button", { ref: closeRef, className: "dsvm-btn dsvm-lbclose", "aria-label": lookup("common.close"), title: lookup("common.close"), onClick: onClose }, h(XIcon)),
@@ -3377,7 +3410,7 @@ var ZONE_TABS = [
   { id: "primary", labelKey: "zone.primary" },
   { id: "favorites", labelKey: "zone.favorites" }
 ];
-function MarketTab({ notify, markets, onMutation, ops, favorites, profileKind }) {
+function MarketTab({ notify, markets, onMutation, ops, favorites, profileKind, onOpenOps }) {
   const [zone, setZone] = useState("community");
   const market = zone === "favorites" ? null : markets[zone];
   const { data, loading, error, reload, query, updateQuery } = market || {};
@@ -3667,10 +3700,7 @@ function MarketTab({ notify, markets, onMutation, ops, favorites, profileKind })
           title: lookup("op.panel.jump"),
           onClick: (e) => {
             e.stopPropagation();
-            if (typeof document !== "undefined") {
-              const el = document.querySelector(".dsvm-ops");
-              if (el && el.scrollIntoView) el.scrollIntoView({ block: "center", behavior: "smooth" });
-            }
+            if (typeof onOpenOps === "function") onOpenOps();
           }
         },
         lookup("op.status.running")
@@ -4043,7 +4073,7 @@ function regSourceLabel(data) {
 function configStatusLabel(status) {
   return lookup(`settings.status.${status || "loading"}` || "settings.status.loading");
 }
-function SettingsTab({ notify, onRegistryChanged, onForceMarket }) {
+function SettingsTab({ notify, onRegistryChanged, onForceMarket, opsRecords, onOpsClearFinished, onOpsRemove }) {
   const reg = useAsync((force) => api("registry", force ? { force: true } : {}), []);
   const cfgState = useAsync(() => api("registry-config"), []);
   const [busy, setBusy] = useState(false);
@@ -4133,47 +4163,61 @@ function SettingsTab({ notify, onRegistryChanged, onForceMarket }) {
   };
   const communityLive = communitySummary && (communitySummary.status === "ready" || communitySummary.status === "stale");
   const communityStatusBadge = !communityLive ? { cls: "err", label: lookup("settings.status.unavailable") } : communitySummary.status === "stale" ? { cls: "warn", label: lookup("settings.community.status.stale") } : { cls: "ok", label: lookup("settings.status.ready") };
-  return h(
+  const kvlineRow = (labelKey, valueNode) => h(
+    "div",
+    { className: "dshm-kvline-row" },
+    h("span", { className: "rl" }, lookup(labelKey)),
+    h("span", { className: "rv" }, valueNode)
+  );
+  const communitySwitch = h(
+    "label",
+    {
+      className: `dshm-switch${communityOn ? " on" : ""}${communityBusy || communityOn === null ? " locked" : ""}`,
+      title: lookup("settings.community.toggle")
+    },
+    h("input", {
+      type: "checkbox",
+      checked: communityOn === true,
+      disabled: communityBusy || communityOn === null,
+      onChange: (e) => applyCommunity(e.target.checked)
+    }),
+    h("span", { className: "dshm-switch-slider" })
+  );
+  const communitySwitchRow = h(
+    "div",
+    { className: "dshm-kvline-row" },
+    h("span", { className: "rl" }, lookup("settings.community.toggle")),
+    communitySwitch
+  );
+  const communityBody = communityOn === false ? h(
     React.Fragment,
     null,
-    // ① 社区清单（from awesome-dsh-plugin）：标题行右侧开关；开态紧凑 kv，关态单行说明
+    h("div", { className: "dshm-hint" }, lookup("settings.community.off")),
+    communitySwitchRow
+  ) : h(
+    "div",
+    { className: "dshm-kvlines" },
+    kvlineRow("settings.community.status", h(
+      "span",
+      null,
+      h("span", { className: `dshm-dot${communityStatusBadge.cls === "ok" ? "" : ` ${communityStatusBadge.cls}`}` }),
+      communityStatusBadge.label
+    )),
+    kvlineRow("settings.community.version", communityLive ? communitySummary.version || "\u2014" : "\u2014"),
+    kvlineRow("settings.community.route", communityLive ? communitySummary.route || "\u2014" : "\u2014"),
+    kvlineRow("settings.community.count", communityLive ? lookup("settings.community.count.v", { n: communitySummary.acceptedCount ?? 0, up: communitySummary.upstreamCount ?? "\u2014" }) : "\u2014"),
+    kvlineRow("settings.community.displaced", communityLive ? lookup("settings.community.displaced.v", { n: communitySummary.displaced ?? 0 }) : "\u2014"),
+    communitySwitchRow
+  );
+  return h(
+    "div",
+    { className: "dshm-settings-grid" },
+    // ① 社区清单（awesome-dsh-plugin）：左卡；清爽列表 + 发丝分隔线，开关为列表末行
     h(
       "div",
       { className: "dshm-section" },
-      h(
-        "div",
-        { className: "dshm-section-title" },
-        lookup("settings.community"),
-        h("span", { className: "dshm-spacer" }),
-        h(
-          "label",
-          {
-            className: `dshm-switch${communityOn ? " on" : ""}${communityBusy || communityOn === null ? " locked" : ""}`,
-            title: lookup("settings.community.toggle")
-          },
-          h("input", {
-            type: "checkbox",
-            checked: communityOn === true,
-            disabled: communityBusy || communityOn === null,
-            onChange: (e) => applyCommunity(e.target.checked)
-          }),
-          h("span", { className: "dshm-switch-slider" })
-        )
-      ),
-      communityOn === false ? h("div", { className: "dshm-hint" }, lookup("settings.community.off")) : h(
-        "div",
-        { className: "dshm-kv" },
-        h("span", { className: "k" }, lookup("settings.community.status")),
-        h("span", null, h("span", { className: `dshm-badge ${communityStatusBadge.cls}` }, communityStatusBadge.label)),
-        h("span", { className: "k" }, lookup("settings.community.version")),
-        h("span", null, communityLive ? communitySummary.version || "\u2014" : "\u2014"),
-        h("span", { className: "k" }, lookup("settings.community.route")),
-        h("span", null, communityLive ? communitySummary.route || "\u2014" : "\u2014"),
-        h("span", { className: "k" }, lookup("settings.community.count")),
-        h("span", null, communityLive ? lookup("settings.community.count.v", { n: communitySummary.acceptedCount ?? 0, up: communitySummary.upstreamCount ?? "\u2014" }) : "\u2014"),
-        h("span", { className: "k" }, lookup("settings.community.displaced")),
-        h("span", null, communityLive ? lookup("settings.community.displaced.v", { n: communitySummary.displaced ?? 0 }) : "\u2014")
-      ),
+      h("div", { className: "dshm-section-title" }, lookup("settings.community")),
+      communityBody,
       communitySummary && Array.isArray(communitySummary.errors) && communitySummary.errors.length && communityOn !== false ? h("div", { className: "dshm-err" }, communitySummary.errors.join("\uFF1B")) : null
     ),
     // ② 精选清单（registry.json）：自定义源整体替换主清单，仅影响市场「精选」区
@@ -4224,7 +4268,7 @@ function SettingsTab({ notify, onRegistryChanged, onForceMarket }) {
         "div",
         { className: "dshm-kv", style: { marginTop: "4px" } },
         h("span", { className: "k" }, lookup("settings.configured")),
-        h("span", null, snap.registryUrl ? h("span", { className: "dshm-code" }, snap.registryUrl) : h("span", { className: "dshm-hint" }, lookup("settings.address.default"))),
+        h("span", null, snap.registryUrl ? h("span", { className: "dshm-code dshm-code-1line", title: snap.registryUrl }, snap.registryUrl) : h("span", { className: "dshm-hint" }, lookup("settings.address.default"))),
         h("span", { className: "k" }, lookup("settings.effective")),
         h("span", null, regSourceLabel(state), state && !state.isDefault ? h("span", { className: "dshm-badge info", style: { marginLeft: "6px" } }, lookup("badge.custom")) : null),
         h("span", { className: "k" }, lookup("settings.updated")),
@@ -4249,7 +4293,9 @@ function SettingsTab({ notify, onRegistryChanged, onForceMarket }) {
         h("span", { className: "dshm-links-sep" }, "\xB7"),
         h(ExtLink, { href: "https://www.npmjs.com/package/dsh-m" }, lookup("settings.about.npm"))
       )
-    )
+    ),
+    // ④ 操作记录：恒通宽卡（第二批搬迁），进行中常驻 + 已结束滚动区，空态 hint 导览
+    h(OperationsCard, { records: opsRecords, onClearFinished: onOpsClearFinished, onRemove: onOpsRemove })
   );
 }
 function Section(title, sub, ...children) {
@@ -4419,10 +4465,9 @@ var OP_STATUS_CLS = {
   failed: "err",
   superseded: "sup"
 };
-function OperationsPanel({ records, onClearFinished, onRemove }) {
+function OperationsCard({ records, onClearFinished, onRemove }) {
   const active = records.filter((r) => r.status === "queued" || r.status === "running" || r.status === "input");
-  const finished = records.filter((r) => active.indexOf(r) < 0).slice(-6);
-  if (!active.length && !finished.length) return null;
+  const finished = records.filter((r) => active.indexOf(r) < 0).slice(-50);
   const clearable = records.some((r) => TERMINAL_CLEARABLE2.has(r.status));
   const row = (r) => h(
     "div",
@@ -4438,14 +4483,30 @@ function OperationsPanel({ records, onClearFinished, onRemove }) {
   );
   return h(
     "div",
-    { className: "dsvm-ops" },
+    { className: "dshm-section dshm-ops-card" },
+    h("div", { className: "dshm-section-title" }, lookup("settings.ops")),
+    active.length && finished.length ? h("div", { className: "dsvm-ops-caption" }, lookup("settings.ops.group.active")) : null,
     active.length ? h("div", { className: "dsvm-opgroup" }, ...active.map(row)) : null,
     finished.length ? h(
       "div",
-      { className: "dsvm-opgroup done" },
-      ...finished.map(row),
+      { className: "dsvm-ops-caption", style: { marginTop: active.length ? "7px" : "0" } },
+      lookup("settings.ops.group.done")
+    ) : null,
+    finished.length ? h(
+      "div",
+      { className: "dshm-ops-scroll" },
+      h(
+        "div",
+        { className: "dsvm-opgroup done" },
+        ...finished.map(row)
+      )
+    ) : null,
+    finished.length ? h(
+      "div",
+      { className: "dshm-actions" },
       h("button", { className: "dshm-btn sm", disabled: !clearable, title: clearable ? void 0 : lookup("op.clear.none"), onClick: onClearFinished }, lookup("op.clear"))
-    ) : null
+    ) : null,
+    !active.length && !finished.length ? h("div", { className: "dshm-hint" }, lookup("settings.ops.empty")) : null
   );
 }
 var TABS = [
@@ -4565,6 +4626,16 @@ function MarketPanel({ onClose }) {
   const updates = useAsync(() => api("installedUpdates"), []);
   const [opRecords, setOpRecords] = useState(() => opsStore.list().map((r) => ({ ...r })));
   const syncOps = useCallback(() => setOpRecords(opsStore.list().map((r) => ({ ...r }))), []);
+  const openOps = useCallback(() => {
+    setTab("settings");
+    if (typeof document !== "undefined") {
+      setTimeout(() => {
+        const el = document.querySelector(".dshm-ops-card");
+        if (el && el.scrollIntoView) el.scrollIntoView({ block: "center", behavior: "smooth" });
+      }, 60);
+    }
+  }, [setTab]);
+  const opsAttention = opRecords.some((r) => r.status === "failed" || r.status === "warned");
   const runOp = useCallback(
     (kind, target, exec, meta = {}, reuseId) => (
       // session:true = 活会话标记（终审·新伤1）：重挂载的 restore 跳过（泵仍拥有）；persist 时剥离。
@@ -4725,7 +4796,9 @@ function MarketPanel({ onClose }) {
               },
               lookup(labelKey),
               countKey && counts[countKey] != null ? h("span", { className: "dshm-count" }, String(counts[countKey])) : null,
-              key === "installed" && outdatedCount > 0 ? h("span", { className: "dsvm-reddot", title: lookup("installed.upgradeAll", { n: outdatedCount }) }) : null
+              key === "installed" && outdatedCount > 0 ? h("span", { className: "dsvm-reddot", title: lookup("installed.upgradeAll", { n: outdatedCount }) }) : null,
+              // 底部操作区搬迁补偿（第二批）：failed/warned 终态无人主动逛设置页，红点兜底可见性
+              key === "settings" && opsAttention ? h("span", { className: "dsvm-reddot", title: lookup("settings.ops.reddot") }) : null
             )
           )
         ),
@@ -4754,20 +4827,23 @@ function MarketPanel({ onClose }) {
       h(
         "div",
         { className: "dshm-body" },
-        tab === "market" ? h(MarketTab, { notify, markets, onMutation: refreshViews, ops, favorites, profileKind: profile?.kind ?? null }) : null,
+        tab === "market" ? h(MarketTab, { notify, markets, onMutation: refreshViews, ops, favorites, profileKind: profile?.kind ?? null, onOpenOps: openOps }) : null,
         tab === "installed" ? h(InstalledTab, { notify, installed, updates, onMutation: refreshViews, ops }) : null,
-        tab === "settings" ? h(SettingsTab, { notify, onRegistryChanged, onForceMarket: () => marketReloadAll(true) }) : null,
-        h(OperationsPanel, {
-          records: opRecords,
-          onClearFinished: () => {
+        tab === "settings" ? h(SettingsTab, {
+          notify,
+          onRegistryChanged,
+          onForceMarket: () => marketReloadAll(true),
+          opsRecords: opRecords,
+          onOpsClearFinished: () => {
             opsStore.clearFinished();
             syncOps();
           },
-          onRemove: (id) => {
+          onOpsRemove: (id) => {
             opsStore.remove(id);
             syncOps();
           }
-        })
+        }) : null
+        // 操作记录已整体搬迁至设置 tab 末位通宽卡（0.9.x 布局重构·第二批）：底部不再常驻
       ),
       toast ? h(
         "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-m",
-  "version": "0.9.62",
+  "version": "0.9.64",
   "description": "可自定义收录清单的 DSH 插件市场：收录、安装、卸载、升级一站完成，附 agent 工具与 dshm CLI。",
   "license": "MIT",
   "type": "module",