dsh-soul 0.6.2 → 0.7.0

package/client/index.mjs

@@ -3,11 +3,12 @@
 // 在设置页面添加「个性化」栏目：
 //   - 启用/禁用个性化设置
 //   - 「关于你」（昵称/职业/介绍）、回复风格和语调、特质、输出语言、自定义指令
-//   - 人设预设：保存当前为预设、一键使用（★ 标记当前匹配项）、删除
+//   - 人设预设：6 个内置人设（随插件提供、不可删除，行尾标「内置」）+ 保存当前为预设、一键使用（★ 标记当前匹配项）、删除
 //   - Agent 工具：set_persona 确认模式开关
 //   - 输入框光轨：Agent 回复中时输入框边框的流光动效（颜色 / 速度 / 粗细 + 实时示例）
 //   - dirty 检测（无改动禁用保存）、统一 toast 提示
-//   - 查看当前生效提示词（只读）与字符数
+//   - 提示词预览（只读）：无未保存编辑时显示「当前生效提示词」，有编辑时改为编译草稿
+//     —— 展示保存后真正会注入的内容，并在保存/重置/应用预设后自动刷新
 //
 // 光轨另注册到 conversation.input.overlay 槽位（输入框卡片内部），
 // 运行时按会话 running 状态在卡片上挂载/隐藏 SVG 环，见 SoulTrail。
