dsh-long-plugins 2.2.2 → 2.3.0

package/client/client.js

@@ -1961,7 +1961,9 @@ window.__ModuleLoader__.load({
 						if (!cancelled) setBalance(null);
 					}
 				};
-				load();
+				// 首次拉取延迟到浏览器空闲(减轻首屏网络风暴), 60s 轮询不变
+				const schedule = () => { try { if (window.requestIdleCallback) window.requestIdleCallback(() => load(), { timeout: 300 }); else setTimeout(load, 300) } catch (_) { load() } };
+				schedule();
 				const interval = setInterval(load, 60000);
 				return () => {
 					cancelled = true;
@@ -2003,7 +2005,9 @@ window.__ModuleLoader__.load({
 						if (!cancelled) setCost(null);
 					}
 				};
-				load();
+				// 首次拉取延迟到空闲(减轻首屏网络风暴), 60s 轮询不变
+				const schedule = () => { try { if (window.requestIdleCallback) window.requestIdleCallback(() => load(), { timeout: 300 }); else setTimeout(load, 300) } catch (_) { load() } };
+				schedule();
 				const interval = setInterval(load, 60000);
 				return () => {
 					cancelled = true;
@@ -3133,24 +3137,51 @@ window.__ModuleLoader__.load({
         color: #ffffff !important;
         text-shadow: 0 1px 1px rgba(0,0,0,.5);
       }
+      /* (移除 color/text-shadow 过渡: 会在收尾重渲染时短暂贴默认色导致"闪黑") */
       /* DSH 弹窗/浮层(提问/确认/重命名等)：给不透明底+主题文字, 杜绝透明与会话内容重叠 */
       html[data-dsh-glass="on"] [class*="Radix"] [class*="Content"],
       html[data-dsh-glass="on"] [class*="DialogContent"],
       html[data-dsh-glass="on"] [class*="ModalContent"],
       html[data-dsh-glass="on"] [class*="overlay"] [class*="content"],
       html[data-dsh-glass="on"] [class*="_content"][class*="dialog"] {
-        background-color: var(--dsw-specific-input-major, #e8edf3) !important;
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 76%, transparent) !important;
         color: var(--dsw-alias-label-primary) !important;
-        backdrop-filter: blur(8px) !important;
-        -webkit-backdrop-filter: blur(8px) !important;
+        backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
       }
-      /* DSH 提问/弹窗卡(M8wy4a_card 等)：不透明底+原生文字, 避免透明重叠、白字 */
-      html[data-dsh-glass="on"] [class*="M8wy4a_card"],
-      html[data-dsh-glass="on"] [data-chain-overlay-fallback] [class*="card"] {
-        background-color: var(--dsw-specific-input-major, #e8edf3) !important;
+      /* DSH 提问/弹窗卡(M8wy4a_card)：不透明底+原生文字, 避免透明重叠、白字。
+         注意: 不能再用 [data-chain-overlay-fallback] [class*=card](会误匹配输入框 uV2eYG_card 加 blur 造成重影) */
+      html[data-dsh-glass="on"] [class*="M8wy4a_card"] {
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 76%, transparent) !important;
+        color: var(--dsw-alias-label-primary) !important;
+        backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+      }
+      /* 任务/todo 面板(lXshSW_root, 在 conversation.input.dock 内)：不透明底+可读文字, 不透明与会话重叠 */
+      html[data-dsh-glass="on"] [class*="lXshSW_root"],
+      html[data-dsh-glass="on"] [class*="lXshSW_body"] {
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 76%, transparent) !important;
+        color: var(--dsw-alias-label-primary) !important;
+        backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+      }
+      html[data-dsh-glass="on"] [class*="lXshSW_header"] [class*="lXshSW_title"],
+      html[data-dsh-glass="on"] [class*="lXshSW_header"] [class*="lXshSW_progress"],
+      html[data-dsh-glass="on"] [class*="lXshSW_item"] {
+        color: var(--dsw-alias-label-primary) !important;
+      }
+      /* 排队消息/等待任务面板(_7yHdaG_dock/panel, 在 conversation.input.dock 内)：不透明/磨砂底+可读文字 */
+      html[data-dsh-glass="on"] [class*="_7yHdaG_panel"],
+      html[data-dsh-glass="on"] [class*="_7yHdaG_dock"] {
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 88%, transparent) !important;
+        color: var(--dsw-alias-label-primary) !important;
+        backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px)) !important;
+      }
+      html[data-dsh-glass="on"] [class*="_7yHdaG_header"],
+      html[data-dsh-glass="on"] [class*="_7yHdaG_preview"],
+      html[data-dsh-glass="on"] [class*="_7yHdaG_row"] {
         color: var(--dsw-alias-label-primary) !important;
-        backdrop-filter: blur(8px) !important;
-        -webkit-backdrop-filter: blur(8px) !important;
       }
       /* 轮次/历史提问预览：默认隐藏（点开才显示），并去掉头部底色，避免底部露出白条 */
       .dsh-turn-preview:not(.open){display:none !important;}
