@gehennawu/dsh-service 0.12.0 → 0.13.0

package/README.en.md

@@ -43,10 +43,10 @@ A service-control and operations plugin for self-hosted DSH Web. Provides safe r
 
 ### Task notifications
 
-- Browser notification when an Agent completes a task
-- Bell icon toggle in the conversation input bar
-- Configurable polling interval (5–300 seconds)
-- Toggle and interval persist across page reloads
+- Browser notification when a session finishes its turn, or when your approval, plan review, or answer is needed
+- Three toggle switches: master switch, task completion, and approvals & questions, each controlled independently
+- Bell icon in the conversation input bar toggles the master switch quickly
+- All toggles persist across page reloads
 
 ### External liveness probe
 

package/README.md

@@ -43,10 +43,10 @@
 
 ### 任务通知
 
-- Agent 完成任务时发送浏览器通知
-- 对话栏内铃铛图标切换开关
-- 可配置轮询间隔（5-300 秒）
-- 开关和间隔在页面刷新后保持
+- 会话完成一轮任务、或需要你授权/审阅计划/选择答案时发送浏览器通知
+- 三档开关条：总开关、任务结束通知、授权与提问通知，各自独立控制
+- 对话栏内铃铛图标快速切换总开关
+- 各开关在页面刷新后保持
 
 ### 外部探活
 

package/client.js

