@objectivex666/dsh-settings-search 1.12.0 → 1.13.0

package/lib/client.js

@@ -30,7 +30,7 @@ window.__ModuleLoader__.load({
 
     const NS = 'settings-search-v5'
     /** Single source of truth is package.json — scripts/check.mjs asserts this matches. */
-    const PKG_VERSION = '1.12.0'
+    const PKG_VERSION = '1.13.0'
     const NPM_NAME = '@objectivex666/dsh-settings-search'
     const REPO_URL = 'https://github.com/objectivex666/dsh-settings-search'
     const ISSUES_URL = 'https://github.com/objectivex666/dsh-settings-search/issues/new/choose'
@@ -107,6 +107,8 @@ window.__ModuleLoader__.load({
       aiDshImportOk: '已导入 Base URL 与模型名；API Key 未改动 ✓',
       aiDshImportFail: '导入失败：{reason}',
       aiDshImportEmpty: '未找到 DSH 当前默认模型配置',
+      aiDshImportApi: '当前 DSH 版本未提供模型配置接口（remote.settings）',
+      aiDshImportNoBaseUrl: '默认模型「{model}」在 DSH 设置中没有可导入的 Base URL',
       aiConfigSave: '保存配置',
       aiConfigSaved: '已保存 ✓',
       aiClear: '清除配置',
@@ -132,9 +134,14 @@ window.__ModuleLoader__.load({
       aiOllamaErrForbidden: 'Ollama 拒绝访问，请检查 OLLAMA_ORIGINS 是否允许当前 DSH 页面来源',
       aiOllamaErrTimeout: 'Ollama 响应超时，请检查本机服务及模型加载状态',
       logTitle: '日志',
-      logDesc: '记录插件运行、搜索与 AI 请求的关键动作，便于排查问题。',
+      logCountHint: '磁盘日志文件中的条目数',
+      logDesc: '记录插件运行、搜索与 AI 请求的关键动作，便于排查问题；日志按天写入 DSH 的日志文件夹，文件名带日期。',
       logEmpty: '暂无日志',
       logExport: '导出日志',
+      logView: '查看日志',
+      logOpenDir: '打开日志文件夹',
+      logOpenOk: '已在文件管理器中打开日志文件夹 ✓',
+      logOpenFail: '打开日志文件夹失败',
       logIssues: '反馈问题',
       logCopy: '复制日志',
       logCopied: '已复制 ✓',
@@ -142,10 +149,20 @@ window.__ModuleLoader__.load({
       logClear: '清空日志',
       logCleared: '已清空',
       logConfirmTitle: '清空日志',
-      logConfirm: '确定要清空全部日志吗？此操作不可撤销。',
+      logConfirm: '确定要清空全部日志吗？磁盘上的日志文件也会一并清空。',
       logConfirmYes: '确认清空',
       logConfirmCancel: '取消',
       logExportFail: '导出失败，请重试。',
+      logViewerTitle: '运行日志',
+      logViewerRefresh: '刷新',
+      logViewerLoading: '正在读取…',
+      logViewerCopy: '复制',
+      logViewerCopied: '已复制 ✓',
+      logViewerClose: '关闭',
+      logViewerEmpty: '暂无日志。',
+      logViewerFile: '文件：{file}',
+      logViewerMemory: '宿主日志通道不可用，这里显示本次会话的记录，重启后不再保留。',
+      logViewerTruncated: '仅显示文件末尾部分，更早的内容请打开日志文件夹查看。',
       wlTitle: '欢迎使用设置搜索',
       wlSubtitle: '为 DSH 设置面板提供即时搜索与导航，几秒钟就能找到任何设置。',
       wlFeature1Title: '实时搜索',
@@ -236,6 +253,8 @@ window.__ModuleLoader__.load({
       aiDshImportOk: 'Imported Base URL and model; API key unchanged ✓',
       aiDshImportFail: 'Import failed: {reason}',
       aiDshImportEmpty: 'No current DSH default model config found',
+      aiDshImportApi: 'This DSH build exposes no model config API (remote.settings)',
+      aiDshImportNoBaseUrl: 'The default model "{model}" has no Base URL in DSH settings to import',
       aiConfigSave: 'Save config',
       aiConfigSaved: 'Saved ✓',
       aiClear: 'Clear config',
@@ -261,9 +280,14 @@ window.__ModuleLoader__.load({
       aiOllamaErrForbidden: 'Ollama denied access. Check that OLLAMA_ORIGINS allows this DSH page origin',
       aiOllamaErrTimeout: 'Ollama timed out. Check the local service and model loading status',
       logTitle: 'Logs',
-      logDesc: 'Logs key plugin actions, searches, and AI requests to help troubleshoot.',
+      logCountHint: 'Entries in the log file on disk',
+      logDesc: 'Logs key plugin actions, searches, and AI requests to help troubleshoot; one dated file per day is written to DSH\u2019s log folder.',
       logEmpty: 'No logs yet',
       logExport: 'Export logs',
+      logView: 'View logs',
+      logOpenDir: 'Open log folder',
+      logOpenOk: 'Log folder opened in your file manager ✓',
+      logOpenFail: 'Could not open the log folder',
       logIssues: 'Report issue',
       logCopy: 'Copy logs',
       logCopied: 'Copied ✓',
@@ -271,10 +295,20 @@ window.__ModuleLoader__.load({
       logClear: 'Clear logs',
       logCleared: 'Cleared',
       logConfirmTitle: 'Clear logs',
-      logConfirm: 'Clear all logs? This cannot be undone.',
+      logConfirm: 'Clear all logs? The log file on disk is truncated as well.',
       logConfirmYes: 'Clear logs',
       logConfirmCancel: 'Cancel',
       logExportFail: 'Export failed. Please try again.',
+      logViewerTitle: 'Run log',
+      logViewerRefresh: 'Refresh',
+      logViewerLoading: 'Loading…',
+      logViewerCopy: 'Copy',
+      logViewerCopied: 'Copied ✓',
+      logViewerClose: 'Close',
+      logViewerEmpty: 'No logs yet.',
+      logViewerFile: 'File: {file}',
+      logViewerMemory: 'The host log channel is unavailable, so this shows the current session only; it is not kept after a reload.',
+      logViewerTruncated: 'Showing the end of the file only — open the log folder for earlier lines.',
       wlTitle: 'Welcome to Settings Search',
       wlSubtitle: 'Instant search and navigation for the DSH settings panel — find any setting in seconds.',
       wlFeature1Title: 'Instant search',
@@ -293,7 +327,14 @@ window.__ModuleLoader__.load({
       wlFeature6Desc: 'On first open it automatically passes through every settings section, so in-page options are searchable without opening each page manually.',
     }
 
-    /** Inner-row slots that represent specific options inside one page. */
+    /**
+     * Inner-row slots that represent specific options inside one page.
+     * DSH 0.2 keeps the plugin cards in its standalone Plugins panel
+     * (`plugins.item`) and renders the Settings → Plugins inventory tab itself,
+     * so only the tab seat is inside the settings panel the search reaches.
+     * `settings.plugin.item` and `web-ui.plugin.item` are the pre-0.2 card
+     * seats — 0.2 declares neither, and they stay indexed for older builds.
+     */
     const DEEP_SLOTS = [
       { slot: 'settings.plugins.tab', parent: 'plugins' },
       { slot: 'settings.plugin.item', parent: 'plugins' },
@@ -472,16 +513,192 @@ window.__ModuleLoader__.load({
 
     const AI_TOGGLE_EVENT = 'dsh-settings-search:ai-toggle'
     const AI_CONFIG_EVENT = 'dsh-settings-search:ai-config'
-    /** Simple in-memory log ring used by the settings panel's export/log UI. */
+    /**
+     * Log recording has two sinks: the in-memory ring that feeds the panel
+     * instantly, and the host log file the panel can view and open. Every entry
+     * is formatted once ({@link logLine}), so the file, the viewer, and the
+     * exported text all read the same. Lines are handed to the host in small
+     * batches — a settings panel produces bursts, and one request per line
+     * would be wasteful — and the transport stays deliberately silent about its
+     * own failures so a broken channel can never log about itself.
+     */
     const LOG_EVENT = 'dsh-settings-search:log'
+    /** Fires when the on-disk entry count changes, so the panel's badge follows it. */
+    const LOG_COUNT_EVENT = 'dsh-settings-search:log-count'
     const LOG_MAX = 500
+    const LOG_LINE_MAX = 800
+    const LOG_BATCH_MAX = 40
+    const LOG_FLUSH_MS = 1200
+    /** Document-relative form of the host half's `/api/settings-search-log`. */
+    const LOG_ROUTE = 'api/settings-search-log'
+    /** Per page-load run id, so one file can tell concurrent runs apart. */
+    const LOG_RUN = Math.floor(Math.random() * 0xffffffff).toString(16).padStart(8, '0')
     const LOGS = []
+    let logSeq = 0
+
+    const safeJson = (value) => {
+      try {
+        const text = JSON.stringify(value)
+        return typeof text === 'string' ? text : ''
+      } catch {
+        return '"<unserializable>"'
+      }
+    }
+
+    /** One line per entry: `time [level] [run:seq] message {meta}`. */
+    const logLine = (entry) => {
+      const meta = entry.meta === undefined ? '' : ` ${safeJson(entry.meta)}`
+      const seq = Number.isFinite(entry.seq) ? entry.seq : 0
+      return `${entry.time} [${entry.level}] [${LOG_RUN}:${seq}] ${entry.msg}${meta}`.slice(0, LOG_LINE_MAX)
+    }
+
+    /** Host-log transport state: pending lines, its timer, and the last outcome. */
+    const logTransport = { pending: [], timer: null, state: 'idle', dir: '', file: '', detail: '', count: null }
+
+    const setLogOutcome = (failed, payload, detail) => {
+      logTransport.state = failed ? 'fail' : 'ok'
+      logTransport.detail = failed ? detail : ''
+      if (typeof payload?.dir === 'string') logTransport.dir = payload.dir
+      if (typeof payload?.file === 'string') logTransport.file = payload.file
+      // The host answers the on-disk entry count on every call, so the panel's
+      // badge reflects the log that exists rather than this page's ring.
+      if (Number.isFinite(payload?.count) && payload.count !== logTransport.count) {
+        logTransport.count = payload.count
+        try { window.dispatchEvent(new CustomEvent(LOG_COUNT_EVENT)) } catch {}
+      }
+    }
+
+    /** One request to the host log route; never throws, never logs. */
+    const postLog = async (body) => {
+      try {
+        const response = await fetch(LOG_ROUTE, {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify(body),
+        })
+        const payload = await response.json().catch(() => null)
+        if (!response.ok || payload?.ok !== true) {
+          setLogOutcome(true, null, String(payload?.detail ?? payload?.reason ?? `HTTP ${response.status}`))
+          return null
+        }
+        setLogOutcome(false, payload, '')
+        return payload
+      } catch (error) {
+        setLogOutcome(true, null, String(error?.message ?? error))
+        return null
+      }
+    }
+
+    /** Ship the queued lines now; the host stops serving once its batch is full. */
+    const flushLogs = () => {
+      if (logTransport.timer !== null) {
+        clearTimeout(logTransport.timer)
+        logTransport.timer = null
+      }
+      if (logTransport.pending.length === 0) return
+      const lines = logTransport.pending.splice(0, logTransport.pending.length)
+      void postLog({ action: 'append', lines })
+    }
+
+    /** Drop queued lines without shipping them (used by 清空日志). */
+    const discardPendingLogs = () => {
+      if (logTransport.timer !== null) {
+        clearTimeout(logTransport.timer)
+        logTransport.timer = null
+      }
+      logTransport.pending.length = 0
+    }
+
+    const queueLogLine = (line) => {
+      logTransport.pending.push(line)
+      if (logTransport.pending.length >= LOG_BATCH_MAX) {
+        flushLogs()
+        return
+      }
+      if (logTransport.timer === null) logTransport.timer = setTimeout(flushLogs, LOG_FLUSH_MS)
+    }
+
+    /** Read the host log tail (viewer, and the folder path the panel offers). */
+    const readLogFile = async () => {
+      try {
+        const response = await fetch(LOG_ROUTE, { method: 'GET' })
+        const payload = await response.json().catch(() => null)
+        if (!response.ok || payload?.ok !== true) {
+          setLogOutcome(true, null, String(payload?.detail ?? payload?.reason ?? `HTTP ${response.status}`))
+          return null
+        }
+        setLogOutcome(false, payload, '')
+        return {
+          text: String(payload.text ?? ''),
+          size: Number(payload.size ?? 0),
+          truncated: payload.truncated === true,
+        }
+      } catch (error) {
+        setLogOutcome(true, null, String(error?.message ?? error))
+        return null
+      }
+    }
+
+    /**
+     * Refresh the on-disk entry count without transferring the file tail.
+     * @returns the count, or null when the host channel is unavailable.
+     */
+    const readLogCount = async () => {
+      try {
+        const response = await fetch(`${LOG_ROUTE}?count=1`, { method: 'GET' })
+        const payload = await response.json().catch(() => null)
+        if (!response.ok || payload?.ok !== true) {
+          setLogOutcome(true, null, String(payload?.detail ?? payload?.reason ?? `HTTP ${response.status}`))
+          return null
+        }
+        setLogOutcome(false, payload, '')
+        return Number.isFinite(payload.count) ? payload.count : null
+      } catch (error) {
+        setLogOutcome(true, null, String(error?.message ?? error))
+        return null
+      }
+    }
+
+    /** Open the log folder in the OS file manager. */
+    const openLogFolder = async () => {
+      const payload = await postLog({ action: 'open' })
+      return { ok: payload !== null, dir: logTransport.dir, file: logTransport.file, detail: logTransport.detail }
+    }
+
+    /** Truncate the on-disk log. */
+    const clearLogFile = async () => { await postLog({ action: 'clear' }) }
+
+    /** Current host-log target and last transport outcome, for the panel. */
+    const logTarget = () => ({
+      dir: logTransport.dir,
+      file: logTransport.file,
+      state: logTransport.state,
+      detail: logTransport.detail,
+      count: logTransport.count,
+    })
+
+    /** This session's entries in the same one-line format the file uses. */
+    const sessionLogText = () => LOGS.map(logLine).join('\n')
+
     const log = (level, msg, meta) => {
       if (typeof window === 'undefined') return
-      LOGS.push({ time: new Date().toISOString(), level, msg, meta })
+      const entry = { time: new Date().toISOString(), level, msg: String(msg), meta, seq: ++logSeq }
+      LOGS.push(entry)
       if (LOGS.length > LOG_MAX) LOGS.splice(0, LOGS.length - LOG_MAX)
+      queueLogLine(logLine(entry))
       try { window.dispatchEvent(new CustomEvent(LOG_EVENT, { detail: LOGS.length })) } catch {}
     }
+
+    if (typeof window !== 'undefined') {
+      // A page leaving the document is the last chance to ship queued lines.
+      try { window.addEventListener('pagehide', flushLogs) } catch {}
+      try {
+        window.addEventListener('visibilitychange', () => {
+          if (typeof document !== 'undefined' && document.visibilityState === 'hidden') flushLogs()
+        })
+      } catch {}
+    }
+
     const formatLogs = (logs) => {
       const lines = [
         'dsh-settings-search log',
@@ -490,9 +707,7 @@ window.__ModuleLoader__.load({
         `count: ${logs.length}`,
         '',
       ]
-      for (const entry of logs) {
-        lines.push(`[${entry.time}] [${entry.level}] ${entry.msg}${entry.meta ? ' ' + JSON.stringify(entry.meta) : ''}`)
-      }
+      for (const entry of logs) lines.push(logLine(entry))
       return lines.join('\n')
     }
     const AI_CACHE = new Map()
@@ -959,7 +1174,7 @@ window.__ModuleLoader__.load({
       .sss-trigger { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; height: 32px; padding: 0 9px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-dimmed); font: inherit; font-size: 14px; line-height: 22px; cursor: pointer; text-align: left; }
       .sss-trigger:hover { border-color: var(--dsw-alias-label-dimmed); color: var(--dsw-alias-label-secondary); }
       .sss-trigger:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
-      .sss-page-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-start; justify-content: center; padding: 72px 20px 32px; background: var(--dsw-alias-bg-mask, rgb(0 0 0 / 36%)); }
+      .sss-page-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-start; justify-content: center; padding: 72px 20px 32px; background: var(--dsw-alias-bg-mask-1, rgb(0 0 0 / 36%)); }
       .sss-page { display: flex; flex-direction: column; width: min(760px, 100%); max-height: min(680px, calc(100vh - 104px)); overflow: hidden; background: var(--dsw-alias-bg-layer-3); border: 1px solid var(--dsw-alias-border-l1); border-radius: 14px; box-shadow: var(--dsw-shadow-lv3); }
       .sss-page-head { flex: none; display: flex; align-items: center; gap: 8px; height: 52px; padding: 0 10px; border-bottom: 1px solid var(--dsw-alias-border-l1); }
       .sss-page-input { flex: 1; min-width: 0; height: 38px; padding: 0 6px; border: none; outline: none; background: transparent; font-size: 16px; line-height: 24px; color: var(--dsw-alias-label-primary); }
@@ -1020,7 +1235,7 @@ window.__ModuleLoader__.load({
       .sss-vr-link { appearance: none; font: inherit; cursor: pointer; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; padding: 5px 14px; font-size: 13px; line-height: 1.5; color: var(--dsw-alias-label-secondary); background: 0 0; text-decoration: none; display: inline-flex; align-items: center; }
       .sss-vr-link:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-label-dimmed); }
       .sss-vr-notes { box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: var(--dsw-alias-bg-layer-3); color: var(--dsw-alias-label-primary); padding: 10px 12px; font-size: 12px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; max-height: 240px; overflow-y: auto; margin-top: 8px; }
-      .sss-wl-overlay { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--dsw-alias-bg-mask, rgb(0 0 0 / 36%)); box-sizing: border-box; }
+      .sss-wl-overlay { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--dsw-alias-bg-mask-1, rgb(0 0 0 / 36%)); box-sizing: border-box; }
       .sss-wl { width: 100%; max-width: 520px; max-height: min(88vh, 720px); overflow: auto; box-sizing: border-box; background: var(--dsw-alias-bg-layer-3); border: 1px solid var(--dsw-alias-border-l2); border-radius: 16px; box-shadow: var(--dsw-shadow-lv3); padding: 22px 24px 20px; }
       .sss-wl-header { display: flex; align-items: flex-start; gap: 12px; }
       .sss-wl-headText { flex: 1; min-width: 0; }
@@ -1041,7 +1256,7 @@ window.__ModuleLoader__.load({
       .sss-wl-primary:hover { color: var(--dsw-alias-bg-layer-3); border-color: transparent; }
       .sss-wl-skip { margin-left: auto; border: none; background: transparent; color: var(--dsw-alias-label-tertiary); padding: 7px 4px; }
       .sss-wl-skip:hover { color: var(--dsw-alias-label-primary); border-color: transparent; }
-      .sss-cf-overlay { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--dsw-alias-bg-mask, rgb(0 0 0 / 36%)); box-sizing: border-box; }
+      .sss-cf-overlay { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--dsw-alias-bg-mask-1, rgb(0 0 0 / 36%)); box-sizing: border-box; }
       .sss-cf { width: 100%; max-width: 400px; box-sizing: border-box; background: var(--dsw-alias-bg-layer-3); border: 1px solid var(--dsw-alias-border-l2); border-radius: 14px; box-shadow: var(--dsw-shadow-lv3); padding: 20px 22px 18px; }
       .sss-cf-header { display: flex; align-items: flex-start; gap: 12px; }
       .sss-cf-headText { flex: 1; min-width: 0; }
@@ -1052,6 +1267,15 @@ window.__ModuleLoader__.load({
       .sss-cf-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
       .sss-cf-btn { appearance: none; font: inherit; cursor: pointer; border: 1px solid var(--dsw-alias-border-l2); border-radius: 9px; padding: 7px 16px; font-size: 13px; line-height: 1.5; color: var(--dsw-alias-label-secondary); background: 0 0; }
       .sss-cf-btn:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-label-dimmed); }
+      .sss-lv-overlay { position: fixed; inset: 0; z-index: 1002; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--dsw-alias-bg-mask-1, rgb(0 0 0 / 36%)); box-sizing: border-box; }
+      .sss-lv { display: flex; flex-direction: column; width: min(880px, 100%); max-height: min(760px, calc(100vh - 40px)); box-sizing: border-box; background: var(--dsw-alias-bg-layer-3); border: 1px solid var(--dsw-alias-border-l2); border-radius: 14px; box-shadow: var(--dsw-shadow-lv3); padding: 16px 18px 14px; }
+      .sss-lv-header { flex: none; display: flex; align-items: center; gap: 10px; }
+      .sss-lv-title { flex: 1; min-width: 0; margin: 0; color: var(--dsw-alias-label-primary); font-size: 16px; font-weight: 650; line-height: 1.4; }
+      .sss-lv-close { flex: none; appearance: none; cursor: pointer; width: 28px; height: 28px; padding: 0; border: none; border-radius: 7px; background: transparent; color: var(--dsw-alias-label-secondary); font-size: 15px; line-height: 1; }
+      .sss-lv-close:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+      .sss-lv-meta { flex: none; margin: 6px 0 0; color: var(--dsw-alias-label-tertiary); font-size: 11px; line-height: 1.5; word-break: break-all; }
+      .sss-lv-body { flex: 1; min-height: 120px; overflow: auto; margin: 10px 0 0; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 11px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
+      .sss-lv-actions { flex: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
       .sss-cf-danger { background: #c0392b; color: #fff; border-color: transparent; }
       .sss-cf-danger:hover { background: #a93226; color: #fff; border-color: transparent; }
     `
@@ -1134,6 +1358,7 @@ window.__ModuleLoader__.load({
         String(row.id ?? row.name ?? ''),
         String(row.npm ?? row.package ?? row.packageName ?? ''),
         String(row.version ?? ''),
+        row.enabled === undefined ? '' : String(row.enabled),
       ].sort()).sort())
     }
 
@@ -1453,18 +1678,27 @@ window.__ModuleLoader__.load({
           : a.order - b.order)
       }
 
-      const slotsFingerprint = () => otherPluginFingerprint([
-        ...sortEntries(entriesOf('settings.plugin.item')).map((entry) => ({
-          id: String(entry.options?.id ?? entry.options?.key ?? ''),
-          name: optionLabel(entry.options?.label),
-          locale: String(entry.options?.locale ?? ''),
-        })),
-        ...sortEntries(entriesOf('web-ui.plugin.item')).map((entry) => ({
-          id: String(entry.options?.id ?? entry.options?.key ?? ''),
-          name: optionLabel(entry.options?.label),
-          locale: String(entry.options?.locale ?? ''),
-        })),
-      ])
+      /**
+       * Fingerprint of the seats the index is built from: every settings page
+       * plus each in-page seat this build declares. It is the change signal for
+       * compositions that expose no plugin inventory at all (see
+       * hasPluginInventory), so pages and rows appearing or disappearing still
+       * invalidate a stored index. The pre-0.2 card seats alone would be empty
+       * on DSH 0.2, which declares neither.
+       */
+      const slotsFingerprint = () => {
+        const rows = []
+        for (const slot of ['settings.section', ...DEEP_SLOTS.map((config) => config.slot)]) {
+          for (const entry of sortEntries(entriesOf(slot))) {
+            rows.push([
+              slot,
+              String(entry.options?.id ?? entry.options?.key ?? ''),
+              optionLabel(entry.options?.label),
+            ])
+          }
+        }
+        return JSON.stringify(rows.sort())
+      }
 
       const resetHarvest = () => { harvest.clear(); warmed = false }
 
@@ -1638,6 +1872,97 @@ window.__ModuleLoader__.load({
       return { jumpToPage, jumpToOption }
     }
 
+    /**
+     * Resolve the running DSH build's settings/LLM read faces.
+     *
+     * DSH 0.2 (the official desktop and `dsh web` release) exposes host
+     * capabilities as Typert Remote namespaces: `remote.settings.describe()`
+     * and `remote.llm.listConfigurableProviders()` each resolve to
+     * `{ ok: true, value } | { ok: false, error }`. Older builds exposed the
+     * same data through the unary client carried by the connection service
+     * (`connection.api.settings.describe({})`, resolving to
+     * `{ result: { ok, value } }`). Both generations answer with the same
+     * namespace views, so one small face is resolved per call.
+     *
+     * @param ctx - the client plugin context.
+     * @returns the read face, or null when this build offers neither generation.
+     */
+    const resolveDshModelFace = (ctx) => {
+      const remoteSettings = ctx.get('remote.settings')
+      if (remoteSettings !== undefined && remoteSettings !== null) {
+        const remoteLlm = ctx.get('remote.llm')
+        return {
+          describe: async () => {
+            const response = await remoteSettings.describe()
+            if (!response?.ok) throw new Error(response?.error?.message || 'settings.describe failed')
+            return response.value
+          },
+          configuredProviders: async () => {
+            if (typeof remoteLlm?.listConfigurableProviders !== 'function') return null
+            const response = await remoteLlm.listConfigurableProviders().catch(() => null)
+            return response?.ok ? response.value : null
+          },
+        }
+      }
+      const legacyApi = ctx.get('connection')?.api
+      if (legacyApi?.settings?.describe) {
+        return {
+          describe: async () => {
+            const response = await legacyApi.settings.describe({})
+            if (!response?.result?.ok) throw new Error(response?.result?.error?.message || 'settings.describe failed')
+            return response.result.value
+          },
+          configuredProviders: async () => {
+            if (typeof legacyApi.llm?.providers !== 'function') return null
+            const response = await legacyApi.llm.providers({}).catch(() => null)
+            return response?.result?.ok ? response.result.value?.providers ?? null : null
+          },
+        }
+      }
+      return null
+    }
+
+    /**
+     * Read the model fields of DSH's current default model; credentials are
+     * never requested. `agent-default-model` names the provider and the model,
+     * the provider's own settings namespace carries the Base URL, and the model
+     * profile inside that namespace may override the wire protocol.
+     *
+     * @param ctx - the client plugin context.
+     * @param t - translate function for the failure messages.
+     * @returns `{ provider, baseUrl, model }`, or null when DSH has no default model.
+     * @throws when this build exposes no settings API, or the default model has no Base URL.
+     */
+    const readDshModelConfig = async (ctx, t) => {
+      const face = resolveDshModelFace(ctx)
+      if (face === null) throw new Error(t('aiDshImportApi'))
+      const described = await face.describe()
+      const namespaces = new Map((described?.namespaces ?? []).map((view) => [view.ns, view]))
+      const defaultModel = namespaces.get('agent-default-model')?.value ?? {}
+      const providerId = String(defaultModel.provider ?? '').trim()
+      const modelId = String(defaultModel.model ?? '').trim()
+      if (!modelId) return null
+      const readPath = (value, path) => (path ?? []).reduce((current, key) => current?.[key], value)
+      const providers = await face.configuredProviders()
+      const providerRow = Array.isArray(providers) ? providers.find((entry) => entry.provider === providerId) : undefined
+      const modelNamespace = namespaces.get(providerRow?.settingsNs || 'llm-pi-ai')
+      const providerProfile = providerRow
+        ? readPath(modelNamespace?.value, providerRow.settingsPath) ?? {}
+        : modelNamespace?.value?.providers?.[providerId] ?? {}
+      const configuredModels = Array.isArray(providerProfile.models) ? providerProfile.models : []
+      const modelProfile = configuredModels.find((entry) => entry?.id === modelId) ?? {}
+      const protocol = String(modelProfile.api ?? providerProfile.api ?? '').trim()
+      const baseUrl = String(providerProfile.baseURL ?? '').trim()
+      if (!baseUrl) throw new Error(t('aiDshImportNoBaseUrl').replace('{model}', modelId))
+      return {
+        provider: providerId.toLowerCase() === 'ollama' || protocol === 'ollama'
+          ? 'ollama'
+          : protocol === 'anthropic-messages' ? 'anthropic' : 'openai',
+        baseUrl,
+        model: modelId,
+      }
+    }
+
     function apply(ctx) {
       log('info', '应用装载', { version: PKG_VERSION })
       ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'settings-search: dictionaries')
@@ -1650,65 +1975,101 @@ window.__ModuleLoader__.load({
       const model = createModel(ctx)
       const indexControls = { resetHarvest: model.resetHarvest, persistIndex: model.persistIndex }
       const navigator = createNavigator(ctx)
-      let pluginManagerSyncToken = 0
+      let pluginInventoryToken = 0
+
+      /** Apply one plugin inventory as the index fingerprint, invalidating on change. */
+      const applyPluginFingerprint = (rows) => {
+        if (!Array.isArray(rows) || rows.length === 0) return
+        if (model.applyIndexFingerprint('manager:' + otherPluginFingerprint(rows))) {
+          window.dispatchEvent(new CustomEvent(INDEX_INVALID_EVENT))
+          log('info', '检测到其它插件变化，将重建设置索引', {})
+        }
+      }
 
-      const syncPluginManagerIndex = async (face) => {
+      /** Legacy (pre-0.2) client plugin manager service: `list()` plus change events. */
+      const syncLegacyPluginManagerIndex = async (face) => {
         if (face === null || !face.isLoopback) return
-        const token = ++pluginManagerSyncToken
+        const token = ++pluginInventoryToken
         try {
           const rows = await face.list()
-          if (token !== pluginManagerSyncToken) return
-          if (model.applyIndexFingerprint('manager:' + otherPluginFingerprint(rows))) {
-            window.dispatchEvent(new CustomEvent(INDEX_INVALID_EVENT))
-            log('info', '检测到其它插件变化，将重建设置索引', {})
-          }
+          if (token !== pluginInventoryToken) return
+          applyPluginFingerprint(rows)
         } catch {
           // Keep the last trusted fingerprint when manager inspection fails.
         }
       }
 
+      /**
+       * Read the installed plugin inventory from DSH 0.2's `remote.pluginManager`
+       * namespace. Both calls answer `{ ok, value }`: bundles carry `name` and
+       * `version`, plugin rows carry `entryId`/`moduleName` and a fiber phase.
+       *
+       * @param face - the `remote.pluginManager` service.
+       * @returns inventory rows for otherPluginFingerprint().
+       */
+      const readRemotePluginInventory = async (face) => {
+        const [bundles, plugins] = await Promise.all([
+          typeof face?.listBundles === 'function' ? face.listBundles().catch(() => null) : null,
+          typeof face?.listPlugins === 'function' ? face.listPlugins().catch(() => null) : null,
+        ])
+        const rows = []
+        if (bundles?.ok === true) {
+          for (const row of bundles.value ?? []) rows.push({ id: row?.name, npm: row?.name, version: row?.version, enabled: row?.enabled })
+        }
+        if (plugins?.ok === true) {
+          for (const row of plugins.value ?? []) rows.push({ id: row?.entryId, npm: row?.moduleName, enabled: row?.enabled })
+        }
+        return rows
+      }
+
+      const syncRemotePluginInventory = async (face) => {
+        const token = ++pluginInventoryToken
+        try {
+          const rows = await readRemotePluginInventory(face)
+          if (token !== pluginInventoryToken) return
+          applyPluginFingerprint(rows)
+        } catch {
+          // Keep the last trusted fingerprint when the inventory read fails.
+        }
+      }
+
+      /**
+       * Whether this build exposes a plugin inventory to watch: the 0.2 Remote
+       * namespace or the legacy client service. Without one the seat fingerprint
+       * is the only change signal.
+       */
+      const hasPluginInventory = () => {
+        const remote = ctx.get('remote.pluginManager')
+        if (remote !== undefined && remote !== null) return true
+        const legacy = ctx.get('pluginManager')
+        return legacy !== undefined && legacy !== null
+      }
+
+      /**
+       * Re-check the DSH 0.2 inventory. The Remote namespace has no change event,
+       * so the check runs when the namespace arrives and whenever the settings
+       * panel mounts (installs and updates land between the two).
+       */
+      const refreshPluginInventory = () => {
+        const face = ctx.get('remote.pluginManager')
+        if (face !== undefined && face !== null) void syncRemotePluginInventory(face)
+      }
+
+      ctx.inject(['remote.pluginManager'], (inner) => {
+        void syncRemotePluginInventory(inner.get('remote.pluginManager'))
+        return () => { pluginInventoryToken += 1 }
+      }, 'settings-search: remote plugin inventory fingerprint')
+
       ctx.inject(['pluginManager'], (inner) => {
         const face = inner.pluginManager ?? null
-        const sync = () => { void syncPluginManagerIndex(face) }
+        const sync = () => { void syncLegacyPluginManagerIndex(face) }
         sync()
         const unsubscribe = typeof face?.onChange === 'function' ? face.onChange(sync) : null
         return () => {
-          pluginManagerSyncToken += 1
+          pluginInventoryToken += 1
           if (typeof unsubscribe === 'function') unsubscribe()
         }
-      }, 'settings-search: plugin manager index fingerprint')
-
-      /** Read the model fields from DSH; credentials are never requested. */
-      const readDshModelConfig = async () => {
-        const connection = ctx.get('connection')
-        const response = await connection.api.settings.describe({})
-        if (!response.result.ok) throw new Error(response.result.error?.message || 'settings.describe failed')
-        const namespaces = new Map(response.result.value.namespaces.map((view) => [view.ns, view]))
-        const defaultModel = namespaces.get('agent-default-model')?.value ?? {}
-        const providerId = String(defaultModel.provider ?? '').trim()
-        const modelId = String(defaultModel.model ?? '').trim()
-        const readPath = (value, path) => (path ?? []).reduce((current, key) => current?.[key], value)
-        const providersResponse = await connection.api.llm.providers({}).catch(() => null)
-        const providerRow = providersResponse?.result?.ok
-          ? providersResponse.result.value.providers.find((entry) => entry.provider === providerId)
-          : undefined
-        const modelNamespace = namespaces.get(providerRow?.settingsNs || 'llm-pi-ai')
-        const providerProfile = providerRow
-          ? readPath(modelNamespace?.value, providerRow.settingsPath) ?? {}
-          : modelNamespace?.value?.providers?.[providerId] ?? {}
-        const configuredModels = Array.isArray(providerProfile.models) ? providerProfile.models : []
-        const modelProfile = configuredModels.find((entry) => entry?.id === modelId) ?? {}
-        const protocol = String(modelProfile.api ?? providerProfile.api ?? '').trim()
-        const baseUrl = String(providerProfile.baseURL ?? '').trim()
-        if (!modelId || !baseUrl) return null
-        return {
-          provider: providerId.toLowerCase() === 'ollama' || protocol === 'ollama'
-            ? 'ollama'
-            : protocol === 'anthropic-messages' ? 'anthropic' : 'openai',
-          baseUrl,
-          model: modelId,
-        }
-      }
+      }, 'settings-search: plugin manager index fingerprint (legacy)')
 
       const SearchIcon = React.createElement('svg', {
         className: 'sss-icon',
@@ -1790,6 +2151,36 @@ window.__ModuleLoader__.load({
         ])
       }
 
+      /**
+       * Read-only log viewer. Shows the host log tail when the host answered and
+       * the current session's ring otherwise, with the file path (or the reason
+       * the file is unavailable) spelled out above the text.
+       */
+      function LogViewer({ t, view }) {
+        return React.createElement('div', {
+          className: 'sss-lv-overlay',
+          onMouseDown: (event) => { if (event.target === event.currentTarget) view.onClose() },
+        }, [
+          React.createElement('div', { className: 'sss-lv', role: 'dialog', 'aria-modal': 'true' }, [
+            React.createElement('div', { className: 'sss-lv-header' }, [
+              React.createElement('span', { className: 'sss-lv-title' }, t('logViewerTitle')),
+              React.createElement('button', { className: 'sss-lv-close', type: 'button', 'aria-label': t('logViewerClose'), onClick: () => view.onClose() }, '✕'),
+            ]),
+            React.createElement('p', { className: 'sss-lv-meta' }, view.metaText),
+            view.truncated ? React.createElement('p', { className: 'sss-lv-meta' }, t('logViewerTruncated')) : null,
+            React.createElement('pre', { className: 'sss-lv-body' }, view.text === '' ? t('logViewerEmpty') : view.text),
+            React.createElement('div', { className: 'sss-lv-actions' }, [
+              React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: view.loading, onClick: () => view.onRefresh() },
+                view.loading ? t('logViewerLoading') : t('logViewerRefresh')),
+              React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => view.onOpenFolder() }, t('logOpenDir')),
+              React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => view.onCopy() },
+                view.copied ? t('logViewerCopied') : t('logViewerCopy')),
+              React.createElement('button', { className: 'sss-vr-btn sss-vr-primary', type: 'button', onClick: () => view.onClose() }, t('logViewerClose')),
+            ]),
+          ]),
+        ])
+      }
+
       function SettingsHeaderSearch() {
         const [query, setQuery] = React.useState('')
         const [open, setOpen] = React.useState(false)
@@ -1863,11 +2254,14 @@ window.__ModuleLoader__.load({
         }, [])
 
         React.useEffect(() => {
-          // If no plugin manager is present, the slot registrations are the
-          // only available change signal. Waiting briefly avoids racing the
-          // optional manager during startup.
+          // DSH 0.2 answers the plugin inventory through `remote.pluginManager`
+          // with no change event, so re-check it every time the panel mounts.
+          refreshPluginInventory()
+          // Without any plugin inventory, the seats the index was built from are
+          // the only available change signal: re-apply them on every mount, so a
+          // page or row that appeared since the last visit invalidates the index.
           const fallback = setTimeout(() => {
-            if (model.indexFingerprintReady()) return
+            if (hasPluginInventory()) return
             if (model.applyIndexFingerprint(model.slotsFingerprint())) {
               window.dispatchEvent(new CustomEvent(INDEX_INVALID_EVENT))
             }
@@ -2361,6 +2755,10 @@ window.__ModuleLoader__.load({
         const [logCopyFail, setLogCopyFail] = React.useState(false)
         const [logExportFail, setLogExportFail] = React.useState(false)
         const [logCleared, setLogCleared] = React.useState(false)
+        const [logViewer, setLogViewer] = React.useState(false)
+        const [logViewerState, setLogViewerState] = React.useState({ status: 'idle', text: '', size: 0, truncated: false })
+        const [logViewerCopied, setLogViewerCopied] = React.useState(false)
+        const [logFolderMsg, setLogFolderMsg] = React.useState('')
         const [indexState, setIndexState] = React.useState('idle')
         const [warming, setWarming] = React.useState(false)
         const [confirmClear, setConfirmClear] = React.useState(false)
@@ -2399,12 +2797,19 @@ window.__ModuleLoader__.load({
         React.useEffect(() => {
           const sync = () => setLogVersion((v) => v + 1)
           window.addEventListener(LOG_EVENT, sync)
-          return () => window.removeEventListener(LOG_EVENT, sync)
+          window.addEventListener(LOG_COUNT_EVENT, sync)
+          // The badge counts what exists on disk, including earlier runs.
+          void readLogCount()
+          return () => {
+            window.removeEventListener(LOG_EVENT, sync)
+            window.removeEventListener(LOG_COUNT_EVENT, sync)
+          }
         }, [])
 
         useAutoReset(logCopied, () => setLogCopied(false))
         useAutoReset(logCleared, () => setLogCleared(false))
         useAutoReset(logExportFail, () => setLogExportFail(false))
+        useAutoReset(logViewerCopied, () => setLogViewerCopied(false))
 
         const changeProvider = (next) => {
           providerDrafts.current[provider] = { baseUrl, model }
@@ -2493,7 +2898,7 @@ window.__ModuleLoader__.load({
           setDshImportState('loading')
           setDshImportMsg('')
           try {
-            const imported = await readDshModelConfig()
+            const imported = await readDshModelConfig(ctx, t)
             if (!imported) throw new Error(t('aiDshImportEmpty'))
             providerDrafts.current[provider] = { baseUrl, model }
             setAiConfig({ ...imported, apiKey })
@@ -2632,8 +3037,64 @@ window.__ModuleLoader__.load({
         const clearLogs = () => {
           setConfirmClear(false)
           LOGS.length = 0
+          // Drop queued lines too: a late flush would resurrect what was cleared.
+          discardPendingLogs()
           setLogVersion((v) => v + 1)
           setLogCleared(true)
+          void clearLogFile()
+        }
+
+        /** Read the on-disk tail for the viewer; fall back to this session's ring. */
+        const refreshLogView = async () => {
+          setLogViewerState((current) => ({ ...current, status: 'loading' }))
+          const read = await readLogFile()
+          if (read === null) {
+            setLogViewerState({ status: 'fail', text: sessionLogText(), size: 0, truncated: false })
+            return
+          }
+          setLogViewerState({ status: 'ok', text: read.text, size: read.size, truncated: read.truncated })
+        }
+
+        const openLogViewer = () => {
+          flushLogs()
+          setLogViewer(true)
+          void refreshLogView()
+        }
+
+        const copyLogView = async () => {
+          try {
+            await navigator.clipboard.writeText(logViewerState.text)
+            setLogViewerCopied(true)
+          } catch {
+            setLogCopyFail(true)
+          }
+        }
+
+        /** Open the on-disk log folder through the host half. */
+        const openLogDir = async () => {
+          flushLogs()
+          setLogFolderMsg('')
+          const result = await openLogFolder()
+          setLogFolderMsg(result.ok
+            ? t('logOpenOk')
+            : `${t('logOpenFail')}${result.detail === '' ? '' : `（${result.detail}）`}`)
+        }
+
+        /** Badge value: entries that exist on disk, or this session's ring when the host is unavailable. */
+        const logBadgeCount = logTarget().count ?? LOGS.length
+
+        const logView = {
+          text: logViewerState.text,
+          truncated: logViewerState.truncated,
+          loading: logViewerState.status === 'loading',
+          copied: logViewerCopied,
+          metaText: logViewerState.status === 'fail' || logTarget().file === ''
+            ? t('logViewerMemory')
+            : t('logViewerFile').replace('{file}', logTarget().file),
+          onClose: () => setLogViewer(false),
+          onRefresh: () => { void refreshLogView() },
+          onOpenFolder: () => { void openLogDir() },
+          onCopy: () => { void copyLogView() },
         }
 
         const check = async () => {
@@ -2781,7 +3242,7 @@ window.__ModuleLoader__.load({
                 }, indexState === 'loading' || warming ? t('indexRebuilding') : t('indexRebuild')),
               ]),
               indexState === 'done'
-                ? React.createElement('p', { className: 'sss-vr-note', style: { color: '#1e8e3e' } }, t('indexDone'))
+                ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-state-success-primary)' } }, t('indexDone'))
                 : null,
             ]),
             React.createElement('div', { className: 'sss-vr-field sss-vr-form' }, [
@@ -2848,7 +3309,7 @@ window.__ModuleLoader__.load({
                 modelsMsg
                   ? React.createElement('p', {
                       className: modelsState === 'fail' ? 'sss-vr-note' : 'sss-vr-hint',
-                      style: modelsState === 'fail' ? { color: 'var(--dsw-alias-label-danger)' } : undefined,
+                      style: modelsState === 'fail' ? { color: 'var(--dsw-alias-state-error-primary)' } : undefined,
                     }, modelsMsg)
                   : null,
                 provider !== 'ollama' ? React.createElement('div', { className: 'sss-vr-field-head' }, [
@@ -2878,10 +3339,10 @@ window.__ModuleLoader__.load({
                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => requestClearAi() }, t('aiClear')),
               ]),
               dshImportMsg
-                ? React.createElement('p', { className: 'sss-vr-note', style: { color: dshImportState === 'ok' ? '#1e8e3e' : 'var(--dsw-alias-label-danger)' } }, dshImportMsg)
+                ? React.createElement('p', { className: 'sss-vr-note', style: { color: dshImportState === 'ok' ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-state-error-primary)' } }, dshImportMsg)
                 : null,
               testMsg
-                ? React.createElement('p', { className: 'sss-vr-note', style: { color: testState === 'ok' ? '#1e8e3e' : 'var(--dsw-alias-label-danger)' } }, testMsg)
+                ? React.createElement('p', { className: 'sss-vr-note', style: { color: testState === 'ok' ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-state-error-primary)' } }, testMsg)
                 : null,
             ]),
             React.createElement('div', { className: 'sss-vr-field' }, [
@@ -2907,7 +3368,7 @@ window.__ModuleLoader__.load({
                         copied ? t('updCopied') : t('updCopy')),
                       React.createElement('a', { className: 'sss-vr-link', href: releasesUrl, target: '_blank', rel: 'noopener noreferrer' }, t('updRelease')),
                     ]),
-                    copyFailed ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-label-danger)' } }, t('updCopyFail')) : null,
+                    copyFailed ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-state-error-primary)' } }, t('updCopyFail')) : null,
                   ])
                 : null,
               React.createElement('div', { className: 'sss-vr-actions' }, [
@@ -2925,23 +3386,28 @@ window.__ModuleLoader__.load({
             React.createElement('div', { className: 'sss-vr-field' }, [
               React.createElement('div', { className: 'sss-vr-field-head' }, [
                 React.createElement('span', { className: 'sss-vr-label' }, t('logTitle')),
-                LOGS.length > 0 ? React.createElement('span', { className: 'sss-vr-badge' }, String(LOGS.length)) : null,
+                logBadgeCount > 0
+                  ? React.createElement('span', { className: 'sss-vr-badge', title: t('logCountHint') }, String(logBadgeCount))
+                  : null,
               ]),
               React.createElement('p', { className: 'sss-vr-hint' }, t('logDesc')),
-              LOGS.length === 0
+              LOGS.length === 0 && logBadgeCount === 0
                 ? React.createElement('p', { className: 'sss-vr-note' }, t('logEmpty'))
                 : null,
               React.createElement('div', { className: 'sss-vr-actions' }, [
+                React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => openLogViewer() }, t('logView')),
+                React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => { void openLogDir() } }, t('logOpenDir')),
                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => { void exportLogs() } }, t('logExport')),
                 React.createElement('a', { className: 'sss-vr-link', href: ISSUES_URL, target: '_blank', rel: 'noopener noreferrer' },
                   t('logIssues')),
                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', onClick: () => { void copyLogs() } },
                   logCopied ? t('logCopied') : t('logCopy')),
-                React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: LOGS.length === 0, onClick: () => requestClear() },
+                React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: logBadgeCount === 0, onClick: () => requestClear() },
                   logCleared ? t('logCleared') : t('logClear')),
               ]),
-              logCopyFail ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-label-danger)' } }, t('logCopyFail')) : null,
-              logExportFail ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-label-danger)' } }, t('logExportFail')) : null,
+              logFolderMsg ? React.createElement('p', { className: 'sss-vr-note' }, logFolderMsg) : null,
+              logCopyFail ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-state-error-primary)' } }, t('logCopyFail')) : null,
+              logExportFail ? React.createElement('p', { className: 'sss-vr-note', style: { color: 'var(--dsw-alias-state-error-primary)' } }, t('logExportFail')) : null,
             ]),
           ]) : null,
           confirmClear
@@ -2955,6 +3421,9 @@ window.__ModuleLoader__.load({
                 onCancel: () => cancelClear(),
               })
             : null,
+          logViewer
+            ? React.createElement(LogViewer, { t, view: logView })
+            : null,
           confirmClearAi
             ? React.createElement(ConfirmModal, {
                 t,