@@ -3206,23 +3237,32 @@ window.__ModuleLoader__.load({
       }
       /* 输入框下拉/悬浮菜单(如 / 命令、@ 提及)：背景给不透明随主题色，避免叠在会话磨砂卡上重叠看不清 */
       html[data-dsh-glass="on"] #root [class*="_menu"][class*="_menu"][class*="_menu"][class*="_menu"] {
-        background-color: var(--dsw-specific-input-major, #e8edf3) !important;
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 76%, transparent) !important;
         background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 97%, transparent) !important;
         backdrop-filter: none !important;
         -webkit-backdrop-filter: none !important;
       }
-      /* 输入框旁权限/功能选择下拉(盾牌 Full access 等 Radix 风格菜单)：与 / 命令菜单同样处理 */
-      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_root_"]:has([class*="_list_"]) {
+      /* 输入框旁权限/功能选择下拉(盾牌 Full access 等)：给不透明底+可读文字(高优先级, 压过 DSH 透明覆盖) */
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_root_"] [class*="_list_"],
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_root_"] [class*="_list_"] [class*="_viewport_"],
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_list_"] [class*="_viewport_"] [class*="_itemWrap_"] {
         background-color: var(--dsw-specific-input-major, #e8edf3) !important;
-        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 97%, transparent) !important;
         backdrop-filter: none !important;
         -webkit-backdrop-filter: none !important;
       }