@@ -171,18 +171,27 @@ window.__ModuleLoader__.load({
       'usage.toolErrors.toggle': '工具报错（{count} 类）',
       'usage.toolErrors.empty': '最近 24 小时没有记录到工具报错。',
       'usage.errors.count': '{count} 次',
-      'notification.title': '任务通知',
-      'notification.description': '当运行中的 Agent 完成一轮任务时，发送浏览器通知提醒。需要授权浏览器通知权限；开关和轮询间隔在页面刷新后保持。',
+      'notification.title': '通知',
+      'notification.description': '任务结束或需要你授权、选择答案时发送浏览器通知。需要授权浏览器通知权限；各开关在页面刷新后保持。',
       'notification.enable': '开启通知',
       'notification.enabled': '通知已开启',
       'notification.disable': '关闭通知',
       'notification.denied': '通知权限被拒绝',
-      'notification.agentDone': '任务完成',
-      'notification.agentDoneBody': 'Agent {id} 已完成本轮任务',
+      'notification.master': '通知总开关',
+      'notification.masterHint': '关闭时下面两个开关暂停生效',
+      'notification.done': '任务结束通知',
+      'notification.doneHint': '会话完成一轮任务时提醒',
+      'notification.input': '授权与提问通知',
+      'notification.inputHint': '需要授权、审阅计划或选择答案时提醒',
+      'notification.doneTitle': '任务完成',
+      'notification.doneBody': '{title} 已完成本轮任务',
+      'notification.inputTitle': '需要你的确认',
+      'notification.inputBody': '{title}（{kind}）',
+      'notification.kind.approval': '等待授权',
+      'notification.kind.plan-review': '等待审阅计划',
+      'notification.kind.question': '等待选择答案',
       'notification.bellOn': '通知开启',
       'notification.bellOff': '通知关闭',
-      'notification.interval': '轮询间隔',
-      'notification.intervalUnit': '秒（5-300）',
     }
     const en = {
       'nav.label': 'Service Control',
@@ -347,21 +356,30 @@ window.__ModuleLoader__.load({
       'usage.toolErrors.toggle': 'Tool errors ({count} types)',
       'usage.toolErrors.empty': 'No tool errors were recorded in the last 24 hours.',
       'usage.errors.count': '{count} occurrence(s)',
-      'notification.title': 'Task notifications',
-      'notification.description': 'Receive a browser notification when a running Agent finishes its turn. Requires browser notification permission; the toggle and polling interval persist across page reloads.',
+      'notification.title': 'Notifications',
+      'notification.description': 'Send a browser notification when a task finishes or when your approval or answer is needed. Requires browser notification permission; the toggles persist across page reloads.',
       'notification.enable': 'Enable notifications',
       'notification.enabled': 'Notifications enabled',
       'notification.disable': 'Disable notifications',
       'notification.denied': 'Notification permission denied',
-      'notification.agentDone': 'Task complete',
-      'notification.agentDoneBody': 'Agent {id} has finished its turn',
+      'notification.master': 'Master switch',
+      'notification.masterHint': 'Both kinds below stay paused while this is off',
+      'notification.done': 'Task completion',
+      'notification.doneHint': 'Notify when a session finishes its turn',
+      'notification.input': 'Approvals & questions',
+      'notification.inputHint': 'Notify when approval, plan review, or an answer is requested',
+      'notification.doneTitle': 'Task complete',
+      'notification.doneBody': '{title} has finished its turn',
+      'notification.inputTitle': 'Your attention needed',
+      'notification.inputBody': '{title} — {kind}',
+      'notification.kind.approval': 'approval requested',
+      'notification.kind.plan-review': 'plan review requested',
+      'notification.kind.question': 'answer requested',
       'notification.bellOn': 'Notifications on',
       'notification.bellOff': 'Notifications off',
-      'notification.interval': 'Polling interval',
-      'notification.intervalUnit': 'seconds (5–300)',
     }
 
-    const inject = ['slots', 'connection', 'timer', 'locale']
+    const inject = ['slots', 'connection', 'timer', 'locale', 'sessions']
 
     function apply(ctx) {
       const { useState, useEffect } = React
@@ -379,58 +397,78 @@ window.__ModuleLoader__.load({
         useEffect(() => ctx.locale.subscribe(() => setSnapshot(ctx.locale.getSnapshot())), [])
         return t
       }
-      // 全局 agent 完成通知轮询
+      // 全局通知：任务结束 + 需要授权/选择答案，两个独立子开关受总开关管辖
       let notifyEnabled = false
-      let notifyInterval = 30
-      try { notifyEnabled = localStorage.getItem('dsh-service-notify') !== 'false' } catch (_) {}
-      try { const v = parseInt(localStorage.getItem('dsh-service-notify-interval'), 10); if (v >= 5 && v <= 300) notifyInterval = v } catch (_) {}
+      let notifyDone = true
+      let notifyInput = true
+      try { notifyEnabled = localStorage.getItem('dsh-service-notify') === 'true' } catch (_) {}
+      try { notifyDone = localStorage.getItem('dsh-service-notify-done') !== 'false' } catch (_) {}
+      try { notifyInput = localStorage.getItem('dsh-service-notify-input') !== 'false' } catch (_) {}
       const notifyListeners = new Set()
-      const setNotifyEnabled = (value) => {
-        notifyEnabled = value
-        try { localStorage.setItem('dsh-service-notify', value ? 'true' : 'false') } catch (_) {}
-        for (const listener of notifyListeners) listener()
-      }
-      const setNotifyInterval = (value) => {
-        const v = Math.max(5, Math.min(300, Math.round(Number(value) || 30)))
-        notifyInterval = v
-        try { localStorage.setItem('dsh-service-notify-interval', String(v)) } catch (_) {}
-        for (const listener of notifyListeners) listener()
-      }
+      const persistNotify = (key, value) => { try { localStorage.setItem(key, value ? 'true' : 'false') } catch (_) {} }
+      const publishNotify = () => { for (const listener of notifyListeners) listener() }
+      const setNotifyEnabled = (value) => { notifyEnabled = value; persistNotify('dsh-service-notify', value); publishNotify() }
+      const setNotifyDone = (value) => { notifyDone = value; persistNotify('dsh-service-notify-done', value); publishNotify() }
+      const setNotifyInput = (value) => { notifyInput = value; persistNotify('dsh-service-notify-input', value); publishNotify() }
       const useNotifyState = () => {
         const [, setTick] = useState(0)
         const [enabled, setEnabled] = useState(notifyEnabled)
-        const [interval, setInterval_] = useState(notifyInterval)
+        const [done, setDone] = useState(notifyDone)
+        const [input, setInput] = useState(notifyInput)
         React.useEffect(() => {
-          const update = () => { setEnabled(notifyEnabled); setInterval_(notifyInterval); setTick((t) => t + 1) }
+          const update = () => { setEnabled(notifyEnabled); setDone(notifyDone); setInput(notifyInput); setTick((t) => t + 1) }
           notifyListeners.add(update)
           return () => notifyListeners.delete(update)
         }, [])
-        return { enabled, interval, setEnabled: (v) => setNotifyEnabled(v), setInterval: (v) => setNotifyInterval(v) }
+        return { enabled, done, input, setEnabled: (v) => setNotifyEnabled(v), setDone: (v) => setNotifyDone(v), setInput: (v) => setNotifyInput(v) }
       }
-      if (typeof Notification !== 'undefined' && Notification.permission === 'granted') {
-        const previousAgentIds = new Set()
-        let initialized = false
-        const pollActivity = async () => {
-          if (!notifyEnabled) { ctx.timer.timeout(pollActivity, notifyInterval * 1000); return }
-          try {
-            const res = await ctx.connection.rpc.call('/dsh-service', 'activity', {})
-            if (res && res.ok) {
-              const currentIds = new Set(res.value.items.filter((item) => item.type === 'agent').map((item) => item.id))
-              if (initialized) {
-                for (const id of previousAgentIds) {
-                  if (!currentIds.has(id)) {
-                    try { new Notification(t('notification.agentDone'), { body: t('notification.agentDoneBody', { id }) }) } catch (_) {}
-                  }
-                }
+      // 会话边沿通知：running→idle 记一次任务结束；pendingInteraction 出现记一次需要确认。
+      // 数据源是客户端运行时的会话列表快照（订阅推送）；首个快照只建立基线，重连后重建基线，二者都不响铃。
+      const NOTIFY_KIND_KEYS = {
+        approval: 'notification.kind.approval',
+        'plan-review': 'notification.kind.plan-review',
+        question: 'notification.kind.question',
+      }
+      const notifyPermissionGranted = () => typeof Notification !== 'undefined' && Notification.permission === 'granted'
+      const fireNotification = (title, body) => {
+        if (!notifyPermissionGranted()) return
+        try { new Notification(title, { body }) } catch (_) {}
+      }
+      if (ctx.sessions && typeof ctx.sessions.list?.subscribe === 'function') {
+        const observed = new Map()
+        let baselined = false
+        const observeSessions = () => {
+          const snapshot = ctx.sessions.list.getSnapshot()
+          if (!snapshot || !snapshot.byId) return
+          if (!baselined) {
+            baselined = true
+            for (const [id, summary] of Object.entries(snapshot.byId)) {
+              observed.set(id, { running: summary.running === true, pending: summary.pendingInteraction !== undefined })
+            }
+            return
+          }
+          for (const [id, summary] of Object.entries(snapshot.byId)) {
+            const next = { running: summary.running === true, pending: summary.pendingInteraction !== undefined }
+            const prev = observed.get(id)
+            if (prev !== undefined) {
+              if (prev.running && !next.running && notifyEnabled && notifyDone) {
+                fireNotification(t('notification.doneTitle'), t('notification.doneBody', { title: summary.displayTitle || id }))
+              }
+              if (!prev.pending && next.pending && notifyEnabled && notifyInput) {
+                const kindKey = NOTIFY_KIND_KEYS[summary.pendingInteraction]
+                const kind = kindKey ? t(kindKey) : String(summary.pendingInteraction)
+                fireNotification(t('notification.inputTitle'), t('notification.inputBody', { title: summary.displayTitle || id, kind }))
               }
-              previousAgentIds.clear()
-              for (const id of currentIds) previousAgentIds.add(id)
-              initialized = true
             }
-          } catch (_) {}
-          ctx.timer.timeout(pollActivity, notifyInterval * 1000)
+            observed.set(id, next)
+          }
+          for (const id of [...observed.keys()]) {
+            if (!(id in snapshot.byId)) observed.delete(id)
+          }
         }
-        ctx.timer.timeout(pollActivity, notifyInterval * 1000)
+        ctx.effect(() => ctx.sessions.list.subscribe(() => observeSessions()), 'dsh-service: session notification observation')
+        ctx.effect(() => ctx.on('connection/reset', () => { observed.clear(); baselined = false }), 'dsh-service: notification rebaseline on reconnect')
+        observeSessions()
       }
 
       const recoveryListeners = new Set()
@@ -1113,14 +1151,14 @@ window.__ModuleLoader__.load({
             : null,
           usage && usage.indexedSessions > 0
             ? React.createElement('div', { 'data-testid': 'usage-statistics-region', style: Object.assign({}, displaySurface, { padding: '12px', borderRadius: '9px' }) },
-                React.createElement('div', { 'data-testid': 'usage-chart', style: { position: 'relative', display: 'grid', gridTemplateColumns: '42px minmax(0, 1fr)', height: '180px', padding: '12px 10px 8px', borderRadius: '8px', background: 'var(--dsw-alias-bg-layer-2)', color: 'var(--dsw-alias-label-primary)', border: '1px solid var(--dsw-alias-border-l1)', borderBottom: '1px solid var(--dsw-alias-border-l2)' } },
-                  React.createElement('div', { 'data-testid': 'usage-y-axis', 'aria-label': translate('usage.axis'), style: { position: 'relative', height: '136px', fontSize: '10px', color: 'var(--dsw-alias-label-secondary)' } },
+                React.createElement('div', { 'data-testid': 'usage-chart', style: { position: 'relative', display: 'grid', gridTemplateColumns: '42px minmax(0, 1fr)', height: '180px', padding: '12px 10px 4px', borderRadius: '8px', background: 'var(--dsw-alias-bg-layer-2)', color: 'var(--dsw-alias-label-primary)', border: '1px solid var(--dsw-alias-border-l1)', borderBottom: '1px solid var(--dsw-alias-border-l2)' } },
+                  React.createElement('div', { 'data-testid': 'usage-y-axis', 'aria-label': translate('usage.axis'), style: { position: 'relative', height: '144px', fontSize: '10px', color: 'var(--dsw-alias-label-secondary)' } },
                     chartTicks.map((tick, index) => React.createElement('span', { key: index, style: { position: 'absolute', right: '7px', top: `${index * 25}%`, transform: index === 4 ? 'translateY(-100%)' : 'translateY(-50%)' } }, formatTokenValue(tick)))),
-                  React.createElement('div', { 'data-testid': 'usage-plot', style: { position: 'relative', height: '156px' } },
+                  React.createElement('div', { 'data-testid': 'usage-plot', style: { position: 'relative', height: '164px' } },
                     React.createElement('div', { style: { position: 'absolute', inset: '0 0 20px', display: 'flex', alignItems: 'end', gap: '8px', borderBottom: '1px solid var(--dsw-alias-border-l2)' } },
                       chartTicks.map((_, index) => React.createElement('div', { key: index, 'data-testid': `usage-grid-${index}`, style: { position: 'absolute', left: 0, right: 0, top: `${index * 25}%`, borderTop: '1px solid var(--dsw-alias-border-l1)', pointerEvents: 'none' } })),
                       usageDays.map((day, index) => React.createElement('div', { key: day.key, style: { position: 'relative', zIndex: 1, flex: 1, minWidth: 0, alignSelf: 'end' } },
-                        React.createElement('div', { 'data-testid': `usage-bar-${day.key}`, style: { height: `${Math.max(2, chartValues[index] / chartMax * 136)}px`, display: 'flex', flexDirection: 'column-reverse', justifyContent: 'flex-start', borderRadius: '4px 4px 0 0', overflow: 'hidden' } },
+                        React.createElement('div', { 'data-testid': `usage-bar-${day.key}`, style: { height: `${Math.max(2, chartValues[index] / chartMax * 144)}px`, display: 'flex', flexDirection: 'column-reverse', justifyContent: 'flex-start', borderRadius: '4px 4px 0 0', overflow: 'hidden' } },
                           usageSegments.map(([metricName, label, color]) => {
                             const value = usageValue(chartTotals[index], metricName)
                             const segmentHeight = chartValues[index] === 0 ? 0 : value / chartValues[index] * 100
@@ -1291,13 +1329,14 @@ window.__ModuleLoader__.load({
                     : null)))
             : null))
 
-        const versionRow = (id, label, fallbackVersion, state) => React.createElement('div', { key: id, style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '16px', padding: '10px 2px', borderTop: id === 'dsh' ? 0 : '1px solid var(--dsw-alias-border-l1)' } },
-          React.createElement('div', { style: { whiteSpace: 'nowrap' } },
+        const versionRow = (id, label, fallbackVersion, state, action) => React.createElement('div', { key: id, style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '16px', padding: '10px 2px', borderTop: id === 'dsh' ? 0 : '1px solid var(--dsw-alias-border-l1)' } },
+          React.createElement('div', { style: { whiteSpace: 'nowrap', display: 'flex', alignItems: 'center', gap: '8px' } },
             React.createElement('span', { style: { fontSize: '13px', fontWeight: 650 } }, `${label} `),
             state?.url
               ? React.createElement('a', { 'data-testid': `version-${id}-link`, href: state.url, target: '_blank', rel: 'noreferrer', style: { color: 'var(--dsw-alias-label-primary)', textDecoration: 'underline', fontSize: '12px', whiteSpace: 'nowrap', marginLeft: '16px' } }, state.current || fallbackVersion || translate('version.loading'))
               : React.createElement('code', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-primary)', marginLeft: '16px' } }, state?.current || fallbackVersion || translate('version.loading'))),
              state?.tags && id === 'dsh' ? React.createElement('span', { style: { marginLeft: '8px', fontSize: '11px', color: 'var(--dsw-alias-label-secondary)', whiteSpace: 'nowrap' } }, translate('update.channels', { latest: state.tags.latest || '—', next: state.tags.next || '—' })) : null,
+            action || null,
           React.createElement('div', { style: { textAlign: 'right', fontSize: '12px' } },
             React.createElement('div', { style: { color: !state ? 'var(--dsw-alias-label-secondary)' : state.upToDate ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-state-warn-primary)', fontWeight: 600 } }, !state
               ? (updateError || translate('update.checking'))
@@ -1306,16 +1345,15 @@ window.__ModuleLoader__.load({
                   : state.upToDate ? translate('update.current') : translate('update.available', { version: state.latest }))))
         // 版本信息区块
         const pluginUpdate = updateInfo?.plugin && !updateInfo.plugin.upToDate && updateInfo.plugin.status === 'available'
+        const pluginAction = pluginUpdate
+          ? React.createElement('button', { style: Object.assign({}, neutral, { minHeight: '24px', padding: '2px 8px', fontSize: '11px' }), disabled: upgradeBusy, onClick: upgradePlugin }, translate(upgradeBusy ? 'update.upgrading' : 'update.upgrade'))
+          : null
         const versionBlock = React.createElement('div', { key: 'version-card', 'data-testid': 'version-card', style: card },
           React.createElement('div', { key: 'title', style: sectionTitle }, translate('version.title')),
           React.createElement('div', { style: displaySurface },
             versionRow('dsh', 'DSH', version, updateInfo?.dsh),
-            versionRow('plugin', 'dsh-service', pluginVersion, updateInfo?.plugin),
-            pluginUpdate || upgradeError
-              ? React.createElement('div', { style: { marginTop: '8px', display: 'flex', alignItems: 'center', gap: '8px' } },
-                  pluginUpdate ? React.createElement('button', { style: primary, disabled: upgradeBusy, onClick: upgradePlugin }, translate(upgradeBusy ? 'update.upgrading' : 'update.upgrade')) : null,
-                  upgradeError ? React.createElement('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-state-error-primary)' } }, upgradeError) : null)
-              : null))
+            versionRow('plugin', 'dsh-service', pluginVersion, updateInfo?.plugin, pluginAction),
+            upgradeError ? React.createElement('p', { style: Object.assign({}, hint, { color: 'var(--dsw-alias-state-error-primary)', margin: '4px 0 0' }) }, upgradeError) : null))
 
         // 重启后提示
         if (stage === 2) {
@@ -1375,9 +1413,27 @@ window.__ModuleLoader__.load({
           error ? React.createElement('p', { style: Object.assign({}, hint, { color: 'var(--dsw-alias-state-error-primary)' }) }, String(error)) : null)
         )
 
-        const { enabled: notifyOn, interval: notifyIntv, setEnabled: setNotifyOn, setInterval: setNotifyIntv } = useNotifyState()
+        const { enabled: notifyOn, done: notifyDoneOn, input: notifyInputOn, setEnabled: setNotifyOn, setDone: setNotifyDoneOn, setInput: setNotifyInputOn } = useNotifyState()
         const notifSupported = typeof Notification !== 'undefined'
         const notifPermission = notifSupported ? Notification.permission : 'denied'
+        const notifySwitch = (on, onChange, disabled) => React.createElement('button', {
+          type: 'button',
+          role: 'switch',
+          'aria-checked': String(on === true),
+          'aria-disabled': disabled ? 'true' : undefined,
+          onClick: disabled ? undefined : () => onChange(!on),
+          style: {
+            width: '34px', height: '20px', borderRadius: '10px', padding: 0, flexShrink: 0, position: 'relative',
+            border: `1px solid ${on ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-border-l2)'}`,
+            background: on ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-bg-layer-2)',
+            cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1, lineHeight: 0,
+          },
+        }, React.createElement('span', { style: { position: 'absolute', top: '1px', left: on ? '15px' : '1px', width: '16px', height: '16px', borderRadius: '50%', background: on ? '#fff' : 'var(--dsw-alias-label-tertiary)' } }))
+        const notifyRow = (label, labelHint, on, onChange, disabled) => React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '12px', padding: '5px 0' } },
+          React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px' } },
+            React.createElement('span', { style: { fontSize: '13px', color: 'var(--dsw-alias-label-primary)' } }, label),
+            React.createElement('span', { style: hint }, labelHint)),
+          notifySwitch(on, onChange, disabled))
         const notificationBlock = !notifSupported ? null
           : React.createElement('div', { style: { marginTop: '18px' } },
               React.createElement('div', { style: sectionTitle }, translate('notification.title')),
@@ -1387,12 +1443,10 @@ window.__ModuleLoader__.load({
                   ? React.createElement('div', { style: { marginTop: '8px', display: 'flex', alignItems: 'center', gap: '8px' } },
                       React.createElement('button', { style: neutral, onClick: () => { Notification.requestPermission().then((p) => { if (p === 'granted') setNotifyOn(true) }) } }, translate('notification.enable')),
                       React.createElement('span', { style: hint }, notifPermission === 'denied' ? translate('notification.denied') : ''))
-                  : React.createElement('div', { style: { marginTop: '8px', display: 'flex', alignItems: 'center', gap: '12px', flexWrap: 'wrap' } },
-                      React.createElement('span', { style: { fontSize: '12px', color: notifyOn ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-secondary)' } }, notifyOn ? `✓ ${translate('notification.enabled')}` : translate('notification.disable')),
-                      React.createElement('button', { style: ghost, onClick: () => setNotifyOn(!notifyOn) }, translate(notifyOn ? 'notification.disable' : 'notification.enable')),
-                      React.createElement('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-secondary)', marginLeft: '4px' } }, translate('notification.interval')),
-                      React.createElement('input', { type: 'number', min: 5, max: 300, step: 5, value: notifyIntv, onChange: (e) => setNotifyIntv(e.target.value), style: { width: '60px', padding: '4px 6px', borderRadius: '4px', border: '1px solid var(--dsw-alias-border-l2)', background: 'var(--dsw-alias-bg-layer-2)', color: 'var(--dsw-alias-label-primary)', fontSize: '12px', textAlign: 'center' } }),
-                      React.createElement('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-tertiary)' } }, translate('notification.intervalUnit')))))
+                  : React.createElement('div', { style: { marginTop: '8px', display: 'flex', flexDirection: 'column' } },
+                      notifyRow(translate('notification.master'), translate('notification.masterHint'), notifyOn, setNotifyOn, false),
+                      notifyRow(translate('notification.done'), translate('notification.doneHint'), notifyDoneOn, setNotifyDoneOn, !notifyOn),
+                      notifyRow(translate('notification.input'), translate('notification.inputHint'), notifyInputOn, setNotifyInputOn, !notifyOn))))
         const overviewBlock = React.createElement('div', null, versionBlock, notificationBlock, containerInfoBlock, overviewErrorsBlock)
         const maintenanceBlock = React.createElement('div', { key: 'maintenance-card', 'data-testid': 'maintenance-card', style: card }, backupBlock)
         const diagnosticFailure = diagnostics?.checks?.some((check) => check.status === 'error' || (check.status === 'warning' && !(check.id === 'backup-storage' && String(check.detail || '').startsWith('0:')))) === true
@@ -1429,13 +1483,21 @@ window.__ModuleLoader__.load({
           React.createElement('div', { 'data-testid': 'tab-panel', style: tabPanel }, tabContent))
       }
 
+      const bellPaths = {
+        on: ['M10.268 21a2 2 0 0 0 3.464 0', 'm15 8 2 2 4-4', 'M16.8607 4.4824A6 6 0 0 0 6 8C6 12.499 4.589 13.956 3.262 15.326', 'M3.262 15.326A1 1 0 0 0 4 17H20A1 1 0 0 0 20.74 15.327C20.209 14.779 19.665 14.218 19.203 13.454'],
+        off: ['M10.268 21a2 2 0 0 0 3.464 0', 'M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742', 'm2 2 20 20', 'M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05'],
+      }
+      function BellIcon(on) {
+        return React.createElement('svg', { xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round', style: { display: 'block' } },
+          (on ? bellPaths.on : bellPaths.off).map(function (d, i) { return React.createElement('path', { key: i, d: d }) }))
+      }
       function InlineNotifyBell() {
         const { enabled, setEnabled } = useNotifyState()
         const translate = useTranslation()
         return React.createElement('button', {
           type: 'button',
           title: translate(enabled ? 'notification.bellOn' : 'notification.bellOff'),
-          style: { background: 'transparent', border: 0, cursor: 'pointer', fontSize: '15px', padding: '2px 4px', color: 'inherit', opacity: enabled ? 1 : 0.45 },
+          style: { background: 'transparent', border: 0, cursor: 'pointer', padding: '2px 4px', color: 'inherit', opacity: enabled ? 1 : 0.45, lineHeight: 0 },
           onClick: () => {
             if (typeof Notification === 'undefined') return
             if (Notification.permission !== 'granted') {
@@ -1444,7 +1506,7 @@ window.__ModuleLoader__.load({
             }
             setEnabled(!enabled)
           },
-        }, enabled ? '🔔' : '🔕')
+        }, BellIcon(enabled))
       }
       ctx.slots.inject('conversation.input.left', () => ctx.slots.register(
         { name: 'conversation.input.left', id: 'dsh-service-notify', order: 90, label: () => t('notification.bellOn') },

package/index.js

@@ -872,14 +872,13 @@ async function collectDiagnostics(ctx, dshHome) {
     try { add('tar', 'ok', await subprocess.resolveExecutable('tar')) } catch (error) { add('tar', 'error', error?.message || error) }
   }
 
-  try {
-    const snapshot = await permissionSnapshot(ctx, dshHome, new Map())
-    if (snapshot.supported !== true) add('permissions', 'info', 'unsupported')
-    else {
+  if (process.platform === 'linux' && typeof process.getuid === 'function' && typeof process.getgid === 'function') {
+    try {
+      const snapshot = await permissionSnapshot(ctx, dshHome, new Map())
       const abnormal = snapshot.items.filter((item) => item.writable === false).length
       add('permissions', abnormal === 0 ? 'ok' : 'warning', abnormal)
-    }
-  } catch (error) { add('permissions', 'warning', error?.message || error) }
+    } catch (error) { add('permissions', 'warning', error?.message || error) }
+  }
 
   let status = 'ok'
   if (checks.some((check) => check.status === 'error')) status = 'error'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gehennawu/dsh-service",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "DSH Web 自托管运维面板：安全重启、健康监控、备份和 Linux 权限维护。",
   "type": "module",
   "scripts": {