zcode-pro 1.4.0 → 1.5.0

package/src/inject/features/settings-dialog.js

@@ -244,8 +244,17 @@ export function openSettingsDialog() {
         h('span', { class: 'text-foreground-subtle/70' }, `${health.version} · ${HELPER_URL}`)
       );
 
-      const rows = h('div', { class: 'divide-y divide-border rounded-xl border border-border' });
+      // 双列网格：功能开关行短小（名称+开关+折行描述），两列排布把 15+ 行压到
+      // 一屏内。列间加分隔线、行距拉开（gap-y-1），格内不留底 padding——
+      // 悬停底色由行自身圆角承担，避免一格一格的补丁感
+      const rows = h('div', { class: 'grid grid-cols-2 gap-x-0 gap-y-1 rounded-xl border border-border p-2 divide-x divide-border' });
       const pluginsStatusLine = h('span', { class: 'max-w-40 truncate text-ui-xs/relaxed text-foreground-subtle' }, '…');
+      // 状态文字写入统一入口：文本与悬停 title 一起更新（描述位被动态内容替换后
+      // 仍保持悬停全文约定）
+      const setPluginsStatus = (text) => {
+        setPluginsStatus(text);
+        pluginsStatusLine.setAttribute('title', text);
+      };
       const pluginsBtn = btnSmall(L.pluginsCheckNow, () => { void runPluginsUpdate(); });
       let pluginsUpdating = false;
       const runPluginsUpdate = async () => {
@@ -253,18 +262,18 @@ export function openSettingsDialog() {
         if (pluginsUpdating) return;
         pluginsUpdating = true;
         pluginsBtn.disabled = true;
-        pluginsStatusLine.textContent = L.pluginsUpdating;
+        setPluginsStatus(L.pluginsUpdating);
         const res = await rpc('/plugins/update', { method: 'POST', body: {} });
         pluginsUpdating = false;
         pluginsBtn.disabled = false;
         if (!res.ok) {
-          pluginsStatusLine.textContent = '';
+          setPluginsStatus('');
           showToast(L.pluginsUpdateFailed + ': ' + errText(res), 'error');
           return;
         }
-        pluginsStatusLine.textContent = res.updated > 0
+        setPluginsStatus(res.updated > 0
           ? L.pluginsUpdatedDone.replaceAll('{n}', String(res.updated))
-          : L.pluginsUpToDate;
+          : L.pluginsUpToDate);
         showToast(pluginsStatusLine.textContent, 'success');
       };
       void (async () => {
@@ -272,15 +281,15 @@ export function openSettingsDialog() {
         // 状态行如实显示过程与结果；开关关闭时只检查并显示“N 个可更新”
         const cfg = await getConfig(true).catch(() => null);
         const res = await rpc('/plugins/status');
-        if (!res.ok) { pluginsStatusLine.textContent = ''; return; }
+        if (!res.ok) { setPluginsStatus(''); return; }
         const n = (res.updates || []).length;
         if (cfg && (cfg.features || {}).autoUpdatePlugins === true && n > 0) {
           void runPluginsUpdate();
           return;
         }
-        pluginsStatusLine.textContent = n > 0
+        setPluginsStatus(n > 0
           ? L.pluginsUpdatesFound.replaceAll('{n}', String(n))
-          : L.pluginsUpToDate;
+          : L.pluginsUpToDate);
       })();
 
       // 会话快捷切换：入口键位（“快捷键”标签页可改）；此处定义在 refreshRows 之前，
@@ -360,6 +369,16 @@ export function openSettingsDialog() {
             if (await setFeature('imageCopy', next)) f.imageCopy = next;
             refreshRows();
           }),
+          settingRow(L.featureTableCopy, L.featureTableCopyDesc, f.tableCopy !== false, async () => {
+            const next = !(f.tableCopy !== false);
+            if (await setFeature('tableCopy', next)) f.tableCopy = next;
+            refreshRows();
+          }),
+          settingRow(L.featureComposerProvider, L.featureComposerProviderDesc, f.composerProvider !== false, async () => {
+            const next = !(f.composerProvider !== false);
+            if (await setFeature('composerProvider', next)) f.composerProvider = next;
+            refreshRows();
+          }),
           settingRow(L.featureSandboxReclaim, L.featureSandboxReclaimDesc, f.sandboxReclaim !== false, async () => {
             const next = !(f.sandboxReclaim !== false);
             if (await setFeature('sandboxReclaim', next)) f.sandboxReclaim = next;
@@ -381,7 +400,7 @@ export function openSettingsDialog() {
             refreshRows();
           }),
           (() => {
-            // 标题 = “自动更新 duanluan/zcode-plugins 插件”，仓库名可点击跳转仓库
+            // 标题 = “自动更新 duanluan/zcode-plugins”，仓库名可点击跳转仓库
             const repoLink = h('span', {
               class: 'cursor-pointer underline-offset-4 hover:underline',
               title: PLUGINS_REPO_URL,
@@ -392,17 +411,19 @@ export function openSettingsDialog() {
               if (await setFeature('autoUpdatePlugins', next)) f.autoUpdatePlugins = next;
               refreshRows();
             }, h('div', { class: 'flex items-center gap-2' }, pluginsBtn));
-            // 标题行：自动更新 <链接> 插件；描述位放状态字（检查结果/更新进度）
+            // 标题行：自动更新 <链接>；描述位放状态字（检查结果/更新进度）
             const nameEl = row.querySelector('.text-ui-sm.font-medium');
             if (nameEl) {
               nameEl.replaceChildren(
                 document.createTextNode(L.featureAutoUpdatePlugins + ' '),
                 repoLink,
-                document.createTextNode(' 插件'),
               );
             }
             const descEl = row.querySelector('[data-zcodepro-row-desc]');
-            if (descEl) descEl.replaceChildren(pluginsStatusLine);
+            if (descEl) {
+              descEl.replaceChildren(pluginsStatusLine);
+              descEl.setAttribute('title', descEl.textContent.trim());
+            }
             return row;
           })(),
         );
@@ -560,12 +581,13 @@ export function openSettingsDialog() {
       const paneTitleGen = h('div', { role: 'tabpanel', class: 'mt-4', style: 'display:none' });
       const paneDebug = h('div', { role: 'tabpanel', class: 'mt-4', style: 'display:none' });
       const panes = { features: paneFeatures, shortcuts: paneShortcuts, styles: paneStyles, perf: panePerf, agents: paneAgents, proxy: paneProxy, sync: paneSync, vision: paneVision, headroom: paneHeadroom, rtk: paneRtk, debug: paneDebug };
+      // 一级 tab 顺序：功能 → 外观 → 行为 → 性能 → 快捷键 → 代理/同步/插件页
       const tabDefs = [
         ['features', L.tabFeatures],
-        ['shortcuts', L.tabShortcuts],
-        ['agents', L.tabBehavior],
         ['styles', L.tabStyles],
+        ['agents', L.tabBehavior],
         ['perf', L.tabPerformance],
+        ['shortcuts', L.tabShortcuts],
         ['proxy', L.tabProxy],
         ['sync', L.tabSync],
         ['vision', L.tabVision],
@@ -869,15 +891,20 @@ export function openSettingsDialog() {
       // —— “颜色”子页（paneStylesSub3）：预设皮肤卡片 + 自定义主题编辑 ——
       // —— “背景图”子页（paneStylesSub4）：无背景 / 图库 / 文件夹轮换 / 网址 ——
       let themeCfg = structuredClone(config.theme || {});
+      const numOrBg = (v, d) => (typeof v === 'number' && Number.isFinite(v) ? v : d);
       themeCfg.skin = themeCfg.skin || 'default';
       themeCfg.custom = {
         light: (themeCfg.custom && themeCfg.custom.light) || {},
         dark: (themeCfg.custom && themeCfg.custom.dark) || {},
       };
       themeCfg.bg = {
-        mode: 'none', file: '', folder: '', folderRandom: true, url: '', intervalMin: 0, fit: 'cover', visibility: 0.8,
         ...(themeCfg.bg || {}),
+        mode: themeCfg.bg?.mode || 'none',
+        maskOpacity: numOrBg(themeCfg.bg?.maskOpacity, 0.82),
+        blurPx: numOrBg(themeCfg.bg?.blurPx, 0),
+        panelOpacity: numOrBg(themeCfg.bg?.panelOpacity, 0.3),
       };
+      // file/folder/url/fit/folderRandom/intervalMin/regions 由 helper 清洗保证形态，原样保留
       themeCfg.bg.regions = (themeCfg.bg.regions && typeof themeCfg.bg.regions === 'object') ? themeCfg.bg.regions : {};
       let bgFiles = [];
       let bgLoading = false;
@@ -1061,19 +1088,35 @@ export function openSettingsDialog() {
           valueCtrl || h('span', { class: 'text-ui-xs text-foreground-subtle' }, ''));
       };
       const renderThemeBg = () => {
-        const vis = Math.round((themeCfg.bg.visibility ?? 0.8) * 100);
-        const visLabel = h('span', { class: 'w-10 text-right text-ui-xs tabular-nums text-foreground-subtle' }, vis + '%');
-        const visRange = h('input', {
-          type: 'range', min: '0', max: '100', step: '5', value: String(vis),
-          class: 'zcodepro-range', 'aria-label': L.themeVisibility, style: 'flex:1',
-        });
-        let visTimer = null;
-        visRange.addEventListener('input', () => {
-          const v = Number(visRange.value);
-          visLabel.textContent = v + '%';
-          clearTimeout(visTimer);
-          visTimer = setTimeout(() => { void saveTheme({ bg: { visibility: v / 100 } }); }, 300);
-        });
+        // 三个调节参数（滑杆行构造器：label + 范围 + 单位 + 提示 + 防抖保存）
+        const sliderRow = (label, title, min, max, step, val, unit, commit, hint) => {
+          // 标签列固定宽（容最长标签六字；内联样式——应用的 Tailwind 按需编译
+          // 不包含 w-[72px] 这类任意值类）：多行滑杆的轨道起点对齐同一竖线
+          const lab = h('span', { class: 'shrink-0 whitespace-nowrap text-ui-xs font-medium text-foreground-subtle', title, style: 'width:72px' }, label);
+          const valLabel = h('span', { class: 'w-12 text-right text-ui-xs tabular-nums text-foreground-subtle' }, val + unit);
+          const range = h('input', {
+            type: 'range', min: String(min), max: String(max), step: String(step), value: String(val),
+            class: 'zcodepro-range', 'aria-label': label, style: 'flex:1',
+          });
+          let timer = null;
+          range.addEventListener('input', () => {
+            const v = Number(range.value);
+            valLabel.textContent = v + unit;
+            clearTimeout(timer);
+            timer = setTimeout(() => commit(v), 300);
+          });
+          return h('div', { class: 'flex flex-col gap-0.5' },
+            h('div', { class: 'flex items-center gap-3' }, lab, range, valLabel),
+            hint ? h('span', { class: 'text-ui-xs/relaxed text-foreground-subtle' }, hint) : null);
+        };
+        // 数值兜底：null（旧配置带入）与 undefined 都要落默认，?? 只兜 undefined
+        const numOr = (v, d) => (typeof v === 'number' && Number.isFinite(v) ? v : d);
+        const maskRow = () => sliderRow(L.themeBgMask, L.themeBgMaskHint, 0, 99, 1, Math.round(numOr(themeCfg.bg.maskOpacity, 0.82) * 100), '%',
+          (v) => { void saveTheme({ bg: { maskOpacity: v / 100 } }); }, L.themeBgMaskHint2);
+        const blurRow = () => sliderRow(L.themeBgBlur, '', 0, 24, 1, numOr(themeCfg.bg.blurPx, 0), 'px',
+          (v) => { void saveTheme({ bg: { blurPx: v } }); }, '');
+        const panelRow = () => sliderRow(L.themeBgPanel, '', 0, 100, 1, Math.round(numOr(themeCfg.bg.panelOpacity, 0.3) * 100), '%',
+          (v) => { void saveTheme({ bg: { panelOpacity: v / 100 } }); }, L.themeBgPanelHint);
         const modeBtn = (id, label) => h('button', {
           type: 'button', class: 'zcodepro-tab',
           'data-state': themeCfg.bg.mode === id ? 'active' : 'inactive',
@@ -1184,9 +1227,8 @@ export function openSettingsDialog() {
             h('span', { class: 'text-ui-xs font-medium text-foreground-subtle' }, L.themeBgFit),
             fitBtn('cover', L.themeBgFitCover), fitBtn('contain', L.themeBgFitContain),
             fitBtn('fill', L.themeBgFitFill), fitBtn('tile', L.themeBgFitTile)),
-          h('div', { class: 'mt-3 flex items-center gap-3' },
-            h('span', { class: 'shrink-0 text-ui-xs font-medium text-foreground-subtle' }, L.themeVisibility),
-            visRange, visLabel),
+          h('div', { class: 'mt-3 flex flex-col gap-2' },
+            maskRow(), blurRow(), panelRow()),
           bgInput,
         );
       };

package/src/inject/features/table-copy.js

@@ -0,0 +1,148 @@
+// 回答内容表格工具条的「复制表格」按钮：把表格以富文本（text/html）写入
+// 剪贴板，可粘贴进 Excel / 富文本编辑器并被识别为真正的表格（分列成格）。
+// 官方已有「复制 Markdown / 下载 CSV / 预览」，但没有富文本形态——手动框选
+// 复制虽也是 text/html，但带上了应用给单元格的横线与主题背景色，粘贴出来
+// 脏样式。这里克隆表格后剥掉全部内联样式与 class，只保留表格结构本身。
+// text/plain 同步写 TSV（Tab 分列、换行分行）：Excel / Numbers / 粘贴为纯
+// 文本的场景都能正确分列；富文本编辑器取 text/html 得到干净表格。
+import { ensureStyle, showToast } from '../ui.js';
+import { t, getConfig } from '../core.js';
+
+let installed = false;
+let enabled = true; // helper features.tableCopy（默认开）
+
+// 剥样式：克隆树上去掉 style/class/width 等表现属性，只留结构（含 rowspan/
+// colspan——Excel 识别合并单元格）。thead/tbody 保留，th/td 语义也保留
+function cleanTable(table) {
+  const clone = table.cloneNode(false);
+  const walk = (src, dst) => {
+    for (const node of src.childNodes) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        if (node.textContent.trim()) dst.append(document.createTextNode(node.textContent));
+        continue;
+      }
+      if (node.nodeType !== Node.ELEMENT_NODE) continue;
+      const tag = node.tagName;
+      // 嵌套的行内标记（strong/em/code/a/span）保留文本与标签但不带任何属性
+      const el = document.createElement(tag.toLowerCase());
+      if (tag === 'TD' || tag === 'TH') {
+        // 合并单元格信息必须保留（Excel/编辑器据此铺格）
+        for (const a of ['colspan', 'rowspan']) {
+          const v = node.getAttribute(a);
+          if (v && v !== '1') el.setAttribute(a, v);
+        }
+      }
+      dst.append(el);
+      walk(node, el);
+    }
+  };
+  walk(table, clone);
+  return clone;
+}
+
+// TSV 转义：单元格内的 Tab/换行替换为空格（TSV 无法表达内嵌二者）
+function tableToTsv(table) {
+  const rows = [];
+  for (const tr of table.rows) {
+    const cells = [];
+    for (const cell of tr.cells) {
+      cells.push((cell.textContent || '').replace(/[\t\r\n]+/g, ' ').trim());
+    }
+    rows.push(cells.join('\t'));
+  }
+  return rows.join('\n');
+}
+
+async function copyTable(table) {
+  const L = t();
+  const clean = cleanTable(table);
+  const html = '<meta charset="utf-8"><table>' + clean.innerHTML + '</table>';
+  const tsv = tableToTsv(table);
+  try {
+    if (typeof ClipboardItem !== 'undefined' && navigator.clipboard && navigator.clipboard.write) {
+      await navigator.clipboard.write([
+        new ClipboardItem({
+          'text/html': new Blob([html], { type: 'text/html' }),
+          'text/plain': new Blob([tsv], { type: 'text/plain' }),
+        }),
+      ]);
+      showToast(L.tableCopied, 'success');
+      return;
+    }
+  } catch { /* 走下面的兜底 */ }
+  // 兜底：自建 Selection + execCommand('copy')，剪贴板由浏览器按 DOM 生成
+  // text/html（无样式）与 text/plain
+  try {
+    const holder = document.createElement('div');
+    holder.contentEditable = 'true';
+    holder.style.cssText = 'position:fixed;left:-9999px;top:0;';
+    holder.append(clean);
+    document.body.append(holder);
+    const range = document.createRange();
+    range.selectNodeContents(holder);
+    const sel = window.getSelection();
+    sel.removeAllRanges();
+    sel.addRange(range);
+    const ok = document.execCommand('copy');
+    sel.removeAllRanges();
+    holder.remove();
+    if (ok) { showToast(L.tableCopied, 'success'); return; }
+  } catch { /* ignore */ }
+  showToast(L.failed, 'error');
+}
+
+// 与官方按钮同款的 ghost 图标按钮：lucide table 图标 + tooltip 用 aria-label
+//（应用的 tooltip 组件由 React 挂载，注入按钮只能靠原生 title/aria——这里
+// 用 aria-label 保持与邻居一致的可访问性，悬停提示用原生 title）
+function makeButton(onClick) {
+  const L = t();
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.setAttribute('aria-label', L.tableCopyBtn);
+  btn.title = L.tableCopyBtn;
+  btn.className = 'group/button inline-flex items-center justify-center border border-transparent bg-clip-padding whitespace-nowrap transition-colors outline-none select-none text-foreground hover:bg-hover hover:text-foreground size-7 rounded-lg [&_svg:not([class*=\'size-\'])]:size-4 shrink-0';
+  btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table size-3.5" aria-hidden="true"><path d="M12 3v18"></path><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2"></path></svg>';
+  btn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    onClick();
+  });
+  return btn;
+}
+
+export function startTableCopy() {
+  if (installed || typeof document === 'undefined') return;
+  installed = true;
+  ensureStyle();
+
+  // 定位工具条对应的表格：工具条与表格在同一个包裹容器（.my-0.flex 容器，
+  // 官方结构）里；先在兄弟里找，找不到再向上两层内找
+  const tableOf = (bar) => {
+    let scope = bar.parentElement;
+    for (let i = 0; i < 3 && scope; i++) {
+      const table = scope.querySelector('table');
+      if (table) return table;
+      scope = scope.parentElement;
+    }
+    return null;
+  };
+
+  const enhance = (bar) => {
+    if (bar.dataset.zcodeproTableCopy) return;
+    bar.dataset.zcodeproTableCopy = '1';
+    const table = tableOf(bar);
+    if (!table) return; // 没有对应表格就没意义（工具条总在表格旁，防御而已）
+    bar.append(makeButton(() => { void copyTable(table); }));
+  };
+
+  const scan = () => {
+    for (const bar of document.querySelectorAll('[data-markdown-table-toolbar]')) enhance(bar);
+  };
+  scan();
+  // 会话滚动/新回答渲染都会新增表格：body 子树观察器兜底（现有各功能同款模式）
+  void getConfig().then((cfg) => { enabled = cfg.features ? cfg.features.tableCopy !== false : true; }).catch(() => {});
+  window.addEventListener('zcodepro:config-changed', () => {
+    void getConfig(true).then((cfg) => { enabled = cfg.features ? cfg.features.tableCopy !== false : true; }).catch(() => {});
+  });
+  const observer = new MutationObserver(() => { if (enabled) scan(); });
+  observer.observe(document.body, { childList: true, subtree: true });
+}

package/src/inject/features/theme.js

@@ -194,7 +194,7 @@ let skinStyleEl = null;   // 皮肤 token 覆盖
 let bgStyleEl = null;     // html 背景层（图 + 遮罩）
 let injectedKeys = new Set(); // 半透明化写进 root.style 的变量（重算前先撤）
 let classObserver = null; // 明暗切换（root class 变化）→ 重算遮罩色与透明度
-let currentTheme = { skin: 'default', custom: null, bg: { mode: 'none', visibility: 0.8 } };
+let currentTheme = { skin: 'default', custom: null, bg: { mode: 'none', maskOpacity: 0.82, blurPx: 0, panelOpacity: 0.3 } };
 let lastModeSig = ''; // 观察器只对明暗模式变化重算：applySkin/applyBackground
 // 自己也会改 root class（zcodepro-skin-*/zcodepro-bg-on），不带这条过滤会自触发循环
 let bgTimer = null;   // 文件夹轮换 / 网址刷新定时器（重应用前先清）
@@ -321,18 +321,23 @@ async function applyBackground(bg) {
     return;
   }
 
-  const visibility = typeof bg.visibility === 'number' && Number.isFinite(bg.visibility)
-    ? Math.min(1, Math.max(0, bg.visibility)) : 0.8;
-  const alpha = 1 - visibility;
+  // 三参数（对齐 codeg 语义）：maskOpacity 遮罩不透明度（直接作为遮罩 α）；
+  // blurPx 图片模糊（CSS filter，只糊图片层不糊遮罩）；panelOpacity 面板
+  // 不透明度（侧栏/面板/标签栏表面混入底色的比例，独立于遮罩）
+  const num01 = (v, dflt) => (typeof v === 'number' && Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : dflt);
+  const maskOpacity = num01(bg.maskOpacity, 0.82);
+  const alpha = Math.min(0.99, maskOpacity);
+  const blurPx = typeof bg.blurPx === 'number' && Number.isFinite(bg.blurPx)
+    ? Math.min(24, Math.max(0, Math.round(bg.blurPx))) : 0;
+  const panelOpacity = num01(bg.panelOpacity, 0.3);
   // 遮罩色跟随当前明暗的皮肤底色：在皮肤已应用、半透明化未写入时读解析色
   const resolvedBg = resolvedColor('--color-background');
   const mHex = resolvedBg.match(/^rgba?\(([\d.]+),\s*([\d.]+),\s*([\d.]+)/);
   const rgb = mHex
     ? [Math.round(+mHex[1]), Math.round(+mHex[2]), Math.round(+mHex[3])].join(',')
     : (isDarkMode() ? '13,13,13' : '248,248,248');
-  // 表面半透明化：面板不透明度 = 遮罩浓度 + 10% 基础偏移（可见度 100% → 面板
-  // 10% 底色，0% → 100% 纯色）；在设图之前完成，与具体图片无关
-  const panelMix = Math.min(100, Math.round(alpha * 100) + 10);
+  // 表面半透明化：面板不透明度直接用 panelOpacity（0=全透图，1=纯色）
+  const panelMix = Math.round(panelOpacity * 100);
   if (panelMix < 100) {
     for (const t of SURFACE_TOKENS) {
       const v = resolvedColor(t);
@@ -342,7 +347,7 @@ async function applyBackground(bg) {
       }
     }
   }
-  await applyRegionBackgrounds(bg, { mask, rgb, alpha, fit: bg.fit, visibility, seq });
+  await applyRegionBackgrounds(bg, { rgb, alpha, fit: bg.fit, seq });
   if (seq !== applySeq) return; // 分区文件夹列表等待期间配置又变了
   if (!bgActive) return; // 只有分区背景：到此为止，html 层不设图
 
@@ -357,10 +362,17 @@ async function applyBackground(bg) {
     tile: 'background-size:100% 100%,auto !important;background-repeat:no-repeat,repeat !important;',
   };
   const fitCss = FIT_CSS[bg.fit] || FIT_CSS.cover;
+  // 模糊只作用于背景层：图与遮罩画在 html::before（fixed 铺满视口、z 轴最底），
+  // filter 写在伪元素上——写在 html 自身会把整个界面子树一起糊掉。
+  // 模糊会把伪元素边缘拉开出现透明缝，按模糊半径外扩 inset 收边
+  const blurCss = blurPx > 0 ? `filter:blur(${blurPx}px);` : '';
+  const spread = blurPx > 0 ? Math.max(20, blurPx * 2) : 0;
   const setImage = (image) => {
     bgStyleEl.textContent =
-      `html.zcodepro-bg-on{background-color:rgb(${rgb}) !important;background-image:linear-gradient(rgba(${rgb},${alpha}),rgba(${rgb},${alpha})),${image} !important;` +
-      `${fitCss}background-position:center !important;}`;
+      `html.zcodepro-bg-on{background-color:rgb(${rgb}) !important;}` +
+      `html.zcodepro-bg-on::before{content:'' !important;position:fixed;inset:-${spread}px;z-index:-1;pointer-events:none;` +
+      `background-image:linear-gradient(rgba(${rgb},${alpha}),rgba(${rgb},${alpha})),${image} !important;` +
+      `${fitCss}background-position:center !important;${blurCss}}`;
     root.classList.add('zcodepro-bg-on');
   };
   const helperUrl = liveBoot().helperUrl || HELPER_URL;
@@ -413,8 +425,8 @@ async function applyRegionBackgrounds(bg, pre) {
   regionTimers = [];
   const rules = new Map(); // region -> 规则文本（轮换时覆盖同分区旧规则，不无限追加）
   const flush = () => { regionStyleEl.textContent = [...rules.values()].join(''); };
-  // pre.alpha = 遮罩浓度（= 1 - 可见度），与全局同值，不再反转
-  const alpha = pre ? pre.alpha : 0.2;
+  // pre.alpha = 遮罩不透明度（直接配置值），与全局同值
+  const alpha = pre ? pre.alpha : 0.82;
   const rgb = pre ? pre.rgb : '13,13,13';
   const FIT_CSS = {
     cover: '100% 100%,cover', contain: '100% 100%,contain', fill: '100% 100%,100% 100%', tile: '100% 100%,auto',
@@ -468,7 +480,7 @@ function applyAll(theme) {
 
 export function startTheme() {
   if (!document.head && !document.documentElement) return;
-  applyAll({ skin: 'default', custom: null, bg: { mode: 'none', visibility: 0.8 } });
+  applyAll({ skin: 'default', custom: null, bg: { mode: 'none', maskOpacity: 0.82, blurPx: 0, panelOpacity: 0.3 } });
   void getConfig().then((cfg) => applyAll(cfg.theme)).catch(() => { /* 读不到配置保持应用默认 */ });
   window.addEventListener('zcodepro:config-changed', () => {
     void getConfig(true).then((cfg) => applyAll(cfg.theme)).catch(() => { /* ignore */ });

package/src/inject/index.js

@@ -23,6 +23,8 @@ import { startToolbarIcons } from './features/toolbar-icons.js';
 import { startPinnedCollapse } from './features/pinned-collapse.js';
 import { startStyleAdjustments } from './features/styles.js';
 import { startTheme } from './features/theme.js';
+import { startTableCopy } from './features/table-copy.js';
+import { startComposerProvider } from './features/composer-provider.js';
 import { startPluginUpdateCheck } from './features/plugin-updates.js';
 import { ensureStyle } from './ui.js';
 
@@ -72,6 +74,8 @@ import { ensureStyle } from './ui.js';
     try { startPinnedCollapse(); } catch { /* ignore */ }
     try { startStyleAdjustments(); } catch { /* ignore */ }
     try { startTheme(); } catch { /* ignore */ }
+    try { startTableCopy(); } catch { /* ignore */ }
+    try { startComposerProvider(); } catch { /* ignore */ }
     try { startSettingsEntry(); } catch { /* ignore */ }
     // 插件更新检查慢（可能 git pull），异步进行，不阻塞其他功能
     try { void startPluginUpdateCheck(); } catch { /* ignore */ }

package/src/inject/ui.js

@@ -26,8 +26,10 @@ export function showToast(text, kind = 'info') {
 // 注意：绝不能用 bg-surface 做面板底色——该 token 在应用里是 ~3% 不透明度的着色层（#0d0d0d08），
 // 会导致整卡透明。关键视觉另在 ensureStyle 里以自有样式表兜底（ID 选择器 + 主题变量 + 字面量回退），
 // 应用 Tailwind 类随版本更新变动时遮罩/面板仍能正确绘制。
-const overlayClass = 'fixed inset-0 isolate z-50 flex items-center justify-center bg-black/60 supports-backdrop-filter:backdrop-blur-xs duration-100 p-4 platform-linux-desktop:top-12';
-const overlayClassBare = 'fixed inset-0 isolate z-50 flex items-center justify-center duration-100 p-4 platform-linux-desktop:top-12';
+// 垂直方向 items-start + 卡片 margin-top：切 tab 内容高度变化时卡片顶边不动
+// （此前 items-center 上下双向伸缩，顶部随内容高度跳动，顶部 tab 没法稳着点）
+const overlayClass = 'fixed inset-0 isolate z-50 flex items-start justify-center bg-black/60 supports-backdrop-filter:backdrop-blur-xs duration-100 p-4 platform-linux-desktop:top-12';
+const overlayClassBare = 'fixed inset-0 isolate z-50 flex items-start justify-center duration-100 p-4 platform-linux-desktop:top-12';
 const contentClass = 'w-full sm:max-w-md rounded-2xl border-none bg-popover/98 p-5 text-ui-base/relaxed text-foreground ring-border shadow-2xl';
 
 // overlay: 'dim'（默认，半透明遮罩）| 'none'（透明遮罩）——设置弹窗用 'none'，方便边调样式边看会话。
@@ -59,6 +61,7 @@ export function openDialog({ title, description, onMount, onClose, width = 'sm:m
     role: 'dialog',
     'aria-modal': 'true',
     class: contentClass.replace('sm:max-w-md', width) + ' zcodepro-card',
+    style: 'margin-top:12vh;max-height:calc(88vh - 3rem);overflow-y:auto;',
   });
   const overlayEl = h('div', {
     'data-overlay': overlay,
@@ -358,7 +361,7 @@ export function settingRow(name, desc, checked, onToggle, extra) {
   },
     h('div', { class: 'min-w-0 flex-1' },
       h('div', { class: 'text-ui-sm font-medium text-foreground' }, name),
-      h('div', { class: 'mt-0.5 text-ui-xs/relaxed text-foreground-subtle', 'data-zcodepro-row-desc': '' }, desc ?? '')),
+      h('div', { class: 'mt-0.5 text-ui-xs/relaxed text-foreground-subtle zcodepro-row-desc', 'data-zcodepro-row-desc': '', title: desc ?? '' }, desc ?? '')),
     ...(extraEl ? [extraEl] : []),
     h('button', {
       type: 'button',
@@ -400,6 +403,14 @@ export function ensureStyle() {
       /* 滚到底不再把滚动传给弹窗后面的页面 */
       overscroll-behavior: contain;
     }
+    /* 双列网格（功能页）里的行描述最多两行省略：长描述撑出的参差行高是
+       网格观感差的根源；单列场景（其他面板）不受影响 */
+    .grid.grid-cols-2 > div > div > .zcodepro-row-desc {
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
     /* 开关（设置弹窗）：几何固定写入，颜色随主题变量 */
     [data-zcodepro-switch] {
       position: relative;
@@ -566,6 +577,8 @@ export function ensureStyle() {
       -webkit-appearance: none;
       appearance: none;
       width: 100%;
+      /* 不给 padding：padding 会缩小 thumb 的可滑区间（拖不到最左/最右）。
+      轨道起点对齐由弹窗里的固定标签列宽负责 */
       height: 4px;
       border-radius: 9999px;
       background: color-mix(in oklab, var(--color-foreground, #888) 18%, transparent);
@@ -694,6 +707,9 @@ export function ensureStyle() {
       height: 12px;
       flex-shrink: 0;
       opacity: 0.6;
+      /* 11px 字体的视觉中心（x-height 中点）高于行盒几何中心约 1px（下伸部
+          预留），几何居中的图标看起来偏下——整体上移 1px 对齐视觉中心 */
+      transform: translateY(-1px);
     }
     .zcodepro-statusbar b { font-weight: 600; color: var(--color-foreground-subtle, #666); }
     .zcodepro-statusbar i {