dsh-persona-forge 0.2.1 → 0.3.1

package/lib/client.js

@@ -38,8 +38,10 @@ window.__ModuleLoader__.load({
       'control.busy': '改写中…',
       'control.menu.title': '选择角色',
       'control.menu.empty': '还没有角色卡。把 .yml 文件放进角色卡目录即可添加。',
-      'control.menu.manage': '管理角色卡…',
       'control.menu.reveal': '打开角色卡目录',
+      'control.more': '更多设置',
+      'control.more.open': '展开改写方式、保真度等按会话生效的设置',
+      'control.more.custom': '已改：',
       'control.intensity': '强度',
       'control.intensity.light': '轻',
       'control.intensity.medium': '中',
@@ -50,6 +52,16 @@ window.__ModuleLoader__.load({
       'control.sendMode.direct': '直接发出',
       'control.sendMode.hint.review': '改写结果先在下方的对比面板显示，你确认后再发送；原草稿不受影响。',
       'control.sendMode.hint.direct': '改写完成后立即作为你的消息发出，不再确认。',
+      'control.mode': '改写方式',
+      'control.mode.card': '跟随卡片',
+      'control.mode.llm': '模型改写',
+      'control.mode.template': '模板套用',
+      'control.mode.hint': '跟随卡片 = 用卡片自己声明的方式。临时切换只影响这个会话。',
+      'control.fidelity': '保真度',
+      'control.fidelity.card': '跟随卡片',
+      'control.fidelity.style': '只改语气',
+      'control.fidelity.hint.style': '这张卡声明的是「只改语气」，不能在这里放宽——放宽是改卡的属性，请在设置页改。',
+      'control.fidelity.hint.strategy': '这张卡允许追加行为约束。这里可以临时收窄成「只改语气」，但收不回去。',
       'panel.title': '角色改写',
       'panel.loading': '正在按「{name}」改写…',
       'panel.original': '你写的',
@@ -64,13 +76,17 @@ window.__ModuleLoader__.load({
       'panel.sent.hint': '消息已发出，无法撤回。下面是实际发出的内容。',
       'panel.meta': '{provider} / {model} · {ms}ms · 强度 {intensity}',
       'panel.template': '模板模式（未调用模型）',
+      'panel.slow': '已经 {seconds} 秒了 —— 模型可能较慢。再等一会儿通常会有结果；若一直不动，可关闭面板后重试。',
       'panel.drift': '技术事实可能被改动',
       'panel.checkUnavailable': '未完成事实校验',
       'panel.checkOk': '技术事实已保留',
+      'panel.factsDrift': '检测到技术内容变动',
+      'panel.factsMissing': '丢失：',
+      'panel.factsAdded': '新增：',
+      'panel.factsOnly': '已做本地检查（不耗 token）：标识符、路径、版本号、数字均未丢失。但它看不出「需求被悄悄改弱」或「用散文追加了约束」——要覆盖这些请开启模型校验。',
       'panel.stale': '草稿在改写期间有改动——结果基于改写前的文本。',
       'error.empty': '输入框是空的，先写下你的需求。',
       'error.phase': '输入框正忙（提交中），请稍后再试。',
-      'error.busy': '已有一个改写在进行中。',
       'error.noCard': '请先选择一个角色。',
       'error.unconfigured': '无法确定模型：先在本会话发一条消息，或设置一个默认模型。',
       'error.timeout': '改写超时，请重试；原输入未改动。',
@@ -82,11 +98,23 @@ window.__ModuleLoader__.load({
       'settings.dir': '角色卡目录',
       'settings.reveal': '打开目录',
       'settings.new': '新建角色卡',
-      'settings.builtin': '内置',
-      'settings.user': '自定义',
+      'settings.ai': 'AI 代填',
+      'settings.ai.tip': '新建角色卡时可以让 AI 代填：写一句角色思路，风格和四档范例都会自动写好。',
+      'settings.ai.model': '使用模型：{provider} / {model}（设置页没有会话上下文，用的是 harness 默认模型；改写本身跟随当前会话的模型）',
+      'settings.ai.desc': '用一句话描述角色的思路，AI 会按同一套规范把表单填好：风格、四档强度的转换范例都写好。生成结果只填入表单，不会自动保存。',
+      'settings.ai.briefPlaceholder': '例如：一个脾气暴躁但极其可靠的老灯塔守夜人，说话简短、爱用航海比喻',
+      'settings.ai.generate': '生成草稿',
+      'settings.ai.busy': 'AI 正在撰写角色卡…',
+      'settings.ai.hint': '生成的是草稿，改完再保存。',
+      'settings.ai.needBrief': '请先写下角色的思路。',
+      'settings.ai.failed': '生成失败：{message}',
+      'settings.origin.builtin': '内置',
+      'settings.origin.edited': '已修改',
+      'settings.origin.custom': '自定义',
       'settings.edit': '编辑',
       'settings.delete': '删除',
       'settings.deleteConfirm': '确定删除这张角色卡？',
+      'settings.deleteEditedConfirm': '这张卡改自内置版本。删除会丢弃你的修改，恢复成内置版本。继续？',
       'settings.reset': '还原为内置',
       'settings.resetConfirm': '用插件内置的版本覆盖这张卡？你对它的本地修改会丢失。',
       'settings.resetHint': '把这张卡恢复成插件内置的版本，丢弃本地修改。',
@@ -95,7 +123,6 @@ window.__ModuleLoader__.load({
       'settings.check.none': '所有角色卡都与内置版本一致。',
       'settings.check.some': '有 {n} 张角色卡与内置版本不一致：',
       'settings.check.desc': '点一次即可查出哪些卡偏离了内置版本。只有不一致的卡才显示「还原为内置」。',
-      'settings.changed': '改动：',
       'settings.save': '保存',
       'settings.cancel': '取消',
       'settings.saved': '已保存',
@@ -115,6 +142,9 @@ window.__ModuleLoader__.load({
       'settings.field.style': '角色风格描述（给改写模型的指令）',
       'settings.field.template': '模板（用 {{input}} 代表你的原话）',
       'settings.field.examples': '转换范例（每行一条，格式：原话 => 改写后）',
+      'settings.field.byIntensity': '分强度范例（每档各一组；留空则回退到上面的通用范例）',
+      'settings.field.byIntensity.empty': '留空 = 这一档沿用上面的通用范例',
+      'settings.hint.byIntensity': '四档强度各自用哪组范例。范例越贴合该档语气，改写越稳定。留空的档位会回退到通用范例。',
       'settings.hint.fidelity': '只改语气：只换说法，需求一字不动。允许增加行为约束：改写时还能追加符合角色的做事风格（例如「别做冗长规划」）——这会真的改变你的需求，建议配合「先审查」。',
       'settings.hint.examples': '范例是最强的风格锚点。每条范例里原话的技术事实必须出现在改写结果中——否则模型会学会"用氛围替换需求"。',
       'settings.diagnostics': '加载问题',
@@ -128,8 +158,10 @@ window.__ModuleLoader__.load({
       'control.busy': 'Rewriting…',
       'control.menu.title': 'Choose a character',
       'control.menu.empty': 'No character cards yet. Drop a .yml file into the card directory to add one.',
-      'control.menu.manage': 'Manage cards…',
       'control.menu.reveal': 'Open card directory',
+      'control.more': 'More settings',
+      'control.more.open': 'Show rewrite mode, fidelity and other per-session settings',
+      'control.more.custom': 'Changed: ',
       'control.intensity': 'Intensity',
       'control.intensity.light': 'Light',
       'control.intensity.medium': 'Medium',
@@ -140,6 +172,16 @@ window.__ModuleLoader__.load({
       'control.sendMode.direct': 'Send directly',
       'control.sendMode.hint.review': 'The rewrite appears in the comparison panel below; you confirm before it is sent, and your draft is untouched.',
       'control.sendMode.hint.direct': 'The rewrite is sent as your message immediately, without confirmation.',
+      'control.mode': 'Rewrite mode',
+      'control.mode.card': 'Card default',
+      'control.mode.llm': 'Model rewrite',
+      'control.mode.template': 'Template',
+      'control.mode.hint': 'Card default = use whatever the card declares. A temporary switch applies to this session only.',
+      'control.fidelity': 'Fidelity',
+      'control.fidelity.card': 'Card default',
+      'control.fidelity.style': 'Voice only',
+      'control.fidelity.hint.style': 'This card declares voice-only, and it cannot be widened here — widening is a property of the card, so change it in the settings page.',
+      'control.fidelity.hint.strategy': 'This card may add behavioural constraints. You can narrow it to voice-only for this session, but not widen it back.',
       'panel.title': 'Persona rewrite',
       'panel.loading': 'Rewriting as “{name}”…',
       'panel.original': 'You wrote',
@@ -154,13 +196,17 @@ window.__ModuleLoader__.load({
       'panel.sent.hint': 'The message is already sent and cannot be recalled. This is what was sent.',
       'panel.meta': '{provider} / {model} · {ms}ms · intensity {intensity}',
       'panel.template': 'Template mode (no model call)',
+      'panel.slow': '{seconds} s and counting — the model may just be slow. It usually returns; if it never does, close the panel and retry.',
       'panel.drift': 'Technical facts may have changed',
       'panel.checkUnavailable': 'Preservation check did not complete',
       'panel.checkOk': 'Technical facts preserved',
+      'panel.factsDrift': 'Technical content changed',
+      'panel.factsMissing': 'Lost: ',
+      'panel.factsAdded': 'Added: ',
+      'panel.factsOnly': 'Local check only (no tokens spent): no identifier, path, version or number was lost. It cannot see a requirement quietly weakened, or a constraint added in prose — turn on the model check for those.',
       'panel.stale': 'The draft changed while rewriting — the result is based on the earlier text.',
       'error.empty': 'The input box is empty — write your request first.',
       'error.phase': 'The input box is busy (submitting) — try again shortly.',
-      'error.busy': 'A rewrite is already running.',
       'error.noCard': 'Choose a character first.',
       'error.unconfigured': 'No model resolved: send a message in this session first, or set a default model.',
       'error.timeout': 'The rewrite timed out. Retry; your draft is untouched.',
@@ -172,11 +218,23 @@ window.__ModuleLoader__.load({
       'settings.dir': 'Card directory',
       'settings.reveal': 'Open directory',
       'settings.new': 'New character card',
-      'settings.builtin': 'Built-in',
-      'settings.user': 'Custom',
+      'settings.ai': 'AI draft',
+      'settings.ai.tip': 'You can have the AI draft a card for you: describe the character in a sentence and the style text plus all four intensity example sets are written for you.',
+      'settings.ai.model': 'Model: {provider} / {model} (the settings page has no session context, so this is the harness default; the rewrite itself follows the current session\'s model)',
+      'settings.ai.desc': 'Describe the character in a sentence and the AI fills the form for you: the style text and conversion examples for all four intensity levels. The result only fills the form — it is never saved automatically.',
+      'settings.ai.briefPlaceholder': 'e.g. a grumpy but utterly reliable old lighthouse keeper who speaks in short sentences and nautical metaphors',
+      'settings.ai.generate': 'Generate draft',
+      'settings.ai.busy': 'Writing the character card…',
+      'settings.ai.hint': 'This is a draft — edit it before saving.',
+      'settings.ai.needBrief': 'Write the character idea first.',
+      'settings.ai.failed': 'Generation failed: {message}',
+      'settings.origin.builtin': 'Built-in',
+      'settings.origin.edited': 'Edited',
+      'settings.origin.custom': 'Custom',
       'settings.edit': 'Edit',
       'settings.delete': 'Delete',
       'settings.deleteConfirm': 'Delete this character card?',
+      'settings.deleteEditedConfirm': 'This card is an edit of a bundled one. Deleting it discards your changes and restores the bundled version. Continue?',
       'settings.reset': 'Restore bundled',
       'settings.resetConfirm': 'Replace this card with the bundled version? Your local edits to it will be lost.',
       'settings.resetHint': 'Restore this card to the version the plugin ships, discarding local edits.',
@@ -185,7 +243,6 @@ window.__ModuleLoader__.load({
       'settings.check.none': 'Every character card matches its bundled version.',
       'settings.check.some': '{n} card(s) differ from the bundled version:',
       'settings.check.desc': 'Finds which cards have drifted from the bundled version. Only a drifted card shows a Restore bundled action.',
-      'settings.changed': 'Changed:',
       'settings.save': 'Save',
       'settings.cancel': 'Cancel',
       'settings.saved': 'Saved',
@@ -205,6 +262,9 @@ window.__ModuleLoader__.load({
       'settings.field.style': 'Character style (instructions for the rewriting model)',
       'settings.field.template': 'Template (use {{input}} for the user\'s text)',
       'settings.field.examples': 'Conversion examples (one per line, format: original => rewritten)',
+      'settings.field.byIntensity': 'Per-intensity examples (one set each; empty falls back to the list above)',
+      'settings.field.byIntensity.empty': 'Empty = this level reuses the examples above',
+      'settings.hint.byIntensity': 'Which demonstrations each intensity level uses. The closer a set matches that level\'s tone, the steadier the rewrite. A level left empty falls back to the shared list.',
       'settings.hint.fidelity': 'Voice only: wording changes, the request does not. May add behavioural constraints: the rewrite can also add the character\'s working style (e.g. "no long planning") — that genuinely changes your request, so pair it with Review first.',
       'settings.hint.examples': 'Examples are the strongest style anchor. Every technical fact in an example\'s input must appear in its output — otherwise the model learns to replace requirements with atmosphere.',
       'settings.diagnostics': 'Load problems',
@@ -265,6 +325,15 @@ window.__ModuleLoader__.load({
 .pf-menu{position:fixed;z-index:1100;box-sizing:border-box;width:max-content;min-width:300px;max-width:min(460px,100vw - 24px);max-height:min(70vh,560px);overflow-y:auto;padding:4px;border:0;border-radius:var(--dsw-radius-lg);background:var(--dsw-menu-surface-fill,var(--dsw-alias-bg-overlay));-webkit-backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));color:var(--dsw-alias-label-primary);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2)}
 .pf-menu-title{padding:6px 8px 4px;font-size:11px;line-height:15px;color:var(--dsw-alias-label-tertiary)}
 .pf-menu-sep{height:.5px;margin:3px 2px;background:var(--dsw-alias-border-l2)}
+/* The fold for advanced settings: a quiet row, not another equal-weight control. */
+.pf-more{color:var(--dsw-alias-label-secondary)}
+.pf-more-body{padding:2px 8px 8px;display:grid;gap:6px}
+.pf-pref-row{display:flex;align-items:center;gap:6px;cursor:pointer}
+.pf-pref-row input{margin:0}
+/* The live counter during a rewrite: a muted suffix so the wait reads as
+ * progress rather than a freeze. */
+.pf-elapsed{margin-left:8px;padding:0 6px;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}
+
 .pf-item{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;padding:6px 8px;border:none;border-radius:var(--dsw-radius-md);background:transparent;color:var(--dsw-alias-label-primary);text-align:left;font:inherit;font-size:13px;line-height:20px;cursor:pointer}
 .pf-item:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
 .pf-item:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none}
@@ -327,6 +396,11 @@ window.__ModuleLoader__.load({
 .pf-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary);word-break:break-word}
 .pf-tag{font-size:10px;line-height:15px;padding:1px 5px;border-radius:var(--dsw-radius-xs);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
 .pf-form{display:grid;gap:10px;max-width:720px;padding:12px;border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-2)}
+/* The AI box inside the new-card form: a quiet inset panel, not a second
+ * competing call to action. */
+.pf-ai{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);overflow:hidden}
+.pf-ai-head{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px;font-weight:500;text-align:left;cursor:pointer}
+.pf-ai-head:hover{background:var(--dsw-alias-interactive-bg-hover)}
 .pf-field{display:grid;gap:4px}
 .pf-field label{font-size:11px;line-height:15px;color:var(--dsw-alias-label-tertiary)}
 .pf-field input,.pf-field select,.pf-field textarea{width:100%;box-sizing:border-box;padding:6px 8px;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px;outline:none}
@@ -393,6 +467,7 @@ window.__ModuleLoader__.load({
     const resetCard = (id) => postJson(`${PREFIX}/cards/reset`, { id })
     const diffCards = () => postJson(`${PREFIX}/cards/diff`, {})
     const revealDir = () => postJson(`${PREFIX}/reveal`, {})
+    const draftCard = (payload) => postJson(`${PREFIX}/cards/draft`, payload)
 
     // ---------------------------------------------------------------------
     // Shared UI state
@@ -424,6 +499,26 @@ window.__ModuleLoader__.load({
     const sendModeKey = (key) => `persona-forge:sendMode:${key}`
     const cardKey = (key) => `persona-forge:card:${key}`
     const intensityKey = (key) => `persona-forge:intensity:${key}`
+    const modeKey = (key) => `persona-forge:mode:${key}`
+    const fidelityKey = (key) => `persona-forge:fidelity:${key}`
+    /** Effective mode for a card: the session's pick when the card can honour it, else the card's. */
+    function effectiveModeOf(card, override) {
+      if (card === null) return 'llm'
+      if (override === 'template') return typeof card.template === 'string' && card.template.trim() !== '' ? 'template' : card.mode
+      if (override === 'llm') return typeof card.style === 'string' && card.style.trim() !== '' ? 'llm' : card.mode
+      return card.mode
+    }
+
+    /**
+     * Effective fidelity for a card: the session may NARROW a strategy card to
+     * voice-only, never widen a voice-only card to strategy. The server enforces
+     * the same rule; this keeps the UI from offering a choice it would ignore.
+     */
+    function effectiveFidelityOf(card, override) {
+      if (card === null) return 'style'
+      if (card.fidelity === 'strategy' && override === 'style') return 'style'
+      return card.fidelity
+    }
 
     /**
      * The "no persona" selection. It is a real, persisted state rather than the
@@ -511,7 +606,11 @@ window.__ModuleLoader__.load({
       diagnostics: [],
       directory: '',
       hostSendMode: 'review',
-      factCheck: true,
+      // Mirrors the host default in lib/index.js: the model check is opt-in
+      // because it is paid for on every send, and the local check always runs.
+      factCheck: false,
+      /** Which model an AI draft would use, as a ready-to-render sentence. */
+      draftModelLabel: '',
       panel: null,
     }
     function notify(next) {
@@ -539,7 +638,13 @@ window.__ModuleLoader__.load({
             diagnostics: Array.isArray(value.diagnostics) ? value.diagnostics : [],
             directory: typeof value.directory === 'string' ? value.directory : '',
             hostSendMode: value.sendMode === 'direct' ? 'direct' : 'review',
-            factCheck: value.factCheck !== false,
+            factCheck: value.factCheck === true,
+            // Say which model an AI draft runs on. The settings slot is
+            // root-scoped and receives no session id, so this is the harness
+            // default — stating it beats letting the user assume.
+            draftModelLabel: value.draftModel === null || value.draftModel === undefined
+              ? ''
+              : t('settings.ai.model', { provider: value.draftModel.provider, model: value.draftModel.model }),
             catalogError: null,
           })
           return state.catalog
@@ -568,10 +673,14 @@ window.__ModuleLoader__.load({
         panel: {
           sessionKey: options.sessionKey,
           phase: 'loading',
+          startedAt: Date.now(),
           cardId: options.cardId,
           cardName: options.cardName,
           original: options.original,
           intensity: options.intensity,
+          mode: options.mode,
+          fidelity: options.fidelity,
+          modelCheck: options.modelCheck,
           sendMode: options.sendMode,
         },
       })
@@ -580,6 +689,9 @@ window.__ModuleLoader__.load({
         cardId: options.cardId,
         text: options.original,
         intensity: options.intensity,
+        mode: options.mode,
+        fidelity: options.fidelity,
+        modelCheck: options.modelCheck,
       }).then(
         (value) => {
           const current = state.panel
@@ -638,6 +750,14 @@ window.__ModuleLoader__.load({
       })
       const [cardId, setCardId] = useState(() => readLocal(cardKey(sessionKey)) ?? OFF)
       const [intensity, setIntensity] = useState(() => readLocal(intensityKey(sessionKey)))
+      // Per-session overrides for the card's own mode and fidelity. Both are
+      // stored as "unset" until the user actually picks something, so following
+      // the card stays the default rather than an explicit choice.
+      const [modeOverride, setModeOverride] = useState(() => readLocal(modeKey(sessionKey)))
+      // Advanced rows start folded: the menu's job is choosing a character, and
+      // these overrides are set once and then forgotten.
+      const [advancedOpen, setAdvancedOpen] = useState(false)
+      const [fidelityOverride, setFidelityOverride] = useState(() => readLocal(fidelityKey(sessionKey)))
 
       useEffect(() => {
         if (shared.catalog === null && shared.catalogError === null) {
@@ -651,6 +771,22 @@ window.__ModuleLoader__.load({
       const selected = isOff ? null : cards.find((card) => card.id === cardId) ?? null
       const busy = shared.panel !== null && shared.panel.phase === 'loading'
       const effectiveIntensity = intensity ?? selected?.intensity ?? 'medium'
+      const effectiveMode = effectiveModeOf(selected, modeOverride)
+      const effectiveFidelity = effectiveFidelityOf(selected, fidelityOverride)
+      // The model check is a one-time decision about cost, so it is a GLOBAL
+      // preference (set in the settings page), not a per-session override.
+      // One source of truth: the host config. A client-side copy would be a
+      // second setting for the same thing, and the model check is off by
+      // default because it is paid for on every send.
+      const effectiveModelCheck = shared.factCheck
+
+      // What the fold would reveal, in one line. A folded-away override the user
+      // forgot about is a surprise waiting to happen, so the collapsed row still
+      // names anything that is not following the card.
+      const advancedSummary = [
+        modeOverride === 'llm' ? t('control.mode.llm') : modeOverride === 'template' ? t('control.mode.template') : '',
+        fidelityOverride === 'style' ? t('control.fidelity.style') : '',
+      ].filter((part) => part !== '').join(' · ')
 
       // The send-gesture listener is attached once per session but must read
       // CURRENT values. A ref carries them across renders without re-attaching
@@ -690,6 +826,16 @@ window.__ModuleLoader__.load({
         writeLocal(intensityKey(sessionKey), level)
       }, [sessionKey])
 
+      const setMode = useCallback((mode) => {
+        setModeOverride(mode)
+        writeLocal(modeKey(sessionKey), mode)
+      }, [sessionKey])
+
+      const setFidelity = useCallback((fidelity) => {
+        setFidelityOverride(fidelity)
+        writeLocal(fidelityKey(sessionKey), fidelity)
+      }, [sessionKey])
+
       // Position the menu above the button, clamped to the viewport.
       useEffect(() => {
         if (!open) return
@@ -745,9 +891,12 @@ window.__ModuleLoader__.load({
           cardName: selected.name,
           original: text,
           intensity: effectiveIntensity,
+          mode: effectiveMode,
+          fidelity: effectiveFidelity,
+          modelCheck: effectiveModelCheck,
           sendMode: effectiveSendMode,
         })
-      }, [busy, cardId, draft, effectiveIntensity, effectiveSendMode, phase, props.sessionId, selected, sessionKey])
+      }, [busy, cardId, draft, effectiveFidelity, effectiveIntensity, effectiveMode, effectiveModelCheck, effectiveSendMode, phase, props.sessionId, selected, sessionKey])
 
       // Intercept the composer's OWN send action.
       //
@@ -883,26 +1032,6 @@ window.__ModuleLoader__.load({
                 style: { left: `${menuPos.left}px`, bottom: `${menuPos.bottom}px`, width: `${menuPos.width}px` },
               },
               h('div', { className: 'pf-menu-title' }, t('control.menu.title')),
-              // "No persona" is a real choice, listed like any card, so the
-              // control can always be turned back off.
-              h(
-                'button',
-                {
-                  type: 'button',
-                  role: 'menuitemradio',
-                  'aria-checked': isOff ? 'true' : 'false',
-                  className: `pf-item${isOff ? ' is-selected' : ''}`,
-                  onClick: () => pickCard(OFF),
-                },
-                h('span', { className: 'pf-item-icon', 'aria-hidden': true }, '🚫'),
-                h(
-                  'span',
-                  { className: 'pf-item-body' },
-                  h('span', { className: 'pf-item-name' }, t('control.none')),
-                  h('span', { className: 'pf-item-desc' }, t('control.none.desc')),
-                ),
-                isOff ? h('span', { className: 'pf-check', 'aria-hidden': true }, '✓') : null,
-              ),
               cards.length === 0
                 ? h('div', { className: 'pf-hint' }, shared.catalogError ?? t('control.menu.empty'))
                 : cards.map((card) => h(
@@ -926,6 +1055,28 @@ window.__ModuleLoader__.load({
                     ),
                     card.id === cardId ? h('span', { className: 'pf-check', 'aria-hidden': true }, '✓') : null,
                   )),
+              // "No persona" is a real choice, listed like any card so the
+              // control can always be turned back off — but LAST: it is an exit
+              // action, and putting it above the cards made it the first thing
+              // a user reads in a menu whose whole point is picking a character.
+              h(
+                'button',
+                {
+                  type: 'button',
+                  role: 'menuitemradio',
+                  'aria-checked': isOff ? 'true' : 'false',
+                  className: `pf-item${isOff ? ' is-selected' : ''}`,
+                  onClick: () => pickCard(OFF),
+                },
+                h('span', { className: 'pf-item-icon', 'aria-hidden': true }, '🚫'),
+                h(
+                  'span',
+                  { className: 'pf-item-body' },
+                  h('span', { className: 'pf-item-name' }, t('control.none')),
+                  h('span', { className: 'pf-item-desc' }, t('control.none.desc')),
+                ),
+                isOff ? h('span', { className: 'pf-check', 'aria-hidden': true }, '✓') : null,
+              ),
               h('div', { className: 'pf-menu-sep' }),
               h(
                 'div',
@@ -967,6 +1118,90 @@ window.__ModuleLoader__.load({
                 ),
               ),
               h('div', { className: 'pf-hint' }, t(`control.sendMode.hint.${effectiveSendMode}`)),
+              // Advanced settings, folded away.
+              //
+              // Rewrite mode and fidelity are per-session OVERRIDES of a card's
+              // own declaration, so almost everyone leaves them alone. Shown
+              // flat, they gave the menu five equal-weight control rows and made
+              // it read as a settings form instead of a character picker. The
+              // folded row still reports what is overridden, so a choice the
+              // user forgot about cannot hide behind the fold.
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'pf-item pf-more',
+                  'aria-expanded': advancedOpen ? 'true' : 'false',
+                  title: t('control.more.open'),
+                  onClick: () => setAdvancedOpen((value) => !value),
+                },
+                h('span', { className: 'pf-item-icon', 'aria-hidden': true }, advancedOpen ? '▾' : '▸'),
+                h(
+                  'span',
+                  { className: 'pf-item-body' },
+                  h('span', { className: 'pf-item-name' }, t('control.more')),
+                  advancedSummary !== ''
+                    ? h('span', { className: 'pf-item-desc' }, `${t('control.more.custom')}${advancedSummary}`)
+                    : null,
+                ),
+              ),
+              advancedOpen
+                ? h(
+                    'div',
+                    { className: 'pf-more-body' },
+                    h(
+                      'div',
+                      { className: 'pf-row' },
+                      h('span', { className: 'pf-row-label' }, t('control.mode')),
+                      h(
+                        'span',
+                        { className: 'pf-seg' },
+                        [['', t('control.mode.card')], ['llm', t('control.mode.llm')], ['template', t('control.mode.template')]].map(([value, label]) => h(
+                          'button',
+                          {
+                            key: value === '' ? 'card' : value,
+                            type: 'button',
+                            'aria-pressed': (modeOverride ?? '') === value ? 'true' : 'false',
+                            className: (modeOverride ?? '') === value ? 'is-on' : '',
+                            onClick: () => setMode(value === '' ? undefined : value),
+                          },
+                          label,
+                        )),
+                      ),
+                    ),
+                    h('div', { className: 'pf-hint' }, t('control.mode.hint')),
+                    // Only a card that may add behavioural constraints has
+                    // anything to narrow. On a voice-only card both options
+                    // resolve to the same thing, and offering that choice --
+                    // with a paragraph explaining why the other one is refused --
+                    // is a control that cannot do anything.
+                    selected?.fidelity === 'strategy'
+                      ? [
+                          h(
+                            'div',
+                            { className: 'pf-row' },
+                            h('span', { className: 'pf-row-label' }, t('control.fidelity')),
+                            h(
+                              'span',
+                              { className: 'pf-seg' },
+                              [['', t('control.fidelity.card')], ['style', t('control.fidelity.style')]].map(([value, label]) => h(
+                                'button',
+                                {
+                                  key: value === '' ? 'card' : value,
+                                  type: 'button',
+                                  'aria-pressed': (fidelityOverride ?? '') === value ? 'true' : 'false',
+                                  className: (fidelityOverride ?? '') === value ? 'is-on' : '',
+                                  onClick: () => setFidelity(value === '' ? undefined : value),
+                                },
+                                label,
+                              )),
+                            ),
+                          ),
+                          h('div', { className: 'pf-hint' }, t('control.fidelity.hint.strategy')),
+                        ]
+                      : null,
+                  )
+                : null,
               h('div', { className: 'pf-menu-sep' }),
               h(
                 'button',
@@ -999,6 +1234,23 @@ window.__ModuleLoader__.load({
       const panel = shared.panel
       const inputActions = props.inputActions
       const setDraft = typeof inputActions?.setDraft === 'function' ? inputActions.setDraft : null
+
+      // Seconds since the in-flight rewrite started, ticking once a second.
+      //
+      // Without this the panel shows "改写中" with no sense of progress, so a
+      // rewrite waiting on a slow model reads as FROZEN — the user cannot tell
+      // "working" from "hung", and reports it as stuck. A live counter answers
+      // that for nothing, and makes the host's own timeout (120s) legible
+      // instead of arbitrary.
+      const [tick, setTick] = useState(0)
+      useEffect(() => {
+        if (panel === null || panel.phase !== 'loading') return
+        const started = typeof panel.startedAt === 'number' ? panel.startedAt : Date.now()
+        setTick(Math.round((Date.now() - started) / 1000))
+        const timer = window.setInterval(() => setTick(Math.round((Date.now() - started) / 1000)), 1000)
+        return () => window.clearInterval(timer)
+      }, [panel === null, panel?.phase, panel?.startedAt])
+      const elapsedSeconds = panel !== null && panel.phase === 'loading' ? Math.max(0, tick) : null
       const submit = typeof inputActions?.submit === 'function' ? inputActions.submit : null
       const owned = panel !== null && panel.sessionKey === sessionKey ? panel : null
       // Guards the direct-send effect against firing twice for one result.
@@ -1031,6 +1283,12 @@ window.__ModuleLoader__.load({
       /** Replace the composer content, then optionally submit it. */
       const apply = (text, thenSubmit) => {
         if (setDraft === null) return
+        // Putting the ORIGINAL back has to forget that a rewrite ever happened.
+        // Without this, `lastRewrite` still records `original: A`, so the next
+        // send on the restored draft A matches "already rewritten" and the
+        // plugin silently does nothing — a rewrite you cancelled would be
+        // impossible to retry. Restoring is a rewind, not a reviewed result.
+        if (text === panel.original) lastRewrite.delete(sessionKey)
         setDraft(text)
         if (thenSubmit !== true || submit === null) {
           closePanel()
@@ -1062,6 +1320,7 @@ window.__ModuleLoader__.load({
       )
 
       if (panel.phase === 'loading') {
+        const seconds = elapsedSeconds ?? 0
         return h(
           'div',
           { className: 'pf-panel' },
@@ -1069,7 +1328,17 @@ window.__ModuleLoader__.load({
           h(
             'div',
             { className: 'pf-panel-body' },
-            h('div', { className: 'pf-meta' }, t('panel.loading', { name: panel.cardName ?? panel.cardId })),
+            h(
+              'div',
+              { className: 'pf-meta' },
+              t('panel.loading', { name: panel.cardName ?? panel.cardId }),
+              h('span', { className: 'pf-elapsed', 'aria-live': 'off' }, `${seconds}s`),
+            ),
+            // Past half the host's own timeout, say so instead of leaving the
+            // user to wonder whether anything is still happening.
+            seconds >= 45
+              ? h('div', { className: 'pf-note is-muted', style: { marginTop: '8px' } }, t('panel.slow', { seconds }))
+              : null,
           ),
         )
       }
@@ -1100,18 +1369,33 @@ window.__ModuleLoader__.load({
       const text = typeof result.text === 'string' ? result.text : ''
       const isTemplate = result.mode === 'template'
       const check = result.factCheck ?? { state: 'skipped' }
+      const facts = result.facts ?? { state: 'ok', missing: [], added: [] }
       const stale = typeof draft === 'string' && draft !== panel.original
       const direct = panel.sendMode === 'direct'
       const intensityLabel = t(`control.intensity.${result.intensity ?? panel.intensity ?? 'medium'}`)
 
       const notes = []
       if (stale && !direct) notes.push(h('div', { key: 'stale', className: 'pf-note is-muted' }, t('panel.stale')))
+      // The deterministic verdict comes first: it is always available, it costs
+      // nothing, and it names the exact token that went missing — which is more
+      // actionable than a model's sentence about it.
+      if (facts.state === 'drift') {
+        const parts = []
+        if (facts.missing.length > 0) parts.push(`${t('panel.factsMissing')}${facts.missing.join('、')}`)
+        if (facts.added.length > 0) parts.push(`${t('panel.factsAdded')}${facts.added.join('、')}`)
+        notes.push(h('div', { key: 'facts', className: 'pf-note is-warn' }, `${t('panel.factsDrift')} — ${parts.join('；')}`))
+      }
       if (check.state === 'drift') {
         notes.push(h('div', { key: 'drift', className: 'pf-note is-warn' }, `${t('panel.drift')}${check.reason !== undefined ? `：${check.reason}` : ''}`))
       } else if (check.state === 'unavailable') {
         notes.push(h('div', { key: 'unavail', className: 'pf-note is-muted' }, `${t('panel.checkUnavailable')}${check.reason !== undefined ? `：${check.reason}` : ''}`))
       } else if (check.state === 'ok') {
         notes.push(h('div', { key: 'ok', className: 'pf-note is-ok' }, t('panel.checkOk')))
+      } else if (check.state === 'skipped' && facts.state === 'ok') {
+        // With the model check off, the free check still reported. Say so, and
+        // say plainly what it did NOT cover — a clean verdict here is narrower
+        // than a clean verdict with the model check on.
+        notes.push(h('div', { key: 'factsonly', className: 'pf-note is-muted' }, t('panel.factsOnly')))
       }
       if (direct) notes.push(h('div', { key: 'sent', className: 'pf-note is-muted' }, `${t('panel.sent')} — ${t('panel.sent.hint')}`))
 
@@ -1171,6 +1455,9 @@ window.__ModuleLoader__.load({
                   cardName: panel.cardName,
                   original: panel.original,
                   intensity: panel.intensity,
+                  mode: panel.mode,
+                  fidelity: panel.fidelity,
+                  modelCheck: panel.modelCheck,
                   sendMode: panel.sendMode,
                 }),
               },
@@ -1196,6 +1483,7 @@ window.__ModuleLoader__.load({
       style: '',
       template: '',
       examplesText: '',
+      byIntensityText: { light: '', medium: '', strong: '', zealot: '' },
     }
 
     /** Render a card into the form's flat shape. */
@@ -1211,6 +1499,16 @@ window.__ModuleLoader__.load({
         style: card.style ?? '',
         template: card.template ?? '',
         examplesText: (card.examples ?? []).map((example) => `${example.from} => ${example.to}`).join('\n'),
+        // The per-intensity demonstrations are part of the card, so the form
+        // carries them. Leaving them out of the form dropped them on the next
+        // save: editing a bundled card's name silently discarded all four
+        // intensity example sets, and the card fell back to the flat list.
+        byIntensityText: Object.fromEntries(
+          INTENSITY_LEVELS.map((level) => [
+            level,
+            (card.examplesByIntensity?.[level] ?? []).map((example) => `${example.from} => ${example.to}`).join('\n'),
+          ]),
+        ),
       }
     }
 
@@ -1230,7 +1528,7 @@ window.__ModuleLoader__.load({
       return out
     }
 
-    function CardsSettings() {
+    function CardsSettings(props) {
       const shared = useSyncExternalStore(subscribe, getState)
       const [form, setForm] = useState(null)
       const [status, setStatus] = useState(null)
@@ -1238,6 +1536,13 @@ window.__ModuleLoader__.load({
       // Nothing here runs on its own: the drift check is an explicit action so
       // the list stays clean, and only a drifted card grows a restore button.
       const [drift, setDrift] = useState(null)
+      // AI 代填: a rough idea in, a prefilled form out.
+      const [brief, setBrief] = useState('')
+      const [drafting, setDrafting] = useState(false)
+      // The AI box belongs to the NEW-card flow, not to the page: showing it
+      // permanently put two unrelated "make a card" actions side by side and
+      // left the user guessing which one to press. It opens with 新建角色卡.
+      const [aiOpen, setAiOpen] = useState(false)
 
       useEffect(() => {
         void loadCatalog(false).catch(() => {})
@@ -1260,6 +1565,15 @@ window.__ModuleLoader__.load({
         if (form.icon.trim() !== '') payload.icon = form.icon.trim()
         if (form.description.trim() !== '') payload.description = form.description.trim()
         if (form.mode === 'template') payload.template = form.template
+        // Only rungs the user actually filled are sent. An empty textarea means
+        // "no per-intensity set for this level", which makes `examplesFor` fall
+        // back to the flat list — the documented behaviour, not an empty demo.
+        const byIntensity = {}
+        for (const level of INTENSITY_LEVELS) {
+          const parsed = parseExamples(form.byIntensityText?.[level])
+          if (parsed.length > 0) byIntensity[level] = parsed
+        }
+        if (Object.keys(byIntensity).length > 0) payload.examplesByIntensity = byIntensity
         saveCard(payload).then(
           () => {
             setStatus({ kind: 'ok', text: t('settings.saved') })
@@ -1271,7 +1585,11 @@ window.__ModuleLoader__.load({
       }
 
       const remove = (card) => {
-        if (!window.confirm(t('settings.deleteConfirm'))) return
+        // Deleting an edited card is not the same act as deleting a card the
+        // user wrote from scratch: it falls back to the bundled version rather
+        // than removing the character entirely, and the wording has to say so.
+        const confirmKey = card.origin === 'edited' ? 'settings.deleteEditedConfirm' : 'settings.deleteConfirm'
+        if (!window.confirm(t(confirmKey))) return
         deleteCard(card.id).then(
           () => {
             setStatus({ kind: 'ok', text: t('settings.saved') })
@@ -1297,6 +1615,59 @@ window.__ModuleLoader__.load({
         )
       }
 
+      /**
+       * Ask the host to write a card from the user's rough idea, then drop the
+       * result into the form.
+       *
+       * The generated card is NEVER saved here. It only prefills the form, so
+       * the user reviews the wording, the examples and the id before anything
+       * reaches the card directory — the same standard the rewrite panel is
+       * held to. A generation the user dislikes costs one reload.
+       */
+      const generate = () => {
+        const text = brief.trim()
+        if (text === '') {
+          setStatus({ kind: 'error', text: t('settings.ai.needBrief') })
+          return
+        }
+        setDrafting(true)
+        setStatus(null)
+        draftCard({ brief: text, sessionId: typeof props?.sessionId === 'string' && props.sessionId !== '' ? props.sessionId : undefined }).then(
+          (value) => {
+            setDrafting(false)
+            setForm(toForm(value?.card ?? {}))
+            setStatus({ kind: 'ok', text: t('settings.ai.hint') })
+          },
+          (error) => {
+            setDrafting(false)
+            setStatus({ kind: 'error', text: t('settings.ai.failed', { message: error?.message ?? t('error.internal') }) })
+          },
+        )
+      }
+
+      /**
+       * Start a new card: open a blank form AND offer the AI box beside it.
+       *
+       * Both live in the same flow on purpose. A blank form and an AI box
+       * presented as two equal toolbar buttons made the user choose between
+       * them before knowing they were related; opening them together makes
+       * "write it yourself, or describe it and let the AI start you off" one
+       * decision instead of two.
+       */
+      const startNew = () => {
+        setForm({ ...BLANK_CARD })
+        setBrief('')
+        setAiOpen(true)
+        setStatus(null)
+      }
+
+      /** Close the new-card flow entirely (form and AI box together). */
+      const cancelForm = () => {
+        setForm(null)
+        setAiOpen(false)
+        setBrief('')
+      }
+
       /** Ask the host which user cards differ from their bundled counterpart. */
       const check = () => {
         setDrift(undefined)
@@ -1321,7 +1692,7 @@ window.__ModuleLoader__.load({
         h(
           'div',
           { className: 'pf-settings-bar' },
-          h('button', { type: 'button', className: 'pf-action', onClick: () => { setForm({ ...BLANK_CARD }) ; setStatus(null) } }, t('settings.new')),
+          h('button', { type: 'button', className: 'pf-action', onClick: startNew }, t('settings.new')),
           h(
             'button',
             {
@@ -1348,9 +1719,15 @@ window.__ModuleLoader__.load({
           ),
           h('span', { className: 'pf-small' }, t('settings.count', { n: cards.length })),
         ),
-        // The check result, stated once above the list.
+        // Discoverability, not a second action. The AI box lives inside the
+        // new-card flow; this line is what tells a user it exists, so they do
+        // not have to press a button to find out.
+        h('div', { className: 'pf-small', style: { margin: '0 0 10px' } }, t('settings.ai.tip')),
+        // The check RESULT is real feedback. The instruction line is not
+        // rendered: the button's tooltip already explains the action, and
+        // repeating it on the page is the same text twice.
         drift === null
-          ? h('div', { className: 'pf-small', style: { marginBottom: '10px' } }, t('settings.check.desc'))
+          ? null
           : drift === undefined
             ? h('div', { className: 'pf-note is-muted', style: { marginBottom: '10px' } }, t('settings.check.busy'))
             : drift.length === 0
@@ -1381,6 +1758,49 @@ window.__ModuleLoader__.load({
           ? h(
               'div',
               { className: 'pf-form', style: { margin: '12px 0' } },
+              // The AI box, first thing in the new-card flow: describe it, or
+              // fill the fields below by hand. It is collapsible so a user who
+              // came to type does not have to scroll past it.
+              h(
+                'div',
+                { className: 'pf-ai' },
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'pf-ai-head',
+                    'aria-expanded': aiOpen ? 'true' : 'false',
+                    onClick: () => setAiOpen((value) => !value),
+                  },
+                  h('span', { 'aria-hidden': true }, aiOpen ? '▾' : '▸'),
+                  h('span', null, t('settings.ai')),
+                ),
+                aiOpen
+                  ? h(
+                      'div',
+                      { style: { display: 'grid', gap: '8px', padding: '8px 10px 10px' } },
+                      h('textarea', {
+                        value: brief,
+                        placeholder: t('settings.ai.briefPlaceholder'),
+                        disabled: drafting,
+                        onChange: (event) => setBrief(event.target.value),
+                        style: { width: '100%', boxSizing: 'border-box', minHeight: '60px', padding: '6px 8px', border: '.5px solid var(--dsw-alias-border-l3)', borderRadius: 'var(--dsw-radius-sm)', background: 'var(--dsw-alias-bg-base)', color: 'var(--dsw-alias-label-primary)', font: 'inherit', fontSize: '12px', lineHeight: '18px', outline: 'none', resize: 'vertical' },
+                      }),
+                      h('div', { className: 'pf-small' }, t('settings.ai.desc')),
+                      h(
+                        'div',
+                        { className: 'pf-actions' },
+                        h('button', {
+                          type: 'button',
+                          className: 'pf-action',
+                          disabled: drafting || brief.trim() === '',
+                          onClick: generate,
+                        }, drafting ? t('settings.ai.busy') : t('settings.ai.generate')),
+                        h('span', { className: 'pf-small' }, shared.draftModelLabel),
+                      ),
+                    )
+                  : null,
+              ),
               h(
                 'div',
                 { className: 'pf-grid2' },
@@ -1453,11 +1873,33 @@ window.__ModuleLoader__.load({
                     h('div', { className: 'pf-small' }, t('settings.hint.examples')),
                   )
                 : null,
+              // The four intensity sets. These are part of the card, so the form
+              // has to show them: an editable card whose strongest feature is
+              // invisible is a card the user cannot trust an edit to preserve.
+              form.mode === 'llm'
+                ? h(
+                    'div',
+                    { className: 'pf-field' },
+                    h('label', null, t('settings.field.byIntensity')),
+                    ...INTENSITY_LEVELS.map((level) => h(
+                      'div',
+                      { key: level, style: { display: 'grid', gap: '2px', marginBottom: '6px' } },
+                      h('div', { className: 'pf-small' }, t(`control.intensity.${level}`)),
+                      h('textarea', {
+                        value: form.byIntensityText?.[level] ?? '',
+                        placeholder: t('settings.field.byIntensity.empty'),
+                        onChange: (event) => set({ byIntensityText: { ...(form.byIntensityText ?? {}), [level]: event.target.value } }),
+                        style: { minHeight: '60px' },
+                      }),
+                    )),
+                    h('div', { className: 'pf-small' }, t('settings.hint.byIntensity')),
+                  )
+                : null,
               h(
                 'div',
                 { className: 'pf-actions' },
                 h('button', { type: 'button', className: 'pf-action is-primary', onClick: commit, disabled: form.id.trim() === '' || form.name.trim() === '' }, t('settings.save')),
-                h('button', { type: 'button', className: 'pf-action', onClick: () => setForm(null) }, t('settings.cancel')),
+                h('button', { type: 'button', className: 'pf-action', onClick: cancelForm }, t('settings.cancel')),
               ),
             )
           : null,
@@ -1475,7 +1917,7 @@ window.__ModuleLoader__.load({
                 'span',
                 { className: 'pf-card-name' },
                 card.name,
-                h('span', { className: 'pf-tag' }, card.builtin === true ? t('settings.builtin') : t('settings.user')),
+                h('span', { className: 'pf-tag' }, t(`settings.origin.${card.origin ?? 'custom'}`)),
                 h('span', { className: 'pf-tag' }, card.mode === 'template' ? 'template' : 'llm'),
                 h('span', { className: 'pf-tag' }, t(`control.intensity.${card.intensity}`)),
               ),
@@ -1491,7 +1933,13 @@ window.__ModuleLoader__.load({
                   onClick: () => reset(card),
                 }, t('settings.reset'))
               : null,
-            h('button', { type: 'button', className: 'pf-action', onClick: () => remove(card) }, t('settings.delete')),
+            // Delete is offered only where it can actually take effect. A card
+            // whose content still matches the bundle has no user-owned file:
+            // removing it just clears a copied seed that the next start writes
+            // back, so the button would report success and change nothing.
+            card.origin === 'builtin'
+              ? null
+              : h('button', { type: 'button', className: 'pf-action', onClick: () => remove(card) }, t('settings.delete')),
           )),
         ),
       )