@objectivex666/dsh-settings-search 1.8.0 → 1.9.0

package/README.en.md

@@ -13,8 +13,10 @@
 
 ## Features
 
-- 🔍 **Live search** — a search box at the top of the settings panel's left navigation filters every registered settings page (`settings.section`) and general item (`settings.general.item`) as you type.
-- 🎯 **First-run onboarding (v1.8.0)** — a welcome modal introduces live search, pinyin/intent/AI hints, click-to-jump, and auto-indexing when the settings panel first opens; reopen it anytime from the "Settings Search" page.
+- 🔍 **Live search** — a search box in the settings panel filters every registered settings page (`settings.section`) and general item (`settings.general.item`) as you type.
+- 🧩 **Four search styles (v1.9.0)** — choose the classic sidebar, window top bar, popup search page, or a mixed window top bar plus popup page layout. The choice is saved in the current browser.
+- 🤝 **Import DSH model config (v1.9.0)** — import the Base URL and model name from DSH's current default model in the AI config section. For credential safety, the API key is never imported.
+- 🎯 **First-run onboarding (v1.9.0)** — a welcome modal appears only the first time the settings panel opens after installation. It introduces the four search styles, pinyin/intent/AI hints, click-to-jump, and auto-indexing; there are no "Don't show again" or manual reopen buttons.
 - 📂 **In-page option search (v1.2.0)** — search beyond pages and reach the specific options inside them: Plugins-page tabs (`settings.plugins.tab`), Web UI plugin cards (`web-ui.plugin.item`), general rows, and more, each shown with a "page › option" breadcrumb.
 - 🔤 **Pinyin association search (v1.5.0)** — type initials (`sz`) or full pinyin (`shezhi`) to surface Chinese settings items; navigate with `↑`/`↓`, confirm with `Enter`, dismiss with `Esc`, and matched text is highlighted.
 - 🧠 **Intent search (v1.6.0)** — describe the goal in Chinese (e.g. 「太亮了」 "too bright", 「字太小」 "text too small") to surface matching settings without knowing their names, shown in a "You may want" group.

package/README.md

@@ -13,8 +13,10 @@
 
 ## 功能特性
 
-- 🔍 **实时搜索**：在设置面板左侧导航顶部嵌入搜索框，输入关键词立即过滤所有已注册的设置页（`settings.section`）与通用设置项（`settings.general.item`）。
-- 🎯 **新用户引导（v1.8.0）**：首次打开设置面板时弹出引导弹窗，介绍实时搜索、拼音/意图/AI 联想、点击即达与自动导入索引等核心功能；可在「设置搜索」页随时重新打开。
+- 🔍 **实时搜索**：在设置面板中嵌入搜索框，输入关键词立即过滤所有已注册的设置页（`settings.section`）与通用设置项（`settings.general.item`）。
+- 🧩 **四种搜索样式（v1.9.0）**：可选择经典侧栏、窗口顶栏、弹出搜索页，或“窗口顶栏 + 弹出搜索页”混合模式；选择会保存在当前浏览器。
+- 🤝 **导入 DSH 模型配置（v1.9.0）**：在 AI 配置区一键读取 DSH 当前默认模型的 Base URL 与模型名；为避免凭据扩散，导入始终不包含 API Key。
+- 🎯 **新用户引导（v1.9.0）**：仅在安装后首次打开设置面板时弹出引导弹窗，介绍四种搜索样式、拼音/意图/AI 联想、点击即达与自动导入索引等核心功能；不再提供“不再显示”和手动重开按钮。
 - 📂 **页内选项搜索（v1.2.0）**：不只搜页面，还能直达每个设置页内部的具体选项——插件页的标签页（`settings.plugins.tab`）、Web UI 插件的卡片（`web-ui.plugin.item`）、通用设置行等，结果以「页面 › 选项」面包屑展示。
 - 🔤 **拼音联想搜索（v1.5.0）**：输入拼音首字母（如 `sz`）或全拼（如 `shezhi`）即可联想中文设置项；支持 `↑`/`↓` 选择、`Enter` 跳转、`Esc` 关闭，命中的文字自动高亮。
 - 🧠 **意图联想搜索（v1.6.0）**：直接描述想做的事（如「太亮了」「字太小」「忘记密码」），无需知道选项名即可联想真实设置项，结果在「猜你想找」分组展示。

package/lib/client.js

