@objectivex666/dsh-settings-search 1.11.0 → 1.13.0

package/lib/client.js

@@ -30,8 +30,10 @@ 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.11.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'
     const zh = {
       title: '设置',
       placeholder: '搜索设置…',
@@ -44,6 +46,11 @@ window.__ModuleLoader__.load({
       openSearch: '打开搜索',
       shortcutTitle: 'Ctrl+F / ⌘F 快捷键',
       shortcutHint: '在设置面板内按 Ctrl+F 或 ⌘F 聚焦搜索框；关闭后保留浏览器默认查找。',
+      indexTitle: '设置索引',
+      indexDesc: '索引保存在本机浏览器；只在首次安装或更新其它插件后重建，也可以手动重建。',
+      indexRebuild: '手动重建索引',
+      indexRebuilding: '正在重建索引…',
+      indexDone: '索引已重建 ✓',
       warming: '正在导入各分区选项…',
       empty: '没有匹配的设置',
       pages: '设置页',
@@ -69,6 +76,7 @@ window.__ModuleLoader__.load({
       updNpx: 'npx',
       updRelease: '查看 release notes',
       updReleaseNotes: '查看更新说明',
+      updRepo: 'GitHub 仓库',
       updFetchingNotes: '正在获取…',
       updRestart: '更新完成后重启 DSH，新版本才会生效。',
       aiSearch: 'AI 联想搜索',
@@ -86,12 +94,21 @@ window.__ModuleLoader__.load({
       aiBaseUrl: 'Base URL',
       aiBaseUrlHint: '仅支持 http(s) 地址；非本机地址必须使用 https，以免泄露 API Key。',
       aiModel: '模型名',
+      aiModelHint: '从接口返回的模型中选择，或手动输入完整模型名。',
+      aiModelsLoad: '获取模型',
+      aiModelsLoading: '获取中…',
+      aiModelsLoaded: '已获取 {count} 个模型，可直接选择。',
+      aiModelsEmpty: '服务未返回模型，可手动输入。',
+      aiModelsFail: '获取模型失败：{hint}{detail}',
+      aiModelsNeedConfig: '先填写有效接口地址；云端接口还需 API Key。',
       aiApiKey: 'API Key',
       aiDshImport: '导入 DSH 模型配置',
       aiDshImporting: '正在导入…',
       aiDshImportOk: '已导入 Base URL 与模型名；API Key 未改动 ✓',
       aiDshImportFail: '导入失败：{reason}',
       aiDshImportEmpty: '未找到 DSH 当前默认模型配置',
+      aiDshImportApi: '当前 DSH 版本未提供模型配置接口（remote.settings）',
+      aiDshImportNoBaseUrl: '默认模型「{model}」在 DSH 设置中没有可导入的 Base URL',
       aiConfigSave: '保存配置',
       aiConfigSaved: '已保存 ✓',
       aiClear: '清除配置',
@@ -117,19 +134,35 @@ 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: '已复制 ✓',
       logCopyFail: '复制失败，请稍后重试。',
       logClear: '清空日志',
       logCleared: '已清空',
       logConfirmTitle: '清空日志',
-      logConfirm: '确定要清空全部日志吗？此操作不可撤销。',
+      logConfirm: '确定要清空全部日志吗？磁盘上的日志文件也会一并清空。',
       logConfirmYes: '确认清空',
       logConfirmCancel: '取消',
       logExportFail: '导出失败，请重试。',
+      logViewerTitle: '运行日志',
+      logViewerRefresh: '刷新',
+      logViewerLoading: '正在读取…',
+      logViewerCopy: '复制',
+      logViewerCopied: '已复制 ✓',
+      logViewerClose: '关闭',
+      logViewerEmpty: '暂无日志。',
+      logViewerFile: '文件：{file}',
+      logViewerMemory: '宿主日志通道不可用，这里显示本次会话的记录，重启后不再保留。',
+      logViewerTruncated: '仅显示文件末尾部分，更早的内容请打开日志文件夹查看。',
       wlTitle: '欢迎使用设置搜索',
       wlSubtitle: '为 DSH 设置面板提供即时搜索与导航，几秒钟就能找到任何设置。',
       wlFeature1Title: '实时搜索',
@@ -160,6 +193,11 @@ window.__ModuleLoader__.load({
       shortcutTitle: 'Ctrl+F / ⌘F shortcut',
       shortcutHint: 'Focus the search box with Ctrl+F or ⌘F inside the settings panel; turn it off to keep the browser default.',
       warming: 'Importing section options…',
+      indexTitle: 'Settings index',
+      indexDesc: 'The index is stored locally; it rebuilds only after another plugin is installed or updated. You can also rebuild it manually.',
+      indexRebuild: 'Rebuild index',
+      indexRebuilding: 'Rebuilding…',
+      indexDone: 'Index rebuilt ✓',
       empty: 'No matching settings',
       pages: 'Settings pages',
       options: 'In-page options',
@@ -184,6 +222,7 @@ window.__ModuleLoader__.load({
       updNpx: 'npx',
       updRelease: 'View release notes',
       updReleaseNotes: 'View changelog',
+      updRepo: 'GitHub repository',
       updFetchingNotes: 'Fetching…',
       updRestart: 'Restart DSH after updating for the new version to take effect.',
       aiSearch: 'AI-assisted search',
@@ -201,12 +240,21 @@ window.__ModuleLoader__.load({
       aiBaseUrl: 'Base URL',
       aiBaseUrlHint: 'Only http(s) URLs are allowed; remote hosts must use https to avoid exposing your API key.',
       aiModel: 'Model',
+      aiModelHint: 'Choose a model returned by the API, or enter a complete model name.',
+      aiModelsLoad: 'Get models',
+      aiModelsLoading: 'Loading…',
+      aiModelsLoaded: 'Loaded {count} models; choose one below.',
+      aiModelsEmpty: 'The service returned no models; enter one manually.',
+      aiModelsFail: 'Failed to load models: {hint}{detail}',
+      aiModelsNeedConfig: 'Enter a valid base URL first; cloud APIs also need an API key.',
       aiApiKey: 'API Key',
       aiDshImport: 'Import DSH model config',
       aiDshImporting: 'Importing…',
       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',
@@ -232,19 +280,35 @@ 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 ✓',
       logCopyFail: 'Copy failed. Please try again.',
       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',
@@ -263,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' },
@@ -442,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',
@@ -460,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()
@@ -539,6 +784,10 @@ window.__ModuleLoader__.load({
     const SEARCH_STYLE_EVENT = 'dsh-settings-search:style-change'
     const SEARCH_SHORTCUT_KEY = 'dsh-settings-search:shortcut-enabled'
     const SEARCH_SHORTCUT_EVENT = 'dsh-settings-search:shortcut-change'
+    const INDEX_STORAGE_KEY = 'dsh-settings-search:index:v1'
+    const INDEX_INVALID_EVENT = 'dsh-settings-search:index-invalid'
+    const INDEX_REBUILD_EVENT = 'dsh-settings-search:index-rebuild'
+    const INDEX_REBUILD_DONE_EVENT = 'dsh-settings-search:index-rebuild-done'
     const SEARCH_STYLES = ['sidebar', 'top', 'page']
     const readSearchStyle = () => {
       if (typeof localStorage === 'undefined') return 'sidebar'
@@ -628,6 +877,101 @@ window.__ModuleLoader__.load({
       // Accept the base URL used by Ollama's OpenAI-compatible endpoint too.
       return `${safe.replace(/\/v1(?:\/chat\/completions)?$/i, '')}/api/chat`
     }
+    const ollamaModelsUrl = (baseUrl) => {
+      const safe = safeBaseUrl(baseUrl)
+      if (!safe) return ''
+      const root = safe.replace(/\/v1(?:\/models|\/chat\/completions)?$/i, '').replace(/\/api(?:\/tags|\/chat)?$/i, '')
+      return `${root}/api/tags`
+    }
+    const chatModelsUrl = (baseUrl) => {
+      const safe = safeBaseUrl(baseUrl)
+      if (!safe) return ''
+      const root = safe.replace(/\/(?:models|chat\/completions)$/i, '')
+      return /\/v1$/i.test(root) ? `${root}/models` : `${root}/v1/models`
+    }
+    const anthropicModelsUrl = (baseUrl) => {
+      const safe = safeBaseUrl(baseUrl)
+      if (!safe) return ''
+      const root = safe.replace(/\/v1\/(?:models|messages)$/i, '')
+      return `${root}/v1/models`
+    }
+    const modelsUrl = (provider, baseUrl) => provider === 'ollama'
+      ? ollamaModelsUrl(baseUrl)
+      : provider === 'anthropic' ? anthropicModelsUrl(baseUrl) : chatModelsUrl(baseUrl)
+    const extractAiModels = (provider, data) => {
+      const rows = provider === 'ollama'
+        ? (Array.isArray(data?.models) ? data.models : [])
+        : (Array.isArray(data?.data) ? data.data : Array.isArray(data?.models) ? data.models : [])
+      return [...new Set(rows
+        .map((row) => typeof row === 'string' ? row : row?.id ?? row?.name ?? row?.model)
+        .filter((value) => typeof value === 'string')
+        .map((value) => value.trim())
+        .filter(Boolean))].slice(0, 500)
+    }
+    const fetchAiModels = async (cfg, signal) => {
+      cfg = normalizeAiConfig(cfg)
+      const { provider, baseUrl, apiKey } = cfg
+      const url = modelsUrl(provider, baseUrl)
+      if (!url) return { ok: false, code: 'unsafe-url', models: [], detail: '' }
+      if (provider !== 'ollama' && !apiKey) return { ok: false, code: 'need-config', models: [], detail: '' }
+      const headers = provider === 'anthropic'
+        ? {
+            'x-api-key': apiKey,
+            'anthropic-version': '2023-06-01',
+            'anthropic-dangerous-direct-browser-access': 'true',
+          }
+        : provider === 'openai' ? { authorization: `Bearer ${apiKey}` } : {}
+      const controller = new AbortController()
+      const abort = () => controller.abort()
+      if (signal?.aborted) abort()
+      else signal?.addEventListener('abort', abort, { once: true })
+      let timer
+      const deadline = new Promise((_, reject) => {
+        timer = setTimeout(() => {
+          const error = new Error('AI model list timed out')
+          error.name = 'AI_TIMEOUT'
+          reject(error)
+          controller.abort()
+        }, 12000)
+      })
+      try {
+        const models = await Promise.race([
+          (async () => {
+            const response = await fetch(url, {
+              method: 'GET',
+              headers,
+              signal: controller.signal,
+              redirect: 'error',
+            })
+            if (!response.ok) {
+              const error = new Error(`HTTP ${response.status}`)
+              error.status = response.status
+              throw error
+            }
+            const data = await response.json().catch((error) => {
+              if (error.name === 'AbortError') throw error
+              return null
+            })
+            if (data?.error) {
+              const error = new Error('Unexpected model list response')
+              error.name = 'AI_BAD_RESPONSE'
+              throw error
+            }
+            return extractAiModels(provider, data)
+          })(),
+          deadline,
+        ])
+        return { ok: true, models, code: models.length === 0 ? 'empty' : 'ok', detail: '' }
+      } catch (error) {
+        if (error.name === 'AbortError') return { ok: false, code: 'cancelled', models: [], detail: '' }
+        if (error.name === 'AI_TIMEOUT') return { ok: false, code: 'timeout', models: [], detail: '' }
+        const code = error.status ? testHttpCode(error.status) : error.name === 'AI_BAD_RESPONSE' ? 'bad-response' : 'network'
+        return { ok: false, code, models: [], detail: String(error?.message ?? error).slice(0, 160) }
+      } finally {
+        clearTimeout(timer)
+        signal?.removeEventListener('abort', abort)
+      }
+    }
     const aiRequest = (cfg, userContent, testing = false) => {
       const { provider, baseUrl, model, apiKey } = normalizeAiConfig(cfg)
       const messages = [{ role: 'user', content: userContent }]
@@ -830,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: 900; 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); }
@@ -891,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; }
@@ -912,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; }
@@ -923,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; }
     `
@@ -951,9 +1304,70 @@ window.__ModuleLoader__.load({
       return typeof value === 'string' ? value : ''
     }
 
+    const serializeHarvest = (harvest) => {
+      const raw = {}
+      for (const [slot, map] of harvest) {
+        if (!(map instanceof Map) || map.size === 0) continue
+        raw[slot] = Object.fromEntries([...map].filter(([, record]) => record && typeof record.title === 'string' && record.title !== ''))
+      }
+      return raw
+    }
+    const deserializeHarvest = (raw) => {
+      const harvest = new Map()
+      if (!raw || typeof raw !== 'object') return harvest
+      for (const [slot, slotValue] of Object.entries(raw)) {
+        if (!slotValue || typeof slotValue !== 'object') continue
+        const map = new Map()
+        for (const [key, record] of Object.entries(slotValue)) {
+          if (!record || typeof record !== 'object' || typeof record.title !== 'string' || record.title === '') continue
+          const inner = Array.isArray(record.inner)
+            ? record.inner.filter((op) => op && typeof op.label === 'string').map((op) => ({ label: op.label, text: typeof op.text === 'string' ? op.text : '' }))
+            : []
+          map.set(key, {
+            title: record.title,
+            idx: Number.isFinite(record.idx) ? record.idx : 0,
+            text: typeof record.text === 'string' ? record.text : '',
+            inner,
+          })
+        }
+        if (map.size > 0) harvest.set(slot, map)
+      }
+      return harvest
+    }
+
+    const readIndexCache = () => {
+      if (typeof localStorage === 'undefined') return null
+      try {
+        const raw = JSON.parse(localStorage.getItem(INDEX_STORAGE_KEY) ?? 'null')
+        if (!raw || raw.version !== 1 || typeof raw.fingerprint !== 'string' || raw.fingerprint === '') return null
+        return {
+          fingerprint: typeof raw.fingerprint === 'string' ? raw.fingerprint : null,
+          harvest: deserializeHarvest(raw.harvest),
+        }
+      } catch {
+        return null
+      }
+    }
+
+    const otherPluginFingerprint = (plugins) => {
+      const rows = Array.isArray(plugins) ? plugins : []
+      const isSelf = (row) => [
+        row?.id, row?.name, row?.npm, row?.package, row?.packageName,
+      ].some((value) => typeof value === 'string' && value.includes(NPM_NAME))
+      return JSON.stringify(rows.filter((row) => row && !isSelf(row)).map((row) => [
+        String(row.id ?? row.name ?? ''),
+        String(row.npm ?? row.package ?? row.packageName ?? ''),
+        String(row.version ?? ''),
+        row.enabled === undefined ? '' : String(row.enabled),
+      ].sort()).sort())
+    }
+
     function createModel(ctx) {
+      const initialCache = readIndexCache()
+      const cachedFingerprint = initialCache?.fingerprint ?? null
       /** id → harvested visible title, per slot. */
-      const harvest = new Map()
+      const harvest = initialCache?.harvest ?? new Map()
+      let fingerprint = cachedFingerprint
 
       const entriesOf = (slot) => {
         try { return ctx.slots.entries(slot) ?? [] } catch { return [] }
@@ -1264,7 +1678,62 @@ window.__ModuleLoader__.load({
           : a.order - b.order)
       }
 
-      return { readSections, readDeep, runHarvest }
+      /**
+       * 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 }
+
+      const persistIndex = (nextFingerprint = fingerprint) => {
+        if (typeof nextFingerprint !== 'string' || nextFingerprint === '' || harvest.size === 0) return false
+        fingerprint = nextFingerprint
+        if (typeof localStorage === 'undefined') return false
+        try {
+          localStorage.setItem(INDEX_STORAGE_KEY, JSON.stringify({
+            version: 1,
+            fingerprint,
+            updatedAt: Date.now(),
+            harvest: serializeHarvest(harvest),
+          }))
+          return true
+        } catch {
+          return false
+        }
+      }
+
+      const indexFingerprintReady = () => typeof fingerprint === 'string' && fingerprint !== ''
+
+      const applyIndexFingerprint = (nextFingerprint) => {
+        if (typeof nextFingerprint !== 'string' || nextFingerprint === '') return false
+        if (nextFingerprint === fingerprint) {
+          if (nextFingerprint === cachedFingerprint) warmed = true
+          return false
+        }
+        const wasPopulated = harvest.size > 0
+        fingerprint = nextFingerprint
+        resetHarvest()
+        return wasPopulated
+      }
+
+      return { readSections, readDeep, runHarvest, persistIndex, applyIndexFingerprint, resetHarvest, slotsFingerprint, indexFingerprintReady }
     }
 
     /* ---------- DOM-level navigation into the settings shell ---------- */
@@ -1316,7 +1785,7 @@ window.__ModuleLoader__.load({
     const warmAllSections = async (model, onStart, onDone) => {
       if (warmed || typeof document === 'undefined') return true
       const sections = model.readSections()
-      if (sections.length === 0) return true
+      if (sections.length === 0) return false
       const original = activeSectionLabel()
       if (original === '') return false // settings panel not open yet; retry on next mount
       warmed = true
@@ -1336,6 +1805,8 @@ window.__ModuleLoader__.load({
       } finally {
         if (typeof onDone === 'function') onDone()
       }
+      if (visited === 0) return false
+      model.persistIndex()
       log('info', '预载设置索引', { total: sections.length, visited })
       return true
     }
@@ -1401,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')
@@ -1411,40 +1973,104 @@ window.__ModuleLoader__.load({
       }, 'settings-search: styles')
 
       const model = createModel(ctx)
+      const indexControls = { resetHarvest: model.resetHarvest, persistIndex: model.persistIndex }
       const navigator = createNavigator(ctx)
+      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', '检测到其它插件变化，将重建设置索引', {})
+        }
+      }
 
-      /** 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,
+      /** Legacy (pre-0.2) client plugin manager service: `list()` plus change events. */
+      const syncLegacyPluginManagerIndex = async (face) => {
+        if (face === null || !face.isLoopback) return
+        const token = ++pluginInventoryToken
+        try {
+          const rows = await face.list()
+          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 syncLegacyPluginManagerIndex(face) }
+        sync()
+        const unsubscribe = typeof face?.onChange === 'function' ? face.onChange(sync) : null
+        return () => {
+          pluginInventoryToken += 1
+          if (typeof unsubscribe === 'function') unsubscribe()
+        }
+      }, 'settings-search: plugin manager index fingerprint (legacy)')
+
       const SearchIcon = React.createElement('svg', {
         className: 'sss-icon',
         viewBox: '0 0 16.5 16.5',
@@ -1525,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)
@@ -1597,6 +2253,27 @@ window.__ModuleLoader__.load({
           }
         }, [])
 
+        React.useEffect(() => {
+          // 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 (hasPluginInventory()) return
+            if (model.applyIndexFingerprint(model.slotsFingerprint())) {
+              window.dispatchEvent(new CustomEvent(INDEX_INVALID_EVENT))
+            }
+          }, 3000)
+          const onInvalid = () => { setWarming(false); setTick((value) => value + 1) }
+          window.addEventListener(INDEX_INVALID_EVENT, onInvalid)
+          return () => {
+            clearTimeout(fallback)
+            window.removeEventListener(INDEX_INVALID_EVENT, onInvalid)
+          }
+        }, [])
+
         React.useEffect(() => {
           const onWelcome = (event) => { if (event?.detail === true) setShowWelcome(true) }
           window.addEventListener(WELCOME_EVENT, onWelcome)
@@ -1924,7 +2601,6 @@ window.__ModuleLoader__.load({
                 ? React.createElement(Welcome, { t, onClose: dismissWelcome, onOpenPanel: openPanelFromWelcome })
                 : null,
             ]),
-            React.createElement('div', { className: 'sss-wrap sss-top' }, [pageTriggerButton]),
             React.createElement('div', {
               className: 'sss-page-overlay',
               onMouseDown: (event) => { if (event.target === event.currentTarget) setPageOpen(false) },
@@ -2065,9 +2741,13 @@ window.__ModuleLoader__.load({
         const [apiKey, setApiKey] = React.useState(cfg.apiKey)
         const providerDrafts = React.useRef({})
         const testAbortRef = React.useRef(null)
+        const modelsAbortRef = React.useRef(null)
         const [aiSaved, setAiSaved] = React.useState(false)
         const [testState, setTestState] = React.useState('idle') // idle | loading | ok | fail
         const [testMsg, setTestMsg] = React.useState('')
+        const [aiModels, setAiModels] = React.useState([])
+        const [modelsState, setModelsState] = React.useState('idle') // idle | loading | ready | fail
+        const [modelsMsg, setModelsMsg] = React.useState('')
         const [dshImportState, setDshImportState] = React.useState('idle') // idle | loading | ok | fail
         const [dshImportMsg, setDshImportMsg] = React.useState('')
         const [, setLogVersion] = React.useState(0)
@@ -2075,6 +2755,12 @@ 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)
         const [confirmClearAi, setConfirmClearAi] = React.useState(false)
 
@@ -2106,15 +2792,24 @@ window.__ModuleLoader__.load({
           return () => testAbortRef.current?.abort()
         }, [provider, baseUrl, model, apiKey])
 
+        React.useEffect(() => () => modelsAbortRef.current?.abort(), [provider, baseUrl, apiKey])
+
         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 }
@@ -2122,6 +2817,68 @@ window.__ModuleLoader__.load({
           setProvider(next)
           setBaseUrl(draft?.baseUrl ?? (next === 'ollama' ? OLLAMA_BASE_URL : ''))
           setModel(draft?.model ?? '')
+          resetModelList()
+        }
+
+        const resetModelList = () => {
+          modelsAbortRef.current?.abort()
+          setAiModels([])
+          setModelsState('idle')
+          setModelsMsg('')
+        }
+
+        const modelsErrorHint = (code) => {
+          if (code === 'need-config') return t('aiModelsNeedConfig')
+          const cloudKeys = {
+            auth: 'aiTestErrAuth',
+            forbidden: 'aiTestErrForbidden',
+            'not-found': 'aiTestErrNotFound',
+            'rate-limit': 'aiTestErrRateLimit',
+            'bad-request': 'aiTestErrBadRequest',
+            server: 'aiTestErrServer',
+            timeout: 'aiTestErrTimeout',
+            network: 'aiTestErrNetwork',
+            'bad-response': 'aiTestErrBadResponse',
+            'unsafe-url': 'aiTestErrUnsafeUrl',
+          }
+          const ollamaKeys = { ...cloudKeys, network: 'aiOllamaErrNetwork', forbidden: 'aiOllamaErrForbidden', timeout: 'aiOllamaErrTimeout' }
+          return t((provider === 'ollama' ? ollamaKeys : cloudKeys)[code] ?? 'aiTestErrHttp')
+        }
+
+        const loadModels = async () => {
+          if (modelsState === 'loading') return
+          const source = normalizeAiConfig({ provider, baseUrl, model, apiKey })
+          if (!modelsUrl(source.provider, source.baseUrl) || (source.provider !== 'ollama' && !source.apiKey)) {
+            setModelsState('fail')
+            setModelsMsg(t('aiModelsFail').replace('{hint}', t('aiModelsNeedConfig')).replace('{detail}', ''))
+            return
+          }
+          const controller = new AbortController()
+          modelsAbortRef.current?.abort()
+          modelsAbortRef.current = controller
+          setModelsState('loading')
+          setModelsMsg('')
+          const startedAt = Date.now()
+          log('info', '获取 AI 模型列表', { provider: source.provider })
+          const result = await fetchAiModels(source, controller.signal)
+          if (controller.signal.aborted) return
+          if (modelsAbortRef.current !== controller) return
+          modelsAbortRef.current = null
+          if (result.ok) {
+            setAiModels(result.models)
+            setModelsState('ready')
+            setModelsMsg(result.models.length === 0
+              ? t('aiModelsEmpty')
+              : t('aiModelsLoaded').replace('{count}', String(result.models.length)))
+            log('info', '获取 AI 模型列表成功', { count: result.models.length, duration: Date.now() - startedAt })
+          } else {
+            setAiModels([])
+            setModelsState('fail')
+            const hint = modelsErrorHint(result.code)
+            const detail = result.detail ? `（${result.detail}）` : ''
+            setModelsMsg(t('aiModelsFail').replace('{hint}', hint).replace('{detail}', detail))
+            log('error', '获取 AI 模型列表失败', { code: result.code, detail: result.detail, duration: Date.now() - startedAt })
+          }
         }
 
         const saveAi = () => {
@@ -2141,13 +2898,14 @@ 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 })
             setProvider(imported.provider)
             setBaseUrl(imported.baseUrl)
             setModel(imported.model)
+            resetModelList()
             setDshImportState('ok')
             setDshImportMsg(t('aiDshImportOk'))
             log('info', '导入 DSH 模型配置', { provider: imported.provider, model: imported.model })
@@ -2164,6 +2922,25 @@ window.__ModuleLoader__.load({
           setSearchStyleState(style)
         }
 
+        const rebuildIndex = async () => {
+          if (indexState === 'loading' || warming) return
+          setIndexState('loading')
+          setWarming(true)
+          indexControls.resetHarvest()
+          try {
+            const done = await warmAllSections(model, () => setWarming(true), () => setWarming(false))
+            if (!done) throw new Error('index rebuild did not visit any sections')
+            indexControls.persistIndex()
+            setIndexState('done')
+            window.dispatchEvent(new CustomEvent(INDEX_REBUILD_DONE_EVENT))
+            setTimeout(() => setIndexState((state) => state === 'done' ? 'idle' : state), 2400)
+          } catch (error) {
+            setIndexState('idle')
+            setWarming(false)
+            log('error', '手动重建设置索引失败', { detail: String(error?.message ?? error).slice(0, 160) })
+          }
+        }
+
         const updateShortcutEnabled = (enabled) => {
           setSearchShortcutEnabled(enabled)
           setShortcutOn(enabled)
@@ -2180,6 +2957,7 @@ window.__ModuleLoader__.load({
           setModel('')
           setApiKey('')
           providerDrafts.current = {}
+          resetModelList()
           setAiSaved(false)
           log('info', '清除 API 配置', {})
         }
@@ -2259,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 () => {
@@ -2394,6 +3228,23 @@ window.__ModuleLoader__.load({
               ]),
               React.createElement('p', { className: 'sss-vr-hint' }, t('shortcutHint')),
             ]),
+            React.createElement('div', { className: 'sss-vr-field' }, [
+              React.createElement('div', { className: 'sss-vr-field-head' }, [
+                React.createElement('span', { className: 'sss-vr-label' }, t('indexTitle')),
+              ]),
+              React.createElement('p', { className: 'sss-vr-hint' }, t('indexDesc')),
+              React.createElement('div', { className: 'sss-vr-actions' }, [
+                React.createElement('button', {
+                  className: 'sss-vr-btn',
+                  type: 'button',
+                  disabled: indexState === 'loading' || warming,
+                  onClick: () => { void rebuildIndex() },
+                }, indexState === 'loading' || warming ? t('indexRebuilding') : t('indexRebuild')),
+              ]),
+              indexState === 'done'
+                ? 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' }, [
               React.createElement('div', { className: 'sss-vr-field-head' }, [
                 React.createElement('label', { className: 'sss-vr-label' }, t('aiProvider')),
@@ -2428,44 +3279,56 @@ window.__ModuleLoader__.load({
                 'data-lpignore': 'true',
                 'data-1p-ignore': 'true',
                 'data-form-type': 'other',
-                onChange: (event) => setBaseUrl(event.target.value),
-              }),
-              React.createElement('p', { className: 'sss-vr-hint' }, t('aiBaseUrlHint')),
-              React.createElement('div', { className: 'sss-vr-field-head' }, [
-                React.createElement('label', { className: 'sss-vr-label' }, t('aiModel')),
-              ]),
-              React.createElement('input', {
-                className: 'sss-vr-input',
-                type: 'text',
-                name: 'dsh-settings-search-model',
-                'aria-label': t('aiModel'),
-                value: model,
-                placeholder: provider === 'ollama' ? 'qwen3:8b'
-                  : provider === 'anthropic' ? 'claude-sonnet-4-20250514' : 'gpt-4o-mini',
-                spellCheck: false,
-                autoComplete: 'off',
-                'data-lpignore': 'true',
-                'data-1p-ignore': 'true',
-                'data-form-type': 'other',
-                onChange: (event) => setModel(event.target.value),
-              }),
-              provider !== 'ollama' ? React.createElement('div', { className: 'sss-vr-field-head' }, [
-                React.createElement('label', { className: 'sss-vr-label' }, t('aiApiKey')),
-              ]) : null,
-              provider !== 'ollama' ? React.createElement('input', {
-                className: 'sss-vr-input sss-vr-mask',
-                type: 'text',
-                name: 'dsh-settings-search-api-key',
-                'aria-label': t('aiApiKey'),
-                value: apiKey,
-                placeholder: 'sk-…',
-                spellCheck: false,
-                autoComplete: 'off',
-                'data-lpignore': 'true',
-                'data-1p-ignore': 'true',
-                'data-form-type': 'other',
-                onChange: (event) => setApiKey(event.target.value),
-              }) : null,
+                 onChange: (event) => { setBaseUrl(event.target.value); resetModelList() },
+               }),
+               React.createElement('p', { className: 'sss-vr-hint' }, t('aiBaseUrlHint')),
+               React.createElement('div', { className: 'sss-vr-field-head' }, [
+                 React.createElement('label', { className: 'sss-vr-label' }, t('aiModel')),
+                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: modelsState === 'loading', onClick: () => { void loadModels() } },
+                   modelsState === 'loading' ? t('aiModelsLoading') : t('aiModelsLoad')),
+               ]),
+               React.createElement('p', { className: 'sss-vr-hint' }, t('aiModelHint')),
+               React.createElement('input', {
+                 className: 'sss-vr-input',
+                 type: 'text',
+                 name: 'dsh-settings-search-model',
+                 'aria-label': t('aiModel'),
+                 value: model,
+                 list: 'dsh-settings-search-model-options',
+                 placeholder: provider === 'ollama' ? 'qwen3:8b'
+                   : provider === 'anthropic' ? 'claude-sonnet-4-20250514' : 'gpt-4o-mini',
+                 spellCheck: false,
+                 autoComplete: 'off',
+                 'data-lpignore': 'true',
+                 'data-1p-ignore': 'true',
+                 'data-form-type': 'other',
+                  onChange: (event) => setModel(event.target.value),
+                }),
+                React.createElement('datalist', { id: 'dsh-settings-search-model-options' },
+                  aiModels.map((item) => React.createElement('option', { key: item, value: item }, item))),
+                modelsMsg
+                  ? React.createElement('p', {
+                      className: modelsState === 'fail' ? 'sss-vr-note' : 'sss-vr-hint',
+                      style: modelsState === 'fail' ? { color: 'var(--dsw-alias-state-error-primary)' } : undefined,
+                    }, modelsMsg)
+                  : null,
+                provider !== 'ollama' ? React.createElement('div', { className: 'sss-vr-field-head' }, [
+                 React.createElement('label', { className: 'sss-vr-label' }, t('aiApiKey')),
+               ]) : null,
+               provider !== 'ollama' ? React.createElement('input', {
+                 className: 'sss-vr-input sss-vr-mask',
+                 type: 'text',
+                 name: 'dsh-settings-search-api-key',
+                 'aria-label': t('aiApiKey'),
+                 value: apiKey,
+                 placeholder: 'sk-…',
+                 spellCheck: false,
+                 autoComplete: 'off',
+                 'data-lpignore': 'true',
+                 'data-1p-ignore': 'true',
+                 'data-form-type': 'other',
+                 onChange: (event) => { setApiKey(event.target.value); resetModelList() },
+               }) : null,
               React.createElement('div', { className: 'sss-vr-actions' }, [
                 React.createElement('button', { className: 'sss-vr-btn sss-vr-primary', type: 'button', onClick: () => { void saveAi() } },
                   aiSaved ? t('aiConfigSaved') : t('aiConfigSave')),
@@ -2476,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' }, [
@@ -2505,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' }, [
@@ -2513,6 +3376,8 @@ window.__ModuleLoader__.load({
                   state === 'loading' ? t('updChecking') : t('updCheck')),
                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: notesState === 'loading', onClick: () => { void fetchNotes() } },
                   notesState === 'loading' ? t('updFetchingNotes') : t('updReleaseNotes')),
+                React.createElement('a', { className: 'sss-vr-link', href: REPO_URL, target: '_blank', rel: 'noopener noreferrer' },
+                  t('updRepo')),
               ]),
               notesState === 'loaded'
                 ? React.createElement('div', { className: 'sss-vr-notes' }, notesBody)
@@ -2521,21 +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
@@ -2549,6 +3421,9 @@ window.__ModuleLoader__.load({
                 onCancel: () => cancelClear(),
               })
             : null,
+          logViewer
+            ? React.createElement(LogViewer, { t, view: logView })
+            : null,
           confirmClearAi
             ? React.createElement(ConfirmModal, {
                 t,