@@ -47,7 +48,7 @@ window.__ModuleLoader__.load({
     // -------------------------------------------------------------------------
 
     const NS = 'soul'
-    const VERSION = '0.6.2'
+    const VERSION = '0.7.0'
     const INITIAL = {
       enabled: true,
       nickname: '',
@@ -56,6 +57,8 @@ window.__ModuleLoader__.load({
       style: 'professional',
       headingLists: 'default',
       emoji: 'default',
+      tables: 'default',
+      replyLength: 'normal',
       language: 'zh',
       customInstructions: '',
       // set_persona 确认模式（v0.5.0）
@@ -346,6 +349,8 @@ window.__ModuleLoader__.load({
         s.style = config.style
         s.headingLists = config.headingLists || 'default'
         s.emoji = config.emoji || 'default'
+        s.tables = config.tables || 'default'
+        s.replyLength = config.replyLength || 'normal'
         s.language = config.language || 'zh'
         s.customInstructions = config.customInstructions
         s.requireToolConfirmation = config.requireToolConfirmation === true
@@ -462,6 +467,14 @@ window.__ModuleLoader__.load({
         return payload
       }
 
+      // 预览「未保存的编辑」编译出的提示词：POST 草稿字段，服务端以已保存配置为底
+      // 覆盖后编译。不落盘、不注入 —— 返回的 invalid 列出未通过校验、因而未计入
+      // 预览的字段名，供界面如实提示，避免用户以为改动已生效。
+      async previewPrompt(draft) {
+        const payload = await this.postJSON('/api/soul/prompt/preview', draft)
+        return payload
+      }
+
       async dispose() {
         this.disposed = true
       }
@@ -528,7 +541,8 @@ window.__ModuleLoader__.load({
       '.soul-persona-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--dsw-alias-border-l2);font-size:12px}',
       '.soul-persona-name{color:var(--dsw-alias-label-primary);font-weight:500;white-space:nowrap}',
       '.soul-persona-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary)}',
-      '.soul-persona-actions{display:flex;gap:10px;white-space:nowrap}',
+      '.soul-persona-actions{display:flex;gap:10px;white-space:nowrap;align-items:center}',
+      '.soul-persona-badge{font-size:11px;line-height:16px;padding:0 6px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-secondary);white-space:nowrap}',
       '.soul-persona-save{display:flex;gap:8px}',
       '.soul-persona-save input[type=text]{flex:1}',
       '.soul-prompt-link{background:none;border:none;padding:0;font-size:12px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-decoration:underline}',
@@ -632,6 +646,10 @@ window.__ModuleLoader__.load({
       'hint.headingLists': '在回复风格和语调的基础上选择额外的自定义特质项。控制回答中标题和列表的使用程度。',
       'field.emoji': '表情符号',
       'hint.emoji': '在回复风格和语调的基础上选择额外的自定义特质项。控制表情符号的使用程度。',
+      'field.tables': '表格',
+      'hint.tables': '在回复风格和语调的基础上选择额外的自定义特质项。控制回答中表格的使用程度。',
+      'field.replyLength': '回复长度',
+      'hint.replyLength': '控制回答的篇幅。选「适中」时不额外约束，由 Agent 自行判断。',
       'field.language': '输出语言',
       'hint.language': '设置 Agent 回复你使用的语言，同时影响 /soul 命令的输出语言。',
       'field.instructions': '自定义指令',
@@ -644,6 +662,8 @@ window.__ModuleLoader__.load({
       'personas.delete': '删除',
       'personas.confirmDelete': '确定删除预设「{name}」？',
       'personas.empty': '暂无人设预设，保存当前配置后可一键切换',
+      'personas.builtin': '内置',
+      'personas.hint': '内置预设随插件提供，不可删除；保存当前配置可创建自己的预设',
       'style.professional': '专业严谨',
       'style.casual': '轻松自然',
       'style.humorous': '幽默风趣',
@@ -655,6 +675,23 @@ window.__ModuleLoader__.load({
       'trait.emoji.default': '默认',
       'trait.emoji.more': '增强（使用较多表情符号）',
       'trait.emoji.less': '减弱（尽量减少使用表情符号）',
+      'trait.tables.default': '默认',
+      'trait.tables.more': '增强（优先用表格呈现对比与多字段信息）',
+      'trait.tables.less': '减弱（避免使用表格，改用列表或段落）',
+      'trait.replyLength.concise': '简洁（只讲要点，不展开）',
+      'trait.replyLength.normal': '适中（不额外约束）',
+      'trait.replyLength.detailed': '详尽（充分展开背景与推理）',
+      // 预设行摘要用的短标签（trait.* 的完整说明太长，一行放不下）
+      'meta.replyLength.concise': '简洁',
+      'meta.replyLength.detailed': '详尽',
+      'meta.headingLists.more': '多列表',
+      'meta.headingLists.less': '少列表',
+      'meta.emoji.more': '多表情',
+      'meta.emoji.less': '少表情',
+      'meta.tables.more': '多用表格',
+      'meta.tables.less': '少用表格',
+      'meta.language.zh': '中文',
+      'meta.language.en': '英文',
       'group.tool': 'Agent 工具',
       'field.toolConfirm': '人设变更需确认',
       'hint.toolConfirm': '开启后，Agent 通过 set_persona 工具做出的修改不会立即生效，需在会话中使用 /soul confirm 确认或 /soul reject 拒绝。',
@@ -679,6 +716,9 @@ window.__ModuleLoader__.load({
       'prompt.loading': '提示词加载中...',
       'prompt.empty': '（个性化已禁用，提示词为空）',
       'prompt.chars': '当前字符数：{n}',
+      'prompt.titleDraft': '保存后将生效的提示词',
+      'prompt.summaryDraft': '{n} 字符 · 未保存',
+      'prompt.invalid': '以下字段未通过校验，未计入本次预览：{fields}',
       'toast.saveFailed': '❌ 保存失败，请检查配置',
       'trail.title': '输入框光轨',
       'trail.enable': '启用输入框光轨',
@@ -723,6 +763,10 @@ window.__ModuleLoader__.load({
       'hint.headingLists': 'An extra trait layered on top of style & tone. Controls how much answers rely on headings and lists.',
       'field.emoji': 'Emoji',
       'hint.emoji': 'An extra trait layered on top of style & tone. Controls how many emojis answers use.',
+      'field.tables': 'Tables',
+      'hint.tables': 'An extra trait layered on top of style & tone. Controls how much answers rely on tables.',
+      'field.replyLength': 'Reply length',
+      'hint.replyLength': 'Controls how long answers are. "Balanced" adds no constraint and lets the agent decide.',
       'field.language': 'Output language',
       'hint.language': 'Sets the language the agent replies in; also affects the /soul command output.',
       'field.instructions': 'Custom instructions',
@@ -735,6 +779,8 @@ window.__ModuleLoader__.load({
       'personas.delete': 'Delete',
       'personas.confirmDelete': 'Delete persona "{name}"?',
       'personas.empty': 'No personas yet — save the current config to switch with one click',
+      'personas.builtin': 'Built-in',
+      'personas.hint': 'Built-in personas ship with the plugin and cannot be deleted; save the current config to create your own',
       'style.professional': 'Professional',
       'style.casual': 'Casual',
       'style.humorous': 'Humorous',
@@ -746,6 +792,23 @@ window.__ModuleLoader__.load({
       'trait.emoji.default': 'Default',
       'trait.emoji.more': 'More (frequent emoji usage)',
       'trait.emoji.less': 'Less (minimal emoji usage)',
+      'trait.tables.default': 'Default',
+      'trait.tables.more': 'More (prefer tables for comparisons and multi-field data)',
+      'trait.tables.less': 'Less (avoid tables; use lists or paragraphs)',
+      'trait.replyLength.concise': 'Concise (key points only)',
+      'trait.replyLength.normal': 'Balanced (no extra constraint)',
+      'trait.replyLength.detailed': 'Detailed (expand background and reasoning)',
+      // Short labels for the persona row summary (trait.* full text is too long)
+      'meta.replyLength.concise': 'Concise',
+      'meta.replyLength.detailed': 'Detailed',
+      'meta.headingLists.more': 'More lists',
+      'meta.headingLists.less': 'Fewer lists',
+      'meta.emoji.more': 'More emoji',
+      'meta.emoji.less': 'Less emoji',
+      'meta.tables.more': 'More tables',
+      'meta.tables.less': 'Fewer tables',
+      'meta.language.zh': 'Chinese',
+      'meta.language.en': 'English',
       'group.tool': 'Agent tools',
       'field.toolConfirm': 'Require confirmation for persona changes',
       'hint.toolConfirm': 'When enabled, changes made by the agent through the set_persona tool do not apply immediately — confirm with /soul confirm or reject with /soul reject in the conversation.',
@@ -770,6 +833,9 @@ window.__ModuleLoader__.load({
       'prompt.loading': 'Loading prompt...',
       'prompt.empty': '(personalization disabled — the prompt is empty)',
       'prompt.chars': 'Current character count: {n}',
+      'prompt.titleDraft': 'Prompt after saving',
+      'prompt.summaryDraft': '{n} chars · unsaved',
+      'prompt.invalid': 'These fields failed validation and are excluded from this preview: {fields}',
       'toast.saveFailed': '❌ Save failed — please check the config',
       'trail.title': 'Composer light trail',
       'trail.enable': 'Enable composer light trail',
@@ -811,6 +877,28 @@ window.__ModuleLoader__.load({
     // 选项取值（label 走词典；取值与 lib/config.mjs 的合法值保持一致）
     const STYLE_VALUES = ['professional', 'casual', 'humorous', 'roast', 'efficient']
     const TRAIT_VALUES = ['default', 'more', 'less']
+    // 回复长度偏好（与宿主 lib/config.mjs 的 REPLY_LENGTH_VALUES 对齐）
+    const REPLY_LENGTH_VALUES = ['concise', 'normal', 'detailed']
+    // 输出语言（与宿主 lib/config.mjs 的 LANGUAGE_VALUES 对齐）
+    const LANGUAGE_VALUES = ['zh', 'en']
+
+    // 预设行摘要只显示「与默认值不同」的字段——若把 10 个字段全列出来，每行都是
+    // 一长串「默认 / 适中」，反而看不出两个预设到底差在哪。默认值须与宿主
+    // lib/config.mjs 的 DEFAULT_CONFIG 保持一致。
+    const META_FIELD_VALUES = {
+      replyLength: REPLY_LENGTH_VALUES,
+      headingLists: TRAIT_VALUES,
+      emoji: TRAIT_VALUES,
+      tables: TRAIT_VALUES,
+      language: LANGUAGE_VALUES
+    }
+    const META_FIELD_DEFAULTS = {
+      replyLength: 'normal',
+      headingLists: 'default',
+      emoji: 'default',
+      tables: 'default',
+      language: 'zh'
+    }
     // 输出语言选项（两种 UI 语言下均自解释，不进词典）
     const LANGUAGE_OPTIONS = [
       { value: 'zh', label: '中文' },
@@ -818,7 +906,12 @@ window.__ModuleLoader__.load({
     ]
 
     // 表单字段与 store 字段的一一对应（dirty 检测与保存载荷共用）
-    const FIELD_KEYS = ['enabled', 'nickname', 'occupation', 'bio', 'style', 'headingLists', 'emoji', 'language', 'customInstructions', 'requireToolConfirmation', 'trailEnabled', 'trailColor', 'trailSpeed', 'trailWidth']
+    const FIELD_KEYS = ['enabled', 'nickname', 'occupation', 'bio', 'style', 'headingLists', 'emoji', 'tables', 'replyLength', 'language', 'customInstructions', 'requireToolConfirmation', 'trailEnabled', 'trailColor', 'trailSpeed', 'trailWidth']
+
+    // 其中真正参与 compilePrompt 的字段子集。
+    // 提示词预览只依赖它们：改光轨颜色 / 粗细、切换 set_persona 确认模式都不会改变
+    // 编译结果，不该因此重新请求，也不该让预览被标成「未保存」。
+    const PROMPT_FIELD_KEYS = ['enabled', 'nickname', 'occupation', 'bio', 'style', 'headingLists', 'emoji', 'tables', 'replyLength', 'language', 'customInstructions']
 
     // 提示词小图标：hover 展示说明文字
     function SoulHint(props) {
@@ -894,7 +987,7 @@ window.__ModuleLoader__.load({
       // 渲染器按槽位 locale 命名空间注入 t（随语言切换更新）；缺失时回退中文
       const t = typeof props.t === 'function' ? props.t : FALLBACK_T
       const state = useSoulController((state) => state)
-      const { enabled, nickname, occupation, bio, style, headingLists, emoji, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth, personas, activePersona, loading, saving, error } = state
+      const { enabled, nickname, occupation, bio, style, headingLists, emoji, tables, replyLength, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth, personas, activePersona, loading, saving, error } = state
 
       const [localEnabled, setLocalEnabled] = React.useState(enabled)
       const [localNickname, setLocalNickname] = React.useState(nickname || '')
@@ -903,6 +996,8 @@ window.__ModuleLoader__.load({
       const [localStyle, setLocalStyle] = React.useState(style)
       const [localHeadingLists, setLocalHeadingLists] = React.useState(headingLists)
       const [localEmoji, setLocalEmoji] = React.useState(emoji)
+      const [localTables, setLocalTables] = React.useState(tables)
+      const [localReplyLength, setLocalReplyLength] = React.useState(replyLength)
       const [localLanguage, setLocalLanguage] = React.useState(language || 'zh')
       const [localInstructions, setLocalInstructions] = React.useState(customInstructions)
       const [localToolConfirm, setLocalToolConfirm] = React.useState(requireToolConfirmation === true)
@@ -916,6 +1011,10 @@ window.__ModuleLoader__.load({
       const [promptText, setPromptText] = React.useState('')
       const [promptLoading, setPromptLoading] = React.useState(false)
       const [promptError, setPromptError] = React.useState(null)
+      // 当前预览的是「未保存的编辑」编译结果（true）还是已生效的提示词（false）
+      const [promptIsDraft, setPromptIsDraft] = React.useState(false)
+      // 未通过校验、因而未计入预览的字段名（服务端返回 invalid）
+      const [promptInvalid, setPromptInvalid] = React.useState([])
       const [openSection, setOpenSection] = React.useState(() => {
         try {
           return globalThis.localStorage?.getItem('dsh-soul:open-section') || 'about'
@@ -942,6 +1041,8 @@ window.__ModuleLoader__.load({
         setLocalStyle(style)
         setLocalHeadingLists(headingLists)
         setLocalEmoji(emoji)
+        setLocalTables(tables)
+        setLocalReplyLength(replyLength)
         setLocalLanguage(language || 'zh')
         setLocalInstructions(customInstructions)
         setLocalToolConfirm(requireToolConfirmation === true)
@@ -949,7 +1050,7 @@ window.__ModuleLoader__.load({
         setLocalTrailColor(trailColor || TRAIL_COLOR_FALLBACK)
         setLocalTrailSpeed(trailSpeed || 'slow')
         setLocalTrailWidth(trailWidth || 'thin')
-      }, [enabled, nickname, occupation, bio, style, headingLists, emoji, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth])
+      }, [enabled, nickname, occupation, bio, style, headingLists, emoji, tables, replyLength, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth])
 
       // toast 自动消失
       React.useEffect(() => {
@@ -960,16 +1061,36 @@ window.__ModuleLoader__.load({
       }, [toast])
 
       // dirty 检测：本地表单与已保存配置逐字段比较
-      const savedMap = { enabled, nickname, occupation, bio, style, headingLists, emoji, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth }
-      const localMap = { enabled: localEnabled, nickname: localNickname, occupation: localOccupation, bio: localBio, style: localStyle, headingLists: localHeadingLists, emoji: localEmoji, language: localLanguage, customInstructions: localInstructions, requireToolConfirmation: localToolConfirm, trailEnabled: localTrailEnabled, trailColor: localTrailColor, trailSpeed: localTrailSpeed, trailWidth: localTrailWidth }
+      const savedMap = { enabled, nickname, occupation, bio, style, headingLists, emoji, tables, replyLength, language, customInstructions, requireToolConfirmation, trailEnabled, trailColor, trailSpeed, trailWidth }
+      const localMap = { enabled: localEnabled, nickname: localNickname, occupation: localOccupation, bio: localBio, style: localStyle, headingLists: localHeadingLists, emoji: localEmoji, tables: localTables, replyLength: localReplyLength, language: localLanguage, customInstructions: localInstructions, requireToolConfirmation: localToolConfirm, trailEnabled: localTrailEnabled, trailColor: localTrailColor, trailSpeed: localTrailSpeed, trailWidth: localTrailWidth }
       const dirty = FIELD_KEYS.some((key) => savedMap[key] !== localMap[key])
 
+      // 预览是否反映未保存的编辑：只看参与编译的字段（见 PROMPT_FIELD_KEYS）。
+      // 这里用 localMap/savedMap 逐字段比，而不是复用上面的 dirty —— 改光轨颜色会让
+      // dirty 为真，但那不影响提示词，此时预览仍是「已生效内容」，标成草稿反而误导。
+      const promptDirty = PROMPT_FIELD_KEYS.some((key) => savedMap[key] !== localMap[key])
+      // 草稿指纹：仅在影响编译的字段真的变化时才重新预览
+      const promptDraftKey = PROMPT_FIELD_KEYS.map((key) => String(localMap[key])).join('\u0000')
+
+      // 只把参与编译的字段发给预览端点：光轨等字段的校验失败不该出现在提示词预览里
+      const promptDraft = () => {
+        const out = {}
+        for (const key of PROMPT_FIELD_KEYS) out[key] = localMap[key]
+        return out
+      }
+
+      // 有未保存编辑时预览草稿（＝保存后真正会注入的内容），否则预览已生效提示词
       const loadPrompt = async () => {
+        const asDraft = promptDirty
         setPromptLoading(true)
         setPromptError(null)
         try {
-          const payload = await controller.fetchPrompt()
+          const payload = asDraft
+            ? await controller.previewPrompt(promptDraft())
+            : await controller.fetchPrompt()
           setPromptText(payload.prompt || '')
+          setPromptInvalid(Array.isArray(payload.invalid) ? payload.invalid : [])
+          setPromptIsDraft(asDraft)
         } catch (err) {
           setPromptError(messageOf(err))
         } finally {
@@ -977,11 +1098,8 @@ window.__ModuleLoader__.load({
         }
       }
 
-      const togglePrompt = async () => {
-        const next = !showPrompt
-        setShowPrompt(next)
-        if (next) await loadPrompt()
-      }
+      // 展开/收起只切状态；编译由下方 effect 统一驱动（唯一入口，避免重复请求）
+      const togglePrompt = () => setShowPrompt((open) => !open)
 
       const loadPersonas = async () => {
         try {
@@ -1017,6 +1135,28 @@ window.__ModuleLoader__.load({
         }
       }, [controller, dirty, saving])
 
+      // 提示词预览的编译入口（唯一）。
+      // 展开时立即编译一次；此后只要影响编译的字段或脏状态变化，停止 400ms 再编译 —
+      // 边改边看保存后真正会注入的内容。
+      // promptSettled 用来区分「刚展开」与「展开后字段又变了」：否则展开这一动作自身
+      // 会先立即编译一次、再被防抖重复编译一次。
+      // 依赖里刻意不放 loadPrompt（组件体内每次渲染都会重建函数，放进去会无限循环）；
+      // 两个依赖项任一变化都会让 effect 带着最新闭包重跑，闭包不会过期。
+      const promptSettled = React.useRef(false)
+      React.useEffect(() => {
+        if (!showPrompt) {
+          promptSettled.current = false
+          return
+        }
+        if (!promptSettled.current) {
+          promptSettled.current = true
+          void loadPrompt()
+          return
+        }
+        const timer = setTimeout(() => { void loadPrompt() }, 400)
+        return () => clearTimeout(timer)
+      }, [showPrompt, promptDraftKey, promptDirty])
+
       const handleSave = async () => {
         const payload = await controller.saveConfig(localMap)
         // saveConfig 失败时内部已记录 error 并返回 undefined：给出失败提示，而非误报「无变化」
@@ -1028,13 +1168,15 @@ window.__ModuleLoader__.load({
           text: Array.isArray(payload.changed) && payload.changed.length > 0 ? t('toast.saved') : t('toast.noChanges'),
           kind: 'success'
         })
-        if (showPrompt) await loadPrompt()
+        // 预览刷新交由下方 effect 统一驱动（保存 / 重置 / 应用预设都会改变
+        // promptDraftKey 或 promptDirty，effect 自会带上最新闭包重编译）
       }
 
       const handleReset = async () => {
         await controller.resetConfig()
         setToast({ text: t('toast.reset'), kind: 'success' })
-        if (showPrompt) await loadPrompt()
+        // 预览刷新交由下方 effect 统一驱动（保存 / 重置 / 应用预设都会改变
+        // promptDraftKey 或 promptDirty，effect 自会带上最新闭包重编译）
       }
 
       const handleSavePersona = async () => {
@@ -1055,7 +1197,8 @@ window.__ModuleLoader__.load({
           const payload = await controller.usePersona(name)
           await loadPersonas()
           setToast({ text: payload && payload.unchanged ? t('toast.personaUnchanged') : t('toast.personaUsed'), kind: 'success' })
-          if (showPrompt) await loadPrompt()
+          // 预览刷新交由下方 effect 统一驱动（保存 / 重置 / 应用预设都会改变
+        // promptDraftKey 或 promptDirty，effect 自会带上最新闭包重编译）
         } catch (err) {
           setToast({ text: messageOf(err), kind: 'error' })
         }
@@ -1075,24 +1218,44 @@ window.__ModuleLoader__.load({
       const styleOptions = STYLE_VALUES.map((value) => ({ value, label: t(`style.${value}`) }))
       const headingListsOptions = TRAIT_VALUES.map((value) => ({ value, label: t(`trait.headingLists.${value}`) }))
       const emojiOptions = TRAIT_VALUES.map((value) => ({ value, label: t(`trait.emoji.${value}`) }))
-      const personaNames = personas ? Object.keys(personas).sort() : null
+      const tablesOptions = TRAIT_VALUES.map((value) => ({ value, label: t(`trait.tables.${value}`) }))
+      const replyLengthOptions = REPLY_LENGTH_VALUES.map((value) => ({ value, label: t(`trait.replyLength.${value}`) }))
+      // 内置预设排在前面（沿用宿主返回的定义顺序，便于发现），用户预设紧随其后。
+      // Array.prototype.sort 自 ES2019 起保证稳定，同类项因此维持原有插入顺序。
+      const personaNames = personas
+        ? Object.keys(personas).sort((a, b) => {
+          const aBuiltin = personas[a] && personas[a].builtin ? 0 : 1
+          const bBuiltin = personas[b] && personas[b].builtin ? 0 : 1
+          return aBuiltin - bBuiltin
+        })
+        : null
       const aboutFilled = [localNickname, localOccupation, localBio].filter(Boolean).length
       const aboutSummary = aboutFilled > 0 ? `${aboutFilled}/3 ${t('accordion.filled')}` : t('accordion.empty')
       const traitsSummary = t(`style.${localStyle}`)
       const personasSummary = personas === null ? t('status.loading') : `${Object.keys(personas).length} ${t('accordion.personas')}`
       const toolSummary = localToolConfirm ? t('accordion.on') : t('accordion.off')
       const promptSummary = promptText.length > 0
-        ? t('prompt.summaryChars', { n: String(promptText.length) })
+        ? t(promptIsDraft ? 'prompt.summaryDraft' : 'prompt.summaryChars', { n: String(promptText.length) })
         : (enabled ? t('prompt.summaryEnabled') : t('prompt.summaryDisabled'))
       const toggleSection = (section) => () => {
         setOpenSection(current => current === section ? null : section)
       }
 
+      // 预设行摘要：风格 + 昵称 + 所有「偏离默认值」的维度。
+      // 内置预设刻意不声明昵称等用户自有信息，所以它们只显示风格与维度差异——
+      // 这恰好也是比较两个预设时最需要看到的信息。
       const personaRowMeta = (entry) => {
+        const row = entry || {}
         const parts = []
-        if (entry && STYLE_VALUES.includes(entry.style)) parts.push(t(`style.${entry.style}`))
-        else if (entry && entry.style) parts.push(entry.style)
-        if (entry && entry.nickname) parts.push(entry.nickname)
+        if (STYLE_VALUES.includes(row.style)) parts.push(t(`style.${row.style}`))
+        else if (row.style) parts.push(row.style)
+        if (row.nickname) parts.push(row.nickname)
+        for (const [field, allowed] of Object.entries(META_FIELD_VALUES)) {
+          const value = row[field]
+          if (!value || value === META_FIELD_DEFAULTS[field]) continue
+          if (!allowed.includes(value)) continue
+          parts.push(t(`meta.${field}.${value}`))
+        }
         return parts.join(' · ')
       }
 
@@ -1197,6 +1360,32 @@ window.__ModuleLoader__.load({
                 ...emojiOptions.map(opt => e('option', { key: opt.value, value: opt.value }, opt.label))
               )
             ),
+            e('div', { className: 'soul-field' },
+              e('label', { htmlFor: 'soul-tables' },
+                t('field.tables'),
+                e(SoulHint, { text: t('hint.tables') })
+              ),
+              e('select', {
+                id: 'soul-tables',
+                value: localTables,
+                onChange: (ev) => setLocalTables(ev.target.value)
+              },
+                ...tablesOptions.map(opt => e('option', { key: opt.value, value: opt.value }, opt.label))
+              )
+            ),
+            e('div', { className: 'soul-field' },
+              e('label', { htmlFor: 'soul-replyLength' },
+                t('field.replyLength'),
+                e(SoulHint, { text: t('hint.replyLength') })
+              ),
+              e('select', {
+                id: 'soul-replyLength',
+                value: localReplyLength,
+                onChange: (ev) => setLocalReplyLength(ev.target.value)
+              },
+                ...replyLengthOptions.map(opt => e('option', { key: opt.value, value: opt.value }, opt.label))
+              )
+            ),
             e('div', { className: 'soul-field' },
               e('label', { htmlFor: 'soul-language' },
                 t('field.language'),
@@ -1239,12 +1428,16 @@ window.__ModuleLoader__.load({
                   : e(Fragment, null,
                     ...personaNames.map((name) => {
                       const entry = personas[name] || {}
+                      // 内置预设不提供删除（后端也会拒绝），在 actions 区原删除按钮的
+                      // 位置显示「内置」标记，行宽因此不会跳动。
+                      const builtin = !!entry.builtin
                       return e('div', { className: 'soul-persona-row', key: name },
                         e('span', { className: 'soul-persona-name' }, name === activePersona ? `★ ${name}` : name),
                         e('span', { className: 'soul-persona-meta' }, personaRowMeta(entry)),
                         e('span', { className: 'soul-persona-actions' },
+                          builtin && e('span', { className: 'soul-persona-badge' }, t('personas.builtin')),
                           e('button', { type: 'button', className: 'soul-prompt-link', onClick: () => handleUsePersona(name) }, t('personas.use')),
-                          e('button', { type: 'button', className: 'soul-prompt-link soul-persona-danger', onClick: () => handleDeletePersona(name) }, t('personas.delete'))
+                          !builtin && e('button', { type: 'button', className: 'soul-prompt-link soul-persona-danger', onClick: () => handleDeletePersona(name) }, t('personas.delete'))
                         )
                       )
                     })
@@ -1262,7 +1455,8 @@ window.__ModuleLoader__.load({
                 onClick: handleSavePersona,
                 disabled: saving || !personaName.trim()
               }, t('personas.save'))
-            )
+            ),
+            e('div', { className: 'soul-status' }, t('personas.hint'))
           ),
 
           e(SoulAccordion, {
@@ -1363,7 +1557,7 @@ window.__ModuleLoader__.load({
 
         e(SoulAccordion, {
           id: 'soul-prompt',
-          title: t('prompt.title'),
+          title: t(promptIsDraft ? 'prompt.titleDraft' : 'prompt.title'),
           summary: promptSummary,
           open: showPrompt,
           onToggle: togglePrompt
@@ -1374,7 +1568,9 @@ window.__ModuleLoader__.load({
               ? e('div', { className: 'soul-error' }, promptError)
               : e(Fragment, null,
                 e('pre', { className: 'soul-prompt-pre' }, promptText || t('prompt.empty')),
-                e('div', { className: 'soul-status' }, t('prompt.chars', { n: String(promptText.length) }))
+                e('div', { className: 'soul-status' }, t('prompt.chars', { n: String(promptText.length) })),
+                promptInvalid.length > 0 && e('div', { className: 'soul-error' },
+                  t('prompt.invalid', { fields: promptInvalid.join('、') }))
               ))
         ),
 
@@ -1528,11 +1724,79 @@ window.__ModuleLoader__.load({
       // 导航 label / 图标替换用的翻译函数（bind 返回的函数在调用时读取当前语言）
       const navT = ctx.locale.bind(NS)
 
-      // DSH 0.1.x 不支持 settings.section 的 icon 字段
-      // 使用 DOM 操作动态替换图标（类似 dsh-better-sidebar 的方案）
+      // DSH 的设置导航图标是壳层硬编码的 id → 图标映射（见 ui-settings-general 的
+      // navIcon()：account/models/agent-presets/plugins/archived-sessions，其余一律
+      // 回退成设置齿轮），插件无法通过槽位声明自己的图标（settings.section 的选项
+      // 只有 id / order / label）。因此改用 DOM 替换，把齿轮换成与插件图标同一套
+      // 几何的「灵魂火花 + 光轨」（类似 dsh-better-sidebar 的方案）。
       const SOUL_NAV_MARKER = 'data-soul-settings-nav'
       const SOUL_ICON_MARKER = 'data-soul-icon-replaced'
 
+      // 与 assets/icon.svg（插件图标）同源几何：同一条光轨与火花路径。
+      // 客户端读不到文件系统，只能内联一份；verify-nav-icon.mjs 有断言核对二者的
+      // 路径数据逐字一致，防止漂移。
+      //
+      // 与插件图标有两处**有意差异**，都是为了与设置导航里的兄弟栏目看齐：
+      //   1) 颜色——插件图标是彩色渐变，而导航栏那一排图标全是单色线描（壳层
+      //      navIcon() 生成的宿主机图标用 stroke="currentColor"）。这里同样用
+      //      currentColor：既与邻居统一，又能自动跟随主题、选中态与禁用态，
+      //      不必自己判断暗色模式。
+      //   2) 显示窗口——icon.svg 用 `0 0 36 36`（图形含描边占 26.8 单位，留白适合
+      //      列表里的大图标）。导航栏旁的宿主图标实测几乎满格——16px 下墨迹跨度
+      //      14.25px（占 89%），所以沿用 36 网格会让这个小图标显得又小又轻。这里把
+      //      窗口收紧到「同一个中心 (18,18)、边长 28.4」，让墨迹跨度落到 ~14px。
+      //      数值是量出来的：预览探针把两种图标渲染到 canvas 逐像素统计。
+      const NAV_ICON_VIEW_BOX = '3.8 3.8 28.4 28.4'
+      const NAV_ICON_TRAIL_D = 'M18 6A12 12 0 1 1 6.72 22.1'
+      const NAV_ICON_SPARK_D = 'M18 11.6C18.52 15.15 20.85 17.48 24.4 18C20.85 18.52 18.52 20.85 18 24.4C17.48 20.85 15.15 18.52 11.6 18C15.15 17.48 17.48 15.15 18 11.6Z'
+      // 线宽按**显示后的像素**与邻居对齐：宿主图标是 16 网格 + 1.3 线宽，而我们
+      // 的窗口是 28.4 单位宽、显示成 16px（缩放 16 ÷ 28.4 ≈ 0.5634），所以取
+      // 1.3 ÷ 0.5634 ≈ 2.3。照搬 icon.svg 的 2.8 会让弧线比邻居粗一圈。
+      const NAV_ICON_STROKE_WIDTH = '2.3'
+      // 宿主按 size=16 渲染，宽高是 svg 的属性（不是 CSS）。万一将来改由 CSS 控制尺寸，
+      // 我们也补一个 16——否则 svg 会退回 300×150 的默认尺寸，把导航栏撑坏。
+      const NAV_ICON_FALLBACK_SIZE = '16'
+      const SVG_NS = 'http://www.w3.org/2000/svg'
+
+      /** 建一个 SVG 元素并铺上属性（避免 innerHTML，无需解析）。 */
+      const svgNode = (name, attributes) => {
+        const node = document.createElementNS(SVG_NS, name)
+        for (const [key, value] of Object.entries(attributes)) node.setAttribute(key, value)
+        return node
+      }
+
+      /**
+       * 把导航按钮里宿主生成的齿轮图标改画成插件图标（单色版）。
+       *
+       * 只替换 <svg> 的内容与 viewBox，保留节点本身——宿主的 className
+       * （…navIcon，flex:none）、width/height（size=16）与 aria-hidden 因此
+       * 原样生效，不必自己复刻一套尺寸规则；只有宿主将来不给宽高时才补默认值。
+       *
+       * 宿主 svg 上挂着 fill="none" 与 stroke-width（medium 为 1.3），这两条会
+       * 向下继承，所以每条 path 都写全自身样式：光轨只要描边，火花只要填充。
+       * 颜色一律 currentColor，取到的是按钮文字色——与旁边几个图标同一个值。
+       */
+      const paintSoulNavIcon = (svg) => {
+        svg.setAttribute('viewBox', NAV_ICON_VIEW_BOX)
+        if (!svg.getAttribute('width')) svg.setAttribute('width', NAV_ICON_FALLBACK_SIZE)
+        if (!svg.getAttribute('height')) svg.setAttribute('height', NAV_ICON_FALLBACK_SIZE)
+
+        const trail = svgNode('path', {
+          d: NAV_ICON_TRAIL_D,
+          fill: 'none',
+          stroke: 'currentColor',
+          'stroke-width': NAV_ICON_STROKE_WIDTH,
+          'stroke-linecap': 'round'
+        })
+        const spark = svgNode('path', {
+          d: NAV_ICON_SPARK_D,
+          fill: 'currentColor',
+          stroke: 'none'
+        })
+
+        svg.replaceChildren(trail, spark)
+      }
+
       const registerSettingsNavIcon = () => {
         let disposed = false
 
@@ -1548,28 +1812,12 @@ window.__ModuleLoader__.load({
               // 检查是否已经替换过图标
               if (button.hasAttribute(SOUL_ICON_MARKER)) continue
 
-              // 查找并替换图标
+              // 把宿主给未知 id 用的设置齿轮，改画成插件自身的图标
               const existingIcon = button.querySelector('svg')
               if (existingIcon) {
-                // 标记已替换
+                // 标记已替换；React 重建按钮时标记随之消失，会重新画一次
                 button.setAttribute(SOUL_ICON_MARKER, 'true')
-
-                // 创建星形图标（跟随主题色）
-                const starSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
-                starSvg.setAttribute('viewBox', '0 0 24 24')
-                starSvg.setAttribute('fill', 'none')
-                starSvg.setAttribute('stroke', 'currentColor')
-                starSvg.setAttribute('stroke-width', '2')
-                starSvg.setAttribute('stroke-linecap', 'round')
-                starSvg.setAttribute('stroke-linejoin', 'round')
-                starSvg.style.width = '16px'
-                starSvg.style.height = '16px'
-
-                const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')
-                path.setAttribute('d', 'M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z')
-                starSvg.appendChild(path)
-
-                existingIcon.replaceWith(starSvg)
+                paintSoulNavIcon(existingIcon)
               }
             } else {
               button.removeAttribute(SOUL_NAV_MARKER)