-      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_list_"] {
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_item_"],
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] [class*="_itemLabel_"] {
+        color: var(--dsw-alias-label-primary) !important;
+      }
+      /* 兜底: Radix 风格菜单/下拉(可能被渲染到 body 顶层) */
+      html[data-dsh-glass="on"] [class*="Radix"] [class*="Menu"],
+      html[data-dsh-glass="on"] [class*="radix-menu"],
+      html[data-dsh-glass="on"] [class*="menuitem"],
+      html[data-dsh-glass="on"] [role="menu"] {
         background-color: var(--dsw-specific-input-major, #e8edf3) !important;
-        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 97%, transparent) !important;
         backdrop-filter: none !important;
         -webkit-backdrop-filter: none !important;
+        color: var(--dsw-alias-label-primary) !important;
       }
       /* 玻璃开启 + 浅色系统主题：加深弱化标签/元信息文字，避免浅灰字叠在浅磨砂卡上看不清 */
       @media (prefers-color-scheme: light) {
@@ -3307,14 +3347,16 @@ window.__ModuleLoader__.load({
       )
     }
     const GlassSettingsSection = () => {
-      const [state, setState] = React.useState({ loading: true, saving: false, error: '', cfg: null, bgImage: '' })
+      const [state, setState] = React.useState({ loading: true, saving: false, error: '', cfg: null, bgImage: '', bgList: [] })
       const load = React.useCallback(async () => {
         setState((s) => ({ ...s, loading: true, error: '' }))
         try {
           const r = await fetch('/api/dsh-uploads/glass-config', { cache: 'no-store' })
           const b = await r.json()
           if (!r.ok) throw new Error(b.error || ('HTTP ' + r.status))
-          setState((s) => ({ ...s, loading: false, cfg: b.cfg, bgImage: b.bgImage || '' }))
+          let list = []
+          try { const rb = await fetch('/api/dsh-uploads/glass-backgrounds', { cache: 'no-store' }); const jb = await rb.json(); list = jb.list || [] } catch (_) {}
+          setState((s) => ({ ...s, loading: false, cfg: b.cfg, bgImage: b.bgImageUrl || '', bgList: list }))
         } catch (e) { setState((s) => ({ ...s, loading: false, error: glassText(e) })) }
       }, [])
       React.useEffect(() => { load(); }, [load])
@@ -3337,9 +3379,16 @@ window.__ModuleLoader__.load({
         try {
           const cfg = state.cfg || {}
           const num = (v, fb) => ((typeof v === 'number' && Number.isFinite(v) && v >= 0) ? v : fb)
+          // 背景图: 仅当用户上传了新图(data-URI)才传; 未改(URL)省略以保持引用; 清空传 '' 清除
+          const sBg = state.bgImage
+          let bgImageOut
+          if (sBg === '') bgImageOut = ''
+          else if (typeof sBg === 'string' && sBg.startsWith('data:image/')) bgImageOut = sBg
+          else bgImageOut = undefined
           const payload = {
             enabled: !!cfg.enabled, blur: num(cfg.blur, 0),
-            bgImage: state.bgImage || cfg.bgImage || '', bgMask: num(cfg.bgMask, 0.28), bgColor: cfg.bgColor || '#1a2332', bgBlur: num(cfg.bgBlur, 0), bgOpacity: num(cfg.bgOpacity, 1),
+            bgMask: num(cfg.bgMask, 0.28), bgColor: cfg.bgColor || '#1a2332', bgBlur: num(cfg.bgBlur, 0), bgOpacity: num(cfg.bgOpacity, 1),
+            ...(bgImageOut !== undefined ? { bgImage: bgImageOut } : {}),
             bgTint: {
               light: { color: (cfg.bgTint?.light?.color) || '#1a2332', mask: num(cfg.bgTint?.light?.mask, 0.28) },
               dark: { color: (cfg.bgTint?.dark?.color) || '#1a2332', mask: num(cfg.bgTint?.dark?.mask, 0.28) },
@@ -3356,8 +3405,9 @@ window.__ModuleLoader__.load({
           const r = await fetch('/api/dsh-uploads/glass-config', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(payload) })
           const b = await r.json()
           if (!r.ok) throw new Error(b.error || ('HTTP ' + r.status))
-          window.__dshGlassApply && window.__dshGlassApply(payload)
-          setState((s) => ({ ...s, saving: false, cfg: { ...(s.cfg || {}), ...payload }, bgImage: payload.bgImage, error: '' }))
+          const applyBg = (payload.bgImage && payload.bgImage.startsWith('data:')) ? payload.bgImage : ((state.bgImage && state.bgImage.startsWith('/')) ? state.bgImage : '')
+          window.__dshGlassApply && window.__dshGlassApply({ ...payload, bgImage: applyBg })
+          setState((s) => ({ ...s, saving: false, cfg: { ...(s.cfg || {}), ...payload }, bgImage: applyBg, error: '' }))
         } catch (e) { setState((s) => ({ ...s, saving: false, error: glassText(e) })) }
       }, [state])
       const cfg = state.cfg || {}
@@ -3370,13 +3420,12 @@ window.__ModuleLoader__.load({
         state.error ? React.createElement('div', { className: 'dsh-glass-error' }, state.error) : null,
         React.createElement('div', { className: 'dsh-glass-card' },
           React.createElement('div', { className: 'dsh-glass-row' },
-            React.createElement('label', null, '磨砂模糊强度'),
-            React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 80, value: cfg.blur ?? 20, onChange: (e) => patch({ blur: Number(e.target.value) }) }),
-            React.createElement('span', { className: 'dsh-glass-val' }, `${Number(cfg.blur ?? 20)} px`),
-          ),
-          React.createElement('div', { className: 'dsh-glass-row' },
-            React.createElement('label', null, '共用背景图'),
+            React.createElement('label', null, '背景图'),
             React.createElement('div', { className: 'dsh-glass-bg' }, glassImageInput(state.bgImage, (v) => setState((s) => ({ ...s, bgImage: v })))),
+            state.bgList && state.bgList.length ? React.createElement('select', { className: 'dsh-glass-file', value: '', style: { marginLeft: 8 }, onChange: async (e) => {
+              const name = e.target.value; if (!name) return
+              try { const rb = await fetch('/api/dsh-uploads/glass-backgrounds?name=' + encodeURIComponent(name), { cache: 'no-store' }); const uri = await rb.text(); if (uri && uri.startsWith('data:image/')) setState((s) => ({ ...s, bgImage: uri })) } catch (_) {}
+            } }, React.createElement('option', { value: '' }, '选择旧图…'), state.bgList.map((n, i) => React.createElement('option', { key: n, value: n }, '背景图 ' + (i + 1))) ) : null,
           ),
           React.createElement('div', { className: 'dsh-glass-card' },
             React.createElement('div', { className: 'dsh-glass-zone-title' }, '背景罩'),
@@ -3403,9 +3452,18 @@ window.__ModuleLoader__.load({
             React.createElement('span', { className: 'dsh-glass-val' }, `${Number(cfg.bgBlur ?? 0)} px`),
           ),
           React.createElement('div', { className: 'dsh-glass-row' },
-            React.createElement('label', null, '背景图透明度'),
-            React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 1, step: 0.01, value: cfg.bgOpacity ?? 1, onChange: (e) => patch({ bgOpacity: Number(e.target.value) }) }),
-            React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((Number(cfg.bgOpacity ?? 1)) * 100)}%`),
+            React.createElement('label', null, '背景透明度'),
+            React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 100, value: Math.round((1 - (Number(cfg.bgOpacity ?? 1))) * 100), onChange: (e) => patch({ bgOpacity: 1 - Number(e.target.value) / 100 }) }),
+            React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((1 - (Number(cfg.bgOpacity ?? 1))) * 100)}%`),
+          ),
+          React.createElement('div', { className: 'dsh-glass-card' },
+            React.createElement('div', { className: 'dsh-glass-zone-title' }, '面板'),
+            React.createElement('div', { className: 'dsh-glass-row' },
+              React.createElement('label', null, '面板磨砂'),
+              React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 80, value: cfg.blur ?? 20, onChange: (e) => patch({ blur: Number(e.target.value) }) }),
+              React.createElement('span', { className: 'dsh-glass-val' }, `${Number(cfg.blur ?? 20)} px`),
+            ),
+            React.createElement('p', { className: 'dsh-glass-note' }, '作用于弹窗/任务卡等面板的磨砂玻璃强度（0 = 关闭磨砂）。'),
           ),
           React.createElement('div', { className: 'dsh-glass-card' },
             React.createElement('div', { className: 'dsh-glass-zone-title' }, '输入框'),
@@ -3419,13 +3477,13 @@ window.__ModuleLoader__.load({
                   React.createElement('button', { type: 'button', style: { marginLeft: 8, fontSize: 12 }, onClick: () => patchInput(t, { color: '', opacity: 1 }) }, '原生'),
                 ),
                 React.createElement('div', { className: 'dsh-glass-row' },
-                  React.createElement('label', null, '不透明度'),
-                  React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 1, step: 0.01, value: (typeof tb.opacity === 'number') ? tb.opacity : 1, onChange: (e) => patchInput(t, { opacity: Number(e.target.value) }) }),
-                  React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((typeof tb.opacity === 'number' ? tb.opacity : 1) * 100)}%`),
+                  React.createElement('label', null, '透明度'),
+                  React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 100, value: Math.round((1 - (typeof tb.opacity === 'number' ? tb.opacity : 1)) * 100), onChange: (e) => patchInput(t, { opacity: 1 - Number(e.target.value) / 100 }) }),
+                  React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((1 - (typeof tb.opacity === 'number' ? tb.opacity : 1)) * 100)}%`),
                 ),
               )
             }),
