dsh-instruction-memory 1.0.17 → 1.1.0

package/lib/client.js

@@ -64,6 +64,34 @@ window.__ModuleLoader__.load({
   background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.08)); }
 .im-meter-fill { height:100%; border-radius:999px; background:var(--dsw-alias-brand-primary,#3b6cff); }
 .im-meter-fill-warn { background:var(--dsw-alias-state-warn-primary,#d97706); }
+.im-entry-tags { display:flex; flex-wrap:wrap; gap:4px; }
+.im-chip { display:inline-flex; align-items:center; gap:3px; padding:1px 4px 1px 9px; border-radius:999px; font-size:11px;
+  border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.14)); color:var(--dsw-alias-label-secondary,#6b7280);
+  background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.03)); white-space:nowrap; }
+.im-chip-x { border:none; background:transparent; color:inherit; cursor:pointer; font-size:13px; line-height:1;
+  padding:0 5px; border-radius:999px; }
+.im-chip-x:hover:not(:disabled) { background:rgba(0,0,0,.08); }
+.im-filter-row { display:flex; flex-direction:column; gap:7px; }
+.im-filter-chips { display:flex; flex-wrap:wrap; gap:6px; }
+.im-filter-chip { border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.18)); background:var(--dsw-alias-bg-layer-1,#fff);
+  color:inherit; border-radius:999px; padding:2px 11px; font-size:11.5px; font-family:inherit; cursor:pointer; }
+.im-filter-chip-on { background:var(--dsw-alias-brand-primary,#3b6cff); border-color:transparent; color:#fff; }
+.im-filter-selects { display:flex; flex-wrap:wrap; gap:12px; }
+.im-fselect { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--dsw-alias-label-secondary,#8a9099); }
+.im-select-sm { padding:3px 6px; font-size:12px; border-radius:7px; border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.18));
+  background:var(--dsw-alias-bg-base,#fff); color:inherit; }
+.im-batch-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 12px; border-radius:10px;
+  border:1px solid var(--dsw-alias-state-warn-primary,#d97706); background:rgba(217,119,6,.08); }
+.im-batch-check { width:15px; height:15px; margin:0; cursor:pointer; accent-color:var(--dsw-alias-brand-primary,#3b6cff); }
+.im-profiles { border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1)); border-radius:10px; padding:10px 12px;
+  background:var(--dsw-alias-bg-layer-1,#fff); }
+.im-profiles-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
+.im-profile-item { border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1)); border-radius:9px; padding:9px 11px;
+  margin-top:8px; background:var(--dsw-alias-bg-base,#fff); }
+.im-profile-item-off { opacity:.55; }
+.im-profile-name { font-weight:600; font-size:13.5px; }
+.im-profile-sub { margin-top:3px; }
+.im-section-title { font-weight:600; font-size:13px; }
 .im-empty { padding:26px; border-radius:10px; text-align:center; font-size:12px;
   border:1px dashed var(--dsw-alias-border-l2,rgba(0,0,0,.18)); color:var(--dsw-alias-label-secondary,#8a9099); }
 .im-err { font-size:12px; color:var(--dsw-alias-state-error-primary,#d94838); }
@@ -157,6 +185,51 @@ window.__ModuleLoader__.load({
         'rules.note': '「始终」无条件生效；「按需」由模型按相关性自动判断。超出上限时按优先级保留，其余暂不注入。',
         'search.placeholder': '搜索指令：标题 / 内容 / 适用场景（共 {count} 条）',
         'search.matchCount': '匹配 {shown} / {total} 条',
+        'tags.label': '标签（可选，仅用于在本页分组与筛选，不会注入提示词）',
+        'tags.placeholder': '输入标签后回车，逗号分隔多个，例如：代码规范',
+        'tags.hint': '每条最多 {max} 个标签，单个不超过 {len} 字符',
+        'tags.duplicate': '已有同名标签',
+        'tags.full': '每条最多 {max} 个标签',
+        'filter.all': '全部',
+        'filter.tag': '标签',
+        'filter.mode': '生效方式',
+        'filter.status': '状态',
+        'filter.modeAlways': '始终',
+        'filter.modeAuto': '按需',
+        'filter.statusEnabled': '已启用',
+        'filter.statusDisabled': '已停用',
+        'sort.label': '排序',
+        'sort.priority': '按优先级',
+        'sort.updated': '按更新时间',
+        'sort.title': '按标题',
+        'action.batch': '批量操作',
+        'batch.exit': '退出批量',
+        'batch.selectAll': '全选',
+        'batch.selected': '已选 {count} 条',
+        'batch.enable': '启用',
+        'batch.disable': '停用',
+        'batch.priority': '设优先级…',
+        'batch.addTags': '加标签…',
+        'batch.delete': '删除',
+        'batch.confirmDelete': '确定删除选中的 {count} 条指令？删除后无法恢复。',
+        'batch.tagPrompt': '输入要添加到 {count} 条指令的标签（多个用逗号分隔）',
+        'batch.tagEmpty': '未输入有效的标签',
+        'batch.noneSelected': '请先勾选要操作的指令',
+        'batch.promptUnavailable': '当前环境不支持快捷输入，请逐条编辑标签',
+        'profiles.section': '用户形象',
+        'profiles.subtitle': '关于你本人的身份背景、喜好、性格与追求。勾选「使用该形象」后，AI 会在保证回答正确且扣题的前提下据此调整详略、举例与建议侧重；不会为了迎合而改变事实或偏离问题。',
+        'profiles.new': '＋ 新增形象',
+        'profiles.name': '形象名称',
+        'profiles.namePlaceholder': '例如：职业背景 / 沟通偏好 / 性格 / 长期追求',
+        'profiles.content': '形象内容',
+        'profiles.contentPlaceholder': '描述你本人的情况，例如：有 8 年后端开发经验，技术问题可跳过入门概念；喜欢先给结论、再给可执行步骤，少寒暄。',
+        'profiles.use': '使用该形象',
+        'profiles.untitled': '未命名形象',
+        'profiles.confirmDelete': '确定删除用户形象「{name}」？删除后无法恢复。',
+        'profiles.empty': '还没有用户形象。点击「＋ 新增形象」添加关于你本人的信息；不勾选任何形象时，AI 完全按原本方式回答。',
+        'profiles.count': '共 {total} 个，使用中 {active} 个',
+        'profiles.chars': '已启用形象合计 {count} 字符（独立于指令字数上限，完整注入、不做裁剪）',
+        'profiles.saving': '保存中…',
         'action.new': '＋ 新增指令',
         'action.reload': '重新载入',
         'action.export': '导出',
@@ -173,6 +246,7 @@ window.__ModuleLoader__.load({
         'preview.empty': '（当前没有生效中的指令）',
         'list.empty': '还没有指令记忆。点击「＋ 新增指令」添加第一条，例如“所有回答使用简体中文”。',
         'list.noMatch': '没有匹配“{query}”的指令。',
+        'list.filteredEmpty': '没有符合当前筛选条件的指令。',
         'tag.always': '始终',
         'tag.auto': '按需',
         'entry.enabled': '启用',
@@ -240,6 +314,51 @@ window.__ModuleLoader__.load({
         'rules.note': '“Always” applies unconditionally; “On demand” lets the model judge by relevance. When the limit is exceeded, higher-priority entries are kept and the rest are skipped.',
         'search.placeholder': 'Search instructions: title / content / scenario ({count} in total)',
         'search.matchCount': '{shown} of {total} match',
+        'tags.label': 'Tags (optional; used only for grouping/filtering on this page, never injected)',
+        'tags.placeholder': 'Type a tag and press Enter; separate several with commas, e.g. code-style',
+        'tags.hint': 'Up to {max} tags per entry, each at most {len} characters',
+        'tags.duplicate': 'This tag already exists',
+        'tags.full': 'Up to {max} tags per entry',
+        'filter.all': 'All',
+        'filter.tag': 'Tag',
+        'filter.mode': 'Mode',
+        'filter.status': 'Status',
+        'filter.modeAlways': 'Always',
+        'filter.modeAuto': 'On demand',
+        'filter.statusEnabled': 'Enabled',
+        'filter.statusDisabled': 'Disabled',
+        'sort.label': 'Sort',
+        'sort.priority': 'By priority',
+        'sort.updated': 'By updated time',
+        'sort.title': 'By title',
+        'action.batch': 'Bulk actions',
+        'batch.exit': 'Exit bulk',
+        'batch.selectAll': 'Select all',
+        'batch.selected': '{count} selected',
+        'batch.enable': 'Enable',
+        'batch.disable': 'Disable',
+        'batch.priority': 'Set priority…',
+        'batch.addTags': 'Add tags…',
+        'batch.delete': 'Delete',
+        'batch.confirmDelete': 'Delete the {count} selected entries? This cannot be undone.',
+        'batch.tagPrompt': 'Enter tags to add to {count} entries (separate several with commas)',
+        'batch.tagEmpty': 'No valid tag entered',
+        'batch.noneSelected': 'Tick the entries to act on first',
+        'batch.promptUnavailable': 'Quick entry is unavailable in this environment; edit tags one by one',
+        'profiles.section': 'User persona',
+        'profiles.subtitle': 'Facts about you: background, tastes, personality and goals. When “Use this persona” is ticked, the AI adjusts depth, examples and advice to tilt toward you — while staying correct and on-topic; it must never change facts or wander off the question to please you.',
+        'profiles.new': '＋ New persona',
+        'profiles.name': 'Persona name',
+        'profiles.namePlaceholder': 'e.g. Professional background / Communication style / Personality / Goals',
+        'profiles.content': 'Persona details',
+        'profiles.contentPlaceholder': 'Describe yourself, e.g. 8 years of backend experience, so skip intro concepts; prefers the conclusion first, then actionable steps, no small talk.',
+        'profiles.use': 'Use this persona',
+        'profiles.untitled': 'Untitled persona',
+        'profiles.confirmDelete': 'Delete the persona “{name}”? This cannot be undone.',
+        'profiles.empty': 'No persona yet. Click “＋ New persona” to add facts about yourself; with no persona ticked, the AI answers exactly as it normally would.',
+        'profiles.count': '{total} in total, {active} in use',
+        'profiles.chars': 'Active personas total {count} characters (separate from the instruction budget; injected in full, never trimmed)',
+        'profiles.saving': 'Saving…',
         'action.new': '＋ New instruction',
         'action.reload': 'Reload',
         'action.export': 'Export',
@@ -256,6 +375,7 @@ window.__ModuleLoader__.load({
         'preview.empty': '(no active instructions right now)',
         'list.empty': 'No instructions yet. Click “＋ New instruction” to add your first one, e.g. “Always answer in Simplified Chinese”.',
         'list.noMatch': 'No instructions match “{query}”.',
+        'list.filteredEmpty': 'No instructions match the current filters.',
         'tag.always': 'Always',
         'tag.auto': 'On demand',
         'entry.enabled': 'Enabled',
@@ -396,6 +516,32 @@ window.__ModuleLoader__.load({
 
     /* ---------------- data helpers ---------------- */
 
+    // Mirror the Host's tag limits (lib/index.js); kept local so the editor
+    // constrains input before the round-trip and tests can pin both to match.
+    const MAX_TAGS = 8
+    const MAX_TAG_LEN = 24
+
+    /**
+     * Parse free text typed into the tag box into normalised tag candidates.
+     * Tags are split on commas (ASCII/full-width), semicolons and newlines —
+     * never spaces, so a tag may contain spaces. Each piece is trimmed,
+     * collapsed to one line, cut to MAX_TAG_LEN, de-duplicated and capped at
+     * MAX_TAGS. Pinned as a pure export.
+     */
+    function parseTagInput(text) {
+      if (typeof text !== 'string') return []
+      const out = []
+      const seen = new Set()
+      for (const piece of text.split(/[,，;；\n\r]+/)) {
+        const tag = piece.replace(/\s+/g, ' ').trim().slice(0, MAX_TAG_LEN)
+        if (tag === '' || seen.has(tag)) continue
+        seen.add(tag)
+        if (out.length >= MAX_TAGS) break
+        out.push(tag)
+      }
+      return out
+    }
+
     function cloneEntry(entry) {
       return {
         id: entry.id,
@@ -405,12 +551,37 @@ window.__ModuleLoader__.load({
         when: entry.when,
         priority: entry.priority,
         enabled: entry.enabled,
+        tags: Array.isArray(entry.tags) ? entry.tags.slice() : [],
         updatedAt: entry.updatedAt,
       }
     }
 
+    // ---- User persona ("用户形象") drafts ----
+    function cloneProfile(profile) {
+      return {
+        id: profile.id,
+        name: profile.name,
+        content: profile.content,
+        enabled: profile.enabled === true,
+        updatedAt: profile.updatedAt,
+      }
+    }
+
+    function blankProfileDraft() {
+      return { id: '', name: '', content: '', enabled: true, updatedAt: 0 }
+    }
+
+    /** Whether a profile editor differs from the stored version (or a blank new one). */
+    function profileIsDirty(draft, profiles) {
+      const base = draft.id === ''
+        ? blankProfileDraft()
+        : (profiles || []).find((profile) => profile.id === draft.id)
+      if (base === undefined) return true
+      return base.name !== draft.name || base.content !== draft.content || base.enabled !== draft.enabled
+    }
+
     function blankDraft() {
-      return { id: '', title: '', content: '', mode: 'always', when: '', priority: 1, enabled: true, updatedAt: 0 }
+      return { id: '', title: '', content: '', mode: 'always', when: '', priority: 1, enabled: true, tags: [], updatedAt: 0 }
     }
 
     /**
@@ -428,7 +599,11 @@ window.__ModuleLoader__.load({
       const fields = ['title', 'content', 'mode', 'when', 'priority', 'enabled']
       const base = draft.id === '' ? blankDraft() : (entries || []).find((entry) => entry.id === draft.id)
       if (base === undefined) return true
-      return fields.some((field) => String(draft[field]) !== String(base[field]))
+      if (fields.some((field) => String(draft[field]) !== String(base[field]))) return true
+      // Tags are an optional array that may be absent on old entries; compare
+      // a normalised form so [] and undefined both read as "no tags".
+      const tagsKey = (entry) => (Array.isArray(entry && entry.tags) ? entry.tags : []).join('')
+      return tagsKey(draft) !== tagsKey(base)
     }
 
     /**
@@ -536,7 +711,14 @@ window.__ModuleLoader__.load({
       const budget = typeof inj.budget === 'number' && inj.budget > 0
         ? inj.budget
         : (typeof data.budgetChars === 'number' && data.budgetChars > 0 ? data.budgetChars : 0)
-      const used = typeof inj.chars === 'number' && inj.chars >= 0 ? inj.chars : 0
+      // Measure ONLY the instruction half: on a host that publishes persona
+      // profiles, `chars` is the whole section (personas + instructions) while
+      // `entryChars` is the budgeted half. Older hosts publish neither field,
+      // and there `chars` is already instructions-only, so the fallback is
+      // correct on both.
+      const used = typeof inj.entryChars === 'number' && inj.entryChars >= 0
+        ? inj.entryChars
+        : (typeof inj.chars === 'number' && inj.chars >= 0 ? inj.chars : 0)
       const countFlagged = (list, wantTruncated) =>
         Array.isArray(list)
           ? list.filter((item) => item !== null && typeof item === 'object'
@@ -642,6 +824,13 @@ window.__ModuleLoader__.load({
             onChange: (ev) => set({ when: ev.target.value }),
           })))
       }
+      children.push(h('div', { key: 'tags' },
+        h('label', { className: 'im-label' }, t('tags.label')),
+        h(TagInput, {
+          tags: draft.tags,
+          disabled: props.busy,
+          onChange: (next) => set({ tags: next }),
+        })))
       children.push(h('div', { className: 'im-row-wrap', key: 'a' },
         h('button', { className: 'im-btn im-btn-primary', disabled: props.busy, onClick: props.onSave },
           props.busy ? t('editor.saving') : t('editor.save')),
@@ -651,6 +840,73 @@ window.__ModuleLoader__.load({
       return h('div', { className: 'im-card' }, children)
     }
 
+    /**
+     * Tag chips editor for one entry. Tags live only on this panel (they are
+     * never injected). Committing (Enter / comma / semicolon / blur) parses the
+     * typed text through parseTagInput and merges de-duplicated tags up to the
+     * shared cap; Backspace on an empty box removes the last chip.
+     */
+    function TagInput(props) {
+      const [text, setText] = React.useState('')
+      const tags = Array.isArray(props.tags) ? props.tags : []
+      const merge = (pieces) => {
+        const merged = []
+        for (const tag of [...tags, ...pieces]) {
+          if (!merged.includes(tag)) merged.push(tag)
+        }
+        props.onChange(merged.slice(0, MAX_TAGS))
+      }
+      const commit = () => {
+        const parsed = parseTagInput(text)
+        if (parsed.length > 0) merge(parsed)
+        setText('')
+      }
+      const remove = (tag) => {
+        props.onChange(tags.filter((candidate) => candidate !== tag))
+      }
+      return h('div', null,
+        tags.length > 0
+          ? h('div', { className: 'im-entry-tags' },
+            tags.map((tag) => h('span', { className: 'im-chip', key: tag },
+              tag,
+              h('button', {
+                type: 'button', className: 'im-chip-x', disabled: props.disabled,
+                onClick: () => remove(tag),
+              }, '×'))))
+          : null,
+        h('input', {
+          className: 'im-input',
+          value: text,
+          disabled: props.disabled,
+          maxLength: MAX_TAG_LEN,
+          placeholder: t('tags.placeholder'),
+          onChange: (ev) => {
+            const v = ev.target.value
+            if (/[,，;；\n\r]/.test(v)) {
+              // A separator commits the pending text as chips immediately.
+              // v is the input's full new value (it already contains what was
+              // typed before the separator) — do NOT prepend `text`, that
+              // duplicated it ("b" + "b," -> "bb").
+              const parsed = parseTagInput(v)
+              if (parsed.length > 0) merge(parsed)
+              setText('')
+            } else {
+              setText(v.slice(0, MAX_TAG_LEN))
+            }
+          },
+          onKeyDown: (ev) => {
+            if (ev.key === 'Enter') {
+              ev.preventDefault()
+              commit()
+            } else if (ev.key === 'Backspace' && text === '' && tags.length > 0) {
+              remove(tags[tags.length - 1])
+            }
+          },
+          onBlur: commit,
+        }),
+        h('div', { className: 'im-meta' }, t('tags.hint', { max: MAX_TAGS, len: MAX_TAG_LEN })))
+    }
+
     /**
      * Entry body with an explicit 展开/收起 toggle. The collapsed cap lives in
      * CSS (max-height + overflow:hidden), so whether overflow actually happens
@@ -672,12 +928,60 @@ window.__ModuleLoader__.load({
     /** How long the undo bar keeps its offer alive after a confirmed delete. */
     const UNDO_TTL_MS = 10000
 
+    /**
+     * Editor for one "用户形象" (facts about the user). Deliberately minimal:
+     * a single-line name and a multi-line description. Save is disabled while
+     * both are blank (the Host would reject that anyway). The enable toggle
+     * lives on the card, not here: the editor edits content, the card decides
+     * whether the persona is used.
+     */
+    function ProfileEditor(props) {
+      const limits = props.limits || {}
+      const maxName = typeof limits.maxProfileName === 'number' ? limits.maxProfileName : 40
+      const maxContent = typeof limits.maxProfileContent === 'number' ? limits.maxProfileContent : 4000
+      const set = (patch) => props.onChange(Object.assign({}, props.draft, patch))
+      const canSave = (props.draft.name.trim() !== '' || props.draft.content.trim() !== '')
+      return h('div', { className: 'im-editor im-profiles' },
+        h('div', null,
+          h('label', { className: 'im-label' }, t('profiles.name')),
+          h('input', {
+            className: 'im-input',
+            value: props.draft.name,
+            maxLength: maxName,
+            placeholder: t('profiles.namePlaceholder'),
+            disabled: props.busy,
+            onChange: (ev) => set({ name: ev.target.value }),
+          })),
+        h('div', null,
+          h('label', { className: 'im-label' }, t('profiles.content')),
+          h('textarea', {
+            className: 'im-textarea',
+            rows: 6,
+            value: props.draft.content,
+            maxLength: maxContent,
+            placeholder: t('profiles.contentPlaceholder'),
+            disabled: props.busy,
+            onChange: (ev) => set({ content: ev.target.value }),
+          })),
+        h('div', { className: 'im-row-wrap' },
+          h('button', {
+            className: 'im-btn im-btn-primary',
+            disabled: props.busy || !canSave,
+            onClick: props.onSave,
+          }, props.busy ? t('profiles.saving') : t('editor.save')),
+          h('button', { className: 'im-btn', disabled: props.busy, onClick: props.onCancel }, t('editor.cancel'))))
+    }
+
     function InstructionPanel() {
       const [view, setView] = React.useState(null)
       const [error, setError] = React.useState('')
       const [notice, setNotice] = React.useState('')
       const [busy, setBusy] = React.useState(false)
       const [draft, setDraft] = React.useState(null)
+      // The persona editor draft (null = closed). Independent of the entry
+      // draft: editing an instruction never closes an open persona and vice
+      // versa is handled by closing one when opening the other (see handlers).
+      const [profileDraft, setProfileDraft] = React.useState(null)
       const [budgetText, setBudgetText] = React.useState('')
       // Latest live value of the draft, because the SSE onmessage closure below
       // is created once and must not read a stale first-render budgetText.
@@ -686,6 +990,14 @@ window.__ModuleLoader__.load({
       const [showPreview, setShowPreview] = React.useState(false)
       const [query, setQuery] = React.useState('')
       const [undo, setUndo] = React.useState(null)
+      // F2: tag/mode/status filters ('' = all) and the list sort key.
+      const [tagFilter, setTagFilter] = React.useState('')
+      const [modeFilter, setModeFilter] = React.useState('')
+      const [statusFilter, setStatusFilter] = React.useState('')
+      const [sortKey, setSortKey] = React.useState('priority')
+      // F3: bulk-select mode and the chosen entry ids in it.
+      const [batchMode, setBatchMode] = React.useState(false)
+      const [selected, setSelected] = React.useState([])
       const importInputRef = React.useRef(null)
       // Whether the budget input is being edited right now. A live SSE push
       // from another window must not replace the number under the cursor;
@@ -770,6 +1082,87 @@ window.__ModuleLoader__.load({
         }
       }
 
+      // ---- F3 bulk actions: one request, one host-side transaction ----
+
+      /** Selected ids that still exist in the latest snapshot. */
+      const liveSelected = () => selected.filter((id) => data.entries.some((entry) => entry.id === id))
+
+      function toggleSelected(id) {
+        setSelected((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]))
+      }
+
+      function exitBatch() {
+        setBatchMode(false)
+        setSelected([])
+      }
+
+      async function doBatch(op, value) {
+        const ids = liveSelected()
+        if (ids.length === 0) {
+          setError(t('batch.noneSelected'))
+          return
+        }
+        if (op === 'delete'
+          && typeof window.confirm === 'function'
+          && !window.confirm(t('batch.confirmDelete', { count: ids.length }))) {
+          return
+        }
+        const result = await send('batch', { op, ids, value, baseRev: revOf() })
+        if (result !== null && result.ok === true && op === 'delete') {
+          // Drop deleted ids from the selection; other ops keep it so several
+          // bulk actions can be chained (e.g. set priority, then disable).
+          setSelected((prev) => prev.filter((id) => !ids.includes(id)))
+        }
+      }
+
+      function batchAddTags() {
+        if (typeof window.prompt !== 'function') {
+          setError(t('batch.promptUnavailable'))
+          return
+        }
+        const answer = window.prompt(t('batch.tagPrompt', { count: liveSelected().length }), '')
+        if (answer === null) return
+        const tags = parseTagInput(answer)
+        if (tags.length === 0) {
+          setError(t('batch.tagEmpty'))
+          return
+        }
+        void doBatch('add-tags', tags)
+      }
+
+      // ---- User persona ("用户形象") handlers ----
+
+      async function saveProfileDraft() {
+        if (profileDraft === null) return
+        if (profileDraft.name.trim() === '' && profileDraft.content.trim() === '') return
+        const result = await send('save-profile', { profile: cloneProfile(profileDraft), baseRev: revOf() })
+        if (result !== null && result.ok === true) setProfileDraft(null)
+      }
+
+      function toggleProfile(profile) {
+        if (busy) return
+        const next = cloneProfile(profile)
+        next.enabled = !profile.enabled
+        void send('save-profile', { profile: next, baseRev: revOf() })
+      }
+
+      function editProfile(profile) {
+        if (busy) return
+        // The two editors are mutually exclusive so the panel stays legible.
+        setDraft(null)
+        setProfileDraft(cloneProfile(profile))
+        setError('')
+      }
+
+      function removeProfile(profile) {
+        if (busy) return
+        if (typeof window.confirm === 'function'
+          && !window.confirm(t('profiles.confirmDelete', {
+            name: profile.name !== '' ? profile.name : t('profiles.untitled'),
+          }))) return
+        void send('delete-profile', { id: profile.id, baseRev: revOf() })
+      }
+
       async function doExport() {
         try {
           const result = await callHost('export-data', null)
@@ -889,8 +1282,47 @@ window.__ModuleLoader__.load({
       const storage = view.storage || {}
       const limits = view.limits || { minBudget: 800, maxBudget: 40000, maxEntries: 200 }
       const injection = view.injection || { registered: false, chars: 0, error: null }
-      const entries = data.entries.slice().sort((a, b) => (b.priority - a.priority) || (b.updatedAt - a.updatedAt))
-      const activeCount = entries.filter((e) => e.enabled && e.content !== '').length
+      // List order is display-only and never changes what the Host injects
+      // (the injection order is decided host-side). The default mirrors the
+      // previous fixed order; updated-time and title are the other sorts.
+      const sortEntries = (list) => {
+        const copy = list.slice()
+        if (sortKey === 'updated') {
+          copy.sort((a, b) => (b.updatedAt - a.updatedAt) || (b.priority - a.priority))
+        } else if (sortKey === 'title') {
+          copy.sort((a, b) =>
+            a.title.localeCompare(b.title, undefined, { sensitivity: 'base' })
+            || (b.priority - a.priority)
+            || (b.updatedAt - a.updatedAt))
+        } else {
+          copy.sort((a, b) => (b.priority - a.priority) || (b.updatedAt - a.updatedAt))
+        }
+        return copy
+      }
+      const entries = sortEntries(data.entries)
+      const activeCount = data.entries.filter((e) => e.enabled && e.content !== '').length
+      // Persona profiles, in stored order (stable injection order). Old hosts
+      // simply have no array.
+      const profiles = Array.isArray(data.profiles) ? data.profiles : []
+      const activeProfiles = profiles.filter((p) => p.enabled === true && p.content !== '').length
+      // Prefer the Host's rendered size (includes the shared header); fall
+      // back to a local sum for hosts that do not publish the field yet.
+      const profileChars = injection && typeof injection === 'object' && typeof injection.profileChars === 'number'
+        ? injection.profileChars
+        : profiles.reduce((n, p) => n + (p.enabled === true && p.content ? p.name.length + p.content.length + 5 : 0), 0)
+      // Every tag actually in use, most frequent first (then name), for the
+      // tag filter row.
+      const allTags = (() => {
+        const counts = new Map()
+        for (const entry of data.entries) {
+          for (const tag of Array.isArray(entry.tags) ? entry.tags : []) {
+            if (typeof tag === 'string' && tag !== '') counts.set(tag, (counts.get(tag) || 0) + 1)
+          }
+        }
+        return [...counts.entries()]
+          .sort((a, b) => (b[1] - a[1]) || a[0].localeCompare(b[0], undefined, { sensitivity: 'base' }))
+          .map(([tag]) => tag)
+      })()
       // Budget usage + per-entry marks straight from the Host's injection plan.
       // Older hosts simply publish none of these fields: the meter falls back
       // to data.budgetChars and the maps stay empty.
@@ -909,12 +1341,23 @@ window.__ModuleLoader__.load({
         }
       }
       const keyword = query.trim().toLowerCase()
-      const visible = keyword === ''
-        ? entries
-        : entries.filter((entry) =>
-          entry.title.toLowerCase().indexOf(keyword) !== -1
+      const filtersActive = tagFilter !== '' || modeFilter !== '' || statusFilter !== ''
+      const matchesFilters = (entry) => {
+        if (tagFilter !== '' && !(Array.isArray(entry.tags) && entry.tags.includes(tagFilter))) return false
+        if (modeFilter !== '' && entry.mode !== modeFilter) return false
+        if (statusFilter === 'enabled' && entry.enabled !== true) return false
+        if (statusFilter === 'disabled' && entry.enabled !== false) return false
+        return true
+      }
+      const visible = entries.filter((entry) => {
+        if (!matchesFilters(entry)) return false
+        if (keyword === '') return true
+        const inTags = (Array.isArray(entry.tags) ? entry.tags.join(' ') : '').toLowerCase()
+        return entry.title.toLowerCase().indexOf(keyword) !== -1
           || entry.content.toLowerCase().indexOf(keyword) !== -1
-          || entry.when.toLowerCase().indexOf(keyword) !== -1)
+          || entry.when.toLowerCase().indexOf(keyword) !== -1
+          || inTags.indexOf(keyword) !== -1
+      })
 
       const dotClass = injection.error
         ? 'im-dot im-dot-err'
@@ -986,6 +1429,156 @@ window.__ModuleLoader__.load({
               ? h('div', { className: 'im-warn im-meter-line' }, t('budget.omitted', { count: meter.omitted }))
               : null)
           : null,
+        // ---- User persona ("用户形象"): facts about the USER, not a role ----
+        h('div', { key: 'profiles', className: 'im-profiles' },
+          h('div', { className: 'im-profiles-head' },
+            h('span', { className: 'im-section-title' }, t('profiles.section')),
+            h('button', {
+              className: 'im-btn im-btn-primary',
+              disabled: busy,
+              onClick: () => { setProfileDraft(blankProfileDraft()); setDraft(null); setError('') },
+            }, t('profiles.new')),
+            h('span', { className: 'im-spacer' }),
+            h('span', { className: 'im-meta' }, t('profiles.count', { total: profiles.length, active: activeProfiles }))),
+          h('div', { className: 'im-meta im-profile-sub' }, t('profiles.subtitle')),
+          profileDraft !== null
+            ? h(ProfileEditor, {
+              draft: profileDraft,
+              busy: busy,
+              limits: view !== null && view.limits ? view.limits : null,
+              onChange: setProfileDraft,
+              onSave: saveProfileDraft,
+              onCancel: () => setProfileDraft(null),
+            })
+            : null,
+          profiles.length === 0 && profileDraft === null
+            ? h('div', { className: 'im-empty' }, t('profiles.empty'))
+            : profiles.map((profile) => h('div', {
+              className: 'im-profile-item' + (profile.enabled === true ? '' : ' im-profile-item-off'),
+              key: profile.id,
+            },
+              h('div', { className: 'im-item-head' },
+                h('span', { className: 'im-profile-name' },
+                  profile.name !== '' ? profile.name : t('profiles.untitled')),
+                h('span', { className: 'im-spacer' }),
+                h('label', { className: 'im-switch' },
+                  h('input', {
+                    type: 'checkbox',
+                    checked: profile.enabled === true,
+                    disabled: busy,
+                    onChange: () => toggleProfile(profile),
+                  }),
+                  t('profiles.use')),
+                h('button', {
+                  className: 'im-btn',
+                  disabled: busy,
+                  onClick: () => editProfile(profile),
+                }, t('entry.edit')),
+                h('button', {
+                  className: 'im-btn im-btn-danger',
+                  disabled: busy,
+                  onClick: () => removeProfile(profile),
+                }, t('entry.delete'))),
+              h(EntryBody, { text: profile.content, key: 'body' }),
+              profile.updatedAt > 0
+                ? h('div', { className: 'im-meta' }, t('entry.updatedAt', { time: new Date(profile.updatedAt).toLocaleString() }))
+                : null)),
+          activeProfiles > 0
+            ? h('div', { className: 'im-meta im-meter-line' }, t('profiles.chars', { count: profileChars }))
+            : null),
+        // F3 bulk action bar, only while in multi-select mode. "Select all"
+        // covers the currently visible (filtered/searched) entries.
+        (batchMode && entries.length > 0)
+          ? h('div', { key: 'batchbar', className: 'im-batch-bar' },
+            h('label', { className: 'im-switch' },
+              h('input', {
+                type: 'checkbox',
+                className: 'im-batch-check',
+                checked: visible.length > 0 && visible.every((entry) => selected.includes(entry.id)),
+                disabled: busy,
+                onChange: (ev) => {
+                  const visibleIds = visible.map((entry) => entry.id)
+                  if (ev.target.checked) {
+                    setSelected([...new Set([...selected, ...visibleIds])])
+                  } else {
+                    setSelected(selected.filter((id) => !visibleIds.includes(id)))
+                  }
+                },
+              }),
+              t('batch.selectAll')),
+            h('span', { className: 'im-meta' }, t('batch.selected', { count: liveSelected().length })),
+            h('button', { className: 'im-btn', disabled: busy, onClick: () => doBatch('set-enabled', true) }, t('batch.enable')),
+            h('button', { className: 'im-btn', disabled: busy, onClick: () => doBatch('set-enabled', false) }, t('batch.disable')),
+            h('select', {
+              className: 'im-select im-select-sm',
+              defaultValue: '',
+              disabled: busy,
+              onChange: (ev) => {
+                const v = Number(ev.target.value)
+                if (v === 0 || v === 1 || v === 2) void doBatch('set-priority', v)
+                ev.target.value = ''
+              },
+            },
+              h('option', { value: '' }, t('batch.priority')),
+              h('option', { value: '2' }, t('priority.high')),
+              h('option', { value: '1' }, t('priority.normal')),
+              h('option', { value: '0' }, t('priority.low'))),
+            h('button', { className: 'im-btn', disabled: busy, onClick: batchAddTags }, t('batch.addTags')),
+            h('span', { className: 'im-spacer' }),
+            h('button', {
+              className: 'im-btn im-btn-danger',
+              disabled: busy,
+              onClick: () => doBatch('delete', undefined),
+            }, t('batch.delete')),
+            h('button', { className: 'im-btn', disabled: busy, onClick: exitBatch }, t('batch.exit')))
+          : null,
+        // F2 filters: tag chips (only when tags exist) plus mode/status/sort.
+        entries.length > 0
+          ? h('div', { key: 'filters', className: 'im-filter-row' },
+            allTags.length > 0
+              ? h('div', { className: 'im-filter-chips' },
+                h('button', {
+                  type: 'button',
+                  className: 'im-filter-chip' + (tagFilter === '' ? ' im-filter-chip-on' : ''),
+                  onClick: () => setTagFilter(''),
+                }, t('filter.all')),
+                allTags.map((tag) => h('button', {
+                  type: 'button',
+                  key: tag,
+                  className: 'im-filter-chip' + (tagFilter === tag ? ' im-filter-chip-on' : ''),
+                  title: t('filter.tag'),
+                  onClick: () => setTagFilter(tagFilter === tag ? '' : tag),
+                }, tag)))
+              : null,
+            h('div', { className: 'im-filter-selects' },
+              h('label', { className: 'im-fselect' }, t('filter.mode'),
+                h('select', {
+                  className: 'im-select im-select-sm',
+                  value: modeFilter,
+                  onChange: (ev) => setModeFilter(ev.target.value),
+                },
+                  h('option', { value: '' }, t('filter.all')),
+                  h('option', { value: 'always' }, t('filter.modeAlways')),
+                  h('option', { value: 'auto' }, t('filter.modeAuto')))),
+              h('label', { className: 'im-fselect' }, t('filter.status'),
+                h('select', {
+                  className: 'im-select im-select-sm',
+                  value: statusFilter,
+                  onChange: (ev) => setStatusFilter(ev.target.value),
+                },
+                  h('option', { value: '' }, t('filter.all')),
+                  h('option', { value: 'enabled' }, t('filter.statusEnabled')),
+                  h('option', { value: 'disabled' }, t('filter.statusDisabled')))),
+              h('label', { className: 'im-fselect' }, t('sort.label'),
+                h('select', {
+                  className: 'im-select im-select-sm',
+                  value: sortKey,
+                  onChange: (ev) => setSortKey(ev.target.value),
+                },
+                  h('option', { value: 'priority' }, t('sort.priority')),
+                  h('option', { value: 'updated' }, t('sort.updated')),
+                  h('option', { value: 'title' }, t('sort.title'))))))
+          : null,
         entries.length > 0 ? h('div', { key: 'search' },
           h('input', {
             className: 'im-input',
@@ -993,12 +1586,14 @@ window.__ModuleLoader__.load({
             placeholder: t('search.placeholder', { count: entries.length }),
             onChange: (ev) => setQuery(ev.target.value),
           }),
-          query.trim() !== '' ? h('div', { className: 'im-meta im-search-meta' }, t('search.matchCount', { shown: visible.length, total: entries.length })) : null) : null,
+          (query.trim() !== '' || filtersActive)
+            ? h('div', { className: 'im-meta im-search-meta' }, t('search.matchCount', { shown: visible.length, total: entries.length }))
+            : null) : null,
         h('div', { className: 'im-row-wrap' },
           h('button', {
             className: 'im-btn im-btn-primary',
             disabled: busy,
-            onClick: () => { setDraft(blankDraft()); setError('') },
+            onClick: () => { setDraft(blankDraft()); setProfileDraft(null); setError('') },
           }, t('action.new')),
           h('button', { className: 'im-btn', disabled: busy, onClick: () => send('reload', null) }, t('action.reload')),
           h('button', { className: 'im-btn', disabled: busy, onClick: doExport }, t('action.export')),
@@ -1015,6 +1610,11 @@ window.__ModuleLoader__.load({
             disabled: busy,
             onClick: () => setShowPreview(!showPreview),
           }, showPreview ? t('action.hidePreview') : t('action.showPreview')),
+          h('button', {
+            className: 'im-btn',
+            disabled: busy || entries.length === 0,
+            onClick: () => { setBatchMode(!batchMode); setSelected([]) },
+          }, batchMode ? t('batch.exit') : t('action.batch')),
           h('span', { className: 'im-spacer' }),
           h('span', { className: 'im-meta' }, t('stats.count', { total: entries.length, active: activeCount }))),
         h('div', { className: 'im-divider' }),
@@ -1087,46 +1687,65 @@ window.__ModuleLoader__.load({
           key: entry.id,
         },
           h('div', { className: 'im-item-head' },
+            batchMode
+              ? h('input', {
+                type: 'checkbox',
+                className: 'im-batch-check',
+                checked: selected.includes(entry.id),
+                disabled: busy,
+                onChange: () => toggleSelected(entry.id),
+              })
+              : null,
             h('span', { className: 'im-title' }, entry.title),
             tags,
             h('span', { className: 'im-spacer' }),
-            h('label', { className: 'im-switch' },
-              h('input', {
-                type: 'checkbox',
-                checked: entry.enabled === true,
+            batchMode
+              ? null
+              : h('label', { className: 'im-switch' },
+                h('input', {
+                  type: 'checkbox',
+                  checked: entry.enabled === true,
+                  disabled: busy,
+                  onChange: () => {
+                    const next = cloneEntry(entry)
+                    next.enabled = !entry.enabled
+                    send('save-entry', { entry: next, baseRev: revOf() })
+                  },
+                }),
+                t('entry.enabled')),
+            batchMode
+              ? null
+              : h('button', {
+                className: 'im-btn',
                 disabled: busy,
-                onChange: () => {
-                  const next = cloneEntry(entry)
-                  next.enabled = !entry.enabled
-                  send('save-entry', { entry: next, baseRev: revOf() })
+                onClick: () => { setDraft(cloneEntry(entry)); setProfileDraft(null); setError('') },
+              }, t('entry.edit')),
+            batchMode
+              ? null
+              : h('button', {
+                className: 'im-btn im-btn-danger',
+                disabled: busy,
+                onClick: () => {
+                  // confirm() is standard DOM, guarded anyway: if the embedded
+                  // shell omits it, deletion proceeds rather than breaking.
+                  if (typeof window.confirm === 'function'
+                    && !window.confirm(t('entry.confirmDelete', {
+                      title: entry.title !== '' ? entry.title : t('entry.untitled'),
+                    }))) return
+                  // Keep the full entry for the undo bar; the POST response
+                  // (not this closure) is what confirms the deletion happened.
+                  setUndo(null)
+                  send('delete-entry', { id: entry.id, baseRev: revOf() }).then((result) => {
+                    if (result === null || result.ok !== true) return
+                    setUndo({ entry, expires: Date.now() + UNDO_TTL_MS })
+                  })
                 },
-              }),
-              t('entry.enabled')),
-            h('button', {
-              className: 'im-btn',
-              disabled: busy,
-              onClick: () => { setDraft(cloneEntry(entry)); setError('') },
-            }, t('entry.edit')),
-            h('button', {
-              className: 'im-btn im-btn-danger',
-              disabled: busy,
-              onClick: () => {
-                // confirm() is standard DOM, guarded anyway: if the embedded
-                // shell omits it, deletion proceeds rather than breaking.
-                if (typeof window.confirm === 'function'
-                  && !window.confirm(t('entry.confirmDelete', {
-                    title: entry.title !== '' ? entry.title : t('entry.untitled'),
-                  }))) return
-                // Keep the full entry for the undo bar; the POST response
-                // (not this closure) is what confirms the deletion happened.
-                setUndo(null)
-                send('delete-entry', { id: entry.id, baseRev: revOf() }).then((result) => {
-                  if (result === null || result.ok !== true) return
-                  setUndo({ entry, expires: Date.now() + UNDO_TTL_MS })
-                })
-              },
-            }, t('entry.delete'))),
+              }, t('entry.delete'))),
           h(EntryBody, { text: entry.content, key: 'body' }),
+          Array.isArray(entry.tags) && entry.tags.length > 0
+            ? h('div', { className: 'im-entry-tags' },
+              entry.tags.map((tag) => h('span', { className: 'im-chip', key: tag }, tag)))
+            : null,
           entry.mode === 'auto' && entry.when !== ''
             ? h('div', { className: 'im-meta' }, t('entry.when', { when: entry.when }))
             : null,
@@ -1142,7 +1761,10 @@ window.__ModuleLoader__.load({
         ? h('div', { className: 'im-empty', key: 'empty' },
           t('list.empty'))
         : visible.length === 0
-          ? h('div', { className: 'im-empty', key: 'no-match' }, t('list.noMatch', { query: query.trim() }))
+          ? h('div', { className: 'im-empty', key: 'no-match' },
+            keyword === ''
+              ? t('list.filteredEmpty')
+              : t('list.noMatch', { query: query.trim() }))
           : h('div', { className: 'im-list', key: 'list' }, items)
 
       return h('div', { className: 'im-root' }, header, list)
@@ -1232,6 +1854,7 @@ window.__ModuleLoader__.load({
     exports.__importSizeVerdict = importSizeVerdict
     exports.__nextBudgetText = nextBudgetText
     exports.__budgetMeter = budgetMeter
+    exports.__parseTagInput = parseTagInput
     exports.__strings = STRINGS
     exports.__ns = NS
     exports.__dictionaryT = dictionaryT