dsh-instruction-memory 1.2.0 → 1.3.1

package/lib/client.js

@@ -153,6 +153,26 @@ window.__ModuleLoader__.load({
 .im-backup { display:flex; flex-direction:column; gap:8px; }
 .im-backup-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
 .im-backup-row .im-input { flex:1; min-width:200px; }
+/* ---- F12 诊断与安全状态 ---- */
+.im-hostwarn { display:flex; gap:8px; align-items:flex-start; padding:9px 12px; border-radius:8px; font-size:12px;
+  color:var(--dsw-alias-state-warn-primary,#d97706); border:1px solid var(--dsw-alias-state-warn-primary,#d97706);
+  background:var(--dsw-alias-state-warn-bg,rgba(217,119,6,.12)); font-weight:500; }
+.im-diag { display:flex; flex-direction:column; gap:8px; }
+.im-diag-group { display:flex; flex-direction:column; gap:3px; padding:8px 10px; border-radius:8px;
+  border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1)); background:var(--dsw-alias-bg-base,#fff); }
+.im-diag-sub { color:var(--dsw-alias-label-secondary,#8a9099); font-size:11.5px; }
+.im-diag-fallback { display:flex; flex-direction:column; gap:5px; }
+.im-diag-fallback .im-textarea { min-height:170px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; }
+/* ---- F7 临时静音 ---- */
+.im-master-col { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
+.im-pause-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
+.im-pause-menu { display:flex; flex-direction:column; gap:4px; padding:8px 10px; border-radius:8px;
+  border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.18)); background:var(--dsw-alias-bg-base,#fff);
+  box-shadow:0 4px 14px rgba(0,0,0,.1); }
+.im-pause-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end;
+  padding:6px 10px; border-radius:8px; font-size:12px;
+  border:1px solid var(--dsw-alias-state-warn-primary,#d97706);
+  background:var(--dsw-alias-state-warn-bg,rgba(217,119,6,.12)); color:var(--dsw-alias-state-warn-primary,#d97706); }
 @media (max-width:640px) { .im-grid2 { grid-template-columns:1fr; } }
 `
 
@@ -315,6 +335,50 @@ window.__ModuleLoader__.load({
         'sets.copySuffix': ' 副本',
         'sets.deleteConfirm': '确定删除配置集「{name}」？其中的 {entries} 条指令与 {profiles} 个用户形象会一并删除，且无法撤销。',
         'sets.deleteActive': '当前激活的配置集不能删除；请先切换到其他配置集。',
+        'sets.draftsClosed': '已关闭切换前打开的编辑草稿',
+        // ---- F12 诊断与安全状态 ----
+        'diag.section': '诊断信息',
+        'diag.show': '展开诊断',
+        'diag.hide': '收起诊断',
+        'diag.copy': '复制诊断信息',
+        'diag.copied': '诊断信息已复制到剪贴板',
+        'diag.copyManual': '自动复制不可用；请手动全选复制下方文本。',
+        'diag.hostWarn': '安全提示：设置路由当前绑定在非回环地址（{host}），同一网络内的设备可以无鉴权访问此页面，请勿在不可信网络暴露；如需对外发布，请阅读 README 的「经反向代理对外发布」。',
+        'diag.groupStorage': '存储',
+        'diag.groupInjection': '注入',
+        'diag.groupBackup': '备份与历史',
+        'diag.groupIssues': '错误与警告',
+        'diag.none': '（无）',
+        'diag.storagePath': '存储文件',
+        'diag.onDisk': '存储文件已在磁盘',
+        'diag.loadedFrom': '载入来源',
+        'diag.savedAt': '最近保存',
+        'diag.rev': '修订号（rev）',
+        'diag.registered': '注入已注册',
+        'diag.yes': '是',
+        'diag.no': '否',
+        'diag.pulls': '注入拉取次数（自本次插件启动计数）',
+        'diag.chars': '当前注入字符数 / 上限',
+        'diag.backupDir': '备份位置',
+        'diag.backupDefault': '默认（与存储文件同目录）',
+        'diag.backupPath': '覆盖副本（.bak）',
+        'diag.historyDir': '版本历史目录',
+        'diag.historyCount': '历史快照数',
+        'diag.schemaFile': 'Schema 文件',
+        'diag.issueStorage': '存储错误',
+        'diag.issueWarning': '存储警告',
+        'diag.issueHistory': '历史错误',
+        'diag.issueSection': '注入错误',
+        // ---- F7 临时静音 ----
+        'mute.menu': '暂停注入…',
+        'mute.30m': '30 分钟',
+        'mute.1h': '1 小时',
+        'mute.today': '到今天结束',
+        'mute.resume': '立即恢复',
+        'mute.active': '注入已暂停，剩余 {remaining}',
+        'mute.hint': '暂停期间不注入任何指令或用户形象，到期后自动恢复；此状态跨重启保留。',
+        'mute.remainingMs': '{m} 分 {s} 秒',
+        'mute.remainingH': '{h} 小时 {m} 分',
         // ---- F14 版本历史 ----
         'history.section': '版本历史',
         'history.subtitle': '每次保存都会留一份带时间戳的快照（每台设备最多保留 {max} 份，逐出最旧的）。可在此查看并一键回滚。',
@@ -522,6 +586,50 @@ window.__ModuleLoader__.load({
         'sets.copySuffix': ' copy',
         'sets.deleteConfirm': 'Delete the set “{name}”? Its {entries} instructions and {profiles} personas are deleted with it. This cannot be undone.',
         'sets.deleteActive': 'The active set cannot be deleted; switch to another set first.',
+        'sets.draftsClosed': 'The editor draft open before the switch was closed',
+        // ---- F12 diagnostics & security panel ----
+        'diag.section': 'Diagnostics',
+        'diag.show': 'Show diagnostics',
+        'diag.hide': 'Hide diagnostics',
+        'diag.copy': 'Copy diagnostics',
+        'diag.copied': 'Diagnostics copied to the clipboard',
+        'diag.copyManual': 'Automatic copy is unavailable; select and copy the text below manually.',
+        'diag.hostWarn': 'Security notice: the settings route is bound to a non-loopback address ({host}); other devices on the same network can reach this page without authentication. Do not expose it on an untrusted network — for public deployments read “Publishing behind a reverse proxy” in the README.',
+        'diag.groupStorage': 'Storage',
+        'diag.groupInjection': 'Injection',
+        'diag.groupBackup': 'Backup & history',
+        'diag.groupIssues': 'Errors & warnings',
+        'diag.none': '(none)',
+        'diag.storagePath': 'Store file',
+        'diag.onDisk': 'Store file on disk',
+        'diag.loadedFrom': 'Loaded from',
+        'diag.savedAt': 'Last saved',
+        'diag.rev': 'Revision (rev)',
+        'diag.registered': 'Section registered',
+        'diag.yes': 'yes',
+        'diag.no': 'no',
+        'diag.pulls': 'Prompt pulls (counted since this plugin started)',
+        'diag.chars': 'Injected chars / budget',
+        'diag.backupDir': 'Backup location',
+        'diag.backupDefault': 'default (next to the store file)',
+        'diag.backupPath': 'Rolling copy (.bak)',
+        'diag.historyDir': 'History directory',
+        'diag.historyCount': 'History snapshots',
+        'diag.schemaFile': 'Schema file',
+        'diag.issueStorage': 'Storage error',
+        'diag.issueWarning': 'Storage warning',
+        'diag.issueHistory': 'History error',
+        'diag.issueSection': 'Injection error',
+        // ---- F7 temporary mute ----
+        'mute.menu': 'Pause injection…',
+        'mute.30m': '30 minutes',
+        'mute.1h': '1 hour',
+        'mute.today': 'Until the end of today',
+        'mute.resume': 'Resume now',
+        'mute.active': 'Injection paused — {remaining} left',
+        'mute.hint': 'While paused, neither instructions nor personas are injected. It resumes automatically and survives a restart.',
+        'mute.remainingMs': '{m}m {s}s',
+        'mute.remainingH': '{h}h {m}m',
         // ---- F14 version history ----
         'history.section': 'Version history',
         'history.subtitle': 'Every save leaves a timestamped snapshot ({max} kept per device, oldest evicted first). Review them here and roll back with one click.',
@@ -924,6 +1032,71 @@ window.__ModuleLoader__.load({
       return { budget, used, omitted, truncated, percent, tokens }
     }
 
+    /**
+     * F12: serialize a diagnostic snapshot into plain text for an issue report.
+     * Pinned as a pure export so verify.mjs can hold the contract: the dump
+     * carries the operational fields (store shape, storage, injection,
+     * security, load origin) plus the reporter's environment, and NEVER
+     * carries user text — no entry titles, no entry or persona bodies. Paths
+     * (including the absolute backup directory) are machine-local but are the
+     * whole point of a support dump, so they stay.
+     */
+    function diagnosticsText(view, env) {
+      const sec = (root, name) => (root !== null && typeof root === 'object'
+        && root[name] !== null && typeof root[name] === 'object' ? root[name] : {})
+      const data = sec(view, 'data')
+      const storage = sec(view, 'storage')
+      const injection = sec(view, 'injection')
+      const security = sec(view, 'security')
+      const diagnostics = sec(view, 'diagnostics')
+      const environment = env !== null && typeof env === 'object' ? env : {}
+      const v = (value) => (value === null || value === undefined ? '' : String(value))
+      const count = (value) => (Array.isArray(value) ? String(value.length) : '0')
+      return [
+        'dsh-instruction-memory diagnostics',
+        '--- store ---',
+        'version: ' + v(data.version),
+        'rev: ' + v(data.rev),
+        'enabled: ' + v(data.enabled),
+        'budgetChars: ' + v(data.budgetChars),
+        'disabledUntil: ' + v(data.disabledUntil),
+        'sets: ' + count(data.sets),
+        'entries(active set): ' + count(data.entries),
+        'profiles(active set): ' + count(data.profiles),
+        '--- storage ---',
+        'path: ' + v(storage.path),
+        'onDisk: ' + v(storage.onDisk),
+        'loadedFrom: ' + v(diagnostics.loadedFrom),
+        'rev: ' + v(diagnostics.rev),
+        'savedAt: ' + (typeof storage.savedAt === 'number' && storage.savedAt > 0 ? new Date(storage.savedAt).toISOString() : ''),
+        'migratedFrom: ' + v(storage.migratedFrom),
+        'backupDir: ' + v(storage.backupDir),
+        'isDefaultBackupDir: ' + v(storage.isDefaultBackupDir),
+        'backupPath: ' + v(storage.backupPath),
+        'historyDir: ' + v(storage.historyDir),
+        'historyCount: ' + v(storage.historyCount),
+        'schemaFile: ' + v(storage.schemaFile),
+        '--- injection ---',
+        'registered: ' + v(injection.registered),
+        'muted: ' + v(injection.muted),
+        'error: ' + v(injection.error),
+        'chars: ' + v(injection.chars),
+        'budget: ' + v(injection.budget),
+        'pulls(since boot): ' + v(injection.pulls),
+        '--- security ---',
+        'hostGuarded: ' + v(security.hostGuarded),
+        'boundHost: ' + v(security.boundHost),
+        '--- errors/warnings ---',
+        'storage.error: ' + v(storage.error),
+        'storage.warning: ' + v(storage.warning),
+        'historyError: ' + v(storage.historyError),
+        '--- environment ---',
+        'userAgent: ' + v(environment.userAgent),
+        'language: ' + v(environment.language),
+        'time: ' + v(environment.now),
+      ].join('\n')
+    }
+
     /* ---------------- F17: local relevance preview ---------------- */
 
     /** The most terms one query may be split into; keeps matching cheap. */
@@ -1318,6 +1491,16 @@ window.__ModuleLoader__.load({
       // draft: editing an instruction never closes an open persona and vice
       // versa is handled by closing one when opening the other (see handlers).
       const [profileDraft, setProfileDraft] = React.useState(null)
+      // Latest live values of the two editor drafts. switchSet's success
+      // callback is a closure created at click time; between the click and the
+      // response landing, a draft can still be opened (the busy flag only
+      // re-renders on the next pass), so the callback must read the drafts
+      // through refs to see what is REALLY open when the switch lands — a
+      // stale `draft === null` would leave the old set's form on screen.
+      const draftRef = React.useRef(null)
+      draftRef.current = draft
+      const profileDraftRef = React.useRef(null)
+      profileDraftRef.current = profileDraft
       const [budgetText, setBudgetText] = React.useState('')
       // Latest live value of the draft, because the SSE onmessage closure below
       // is created once and must not read a stale first-render budgetText.
@@ -1354,6 +1537,17 @@ window.__ModuleLoader__.load({
       const [historyOpen, setHistoryOpen] = React.useState(false)
       const [history, setHistory] = React.useState(null)
       const [historyBusy, setHistoryBusy] = React.useState(false)
+      // F12: the diagnostics card is collapsed by default; a failed automatic
+      // copy parks the dump here so it can be selected manually instead of
+      // pretending the copy happened.
+      const [diagOpen, setDiagOpen] = React.useState(false)
+      const [diagFallback, setDiagFallback] = React.useState(null)
+      // F7: the pause menu (null-state boolean) and a 1s clock tick that exists
+      // ONLY while a pause is live (its effect cleans up after itself). The
+      // tick drives nothing but the remaining-time text; authority stays with
+      // the host snapshot (injection.muted / data.disabledUntil).
+      const [pauseMenuOpen, setPauseMenuOpen] = React.useState(false)
+      const [nowTick, setNowTick] = React.useState(Date.now())
       // F18: the backup-location draft (focused-input protection like budget).
       const [backupText, setBackupText] = React.useState('')
       const backupTextRef = React.useRef('')
@@ -1396,6 +1590,27 @@ window.__ModuleLoader__.load({
         return () => clearTimeout(timer)
       }, [undo])
 
+      // F7: tick once per second while a pause is live so the remaining-time
+      // text counts down. The interval exists only while muted — the cleanup
+      // clears it the moment the snapshot says otherwise. This effect sits
+      // BEFORE the early returns (a hook skipped by a conditional return would
+      // desync the hook order); it reads the snapshot through `view` because
+      // the derived `injection` does not exist yet up here.
+      const mutedNow = view !== null && view.injection !== null && typeof view.injection === 'object'
+        && view.injection.muted === true
+      React.useEffect(() => {
+        if (!mutedNow) return undefined
+        // A pause started from ANOTHER window replaces the menu row; the open
+        // flag must not resurface when the row returns after expiry.
+        setPauseMenuOpen(false)
+        // Snapshot the clock the moment the pause lands: nowTick may be up to
+        // a second stale from a PREVIOUS pause, which would render the first
+        // frame with an inflated remaining time.
+        setNowTick(Date.now())
+        const tick = setInterval(() => setNowTick(Date.now()), 1000)
+        return () => clearInterval(tick)
+      }, [mutedNow])
+
       /**
        * F16 live validation, debounced: parsing on every keystroke would stall
        * the panel on a multi-megabyte paste, and 250 ms is below the threshold
@@ -1566,6 +1781,22 @@ window.__ModuleLoader__.load({
           if (result !== null && result.ok === true) {
             setSelected([])
             setUndo(null)
+            // Batch mode exists to act on listed ids; after a switch it would
+            // act on ids from the wrong set, so it leaves with the selection.
+            setBatchMode(false)
+            // An editor left open across a switch is a form full of the OLD
+            // set's content that would save into the NEW set. The server-side
+            // cross-set guard means no data is lost, but the form itself is a
+            // lie — so it closes with the switch, and the user is told. The
+            // refs (not the closure state) say whether anything was open.
+            setDraft(null)
+            setProfileDraft(null)
+            if (draftRef.current !== null || profileDraftRef.current !== null) {
+              const base = typeof result.message === 'string' && result.message !== ''
+                ? result.message + '；'
+                : ''
+              setNotice(base + t('sets.draftsClosed'))
+            }
           }
         })
       }
@@ -1729,6 +1960,55 @@ window.__ModuleLoader__.load({
         }
       }
 
+      // ---- F12 diagnostics copy ----
+
+      function copyDiagnostics() {
+        if (view === null) return
+        const text = diagnosticsText(view, {
+          userAgent: typeof navigator !== 'undefined' && navigator.userAgent !== undefined ? String(navigator.userAgent) : '',
+          language: typeof navigator !== 'undefined' && navigator.language !== undefined ? String(navigator.language) : '',
+          now: new Date().toISOString(),
+        })
+        const clipboard = typeof navigator !== 'undefined' && navigator.clipboard
+          && typeof navigator.clipboard.writeText === 'function' ? navigator.clipboard : null
+        if (clipboard !== null) {
+          clipboard.writeText(text).then(() => setNotice(t('diag.copied')), () => fallbackCopyDiagnostics(text))
+          return
+        }
+        fallbackCopyDiagnostics(text)
+      }
+
+      /**
+       * The webview may ship neither the async clipboard API nor
+       * document.execCommand; then the only honest move is to surface the dump
+       * in a selectable textarea instead of pretending the copy happened.
+       */
+      function fallbackCopyDiagnostics(text) {
+        try {
+          const area = document.createElement('textarea')
+          area.value = text
+          area.setAttribute('readonly', '')
+          const host = document.body || document.head
+          if (host && typeof host.appendChild === 'function') host.appendChild(area)
+          if (typeof area.select === 'function') area.select()
+          // execCommand may THROW (not merely return false); the detached
+          // helper must leave the DOM on every path.
+          let ok = false
+          try {
+            ok = typeof document.execCommand === 'function' && document.execCommand('copy') === true
+          } finally {
+            if (host && typeof host.removeChild === 'function' && area.parentNode === host) host.removeChild(area)
+          }
+          if (ok) {
+            setNotice(t('diag.copied'))
+            return
+          }
+          throw new Error('copy rejected')
+        } catch {
+          setDiagFallback(text)
+        }
+      }
+
       async function doExport() {
         try {
           const result = await callHost('export-data', null)
@@ -1854,6 +2134,11 @@ window.__ModuleLoader__.load({
       // it here keeps the effect's dependency list down to the text itself.
       sourceCeilingRef.current = typeof limits.maxBodyChars === 'number' ? limits.maxBodyChars : 0
       const injection = view.injection || { registered: false, chars: 0, error: null }
+      // F12: the security block is optional (older Host) and then means "no
+      // known problem" — an absent field must not manufacture a warning.
+      const security = view.security !== null && typeof view.security === 'object'
+        ? view.security
+        : { hostGuarded: true, boundHost: '' }
       // List order is display-only and never changes what the Host injects
       // (the injection order is decided host-side). The default mirrors the
       // previous fixed order; updated-time and title are the other sorts.
@@ -1972,20 +2257,90 @@ window.__ModuleLoader__.load({
         : (injection.registered
           ? t('status.mounted', { chars: injection.chars })
           : (activeCount === 0 ? t('status.notMountedEmpty') : t('status.notMounted')))
+      // F12: display-only rows. Every value comes straight from the snapshot;
+      // a missing field (older Host) degrades to （无） instead of throwing
+      // mid-render.
+      const diagValue = (value) => (value === null || value === undefined || value === '' ? t('diag.none') : String(value))
+      const diagYesNo = (value) => (value === true ? t('diag.yes') : t('diag.no'))
+      const diagRow = (label, value) => h('div', { className: 'im-meta' }, label + '：' + value)
+      const diagLoadedFrom = view.diagnostics !== null && typeof view.diagnostics === 'object'
+        ? view.diagnostics.loadedFrom
+        : null
+      const diagRev = view.diagnostics !== null && typeof view.diagnostics === 'object'
+        && typeof view.diagnostics.rev === 'number'
+        ? view.diagnostics.rev
+        : (data.rev || 0)
+      // F7: the pause decision itself belongs to the host (injection.muted);
+      // the countdown below is display-only. At zero the bar yields back to
+      // the normal control (the host's own timer is delivering a fresh
+      // snapshot at that moment in any case).
+      const muted = injection.muted === true
+      const disabledUntil = typeof data.disabledUntil === 'number' && Number.isFinite(data.disabledUntil)
+        ? data.disabledUntil
+        : 0
+      const muteRemainingMs = muted ? Math.max(0, disabledUntil - nowTick) : 0
+      const muteRemainingText = (ms) => {
+        const totalSec = Math.max(0, Math.round(ms / 1000))
+        const hh = Math.floor(totalSec / 3600)
+        const mm = Math.floor((totalSec % 3600) / 60)
+        const ss = totalSec % 60
+        return hh > 0 ? t('mute.remainingH', { h: hh, m: mm }) : t('mute.remainingMs', { m: mm, s: ss })
+      }
+      const endOfToday = () => {
+        const d = new Date()
+        d.setHours(24, 0, 0, 0)
+        return d.getTime()
+      }
+      function pauseFor(ms) {
+        if (busy || typeof ms !== 'number' || !(ms > 0)) return
+        setPauseMenuOpen(false)
+        void send('set-options', { disabledUntil: Date.now() + ms, baseRev: revOf() })
+      }
+      function resumePause() {
+        if (busy) return
+        setPauseMenuOpen(false)
+        void send('set-options', { disabledUntil: 0, baseRev: revOf() })
+      }
 
       const header = h('div', { className: 'im-card', key: 'head' },
+        // F12: the non-loopback warning sits at the TOP of the panel — not
+        // inside the collapsible diagnostics card — so it cannot be missed.
+        security.hostGuarded === false
+          ? h('div', { className: 'im-hostwarn', key: 'hostwarn' },
+            t('diag.hostWarn', { host: security.boundHost !== '' ? security.boundHost : '?' }))
+          : null,
         h('div', { className: 'im-row' },
           h('div', null,
             h('h3', { className: 'im-h' }, t('panel.title')),
             h('p', { className: 'im-sub' }, t('panel.subtitle'))),
-          h('label', { className: 'im-switch' },
-            h('input', {
-              type: 'checkbox',
-              checked: data.enabled === true,
-              disabled: busy,
-              onChange: () => send('set-options', { enabled: !data.enabled, baseRev: revOf() }),
-            }),
-            t('panel.masterSwitch'))),
+          h('div', { className: 'im-master-col' },
+            h('label', { className: 'im-switch' },
+              h('input', {
+                type: 'checkbox',
+                checked: data.enabled === true,
+                disabled: busy,
+                onChange: () => send('set-options', { enabled: !data.enabled, baseRev: revOf() }),
+              }),
+              t('panel.masterSwitch')),
+            // F7 临时静音：暂停期间提示词与「未安装插件」逐字节一致；到期由宿主定时器
+            // 自动恢复，无需用户操作、不写盘。倒计时只是展示，权威在快照。
+            muted && muteRemainingMs > 0
+              ? h('div', { className: 'im-pause-bar' },
+                h('span', null, t('mute.active', { remaining: muteRemainingText(muteRemainingMs) })),
+                h('button', { className: 'im-btn', disabled: busy, onClick: resumePause }, t('mute.resume')))
+              : h('div', { className: 'im-pause-row' },
+                h('button', {
+                  className: 'im-btn',
+                  disabled: busy,
+                  onClick: () => setPauseMenuOpen(!pauseMenuOpen),
+                }, t('mute.menu')),
+                pauseMenuOpen
+                  ? h('div', { className: 'im-pause-menu' },
+                    h('button', { className: 'im-btn', disabled: busy, onClick: () => pauseFor(30 * 60000) }, t('mute.30m')),
+                    h('button', { className: 'im-btn', disabled: busy, onClick: () => pauseFor(60 * 60000) }, t('mute.1h')),
+                    h('button', { className: 'im-btn', disabled: busy, onClick: () => pauseFor(endOfToday() - Date.now()) }, t('mute.today')),
+                    h('div', { className: 'im-meta' }, t('mute.hint')))
+                  : null))),
         h('div', { className: 'im-status' },
           h('span', { className: dotClass }),
           h('span', { className: injection.error ? 'im-err' : 'im-meta' }, dotText)),
@@ -2410,6 +2765,58 @@ window.__ModuleLoader__.load({
           history !== null && history.dir !== ''
             ? h('div', { className: 'im-meta' }, t('history.dir', { dir: history.dir }))
             : null),
+        // ---- F12 诊断与安全状态（默认收起；纯展示，无写路由） ----
+        h('div', { key: 'diag', className: 'im-diag' },
+          h('div', { className: 'im-profiles-head' },
+            h('span', { className: 'im-section-title' }, t('diag.section')),
+            h('span', { className: 'im-spacer' }),
+            h('button', { className: 'im-btn', disabled: busy, onClick: () => setDiagOpen(!diagOpen) },
+              diagOpen ? t('diag.hide') : t('diag.show')),
+            h('button', { className: 'im-btn', disabled: busy, onClick: copyDiagnostics }, t('diag.copy'))),
+          diagOpen
+            ? h('div', null,
+              h('div', { className: 'im-diag-group' },
+                h('span', { className: 'im-section-title im-diag-sub' }, t('diag.groupStorage')),
+                diagRow(t('diag.storagePath'), diagValue(storage.path)),
+                diagRow(t('diag.onDisk'), diagYesNo(storage.onDisk === true)),
+                diagRow(t('diag.loadedFrom'), diagValue(diagLoadedFrom)),
+                diagRow(t('diag.savedAt'), typeof storage.savedAt === 'number' && storage.savedAt > 0
+                  ? new Date(storage.savedAt).toLocaleString()
+                  : t('diag.none')),
+                diagRow(t('diag.rev'), String(diagRev))),
+              h('div', { className: 'im-diag-group' },
+                h('span', { className: 'im-section-title im-diag-sub' }, t('diag.groupInjection')),
+                diagRow(t('diag.registered'), diagYesNo(injection.registered === true)),
+                diagRow(t('diag.pulls'), String(typeof injection.pulls === 'number' ? injection.pulls : 0)),
+                diagRow(t('diag.chars'),
+                  String(typeof injection.chars === 'number' ? injection.chars : 0) + ' / '
+                  + String(typeof injection.budget === 'number' ? injection.budget : data.budgetChars))),
+              h('div', { className: 'im-diag-group' },
+                h('span', { className: 'im-section-title im-diag-sub' }, t('diag.groupBackup')),
+                diagRow(t('diag.backupDir'), typeof storage.backupDir === 'string' && storage.backupDir !== ''
+                  ? storage.backupDir
+                  : t('diag.backupDefault')),
+                diagRow(t('diag.backupPath'), diagValue(storage.backupPath)),
+                diagRow(t('diag.historyDir'), diagValue(storage.historyDir)),
+                diagRow(t('diag.historyCount'), String(typeof storage.historyCount === 'number' ? storage.historyCount : 0)),
+                diagRow(t('diag.schemaFile'), diagValue(storage.schemaFile))),
+              h('div', { className: 'im-diag-group' },
+                h('span', { className: 'im-section-title im-diag-sub' }, t('diag.groupIssues')),
+                diagRow(t('diag.issueStorage'), diagValue(storage.error)),
+                diagRow(t('diag.issueWarning'), diagValue(storage.warning)),
+                diagRow(t('diag.issueHistory'), diagValue(storage.historyError)),
+                diagRow(t('diag.issueSection'), diagValue(injection.error))),
+              diagFallback !== null
+                ? h('div', { className: 'im-diag-fallback' },
+                  h('div', { className: 'im-meta' }, t('diag.copyManual')),
+                  h('textarea', {
+                    className: 'im-textarea',
+                    readOnly: true,
+                    value: diagFallback,
+                    onFocus: (ev) => { if (typeof ev.target.select === 'function') ev.target.select() },
+                  }))
+                : null)
+            : null),
         error !== '' ? h('div', { className: 'im-err' }, error) : null,
         error === '' && notice !== '' ? h('div', { className: 'im-ok' }, notice) : null,
         error === '' && notice === '' && storage.error ? h('div', { className: 'im-err' }, storage.error) : null,
@@ -2717,6 +3124,7 @@ window.__ModuleLoader__.load({
     exports.__relevanceTerms = relevanceTerms
     exports.__relevancePreview = relevancePreview
     exports.__sourceParseVerdict = sourceParseVerdict
+    exports.__diagnosticsText = diagnosticsText
     exports.__strings = STRINGS
     exports.__ns = NS
     exports.__dictionaryT = dictionaryT