@@ -30,12 +30,19 @@ 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.8.0'
+    const PKG_VERSION = '1.9.0'
     const NPM_NAME = '@objectivex666/dsh-settings-search'
     const zh = {
       title: '设置',
       placeholder: '搜索设置…',
       searchBtn: '搜索',
+      styleTitle: '搜索框样式',
+      styleHint: '选择搜索入口的展示方式；设置会保存在本机浏览器。',
+      styleClassic: '经典侧栏',
+      styleTop: '窗口顶栏',
+      stylePage: '弹出搜索页',
+      styleMixed: '顶栏 + 搜索页',
+      openSearch: '打开搜索',
       warming: '正在导入各分区选项…',
       empty: '没有匹配的设置',
       pages: '设置页',
@@ -43,6 +50,7 @@ window.__ModuleLoader__.load({
       guess: '猜你想找',
       page: '页面',
       option: '选项',
+      pageSearchTitle: '搜索结果',
       jumpFail: '未能自动跳转，请手动打开：{path}',
       updn: '设置搜索',
       updDesc: '设置面板顶部搜索框由本插件提供。在此检查插件的版本与更新。',
@@ -77,6 +85,11 @@ window.__ModuleLoader__.load({
       aiBaseUrlHint: '仅支持 http(s) 地址；非本机地址必须使用 https，以免泄露 API Key。',
       aiModel: '模型名',
       aiApiKey: 'API Key',
+      aiDshImport: '导入 DSH 模型配置',
+      aiDshImporting: '正在导入…',
+      aiDshImportOk: '已导入 Base URL 与模型名；API Key 未改动 ✓',
+      aiDshImportFail: '导入失败：{reason}',
+      aiDshImportEmpty: '未找到 DSH 当前默认模型配置',
       aiConfigSave: '保存配置',
       aiConfigSaved: '已保存 ✓',
       aiClear: '清除配置',
@@ -115,7 +128,7 @@ window.__ModuleLoader__.load({
       wlTitle: '欢迎使用设置搜索',
       wlSubtitle: '为 DSH 设置面板提供即时搜索与导航，几秒钟就能找到任何设置。',
       wlFeature1Title: '实时搜索',
-      wlFeature1Desc: '在顶部搜索框输入关键词，即时过滤所有设置页与页内选项。',
+      wlFeature1Desc: '支持经典侧栏、窗口顶栏、弹出搜索页与顶栏加搜索页混合模式；输入关键词即可过滤设置。',
       wlFeature2Title: '拼音与意图联想',
       wlFeature2Desc: '输入拼音首字母（如 sz）或直接描述需求（如「太亮」），也能联想设置项。',
       wlFeature3Title: 'AI 联想（可选）',
@@ -125,9 +138,7 @@ window.__ModuleLoader__.load({
       wlFeature5Title: '自带设置页',
       wlFeature5Desc: '左侧导航的「设置搜索」页可检查更新、查看说明与导出日志。',
       wlStart: '开始使用',
-      wlSkip: '不再显示',
       wlOpenPanel: '打开设置搜索页',
-      wlReopen: '新用户引导',
       wlFeature6Title: '自动导入索引',
       wlFeature6Desc: '首次打开时自动遍历一遍各设置分区，把分区内选项一并纳入搜索，无需逐页手动打开即可直接搜到。',
     }
@@ -135,6 +146,13 @@ window.__ModuleLoader__.load({
       title: 'Settings',
       placeholder: 'Search settings…',
       searchBtn: 'Search',
+      styleTitle: 'Search style',
+      styleHint: 'Choose how the search entry is displayed; saved in this browser.',
+      styleClassic: 'Classic sidebar',
+      styleTop: 'Top bar',
+      stylePage: 'Popup page',
+      styleMixed: 'Top bar + popup',
+      openSearch: 'Open search',
       warming: 'Importing section options…',
       empty: 'No matching settings',
       pages: 'Settings pages',
@@ -142,6 +160,7 @@ window.__ModuleLoader__.load({
       guess: 'You may want',
       page: 'Page',
       option: 'Option',
+      pageSearchTitle: 'Search results',
       jumpFail: 'Could not navigate automatically — open it here: {path}',
       updn: 'Settings Search',
       updDesc: "The search box atop the settings panel comes from this plugin. Check its version and updates here.",
@@ -176,6 +195,11 @@ window.__ModuleLoader__.load({
       aiBaseUrlHint: 'Only http(s) URLs are allowed; remote hosts must use https to avoid exposing your API key.',
       aiModel: 'Model',
       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',
       aiConfigSave: 'Save config',
       aiConfigSaved: 'Saved ✓',
       aiClear: 'Clear config',
@@ -214,7 +238,7 @@ window.__ModuleLoader__.load({
       wlTitle: 'Welcome to Settings Search',
       wlSubtitle: 'Instant search and navigation for the DSH settings panel — find any setting in seconds.',
       wlFeature1Title: 'Instant search',
-      wlFeature1Desc: 'Type in the top search box to instantly filter settings pages and in-page options.',
+      wlFeature1Desc: 'Choose classic sidebar, top bar, popup page, or mixed top bar plus popup search; typing filters settings.',
       wlFeature2Title: 'Pinyin & intent hints',
       wlFeature2Desc: 'Type pinyin initials (e.g. sz) or describe what you want to do to find settings.',
       wlFeature3Title: 'AI hints (optional)',
@@ -224,9 +248,7 @@ window.__ModuleLoader__.load({
       wlFeature5Title: 'Built-in panel',
       wlFeature5Desc: 'The Settings Search page in the sidebar checks updates, shows notes, and exports logs.',
       wlStart: 'Get started',
-      wlSkip: "Don't show again",
       wlOpenPanel: 'Open Settings Search panel',
-      wlReopen: 'Onboarding',
       wlFeature6Title: 'Auto-index',
       wlFeature6Desc: 'On first open it automatically passes through every settings section, so in-page options are searchable without opening each page manually.',
     }
@@ -278,28 +300,42 @@ window.__ModuleLoader__.load({
       PINYIN_TABLE.split(/\s+/).filter(Boolean).map((pair) => [pair[0], pair.slice(1)])
     )
     const CJK_RE = /[\u4e00-\u9fff]/
+    const ALNUM_RE = /[a-zA-Z0-9]/
 
     /**
      * Transliterate a label into full-pinyin and initial-letter keys for
      * association search. Returns null when any CJK character is outside
      * the built-in table (then only substring matching applies).
+     *
+     * Results are memoized: the same labels and intent keywords are
+     * re-transliterated on every keystroke's re-filter, and this CJK loop
+     * is the hottest code in search. Cached objects are shared — callers
+     * must treat them as read-only.
      */
+    const PINYIN_KEY_CACHE = new Map()
     const pinyinKeys = (text) => {
+      const cached = PINYIN_KEY_CACHE.get(text)
+      if (cached !== undefined) return cached
       let full = ''
       let initials = ''
       for (const ch of text) {
         if (CJK_RE.test(ch)) {
           const py = PINYIN.get(ch)
-          if (py === undefined) return null
+          if (py === undefined) {
+            PINYIN_KEY_CACHE.set(text, null)
+            return null
+          }
           full += py
           initials += py[0]
-        } else if (/[a-zA-Z0-9]/.test(ch)) {
+        } else if (ALNUM_RE.test(ch)) {
           const lower = ch.toLowerCase()
           full += lower
           initials += lower
         }
       }
-      return full === '' ? null : { full, initials }
+      const keys = full === '' ? null : { full, initials }
+      PINYIN_KEY_CACHE.set(text, keys)
+      return keys
     }
 
     /** Match one query token: raw substring, full pinyin, or initial letters. */
@@ -312,6 +348,17 @@ window.__ModuleLoader__.load({
       return null
     }
 
+    /** Cache the \b-wrapped keyword regexes used by related-keyword matching. */
+    const WORD_BOUNDARY_CACHE = new Map()
+    const wordBoundaryRegex = (kw) => {
+      let re = WORD_BOUNDARY_CACHE.get(kw)
+      if (re === undefined) {
+        re = new RegExp(`\\b${kw.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\b`)
+        WORD_BOUNDARY_CACHE.set(kw, re)
+      }
+      return re
+    }
+
     /** Character count of the label consumed by a full-pinyin prefix. */
     const pinyinPrefixChars = (label, pinyinLength) => {
       let consumed = 0
@@ -360,8 +407,14 @@ window.__ModuleLoader__.load({
       return { phrase, keywords: entry.slice(at + 1).split(','), keys: pinyinKeys(phrase) }
     })
 
-    /** Keywords a query token should additionally search after an intent hit. */
+    /**
+     * Keywords a query token should additionally search after an intent hit.
+     * Memoized per token — tokens repeat on every keystroke's re-filter.
+     */
+    const INTENT_KEYWORD_CACHE = new Map()
     const intentKeywords = (tok) => {
+      const cached = INTENT_KEYWORD_CACHE.get(tok)
+      if (cached !== undefined) return cached
       const hits = []
       for (const intent of INTENTS) {
         const phraseHit = intent.phrase.includes(tok) || tok.includes(intent.phrase) ||
@@ -373,6 +426,7 @@ window.__ModuleLoader__.load({
           }
         }
       }
+      INTENT_KEYWORD_CACHE.set(tok, hits)
       return hits
     }
 
@@ -407,6 +461,24 @@ window.__ModuleLoader__.load({
     const AI_BASE_URL_KEY = 'dsh-settings-search:ai-base-url'
     const AI_MODEL_KEY = 'dsh-settings-search:ai-model'
     const AI_API_KEY_KEY = 'dsh-settings-search:ai-api-key'
+    /** Session-only API key storage avoids durable browser storage exposure. */
+    const readApiKey = () => {
+      const legacy = typeof localStorage !== 'undefined' ? (localStorage.getItem(AI_API_KEY_KEY) ?? '').trim() : ''
+      if (legacy !== '') {
+        if (typeof sessionStorage !== 'undefined') sessionStorage.setItem(AI_API_KEY_KEY, legacy)
+        if (typeof localStorage !== 'undefined') localStorage.removeItem(AI_API_KEY_KEY)
+        return legacy
+      }
+      return typeof sessionStorage !== 'undefined' ? (sessionStorage.getItem(AI_API_KEY_KEY) ?? '').trim() : ''
+    }
+    const writeApiKey = (value) => {
+      const apiKey = String(value ?? '').trim()
+      if (typeof sessionStorage !== 'undefined') {
+        if (apiKey === '') sessionStorage.removeItem(AI_API_KEY_KEY)
+        else sessionStorage.setItem(AI_API_KEY_KEY, apiKey)
+      }
+      if (typeof localStorage !== 'undefined') localStorage.removeItem(AI_API_KEY_KEY)
+    }
     const aiSearchEnabled = () => {
       if (typeof localStorage === 'undefined') return false
       return localStorage.getItem(AI_STORAGE_KEY) === '1'
@@ -417,26 +489,42 @@ window.__ModuleLoader__.load({
       window.dispatchEvent(new CustomEvent(AI_TOGGLE_EVENT, { detail: enabled }))
     }
     const aiConfig = () => {
-      if (typeof localStorage === 'undefined') return { provider: 'openai', baseUrl: '', model: '', apiKey: '' }
-      const providerRaw = (localStorage.getItem(AI_PROVIDER_KEY) ?? 'openai').trim()
+      if (typeof localStorage === 'undefined' && typeof sessionStorage === 'undefined') {
+        return { provider: 'openai', baseUrl: '', model: '', apiKey: '' }
+      }
+      const providerRaw = (localStorage?.getItem(AI_PROVIDER_KEY) ?? 'openai').trim()
       return {
         provider: providerRaw === 'anthropic' ? 'anthropic' : 'openai',
-        baseUrl: (localStorage.getItem(AI_BASE_URL_KEY) ?? '').trim(),
-        model: (localStorage.getItem(AI_MODEL_KEY) ?? '').trim(),
-        apiKey: (localStorage.getItem(AI_API_KEY_KEY) ?? '').trim(),
+        baseUrl: (localStorage?.getItem(AI_BASE_URL_KEY) ?? '').trim(),
+        model: (localStorage?.getItem(AI_MODEL_KEY) ?? '').trim(),
+        apiKey: readApiKey(),
       }
     }
     const setAiConfig = (cfg) => {
+      if (typeof localStorage === 'undefined' && typeof sessionStorage === 'undefined') return
+      writeApiKey(cfg.apiKey)
       if (typeof localStorage === 'undefined') return
       localStorage.setItem(AI_PROVIDER_KEY, cfg.provider === 'anthropic' ? 'anthropic' : 'openai')
       localStorage.setItem(AI_BASE_URL_KEY, cfg.baseUrl ?? '')
       localStorage.setItem(AI_MODEL_KEY, cfg.model ?? '')
-      localStorage.setItem(AI_API_KEY_KEY, cfg.apiKey ?? '')
       window.dispatchEvent(new CustomEvent(AI_CONFIG_EVENT))
     }
     /** First-run onboarding: remembered via localStorage so it shows once. */
     const ONBOARD_KEY = 'dsh-settings-search:onboarded'
     const WELCOME_EVENT = 'dsh-settings-search:welcome'
+    const SEARCH_STYLE_KEY = 'dsh-settings-search:style'
+    const SEARCH_STYLE_EVENT = 'dsh-settings-search:style-change'
+    const SEARCH_STYLES = ['sidebar', 'top', 'page', 'mixed']
+    const readSearchStyle = () => {
+      if (typeof localStorage === 'undefined') return 'sidebar'
+      const style = localStorage.getItem(SEARCH_STYLE_KEY)
+      return SEARCH_STYLES.includes(style) ? style : 'sidebar'
+    }
+    const setStoredSearchStyle = (style) => {
+      if (typeof localStorage === 'undefined' || !SEARCH_STYLES.includes(style)) return
+      localStorage.setItem(SEARCH_STYLE_KEY, style)
+      window.dispatchEvent(new CustomEvent(SEARCH_STYLE_EVENT, { detail: style }))
+    }
     const welcomed = () => {
       if (typeof localStorage === 'undefined') return true
       return localStorage.getItem(ONBOARD_KEY) === '1'
@@ -446,9 +534,6 @@ window.__ModuleLoader__.load({
       localStorage.setItem(ONBOARD_KEY, '1')
       window.dispatchEvent(new CustomEvent(WELCOME_EVENT, { detail: false }))
     }
-    const openWelcome = () => {
-      window.dispatchEvent(new CustomEvent(WELCOME_EVENT, { detail: true }))
-    }
     const extractAiKeywords = (raw) => {
       const text = String(raw ?? '').replace(/^```(?:json)?/i, '').replace(/```$/, '').trim()
       const start = text.indexOf('{')
@@ -489,17 +574,17 @@ window.__ModuleLoader__.load({
       return url.origin + path.replace(/\/+$/, '')
     }
     const chatCompletionsUrl = (baseUrl) => {
+      // safeBaseUrl already strips trailing slashes
       const safe = safeBaseUrl(baseUrl)
       if (!safe) return ''
-      const trimmed = safe.replace(/\/+$/, '')
-      return /\/chat\/completions$/i.test(trimmed) ? trimmed : `${trimmed}/chat/completions`
+      return /\/chat\/completions$/i.test(safe) ? safe : `${safe}/chat/completions`
     }
     const anthropicMessagesUrl = (baseUrl) => {
+      // safeBaseUrl already strips trailing slashes
       const safe = safeBaseUrl(baseUrl)
       if (!safe) return ''
-      const trimmed = safe.replace(/\/+$/, '')
-      if (/\/v1\/messages$/i.test(trimmed)) return trimmed
-      return /\/v1$/i.test(trimmed) ? `${trimmed}/messages` : `${trimmed}/v1/messages`
+      if (/\/v1\/messages$/i.test(safe)) return safe
+      return /\/v1$/i.test(safe) ? `${safe}/messages` : `${safe}/v1/messages`
     }
     const requestUserAi = async (query, labels, signal) => {
       const { provider, baseUrl, model, apiKey } = aiConfig()
@@ -573,7 +658,11 @@ window.__ModuleLoader__.load({
       const cacheKey = query.toLowerCase()
       if (AI_CACHE.has(cacheKey)) return AI_CACHE.get(cacheKey)
       const keywords = await requestUserAi(query, labels, signal)
-      if (keywords.length > 0) AI_CACHE.set(cacheKey, keywords)
+      if (keywords.length > 0) {
+        // bound the cache so a long session cannot grow it without limit
+        if (AI_CACHE.size >= 100) AI_CACHE.clear()
+        AI_CACHE.set(cacheKey, keywords)
+      }
       return keywords
     }
 
@@ -583,16 +672,17 @@ window.__ModuleLoader__.load({
      * Returns { ok, code, detail } where code is a stable error kind used to
      * look up a localized hint in the UI.
      */
+    const HTTP_TEST_CODES = {
+      400: 'bad-request',
+      401: 'auth',
+      403: 'forbidden',
+      404: 'not-found',
+      408: 'timeout',
+      429: 'rate-limit',
+    }
     const testHttpCode = (status) => {
       const code = Number(status)
-      if (code === 401) return 'auth'
-      if (code === 403) return 'forbidden'
-      if (code === 404) return 'not-found'
-      if (code === 408) return 'timeout'
-      if (code === 429) return 'rate-limit'
-      if (code === 400) return 'bad-request'
-      if (code >= 500 && code <= 599) return 'server'
-      return 'http'
+      return HTTP_TEST_CODES[code] ?? (code >= 500 && code <= 599 ? 'server' : 'http')
     }
     const testAiService = async (cfg) => {
       const provider = cfg.provider === 'anthropic' ? 'anthropic' : 'openai'
@@ -687,6 +777,25 @@ window.__ModuleLoader__.load({
       .sss-ai-note { margin: 0; padding: 6px 8px; color: var(--dsw-alias-label-secondary); font-size: 12px; line-height: 18px; }
       .sss-empty { margin: 0; padding: 10px 8px; color: var(--dsw-alias-label-secondary); font-size: 13px; }
       .sss-guide { padding: 7px 10px; border-radius: 8px; background: var(--dsw-alias-bg-layer-1); border: 1px solid var(--dsw-alias-border-l1); color: var(--dsw-alias-label-primary); font-size: 12px; line-height: 18px; }
+      .sss-wrap.sss-top { position: absolute; top: 20px; left: 198px; right: 152px; z-index: 950; width: auto; height: 28px; gap: 8px; }
+      .sss-top .sss-title { display: none; }
+      .sss-top .sss-box { height: 28px; padding: 0 8px; border-radius: 8px; border-color: var(--dsw-alias-border-l1); box-shadow: var(--dsw-shadow-lv2); }
+      .sss-top .sss-input { font-size: 15px; }
+      .sss-top .sss-top-trigger { height: 28px; padding: 0 8px; border-color: var(--dsw-alias-border-l1); box-shadow: var(--dsw-shadow-lv2); font-size: 15px; }
+      .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 { 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); }
+      .sss-page-input::placeholder { color: var(--dsw-alias-label-dimmed); }
+      .sss-page-close { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: none; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary); cursor: pointer; }
+      .sss-page-close:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+      .sss-page-results { flex: 1; min-height: 0; overflow: auto; padding: 8px; }
+      .sss-page-results .sss-group { padding: 2px; }
+      .sss-page-results .sss-item { padding: 10px 8px; border-radius: 8px; }
+      .sss-mixed-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-primary); font-size: 16px; line-height: 24px; }
       @keyframes sssFlashBg { 0% { background-color: var(--dsw-alias-interactive-bg-hover); } 100% { background-color: transparent; } }
       .sss-flash { animation: sssFlashBg 1.8s ease-out; border-radius: 8px; }
       .sss-vr { list-style: none; border: 1px solid var(--dsw-alias-border-l2); background: var(--dsw-alias-bg-layer-3); border-radius: 12px; max-width: 780px; width: 100%; box-sizing: border-box; transition: border-color .16s, background .16s; }
@@ -717,6 +826,10 @@ window.__ModuleLoader__.load({
       .sss-vr-btn:hover:not(:disabled) { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-label-dimmed); }
       .sss-vr-btn:disabled { opacity: .4; cursor: default; }
       .sss-vr-btn:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }
+      .sss-vr-segment { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+      .sss-vr-seg { appearance: none; font: inherit; cursor: pointer; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; padding: 6px 10px; font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-secondary); background: 0 0; }
+      .sss-vr-seg:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-label-dimmed); }
+      .sss-vr-seg.is-active { color: var(--dsw-alias-bg-layer-3); background: var(--dsw-alias-label-primary); border-color: transparent; }
       .sss-vr-primary { background: var(--dsw-alias-label-primary); color: var(--dsw-alias-bg-layer-3); border-color: transparent; }
       .sss-vr-primary:hover:not(:disabled) { color: var(--dsw-alias-bg-layer-3); border-color: transparent; }
       .sss-vr-badge { white-space: nowrap; background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-secondary); border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 500; line-height: 17px; }
@@ -797,7 +910,6 @@ window.__ModuleLoader__.load({
     function createModel(ctx) {
       /** id → harvested visible title, per slot. */
       const harvest = new Map()
-      let harvestSeq = 0
 
       const entriesOf = (slot) => {
         try { return ctx.slots.entries(slot) ?? [] } catch { return [] }
@@ -834,7 +946,7 @@ window.__ModuleLoader__.load({
       const trimDescription = (text) => {
         const t = (text ?? '').replace(/\s+/g, ' ').trim()
         if (t === '') return ''
-        const re = /[\s，,。；;](关闭后|开启后|启用后|禁用后|创建后|使用时|点击后|勾选后|开启时|关闭时|完成后|启用时|禁用时|开始后|停止后)/
+        const re = /(?:[\s，,。；;])?(关闭后|开启后|启用后|禁用后|创建后|使用时|点击后|勾选后|开启时|关闭时|完成后|启用时|禁用时|开始后|停止后)/
         const m = re.exec(t)
         if (m) {
           const head = t.slice(0, m.index).trim()
@@ -914,7 +1026,7 @@ window.__ModuleLoader__.load({
           if (containers.length === 1 && containers[0].childElementCount > 0) {
             nodes = [...containers[0].children]
           } else {
-            nodes = containers.filter((n) => n.childElementCount >= 0)
+            nodes = containers
           }
           if (nodes.length === 0) continue
           map = harvest.get(cfg.slot)
@@ -972,7 +1084,6 @@ window.__ModuleLoader__.load({
             }
           }
         } catch { /* section mining is best-effort */ }
-        if (grew) harvestSeq += 1
         return grew
       }
 
@@ -1008,6 +1119,10 @@ window.__ModuleLoader__.load({
         const parentLabel = (parentId) =>
           sections.find((s) => s.id === parentId)?.label ?? parentId
         const out = []
+        // Set-based dedup: keys and "parentLabel\u0000label" pairs replace the
+        // former out.some(...) scans, which were O(n²) on every keystroke.
+        const seenKeys = new Set()
+        const seenPairs = new Set()
         for (const cfg of DEEP_SLOTS) {
           const mapped = harvest.get(cfg.slot)
           sortEntries(entriesOf(cfg.slot)).forEach((entry, i) => {
@@ -1020,8 +1135,10 @@ window.__ModuleLoader__.load({
             const label = staticLabel(entry, cfg) || hitObj?.title || ''
             if (label === '') return // unmapped, unharvested — invisible until it renders once
             const key = cfg.slot + '#' + id
-            if (out.some((e) => e.key === key)) return
+            if (seenKeys.has(key)) return
             const pageLabel = parentLabel(cfg.parent)
+            seenKeys.add(key)
+            seenPairs.add(pageLabel + '\u0000' + label)
             out.push({
               kind: 'option',
               key,
@@ -1038,7 +1155,9 @@ window.__ModuleLoader__.load({
               hitObj.inner.forEach((op, oi) => {
                 if (op.label === '' || op.label === label) return
                 const innerKey = key + '#o' + oi
-                if (out.some((e) => e.key === innerKey)) return
+                if (seenKeys.has(innerKey)) return
+                seenKeys.add(innerKey)
+                seenPairs.add(label + '\u0000' + op.label)
                 out.push({
                   kind: 'option',
                   key: innerKey,
@@ -1072,9 +1191,11 @@ window.__ModuleLoader__.load({
               rec.inner.forEach((op, oi) => {
                 if (op.label === '' || op.label === label) return
                 const innerKey = 'settings.section#' + id + '#o' + oi
-                if (out.some((e) => e.key === innerKey)) return
-                const dup = out.some((e) => e.kind === 'option' && e.parentLabel === label && e.label === op.label)
-                if (dup) return
+                if (seenKeys.has(innerKey)) return
+                const pair = label + '\u0000' + op.label
+                if (seenPairs.has(pair)) return
+                seenKeys.add(innerKey)
+                seenPairs.add(pair)
                 out.push({
                   kind: 'option',
                   key: innerKey,
@@ -1099,15 +1220,19 @@ window.__ModuleLoader__.load({
           : a.order - b.order)
       }
 
-      return { readSections, readDeep, runHarvest, bump: () => harvestSeq }
+      return { readSections, readDeep, runHarvest }
     }
 
     /* ---------- DOM-level navigation into the settings shell ---------- */
 
+    /** Root element that hosts the settings panel's nav buttons. */
+    const panelRoot = () => {
+      if (typeof document === 'undefined') return null
+      return document.querySelector('[role="dialog"]') ?? document.body
+    }
     const panelButtons = () => {
-      if (typeof document === 'undefined') return []
-      const root = document.querySelector('[role="dialog"]') ?? document.body
-      return [...root.querySelectorAll('button')]
+      const root = panelRoot()
+      return root === null ? [] : [...root.querySelectorAll('button')]
     }
     const clickNavButton = (wantText) => {
       const want = String(wantText ?? '').trim()
@@ -1122,8 +1247,8 @@ window.__ModuleLoader__.load({
     const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
     /** Label of the currently-active first-level settings nav item. */
     const activeSectionLabel = () => {
-      if (typeof document === 'undefined') return ''
-      const root = document.querySelector('[role="dialog"]') ?? document.body
+      const root = panelRoot()
+      if (root === null) return ''
       const isTab = (b) => b.getAttribute('role') === 'tab'
       const buttons = [...root.querySelectorAll('button')].filter((b) => !isTab(b))
       const byCurrent = buttons.find((b) => b.getAttribute('aria-current') === 'true')
@@ -1153,11 +1278,9 @@ window.__ModuleLoader__.load({
           model.runHarvest()
           visited += 1
         }
-        if (original !== '') {
-          if (clickNavButton(original)) {
-            await delay(160)
-            model.runHarvest()
-          }
+        if (clickNavButton(original)) {
+          await delay(160)
+          model.runHarvest()
         }
       } finally {
         if (typeof onDone === 'function') onDone()
@@ -1168,13 +1291,10 @@ window.__ModuleLoader__.load({
 
     function createNavigator(ctx) {
       /** Jump to a page result; falls back to showing a manual hint. */
-      const jumpToPage = async (item) => {
-        const ok = await Promise.resolve(clickNavButton(item.label))
-        return ok
-      }
+      const jumpToPage = async (item) => clickNavButton(item.label)
       /** Jump to an in-page option: open its page, select its tab, flash its row. */
       const jumpToOption = async (item) => {
-        const opened = await Promise.resolve(clickNavButton(item.pageLabel ?? item.parentLabel))
+        const opened = clickNavButton(item.pageLabel ?? item.parentLabel)
         if (opened !== true) { flashOptionRow(item); return false }
         await delay(160)
         const label = item.label
@@ -1242,6 +1362,36 @@ window.__ModuleLoader__.load({
       const model = createModel(ctx)
       const navigator = createNavigator(ctx)
 
+      /** 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: protocol === 'anthropic-messages' ? 'anthropic' : 'openai',
+          baseUrl,
+          model: modelId,
+        }
+      }
+
       const SearchIcon = React.createElement('svg', {
         className: 'sss-icon',
         viewBox: '0 0 16.5 16.5',
@@ -1295,7 +1445,6 @@ window.__ModuleLoader__.load({
             React.createElement('div', { className: 'sss-wl-footer' }, [
               React.createElement('button', { className: 'sss-wl-btn sss-wl-primary', type: 'button', onClick: onClose }, t('wlStart')),
               React.createElement('button', { className: 'sss-wl-btn', type: 'button', onClick: onOpenPanel }, t('wlOpenPanel')),
-              React.createElement('button', { className: 'sss-wl-btn sss-wl-skip', type: 'button', onClick: onClose }, t('wlSkip')),
             ]),
           ]),
         ])
@@ -1326,6 +1475,8 @@ window.__ModuleLoader__.load({
       function SettingsHeaderSearch() {
         const [query, setQuery] = React.useState('')
         const [open, setOpen] = React.useState(false)
+        const [searchStyle, setSearchStyleState] = React.useState(readSearchStyle)
+        const [pageOpen, setPageOpen] = React.useState(false)
         const [showWelcome, setShowWelcome] = React.useState(() => !welcomed())
         const [tick, setTick] = React.useState(0)
         const [warming, setWarming] = React.useState(false)
@@ -1343,17 +1494,29 @@ window.__ModuleLoader__.load({
             ctx.locale.subscribe(forceTick),
           ]
           // Grow the index whenever the panel body re-renders (visits new pages).
+          // DOM mutations arrive in bursts (animations, list mounts), so the
+          // harvest pass runs at most once per throttle window (trailing edge).
           let warmAlive = true
           let warmAttempts = 0
+          let mutatorAlive = true
+          let throttleTimer = null
+          const onMutate = () => {
+            if (!mutatorAlive) return
+            if (model.runHarvest()) setTick((x) => x + 1)
+            if (!warmed && activeSectionLabel() !== '') {
+              void warmAllSections(model, () => setWarming(true), () => setWarming(false)).then((done) => {
+                if (!warmAlive) return
+                if (done) setTick((x) => x + 1)
+              })
+            }
+          }
           const observer = typeof MutationObserver === 'function'
             ? new MutationObserver(() => {
-                if (model.runHarvest()) setTick((x) => x + 1)
-                if (!warmed && activeSectionLabel() !== '') {
-                  void warmAllSections(model, () => setWarming(true), () => setWarming(false)).then((done) => {
-                    if (!warmAlive) return
-                    if (done) setTick((x) => x + 1)
-                  })
-                }
+                if (throttleTimer !== null) return
+                throttleTimer = setTimeout(() => {
+                  throttleTimer = null
+                  onMutate()
+                }, 120)
               })
             : null
           observer?.observe(document.body, { childList: true, subtree: true })
@@ -1372,9 +1535,11 @@ window.__ModuleLoader__.load({
           }, 800)
           return () => {
             warmAlive = false
+            mutatorAlive = false
             for (const off of offs) off()
             observer?.disconnect()
             clearTimeout(warm)
+            if (throttleTimer !== null) clearTimeout(throttleTimer)
           }
         }, [])
 
@@ -1384,6 +1549,12 @@ window.__ModuleLoader__.load({
           return () => window.removeEventListener(WELCOME_EVENT, onWelcome)
         }, [])
 
+        React.useEffect(() => {
+          const sync = () => setSearchStyleState(readSearchStyle())
+          window.addEventListener(SEARCH_STYLE_EVENT, sync)
+          return () => window.removeEventListener(SEARCH_STYLE_EVENT, sync)
+        }, [])
+
         React.useEffect(() => {
           const sync = () => setAiEnabled(aiSearchEnabled())
           const onConfig = () => forceTick()
@@ -1406,7 +1577,7 @@ window.__ModuleLoader__.load({
           tokens.every((tok) => tokenMatch(haystackLower, item.keys, tok) !== null)
         const kwMatch = (item, haystackLower, kw) => {
           if (/^[\x00-\x7f]+$/.test(kw)) {
-            if (new RegExp(`\\b${kw.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\b`).test(haystackLower)) return true
+            if (wordBoundaryRegex(kw).test(haystackLower)) return true
           } else if (haystackLower.includes(kw)) return true
           if (item.keys === null) return false
           const kwKeys = pinyinKeys(kw)
@@ -1498,15 +1669,24 @@ window.__ModuleLoader__.load({
         const [active, setActive] = React.useState(0)
         const popRef = React.useRef(null)
         const inputRef = React.useRef(null)
+        const pageMode = searchStyle === 'page'
+        const mixedMode = searchStyle === 'mixed'
+        const topMode = searchStyle === 'top' || mixedMode
         const activeIndex = Math.min(active, Math.max(results.length - 1, 0))
 
         React.useEffect(() => { setActive(0) }, [query])
+        React.useEffect(() => {
+          if (!pageMode || !pageOpen) return
+          const timer = setTimeout(() => inputRef.current?.focus(), 0)
+          return () => clearTimeout(timer)
+        }, [pageMode, pageOpen])
         React.useEffect(() => {
           const el = popRef.current?.querySelector('.sss-item.is-active')
           el?.scrollIntoView?.({ block: 'nearest' })
         }, [activeIndex, q])
         const pick = (item) => {
           setOpen(false)
+          setPageOpen(false)
           log('info', '打开设置', { kind: item.kind, id: item.id || item.key || '', label: String(item.label).slice(0, 60) })
           const jumped = item.kind === 'page'
             ? navigator.jumpToPage(item)
@@ -1587,6 +1767,192 @@ window.__ModuleLoader__.load({
           kindBadge(via, t('option')),
         ])
 
+        const resultsNode = none
+          ? (aiStatus === 'loading'
+              ? React.createElement('p', { className: 'sss-ai-note' }, t('aiThinking'))
+              : aiStatus === 'error'
+                ? React.createElement('p', { className: 'sss-ai-note' }, t('aiUnavailable'))
+                : (aiEnabled && !aiConfigured)
+                  ? React.createElement('p', { className: 'sss-ai-note' }, t('aiNeedConfig'))
+                  : React.createElement('p', { className: 'sss-empty' }, t('empty')))
+          : React.createElement('div', { className: 'sss-groups' }, [
+              shownPages.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
+                React.createElement('div', { className: 'sss-group-title' }, t('pages')),
+                React.createElement('ul', { className: 'sss-list' },
+                  shownPages.map((item, i) => renderPage(item, i))),
+              ]) : null,
+              shownOptions.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
+                React.createElement('div', { className: 'sss-group-title' }, t('options')),
+                React.createElement('ul', { className: 'sss-list' },
+                  shownOptions.map((item, i) => renderOption(item, shownPages.length + i))),
+              ]) : null,
+              related.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
+                React.createElement('div', { className: 'sss-group-title' }, t('guess')),
+                React.createElement('ul', { className: 'sss-list' },
+                  related.map((r, i) => r.kind === 'page'
+                    ? renderPage(r.item, shownPages.length + shownOptions.length + i, r.via)
+                    : renderOption(r.item, shownPages.length + shownOptions.length + i, r.via))),
+              ]) : null,
+            ])
+
+        const searchInput = React.createElement('input', {
+          className: pageMode ? 'sss-input sss-page-input' : 'sss-input',
+          value: query,
+          placeholder: t('placeholder'),
+          spellCheck: false,
+          ref: inputRef,
+          onKeyDown: (e) => {
+            if (e.key === 'ArrowDown') {
+              e.preventDefault()
+              if (results.length > 0) setActive(Math.min(activeIndex + 1, results.length - 1))
+            } else if (e.key === 'ArrowUp') {
+              e.preventDefault()
+              setActive(Math.max(activeIndex - 1, 0))
+            } else if (e.key === 'Enter') {
+              const item = results[activeIndex]
+              if (item) { e.preventDefault(); pick(item) }
+            } else if (e.key === 'Escape') {
+              if (pageMode || mixedMode) setPageOpen(false)
+              else setOpen(false)
+            }
+          },
+          onChange: (e) => { setQuery(e.target.value); setHint(null); setOpen(true); if (mixedMode) setPageOpen(true) },
+          onFocus: () => { setOpen(true); if (mixedMode) setPageOpen(true) },
+          onBlur: () => setOpen(false),
+        })
+        const clearButton = query !== '' ? React.createElement('button', {
+          className: 'sss-clear',
+          type: 'button',
+          onClick: () => { setQuery(''); setHint(null); setOpen(false) },
+        }, '✕') : null
+        const pageTriggerButton = React.createElement('button', {
+          className: 'sss-trigger sss-top-trigger',
+          type: 'button',
+          onClick: () => setPageOpen(true),
+        }, [SearchIcon, t('openSearch')])
+
+        if (pageMode && pageOpen) {
+          return React.createElement(React.Fragment, null, [
+            React.createElement('div', { className: 'sss-wrap' }, [
+              React.createElement('div', { className: 'sss-title' }, t('title')),
+              showWelcome
+                ? 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) },
+            }, [
+              React.createElement('div', {
+                className: 'sss-page',
+                role: 'dialog',
+                'aria-modal': true,
+                'aria-label': t('placeholder'),
+              }, [
+                React.createElement('div', { className: 'sss-page-head' }, [
+                  React.createElement('button', {
+                    className: 'sss-icon-btn',
+                    type: 'button',
+                    'aria-label': t('searchBtn'),
+                    title: t('searchBtn'),
+                    onClick: () => inputRef.current?.focus(),
+                  }, [SearchIcon]),
+                  searchInput,
+                  clearButton,
+                  React.createElement('button', {
+                    className: 'sss-page-close',
+                    type: 'button',
+                    'aria-label': 'Close',
+                    onClick: () => setPageOpen(false),
+                  }, '✕'),
+                ]),
+                React.createElement('div', { className: 'sss-page-results' }, [
+                  warming ? React.createElement('p', { className: 'sss-warm-note' }, t('warming')) : null,
+                  q !== '' ? resultsNode : null,
+                  hint !== null
+                    ? React.createElement('div', { className: 'sss-guide' }, t('jumpFail').replace('{path}', hint))
+                    : null,
+                ]),
+              ]),
+            ]),
+          ])
+        }
+
+        if (pageMode) {
+          return React.createElement(React.Fragment, null, [
+            React.createElement('div', { className: 'sss-wrap' }, [
+              React.createElement('div', { className: 'sss-title' }, t('title')),
+              showWelcome
+                ? React.createElement(Welcome, { t, onClose: dismissWelcome, onOpenPanel: openPanelFromWelcome })
+                : null,
+            ]),
+            React.createElement('div', { className: 'sss-wrap sss-top' }, [pageTriggerButton]),
+          ])
+        }
+
+        if (topMode) {
+          return React.createElement(React.Fragment, null, [
+            React.createElement('div', { className: 'sss-wrap' }, [
+              React.createElement('div', { className: 'sss-title' }, t('title')),
+              showWelcome
+                ? React.createElement(Welcome, { t, onClose: dismissWelcome, onOpenPanel: openPanelFromWelcome })
+                : null,
+            ]),
+            React.createElement('div', { className: 'sss-wrap sss-top' }, [
+              React.createElement('div', { className: 'sss-box' }, [
+                React.createElement('button', {
+                  className: 'sss-icon-btn',
+                  type: 'button',
+                  'aria-label': t('searchBtn'),
+                  title: t('searchBtn'),
+                  onClick: () => inputRef.current?.focus(),
+                }, [SearchIcon]),
+                searchInput,
+                clearButton,
+              ]),
+              warming ? React.createElement('p', { className: 'sss-warm-note' }, t('warming')) : null,
+              !mixedMode && open && q !== '' ? React.createElement('div', { className: 'sss-pop', ref: popRef }, [resultsNode]) : null,
+              !mixedMode && hint !== null
+                ? React.createElement('div', { className: 'sss-guide' }, t('jumpFail').replace('{path}', hint))
+                : null,
+            ]),
+            mixedMode && pageOpen
+              ? React.createElement('div', {
+                  className: 'sss-page-overlay',
+                  onMouseDown: (event) => { if (event.target === event.currentTarget) setPageOpen(false) },
+                }, [
+                  React.createElement('div', { className: 'sss-page' }, [
+                    React.createElement('div', { className: 'sss-page-head' }, [
+                      React.createElement('button', {
+                        className: 'sss-icon-btn',
+                        type: 'button',
+                        'aria-label': t('searchBtn'),
+                        title: t('searchBtn'),
+                        onClick: () => inputRef.current?.focus(),
+                      }, [SearchIcon]),
+                      React.createElement('span', { className: 'sss-page-input sss-mixed-title' }, t('pageSearchTitle')),
+                      clearButton,
+                      React.createElement('button', {
+                        className: 'sss-page-close',
+                        type: 'button',
+                        'aria-label': 'Close',
+                        onClick: () => setPageOpen(false),
+                      }, '✕'),
+                    ]),
+                    React.createElement('div', { className: 'sss-page-results' }, [
+                      warming ? React.createElement('p', { className: 'sss-warm-note' }, t('warming')) : null,
+                      q !== '' ? resultsNode : null,
+                      hint !== null
+                        ? React.createElement('div', { className: 'sss-guide' }, t('jumpFail').replace('{path}', hint))
+                        : null,
+                    ]),
+                  ]),
+                ])
+              : null,
+          ])
+        }
+
         return React.createElement('div', { className: 'sss-wrap' }, [
           React.createElement('div', { className: 'sss-title' }, t('title')),
           React.createElement('div', { className: 'sss-box' }, [
@@ -1597,66 +1963,11 @@ window.__ModuleLoader__.load({
               title: t('searchBtn'),
               onClick: () => inputRef.current?.focus(),
             }, [SearchIcon]),
-            React.createElement('input', {
-              className: 'sss-input',
-              value: query,
-              placeholder: t('placeholder'),
-              spellCheck: false,
-              ref: inputRef,
-              onKeyDown: (e) => {
-                if (e.key === 'ArrowDown') {
-                  e.preventDefault()
-                  if (results.length > 0) setActive(Math.min(activeIndex + 1, results.length - 1))
-                } else if (e.key === 'ArrowUp') {
-                  e.preventDefault()
-                  setActive(Math.max(activeIndex - 1, 0))
-                } else if (e.key === 'Enter') {
-                  const item = results[activeIndex]
-                  if (item) { e.preventDefault(); pick(item) }
-                } else if (e.key === 'Escape') {
-                  setOpen(false)
-                }
-              },
-              onChange: (e) => { setQuery(e.target.value); setHint(null); setOpen(true) },
-              onFocus: () => setOpen(true),
-              onBlur: () => setOpen(false),
-            }),
-            query !== '' ? React.createElement('button', {
-              className: 'sss-clear',
-              type: 'button',
-              onClick: () => { setQuery(''); setHint(null); setOpen(false) },
-            }, '✕') : null,
+            searchInput,
+            clearButton,
           ]),
           warming ? React.createElement('p', { className: 'sss-warm-note' }, t('warming')) : null,
-          open && q !== '' ? React.createElement('div', { className: 'sss-pop', ref: popRef }, [
-            none
-              ? (aiStatus === 'loading'
-                  ? React.createElement('p', { className: 'sss-ai-note' }, t('aiThinking'))
-                  : aiStatus === 'error'
-                    ? React.createElement('p', { className: 'sss-ai-note' }, t('aiUnavailable'))
-                    : (aiEnabled && !aiConfigured)
-                      ? React.createElement('p', { className: 'sss-ai-note' }, t('aiNeedConfig'))
-                      : React.createElement('p', { className: 'sss-empty' }, t('empty')))
-              : React.createElement('div', { className: 'sss-groups' }, [
-                  shownPages.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
-                    React.createElement('div', { className: 'sss-group-title' }, t('pages')),
-                    React.createElement('ul', { className: 'sss-list' },
-                      shownPages.map((item, i) => renderPage(item, i))),
-                  ]) : null,
-                  shownOptions.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
-                    React.createElement('div', { className: 'sss-group-title' }, t('options')),
-                    React.createElement('ul', { className: 'sss-list' },
-                      shownOptions.map((item, i) => renderOption(item, shownPages.length + i))),
-                  ]) : null,
-                  related.length > 0 ? React.createElement('div', { className: 'sss-group' }, [
-                    React.createElement('div', { className: 'sss-group-title' }, t('guess')),
-                    React.createElement('ul', { className: 'sss-list' },
-                      related.map((r, i) => r.kind === 'page'
-                        ? renderPage(r.item, shownPages.length + shownOptions.length + i, r.via)
-                        : renderOption(r.item, shownPages.length + shownOptions.length + i, r.via))),
-                  ]) : null,
-                ]),
-          ]) : null,
+          open && q !== '' ? React.createElement('div', { className: 'sss-pop', ref: popRef }, [resultsNode]) : null,
           hint !== null
             ? React.createElement('div', { className: 'sss-guide' }, t('jumpFail').replace('{path}', hint))
             : null,
@@ -1675,8 +1986,18 @@ window.__ModuleLoader__.load({
         return 0
       }
 
+      /** Auto-clear a transient confirmation flag (copied ✓, cleared…) after ms. */
+      const useAutoReset = (active, reset, ms = 1600) => {
+        React.useEffect(() => {
+          if (!active) return
+          const off = setTimeout(reset, ms)
+          return () => clearTimeout(off)
+        }, [active])
+      }
+
       function UpdatePanel() {
         const [open, setOpen] = React.useState(true)
+        const [searchStyle, setSearchStyleState] = React.useState(readSearchStyle)
         const [state, setState] = React.useState('idle') // idle | loading | newest | outdated | error
         const [latest, setLatest] = React.useState('')
         const [copied, setCopied] = React.useState(false)
@@ -1692,6 +2013,8 @@ window.__ModuleLoader__.load({
         const [aiSaved, setAiSaved] = React.useState(false)
         const [testState, setTestState] = React.useState('idle') // idle | loading | ok | fail
         const [testMsg, setTestMsg] = React.useState('')
+        const [dshImportState, setDshImportState] = React.useState('idle') // idle | loading | ok | fail
+        const [dshImportMsg, setDshImportMsg] = React.useState('')
         const [, setLogVersion] = React.useState(0)
         const [logCopied, setLogCopied] = React.useState(false)
         const [logCopyFail, setLogCopyFail] = React.useState(false)
@@ -1707,16 +2030,13 @@ window.__ModuleLoader__.load({
         }, [])
 
         React.useEffect(() => {
-          if (!copied) return
-          const off = setTimeout(() => { setCopied(false); setCopyFailed(false) }, 1600)
-          return () => clearTimeout(off)
-        }, [copied])
+          const sync = () => setSearchStyleState(readSearchStyle())
+          window.addEventListener(SEARCH_STYLE_EVENT, sync)
+          return () => window.removeEventListener(SEARCH_STYLE_EVENT, sync)
+        }, [])
 
-        React.useEffect(() => {
-          if (!aiSaved) return
-          const off = setTimeout(() => setAiSaved(false), 1600)
-          return () => clearTimeout(off)
-        }, [aiSaved])
+        useAutoReset(copied, () => { setCopied(false); setCopyFailed(false) })
+        useAutoReset(aiSaved, () => setAiSaved(false))
 
         React.useEffect(() => {
           const sync = () => setLogVersion((v) => v + 1)
@@ -1724,23 +2044,9 @@ window.__ModuleLoader__.load({
           return () => window.removeEventListener(LOG_EVENT, sync)
         }, [])
 
-        React.useEffect(() => {
-          if (!logCopied) return
-          const off = setTimeout(() => setLogCopied(false), 1600)
-          return () => clearTimeout(off)
-        }, [logCopied])
-
-        React.useEffect(() => {
-          if (!logCleared) return
-          const off = setTimeout(() => setLogCleared(false), 1600)
-          return () => clearTimeout(off)
-        }, [logCleared])
-
-        React.useEffect(() => {
-          if (!logExportFail) return
-          const off = setTimeout(() => setLogExportFail(false), 1600)
-          return () => clearTimeout(off)
-        }, [logExportFail])
+        useAutoReset(logCopied, () => setLogCopied(false))
+        useAutoReset(logCleared, () => setLogCleared(false))
+        useAutoReset(logExportFail, () => setLogExportFail(false))
 
         const saveAi = () => {
           setAiConfig({
@@ -1753,6 +2059,33 @@ window.__ModuleLoader__.load({
           log('info', '保存 AI 配置', { provider, model: model.trim() })
         }
 
+        const importDshModelConfig = async () => {
+          if (dshImportState === 'loading') return
+          setDshImportState('loading')
+          setDshImportMsg('')
+          try {
+            const imported = await readDshModelConfig()
+            if (!imported) throw new Error(t('aiDshImportEmpty'))
+            setAiConfig({ ...imported, apiKey })
+            setProvider(imported.provider)
+            setBaseUrl(imported.baseUrl)
+            setModel(imported.model)
+            setDshImportState('ok')
+            setDshImportMsg(t('aiDshImportOk'))
+            log('info', '导入 DSH 模型配置', { provider: imported.provider, model: imported.model })
+          } catch (error) {
+            const reason = String(error?.message ?? error).slice(0, 160)
+            setDshImportState('fail')
+            setDshImportMsg(t('aiDshImportFail').replace('{reason}', reason))
+            log('error', '导入 DSH 模型配置失败', { detail: reason })
+          }
+        }
+
+        const updateSearchStyle = (style) => {
+          setStoredSearchStyle(style)
+          setSearchStyleState(style)
+        }
+
         const requestClearAi = () => setConfirmClearAi(true)
         const cancelClearAi = () => setConfirmClearAi(false)
         const clearAiConfig = () => {
@@ -1914,6 +2247,34 @@ window.__ModuleLoader__.load({
             React.createElement('span', { className: 'sss-vr-chevron' + (open ? ' sss-vr-chevron-open' : '') }, '▾'),
           ]),
           open ? React.createElement('div', { className: 'sss-vr-body' }, [
+            React.createElement('div', { className: 'sss-vr-field' }, [
+              React.createElement('div', { className: 'sss-vr-field-head' }, [
+                React.createElement('span', { className: 'sss-vr-label' }, t('styleTitle')),
+              ]),
+              React.createElement('p', { className: 'sss-vr-hint' }, t('styleHint')),
+              React.createElement('div', { className: 'sss-vr-segment' }, [
+                React.createElement('button', {
+                  className: 'sss-vr-seg' + (searchStyle === 'sidebar' ? ' is-active' : ''),
+                  type: 'button',
+                  onClick: () => updateSearchStyle('sidebar'),
+                }, t('styleClassic')),
+                React.createElement('button', {
+                  className: 'sss-vr-seg' + (searchStyle === 'top' ? ' is-active' : ''),
+                  type: 'button',
+                  onClick: () => updateSearchStyle('top'),
+                }, t('styleTop')),
+                React.createElement('button', {
+                  className: 'sss-vr-seg' + (searchStyle === 'page' ? ' is-active' : ''),
+                  type: 'button',
+                  onClick: () => updateSearchStyle('page'),
+                }, t('stylePage')),
+                React.createElement('button', {
+                  className: 'sss-vr-seg' + (searchStyle === 'mixed' ? ' is-active' : ''),
+                  type: 'button',
+                  onClick: () => updateSearchStyle('mixed'),
+                }, t('styleMixed')),
+              ]),
+            ]),
             React.createElement('div', { className: 'sss-vr-field' }, [
               React.createElement('div', { className: 'sss-vr-field-head' }, [
                 React.createElement('span', { className: 'sss-vr-label' }, t('aiSearch')),
@@ -2001,8 +2362,13 @@ window.__ModuleLoader__.load({
                   aiSaved ? t('aiConfigSaved') : t('aiConfigSave')),
                 React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: testState === 'loading', onClick: () => { void testService() } },
                   testState === 'loading' ? t('aiTesting') : t('aiTest')),
+                React.createElement('button', { className: 'sss-vr-btn', type: 'button', disabled: dshImportState === 'loading', onClick: () => { void importDshModelConfig() } },
+                  dshImportState === 'loading' ? t('aiDshImporting') : t('aiDshImport')),
                 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)
+                : null,
               testMsg
                 ? React.createElement('p', { className: 'sss-vr-note', style: { color: testState === 'ok' ? '#1e8e3e' : 'var(--dsw-alias-label-danger)' } }, testMsg)
                 : null,
@@ -2038,7 +2404,6 @@ 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('button', { className: 'sss-vr-btn', type: 'button', onClick: () => openWelcome() }, t('wlReopen')),
               ]),
               notesState === 'loaded'
                 ? React.createElement('div', { className: 'sss-vr-notes' }, notesBody)
@@ -2105,7 +2470,7 @@ window.__ModuleLoader__.load({
     }
 
     exports.apply = apply
-    exports.inject = ['slots', 'locale']
+    exports.inject = ['slots', 'locale', 'connection']
     return module.exports
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@objectivex666/dsh-settings-search",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "DSH settings panel search plugin – instantly filter setting sections and general items with navigation guidance. Installable via `dsh plugin add`.",
   "keywords": [
     "dsh",
@@ -44,6 +44,7 @@
     "client": {
       "platform": "web",
       "inject": [
+        "@deepseek-ai/dsh-client-connection",
         "@deepseek-ai/dsh-client-runtime",
         "@deepseek-ai/dsh-client-locale",
         "@deepseek-ai/dsh-client-ui-settings"

package/scripts/release.mjs

@@ -29,6 +29,7 @@ function arg(name) {
 const version = process.argv.includes('--version') ? arg('--version') : undefined
 const publish = process.argv.includes('--publish')
 const dryRun = process.argv.includes('--dry-run')
+const VERSION_RE = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)$/
 
 const pkg = JSON.parse(readFileSync(join(ROOT, 'package.json'), 'utf8'))
 const target = version ?? pkg.version
@@ -36,6 +37,10 @@ if (pkg.version !== target) {
   console.error(`version mismatch: package.json=${pkg.version}, requested=${target}`)
   process.exit(1)
 }
+if (!VERSION_RE.test(target)) {
+  console.error(`invalid semantic version: ${target}`)
+  process.exit(1)
+}
 const tag = `v${target}`
 const repo = pkg.repository?.url?.replace(/^git\+/, '').replace(/\.git$/, '') ?? 'https://github.com/objectivex666/dsh-settings-search'