dsh-long-plugins 2.0.0 → 2.2.0

package/README.md

@@ -124,6 +124,27 @@ MIT
 
 ## Changelog / 更新记录
 
+### v2.2.0
+
+界面优化与重构
+
+- 背景图独立层：背景图改为独立图层，新增「背景图模糊 / 背景图透明度」滑杆（单独一组，不影响磨砂卡），并新增「背景罩层颜色」色盘，背景图可模糊、可调透明度、罩色可选。
+- 会话区：去掉会话区独立磨砂卡片，直接透出共享背景（背景图 + 罩层颜色 + 模糊），版面更通透。
+- 输入区：整个输入区外围（composer 根/位置座）透明透出背景。
+- 可读性：浅色主题下弱化标签/元信息文字加深，对比度更高。
+
+### v2.1.0
+- 增强：毛玻璃界面（玻璃拟态）进一步打磨。
+- 主题感知磨砂：磨砂卡片颜色跟随系统深色/浅色主题自动反转（浅色=白磨砂深字 / 深色=深磨砂浅字）。
+- 会话区内容反底色全透明化：去掉代码块/提示/气泡等反底色小块，统一融入磨砂卡片。
+- 会话区「启用玻璃」开关：可单独禁用会话区磨砂（还原原生）。
+- 会话区/输入区各自独立「罩色 + 罩强度 + 透明度」调节。
+- 新增「背景图罩」：背景图上叠一层半透明罩色，深度可调。
+- 手机端/窄屏(≤768px)自动禁用毛玻璃，还原 DSH 原生。
+- 输入卡片/底部白色层透明化，更透背景。
+- 修复：输入框下拉/悬浮菜单（`/` 命令、`@` 提及）背景透明，改为不透明随主题色。
+- 修复：玻璃界面自定义背景图上传超大文件报 `Unexpected token '<'` 错误——上传上限提升到 4MiB。
+
 ### v2.0.0
 - 新增：毛玻璃界面（玻璃拟态）。为 DSH 网页叠加自定义毛玻璃效果，将界面打磨成"玻璃"质感。
 - **自定义背景图**：上传一张背景图铺满整个页面（含左边栏、顶部、会话区），实现桌面壁纸式的背景；左边栏 / 顶部半透明透出背景图，界面更通透。

package/client/client.js

