dsh-claude-style 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.2.3] - 2026-09-19
+
+### Fixed
+- 修复账户抽屉弹层打开期间镜像被持续改写导致 hover / 点击失效的问题：宿主在会话流式输出、用量统计刷新等场景下高频重渲染 footer 条目，弹层同步每帧重写镜像内容并在顺序变化时搬动节点——悬停状态的元素被替换/挪走后浏览器不再视为 :hover，点击落在 pointerdown 与 pointerup 之间的新节点上会被吞掉，唯一不受影响的是从不被同步触碰的设置按钮。现改为：弹层打开期间镜像 DOM 完全静止（侧栏侧的真实条目隐藏仍实时生效），打开前做最后一次同步刷新内容与顺序；点击目标在点击瞬间从实时 footer DOM 重解析兜底，宿主重渲染导致旧目标节点脱离文档时仍能命中正确控件。
+
 ## [0.2.2] - 2026-09-19
 
 ### Added

package/README.en.md

@@ -39,12 +39,13 @@ Install: double-click the `.ttf` on Windows → *Install*; on macOS import via *
 
 ## Install
 
-> Tested on dsh 0.1.5-rc.2 · not yet published to npm — install from GitHub
+> Tested on dsh 0.1.5-rc.2
 
 1. Install via terminal
 
 ```bash
-dsh plugin --profile web add Nwflower/dsh-claude-style   # GitHub source
+dsh plugin --profile web add dsh-claude-style                  # npm package (recommended)
+dsh plugin --profile web add Nwflower/dsh-claude-style         # GitHub source
 ```
 
 2. Install via [Plugin Marketplace](https://github.com/dsh-market/dsh-market)

package/README.md

@@ -39,12 +39,13 @@
 
 ## 安装
 
-> 已在 dsh 0.1.5-rc.2 上测试 · 暂未发布 npm —— 请从 GitHub 源安装
+> 已在 dsh 0.1.5-rc.2 上测试
 
 1. 通过终端安装
 
 ```bash
-dsh plugin --profile web add Nwflower/dsh-claude-style   # GitHub 源
+dsh plugin --profile web add dsh-claude-style                  # npm 包（推荐）
+dsh plugin --profile web add Nwflower/dsh-claude-style         # GitHub 源
 ```
 
 2. 通过[插件市场](https://github.com/dsh-market/dsh-market)安装

package/lib/client.js

@@ -2680,6 +2680,13 @@ window.__ModuleLoader__.load({
           clearTimeout(popoverTimer)
           popoverTimer = null
         }
+        // Mirrors are frozen while the popover is open (syncPopoverItems
+        // bails), so reconcile them here — before the reveal — to show fresh
+        // content/order and bind click targets for the upcoming interaction.
+        try {
+          var footArea = document.querySelector('[class*="footArea"]')
+          if (footArea) syncPopoverItems(footArea)
+        } catch (error) { /* opening must never fail because of a mirror sync */ }
         accountPopover.setAttribute('data-open', 'true')
         accountBtn.setAttribute('data-open', 'true')
         accountBtn.setAttribute('aria-expanded', 'true')
@@ -2766,6 +2773,15 @@ window.__ModuleLoader__.load({
         var footerActions = footArea.querySelector('[class*="footerActions"]')
         var footerEntries = syncFooterActionVisibility(footerActions)
 
+        // While the popover is open, its mirrors must stay completely static:
+        // a content rewrite, reorder, or embedded-clone replacement under the
+        // pointer cancels the browser's :hover state and can swallow the click
+        // between pointerdown and pointerup. Sync runs only while closed;
+        // openPopover runs one final pass right before the reveal — and the
+        // sidebar-side redirection above stays live, so a newly mounted entry
+        // keeps being hidden even with the popover open.
+        if (accountPopover && accountPopover.getAttribute('data-open') === 'true') return
+
         var existingActionItems = popoverBody.querySelectorAll('[data-action-index], [data-embed-index]')
         for (var ea = 0; ea < existingActionItems.length; ea++) {
           var staleIdx = parseInt(existingActionItems[ea].getAttribute('data-action-index') || existingActionItems[ea].getAttribute('data-embed-index'), 10)
@@ -2775,7 +2791,8 @@ window.__ModuleLoader__.load({
         }
 
         for (var f = 0; f < footerEntries.length; f++) {
-          (function (entry, idx) {
+          try {
+            (function (entry, idx) {
             var trigger = findFooterTrigger(entry)
             var hasContent = (entry.textContent || '').trim() !== '' ||
                              entry.querySelector('svg, img, canvas') !== null
@@ -2817,11 +2834,26 @@ window.__ModuleLoader__.load({
               item.addEventListener('click', function (e) {
                 e.stopPropagation()
                 closePopover()
-                // The activator is rebound on every sync pass
+                // The activator is rebound on every (closed-state) sync pass
                 // (`item.__dshActivator`), never captured at creation — the
                 // host re-sorts list slots by `order` on each render, so the
                 // entry behind an index changes over time.
                 var live = item.__dshActivator
+                if (!live || typeof live.click !== 'function') {
+                  // Safety net: re-resolve the current trigger for this index
+                  // from the live footer DOM. Covers the rare case where the
+                  // stored node was detached by a host re-render while the
+                  // popover was open.
+                  try {
+                    var fa = document.querySelector('[class*="footArea"]')
+                    var actions = fa ? fa.querySelector('[class*="footerActions"]') : null
+                    var liveEntries = actions ? footerEntriesOf(actions) : []
+                    var liveEntry = liveEntries[idx] || null
+                    live = liveEntry ? findFooterTrigger(liveEntry) : null
+                  } catch (error) {
+                    live = null
+                  }
+                }
                 if (live && typeof live.click === 'function') live.click()
               })
               popoverBody.insertBefore(item, settingsItem)
@@ -2841,7 +2873,12 @@ window.__ModuleLoader__.load({
             // Rebind the click target to the entry currently behind this
             // index. Done on every pass, for new and reused items alike.
             item.__dshActivator = activator
-          })(footerEntries[f], f)
+            })(footerEntries[f], f)
+          } catch (err) {
+            // A single broken entry must not abort the rest of the mirror
+            // sync (which would leave later items without a rebound
+            // activator or un-ordered).
+          }
         }
 
         // The host re-sorts list-slot outlets by `order` on every render

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-claude-style",
   "description": "Claude Code Desktop theme for DeepSeek Harness (dsh) web GUI — visual & interaction overhaul",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "main": "lib/index.js",
   "scripts": {