dsh-declutter 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-declutter",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "type": "module",
   "main": "src/index.js",
   "exports": {
@@ -44,11 +44,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/DDDMUC/dsh-sidebar-declutter.git"
+    "url": "https://github.com/DDDMUC/dsh-declutter.git"
   },
-  "homepage": "https://github.com/DDDMUC/dsh-sidebar-declutter#readme",
+  "homepage": "https://github.com/DDDMUC/dsh-declutter#readme",
   "bugs": {
-    "url": "https://github.com/DDDMUC/dsh-sidebar-declutter/issues"
+    "url": "https://github.com/DDDMUC/dsh-declutter/issues"
   },
   "description": "隐藏侧栏与会话菜单行，按 id 管理面板，可拖动排序。纯样式注入，卸载即还原。"
 }

package/src/client.js

@@ -36,37 +36,37 @@ window.__ModuleLoader__.load({
     const ENABLE_ROW_CONFIG = true
 
     /** Row-config key: `<bundle package>#<row id from the bundle patch>`. */
-    /** Sidebar entry that opens this plugin's settings page. */
-    const PANEL_ENTRY_LABEL = '隐藏与整理'
-    /** Panel id: the URL segment (#/panel/<id>) and the main slot key. */
-    const PANEL_ENTRY_ID = 'hide-rows'
-    /** The sidebar draws the row; this slot contributes the icon in front of it. */
-    function PanelEntry() {
-      return h(
-        'svg',
-        {
-          width: 16,
-          height: 16,
-          viewBox: '0 0 16 16',
-          fill: 'none',
-          'aria-hidden': 'true',
-        },
-        h('path', {
-          d: 'M1.8 8c1.6-2.5 3.8-3.9 6.2-3.9S12.6 5.5 14.2 8c-1.6 2.5-3.8 3.9-6.2 3.9S3.4 10.5 1.8 8Z',
-          stroke: 'currentColor',
-          strokeWidth: 1.3,
-          strokeLinejoin: 'round',
-        }),
-        h('circle', { cx: 8, cy: 8, r: 1.9, stroke: 'currentColor', strokeWidth: 1.3 }),
-        h('path', {
-          d: 'M3 13 13 3',
-          stroke: 'currentColor',
-          strokeWidth: 1.3,
-          strokeLinecap: 'round',
-        }),
-      )
-    }
-
+    /** Sidebar entry that opens this plugin's settings page. */
+    const PANEL_ENTRY_LABEL = '隐藏与整理'
+    /** Panel id: the URL segment (#/panel/<id>) and the main slot key. */
+    const PANEL_ENTRY_ID = 'hide-rows'
+    /** The sidebar draws the row; this slot contributes the icon in front of it. */
+    function PanelEntry() {
+      return h(
+        'svg',
+        {
+          width: 16,
+          height: 16,
+          viewBox: '0 0 16 16',
+          fill: 'none',
+          'aria-hidden': 'true',
+        },
+        h('path', {
+          d: 'M1.8 8c1.6-2.5 3.8-3.9 6.2-3.9S12.6 5.5 14.2 8c-1.6 2.5-3.8 3.9-6.2 3.9S3.4 10.5 1.8 8Z',
+          stroke: 'currentColor',
+          strokeWidth: 1.3,
+          strokeLinejoin: 'round',
+        }),
+        h('circle', { cx: 8, cy: 8, r: 1.9, stroke: 'currentColor', strokeWidth: 1.3 }),
+        h('path', {
+          d: 'M3 13 13 3',
+          stroke: 'currentColor',
+          strokeWidth: 1.3,
+          strokeLinecap: 'round',
+        }),
+      )
+    }
+
     const ROW_CONFIG_KEY = 'dsh-declutter#hide-rows'
     const STORE_KEY = 'dsh-sidebar-declutter'
     /** Key this bundle stored its settings under before the rename. */
@@ -83,11 +83,11 @@ window.__ModuleLoader__.load({
         kind: 'hide',
         title: '左栏',
         panels: true,
-        columns: 4,
+        columns: 4,
         fields: [
           { key: 'brand', title: '顶部 logo' },
           { key: 'newSession', title: '「新会话」按钮' },
-          { key: 'sidebarMore', title: '「更多」按钮' },
+          { key: 'sidebarMore', title: '「更多」按钮' },
           { key: 'topGap', title: '顶部空隙' },
         ],
       },
@@ -110,9 +110,9 @@ window.__ModuleLoader__.load({
             inline: true,
             options: [
               { value: 'stack', title: '一列' },
-              { value: 'two', title: '两列' },
+              { value: 'two', title: '两列' },
               { value: 'three', title: '三列' },
-              { value: 'wrap', title: '自动紧凑' },
+              { value: 'wrap', title: '自动紧凑' },
               { value: 'icon', title: '图标显示' },
             ],
           },
@@ -233,8 +233,20 @@ window.__ModuleLoader__.load({
       { key: '取消归档', accel: '', rule: /^(取消归档|Unarchive)/, aria: [] },
       { key: '置顶会话', accel: '', rule: /^(置顶会话|Pin)/, aria: [] },
       { key: '取消置顶', accel: '', rule: /^(取消置顶|Unpin)/, aria: [] },
+      // Also shipped by the product: menu.fork / menu.sessionId / menu.openIn
+      // in the shell's own locale. They used to fall through to discovery and
+      // were mislabelled as community rows.
+      { key: '分叉会话', accel: 'Alt+Meta+F', rule: /^(分叉会话|Fork)/, aria: ['Alt+Meta+F'] },
+      { key: '复制 Session ID', accel: '', rule: /^(复制 Session ID|Copy Session ID)/, aria: [] },
+      { key: '在应用中打开', accel: '', rule: /^(在应用中打开|Open in App)/, aria: [] },
     ]
 
+    /** Fold a stored/discovered label onto its official key when it matches. */
+    function canonicalMenuKey(key) {
+      const preset = MENU_PRESETS.find((one) => one.rule.test(key))
+      return preset === undefined ? key : preset.key
+    }
+
     /**
      * Rows that carry an accelerator can be hidden by CSS, before the menu is ever
      * painted — no timing to lose. Rows without one still go through the DOM sweep.
@@ -258,12 +270,17 @@ window.__ModuleLoader__.load({
         const parsed = JSON.parse(localStorage.getItem(MENU_STORE_KEY) || 'null')
         if (!parsed) return
         const hidden = Array.isArray(parsed.hidden)
-          ? parsed.hidden.filter((one) => typeof one === 'string')
+          ? [...new Set(parsed.hidden.filter((one) => typeof one === 'string').map(canonicalMenuKey))]
           : []
         // v1 recorded rows from every menu on the desktop — including the system
         // "open with" list — so its `seen` is thrown away, keeping the switches.
         const seen = parsed.version === MENU_STORE_VERSION && Array.isArray(parsed.seen)
-          ? parsed.seen.filter((one) => one && typeof one.key === 'string')
+          ? parsed.seen
+              .filter((one) => one && typeof one.key === 'string')
+              .reduce((list, one) => {
+                const key = canonicalMenuKey(one.key)
+                return list.some((entry) => entry.key === key) ? list : [...list, { ...one, key }]
+              }, [])
           : []
         menuState = { hidden, seen }
         if (parsed.version !== MENU_STORE_VERSION) writeMenuState()
@@ -346,7 +363,26 @@ window.__ModuleLoader__.load({
     let menuSweepQueued = false
 
     /** Coalesce a burst of mutations into one sweep, before the next paint. */
-    function menuQueueSweep() {
+    function menuQueueSweep(records) {
+      // The 400ms watch overlaps the chat stream. Only a mutation that actually
+      // mounted a menu node deserves a document-wide sweep; per-token text and
+      // message-row updates do not. The timed sweeps below still cover menus
+      // that mount without adding a role-bearing node.
+      if (records && records.length) {
+        let menuish = false
+        for (const rec of records) {
+          for (const node of rec.addedNodes || []) {
+            if (node.nodeType !== 1) continue
+            if (node.matches?.('[role="menu"],[role="menuitem"]') ||
+                node.querySelector?.('[role="menu"],[role="menuitem"]')) {
+              menuish = true
+              break
+            }
+          }
+          if (menuish) break
+        }
+        if (!menuish) return
+      }
       if (menuSweepQueued) return
       menuSweepQueued = true
       const run = () => {
@@ -382,6 +418,11 @@ window.__ModuleLoader__.load({
 
     /** Menus mount a frame or two after the click that opens them. */
     function menuScheduleSweep(fromSessionRow) {
+      // A click that cannot open a session menu and has no hidden rows to
+      // enforce makes menuSweep() a no-op: added stays false and every item
+      // hits the hidden guard. Skip the four document-wide scans, the 400ms
+      // watch and all timers -- this is the hot path on every ordinary click.
+      if (!fromSessionRow && !menuFromSessionRow && menuState.hidden.length === 0) return
       if (fromSessionRow) menuFromSessionRow = true
       menuSweep()
       menuWatchForMount()
@@ -433,56 +474,96 @@ window.__ModuleLoader__.load({
 
     function hiddenRules() {
       const rules = []
+      /**
+       * Platform split. The desktop shell marks <html data-platform>: darwin on
+       * macOS, win32 on Windows; a plain browser carries no marker at all (see
+       * the shell's own macDesktopWindow / dsh-power-menu-mac). Linux desktop is
+       * neither darwin nor a browser and stays on the generic branch. macOS is
+       * the only build with native traffic lights floating over the sidebar and
+       * no in-page title bar strip.
+       */
+      const isMacDesktop = () =>
+        typeof document !== 'undefined' &&
+        document.documentElement?.getAttribute('data-platform') === 'darwin'
       if (values.brand) {
-        // The logo row is a flex child of the column, so dropping it closes the
-        // gap. It holds the collapse toggle on Windows and Linux, though, and that
-        // toggle must survive: hide the whole row only where it has no toggle, and
-        // otherwise hide just the brand inside it. `data-sidebar-toggle` is the
-        // sidebar's own attribute, stabler than any CSS-module class name.
-        rules.push(
-          '[class*="_logoRow"]:not(:has([data-sidebar-toggle])){display:none!important}',
-          '[class*="_logoRow"]:has([data-sidebar-toggle]) [class*="_brand"]{display:none!important}',
-          // Where the row does hold the toggle, drop its height instead of the
-          // row: zero height, no padding, and the button keeps the same place,
-          // drawn on top of whatever now starts where the row used to be. Pure
-          // CSS — no probe, no timer, no forced layout.
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_logoRow"]:has([data-sidebar-toggle])'
-            + '{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important'
-            + ';align-items:flex-start!important;justify-content:flex-end!important}',
-          // Web only: a shell that draws a Windows title bar already pins this
-          // button up there (`[data-windows-titlebar] .toggle{position:fixed;
-          // left:12px}`), and this selector is more specific, so it has to stay
-          // out of that layout entirely. In the browser there is no title bar,
-          // and the button belongs in the gutter just right of the sidebar.
-          'html:not([data-windows-titlebar]) [class*="_root"]:not([class*="_collapsed"])'
-            + ' [class*="_logoRow"]:has([data-sidebar-toggle]) [class*="_toggle"]'
-            + '{position:fixed;top:6px;left:calc(var(--dsh-sidebar-width,280px) + 8px);z-index:30;border-radius:8px}',
-          // The collapsed rail keeps a normal row, or there is no way back out.
-          '[class*="_root"][class*="_collapsed"] [class*="_logoRow"]'
-            + '{height:28px!important;min-height:0!important;padding-block:0!important;align-items:center!important}',
-          // Newer builds put the collapse toggle in a 52px `topStrip` above the
-          // logo row, so hiding the row alone leaves that strip showing as a band
-          // of empty space. Drop it too: on Windows the toggle is fixed inside the
-          // title bar anyway, and the browser build re-parks it in the gutter.
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_topStrip"]'
-            + '{height:0!important;min-height:0!important;margin:0!important;padding:0!important'
-            + ';overflow:visible!important;border:0!important}',
-          'html:not([data-windows-titlebar]) [class*="_root"]:not([class*="_collapsed"])'
-            + ' [class*="_topStrip"] [class*="_toggle"]'
-            + '{position:fixed;top:6px;left:calc(var(--dsh-sidebar-width,280px) + 8px);z-index:30;border-radius:8px}',
-        )
+        if (isMacDesktop()) {
+          // macOS has native traffic lights and no in-page title bar: the
+          // _topStrip is the only thing keeping sidebar content below them.
+          // Collapse the _logoRow (that is the space we reclaim) but leave the
+          // strip alone -- dropping both, as the Windows/browser branch does,
+          // is what pulled "New session" into the traffic lights. No global
+          // padding fallback here: [class*="_root"] is reused by many shell
+          // components and padding every one of them tears the column apart.
+          rules.push(
+            '[class*="_logoRow"] [class*="_brand"]{display:none!important}',
+            '[class*="_topStrip"] [class*="_brand"]{display:none!important}',
+            '[class*="_root"]:not([class*="_collapsed"]) [class*="_logoRow"]:not(:has([data-sidebar-toggle]))'
+              + '{display:none!important}',
+            '[class*="_root"]:not([class*="_collapsed"]) [class*="_logoRow"]:has([data-sidebar-toggle])'
+              + '{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important}',
+          )
+        } else {
+          // The logo row is a flex child of the column, so dropping it closes the
+          // gap. It holds the collapse toggle on Windows and Linux, though, and that
+          // toggle must survive: hide the whole row only where it has no toggle, and
+          // otherwise hide just the brand inside it. `data-sidebar-toggle` is the
+          // sidebar's own attribute, stabler than any CSS-module class name.
+          rules.push(
+            '[class*="_logoRow"]:not(:has([data-sidebar-toggle])){display:none!important}',
+            '[class*="_logoRow"]:has([data-sidebar-toggle]) [class*="_brand"]{display:none!important}',
+            // Where the row does hold the toggle, drop its height instead of the
+            // row: zero height, no padding, and the button keeps the same place,
+            // drawn on top of whatever now starts where the row used to be. Pure
+            // CSS — no probe, no timer, no forced layout.
+            '[class*="_root"]:not([class*="_collapsed"]) [class*="_logoRow"]:has([data-sidebar-toggle])'
+              + '{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important'
+              + ';align-items:flex-start!important;justify-content:flex-end!important}',
+            // Never macOS: its native traffic lights sit over the sidebar, so
+            // the toggle must stay in the shell's own layout. Shells that draw
+            // a Windows title bar are excluded by the first guard; everything
+            // else keeps the gutter behaviour.
+            'html:not([data-windows-titlebar]):not([data-platform="darwin"]) [class*="_root"]:not([class*="_collapsed"])'
+              + ' [class*="_logoRow"]:has([data-sidebar-toggle]) [class*="_toggle"]'
+              + '{position:fixed;top:6px;left:calc(var(--dsh-sidebar-width,280px) + 8px);z-index:30;border-radius:8px}',
+            // The collapsed rail keeps a normal row, or there is no way back out.
+            '[class*="_root"][class*="_collapsed"] [class*="_logoRow"]'
+              + '{height:28px!important;min-height:0!important;padding-block:0!important;align-items:center!important}',
+            // Newer builds put the collapse toggle in a 52px `topStrip` above the
+            // logo row, so hiding the row alone leaves that strip showing as a band
+            // of empty space. Drop it too: on Windows the toggle is fixed inside the
+            // title bar anyway, and the browser build re-parks it in the gutter.
+            '[class*="_root"]:not([class*="_collapsed"]) [class*="_topStrip"]'
+              + '{height:0!important;min-height:0!important;margin:0!important;padding:0!important'
+              + ';overflow:visible!important;border:0!important}',
+            'html:not([data-windows-titlebar]):not([data-platform="darwin"]) [class*="_root"]:not([class*="_collapsed"])'
+              + ' [class*="_topStrip"] [class*="_toggle"]'
+              + '{position:fixed;top:6px;left:calc(var(--dsh-sidebar-width,280px) + 8px);z-index:30;border-radius:8px}',
+          )
+        }
+      }
+      // 顶部空隙: ONE checkbox on all three platforms, different behaviour.
+      // Windows / web keep the original three rules verbatim. On macOS the
+      // topStrip is 52px tall with a 28px toggle centred in it, so its lower
+      // part is empty: shrink it to 38px (reclaim 14px) and keep the toggle
+      // 11px from the top -- the same offset centring gave it -- so the button
+      // stays at exactly the same screen position while everything below moves
+      // up 14px. Zeroing _root padding is never done on macOS: that would
+      // shove the toggle into the native traffic lights.
+      if (values.topGap) {
+        if (isMacDesktop()) {
+          rules.push(
+            '[class*="_root"]:not([class*="_collapsed"]) [class*="_topStrip"]'
+              + '{height:38px!important;min-height:38px!important;align-items:flex-start!important'
+              + ';padding-top:11px!important;padding-bottom:0!important;box-sizing:border-box!important}',
+          )
+        } else {
+          rules.push(
+            '[class*="_root"]{padding-top:0!important}',
+            '[class*="_scrollRegion"]{margin-top:0!important}',
+            '[class*="_scrollArea"]{grid-template-rows:0 max-content 2px max-content!important}',
+          )
+        }
       }
-      // Tighten the 18px that the sidebar itself adds above the panel list:
-      // root padding (6), the scroll region's top margin (4) and the first grid
-      // row of the scroll area (8). The 40px above them belongs to the native
-      // window menu bar, so it is left alone.
-      if (values.topGap) {
-        rules.push(
-          '[class*="_root"]{padding-top:0!important}',
-          '[class*="_scrollRegion"]{margin-top:0!important}',
-          '[class*="_scrollArea"]{grid-template-rows:0 max-content 2px max-content!important}',
-        )
-      }
       if (values.newSession) {
         rules.push('button[class*="_newSession"]{display:none!important}')
       }
@@ -498,34 +579,34 @@ window.__ModuleLoader__.load({
             + '{display:grid!important;grid-template-columns:1fr 1fr;gap:2px}',
         )
       }
-      if (values.panelLayout === 'three') {
-        // Three fixed columns: same idea as the two-column grid, one more lane.
-        // Long labels keep the shipped ellipsis, and rows still line up.
-        rules.push(
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelList"]'
-            + '{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelEntry"]'
-            + '{width:auto!important;min-width:0!important;max-width:100%}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelRow"]'
-            + '{padding-left:6px!important;padding-right:6px!important}',
-        )
-      }
-      if (values.panelLayout === 'icon') {
-        // Icons only: the label is dropped, rows shrink to their glyph, and the
-        // list packs them side by side. The unpin control is hidden too, or it
-        // would show up as a second glyph per entry.
-        rules.push(
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelList"]'
-            + '{flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelEntry"]'
-            + '{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelTitle"]{display:none!important}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelRow"]'
-            + '{width:auto!important;min-width:0!important;padding-left:8px!important;'
-            + 'padding-right:8px!important;justify-content:center!important;gap:0!important}',
-          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelUnpin"]{display:none!important}',
-        )
-      }
+      if (values.panelLayout === 'three') {
+        // Three fixed columns: same idea as the two-column grid, one more lane.
+        // Long labels keep the shipped ellipsis, and rows still line up.
+        rules.push(
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelList"]'
+            + '{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelEntry"]'
+            + '{width:auto!important;min-width:0!important;max-width:100%}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelRow"]'
+            + '{padding-left:6px!important;padding-right:6px!important}',
+        )
+      }
+      if (values.panelLayout === 'icon') {
+        // Icons only: the label is dropped, rows shrink to their glyph, and the
+        // list packs them side by side. The unpin control is hidden too, or it
+        // would show up as a second glyph per entry.
+        rules.push(
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelList"]'
+            + '{flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelEntry"]'
+            + '{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelTitle"]{display:none!important}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelRow"]'
+            + '{width:auto!important;min-width:0!important;padding-left:8px!important;'
+            + 'padding-right:8px!important;justify-content:center!important;gap:0!important}',
+          '[class*="_root"]:not([class*="_collapsed"]) [class*="_panelUnpin"]{display:none!important}',
+        )
+      }
       if (values.panelLayout === 'wrap') {
         // Content-sized chips that wrap greedily, not fixed columns: two short
         // names (插件 / 鱼塘) pack three or four to a line while a long one
@@ -578,7 +659,7 @@ window.__ModuleLoader__.load({
         // The bulk layer only: every panel row plus the list's More launcher. The
         // individual switches and the checkbox list stay untouched.
         rules.push(
-          '[class*="_panelList"] [class*="_panelEntry"]{display:none!important}',
+          '[class*="_panelList"] [class*="_panelEntry"]{display:none!important}',
           '[class*="_panelList"] > button[aria-label]{display:none!important}',
           '[class*="_panelList"] [class*="_moreAnchor"]{display:none!important}',
           '[class*="_panelList"] button[aria-haspopup="menu"]{display:none!important}',
@@ -590,13 +671,13 @@ window.__ModuleLoader__.load({
         // Primary: the id stamped on the row, which keeps two same-named panels
         // apart. Fallback: the name, used only before the first stamping pass and
         // only when no other panel carries it.
-        // Newer builds wrap every row in a `_panelEntry` box; hiding only the
-        // button leaves that box occupying its grid cell, which is the empty slot
-        // seen when a two-column list loses one panel. Hide the box itself.
-        rules.push(
-          '[class*="_panelEntry"]:has(button[' + PANEL_ATTR + '="' + cssAttrValue(id) + '"])'
-            + '{display:none!important}',
-          'button[' + PANEL_ATTR + '="' + cssAttrValue(id) + '"]{display:none!important}',
+        // Newer builds wrap every row in a `_panelEntry` box; hiding only the
+        // button leaves that box occupying its grid cell, which is the empty slot
+        // seen when a two-column list loses one panel. Hide the box itself.
+        rules.push(
+          '[class*="_panelEntry"]:has(button[' + PANEL_ATTR + '="' + cssAttrValue(id) + '"])'
+            + '{display:none!important}',
+          'button[' + PANEL_ATTR + '="' + cssAttrValue(id) + '"]{display:none!important}',
         )
         const shared = panelEntries.some((one) => one.id !== id && one.label === entry.label)
         if (!shared) {
@@ -624,7 +705,7 @@ window.__ModuleLoader__.load({
       '.dhns-sectionHint{font-size:11px;line-height:1.4;color:var(--dsw-alias-label-tertiary)}',
       '.dhns-rows{display:flex;flex-direction:column;gap:8px}',
       '.dhns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}',
-      '.dhns-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}',
+      '.dhns-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}',
       '.dhns-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}',
       '.dhns-grid .dhns-row{padding:6px 8px;align-items:center;border-radius:6px}',
       '.dhns-grid .dhns-title{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}',
@@ -685,8 +766,8 @@ window.__ModuleLoader__.load({
       'border-radius:6px;border:1px solid var(--dsw-alias-border-secondary,rgba(128,128,128,.3));',
       'background:transparent;color:var(--dsw-alias-label-secondary)}',
       '.dhns-subheadBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}',
-      '.dhns-subheadBtn:disabled{opacity:.4;cursor:default}',
-      '.dhns-page{padding:24px 28px;max-width:820px}',
+      '.dhns-subheadBtn:disabled{opacity:.4;cursor:default}',
+      '.dhns-page{padding:24px 28px;max-width:820px}',
       '.dhns-pageTitle{margin:0 0 16px;font-size:16px;font-weight:600}',
     ].join('')
 
@@ -1120,29 +1201,26 @@ window.__ModuleLoader__.load({
      * row. `summary` is the one-liner the row shows when collapsed; `page` is the
      * form the row's configure control opens.
      */
-    /** The page #/panel/hide-rows renders: the same form as the plugin row card. */
-    function SettingsPage() {
-      return h(
-        'div',
-        { className: 'dhns-page' },
-        h('h2', { className: 'dhns-pageTitle' }, PANEL_ENTRY_LABEL),
-        h(SettingsCard, { view: 'full' }),
-      )
-    }
-
+    /** The page #/panel/hide-rows renders: the same form as the plugin row card. */
+    function SettingsPage() {
+      return h(
+        'div',
+        { className: 'dhns-page' },
+        h('h2', { className: 'dhns-pageTitle' }, PANEL_ENTRY_LABEL),
+        h(SettingsCard, { view: 'full' }),
+      )
+    }
+
     function SettingsCard(props) {
       const view = props?.view
       const [, forceRender] = React.useReducer((count) => count + 1, 0)
       const [dragId, setDragId] = React.useState(null)
       React.useEffect(() => subscribe(forceRender), [])
 
-      if (view === 'summary') {
-        // Only the hide section belongs in the one-liner; the layout switch is
-        // not something the row can meaningfully report as "hidden".
-        const on = FIELDS.filter((field) => field.kind === 'hide' && values[field.key] === true)
-          .map((field) => field.title)
-        return h('span', null, on.length === 0 ? '未隐藏任何项' : '已隐藏：' + on.join('、'))
-      }
+      // The host renders this card with view="summary" as the one-line
+      // description under the plugin row. Return nothing so no description
+      // is drawn at all; the full form is unchanged.
+      if (view === 'summary') return null
 
       const rowFor = (field) =>
         h(
@@ -1355,7 +1433,7 @@ window.__ModuleLoader__.load({
                 ),
           ),
           values.picked.length === 0
-            ? h('p', { className: 'dhns-hint', key: 'empty' }, '还没有点选任何元素。')
+            ? null
             : h(
                 'div',
                 { className: 'dhns-rows', key: 'list' },
@@ -1452,13 +1530,13 @@ window.__ModuleLoader__.load({
               : h(
                   'div',
                   {
-                    className: section.columns === 2
-                      ? 'dhns-grid dhns-grid-2'
-                      : section.columns === 3
-                        ? 'dhns-grid'
-                        : section.columns === 4
-                          ? 'dhns-grid dhns-grid-4'
-                          : 'dhns-rows',
+                    className: section.columns === 2
+                      ? 'dhns-grid dhns-grid-2'
+                      : section.columns === 3
+                        ? 'dhns-grid'
+                        : section.columns === 4
+                          ? 'dhns-grid dhns-grid-4'
+                          : 'dhns-rows',
                   },
                   section.fields.map(renderField),
                 ),
@@ -1556,31 +1634,31 @@ window.__ModuleLoader__.load({
           ),
         )
 
-        // Same two-slot pattern the shipped panels use: the sidebar row only
-        // carries the icon and label, and the main slot with the same key is the
-        // page the shell routes #/panel/<id> to. Without the second registration
-        // the click falls back to whatever panel was open before.
-        if (ctx.slots && typeof ctx.slots.inject === 'function') {
-          ctx.effect(() =>
-            ctx.slots.inject('sidebar.panellist', () =>
-              ctx.slots.register(
-                {
-                  name: 'sidebar.panellist',
-                  id: PANEL_ENTRY_ID,
-                  order: 20,
-                  label: () => PANEL_ENTRY_LABEL,
-                },
-                PanelEntry,
-              ),
-            ),
-          )
-          ctx.effect(() =>
-            ctx.slots.inject('main', () =>
-              ctx.slots.register({ name: 'main', key: PANEL_ENTRY_ID }, SettingsPage),
-            ),
-          )
-        }
-
+        // Same two-slot pattern the shipped panels use: the sidebar row only
+        // carries the icon and label, and the main slot with the same key is the
+        // page the shell routes #/panel/<id> to. Without the second registration
+        // the click falls back to whatever panel was open before.
+        if (ctx.slots && typeof ctx.slots.inject === 'function') {
+          ctx.effect(() =>
+            ctx.slots.inject('sidebar.panellist', () =>
+              ctx.slots.register(
+                {
+                  name: 'sidebar.panellist',
+                  id: PANEL_ENTRY_ID,
+                  order: 20,
+                  label: () => PANEL_ENTRY_LABEL,
+                },
+                PanelEntry,
+              ),
+            ),
+          )
+          ctx.effect(() =>
+            ctx.slots.inject('main', () =>
+              ctx.slots.register({ name: 'main', key: PANEL_ENTRY_ID }, SettingsPage),
+            ),
+          )
+        }
+
         if (ENABLE_ROW_CONFIG) {
           ctx.effect(() =>
             ctx.slots.inject('plugins.row.config', () =>