@@ -974,6 +974,8 @@ window.__ModuleLoader__.load({
     const CSS = `
       @font-face{font-family:DshChipCellInput;src:url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMkT8SmIAAAEoAAAAYGNtYXAADQBPAAABkAAAADRnbHlmAAAAAAAAAcwAAAABaGVhZCwtPGoAAACsAAAANmhoZWEDIg7bAAAA5AAAACRobXR4EZQAAAAAAYgAAAAIbG9jYQAAAAAAAAHEAAAABm1heHAAAwACAAABCAAAACBuYW1lvljk2gAAAdAAAABscG9zdNNweNQAAAI8AAAALQABAAAAAQAAdia1tV8PPPUAAwPoAAAAAOaLfcUAAAAA5ot9xQAAAAAAAAAAAAAAAwACAAAAAAAAAAEAAAMg/zgAAA+gAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAACAAEAAAACAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAwjKAZAABQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAPz8/PwAA//z//AMg/zgAAAMgAMgAAAAAAAAAAAAAAAAAAAAgAAAB9AAAAAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAIAAAAAQABAABAAD//P//AAD//P//AAUAAQAAAAAAAAAAAAAAAAAAAAAAAAAEADYAAQAAAAAAAQALAAAAAQAAAAAAAgAHAAsAAwABBAkAAQAWABIAAwABBAkAAgAOAChEc2hDaGlwQ2VsbFJlZ3VsYXIARABzAGgAQwBoAGkAcABDAGUAbABsAFIAZQBnAHUAbABhAHIAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAABAgZvYmpyZXAAAAA=)format("truetype")}
       .uV2eYG_input,.uV2eYG_mirror{font-family:"DshChipCellInput",var(--dsw-font-family)!important}
+      /* 输入区随系统深/浅自动切换（原生系统色，文字/背景同源始终匹配），避免深色下白字配浅底 */
+      .uV2eYG_input{color-scheme:light dark;background-color:Canvas!important;color:CanvasText!important}
       [data-decoration="chip"][title^="${HIDDEN_LABEL}"]{display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;background:transparent!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important}
       [data-decoration="chip"][title^="${HIDDEN_LABEL}"]:before,[data-decoration="chip"][title^="${HIDDEN_LABEL}"]>*{display:none!important}
       .dsh-upload-control{display:flex;align-items:center;min-width:0}
@@ -3058,28 +3060,63 @@ window.__ModuleLoader__.load({
       html[data-dsh-glass="on"] #root [class*="FJxK0a_root"] {
         background-color: transparent !important;
       }
-      /* 会话滚动区：磨砂玻璃悬浮卡片（居中收窄，不占满宽度，四周透背景图） */
+      /* 会话滚动区：去掉独立磨砂卡片，直接透出共享背景（背景图+罩层颜色+模糊） */
       html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] {
-        background-color: var(--dsh-glass-session-bg, rgba(26,35,50,0.45)) !important;
-        backdrop-filter: blur(var(--dsh-glass-blur, 16px));
-        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px));
-        border-radius: 16px;
+        background-color: transparent !important;
+        background-image: none !important;
+        backdrop-filter: none !important;
+        -webkit-backdrop-filter: none !important;
+        border-radius: 0 !important;
+        box-shadow: none !important;
         overflow: auto;
-        margin: 0 auto !important;
-        /* 柔和阴影 + 边缘渐隐，让磨砂卡片边缘过渡自然（悬浮玻璃质感） */
-        box-shadow: 0 8px 40px rgba(0,0,0,0.28), 0 2px 12px rgba(0,0,0,0.18);
+        width: 100% !important;
+        max-width: none !important;
+        margin: 0 !important;
       }
+      /* 背景图独立层：铺满整页、位于内容之下，可单独设背景图模糊与透明度，不影响内容清晰度 */
+      .dsh-glass-bgimg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;display:none;transform:translateZ(0);}
       /* 滚动条：细、半透明、圆角，且左移贴在内容区（不占卡片最右边缘），让右边缘过渡柔和 */
       html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"]::-webkit-scrollbar { width: 8px; }
       html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"]::-webkit-scrollbar-track { background: transparent; }
       html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.35); border-radius: 8px; }
       html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.5); }
-      /* 底部输入卡片：深色半透明磨砂（参考图：深色玻璃卡片 + 白字，与背景区分开） */
-      html[data-dsh-glass="on"] #root [class*="uV2eYG_card"] {
-        background-color: var(--dsh-glass-input-bg, rgba(26,35,50,0.6)) !important;
-        backdrop-filter: blur(var(--dsh-glass-blur, 16px));
-        -webkit-backdrop-filter: blur(var(--dsh-glass-blur, 16px));
+      /* 会话区禁用玻璃：scrollBody 还原为透明、无磨砂、无圆角/阴影（保持 DSH 原生会话区外观） */
+      html[data-dsh-glass="on"][data-dsh-session-glass="off"] #root [class*="wSkVaW_scrollBody"] {
+        background-color: transparent !important;
+        background-image: none !important;
+        backdrop-filter: none !important;
+        -webkit-backdrop-filter: none !important;
+        border-radius: 0 !important;
+        box-shadow: none !important;
+      }
+      /* 输入区外围(composer根/位置座)透明透出背景；输入框盒子保留原生白/黑 */
+      html[data-dsh-glass="on"] [class*="wSkVaW_composerSeat"],
+      html[data-dsh-glass="on"] [class*="uV2eYG_root"] {
+        background-color: transparent !important;
+        background-image: none !important;
+        box-shadow: none !important;
+        backdrop-filter: none !important;
+        -webkit-backdrop-filter: none !important;
+      }
+      /* 输入框盒子(uV2eYG_card)：只在外层铺淡色底(可调)；里层输入区透明避免拼缝白条；文字随主题色 */
+      html[data-dsh-glass="on"] [class*="uV2eYG_card"] {
+        background: linear-gradient(var(--dsh-glass-input-white, rgba(255,255,255,0.3)), var(--dsh-glass-input-white, rgba(255,255,255,0.3))) var(--dsh-glass-input-bg, rgba(26,35,50,0.6)) !important;
+        color: var(--dsw-alias-label-primary, #111827) !important;
+        box-shadow: none !important;
+        backdrop-filter: none !important;
+        -webkit-backdrop-filter: none !important;
       }
+      html[data-dsh-glass="on"] [class*="uV2eYG_input"] {
+        background-color: transparent !important;
+        color: var(--dsw-alias-label-primary, #111827) !important;
+      }
+      @media (prefers-color-scheme: dark) {
+        html[data-dsh-glass="on"] [class*="uV2eYG_card"],
+        html[data-dsh-glass="on"] [class*="uV2eYG_input"] { color: var(--dsw-alias-label-primary, #e5e7eb) !important; }
+      }
+      /* 轮次/历史提问预览：默认隐藏（点开才显示），并去掉头部底色，避免底部露出白条 */
+      .dsh-turn-preview:not(.open){display:none !important;}
+      .dsh-turn-preview-head{background:transparent !important;}
       
       html[data-dsh-glass="off"] #root [class*="sidebarCol"],
       html[data-dsh-glass="off"] #root [class*="header"],
@@ -3087,6 +3124,55 @@ window.__ModuleLoader__.load({
       html[data-dsh-glass="off"] #root [class*="wSkVaW_root"],
       html[data-dsh-glass="off"] #root [class*="wSkVaW_scrollBody"],
       html[data-dsh-glass="off"] #root [class*="uV2eYG_card"] { background-color: transparent !important; backdrop-filter: none; }
+      /* 用户消息气泡：浅色半透明底(随主题)，与 AI 消息(透明/磨砂)区分 */
+      html[data-dsh-glass="on"] #root [class*="ngdEzaw_bubble"]:not([class*="button"]) {
+        background-color: color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) 62%, transparent) !important;
+      }
+      /* 会话区所有内容元素背景透明化：去掉"反底色"小块衬底，统一融入磨砂卡片 */
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] *:not([class*="button"]):not([class*="bubble"]):not([class*="_menu"]) {
+        background-color: transparent !important;
+      }
+      /* 会话区内容衬底(代码块/提示/气泡/引用等)玻璃开启时透明化，融入磨砂卡片，去掉浅色小块衬底 */
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] [class*="n_block"],
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] [class*="n_bannerWrap"],
+
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] [class*="n_plain"],
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] [class*="n_copyButton"],
+      html[data-dsh-glass="on"] #root [class*="wSkVaW_scrollBody"] [class*="md-code-block"] {
+        background-color: transparent !important;
+      }
+      /* uV2eYG_add: composer 里随内容变化的白色衬底，玻璃开启时透明化 */
+      html[data-dsh-glass="on"] #root [class*="uV2eYG_add"] {
+        background-color: transparent !important;
+      }
+      /* 输入框下拉/悬浮菜单(如 / 命令、@ 提及)：背景给不透明随主题色，避免叠在会话磨砂卡上重叠看不清 */
+      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) 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_"]) {
+        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_"] {
+        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;
+      }
+      /* 玻璃开启 + 浅色系统主题：加深弱化标签/元信息文字，避免浅灰字叠在浅磨砂卡上看不清 */
+      @media (prefers-color-scheme: light) {
+        html[data-dsh-glass="on"],
+        html[data-dsh-glass="on"] * {
+          --dsw-alias-label-secondary: #383d44 !important;
+          --dsw-alias-label-tertiary: #50545b !important;
+        }
+      }
       .dsh-glass-section{display:flex;flex-direction:column;gap:16px;min-width:0;padding:4px 2px 24px;color:var(--dsw-alias-label-primary)}
       .dsh-glass-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
       .dsh-glass-head h2{margin:0;font-size:20px;line-height:28px}
@@ -3115,7 +3201,7 @@ window.__ModuleLoader__.load({
       .dsh-glass-error{padding:10px 12px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:12px}
       .dsh-glass-note{margin:0;font-size:12px;color:var(--dsw-alias-label-tertiary)}
     `
-    const GLASS_SWATCHES = ['#0f1420', '#14161a', '#1a2530', '#26324d', '#153a3a', '#3b2a4a', '#4a1f1f', '#2d3748']
+    const GLASS_SWATCHES = ['#1a2332', '#0f1420', '#1e3a5f', '#1e5e46', '#5e2e5e', '#6e2323']
     const glassText = (e) => (e && e.message) ? e.message : String(e)
     function glassImageInput(value, onChange) {
       return React.createElement('label', { className: 'dsh-glass-file' },
@@ -3131,11 +3217,14 @@ window.__ModuleLoader__.load({
       )
     }
     // 会话区/输入区共用设置卡：罩色 + 罩强度
-    const GlassZoneCard = ({ title, zone, onChange }) => {
-      const z = zone || { color: '#1a2332', mask: 0.45 }
+    const GlassZoneCard = ({ title, zone, onChange, showGlassToggle }) => {
+      const z = zone || { color: '#1a2332', mask: 0.45, enabled: true }
       const setPatch = (p) => onChange({ ...z, ...p })
       return React.createElement('div', { className: 'dsh-glass-card' },
         React.createElement('div', { className: 'dsh-glass-zone-title' }, title),
+        showGlassToggle ? React.createElement('div', { className: 'dsh-glass-row' },
+          React.createElement('label', { className: 'dsh-glass-switch' }, React.createElement('input', { type: 'checkbox', checked: z.enabled !== false, onChange: (e) => setPatch({ enabled: e.target.checked }) }), title + ' 启用玻璃'),
+        ) : null,
         React.createElement('div', { className: 'dsh-glass-row' },
           React.createElement('label', null, title + ' 罩色'),
           React.createElement('div', { className: 'dsh-glass-swatches' },
@@ -3148,6 +3237,11 @@ window.__ModuleLoader__.load({
           React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 0.95, step: 0.01, value: z.mask ?? 0.45, onChange: (e) => setPatch({ mask: Number(e.target.value) }) }),
           React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((Number(z.mask ?? 0.45)) * 100)}%`),
         ),
+        React.createElement('div', { className: 'dsh-glass-row' },
+          React.createElement('label', null, title + ' 透明度'),
+          React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 1, step: 0.01, value: z.opacity ?? 0.5, onChange: (e) => setPatch({ opacity: Number(e.target.value) }) }),
+          React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((Number(z.opacity ?? 0.5)) * 100)}%`),
+        ),
       )
     }
     const GlassSettingsSection = () => {
@@ -3168,12 +3262,13 @@ window.__ModuleLoader__.load({
         setState((s) => ({ ...s, saving: true, error: '' }))
         try {
           const cfg = state.cfg || {}
+          const num = (v, fb) => ((typeof v === 'number' && Number.isFinite(v) && v >= 0) ? v : fb)
           const payload = {
-            enabled: !!cfg.enabled, blur: Number(cfg.blur) || 0,
-            bgImage: state.bgImage || cfg.bgImage || '',
+            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),
             zone: {
-              session: { color: (cfg.session && cfg.session.color) || '#1a2332', mask: Number((cfg.session && cfg.session.mask)) || 0.45 },
-              input: { color: (cfg.input && cfg.input.color) || '#1a2332', mask: Number((cfg.input && cfg.input.mask)) || 0.6 },
+              session: { enabled: cfg.session && cfg.session.enabled !== false, color: (cfg.session && cfg.session.color) || '#1a2332', mask: num(cfg.session && cfg.session.mask, 0.45), opacity: num(cfg.session && cfg.session.opacity, 0.5) },
+              input: { color: (cfg.input && cfg.input.color) || '#1a2332', mask: num(cfg.input && cfg.input.mask, 0.6), opacity: num(cfg.input && cfg.input.opacity, 0.55) },
             },
           }
           const r = await fetch('/api/dsh-uploads/glass-config', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(payload) })
@@ -3197,13 +3292,30 @@ window.__ModuleLoader__.load({
             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(GlassZoneCard, { title: '会话区', zone: cfg.session, onChange: (p) => patchZone('session', p) }),
-          React.createElement(GlassZoneCard, { title: '输入区', zone: cfg.input, onChange: (p) => patchZone('input', p) }),
           React.createElement('div', { className: 'dsh-glass-row' },
             React.createElement('label', null, '共用背景图'),
             React.createElement('div', { className: 'dsh-glass-bg' }, glassImageInput(state.bgImage, (v) => setState((s) => ({ ...s, bgImage: v })))),
           ),
-          React.createElement('p', { className: 'dsh-glass-note' }, '提示：背景图铺满整页；仅消息滚动区做磨砂玻璃卡片；输入卡片与其余区域透出背景。'),
+          React.createElement('div', { className: 'dsh-glass-row' },
+            React.createElement('label', null, '背景图罩'),
+            React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 0.95, step: 0.01, value: cfg.bgMask ?? 0.28, onChange: (e) => patch({ bgMask: Number(e.target.value) }) }),
+            React.createElement('span', { className: 'dsh-glass-val' }, `${Math.round((Number(cfg.bgMask ?? 0.28)) * 100)}%`),
+          ),
+          React.createElement('div', { className: 'dsh-glass-row' },
+            React.createElement('label', null, '背景罩层颜色'),
+            React.createElement('label', { className: 'dsh-glass-colorpicker' }, '色盘', React.createElement('input', { type: 'color', value: cfg.bgColor || '#1a2332', onChange: (e) => patch({ bgColor: e.target.value }) })),
+          ),
+          React.createElement('div', { className: 'dsh-glass-row' },
+            React.createElement('label', null, '背景图模糊'),
+            React.createElement('input', { type: 'range', className: 'dsh-glass-range', min: 0, max: 60, value: cfg.bgBlur ?? 0, onChange: (e) => patch({ bgBlur: Number(e.target.value) }) }),
+            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('p', { className: 'dsh-glass-note' }, '提示：背景图铺满整页(可加背景图罩)；背景图模糊/透明度单独可调；会话区使用自己的罩色、罩强度与透明度；左栏/顶部透出背景图；输入框保持系统原生样式。'),
           React.createElement('div', { className: 'dsh-glass-actions' },
             React.createElement('button', { type: 'button', onClick: load }, '重置'),
             React.createElement('button', { type: 'button', className: 'primary', disabled: state.saving, onClick: save }, state.saving ? '保存中…' : '保存生效'),
@@ -3243,33 +3355,65 @@ window.__ModuleLoader__.load({
 
           window.__dshGlassApply = (cfg) => {
             const c = cfg || {}
+            // 手机端/窄屏(<=768px)：不开启毛玻璃，还原 DSH 原生样式（清背景图/罩变量/磨砂）。
+            if (window.innerWidth <= 768) {
+              root.setAttribute('data-dsh-glass', 'off')
+              root.setAttribute('data-dsh-session-glass', 'off')
+              root.style.setProperty('--dsh-glass-blur', '')
+              root.style.setProperty('--dsh-glass-session-bg', '')
+              root.style.setProperty('--dsh-glass-input-bg', '')
+              root.style.setProperty('--dsh-glass-bg-zone', '')
+              const b = document.body
+              b.style.backgroundImage = 'none'; b.style.backgroundSize = ''; b.style.backgroundPosition = ''; b.style.backgroundRepeat = ''
+              const fr = document.querySelector('#root > div > div') || document.querySelector('#root > div')
+              if (fr) { fr.style.backgroundColor = ''; fr.style.backgroundImage = 'none'; fr.style.backgroundSize = ''; fr.style.backgroundPosition = ''; fr.style.backgroundRepeat = '' }
+              const bgEl = document.querySelector('.dsh-glass-bgimg'); if (bgEl) { bgEl.style.display = 'none' }
+              return
+            }
             root.setAttribute('data-dsh-glass', c.enabled ? 'on' : 'off')
-            // ... 后续 applier 逻辑在下方
-            const blur = Number(c.blur) || 16
+            const sessOn = !(c.zone && c.zone.session && c.zone.session.enabled === false)
+            root.setAttribute('data-dsh-session-glass', sessOn ? 'on' : 'off')
+            const blurn = Number(c.blur); const blur = Math.max(0, Math.min(80, Number.isFinite(blurn) ? blurn : 16))
             root.style.setProperty('--dsh-glass-blur', blur + 'px')
-            const zs = (c.zone && c.zone.session) || { color: '#1a2332', mask: 0.45 }
-            const zi = (c.zone && c.zone.input) || { color: '#1a2332', mask: 0.6 }
-            root.style.setProperty('--dsh-glass-session-bg', `rgba(${hexToRgb(zs.color)},${Math.min(0.95, Math.max(0, Number(zs.mask) || 0.45))})`)
-            root.style.setProperty('--dsh-glass-input-bg', `rgba(${hexToRgb(zi.color)},${Math.min(0.95, Math.max(0, Number(zi.mask) || 0.6))})`)
+            const zs = (c.zone && c.zone.session) || { color: '#1a2332', mask: 0.45, opacity: 0.5 }
+            const zi = (c.zone && c.zone.input) || { color: '#1a2332', mask: 0.6, opacity: 0.55 }
+            const smn = Number(zs.mask); const sm = Math.min(0.95, Math.max(0, Number.isFinite(smn) ? smn : 0.45))
+            root.style.setProperty('--dsh-glass-session-bg', `rgba(${hexToRgb(zs.color)},${sm})`)
+            const imn = Number(zi.mask); const im = Math.min(0.95, Math.max(0, Number.isFinite(imn) ? imn : 0.6))
+            root.style.setProperty('--dsh-glass-input-bg', `rgba(${hexToRgb(zi.color)},${im})`)
+            // 透明度=透明程度：越大越透明（100%=>雾面无填充,完全透出背景）
+            const sop = Math.min(1, Math.max(0, Number.isFinite(Number(zs.opacity)) ? Number(zs.opacity) : 0.5))
+            root.style.setProperty('--dsh-glass-session-white', `color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) ${Math.round((1 - sop) * 100)}%, transparent)`)
+            const iop = Math.min(1, Math.max(0, Number.isFinite(Number(zi.opacity)) ? Number(zi.opacity) : 0.55))
+            root.style.setProperty('--dsh-glass-input-white', `color-mix(in srgb, var(--dsw-specific-input-major, #e8edf3) ${Math.round((1 - iop) * 100)}%, transparent)`)
+            // 背景图罩：整页背景图上叠一层半透明罩色
+            const bgc = c.bgColor || '#1a2332'
+            const bgmn = Number(c.bgMask); const bgm = Math.min(0.95, Math.max(0, Number.isFinite(bgmn) ? bgmn : 0.28))
+            root.style.setProperty('--dsh-glass-bg-zone', `rgba(${hexToRgb(bgc)},${bgm})`)
 
             const body = document.body
             const frame = document.querySelector('#root > div > div') || document.querySelector('#root > div')
-            const applyBg = (el) => {
-              if (!el) return
-              if (c.enabled && c.bgImage) {
-                el.style.backgroundImage = `url('${c.bgImage}')`
-                el.style.backgroundSize = 'cover'
-                el.style.backgroundPosition = 'center'
-                el.style.backgroundRepeat = 'no-repeat'
-              } else {
-                el.style.backgroundImage = 'none'
-                el.style.backgroundSize = ''
-                el.style.backgroundPosition = ''
-                el.style.backgroundRepeat = ''
-              }
+            // 背景图独立层：铺满整页、位于内容之下；背景图模糊/透明度单独可调（不影响内容清晰度）
+            let bgimg = document.querySelector('.dsh-glass-bgimg')
+            if (!bgimg) { bgimg = document.createElement('div'); bgimg.className = 'dsh-glass-bgimg'; document.body.appendChild(bgimg) }
+            const gz = root.style.getPropertyValue('--dsh-glass-bg-zone') || `rgba(${hexToRgb(c.bgColor || '#1a2332')},0.28)`
+            if (c.enabled && c.bgImage) {
+              bgimg.style.display = 'block'
+              bgimg.style.backgroundImage = `linear-gradient(${gz},${gz}), url('${c.bgImage}')`
+              bgimg.style.backgroundSize = 'cover'
+              bgimg.style.backgroundPosition = 'center'
+              bgimg.style.backgroundRepeat = 'no-repeat'
+              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))
+              bgimg.style.opacity = String(bop)
+            } else {
+              bgimg.style.display = 'none'
             }
-            applyBg(body)
-            if (frame) { frame.style.backgroundColor = 'transparent'; applyBg(frame) }
+            // 移除 body/frame 上的锐利背景图（改由独立背景层显示），避免重复/遮盖
+            body.style.backgroundImage = 'none'
+            if (c.enabled && c.bgImage) { body.style.backgroundColor = 'transparent' } else { body.style.backgroundColor = '' }
+            if (frame) { frame.style.backgroundImage = 'none'; frame.style.backgroundColor = 'transparent' }
             centerScroll()
           }
           return () => {
@@ -3281,7 +3425,7 @@ window.__ModuleLoader__.load({
         ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'glass-ui', order: 40, label: '毛玻璃界面' }, 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({ enabled: b.cfg.enabled, blur: b.cfg.blur, mask: b.cfg.mask, color: b.cfg.color, bgImage: b.bgImage }) }
+            if (b && b.cfg) { window.__dshGlassApply && window.__dshGlassApply({ ...b.cfg, bgImage: b.bgImage }) }
           }).catch(() => {})
         }, '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": "1.3.9",
+  "version": "2.2.0",
   "entry": {
     "name": "dsh-long-plugins",
     "inject": [

package/lib/index.js

@@ -190,20 +190,24 @@ export function isTrustedUploadRequest(req, trustedHosts = []) {
 }
 
 /** Read a JSON request body (bounded; 1 MiB to fit large edited documents). */
-function readJsonBody(request) {
+function readJsonBody(request, maxBytes = 1024 * 1024) {
   return new Promise((resolvePromise, rejectPromise) => {
     let size = 0;
+    let tooBig = false;
     const chunks = [];
     request.on("data", (chunk) => {
+      if (tooBig) return;
       size += chunk.length;
-      if (size > 1024 * 1024) {
-        rejectPromise(new Error("body too large"));
-        request.destroy();
+      if (size > maxBytes) {
+        tooBig = true;
+        chunks.length = 0;
+        rejectPromise(new HttpError(413, "body too large"));
         return;
       }
       chunks.push(chunk);
     });
     request.on("end", () => {
+      if (tooBig) return;
       try {
         resolvePromise(JSON.parse(Buffer.concat(chunks).toString("utf8")));
       } catch (error) {
@@ -675,6 +679,10 @@ function sanitizeGlass(input) {
   if ("color" in input) out.color = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(String(input.color)) ? String(input.color) : undefined;
   const sanitizeUri = (v) => { const s = String(v ?? ""); return (/^data:image\/(png|jpe?g|webp|gif);base64,/.test(s) && s.length <= 2 * 1024 * 1024 + 256) ? s : undefined; };
   if ("bgImage" in input) out.bgImage = sanitizeUri(input.bgImage);
+  if ("bgColor" in input) out.bgColor = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(String(input.bgColor)) ? String(input.bgColor) : undefined;
+  if ("bgMask" in input) { const n = Number(input.bgMask); out.bgMask = Number.isFinite(n) ? Math.max(0, Math.min(0.95, n)) : undefined; }
+  if ("bgBlur" in input) { const n = Number(input.bgBlur); out.bgBlur = Number.isFinite(n) ? Math.max(0, Math.min(80, n)) : undefined; }
+  if ("bgOpacity" in input) { const n = Number(input.bgOpacity); out.bgOpacity = Number.isFinite(n) ? Math.max(0, Math.min(1, n)) : undefined; }
   // 会话区/输入区各自独立罩色+罩强度
   if (input.zone && typeof input.zone === "object") {
     const zo = {};
@@ -682,8 +690,10 @@ function sanitizeGlass(input) {
       const z = input.zone[key];
       if (z && typeof z === "object") {
         const o = {};
+        if ("enabled" in z) o.enabled = z.enabled === true;
         if ("color" in z) o.color = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(String(z.color)) ? String(z.color) : undefined;
         if ("mask" in z) { const n = Number(z.mask); o.mask = Number.isFinite(n) ? Math.max(0, Math.min(0.95, n)) : undefined; }
+        if ("opacity" in z) { const n = Number(z.opacity); o.opacity = Number.isFinite(n) ? Math.max(0, Math.min(1, n)) : undefined; }
         zo[key] = Object.fromEntries(Object.entries(o).filter(([, v]) => v !== undefined));
       }
     }
@@ -1584,8 +1594,8 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
   // 背景图以 data-URI 存进配置，随配置持久化。enabled=总开关；blur=磨砂模糊；mask=整页罩强度；
   // color=叠加/罩色；bgImage=共用背景图。顶栏/左栏的"罩"与整页共用 mask+color（不再单独存，简化）。
   const GLASS_DEFAULTS = {
-    enabled: false, blur: 20, bgImage: "",
-    zone: { session: { color: "#1a2332", mask: 0.45 }, input: { color: "#1a2332", mask: 0.6 } },
+    enabled: false, blur: 20, bgImage: "", bgColor: "#1a2332", bgMask: 0.28,
+    zone: { session: { color: "#1a2332", mask: 0.45, opacity: 0.5 }, input: { color: "#1a2332", mask: 0.6, opacity: 0.55 } },
   };
   const glassDir = resolve(homedir(), ".dsh-long-plugins");
   const glassFile = join(glassDir, "glass.json");
@@ -1602,8 +1612,9 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
           found: true,
           cfg: {
             enabled: cfg.enabled, blur: cfg.blur,
-            session: cfg.zone?.session || { color: "#1a2332", mask: 0.45 },
-            input: cfg.zone?.input || { color: "#1a2332", mask: 0.6 },
+            session: cfg.zone?.session || { enabled: true, color: "#1a2332", mask: 0.45, opacity: 0.5 },
+            input: cfg.zone?.input || { color: "#1a2332", mask: 0.6, opacity: 0.55 },
+            bgColor: cfg.bgColor || "#1a2332", bgMask: cfg.bgMask ?? 0.28,
             bgImage: cfg.bgImage ? { present: true, bytes: Math.round((cfg.bgImage.length * 3) / 4) } : { present: false },
           },
           bgImage: cfg.bgImage,
@@ -1611,7 +1622,7 @@ window.addEventListener('resize',function(){ try{ if(fitMode) zoomFit(); else ap
         return;
       }
       if (req.method === "POST") {
-        const body = await readJsonBody(req);
+        const body = await readJsonBody(req, 4 * 1024 * 1024);
         const current = await readGlassJSON();
         const next = { ...current, ...sanitizeGlass(typeof body === "object" && body !== null ? body : {}) };
         await mkdir(glassDir, { recursive: true, mode: 0o700 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-long-plugins",
-  "version": "2.0.0",
+  "version": "2.2.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",