@musnows/scriverse 0.8.0 → 0.8.2

package/dist/public/app.js

@@ -1,4 +1,4 @@
-import { buildRelationshipGraph, createGalaxyRenderer, normalizeGalaxyFrameRate, normalizeGalaxyMotionMode, renderRelationshipMindMap } from "/relationship-graph.js?v=20260817-relationship-canvas-scale-v1&feature=galaxy-motion-mode-v3";
+import { buildRelationshipGraph, createGalaxyRenderer, normalizeGalaxyFrameRate, normalizeGalaxyMotionMode, renderRelationshipMindMap } from "/relationship-graph.js?v=20260817-relationship-canvas-scale-v1&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1";
 import { collapseExcessBlankLines, formatDateTime, normalizeParagraphSpacing } from "/text-formatting.js?v=20260713-saved-at-seconds";
 import { renderMarkdown } from "/markdown.js?v=20260731-no-external-images-v1";
 import { findAiMention, listAiMentionOptions, mergeAiReferenceScope, userMessageMentionNames } from "/ai-mentions.js?v=20260811-user-message-mentions-v1";
@@ -20,7 +20,7 @@ import { MIN_MODEL_CONTEXT_WINDOW, MODEL_PURPOSE_OPTIONS, MODEL_THINKING_EFFORT_
 import { connectivityConfigurationSavedToast, connectivityTestErrorToast, connectivityTestResultToast } from "/ai-connectivity-test.js?v=20260812-connectivity-cooldown-v1";
 import { shouldSendAiPrompt } from "/ai-prompt-keyboard.js?v=20260713-enter-to-send";
 import { estimateAiMessageTokens, formatAiMessageMeta } from "/ai-message-meta.js?v=20260814-ai-model-lock-v1";
-import { createStreamTypewriter, createStreamTypewriterSpeedController } from "/stream-typewriter.js?v=20260815-ai-stream-typewriter-v4";
+import { createStreamTypewriter, createStreamTypewriterSpeedController } from "/stream-typewriter.js?v=20260818-ai-agent-turn-process-v1";
 import { assertAiStreamCompleted, readAiEventStream } from "/ai-stream-protocol.js?v=20260812-ai-stream-complete-v1";
 import { buildUsageCalendar, formatCacheHitRate, formatTokenCount } from "/ai-usage.js?v=20260727-ai-usage-v1";
 import { formatAiMessageTime } from "/ai-message-time.js?v=20260801-month-day-time";
@@ -73,7 +73,7 @@ import { splitRelationshipKeywordInput, splitRelationshipKeywords, uniqueRelatio
 import { tokenizeVisibleSpaces } from "/whitespace-visualization.js?v=20260718-visible-whitespace";
 import { buildRaceForest, eligibleRaceParents, orderRaceFilterOptions, racePathLabel } from "/race-hierarchy.js?v=20260729-race-tree-all-v1";
 import { ANALYSIS_TYPES, analysisTypeDescription } from "/analysis-types.js?v=20260721-analysis-descriptions";
-import { WORK_PERMISSION_MODULES, canReadPermissionModule, canReadUiModule, canWritePermissionModule, canWriteUiModule, emptyModulePermissions, firstReadableUiModule, normalizeModulePermissions, permissionSummary } from "/work-permissions.js?v=20260731-drafts-to-ideas-v1";
+import { WORK_PERMISSION_MODULES, canReadPermissionModule, canReadUiModule, canWritePermissionModule, canWriteUiModule, emptyModulePermissions, firstReadableUiModule, normalizeModulePermissions, permissionSummary } from "/work-permissions.js?v=20260818-annotation-permissions-v1";
 import { MODULE_LAYOUT_STORAGE_KEY, LEGACY_SETTINGS_LAYOUT_STORAGE_KEY, normalizeModuleLayout } from "/module-layout.js?v=20260723-module-layout-toggle";
 import { isGlobalSearchShortcut } from "/keyboard-shortcuts.js?v=20260723-global-search";
 import { prioritizeGlobalSearchResults, resolveGlobalSearchTarget, splitGlobalSearchHighlight } from "/global-search.js?v=20260804-agent-history-score-sort-v1";
@@ -178,6 +178,7 @@ const state = {
   aiConversationModelId: null,
   aiConversations: [],
   aiRoleplayCharacter: null,
+  aiRoleplayUserCharacter: null,
   aiLastMessageAt: null,
   settings: [],
   dirty: false,
@@ -230,6 +231,8 @@ let systemBootCheckTimer = null;
 let systemBootCheckPromise = null;
 let systemRestartDetected = false;
 let chapterAnnotations = [];
+let chapterAnnotationCounts = new Map();
+let chapterAnnotationsLineIndex = null;
 let workAuditRecords = [];
 let workAuditNextPage = null;
 const chapterBatchSelectedIds = new Set();
@@ -376,6 +379,13 @@ function canEditProse(work = state.work) {
   return canWriteUiModule(work, "editor");
 }
 
+function canManageChapterAnnotation(annotation, work = state.work) {
+  if (!work) return false;
+  if (annotation.kind !== "todo") return canEditProse(work);
+  if (["admin", "owner"].includes(String(work.accessRole))) return true;
+  return annotation.createdByUserId === state.user?.userId && canWritePermissionModule(work, "todos");
+}
+
 function canReplaceProse(work = state.work) {
   return WORK_PERMISSION_MODULES
     .filter((item) => item.id !== "ai-settings")
@@ -1334,9 +1344,9 @@ function applyPanelLayout(persist = false) {
     ? (panelLayout.leftCollapsed ? "打开作品模块" : "关闭作品模块")
     : (panelLayout.leftCollapsed ? "展开作品侧栏" : "收起作品侧栏"));
   $("#mobile-module-tab").setAttribute("aria-expanded", String(!panelLayout.leftCollapsed));
-  $("#ai-panel-toggle").textContent = panelLayout.aiCollapsed ? "‹" : "›";
+  $("#ai-panel-toggle").textContent = aiConversationWorkspaceOpen ? "×" : (panelLayout.aiCollapsed ? "‹" : "›");
   $("#ai-panel-toggle").setAttribute("aria-expanded", String(!panelLayout.aiCollapsed));
-  $("#ai-panel-toggle").setAttribute("aria-label", panelLayout.aiCollapsed ? "展开创作助手" : "收起创作助手");
+  $("#ai-panel-toggle").setAttribute("aria-label", aiConversationWorkspaceOpen ? "关闭创作助手全屏面板" : (panelLayout.aiCollapsed ? "展开创作助手" : "收起创作助手"));
   syncMobileAiPanelSafeTop();
   scheduleChapterLineNumbers();
   if (persist) {
@@ -1346,7 +1356,12 @@ function applyPanelLayout(persist = false) {
 
 function ensureAiPanelExpanded() {
   if (!state.work || !canReadPermissionModule(state.work, "ai-chat")) return;
-  setAiConversationWorkspaceVisible(true);
+  if (isMobileViewport()) {
+    setAiConversationWorkspaceVisible(true);
+    return;
+  }
+  panelLayout.aiCollapsed = false;
+  applyPanelLayout(true);
 }
 
 function setupPanelResize(handle, side) {
@@ -1496,7 +1511,7 @@ function applyChapterEditorMode() {
   $("#chapter-content").setAttribute("aria-readonly", String(viewOnly));
   $("#chapter-edit-button").classList.toggle("hidden", permissionBlocked || !chapterEditorReadOnly || !state.chapter);
   $("#chapter-delete-button").classList.toggle("hidden", permissionBlocked || chapterEditorReadOnly || !state.chapter);
-  $("#chapter-annotations-button").classList.toggle("hidden", !state.chapter);
+  $("#chapter-annotations-button").classList.toggle("hidden", !state.chapter || !canReadModule("comments"));
   $("#chapter-reader-button").classList.toggle("hidden", !state.chapter || !canReadModule("editor"));
   syncChapterSearchControls();
   if (viewOnly) cancelChapterAutoSave();
@@ -1788,22 +1803,36 @@ function renderChapterLineNumbers({ targetLineIndex = null } = {}) {
   );
   const numbers = document.createDocumentFragment();
   for (let index = lineWindow.start; index < lineWindow.end; index += 1) {
-    const number = document.createElement("button");
-    number.type = "button";
+    const number = document.createElement("div");
     number.className = "chapter-line-number";
-    number.textContent = String(index + 1);
     number.dataset.lineIndex = String(index);
-    number.setAttribute("aria-label", `选择第 ${index + 1} 行`);
-    number.tabIndex = -1;
+    const lineSelect = document.createElement("button");
+    lineSelect.type = "button";
+    lineSelect.className = "chapter-line-number-select";
+    lineSelect.textContent = String(index + 1);
+    lineSelect.setAttribute("aria-label", `选择第 ${index + 1} 行`);
+    lineSelect.tabIndex = -1;
+    number.append(lineSelect);
+    const annotationCount = chapterAnnotationCounts.get(index + 1) ?? 0;
+    if (annotationCount > 0) {
+      const bubble = document.createElement("button");
+      bubble.type = "button";
+      bubble.className = "chapter-line-annotation-count";
+      bubble.dataset.lineIndex = String(index);
+      bubble.dataset.lineAnnotationCount = String(annotationCount);
+      bubble.textContent = String(annotationCount);
+      bubble.setAttribute("aria-label", `查看第 ${index + 1} 行的 ${annotationCount} 条评论和待办`);
+      number.append(bubble);
+    }
     const selected = chapterLineSelection && index >= chapterLineSelection.start && index <= chapterLineSelection.end;
     if (selected) {
       number.classList.add("is-line-selected");
-      number.setAttribute("aria-pressed", "true");
+      lineSelect.setAttribute("aria-pressed", "true");
     }
     const bounds = getLineBounds(index);
     number.style.top = `${bounds.top}px`;
     number.style.height = `${bounds.bottom - bounds.top}px`;
-    number.style.paddingTop = `${numberTextOffset}px`;
+    lineSelect.style.paddingTop = `${numberTextOffset}px`;
     numbers.append(number);
   }
   inner.replaceChildren(numbers);
@@ -1879,7 +1908,7 @@ function paintChapterLineSelection(anchor, focus) {
   $("#chapter-line-numbers-inner").querySelectorAll(".chapter-line-number").forEach((row) => {
     const selected = Number(row.dataset.lineIndex) >= start && Number(row.dataset.lineIndex) <= end;
     row.classList.toggle("is-line-selected", selected);
-    row.setAttribute("aria-pressed", String(selected));
+    row.querySelector(".chapter-line-number-select")?.setAttribute("aria-pressed", String(selected));
   });
 }
 
@@ -2012,6 +2041,7 @@ function createAiChatTabState(input = {}) {
     taskType: input.taskType ?? "chat",
     contextScope: input.contextScope ?? { type: "none" },
     roleplayCharacter: input.roleplayCharacter ?? null,
+    roleplayUserCharacter: input.roleplayUserCharacter ?? null,
     citations: input.citations ?? [],
     references: input.references ?? [],
     composer: input.composer ?? { text: "", citations: [], references: [] },
@@ -2039,6 +2069,7 @@ function persistActiveAiChatTab() {
   tab.taskType = state.aiTaskType;
   tab.contextScope = { ...state.aiContextScope };
   tab.roleplayCharacter = state.aiRoleplayCharacter ? { ...state.aiRoleplayCharacter } : null;
+  tab.roleplayUserCharacter = state.aiRoleplayUserCharacter ? { ...state.aiRoleplayUserCharacter } : null;
   setAiChatTabComposerSnapshot(tab, captureAiPromptComposer());
   tab.contextUsage = latestAiContextUsage;
   tab.contextWarning = !$("#ai-context-warning").classList.contains("hidden");
@@ -2071,9 +2102,10 @@ function applyAiChatTabState(tab) {
   $("#ai-conversation-title").textContent = tab.title || "新对话";
   applyAiConversationTaskType(tab.taskType);
   applyAiConversationContextScope(tab.contextScope);
-  applyAiRoleplayCharacter(tab.roleplayCharacter);
+  applyAiRoleplayCharacter(tab.roleplayCharacter, tab.roleplayUserCharacter);
   const selectedModelId = tab.modelId ?? tab.selectedModelId;
   if (selectedModelId && state.models.some((model) => model.id === selectedModelId)) $("#ai-model").value = selectedModelId;
+  syncAiModelPicker();
   setAiPromptText(tab.composer.text);
   renderAiCitations();
   renderAiReferences();
@@ -2187,20 +2219,21 @@ function setAiConversationSwitcherVisible(visible) {
 }
 
 function setAiConversationWorkspaceVisible(visible) {
+  const mobileWorkspace = isMobileViewport();
   aiConversationWorkspaceOpen = Boolean(visible);
-  if (aiConversationWorkspaceOpen) {
-    panelLayout.aiCollapsed = false;
-    $("#app").classList.remove("ai-panel-collapsed");
-  }
+  panelLayout.aiCollapsed = aiConversationWorkspaceOpen ? false : mobileWorkspace;
   $("#app").classList.toggle("ai-workspace-mode", aiConversationWorkspaceOpen);
   $(".ai-panel").classList.toggle("is-conversation-workspace", aiConversationWorkspaceOpen);
   $("#ai-assistant-entry").classList.toggle("active", aiConversationWorkspaceOpen);
   $("#ai-assistant-entry").setAttribute("aria-expanded", String(aiConversationWorkspaceOpen));
+  applyPanelLayout(true);
   $("#ai-chat-tabs").classList.add("hidden");
   $("#ai-workspace-close").classList.toggle("hidden", !aiConversationWorkspaceOpen);
   $("#ai-panel-resize").setAttribute("aria-hidden", String(aiConversationWorkspaceOpen));
   setAiConversationSwitcherVisible(false);
   renderAiChatTabs();
+  $("#ai-panel-toggle").textContent = aiConversationWorkspaceOpen ? "×" : (panelLayout.aiCollapsed ? "‹" : "›");
+  $("#ai-panel-toggle").setAttribute("aria-label", aiConversationWorkspaceOpen ? "关闭创作助手全屏面板" : (panelLayout.aiCollapsed ? "展开创作助手" : "收起创作助手"));
   if (aiConversationWorkspaceOpen) {
     window.requestAnimationFrame(() => $("#ai-prompt").focus({ preventScroll: true }));
   }
@@ -2311,7 +2344,7 @@ function resetAiChatTabs() {
   panels.replaceChildren();
   aiChatTabManager.reset();
   const tab = createAiChatTabState();
-  resetAiFeed(tab.feed, tab.roleplayCharacter);
+  resetAiFeed(tab.feed, tab.roleplayCharacter, tab.roleplayUserCharacter);
   activateAiChatTab(tab.id, { persistCurrent: false, force: true });
 }
 
@@ -2356,13 +2389,18 @@ function updateMessageCreatedAt(message, createdAt) {
   }
 }
 
-function resetAiFeed(feed = $("#ai-feed"), roleplayCharacter = state.aiRoleplayCharacter) {
+function resetAiFeed(
+  feed = $("#ai-feed"),
+  roleplayCharacter = state.aiRoleplayCharacter,
+  roleplayUserCharacter = state.aiRoleplayUserCharacter
+) {
   const tab = aiChatTabManager.get(feed?.dataset.aiTabId);
   if (tab) tab.lastMessageAt = null;
   if (isActiveAiChatTab(tab)) state.aiLastMessageAt = null;
   const roleplayName = roleplayCharacter?.name;
+  const roleplayUserName = roleplayUserCharacter?.name;
   feed.innerHTML = roleplayName
-    ? `<div class="assistant-message"><span class="message-heading"><span>${esc(roleplayName)}</span></span><div class="message-body"><p>正在扮演 ${esc(roleplayName)}。我只能通过角色卡和与自己有关的记忆回答。</p></div></div>`
+    ? `<div class="assistant-message"><span class="message-heading"><span>${esc(roleplayName)}</span></span><div class="message-body"><p>正在扮演 ${esc(roleplayName)}。${roleplayUserName ? `你将以 ${esc(roleplayUserName)} 的身份与我互动。` : "我只能通过角色卡和与自己有关的记忆回答。"}</p></div></div>`
     : '<div class="assistant-message"><span class="message-heading"><span>助手</span></span><div class="message-body"><p>选择章节和模型后，可以问答、续写或校对。所有引用都基于已保存正文。</p></div></div>';
 }
 
@@ -2371,6 +2409,10 @@ function aiAssistantLabel(suffix = "", roleplayCharacter = state.aiRoleplayChara
   return suffix ? `${name} · ${suffix}` : name;
 }
 
+function aiUserLabel(roleplayUserCharacter = state.aiRoleplayUserCharacter) {
+  return roleplayUserCharacter?.name || "作者";
+}
+
 function createAiContextCompactionDivider({ kind = "conversation", ariaLabel = "当前上下文已压缩", title = "" } = {}) {
   const divider = document.createElement("div");
   divider.className = "ai-context-compaction-divider";
@@ -2411,16 +2453,18 @@ function renderMessageCardActions(message) {
     message.append(actions);
   }
   actions.replaceChildren();
-  if (Object.hasOwn(message.dataset, "rawMarkdown")) {
+  const hasCopyValue = Object.hasOwn(message.dataset, "rawMarkdown") || Object.hasOwn(message.dataset, "copyText");
+  if (hasCopyValue) {
     const copy = document.createElement("button");
     copy.type = "button";
     copy.className = "message-copy-button";
-    copy.setAttribute("aria-label", "复制 AI 原始 Markdown");
+    const isUserMessage = message.classList.contains("user-message");
+    copy.setAttribute("aria-label", isUserMessage ? "复制用户指令" : "复制 AI 回复");
     copy.innerHTML = '<svg class="message-action-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/></svg><span>复制</span>';
     const copyLabel = copy.querySelector("span");
     copy.addEventListener("click", async () => {
       try {
-        await copyAiRawMarkdown(message.dataset.rawMarkdown);
+        await copyAiRawMarkdown(message.dataset.rawMarkdown ?? message.dataset.copyText ?? "");
         copyLabel.textContent = "已复制";
         window.setTimeout(() => { copyLabel.textContent = "复制"; }, 1200);
       } catch (error) {
@@ -2470,6 +2514,11 @@ function attachAssistantCopyAction(message, rawMarkdown) {
   renderMessageCardActions(message);
 }
 
+function attachUserCopyAction(message, text) {
+  message.dataset.copyText = String(text ?? "");
+  renderMessageCardActions(message);
+}
+
 function attachMessageIdentity(message, messageId) {
   if (!messageId) return;
   message.dataset.messageId = messageId;
@@ -2865,6 +2914,7 @@ function aiConversationHistoryMeta(conversation) {
     aiConversationContextScopeLabel(conversation.contextScope)
   ];
   if (conversation.roleplayCharacter?.name) parts.push(`扮演 ${conversation.roleplayCharacter.name}`);
+  if (conversation.roleplayUserCharacter?.name) parts.push(`用户扮演 ${conversation.roleplayUserCharacter.name}`);
   parts.push(formatDateTime(conversation.updatedAt));
   return parts.join(" · ");
 }
@@ -3081,12 +3131,13 @@ function applyConversationToAiChatTab(tab, conversation) {
   tab.taskType = conversation.taskType ?? "chat";
   tab.contextScope = conversation.contextScope ?? { type: "none" };
   tab.roleplayCharacter = conversation.roleplayCharacter ?? null;
+  tab.roleplayUserCharacter = conversation.roleplayUserCharacter ?? null;
   tab.citations = [];
   tab.references = [];
   tab.composer = { text: "", citations: [], references: [] };
   tab.contextUsage = null;
   tab.contextWarning = conversation.contextWarningPending === true;
-  resetAiFeed(tab.feed, tab.roleplayCharacter);
+  resetAiFeed(tab.feed, tab.roleplayCharacter, tab.roleplayUserCharacter);
   for (const message of conversation.messages ?? []) {
     appendMessage(message.role, message.content, message.citations, message.createdAt, message.metadata, message.id, { tab });
   }
@@ -3161,10 +3212,65 @@ function renderAiRoleplayCharacterSelect() {
       ? aiConversationOptionLockedMessage
       : "为当前对话选择角色卡；角色扮演时 Agent 只能查询与该角色自身有关的记忆"
     : "当前账户没有角色模块读取权限";
+  renderAiRoleplayUserCharacterSelect();
+}
+
+function renderAiRoleplayUserCharacterSelect() {
+  const select = $("#ai-roleplay-user-character");
+  const selectedId = String(state.aiRoleplayUserCharacter?.id ?? "");
+  const aiCharacterId = String(state.aiRoleplayCharacter?.id ?? "");
+  const availableCharacters = state.characters.filter((character) => (
+    !character.mergedIntoCharacterId && String(character.id) !== aiCharacterId
+  ));
+  const options = [{ id: "", name: "选择我的角色（可选）" }, ...availableCharacters.map((character) => ({
+    id: String(character.id),
+    name: `${String(character.name)}${character.isDead ? "（已死亡）" : ""}`
+  }))];
+  if (selectedId && !options.some((option) => option.id === selectedId)) {
+    options.push({ id: selectedId, name: String(state.aiRoleplayUserCharacter.name) });
+  }
+  select.replaceChildren(...options.map((option) => {
+    const element = document.createElement("option");
+    element.value = option.id;
+    element.textContent = option.name;
+    return element;
+  }));
+  select.value = selectedId;
+  const canSelectCharacter = Boolean(state.work)
+    && canReadModule("characters")
+    && canWritePermissionModule(state.work, "ai-chat");
+  select.disabled = aiInteractionBusy() || !canSelectCharacter || !state.aiRoleplayCharacter;
+  select.title = !canSelectCharacter
+    ? "当前账户没有角色模块读取权限"
+    : !state.aiRoleplayCharacter
+      ? "请先选择 AI 扮演的角色"
+      : state.aiPromptSent
+        ? aiConversationOptionLockedMessage
+        : "选择后，AI 会将每条用户消息视为该角色的发言或行动";
 }
 
 const aiConversationOptionLockedMessage = "会话选项在会话开始后不支持修改，若需要修改，请新建会话";
 
+function selectedAiModelLabel() {
+  return $("#ai-model").selectedOptions[0]?.textContent?.trim() || "尚未选择模型";
+}
+
+function syncAiModelPicker() {
+  const select = $("#ai-model");
+  const button = $("#ai-model-picker");
+  const interactionBusy = aiInteractionBusy();
+  const selectedLabel = selectedAiModelLabel();
+  const label = state.aiPromptSent
+    ? `当前模型：${selectedLabel}。${aiConversationOptionLockedMessage}`
+    : `选择实际使用模型：${selectedLabel}`;
+  select.disabled = interactionBusy;
+  select.title = state.aiPromptSent ? aiConversationOptionLockedMessage : "";
+  button.disabled = interactionBusy;
+  button.title = label;
+  button.setAttribute("aria-label", label);
+  if (interactionBusy) setAiModelPickerVisible(false);
+}
+
 function notifyAiConversationOptionLocked(select) {
   if (!state.aiPromptSent) return false;
   const now = Date.now();
@@ -3188,19 +3294,21 @@ function blockLockedAiConversationOptionKeydown(event) {
 
 function syncAiTaskOptions() {
   const roleplaySelected = $("#ai-task").value === "roleplay";
+  const relationshipRoleplaySelectable = roleplaySelected && Boolean(state.aiRoleplayCharacter);
   const interactionBusy = aiInteractionBusy();
   $("#ai-scope").classList.toggle("hidden", roleplaySelected);
   $("#ai-scope").setAttribute("aria-hidden", String(roleplaySelected));
   $("#ai-roleplay-character").classList.toggle("hidden", !roleplaySelected);
   $("#ai-roleplay-character").setAttribute("aria-hidden", String(!roleplaySelected));
+  $("#ai-roleplay-user-character").classList.toggle("hidden", !relationshipRoleplaySelectable);
+  $("#ai-roleplay-user-character").setAttribute("aria-hidden", String(!relationshipRoleplaySelectable));
   $("#ai-task").disabled = interactionBusy;
   $("#ai-task").title = state.aiPromptSent ? aiConversationOptionLockedMessage : "";
   $("#ai-scope").disabled = interactionBusy || roleplaySelected;
   $("#ai-scope").title = state.aiPromptSent
     ? aiConversationOptionLockedMessage
     : roleplaySelected ? "角色扮演模式只使用角色自身的记忆" : "";
-  $("#ai-model").disabled = interactionBusy;
-  $("#ai-model").title = state.aiPromptSent ? aiConversationOptionLockedMessage : "";
+  syncAiModelPicker();
 }
 
 function applyAiConversationTaskType(taskType) {
@@ -3226,15 +3334,19 @@ function applyAiConversationContextScope(scope) {
   syncAiTaskOptions();
 }
 
-function applyAiRoleplayCharacter(character) {
+function applyAiRoleplayCharacter(character, userCharacter = null) {
   state.aiRoleplayCharacter = character?.id ? character : null;
+  state.aiRoleplayUserCharacter = state.aiRoleplayCharacter && userCharacter?.id ? userCharacter : null;
   const tab = activeAiChatTab();
   if (tab) tab.roleplayCharacter = state.aiRoleplayCharacter ? { ...state.aiRoleplayCharacter } : null;
+  if (tab) tab.roleplayUserCharacter = state.aiRoleplayUserCharacter ? { ...state.aiRoleplayUserCharacter } : null;
   const active = Boolean(state.aiRoleplayCharacter);
   if (active) $("#ai-scope").value = "none";
   $(".ai-panel").classList.toggle("is-roleplaying", active);
   $("#ai-prompt").dataset.placeholder = active
-    ? `与 ${String(state.aiRoleplayCharacter.name)} 角色开始对话……`
+    ? state.aiRoleplayUserCharacter
+      ? `以 ${String(state.aiRoleplayUserCharacter.name)} 的身份与 ${String(state.aiRoleplayCharacter.name)} 对话……`
+      : `与 ${String(state.aiRoleplayCharacter.name)} 角色开始对话……`
     : "告诉 AI 你想讨论或修改什么……";
   renderAiRoleplayCharacterSelect();
   syncAiTaskOptions();
@@ -3245,22 +3357,27 @@ function refreshAiMessageRoleLabels() {
   $("#ai-feed").querySelectorAll(".assistant-message .message-heading > span").forEach((label) => {
     label.textContent = aiAssistantLabel();
   });
+  $("#ai-feed").querySelectorAll(".user-message .message-heading > span").forEach((label) => {
+    label.textContent = aiUserLabel();
+  });
 }
 
-async function updateAiRoleplayCharacter(characterId) {
+async function updateAiRoleplayCharacter(characterId, userCharacterId = null) {
   const conversationId = await ensureAiConversation();
   const conversation = await api(`/api/ai-conversations/${conversationId}/roleplay`, {
     method: "PATCH",
-    body: { characterId: characterId || null }
+    body: { characterId: characterId || null, userCharacterId: userCharacterId || null }
   });
   upsertAiConversationSummary(conversation);
   applyAiConversationTaskType(conversation.taskType);
-  applyAiRoleplayCharacter(conversation.roleplayCharacter);
+  applyAiRoleplayCharacter(conversation.roleplayCharacter, conversation.roleplayUserCharacter);
   resetAiContextMeter();
   if ($("#ai-feed").querySelector("[data-message-id]")) refreshAiMessageRoleLabels();
   else resetAiFeed();
   toast(conversation.roleplayCharacter
-    ? `已进入 ${conversation.roleplayCharacter.name} 的角色扮演模式`
+    ? conversation.roleplayUserCharacter
+      ? `已进入 ${conversation.roleplayCharacter.name} 与 ${conversation.roleplayUserCharacter.name} 的关系扮演模式`
+      : `已进入 ${conversation.roleplayCharacter.name} 的角色扮演模式`
     : "已退出角色扮演模式");
 }
 
@@ -3278,7 +3395,7 @@ async function persistAiConversationTaskType(taskType) {
   });
   upsertAiConversationSummary(conversation);
   applyAiConversationTaskType(conversation.taskType);
-  applyAiRoleplayCharacter(conversation.roleplayCharacter);
+  applyAiRoleplayCharacter(conversation.roleplayCharacter, conversation.roleplayUserCharacter);
   return conversation;
 }
 
@@ -3318,9 +3435,10 @@ async function prepareAiRequestConversation(requestHolder, taskType, scope) {
   upsertAiConversationSummary(taskConversation);
   tab.taskType = taskConversation.taskType;
   tab.roleplayCharacter = taskConversation.roleplayCharacter ?? null;
+  tab.roleplayUserCharacter = taskConversation.roleplayUserCharacter ?? null;
   if (isActiveAiChatTab(tab)) {
     applyAiConversationTaskType(tab.taskType);
-    applyAiRoleplayCharacter(tab.roleplayCharacter);
+    applyAiRoleplayCharacter(tab.roleplayCharacter, tab.roleplayUserCharacter);
   }
 
   const scopedConversation = await api(`/api/ai-conversations/${encodeURIComponent(request.conversationId)}/context-scope`, {
@@ -3576,7 +3694,8 @@ function addSelectedLinesAsCitation() {
 }
 
 async function createSelectedLineAnnotation(kind) {
-  if (!state.chapter || !chapterLineSelection || !canEditProse()) return;
+  const permissionModule = kind === "todo" ? "todos" : "comments";
+  if (!state.chapter || !chapterLineSelection || !canWritePermissionModule(state.work, permissionModule)) return;
   const selection = selectedChapterLinePayload(chapterLineSelection.start, chapterLineSelection.end);
   closeLineCitationMenu();
   const note = await inputToast(kind === "todo" ? "描述需要后续处理的事项" : `评论第 ${selection.safeStart + 1} 行正文`, {
@@ -3592,7 +3711,8 @@ async function createSelectedLineAnnotation(kind) {
       body: { kind, startLine: selection.safeStart + 1, endLine: selection.safeEnd + 1, note }
     });
     toast(kind === "todo" ? "正文待办已添加" : "正文评论已添加");
-    await openChapterAnnotationsDialog();
+    await loadChapterAnnotationCounts();
+    await openChapterAnnotationsDialog(selection.safeStart);
   } catch (error) {
     toast(error.message, "error");
   }
@@ -3620,7 +3740,7 @@ function chapterAnnotationCard(annotation, { showSource = false } = {}) {
     <blockquote>${esc(annotation.quote || "空白行")}</blockquote>
     <p data-annotation-content>${esc(annotation.note)}</p>
     <small>${esc(annotation.actor)} · ${esc(formatDateTime(annotation.updatedAt))} · v${Number(annotation.versionNo)}</small>
-    <footer><button type="button" data-annotation-locate>定位原文</button>${canEditProse() ? `<button type="button" data-annotation-edit>${annotation.kind === "todo" ? "编辑待办" : "编辑评论"}</button><button type="button" data-annotation-status>${annotation.status === "resolved" ? "重新打开" : (annotation.kind === "todo" ? "完成待办" : "解决评论")}</button><button class="danger-button" type="button" data-annotation-delete>${annotation.kind === "todo" ? "删除待办" : "删除评论"}</button>` : ""}</footer>
+    <footer><button type="button" data-annotation-locate>定位原文</button>${canManageChapterAnnotation(annotation) ? `<button type="button" data-annotation-edit>${annotation.kind === "todo" ? "编辑待办" : "编辑评论"}</button><button type="button" data-annotation-status>${annotation.status === "resolved" ? "重新打开" : (annotation.kind === "todo" ? "完成待办" : "解决评论")}</button><button class="danger-button" type="button" data-annotation-delete>${annotation.kind === "todo" ? "删除待办" : "删除评论"}</button>` : ""}</footer>
   </article>`;
 }
 
@@ -3680,9 +3800,12 @@ function renderChapterAnnotations() {
   const host = $("#chapter-annotations-list");
   host.innerHTML = chapterAnnotations.length
     ? chapterAnnotations.map((annotation) => chapterAnnotationCard(annotation)).join("")
-    : '<p class="entity-history-empty">本章还没有评论。在正文行上点击右键即可添加。</p>';
+    : `<p class="entity-history-empty">${chapterAnnotationsLineIndex === null ? "本章还没有评论。在正文行上点击右键即可添加。" : `第 ${chapterAnnotationsLineIndex + 1} 行还没有评论或待办。`}</p>`;
   bindChapterAnnotationCards(host, chapterAnnotations, {
-    refresh: loadChapterAnnotations,
+    refresh: async () => {
+      await loadChapterAnnotationCounts();
+      await loadChapterAnnotations(chapterAnnotationsLineIndex);
+    },
     locate: (annotation) => {
       $("#chapter-annotations-dialog").close();
       paintChapterLineSelection(annotation.startLine - 1, annotation.endLine - 1);
@@ -3692,19 +3815,43 @@ function renderChapterAnnotations() {
   });
 }
 
-async function loadChapterAnnotations() {
+async function loadChapterAnnotationCounts(chapterId = state.chapter?.id) {
+  if (!chapterId || !canReadModule("comments") && !canReadModule("todos")) {
+    chapterAnnotationCounts = new Map();
+    scheduleChapterLineNumbers();
+    return;
+  }
+  const counts = await api(`/api/chapters/${encodeURIComponent(chapterId)}/annotation-counts`);
+  if (String(state.chapter?.id ?? "") !== String(chapterId)) return;
+  chapterAnnotationCounts = new Map(
+    (Array.isArray(counts) ? counts : [])
+      .map((item) => [Number(item.line), Number(item.count)])
+      .filter(([line, count]) => Number.isInteger(line) && line > 0 && Number.isInteger(count) && count > 0)
+  );
+  scheduleChapterLineNumbers();
+}
+
+async function loadChapterAnnotations(lineIndex = chapterAnnotationsLineIndex) {
   if (!state.chapter) return;
-  chapterAnnotations = await api(`/api/chapters/${encodeURIComponent(state.chapter.id)}/annotations`);
+  const chapterId = state.chapter.id;
+  const line = Number.isInteger(lineIndex) && lineIndex >= 0 ? lineIndex + 1 : null;
+  const query = line === null ? "" : `?line=${encodeURIComponent(line)}`;
+  const annotations = await api(`/api/chapters/${encodeURIComponent(chapterId)}/annotations${query}`);
+  if (String(state.chapter?.id ?? "") !== String(chapterId)) return;
+  chapterAnnotationsLineIndex = line === null ? null : line - 1;
+  chapterAnnotations = annotations;
   renderChapterAnnotations();
 }
 
-async function openChapterAnnotationsDialog() {
+async function openChapterAnnotationsDialog(lineIndex = null) {
   if (!state.chapter) return;
-  $("#chapter-annotations-meta").textContent = `《${state.chapter.title}》的正文评论`;
+  chapterAnnotationsLineIndex = Number.isInteger(lineIndex) && lineIndex >= 0 ? lineIndex : null;
+  const lineLabel = chapterAnnotationsLineIndex === null ? "" : `第 ${chapterAnnotationsLineIndex + 1} 行的`;
+  $("#chapter-annotations-meta").textContent = `《${state.chapter.title}》${lineLabel}正文评论与待办`;
   $("#chapter-annotations-list").innerHTML = '<p class="entity-history-empty">正在加载评论…</p>';
   if (!$("#chapter-annotations-dialog").open) $("#chapter-annotations-dialog").showModal();
   try {
-    await loadChapterAnnotations();
+    await loadChapterAnnotations(chapterAnnotationsLineIndex);
   } catch (error) {
     $("#chapter-annotations-dialog").close();
     toast(error.message, "error");
@@ -3722,8 +3869,8 @@ function showLineCitationMenu(event, lineIndex) {
     selectChapterLines(lineIndex, lineIndex);
   }
   const menu = $("#line-citation-menu");
-  $("#add-line-annotation").classList.toggle("hidden", !canEditProse());
-  $("#add-line-todo").classList.toggle("hidden", !canEditProse());
+  $("#add-line-annotation").classList.toggle("hidden", !canWritePermissionModule(state.work, "comments"));
+  $("#add-line-todo").classList.toggle("hidden", !canWritePermissionModule(state.work, "todos"));
   const { start, end } = chapterLineSelection;
   $("#line-citation-label").textContent = start === end ? `第 ${start + 1} 行` : `第 ${start + 1}-${end + 1} 行`;
   menu.classList.remove("hidden");
@@ -3736,7 +3883,7 @@ function clearChapterLineSelection() {
   chapterLineSelection = null;
   $("#chapter-line-numbers-inner")?.querySelectorAll(".is-line-selected").forEach((row) => {
     row.classList.remove("is-line-selected");
-    row.setAttribute("aria-pressed", "false");
+    row.querySelector(".chapter-line-number-select")?.setAttribute("aria-pressed", "false");
   });
 }
 
@@ -5860,7 +6007,7 @@ function renderMemberPermissionGrid(value) {
     <select data-member-permission="${esc(item.id)}" aria-label="${esc(item.label)}权限">
       <option value="none" ${permissions[item.id] === "none" ? "selected" : ""}>无权限</option>
       <option value="read" ${permissions[item.id] === "read" ? "selected" : ""}>只读</option>
-      <option value="write" ${permissions[item.id] === "write" ? "selected" : ""}>可编辑</option>
+      <option value="write" ${permissions[item.id] === "write" ? "selected" : ""}>${["comments", "todos"].includes(item.id) ? "可添加" : "可编辑"}</option>
     </select>
   </label>`).join("");
 }
@@ -6458,6 +6605,7 @@ function resetWorkScopedUiCaches() {
   state.characters = [];
   state.settings = [];
   state.races = [];
+  state.organizations = [];
   characterListPage = 1;
   draftTypeFilter = "all";
   draftBindingFilters = [];
@@ -6488,6 +6636,8 @@ function resetWorkScopedUiCaches() {
   state.aiConversations = [];
   resetAiChatTabs();
   $("#ai-model").innerHTML = '<option value="">使用创作助手时加载模型</option>';
+  syncAiModelPicker();
+  setAiModelPickerVisible(false);
   renderAiConversationHistory();
 }
 
@@ -7174,8 +7324,12 @@ async function selectChapter(chapterId, { editMode = false } = {}) {
   const normalizedContent = normalizeParagraphSpacing(state.chapter.content);
   const spacingChanged = normalizedContent !== state.chapter.content;
   $("#chapter-content").value = normalizedContent;
+  chapterAnnotationCounts = new Map();
   clearChapterLineSelection();
   scheduleChapterLineNumbers();
+  void loadChapterAnnotationCounts(state.chapter.id).catch((error) => {
+    if (String(state.chapter?.id ?? "") === String(chapterId)) toast("正文评论数量读取失败，请稍后重试", "error");
+  });
   dismissChapterInsightToast();
   updateChapterStats();
   if (!canEditProse()) setSaveState("正文只读");
@@ -7711,7 +7865,7 @@ const moduleMeta = {
   timeline: ["剧情脉络", "大事件时间轴", "候选事件经作者确认后，才进入正式时间线。", "新建事件"],
   outlines: ["创作规划", "大纲/伏笔", "为每章维护目标、冲突与转折，并持续提醒尚未回收的伏笔。", "新建伏笔"],
   relationships: ["跨章证据", "人物关系", "记录关系方向、阶段、置信度与原文依据。", "新建关系"],
-  comments: ["正文协作", "正文评论", "集中查看并处理当前作品所有章节的评论与待办。", ""],
+  comments: ["正文协作", "正文评论与待办", "集中查看并处理当前作品所有章节的评论与待办。", ""],
   reviews: ["作者决策", "审核队列", "集中处理冲突、候选设定、低置信度关系和时间问题。", "新增审核项"],
   tasks: ["AI 深度分析", "AI 分析中心", "对全书或指定章节运行人物关系、世界观、设定、事件与一致性分析。", "开始 AI 分析"],
   "ai-settings": ["书籍提示词", "本书 AI 设置", "本书系统提示词会追加在内置提示词和平台全局提示词之后；任务默认模型只作用于当前作品。", "保存设置"]
@@ -9281,8 +9435,8 @@ async function renderWorkChapterComments(page = moduleListPages.comments) {
   moduleListPages.comments = pageResult.page;
   mountModuleCount(total);
   $("#module-content").innerHTML = result.items.length
-    ? `<div class="chapter-comment-module-list">${result.items.map((annotation) => chapterAnnotationCard(annotation, { showSource: true })).join("")}</div>${renderModulePagination(pageResult, "comments", "正文评论列表")}`
-    : emptyModule("还没有正文评论", "在任一正文行上点击右键，即可添加评论或待办。");
+    ? `<div class="chapter-comment-module-list">${result.items.map((annotation) => chapterAnnotationCard(annotation, { showSource: true })).join("")}</div>${renderModulePagination(pageResult, "comments", "正文评论与待办列表")}`
+    : emptyModule("还没有正文评论或待办", "在任一正文行上点击右键，即可添加评论或待办。");
   bindModulePagination("comments", renderWorkChapterComments);
   bindChapterAnnotationCards($("#module-content"), result.items, {
     refresh: () => renderWorkChapterComments(pageResult.page),
@@ -11325,12 +11479,16 @@ async function ensureAiModelsLoaded() {
   if (aiModelsLoadPromise && aiModelsLoadWorkId === workId) return aiModelsLoadPromise;
   const select = $("#ai-model");
   select.innerHTML = '<option value="">正在加载模型……</option>';
+  syncAiModelPicker();
   aiModelsLoadWorkId = workId;
   aiModelsLoadPromise = loadModels();
   try {
     await aiModelsLoadPromise;
   } catch (error) {
-    if (state.work?.id === workId) select.innerHTML = '<option value="">模型加载失败，点击重试</option>';
+    if (state.work?.id === workId) {
+      select.innerHTML = '<option value="">模型加载失败，点击重试</option>';
+      syncAiModelPicker();
+    }
     throw error;
   } finally {
     if (aiModelsLoadWorkId === workId) {
@@ -11465,6 +11623,14 @@ function setAiContextDistributionVisible(visible) {
   if (!visible && document.activeElement === $("#ai-context-popover-close")) meter.focus();
 }
 
+function setAiModelPickerVisible(visible) {
+  const button = $("#ai-model-picker");
+  const popover = $("#ai-model-popover");
+  popover.classList.toggle("hidden", !visible);
+  button.setAttribute("aria-expanded", String(visible));
+  if (!visible && document.activeElement === $("#ai-model")) button.focus();
+}
+
 function showAiContextWarning(usage = null) {
   $("#ai-context-warning-title").textContent = "对话上下文过长";
   $("#ai-context-warning-message").textContent = "当前对话上下文过长，是否进行压缩？不压缩可能会导致后续请求失败";
@@ -11491,13 +11657,17 @@ async function loadAiReferences() {
   const workId = state.work?.id;
   if (!workId) return;
   const generation = workScopedUiGeneration;
-  const [characters, settings] = await Promise.all([
+  const [characters, settings, races, organizations] = await Promise.all([
     canReadModule("characters") ? apiAllPages(`/api/works/${workId}/characters`) : Promise.resolve([]),
-    canReadModule("settings") ? api(`/api/works/${workId}/settings/context`) : Promise.resolve([])
+    canReadModule("settings") ? api(`/api/works/${workId}/settings/context`) : Promise.resolve([]),
+    canReadModule("races") ? api(`/api/works/${workId}/races`) : Promise.resolve([]),
+    canReadModule("organizations") ? apiAllPages(`/api/works/${workId}/organizations`) : Promise.resolve([])
   ]);
   if (state.work?.id !== workId || generation !== workScopedUiGeneration) return;
   state.characters = characters;
   state.settings = settings;
+  state.races = races;
+  state.organizations = organizations;
   renderAiRoleplayCharacterSelect();
   loadedAiReferencesWorkId = workId;
 }
@@ -14629,6 +14799,7 @@ async function sendAiWithOptions({ ignoreContextWarning = false } = {}) {
   try {
     try {
       await ensureAiModelsLoaded();
+      await ensureAiReferencesLoaded();
     } catch (error) {
       if (isAiRequestCancellation(error, requestHolder.snapshot) || !aiRequestTargetsCurrentState(requestHolder.snapshot)) throw error;
       setAiChatTabStatus(tab, "error");
@@ -14876,6 +15047,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
     }
   });
   let streamedText = "";
+  let streamedPendingText = "";
   let generatedMetadata = {};
   let toolCalls = [];
   let processSteps = [];
@@ -14886,7 +15058,6 @@ async function streamChat(requestHolder, body, idempotencyKey) {
   let contextAction = "ready";
   let warningOnly = false;
   let streamContextCompacted = false;
-  let finalAnswerStarted = false;
   const processStartedAt = Date.now();
   const elapsedProcessTime = () => Math.max(0, Date.now() - processStartedAt);
   const processStepTypewriters = new Map();
@@ -14904,7 +15075,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
       onRender: (text) => {
         if (!aiRequestTargetsCurrentState(requestHolder.snapshot)) return;
         processStepVisibleContents.set(step, text);
-        renderStreamingProcessSteps(finalAnswerStarted);
+        renderStreamingProcessSteps(false);
         scrollAiFeedToBottom(feed);
       }
     });
@@ -14977,18 +15148,21 @@ async function streamChat(requestHolder, body, idempotencyKey) {
         }
       } else if (eventName === "delta") {
         mountAssistantMessage();
-        const firstFinalDelta = streamedText.length === 0;
         const delta = typeof payload.delta === "string" ? payload.delta : "";
         streamedText += delta;
-        if (streamedText.length > 0) finalAnswerStarted = true;
+        streamedPendingText += delta;
         typewriter.append(delta);
-        if (firstFinalDelta && processSteps.length) renderStreamingProcessSteps(true, elapsedProcessTime());
         meta.textContent = "正在生成回复……";
       } else if (eventName === "process_step") {
         mountAssistantMessage();
         const step = { ...payload };
         const append = step.append === true;
         delete step.append;
+        if (step.type === "intermediate" && typeof step.content === "string" && streamedPendingText.endsWith(step.content)) {
+          streamedPendingText = streamedPendingText.slice(0, -step.content.length);
+          streamedText = streamedText.slice(0, -step.content.length);
+          typewriter.replace(streamedText);
+        }
         const existing = append ? processSteps.find((item) => item.id === step.id && item.type === step.type) : null;
         if (existing && typeof step.content === "string") existing.content += step.content;
         else processSteps.push(step);
@@ -14996,7 +15170,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
         if (typeof step.content === "string" && step.content.length > 0 && step.type === "thinking") {
           processStepTypewriter(targetStep).append(step.content);
         }
-        renderStreamingProcessSteps(finalAnswerStarted, elapsedProcessTime());
+        renderStreamingProcessSteps(false, elapsedProcessTime());
         meta.textContent = step.type === "thinking"
           ? `正在思考 · 第 ${Number(step.round) || 1} 轮`
           : step.type === "context_compaction"
@@ -15011,7 +15185,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
         if (toolCall.status === "failed") setAiChatTabStatus(tab, "error");
         toolCalls.push(toolCall);
         processSteps.push(aiToolProcessStep(toolCall, round));
-        renderStreamingProcessSteps(finalAnswerStarted, elapsedProcessTime());
+        renderStreamingProcessSteps(false, elapsedProcessTime());
         meta.textContent = `已调用 ${toolCalls.length} 个工具，正在等待模型处理结果`;
         scrollAiFeedToBottom(feed);
       } else if (eventName === "context_compacted") {
@@ -15123,7 +15297,9 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
   });
   const heading = attachMessageHeading(
     message,
-    role === "user" ? "作者" : aiAssistantLabel(isInterrupted ? aiStreamInterruptionLabel(interruptionCode) : "", tab?.roleplayCharacter),
+    role === "user"
+      ? aiUserLabel(tab?.roleplayUserCharacter)
+      : aiAssistantLabel(isInterrupted ? aiStreamInterruptionLabel(interruptionCode) : "", tab?.roleplayCharacter),
     createdAt ?? undefined,
     tab
   );
@@ -15135,20 +15311,27 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
     failureBadge.setAttribute("aria-label", `消息状态：${isInterrupted ? aiStreamInterruptionLabel(interruptionCode) : "失败"}`);
     heading.firstElementChild?.append(failureBadge);
   }
-  const mentionNames = role === "user"
-    ? userMessageMentionNames(metadata?.mentionCharacterIds, state.characters)
+  const mentionGroups = role === "user"
+    ? [
+      ["角色", metadata?.mentionCharacterIds, state.characters],
+      ["种族", metadata?.mentionRaceIds, state.races],
+      ["组织", metadata?.mentionOrganizationIds, state.organizations]
+    ]
+      .flatMap(([kind, ids, items]) => userMessageMentionNames(ids, items).map((name) => ({ kind, name })))
     : [];
-  if (mentionNames.length) {
+  if (mentionGroups.length) {
     const references = document.createElement("div");
     references.className = "user-message-mentions";
     const label = document.createElement("span");
     label.className = "user-message-mentions-label";
-    label.textContent = "引用角色";
+    label.textContent = "引用";
     references.append(label);
-    for (const name of mentionNames) {
+    for (const { kind, name } of mentionGroups) {
       const reference = document.createElement("span");
       reference.className = "user-message-mention";
       reference.textContent = name;
+      reference.title = `${kind}：${name}`;
+      reference.setAttribute("aria-label", `${kind}：${name}`);
       references.append(reference);
     }
     message.append(references);
@@ -15174,6 +15357,7 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
   if (role === "assistant") {
     renderAiProcessSteps(message, processSteps, true, processDurationMs);
   }
+  if (role === "user") attachUserCopyAction(message, text);
   if (role === "assistant" && !text.startsWith("调用失败：")) {
     const selectedModelId = tab?.modelId ?? tab?.selectedModelId ?? $("#ai-model").value;
     const selectedModel = state.models.find((model) => model.id === selectedModelId) ?? state.models[0];
@@ -16648,6 +16832,7 @@ $("#chapter-content").addEventListener("contextmenu", (event) => {
   showLineCitationMenu(event, lineIndexAtPointer(event.clientY));
 });
 $("#chapter-line-numbers-inner").addEventListener("pointerdown", (event) => {
+  if (event.target.closest(".chapter-line-annotation-count")) return;
   const row = event.target.closest(".chapter-line-number");
   if (!row || event.button !== 0) return;
   event.preventDefault();
@@ -16670,7 +16855,23 @@ const finishChapterLineDrag = (event) => {
 };
 $("#chapter-line-numbers-inner").addEventListener("pointerup", finishChapterLineDrag);
 $("#chapter-line-numbers-inner").addEventListener("pointercancel", finishChapterLineDrag);
+$("#chapter-line-numbers-inner").addEventListener("click", (event) => {
+  const bubble = event.target.closest(".chapter-line-annotation-count");
+  if (bubble) {
+    event.preventDefault();
+    event.stopPropagation();
+    openChapterAnnotationsDialog(Number(bubble.dataset.lineIndex)).catch((error) => toast(error.message, "error"));
+    return;
+  }
+  const lineSelect = event.target.closest(".chapter-line-number-select");
+  if (!lineSelect) return;
+  const lineIndex = Number(lineSelect.closest(".chapter-line-number")?.dataset.lineIndex);
+  if (!Number.isInteger(lineIndex)) return;
+  paintChapterLineSelection(lineIndex, lineIndex);
+  selectChapterLines(lineIndex, lineIndex);
+});
 $("#chapter-line-numbers-inner").addEventListener("contextmenu", (event) => {
+  if (event.target.closest(".chapter-line-annotation-count")) return;
   const row = event.target.closest(".chapter-line-number");
   if (row) showLineCitationMenu(event, Number(row.dataset.lineIndex));
 });
@@ -16680,7 +16881,10 @@ $("#add-line-todo").addEventListener("click", () => createSelectedLineAnnotation
 $("#chapter-annotations-button").addEventListener("click", () => openChapterAnnotationsDialog().catch((error) => toast(error.message, "error")));
 $("#chapter-annotations-close").addEventListener("click", () => $("#chapter-annotations-dialog").close());
 $("#chapter-annotations-done").addEventListener("click", () => $("#chapter-annotations-dialog").close());
-$("#chapter-annotations-refresh").addEventListener("click", () => loadChapterAnnotations().catch((error) => toast(error.message, "error")));
+$("#chapter-annotations-refresh").addEventListener("click", () => Promise.all([
+  loadChapterAnnotationCounts(),
+  loadChapterAnnotations(chapterAnnotationsLineIndex)
+]).catch((error) => toast(error.message, "error")));
 $("#left-panel-toggle").addEventListener("click", () => {
   panelLayout.leftCollapsed = !panelLayout.leftCollapsed;
   applyPanelLayout(true);
@@ -16718,6 +16922,8 @@ $("#ai-assistant-entry").addEventListener("click", () => {
   if (isMobileViewport()) {
     panelLayout.leftCollapsed = true;
     applyPanelLayout(true);
+    setAiConversationWorkspaceVisible(true);
+    return;
   }
   setAiConversationWorkspaceVisible(true);
 });
@@ -16755,7 +16961,7 @@ $("#ai-prompt").addEventListener("input", async () => {
 $("#ai-prompt").addEventListener("focus", () => {
   ensureAiModelsLoaded().catch((error) => toast(`模型加载失败：${error.message}`, "error"));
 });
-for (const select of [$("#ai-task"), $("#ai-scope"), $("#ai-roleplay-character"), $("#ai-model")]) {
+for (const select of [$("#ai-task"), $("#ai-scope"), $("#ai-roleplay-character"), $("#ai-roleplay-user-character"), $("#ai-model")]) {
   select.addEventListener("pointerdown", blockLockedAiConversationOptionInteraction);
   select.addEventListener("click", blockLockedAiConversationOptionInteraction);
   select.addEventListener("keydown", blockLockedAiConversationOptionKeydown);
@@ -16766,9 +16972,26 @@ $("#ai-model").addEventListener("focus", () => {
 $("#ai-model").addEventListener("change", (event) => {
   if (state.aiPromptSent) {
     event.currentTarget.value = state.aiConversationModelId ?? event.currentTarget.value;
+    syncAiModelPicker();
     return toast(aiConversationOptionLockedMessage);
   }
   setAiContextMeter(null);
+  syncAiModelPicker();
+  setAiModelPickerVisible(false);
+});
+$("#ai-model-picker").addEventListener("click", async (event) => {
+  const button = event.currentTarget;
+  if (notifyAiConversationOptionLocked(button)) return;
+  const willOpen = $("#ai-model-popover").classList.contains("hidden");
+  setAiContextDistributionVisible(false);
+  setAiModelPickerVisible(willOpen);
+  if (!willOpen) return;
+  try {
+    await ensureAiModelsLoaded();
+  } catch (error) {
+    toast(`模型加载失败：${error.message}`, "error");
+  }
+  if (!$("#ai-model-popover").classList.contains("hidden") && !$("#ai-model").disabled) $("#ai-model").focus();
 });
 $("#ai-roleplay-character").addEventListener("focus", async () => {
   try {
@@ -16795,6 +17018,31 @@ $("#ai-roleplay-character").addEventListener("change", async (event) => {
     renderAiRoleplayCharacterSelect();
   }
 });
+$("#ai-roleplay-user-character").addEventListener("focus", async () => {
+  try {
+    await ensureAiReferencesLoaded();
+    renderAiRoleplayUserCharacterSelect();
+  } catch (error) {
+    toast(`角色卡加载失败：${error.message}`, "error");
+  }
+});
+$("#ai-roleplay-user-character").addEventListener("change", async (event) => {
+  const select = event.currentTarget;
+  if (state.aiPromptSent) {
+    renderAiRoleplayUserCharacterSelect();
+    return toast(aiConversationOptionLockedMessage);
+  }
+  const userCharacterId = select.value;
+  select.disabled = true;
+  try {
+    await updateAiRoleplayCharacter($("#ai-roleplay-character").value, userCharacterId);
+  } catch (error) {
+    renderAiRoleplayUserCharacterSelect();
+    toast(`关系扮演模式切换失败：${error.message}`, "error");
+  } finally {
+    renderAiRoleplayUserCharacterSelect();
+  }
+});
 $("#ai-task").addEventListener("change", async (event) => {
   const select = event.currentTarget;
   const previousTaskType = select.dataset.previousValue || state.aiTaskType || "chat";
@@ -16989,6 +17237,7 @@ document.addEventListener("pointerdown", (event) => {
   if (!event.target.closest("#ai-conversation-switcher-menu") && !event.target.closest("#ai-conversation-switcher")) setAiConversationSwitcherVisible(false);
   if (!event.target.closest(".prompt-composer")) hideAiMentionMenu();
   if (!event.target.closest("#ai-context-meter") && !event.target.closest("#ai-context-popover")) setAiContextDistributionVisible(false);
+  if (!event.target.closest("#ai-model-picker") && !event.target.closest("#ai-model-popover")) setAiModelPickerVisible(false);
   if (!event.target.closest("#account-button") && !event.target.closest("#account-menu")) {
     $("#account-menu").classList.add("hidden");
     $("#account-button").setAttribute("aria-expanded", "false");
@@ -17006,6 +17255,10 @@ document.addEventListener("keydown", (event) => {
     return;
   }
   if (event.key === "Escape") {
+    if (!$("#ai-model-popover").classList.contains("hidden")) {
+      setAiModelPickerVisible(false);
+      return;
+    }
     if (!$("#chapter-search-panel").classList.contains("hidden")) {
       closeChapterSearchPanel();
       return;
@@ -17041,6 +17294,7 @@ document.addEventListener("keydown", (event) => {
   openSearchDialog().catch((error) => toast(error.message, "error"));
 }, { capture: true });
 $("#ai-context-meter").addEventListener("click", () => {
+  setAiModelPickerVisible(false);
   setAiContextDistributionVisible($("#ai-context-popover").classList.contains("hidden"));
 });
 $("#ai-context-popover-close").addEventListener("click", () => setAiContextDistributionVisible(false));