-            React.createElement('p', { className: 'dsh-glass-note' }, '浅色主题与深色主题可分别设置。100% = 实底不透明，越低越透出背景图；"原生" = 跟随该主题的 DSH 原生色。文字颜色按背景亮度自动配深/浅，保证可读。'),
+            React.createElement('p', { className: 'dsh-glass-note' }, '浅色主题与深色主题可分别设置。0% = 全不透明，100% = 全透明；"原生" = 跟随该主题的 DSH 原生色。文字颜色按背景亮度自动配深/浅，保证可读。'),
           ),
           React.createElement('p', { className: 'dsh-glass-note' }, '提示：背景图铺满整页(可加背景图罩)；背景图模糊/透明度单独可调；会话区使用自己的罩色、罩强度与透明度；左栏/顶部透出背景图；输入框颜色/不透明度可单独设置。'),
           React.createElement('div', { className: 'dsh-glass-actions' },
@@ -3563,18 +3621,15 @@ window.__ModuleLoader__.load({
                 if (isInSkip(root)) return
                 root.querySelectorAll('div,span,button,a,label,p,li,h1,h2,h3,h4').forEach((el) => {
                   if (isInSkip(el)) return
-                  const tag = el.tagName
-                  const hasText = el.textContent && el.textContent.trim()
-                  if (!hasText) return
+                  if (el.dataset && el.dataset.dshgl) return  // 已处理过, 跳过
                   const ownText = Array.from(el.childNodes).some((n) => n.nodeType === 3 && n.textContent.trim())
-                  const textLike = /^(BUTTON|A|SPAN|LABEL|LI|P|H1|H2|H3|H4)$/.test(tag)
+                  const textLike = /^(BUTTON|A|SPAN|LABEL|LI|P|H1|H2|H3|H4)$/.test(el.tagName)
                   if (!textLike && !ownText) return
-                  // 跳过有盒子背景的元素(badge/徽章/药丸等, 如 deepseek 的 HARNESS 徽章)：
-                  // 这类文字颜色应随其盒子背景走主题, 不强制白字(否则白底徽章+白字不可见)
-                  const bgbg = getComputedStyle(el).backgroundColor
-                  if (bgbg && bgbg !== 'rgba(0, 0, 0, 0)' && bgbg !== 'transparent') return
+                  // 跳过有盒子背景的元素(用类名判断, 不再 getComputedStyle 以免每元素强制样式重算导致卡顿)
+                  if (/bubble|badge|chip|tag|pill|code-block|md-code|n_block|n_banner|n_plain|button/i.test(el.className)) return
                   el.style.setProperty('color', '#ffffff', 'important')
                   el.style.setProperty('text-shadow', '0 1px 1px rgba(0,0,0,.5)')
+                  if (el.dataset) el.dataset.dshgl = '1'
                 })
                 // 图标也变白(随 currentColor)，用于工作区文件夹等单色图标；保留显式品牌色
                 root.querySelectorAll('svg, [class*="icon"], [class*="Icon"]').forEach((el) => {
@@ -3599,15 +3654,14 @@ window.__ModuleLoader__.load({
               if (!scroll) return
               scroll.querySelectorAll('div,span,p,li,pre,code,button,a,label,h1,h2,h3,h4').forEach((el) => {
                 if (isInSkip(el)) return
-                const hasText = el.textContent && el.textContent.trim()
-                if (!hasText) return
+                if (el.dataset && el.dataset.dshgl) return  // 已处理过, 跳过(只处理新内容)
                 const ownText = Array.from(el.childNodes).some((n) => n.nodeType === 3 && n.textContent.trim())
                 const textLike = /^(BUTTON|A|SPAN|LABEL|LI|P|H1|H2|H3|H4|PRE|CODE)$/.test(el.tagName)
                 if (!textLike && !ownText) return
-                const bgbg = getComputedStyle(el).backgroundColor
-                if (bgbg && bgbg !== 'rgba(0, 0, 0, 0)' && bgbg !== 'transparent') return
+                if (/bubble|badge|chip|tag|pill|code-block|md-code|n_block|n_banner|n_plain/i.test(el.className)) return
                 el.style.setProperty('color', '#ffffff', 'important')
                 el.style.setProperty('text-shadow', '0 1px 1px rgba(0,0,0,.5)')
+                if (el.dataset) el.dataset.dshgl = '1'
               })
               // 在白字底上, 给过程内容配色区分, Error 用红色。
               // 文字常在标签的子元素里(白字已把它设白), 故连同文本子元素一起上色。
@@ -3695,13 +3749,16 @@ window.__ModuleLoader__.load({
               const fg = dark ? '#f2f6fa' : '#1a2332'
               // 只匹配提问/弹窗卡(M8wy4a_card)，避免误匹配输入框 uV2eYG_card(含"card")导致 blur 重影
               document.querySelectorAll('[class*="M8wy4a_card"]').forEach((el) => {
-                el.style.setProperty('background-color', bg, 'important')
+                const rgb = bg
+                el.style.setProperty('background-color', `color-mix(in srgb, ${rgb} 76%, transparent)`, 'important')
                 el.style.setProperty('color', fg, 'important')
-                el.style.setProperty('backdrop-filter', 'blur(8px)')
+                el.style.setProperty('backdrop-filter', 'blur(var(--dsh-glass-blur, 20px))')
               })
             }
             // 主题相关的东西统一重算：背景罩 + 输入框。切主题时由 observer/mq 触发。
             // 写入前先断开观察器，写完再重连，避免自触发造成死循环。
+            // 把非关键的"内容配色/白字"延迟到浏览器空闲时执行, 让页面先渲染出来(优化刷新加载时间)
+            const defer = (fn) => { try { if (window.requestIdleCallback) window.requestIdleCallback(fn, { timeout: 120 }); else setTimeout(fn, 0) } catch (_) { fn() } }
             const applyTheme = () => {
               const obs = window.__dshGlassStyleObs
               if (obs) obs.disconnect()
@@ -3712,9 +3769,7 @@ window.__ModuleLoader__.load({
                 const v = `rgba(${hexToRgb(bt.color)},${bt.mask})`
                 root.style.setProperty('--dsh-glass-bg-zone', v)
                 applyInputCard()
-                applyChromeText()
-                applySessionText()
-                fixDialogs()
+                defer(() => { applyChromeText(); applySessionText(); fixDialogs() })
               } finally {
                 if (obs) obs.observe(document.documentElement, { attributes: true, attributeFilter: ['style', 'class'] })
               }
@@ -3733,6 +3788,8 @@ window.__ModuleLoader__.load({
               bgimg.style.backgroundSize = 'cover'
               bgimg.style.backgroundPosition = 'center'
               bgimg.style.backgroundRepeat = 'no-repeat'
+              // 背景图模糊 = 背景图模糊(bgBlur) + 磨砂模糊强度(blur)，两者叠加让背景图一起磨砂
+              // 背景图模糊 = 仅背景图模糊(bgBlur)；面板磨砂(blur)作用于弹窗/任务面板的 backdrop-filter
               const bblur = Math.max(0, Math.min(80, Number.isFinite(Number(c.bgBlur)) ? Number(c.bgBlur) : 0))
               bgimg.style.filter = bblur > 0 ? `blur(${bblur}px)` : 'none'
               const bop = Math.max(0, Math.min(1, Number.isFinite(Number(c.bgOpacity)) ? Number(c.bgOpacity) : 1))
@@ -3752,7 +3809,7 @@ window.__ModuleLoader__.load({
             // 侧边栏/顶栏 DOM 变化(会话列表更新等)时重算左栏/顶栏文字，防抖 120ms
             let chromeTimer = null
             const chromeRoots = [...document.querySelectorAll('#root [class*="sidebarCol"],#root [class*="wSkVaW_header"]')]
-            const chromeObs = new MutationObserver(() => { if (chromeTimer) clearTimeout(chromeTimer); chromeTimer = setTimeout(applyChromeText, 120) })
+            const chromeObs = new MutationObserver(() => { if (chromeTimer) clearTimeout(chromeTimer); chromeTimer = setTimeout(applyChromeText, 30) })
             chromeRoots.forEach((r) => chromeObs.observe(r, { childList: true, subtree: true, characterData: true }))
             // 输入框卡片(uV2eYG_card/root)可能在启动后才挂载(会话/输入区加载晚)，
             // 启动那一刻 applyInputCard 常找不到框 → 需刷新才生效。监听新增卡片节点时重算，防抖 100ms。
@@ -3770,7 +3827,7 @@ window.__ModuleLoader__.load({
             const sessionObs = new MutationObserver((muts) => {
               let hit = false
               for (const m of muts) { for (const node of m.addedNodes) { if (node.nodeType === 1 && inScroll(node)) { hit = true; break } } if (hit) break }
-              if (hit) { if (sessionTimer) clearTimeout(sessionTimer); sessionTimer = setTimeout(() => { applySessionText(); fixDialogs() }, 150) }
+              if (hit) { if (sessionTimer) clearTimeout(sessionTimer); sessionTimer = setTimeout(() => { applySessionText(); fixDialogs() }, 20) }
             })
             sessionObs.observe(document.body, { childList: true, subtree: true })
           }
@@ -3791,9 +3848,11 @@ window.__ModuleLoader__.load({
         }, 'dsh-long-plugins: glass applier')
         ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'glass-ui', order: 40, label: 'RA-Span' }, GlassSettingsSection))
         ctx.effect(() => {
-          fetch('/api/dsh-uploads/glass-config', { cache: 'no-store' }).then((r) => r.json()).then((b) => {
-            if (b && b.cfg) { window.__dshGlassApply && window.__dshGlassApply({ ...b.cfg, bgImage: b.bgImage }) }
-          }).catch(() => {})
+          // 玻璃配置/背景图历史拉取延迟到空闲, 减轻首屏网络风暴(背景没用玻璃时几乎零成本)
+          const loadGlass = () => { fetch('/api/dsh-uploads/glass-config', { cache: 'no-store' }).then((r) => r.json()).then((b) => {
+            if (b && b.cfg) { window.__dshGlassApply && window.__dshGlassApply({ ...b.cfg, bgImage: b.bgImageUrl || '' }) }
+          }).catch(() => {}) }
+          try { if (window.requestIdleCallback) window.requestIdleCallback(loadGlass, { timeout: 500 }); else setTimeout(loadGlass, 500) } catch (_) { loadGlass() }
         }, 'dsh-long-plugins: glass boot')
       },
     }

package/dsh.plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-long-plugins",
   "description": "Merged DSH web plugins: upload manager (drag-and-drop attach any file to the message), workspace output files, skill docs, account balance, Markdown-to-Word (md2docx), and polished file preview (Word & PowerPoint real preview with zoom/pan, rendered Markdown), plus an auto-repair install for DSH core patches (reverse-proxy WebSocket heartbeat, upgrade relink). | 一个插件整合 DSH Web 的常用增强：上传管理（拖放上传：拖任意文件到会话框直接附加）、工作区「输出文件」面板、技能文档浏览、账户余额显示、Markdown 转 Word（md2docx）、Word/PowerPoint 真实预览（可缩放、翻页）；并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "entry": {
     "name": "dsh-long-plugins",
     "inject": [

package/lib/index.js

@@ -1631,15 +1631,49 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
   };
   const glassDir = resolve(homedir(), ".dsh-long-plugins");
   const glassFile = join(glassDir, "glass.json");
+  const bgDir = join(glassDir, "backgrounds");
+  const currentBgFile = join(bgDir, "current.uri");
+  // 背景图文件引用: 配置里 bgImage 为 "current"(存 bgDir/current.uri) 或 ""(无) ；不再内嵌大图 data-URI
+  const decodeDataUri = (s) => { const m = /^data:(image\/[a-zA-Z0-9.+-]+);base64,([A-Za-z0-9+/=]+)$/.exec(String(s || "")); return m ? { mime: m[1], base64: m[2] } : null; };
+  const bgImageUrl = (cfg) => (cfg.bgImage === "current") ? "/api/dsh-uploads/glass-background" : "";
+  // 只保留当前背景图(current.uri), 删除其它历史图片文件(旧图清理)
+  async function pruneBackgrounds() {
+    try {
+      const names = await readdir(bgDir);
+      for (const n of names) {
+        if (n === "current.uri" || !n.endsWith(".uri")) continue;
+        try { await unlink(join(bgDir, n)); } catch (_) {}
+      }
+    } catch (_) {}
+  }
   async function readGlassJSON() {
-    try { const raw = JSON.parse(await readFile(glassFile, "utf8")); return { ...GLASS_DEFAULTS, ...(raw && typeof raw === "object" ? raw : {}) }; }
-    catch { return { ...GLASS_DEFAULTS }; }
+    try {
+      const raw = JSON.parse(await readFile(glassFile, "utf8"));
+      const cfg = { ...GLASS_DEFAULTS, ...(raw && typeof raw === "object" ? raw : {}) };
+      // 迁移旧版: bgImage 是内嵌 data-URI(大图) → 存成文件 + 改引用
+      if (typeof cfg.bgImage === "string" && cfg.bgImage.startsWith("data:image/")) {
+        try {
+          await mkdir(bgDir, { recursive: true, mode: 0o700 });
+          await writeFile(currentBgFile, cfg.bgImage, "utf8");
+          cfg.bgImage = "current";
+          await writeFile(glassFile, JSON.stringify(cfg, null, 2), "utf8");
+        } catch (_) {}
+      }
+      return cfg;
+    } catch { return { ...GLASS_DEFAULTS }; }
   }
   const glassConfig = async (req, res) => {
     try {
       requireTrusted(req);
       if (req.method === "GET" || req.method === "HEAD") {
         const cfg = await readGlassJSON();
+        // 背景图只返回"是否存在 + 图片 URL", 不再返回内嵌大图 data-URI(减小响应)
+        let imgMeta = { present: false, bytes: 0 };
+        let imgUrl = "";
+        if (cfg.bgImage === "current") {
+          imgUrl = "/api/dsh-uploads/glass-background";
+          try { imgMeta = { present: true, bytes: (await stat(currentBgFile)).size || 0 }; } catch (_) { imgMeta = { present: true, bytes: 0 }; }
+        }
         sendJson(res, 200, {
           found: true,
           cfg: {
@@ -1649,9 +1683,11 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
             inputBox: cfg.inputBox || { light: { color: "", opacity: 1 }, dark: { color: "", opacity: 1 } },
             bgTint: cfg.bgTint || { light: { color: "#1a2332", mask: 0.28 }, dark: { color: "#1a2332", mask: 0.28 } },
             bgColor: cfg.bgColor || "#1a2332", bgMask: cfg.bgMask ?? 0.28,
-            bgImage: cfg.bgImage ? { present: true, bytes: Math.round((cfg.bgImage.length * 3) / 4) } : { present: false },
+            bgBlur: cfg.bgBlur ?? 0, bgOpacity: cfg.bgOpacity ?? 1,
+            bgImage: imgMeta,
           },
-          bgImage: cfg.bgImage,
+          bgImage: imgMeta,
+          bgImageUrl: imgUrl,
         });
         return;
       }
@@ -1659,6 +1695,19 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
         const body = await readJsonBody(req, 4 * 1024 * 1024);
         const current = await readGlassJSON();
         const next = { ...current, ...sanitizeGlass(typeof body === "object" && body !== null ? body : {}) };
+        // 背景图改为"文件 + 引用": 用户上传的 data-URI 存入 current.uri, 配置只存 "current" 引用
+        if (typeof next.bgImage === "string" && next.bgImage.startsWith("data:image/")) {
+          try {
+            await mkdir(bgDir, { recursive: true, mode: 0o700 });
+            await writeFile(currentBgFile, next.bgImage, "utf8");
+            next.bgImage = "current";
+          } catch (_) { next.bgImage = ""; }
+        } else if ("bgImage" in body && body.bgImage === "") {
+          next.bgImage = ""; // 显式清除
+          try { await unlink(currentBgFile); } catch (_) {}
+        }
+        // 只保留当前背景图, 删除历史旧图
+        await pruneBackgrounds();
         await mkdir(glassDir, { recursive: true, mode: 0o700 });
         await writeFile(glassFile, JSON.stringify(next, null, 2), "utf8");
         sendJson(res, 200, { ok: true, saved: true });
@@ -1669,8 +1718,44 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
       sendError(res, error, onError);
     }
   };
+  // 背景图历史（供设置面板"选择旧图"）：GET 列出，GET ?name= 返回对应 data-URI
+  const glassBackgrounds = async (req, res) => {
+    try {
+      requireTrusted(req);
+      const url = new URL(req.url, "http://x");
+      const name = url.searchParams.get("name");
+      if (name) {
+        if (!/^[\w.:-]+\.uri$/.test(name)) { sendError(res, new Error("bad name"), onError); return; }
+        try { const buf = await readFile(join(bgDir, name)); res.writeHead(200, { "content-type": "text/plain; charset=utf-8", "cache-control": "no-store" }); res.end(buf); return; }
+        catch { sendJson(res, 404, { error: "not found" }); return; }
+      }
+      let list = [];
+      // 只保留当前背景图, 删除历史旧图; 列表排除当前图
+      try { await pruneBackgrounds(); } catch (_) {}
+      try { list = (await readdir(bgDir)).filter((n) => n.endsWith(".uri") && n !== "current.uri").sort().reverse().slice(0, 30); } catch (_) {}
+      sendJson(res, 200, { list });
+    } catch (error) {
+      sendError(res, error, onError);
+    }
+  };
+  // 返回当前背景图（文件存的 data-URI 解码为真实图片）
+  const glassBackground = async (req, res) => {
+    try {
+      requireTrusted(req);
+      const cfg = await readGlassJSON();
+      if (cfg.bgImage !== "current") { sendJson(res, 404, { error: "no background" }); return; }
+      const buf = await readFile(currentBgFile, "utf8");
+      const d = decodeDataUri(buf);
+      if (!d) { sendJson(res, 404, { error: "bad image" }); return; }
+      const bytes = Buffer.from(d.base64, "base64");
+      res.writeHead(200, { "content-type": d.mime, "cache-control": "no-store", "x-content-type-options": "nosniff" });
+      res.end(bytes);
+    } catch (error) {
+      sendError(res, error, onError);
+    }
+  };
 
-  return { root, maxFileBytes, totalMaxBytes, api, download, preview, workspaceList, workspaceFile, workspacePreview, workspaceBrowse, workspaceDelete, workspaceRename, workspaceSave, docxPreviewPage, docxPreviewAsset, pptxPreviewPage, xlsxPreviewPage, xlsxPreviewAsset, glassConfig };
+  return { root, maxFileBytes, totalMaxBytes, api, download, preview, workspaceList, workspaceFile, workspacePreview, workspaceBrowse, workspaceDelete, workspaceRename, workspaceSave, docxPreviewPage, docxPreviewAsset, pptxPreviewPage, xlsxPreviewPage, xlsxPreviewAsset, glassConfig, glassBackgrounds, glassBackground };
 }
 
 /** 人类可读文件大小。 */
@@ -2575,6 +2660,18 @@ export async function apply(ctx, config = {}) {
     handler: handlers.glassConfig,
   }), "dsh-long-plugins: glass-ui config route");
 
+  ctx.effect(() => ctx.webServer.register({
+    kind: "exact",
+    path: "/api/dsh-uploads/glass-backgrounds",
+    handler: handlers.glassBackgrounds,
+  }), "dsh-long-plugins: glass-ui backgrounds route");
+
+  ctx.effect(() => ctx.webServer.register({
+    kind: "exact",
+    path: "/api/dsh-uploads/glass-background",
+    handler: handlers.glassBackground,
+  }), "dsh-long-plugins: glass-ui background image route");
+
   ctx.effect(() => ctx.webServer.register({
     kind: "exact",
     path: "/api/dsh-uploads/workspace-browse",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-long-plugins",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "Merged DSH web plugins: upload manager (drag-and-drop attach any file to the message), workspace output files, skill docs, account balance, Markdown-to-Word (md2docx), and polished file preview (Word & PowerPoint real preview with zoom/pan, rendered Markdown), plus an auto-repair install for DSH core patches (reverse-proxy WebSocket heartbeat, upgrade relink). | 一个插件整合 DSH Web 的常用增强：上传管理（拖放上传：拖任意文件到会话框直接附加）、工作区「输出文件」面板、技能文档浏览、账户余额显示、Markdown 转 Word（md2docx）、Word/PowerPoint 真实预览（可缩放、翻页）；并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。",
   "type": "module",
   "license": "MIT",