dsh-persona-forge 0.2.1 → 0.3.0

package/lib/client.js

@@ -50,6 +50,20 @@ 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': '这张卡允许追加行为约束。这里可以临时收窄成「只改语气」，但收不回去。',
+      'control.modelCheck': '模型校验',
+      'control.modelCheck.on': '开',
+      'control.modelCheck.off': '关',
+      'control.modelCheck.hint': '开启后每次改写会多调用一次模型，检查「需求被悄悄改弱」这类本地检查看不出的问题——代价是延迟和 token 翻倍。关闭时仍会做本地检查（标识符、路径、版本号、数字），不耗 token。',
       'panel.title': '角色改写',
       'panel.loading': '正在按「{name}」改写…',
       'panel.original': '你写的',
@@ -67,6 +81,10 @@ window.__ModuleLoader__.load({
       'panel.drift': '技术事实可能被改动',
       'panel.checkUnavailable': '未完成事实校验',
       'panel.checkOk': '技术事实已保留',
+      'panel.factsDrift': '检测到技术内容变动',
+      'panel.factsMissing': '丢失：',
+      'panel.factsAdded': '新增：',
+      'panel.factsOnly': '已做本地检查（不耗 token）：标识符、路径、版本号、数字均未丢失。但它看不出「需求被悄悄改弱」或「用散文追加了约束」——要覆盖这些请开启模型校验。',
       'panel.stale': '草稿在改写期间有改动——结果基于改写前的文本。',
       'error.empty': '输入框是空的，先写下你的需求。',
       'error.phase': '输入框正忙（提交中），请稍后再试。',
@@ -82,11 +100,24 @@ 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.briefLabel': '角色思路（一句话或几句话都行）',
+      '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': '把这张卡恢复成插件内置的版本，丢弃本地修改。',
@@ -115,6 +146,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': '加载问题',
@@ -140,6 +174,20 @@ 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.',
+      'control.modelCheck': 'Model check',
+      'control.modelCheck.on': 'On',
+      'control.modelCheck.off': 'Off',
+      'control.modelCheck.hint': 'On: every rewrite makes one extra model call to catch what the local check cannot see, such as a requirement quietly weakened — at the cost of doubled latency and tokens. Off: the free local check still runs (identifiers, paths, versions, numbers).',
       'panel.title': 'Persona rewrite',
       'panel.loading': 'Rewriting as “{name}”…',
       'panel.original': 'You wrote',
@@ -157,6 +205,10 @@ window.__ModuleLoader__.load({
       '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.',
@@ -172,11 +224,24 @@ 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.briefLabel': 'Character idea (a sentence or a few)',
+      '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.',
@@ -205,6 +270,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',
@@ -327,6 +395,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 +466,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 +498,28 @@ 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}`
+    const modelCheckKey = (key) => `persona-forge:modelCheck:${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 +607,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 +639,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
@@ -572,6 +678,9 @@ window.__ModuleLoader__.load({
           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,18 @@ 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)))
+      const [fidelityOverride, setFidelityOverride] = useState(() => readLocal(fidelityKey(sessionKey)))
+      // Tri-state: undefined = follow the host config, true/false = this
+      // session's explicit choice. Stored as a string because localStorage has
+      // no booleans.
+      const [modelCheckOverride, setModelCheckOverride] = useState(() => {
+        const stored = readLocal(modelCheckKey(sessionKey))
+        return stored === 'on' ? true : stored === 'off' ? false : undefined
+      })
 
       useEffect(() => {
         if (shared.catalog === null && shared.catalogError === null) {
@@ -651,6 +775,9 @@ 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)
+      const effectiveModelCheck = modelCheckOverride ?? shared.factCheck
 
       // 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 +817,21 @@ 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])
+
+      const setModelCheck = useCallback((enabled) => {
+        setModelCheckOverride(enabled)
+        writeLocal(modelCheckKey(sessionKey), enabled ? 'on' : 'off')
+      }, [sessionKey])
+
       // Position the menu above the button, clamped to the viewport.
       useEffect(() => {
         if (!open) return
@@ -745,9 +887,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.
       //
@@ -967,6 +1112,80 @@ window.__ModuleLoader__.load({
                 ),
               ),
               h('div', { className: 'pf-hint' }, t(`control.sendMode.hint.${effectiveSendMode}`)),
+              // Mode and fidelity, per session. Both defer to the card until the
+              // user picks: following the card is the default, not a choice the
+              // user has to rediscover.
+              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')),
+              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,
+                  )),
+                ),
+              ),
+              // A voice-only card can never be widened from here, so the hint
+              // says which card-level rule is in force rather than offering a
+              // control that would be ignored.
+              h('div', { className: 'pf-hint' }, selected?.fidelity === 'strategy'
+                ? t('control.fidelity.hint.strategy')
+                : t('control.fidelity.hint.style')),
+              // The model preservation check costs a second call per send, so
+              // it is a visible switch rather than a hidden config file edit.
+              // The free local check runs either way and cannot be turned off.
+              h(
+                'div',
+                { className: 'pf-row' },
+                h('span', { className: 'pf-row-label' }, t('control.modelCheck')),
+                h(
+                  'span',
+                  { className: 'pf-seg' },
+                  [[true, t('control.modelCheck.on')], [false, t('control.modelCheck.off')]].map(([value, label]) => h(
+                    'button',
+                    {
+                      key: String(value),
+                      type: 'button',
+                      'aria-pressed': effectiveModelCheck === value ? 'true' : 'false',
+                      className: effectiveModelCheck === value ? 'is-on' : '',
+                      onClick: () => setModelCheck(value),
+                    },
+                    label,
+                  )),
+                ),
+              ),
+              h('div', { className: 'pf-hint' }, t('control.modelCheck.hint')),
               h('div', { className: 'pf-menu-sep' }),
               h(
                 'button',
@@ -1100,18 +1319,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 +1405,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 +1433,7 @@ window.__ModuleLoader__.load({
       style: '',
       template: '',
       examplesText: '',
+      byIntensityText: { light: '', medium: '', strong: '', zealot: '' },
     }
 
     /** Render a card into the form's flat shape. */
@@ -1211,6 +1449,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 +1478,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 +1486,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 +1515,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 +1535,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 +1565,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 +1642,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,6 +1669,10 @@ window.__ModuleLoader__.load({
           ),
           h('span', { className: 'pf-small' }, t('settings.count', { n: cards.length })),
         ),
+        // 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, stated once above the list.
         drift === null
           ? h('div', { className: 'pf-small', style: { marginBottom: '10px' } }, t('settings.check.desc'))
@@ -1381,6 +1706,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 +1821,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 +1865,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 +1881,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')),
           )),
         ),
       )