@philomelcc/dsh-workbench 0.1.7 → 0.1.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 philomelcc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,6 +2,15 @@
 
 外壳本体：顶部第二行的标签切换、每个模块一整页，以及模块注册用的那套小 API。
 
+## 0.1.9 的变化
+
+- 新增**功能开关**和**工作台设置页**（系统栏最左侧的 mark 图标）：主题切换、余额显示、重启按钮、进行中光效、单次消耗估计，都能单独关掉。
+- 顶部第一行系统栏改为**镜像原生侧栏导航项**，任何注册 `sidebar.panellist` 的插件都会自动出现。
+- 模块支持**无外壳运行**：没有工作台时自己注册到原生侧栏。
+- 设置入口挪到左上角，工作台图标重绘为「带标签栏的面板」；`apiVersion` 仍是 `1`。
+
+完整变更见 [CHANGELOG](https://github.com/philomelcc/dsh-workbench/blob/main/CHANGELOG.md)。
+
 它单独装没什么用——至少配一个模块：
 
 ```powershell

package/client.js

@@ -21,6 +21,61 @@ window.__ModuleLoader__.load({
       labelSecondary: 'var(--dsw-alias-label-secondary)',
     };
 
+    // ---------- feature switches ----------
+    // The shell is optional decoration on top of the navigation layer: someone
+    // who only wants the tab row can turn the rest off and let another plugin
+    // own balances, themes or cost estimates. Every switch defaults to on, so
+    // installing the shell keeps the previous behaviour.
+    const FEATURE_KEYS = ['theme', 'balance', 'restart', 'glow', 'cost'];
+    const FEATURE_DEFAULTS = { theme: true, balance: true, restart: true, glow: true, cost: true };
+    const FEATURE_LABELS = {
+      theme: { title: '主题切换', hint: '顶部栏的深色 / 浅色 / 纸色三个色块' },
+      balance: { title: '余额显示', hint: '顶部栏的账户余额' },
+      restart: { title: '重启按钮', hint: '顶部栏的一键重启（需要外部管理器）' },
+      glow: { title: '进行中光效', hint: '会话运行中时列表行的流动光效' },
+      cost: { title: '单次消耗估计', hint: '每轮对话结束时显示的 token 与费用估算' },
+    };
+
+    function createFeaturesStore() {
+      const KEY = 'dsh-workbench:features';
+      const listeners = new Set();
+      let state = read();
+
+      function read() {
+        const next = { ...FEATURE_DEFAULTS };
+        try {
+          const raw = localStorage.getItem(KEY);
+          if (raw) {
+            const parsed = JSON.parse(raw);
+            for (const key of FEATURE_KEYS) {
+              if (typeof parsed[key] === 'boolean') next[key] = parsed[key];
+            }
+          }
+        } catch (_error) { /* storage disabled */ }
+        return next;
+      }
+
+      return {
+        getSnapshot() { return state; },
+        set(key, value) {
+          if (!FEATURE_KEYS.includes(key) || state[key] === value) return;
+          state = { ...state, [key]: value };
+          try { localStorage.setItem(KEY, JSON.stringify(state)); } catch (_error) { /* storage disabled */ }
+          for (const fn of listeners) fn();
+        },
+        subscribe(fn) {
+          listeners.add(fn);
+          return () => { listeners.delete(fn); };
+        },
+      };
+    }
+
+    const features = createFeaturesStore();
+
+    function useFeatures() {
+      return React.useSyncExternalStore(features.subscribe, features.getSnapshot);
+    }
+
     // ---------- shared UI primitives ----------
     function StatusDot(props) {
       const ok = props.ok !== false;
@@ -259,6 +314,33 @@ window.__ModuleLoader__.load({
       );
     }
 
+    // ---------- settings icon & page ----------
+    const SETTINGS_VIEW_ID = 'workbench-settings';
+
+    // A panel with its own tab strip: the workbench's mark, distinct from the
+    // native "More" grid (four squares) so the two do not read alike.
+    function IconWorkbenchTabs(props) {
+      const size = props.size || 20;
+      return h('svg', { viewBox: '0 0 24 24', width: size, height: size, 'aria-hidden': true, fill: 'none' },
+        h('rect', { x: 3.5, y: 4.5, width: 17, height: 15, rx: 2.5, stroke: 'currentColor', strokeWidth: 1.5 }),
+        h('path', { d: 'M3.5 9.2h17', stroke: 'currentColor', strokeWidth: 1.4 }),
+        h('circle', { cx: 6.4, cy: 6.85, r: 0.85, fill: 'currentColor' }),
+        h('circle', { cx: 9.4, cy: 6.85, r: 0.85, fill: 'currentColor' }),
+        h('path', { d: 'M6.2 13.2h5.6M6.2 16h8.4', stroke: 'currentColor', strokeWidth: 1.4, strokeLinecap: 'round' }),
+      );
+    }
+
+    function IconSettings(props) {
+      const size = props.size || 20;
+      return h('svg', { viewBox: '0 0 24 24', width: size, height: size, 'aria-hidden': true, fill: 'none' },
+        h('circle', { cx: 12, cy: 12, r: 3.2, stroke: 'currentColor', strokeWidth: 1.5 }),
+        h('path', {
+          d: 'M19.4 13.5a7.7 7.7 0 0 0 0-3l1.7-1.2-1.9-3.3-2 .8a7.6 7.6 0 0 0-2.6-1.5L14.3 3h-3.8l-.3 2.3a7.6 7.6 0 0 0-2.6 1.5l-2-.8-1.9 3.3 1.7 1.2a7.7 7.7 0 0 0 0 3l-1.7 1.2 1.9 3.3 2-.8a7.6 7.6 0 0 0 2.6 1.5l.3 2.3h3.8l.3-2.3a7.6 7.6 0 0 0 2.6-1.5l2 .8 1.9-3.3z',
+          stroke: 'currentColor', strokeWidth: 1.4, strokeLinejoin: 'round',
+        }),
+      );
+    }
+
     // ---------- overview page ----------
     function WorkbenchOverview() {
       const reg = useRegistry();
@@ -311,8 +393,110 @@ window.__ModuleLoader__.load({
     // ────────────────────────── top bar (stage 1) ──────────────────────────
     const TOPBAR_HEIGHT = 102;
 
+    // ---------- settings page ----------
+    // Reachable from the gear in the system bar. Two jobs: turn the shell's own
+    // extras on or off, and show which modules registered a page.
+    function WorkbenchSettings() {
+      const enabled = useFeatures();
+      const reg = useRegistry();
+      const views = Array.from(reg.views.values())
+        .filter((item) => item.id !== SETTINGS_VIEW_ID)
+        .sort((a, b) => a.order - b.order);
+
+      function toggleRow(key) {
+        const meta = FEATURE_LABELS[key];
+        const on = enabled[key];
+        return h('div', {
+          key,
+          style: {
+            display: 'flex', alignItems: 'center', gap: 14,
+            padding: '12px 14px', borderBottom: '1px solid ' + tokens.border1,
+          },
+        },
+          h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+            h('div', { style: { fontWeight: 550 } }, meta.title),
+            h('div', { style: { fontSize: 11, color: tokens.labelSecondary } }, meta.hint),
+          ),
+          h('button', {
+            type: 'button',
+            role: 'switch',
+            'aria-checked': on ? 'true' : 'false',
+            'aria-label': meta.title,
+            onClick: () => features.set(key, !on),
+            style: {
+              position: 'relative', width: 40, height: 22, borderRadius: 999,
+              border: '1px solid ' + (on ? 'var(--dsw-alias-brand-primary)' : tokens.border2),
+              background: on ? 'var(--dsw-alias-brand-primary)' : tokens.bgLayer2,
+              cursor: 'pointer', flex: '0 0 auto', padding: 0,
+              transition: 'background .15s, border-color .15s',
+            },
+          },
+            h('span', {
+              'aria-hidden': true,
+              style: {
+                position: 'absolute', top: 2, left: on ? 20 : 2,
+                width: 16, height: 16, borderRadius: '50%',
+                background: on ? '#fff' : 'var(--dsw-alias-label-secondary)',
+                transition: 'left .15s',
+              },
+            }),
+          ),
+        );
+      }
+
+      function viewRow(item) {
+        return h('div', {
+          key: item.id,
+          style: {
+            display: 'flex', alignItems: 'center', gap: 10,
+            padding: '10px 14px', borderBottom: '1px solid ' + tokens.border1,
+          },
+        },
+          h('div', { style: { width: 22, height: 22, color: tokens.labelSecondary, flex: '0 0 auto', display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+            item.icon ? h(item.icon, { size: 18, active: false }) : null),
+          h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+            h('div', { style: { fontWeight: 550, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, item.title),
+            h('div', { style: { fontSize: 11, color: tokens.labelSecondary } },
+              (item.tab === false ? '无标签页 · ' : '标签页 · ') + item.id + ' · order ' + item.order),
+          ),
+        );
+      }
+
+      return h('div', {
+        style: {
+          padding: '24px 28px', maxWidth: 920, margin: '0 auto', height: '100%',
+          boxSizing: 'border-box', overflowY: 'auto',
+          color: tokens.label, background: tokens.bgBase,
+        },
+      },
+        h('h2', { style: { margin: '0 0 4px', fontSize: 20, fontWeight: 650 } }, '工作台设置'),
+        h('div', { style: { fontSize: 13, color: tokens.labelSecondary, marginBottom: 20 } },
+          '只想要导航分层的话，上面这些都可以关掉，交给别的插件。'),
+        h('div', null,
+          h(SectionHeader, { title: '功能', subtitle: '外壳自带、可以单独关闭的额外功能' }),
+          h(Card, null, FEATURE_KEYS.map(toggleRow)),
+        ),
+        h('div', { style: { marginTop: 20 } },
+          h(SectionHeader, { title: '已注册的模块', subtitle: '它们出现在顶部第二行的模块栏' }),
+          h(Card, null,
+            views.length === 0
+              ? h(EmptyState, { text: '还没有模块注册页面。' })
+              : views.map(viewRow),
+          ),
+        ),
+      );
+    }
+
     async function restartDsh() {
-      try { await fetch('/wb/workbench/restart', { method: 'POST' }); } catch (_e) {}
+      try {
+        const res = await fetch('/wb/workbench/restart', { method: 'POST' });
+        const json = await res.json().catch(() => null);
+        if (json && json.ok === false) {
+          window.alert(json.hint || '这台机器上没有可用的重启管理器，请手动重启 DSH Web。');
+        }
+      } catch (_error) {
+        /* offline: nothing to do */
+      }
     }
 
     function createBalanceStore(ctx) {
@@ -470,6 +654,11 @@ window.__ModuleLoader__.load({
       '--dsw-specific-input-major': '#f2ece0',
       '--dsw-specific-tip': '#f7f2e7',
       '--dsw-specific-menu': '#fcf9f3',
+      // Scrollbars read their own alias pair and default to neutral grey.
+      '--dsw-alias-scrollbar-bg-l1': '#d8cfba',
+      '--dsw-alias-scrollbar-bg-l2': '#d8cfba',
+      '--dsw-alias-scrollbar-hover-l1': '#c6bba2',
+      '--dsw-alias-scrollbar-hover-l2': '#c6bba2',
       // The neutral greys are blue-tinted. Buttons ("load earlier"), inputs,
       // chips and cards read their pale surfaces from this ramp, so warm it up
       // too; deep steps stay untouched because they are text/borders.
@@ -555,12 +744,15 @@ window.__ModuleLoader__.load({
               return;
             }
             const rect = settings.getBoundingClientRect();
-            if (rect.width > 0) box.style.right = (rect.width + 16 + 12) + 'px';
-            // Same box as the account block, so `align-items: center` lands on
-            // the account's optical center instead of a guessed offset.
-            if (rect.height > 0) {
+            if (rect.width > 0) {
+              box.style.right = (rect.width + 16 + 12) + 'px';
               box.style.top = rect.top + 'px';
               box.style.height = rect.height + 'px';
+            } else {
+              // Narrow screens hide the account block; pin the swatches right.
+              box.style.right = '12px';
+              box.style.top = '2px';
+              box.style.height = '40px';
             }
           };
           place();
@@ -657,8 +849,74 @@ window.__ModuleLoader__.load({
       return ThemeSwitcher;
     }
 
+    // ---------- native sidebar panel mirror ----------
+    // The workbench keeps no navigation list of its own: whatever the sidebar
+    // lists (Plugins, Automations, More — plus any plugin that registers a
+    // panel later) is mirrored into the top bar, click delegated to that row.
+    function createPanelMirror() {
+      function PanelMirror() {
+        const [items, setItems] = React.useState(function () { return []; });
+
+        React.useEffect(function () {
+          function sync() {
+            const list = document.querySelector('nav[class*="panelList"]');
+            if (!list) return;
+            const next = [];
+            Array.prototype.forEach.call(list.children, function (node) {
+              const btn = node.tagName === 'BUTTON'
+                ? node
+                : (node.querySelector ? node.querySelector('button') : null);
+              if (!btn) return;
+              const label = btn.getAttribute('aria-label') || String(node.textContent || '').trim();
+              const svg = btn.querySelector('svg');
+              next.push({ label: label || '入口', html: svg ? svg.outerHTML : '', btn: btn });
+            });
+            setItems(function (prev) {
+              const same = prev.length === next.length && prev.every(function (item, index) {
+                return item.label === next[index].label && item.html === next[index].html;
+              });
+              return same ? prev : next;
+            });
+          }
+          sync();
+          const observer = new MutationObserver(sync);
+          observer.observe(document.body, { childList: true, subtree: true });
+          return function () { observer.disconnect(); };
+        }, []);
+
+        return h('div', { className: 'wb-topbar-icons', style: { display: 'flex', gap: 2, flex: 1, overflow: 'hidden' } },
+          items.map(function (item, index) {
+            return h('button', {
+              key: item.label + ':' + index,
+              type: 'button',
+              className: 'wb-nav-item',
+              'aria-label': item.label,
+              onClick: function () {
+                try { item.btn.click(); } catch (_error) { /* row went away */ }
+              },
+              style: {
+                display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
+                gap: 4, height: 34, padding: '0 9px', borderRadius: 8, border: 'none',
+                background: 'transparent', color: 'var(--dsw-alias-label-secondary)',
+                cursor: 'pointer', flex: '0 0 auto', transition: 'background .15s, color .15s',
+              },
+            },
+              h('span', {
+                'aria-hidden': true,
+                style: { display: 'inline-flex', width: 18, height: 18, flex: '0 0 auto' },
+                dangerouslySetInnerHTML: { __html: item.html },
+              }),
+              h('span', { className: 'wb-nav-label' }, item.label),
+            );
+          }),
+        );
+      }
+      return PanelMirror;
+    }
+
     function createTopBar(ctx, balance) {
       const ThemeSwitcher = createThemeSwitcher(ctx);
+      const PanelMirror = createPanelMirror();
 
       function BalanceChip() {
         const snap = React.useSyncExternalStore(balance.subscribe, balance.getSnapshot);
@@ -723,6 +981,7 @@ window.__ModuleLoader__.load({
       function TopBar(props) {
         const rootRef = React.useRef(null);
         const tabsRef = React.useRef(null);
+        const enabled = useFeatures();
         const reg = useRegistry();
         const usePanelInfo = props.usePanelInfo;
         const panelInfo = typeof usePanelInfo === 'function' ? usePanelInfo((s) => s) : null;
@@ -777,12 +1036,32 @@ window.__ModuleLoader__.load({
           if (wsRoot) {
             Array.from(wsRoot.children).forEach((g, i) => { if (i > 0) g.style.display = 'none'; });
           }
+          // Narrow screens keep the official sidebar toggle: the workbench has no
+          // session list of its own, so hiding it strands phone users.
+          const narrowScreen = typeof window !== 'undefined' && window.innerWidth < 768;
           document.querySelectorAll('button[aria-label]').forEach((b) => {
             const label = b.getAttribute('aria-label') || '';
-            if (label.includes('侧栏') || label.includes('侧边栏') || label.includes('折叠') || label.includes('collapse') || label.includes('toggle')) {
+            if (!narrowScreen && (label.includes('侧栏') || label.includes('侧边栏') || label.includes('折叠') || label.includes('collapse') || label.includes('toggle'))) {
               b.style.display = 'none';
             }
           });
+          if (narrowScreen) {
+            // The official toggle lives inside the translated sidebar container,
+            // so a fixed copy would ride along with it. Own button in <body>,
+            // clicks delegated to the official one.
+            const original = Array.from(document.querySelectorAll('button[aria-label]'))
+              .find((b) => b.getAttribute('aria-label') === '打开侧边栏');
+            if (original) {
+              const toggle = document.createElement('button');
+              toggle.type = 'button';
+              toggle.className = 'wb-mobile-sidebar-toggle';
+              toggle.setAttribute('aria-label', '显示会话列表');
+              toggle.textContent = '☰';
+              toggle.addEventListener('click', () => original.click());
+              document.body.appendChild(toggle);
+              cleanup.push(() => toggle.remove());
+            }
+          }
           const settings = document.querySelector('[class*="settingsArea"]');
           if (settings) {
             settings.style.position = 'fixed';
@@ -858,13 +1137,26 @@ window.__ModuleLoader__.load({
 
         return h('div', { ref: rootRef, style: { position: 'fixed', top: 0, left: 0, right: 0, height: TOPBAR_HEIGHT, zIndex: 100, pointerEvents: 'auto', display: 'flex', flexDirection: 'column', background: 'var(--dsw-alias-bg-base)', borderBottom: '1px solid var(--dsw-alias-border-l1)' } },
           h('div', { style: { height: 56, display: 'flex', alignItems: 'center', gap: 10, padding: '0 14px' } },
-            h('div', { style: { width: 214, flex: '0 0 auto' } }),
-            h('div', { style: { display: 'flex', gap: 2, flex: 1, overflow: 'hidden' } },
-              iconBtn('workbench', '工作台', IconGrid),
-              iconBtn('plugins', '插件', IconPlugins),
-              iconBtn('schedules', '自动化任务', IconClock),
+            h('div', { className: 'wb-topbar-brand', style: { width: 214, flex: '0 0 auto' } }),
+            // System-level entry, first in the top-left corner: the workbench's
+            // own mark opens its settings (feature switches + module list).
+            h('button', {
+              type: 'button',
+              className: 'wb-nav-item wb-settings-entry',
+              'aria-label': '工作台设置',
+              onClick: () => selectPanel(SETTINGS_VIEW_ID),
+              style: {
+                display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
+                gap: 4, height: 34, padding: '0 9px', borderRadius: 8, border: 'none',
+                background: 'transparent', color: 'var(--dsw-alias-label-secondary)',
+                cursor: 'pointer', flex: '0 0 auto', transition: 'background .15s, color .15s',
+              },
+            },
+              h(IconWorkbenchTabs, { size: 18 }),
+              h('span', { className: 'wb-nav-label' }, '工作台'),
             ),
-            h(ThemeSwitcher),
+            h(PanelMirror),
+            enabled.theme ? h(ThemeSwitcher) : null,
           ),
           h('div', { style: { height: 45, display: 'flex', alignItems: 'center', gap: 8, padding: '0 14px', borderTop: '1px solid var(--dsw-alias-border-l1)' } },
             h('div', { ref: tabsRef, style: { position: 'relative', display: 'flex', alignItems: 'center', gap: 4, flex: 1, overflowX: 'auto', overflowY: 'hidden' } },
@@ -887,12 +1179,12 @@ window.__ModuleLoader__.load({
               tabs.map(viewTab),
             ),
             h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flex: '0 0 auto' } },
-              h(BalanceChip, null),
-              h('button', {
+              enabled.balance ? h(BalanceChip, null) : null,
+              enabled.restart ? h('button', {
                 type: 'button', title: '重启 DSH', className: 'wb-restart',
                 onClick: () => { restartDsh(ctx); },
                 style: { width: 28, height: 28, display: 'inline-flex', alignItems: 'center', justifyContent: 'center', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l2)', background: 'transparent', color: 'var(--dsw-alias-label-secondary)', cursor: 'pointer', flex: '0 0 auto', transition: 'background .12s, color .12s, border-color .12s' },
-              }, h(IconRestart, { size: 15 })),
+              }, h(IconRestart, { size: 15 })) : null,
             ),
           ),
         );
@@ -973,9 +1265,16 @@ window.__ModuleLoader__.load({
       return key.indexOf("v4-pro") >= 0 ? PRICING["deepseek-v4-pro"] : PRICING["deepseek-flash"];
     }
 
+    function timeMs(value) {
+      var n = typeof value === "number" ? value : Number(value);
+      if (!isFinite(n) || n <= 0) return undefined;
+      // Turn times can arrive in seconds; anything below 1e12 ms is seconds.
+      return n < 1e12 ? n * 1000 : n;
+    }
+
     function computeCost(usage, ts) {
       var model = modelOf(usage);
-      var peak = isPeak(ts);
+      var peak = isPeak(timeMs(ts));
       var table = peak ? pricesFor(model).peak : pricesFor(model).offPeak;
       var hit = num(usage && usage.cacheReadTokens);
       var miss = num(usage && usage.uncachedInputTokens) + num(usage && usage.cacheWriteTokens);
@@ -1035,7 +1334,7 @@ window.__ModuleLoader__.load({
               ? entry.data.get("turn-tail")
               : undefined;
           if (tail && tail.tokenUsage && matchesTail(tail, seq, turnId)) {
-            return tail.tokenUsage;
+            return tail;
           }
         }
       }
@@ -1044,7 +1343,7 @@ window.__ModuleLoader__.load({
         var found;
         snapshot.nodes.forEach(function (node) {
           if (!node || node.kind !== "turn-tail" || !node.data || !node.data.tokenUsage) return;
-          if (matchesTail(node.data, seq, turnId)) found = node.data.tokenUsage;
+          if (matchesTail(node.data, seq, turnId)) found = node.data;
         });
         if (found) return found;
       }
@@ -1099,7 +1398,9 @@ window.__ModuleLoader__.load({
           });
         }
         if (!usage) return null;
-        var entry = computeCost(usage, Date.now());
+        // Price by the turn's own timestamp, not by when this row happens to
+        // render: otherwise every historical turn reprices at the current hour.
+        var entry = computeCost(usage.tokenUsage, usage.time);
         return h(
           "div",
           {
@@ -1184,6 +1485,9 @@ window.__ModuleLoader__.load({
   z-index: 1;
   filter: drop-shadow(0 0 2px rgba(170, 200, 255, 0.65));
 }
+body[data-wb-paper="1"] .dsh-glow-canvas {
+  filter: drop-shadow(0 0 2px rgba(198, 156, 96, 0.6));
+}
 /* 隐藏运行中会话左侧的转圈：不依赖 JS 加的 class，React 重建行时也能兜底 */
 div[data-row-key^="session:"]:has(svg[data-state="ongoing"]) svg[data-state="ongoing"],
 .dsh-glow-on svg[data-state="ongoing"],
@@ -1378,12 +1682,18 @@ body[data-wb-paper="1"] [class*="_hoverPath"] {
         var breath = 0.5 + 0.5 * Math.sin((now / 2800) * Math.PI * 2);
         var dim = entry.lights === 1 ? 0.35 : 1;
         var edgeAlpha = (0.12 + breath * 0.33) * dim;
+        // Paper turns the blue streak into a bronze one; blue reads as ink
+        // smear on a warm sheet.
+        var paperNow = false;
+        try { paperNow = document.body.hasAttribute("data-wb-paper"); } catch (_error) { paperNow = false; }
+        var glowBase = paperNow ? [138, 106, 69] : [99, 149, 255];
+        var glowHot = paperNow ? [198, 156, 96] : [205, 180, 255];
 
         context.save();
         context.lineWidth = 1;
-        context.strokeStyle = "rgba(99, 149, 255, " + edgeAlpha.toFixed(3) + ")";
+        context.strokeStyle = "rgba(" + glowBase[0] + ", " + glowBase[1] + ", " + glowBase[2] + ", " + edgeAlpha.toFixed(3) + ")";
         context.shadowBlur = (4 + breath * 10) * dim;
-        context.shadowColor = "rgba(99, 149, 255, " + ((0.2 + breath * 0.35) * dim).toFixed(3) + ")";
+        context.shadowColor = "rgba(" + glowBase[0] + ", " + glowBase[1] + ", " + glowBase[2] + ", " + ((0.2 + breath * 0.35) * dim).toFixed(3) + ")";
         context.beginPath();
         if (typeof context.roundRect === "function") {
           context.roundRect(0.5, 0.5, width - 1, height - 1, r);
@@ -1400,9 +1710,9 @@ body[data-wb-paper="1"] [class*="_hoverPath"] {
           if (weight < 0.02) continue;
           var p0 = pointOnRect(width, height, phase);
           var p1 = pointOnRect(width, height, (i + 1) / count);
-          var rChannel = Math.round(99 + (205 - 99) * weight);
-          var gChannel = Math.round(149 + (180 - 149) * weight);
-          var bChannel = 255;
+          var rChannel = Math.round(glowBase[0] + (glowHot[0] - glowBase[0]) * weight);
+          var gChannel = Math.round(glowBase[1] + (glowHot[1] - glowBase[1]) * weight);
+          var bChannel = Math.round(glowBase[2] + (glowHot[2] - glowBase[2]) * weight);
           // lights === 1 表示「只有后台任务」，整体压暗。
           var alpha = (0.05 + 0.95 * weight) * (entry.lights === 1 ? 0.35 : 1);
           context.strokeStyle =
@@ -1475,7 +1785,9 @@ body[data-wb-paper="1"] [class*="_hoverPath"] {
               + '\n.wb-session-row { display: flex; align-items: center; gap: 6px; width: 100%; padding: 5px 8px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; font-size: 12px; }'
               + '\n.wb-session-row:hover { background: var(--dsw-alias-bg-layer-2); }'
               + '\n.wb-session-row .wb-session-more { opacity: 0; transition: opacity .12s; }'
-              + '\n.wb-balance-tip { position: absolute; top: calc(100% + 6px); right: 0; z-index: 500; padding: 8px 10px; border-radius: 8px; background: #23262c; border: 1px solid #2f333b; color: var(--dsw-alias-label-primary); font-size: 11px; line-height: 1.7; white-space: nowrap; max-width: 240px; box-sizing: border-box; box-shadow: 0 6px 20px rgba(0,0,0,.28); pointer-events: none; }'
+              + '\n.wb-balance-tip { position: absolute; top: calc(100% + 6px); right: 0; z-index: 500; padding: 8px 10px; border-radius: 8px; background: var(--dsw-alias-bg-overlay, #23262c); border: 1px solid var(--dsw-alias-border-l2, #2f333b); color: var(--dsw-alias-label-primary); font-size: 11px; line-height: 1.7; white-space: nowrap; max-width: 240px; box-sizing: border-box; box-shadow: 0 6px 20px rgba(0,0,0,.28); pointer-events: none; }'
+              + '\n.wb-mobile-sidebar-toggle { position: fixed; left: 10px; top: 10px; z-index: 5000; width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--dsw-alias-border-l2); background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); font-size: 15px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; box-shadow: 0 1px 4px rgba(0,0,0,.12); }'
+              + '\n@media (max-width: 767px) { .wb-topbar-brand, [class*="settingsArea"] { display: none !important; } .wb-topbar-icons { margin-left: 42px; } [class*="sidebarCol"] [class*="brand"] { display: none !important; } [class*="sidebarCol"] { padding-top: 44px !important; } [aria-label="收起侧边栏"] { display: none !important; } }'
               + '\n.wb-balance:hover { border-color: #4ade80 !important; background: rgba(74,222,128,.12) !important; }'
               + '\n.wb-nav-item { position: relative; }'
               + '\n.wb-nav-label { max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; font-size: 12px; transition: max-width .18s ease, opacity .18s ease; }'
@@ -1509,6 +1821,17 @@ body[data-wb-paper="1"] [class*="_hoverPath"] {
           tab: false,
         }), 'workbench: overview view');
 
+        // Settings page: no tab — it is reached from the gear in the system bar.
+        ctx.effect(() => api.registerView({
+          id: SETTINGS_VIEW_ID,
+          title: '工作台设置',
+          subtitle: '功能开关与已注册的模块',
+          icon: IconSettings,
+          component: WorkbenchSettings,
+          order: -20,
+          tab: false,
+        }), 'workbench: settings view');
+
         const balance = createBalanceStore(ctx);
         try {
           ctx.effect(() => { balance.start(); return () => balance.stop(); }, 'workbench: balance polling');
@@ -1532,15 +1855,30 @@ body[data-wb-paper="1"] [class*="_hoverPath"] {
         }
 
         const TurnCost = createTurnCost();
+        function TurnCostGated(props) {
+          const enabled = useFeatures();
+          if (!enabled.cost) return null;
+          return h(TurnCost, props);
+        }
         ctx.slots.inject('conversation.chat.turnTail', () => ctx.slots.register({
           name: 'conversation.chat.turnTail',
           id: 'workbench-turn-cost',
           order: 600,
-        }, TurnCost));
+        }, TurnCostGated));
 
         // 注意：ctx.effect 接收的是「返回 dispose 的函数」。
         // 直接传 installGlow(ctx) 的返回值会让 effect 立刻执行清理，光效刚装上就被拆掉。
-        ctx.effect(() => installGlow(ctx), 'workbench: glow');
+        // The switch can turn it off at runtime, so mount/unmount follows the store.
+        ctx.effect(() => {
+          let dispose = null;
+          const sync = () => {
+            if (dispose) { dispose(); dispose = null; }
+            if (features.getSnapshot().glow) dispose = installGlow(ctx);
+          };
+          sync();
+          const unsubscribe = features.subscribe(sync);
+          return () => { unsubscribe(); if (dispose) dispose(); };
+        }, 'workbench: glow');
 
         } catch (err) {
           console.error('[workbench] apply failed:', err);

package/index.js

@@ -2,12 +2,39 @@
  * Host half of the workbench shell.
  *
  * The workbench's value lives in the Client half (module API + overview page).
- * The only Host duty is the one-click restart endpoint, which stops the running
- * web host in a detached process and lets the scheduled task relaunch it, so the
- * current page simply reconnects.
+ * The only Host duty is the one-click restart endpoint: it stops the running web
+ * host and lets an external supervisor start it again, so the current page
+ * simply reconnects. A restart is only offered when such a supervisor is
+ * actually present — exiting without one would strand the user with a dead
+ * server.
  */
 import { execSync } from 'node:child_process';
 
+/** Supervisor that can start the host again, resolved per platform. */
+function resolveSupervisor() {
+  const command = process.env.DSH_RESTART_CMD || '';
+  if (command) return { kind: 'command', command };
+  if (process.platform !== 'win32') return null;
+  // Windows: a scheduled task. DSH_RESTART_TASK overrides the name, so the
+  // default stays useful for the author's machine without hardcoding it for
+  // everyone else.
+  const task = process.env.DSH_RESTART_TASK || 'philomel-dsh-web';
+  try {
+    execSync(`schtasks /query /tn ${JSON.stringify(task)}`, { windowsHide: true, stdio: 'ignore' });
+    return { kind: 'task', task };
+  } catch (_error) {
+    return null;
+  }
+}
+
+function startSupervisor(supervisor) {
+  if (supervisor.kind === 'command') {
+    execSync(supervisor.command, { windowsHide: true, stdio: 'ignore' });
+    return;
+  }
+  execSync(`schtasks /run /tn ${JSON.stringify(supervisor.task)}`, { windowsHide: true, stdio: 'ignore' });
+}
+
 export const inject = ['webServer'];
 
 export function apply(ctx) {
@@ -28,12 +55,21 @@ export function apply(ctx) {
         res.end('method not allowed\n');
         return;
       }
-      // 先看 3080 是否在跑，再决定要不要让 ensure 脚本拉起。
-      // 响应先到达页面，然后本进程退出，由每 5 分钟一次的 ensure 任务重新拉起。
+      // Refuse without a supervisor: exiting here would leave no server behind.
+      const supervisor = resolveSupervisor();
+      if (!supervisor) {
+        res.writeHead(409, { 'Content-Type': 'application/json; charset=utf-8' });
+        res.end(JSON.stringify({
+          ok: false,
+          reason: 'no-supervisor',
+          hint: '这台机器上没有可用的重启管理器，请手动重启 DSH Web。',
+        }));
+        return;
+      }
       res.writeHead(200, { 'Content-Type': 'application/json; charset=utf-8' });
       res.end(JSON.stringify({ ok: true, restarting: true, etaSeconds: 300 }));
       setTimeout(() => {
-        try { execSync('schtasks /run /tn philomel-dsh-web', { windowsHide: true, stdio: 'ignore' }); } catch (_e) {}
+        try { startSupervisor(supervisor); } catch (_e) { /* best effort */ }
         process.exit(0);
       }, 300);
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@philomelcc/dsh-workbench",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "description": "Workbench shell for DeepSeek Harness: a view/page module API, shared UI primitives and a top-bar switcher.",
   "license": "MIT",
@@ -14,20 +14,34 @@
   "bugs": {
     "url": "https://github.com/philomelcc/dsh-workbench/issues"
   },
-  "keywords": ["dsh", "deepseek-harness", "workbench", "plugin", "web-ui"],
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "workbench",
+    "plugin",
+    "web-ui"
+  ],
   "exports": {
     ".": "./index.js",
     "./client": "./client.js",
     "./locale/*.json": "./locale/*.json",
     "./icon": "./icon.svg"
   },
-  "files": ["index.js", "client.js", "cordis.patch.yml", "locale/*.json", "icon.svg"],
+  "files": [
+    "index.js",
+    "client.js",
+    "cordis.patch.yml",
+    "locale/*.json",
+    "icon.svg"
+  ],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "dsh": {
-    "bundle": { "patch": "./cordis.patch.yml" },
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
     "client": {
       "platform": "web",
       "inject": [
@@ -38,4 +52,4 @@
       ]
     }
   }
-}
+}