@musnows/scriverse 0.8.1 → 0.8.3

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";
@@ -24,7 +24,8 @@ import { createStreamTypewriter, createStreamTypewriterSpeedController } from "/
 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";
-import { formatAiContextUsagePercent, formatAiContextUsageTooltip, mergeAiContextUsage, normalizeAiContextTokenDistribution, resolveAiContextUsage } from "/ai-context-meter.js?v=20260812-context-usage-remaining-v2";
+import { formatAiContextUsagePercent, formatAiContextUsageTooltip, mergeAiContextUsage, normalizeAiContextTokenDistribution, resolveAiContextUsage } from "/ai-context-meter.js?v=20260819-context-percent-v1";
+import { isPhoneClient } from "/phone-client.js?v=20260819-phone-client-v1";
 import { formatAiToolCallResult } from "/ai-tool-call.js?v=20260801-ai-tool-result-chars-v1";
 import { copyAiRawMarkdown } from "/ai-message-actions.js?v=20260713-copy-raw-markdown";
 import { bindPlainTextPaste } from "/plain-text-paste.js?v=20260815-plain-text-paste-v1";
@@ -178,6 +179,7 @@ const state = {
   aiConversationModelId: null,
   aiConversations: [],
   aiRoleplayCharacter: null,
+  aiRoleplayUserCharacter: null,
   aiLastMessageAt: null,
   settings: [],
   dirty: false,
@@ -1330,12 +1332,15 @@ function constrainPanelLayout() {
 }
 
 function applyPanelLayout(persist = false) {
+  const phoneClient = isPhoneClient();
+  if (phoneClient && !aiConversationWorkspaceOpen) panelLayout.aiCollapsed = true;
   constrainPanelLayout();
   const app = $("#app");
   app.style.setProperty("--left-panel-width", `${panelLayout.leftWidth}px`);
   app.style.setProperty("--ai-panel-width", `${panelLayout.aiWidth}px`);
   app.classList.toggle("left-panel-collapsed", panelLayout.leftCollapsed);
   app.classList.toggle("ai-panel-collapsed", panelLayout.aiCollapsed);
+  app.classList.toggle("phone-client", phoneClient);
   const mobileViewport = isMobileViewport();
   $("#left-panel-toggle").textContent = mobileViewport ? "›" : (panelLayout.leftCollapsed ? "›" : "‹");
   $("#left-panel-toggle").setAttribute("aria-expanded", String(!panelLayout.leftCollapsed));
@@ -1355,7 +1360,7 @@ function applyPanelLayout(persist = false) {
 
 function ensureAiPanelExpanded() {
   if (!state.work || !canReadPermissionModule(state.work, "ai-chat")) return;
-  if (isMobileViewport()) {
+  if (isPhoneClient() || isMobileViewport()) {
     setAiConversationWorkspaceVisible(true);
     return;
   }
@@ -2040,6 +2045,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: [] },
@@ -2067,6 +2073,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");
@@ -2099,9 +2106,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();
@@ -2215,7 +2223,7 @@ function setAiConversationSwitcherVisible(visible) {
 }
 
 function setAiConversationWorkspaceVisible(visible) {
-  const mobileWorkspace = isMobileViewport();
+  const mobileWorkspace = isPhoneClient() || isMobileViewport();
   aiConversationWorkspaceOpen = Boolean(visible);
   panelLayout.aiCollapsed = aiConversationWorkspaceOpen ? false : mobileWorkspace;
   $("#app").classList.toggle("ai-workspace-mode", aiConversationWorkspaceOpen);
@@ -2340,7 +2348,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 });
 }
 
@@ -2385,13 +2393,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>';
 }
 
@@ -2400,6 +2413,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";
@@ -2901,6 +2918,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(" · ");
 }
@@ -3117,12 +3135,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 });
   }
@@ -3197,10 +3216,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();
@@ -3224,19 +3298,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) {
@@ -3262,15 +3338,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();
@@ -3281,22 +3361,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} 的角色扮演模式`
     : "已退出角色扮演模式");
 }
 
@@ -3314,7 +3399,7 @@ async function persistAiConversationTaskType(taskType) {
   });
   upsertAiConversationSummary(conversation);
   applyAiConversationTaskType(conversation.taskType);
-  applyAiRoleplayCharacter(conversation.roleplayCharacter);
+  applyAiRoleplayCharacter(conversation.roleplayCharacter, conversation.roleplayUserCharacter);
   return conversation;
 }
 
@@ -3354,9 +3439,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`, {
@@ -3726,8 +3812,7 @@ function renderChapterAnnotations() {
     },
     locate: (annotation) => {
       $("#chapter-annotations-dialog").close();
-      paintChapterLineSelection(annotation.startLine - 1, annotation.endLine - 1);
-      selectChapterLines(annotation.startLine - 1, annotation.endLine - 1);
+      revealChapterLines(annotation.startLine, annotation.endLine);
     },
     overlayDialog: $("#chapter-annotations-dialog")
   });
@@ -6303,7 +6388,7 @@ async function runWorkSearch() {
   renderSearchResults(results, query);
 }
 
-function revealChapterSearchLines(startLine, endLine) {
+function revealChapterLines(startLine, endLine) {
   const start = Math.max(0, Number(startLine) - 1);
   const end = Math.max(start, Number(endLine ?? startLine) - 1);
   const input = $("#chapter-content");
@@ -6358,7 +6443,7 @@ async function openSearchResult(result) {
   if (target.kind === "chapter") {
     await selectChapter(target.id);
     if (state.chapter?.id === target.id && target.startLine) {
-      revealChapterSearchLines(target.startLine, target.endLine);
+      revealChapterLines(target.startLine, target.endLine);
       toast(target.startLine === target.endLine ? `已定位到第 ${target.startLine} 行` : `已定位到第 ${target.startLine}-${target.endLine} 行`);
     }
     return;
@@ -6554,6 +6639,8 @@ function resetWorkScopedUiCaches() {
   state.aiConversations = [];
   resetAiChatTabs();
   $("#ai-model").innerHTML = '<option value="">使用创作助手时加载模型</option>';
+  syncAiModelPicker();
+  setAiModelPickerVisible(false);
   renderAiConversationHistory();
 }
 
@@ -9357,10 +9444,10 @@ async function renderWorkChapterComments(page = moduleListPages.comments) {
   bindChapterAnnotationCards($("#module-content"), result.items, {
     refresh: () => renderWorkChapterComments(pageResult.page),
     locate: async (annotation) => {
-      await selectChapter(annotation.chapterId);
+      const selected = await selectChapter(annotation.chapterId);
+      if (!selected || String(state.chapter?.id ?? "") !== String(annotation.chapterId)) return;
       await new Promise((resolve) => window.requestAnimationFrame(resolve));
-      paintChapterLineSelection(annotation.startLine - 1, annotation.endLine - 1);
-      selectChapterLines(annotation.startLine - 1, annotation.endLine - 1);
+      revealChapterLines(annotation.startLine, annotation.endLine);
     }
   });
 }
@@ -11395,12 +11482,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) {
@@ -11535,6 +11626,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 = "当前对话上下文过长，是否进行压缩？不压缩可能会导致后续请求失败";
@@ -12813,8 +12912,17 @@ function updateVditorWordCount(editor, markdown) {
     counter.title = "当前 Markdown 正文的字数，不计空白字符";
     toolbar.append(counter);
   }
+  let value = counter.querySelector("[data-markdown-word-count-value]");
+  if (!value) {
+    value = document.createElement("span");
+    value.className = "markdown-word-count-value";
+    value.dataset.markdownWordCountValue = "true";
+    const unit = document.createElement("span");
+    unit.textContent = " 字";
+    counter.replaceChildren(value, unit);
+  }
   const count = Array.from(String(markdown ?? "").replace(/\s/gu, "")).length;
-  counter.textContent = `${count.toLocaleString("zh-CN")} 字`;
+  value.textContent = count.toLocaleString("zh-CN");
 }
 
 function transformVditorPreview(html) {
@@ -14917,6 +15025,22 @@ async function sendAiWithOptions({ ignoreContextWarning = false } = {}) {
   }
 }
 
+function createAiStreamCharacterCount(value) {
+  const count = document.createElement("span");
+  count.className = "ai-stream-character-count";
+  count.textContent = Math.max(0, Number(value) || 0).toLocaleString("zh-CN");
+  return count;
+}
+
+function renderAiStreamingCharacterProgress(meta, visibleCharacters, receivedCharacters) {
+  const visible = Math.max(0, Number(visibleCharacters) || 0);
+  const received = Math.max(visible, Number(receivedCharacters) || 0);
+  const children = ["正在生成 · ", createAiStreamCharacterCount(visible)];
+  if (received > visible) children.push(" / ", createAiStreamCharacterCount(received));
+  children.push(" 字");
+  meta.replaceChildren(...children);
+}
+
 async function streamChat(requestHolder, body, idempotencyKey) {
   const tab = aiChatTabForRequest(requestHolder.snapshot);
   if (!tab) throw createAiRequestAbortError("Agent 对话页签已关闭");
@@ -14944,9 +15068,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
       if (!aiRequestTargetsCurrentState(requestHolder.snapshot) || !mountAssistantMessage()) return;
       content.innerHTML = renderMarkdown(text);
       const receivedCharacters = progress.visibleCharacters + progress.pendingCharacters;
-      meta.textContent = progress.pendingCharacters > 0
-        ? `正在生成 · ${progress.visibleCharacters} / ${receivedCharacters} 字`
-        : `正在生成 · ${progress.visibleCharacters} 字`;
+      renderAiStreamingCharacterProgress(meta, progress.visibleCharacters, receivedCharacters);
       scrollAiFeedToBottom(feed);
     }
   });
@@ -15201,7 +15323,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
   );
@@ -16821,7 +16945,7 @@ $("#ai-assistant-entry").addEventListener("click", () => {
     return toast("当前账户没有创作助手读取权限", "error");
   }
   setModuleNavExpanded(false);
-  if (isMobileViewport()) {
+  if (isPhoneClient() || isMobileViewport()) {
     panelLayout.leftCollapsed = true;
     applyPanelLayout(true);
     setAiConversationWorkspaceVisible(true);
@@ -16863,7 +16987,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);
@@ -16874,9 +16998,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 {
@@ -16903,6 +17044,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";
@@ -17097,6 +17263,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");
@@ -17114,6 +17281,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;
@@ -17149,6 +17320,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));

package/dist/public/index.html

@@ -10,7 +10,7 @@
     <link rel="icon" href="/icon.svg?v=20260712" type="image/svg+xml">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="stylesheet" href="/vendor/vditor/dist/index.css?v=3.11.2">
-    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=line-number-gutter-fill-v1">
+    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -379,9 +379,9 @@
             <select id="ai-roleplay-character" class="ai-roleplay-character hidden" aria-label="角色扮演角色卡">
               <option value="">选择角色卡</option>
             </select>
-          </div>
-          <div class="field-label prompt-model-field">
-            <select id="ai-model" aria-label="实际使用模型"></select>
+            <select id="ai-roleplay-user-character" class="ai-roleplay-character ai-roleplay-user-character hidden" aria-label="我扮演的角色">
+              <option value="">选择我的角色（可选）</option>
+            </select>
           </div>
           <div class="prompt-composer">
             <div id="ai-prompt" class="ai-prompt" contenteditable="true" role="textbox" aria-multiline="true" aria-autocomplete="list" aria-controls="ai-mention-menu" aria-haspopup="listbox" aria-expanded="false" aria-keyshortcuts="Enter" title="Enter 发送，Shift+Enter 换行" data-placeholder="告诉 AI 你想讨论或修改什么……"></div>
@@ -392,6 +392,11 @@
                 <header class="ai-context-popover-header"><div><strong id="ai-context-popover-title">Token 分布</strong><small id="ai-context-popover-description">按当前模型上下文窗口计算</small></div><button id="ai-context-popover-close" class="ai-context-popover-close" type="button" aria-label="关闭 Token 分布">×</button></header>
                 <div id="ai-context-distribution" class="ai-context-distribution" role="list" aria-label="当前 Token 分布"></div>
               </section>
+              <button id="ai-model-picker" class="ai-model-picker" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="ai-model-popover" aria-label="选择实际使用模型" title="选择实际使用模型"><svg class="ai-model-picker-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 5.25a3.25 3.25 0 0 0-5.95 1.82A3.74 3.74 0 0 0 4.7 13.5a3.25 3.25 0 0 0 4.55 4.53A3.6 3.6 0 0 0 12 19.5"></path><path d="M12 5.25a3.25 3.25 0 0 1 5.95 1.82 3.74 3.74 0 0 1 1.35 6.43 3.25 3.25 0 0 1-4.55 4.53A3.6 3.6 0 0 1 12 19.5"></path><path d="M12 5.25v14.25"></path><path d="M8 9.1c1.1.1 2 .9 2.25 1.95"></path><path d="M16 9.1c-1.1.1-2 .9-2.25 1.95"></path><path d="M8.3 15.3c1.15-.05 2.1-.85 2.3-1.95"></path><path d="M15.7 15.3c-1.15-.05-2.1-.85-2.3-1.95"></path></svg></button>
+              <section id="ai-model-popover" class="ai-model-popover hidden" role="dialog" aria-labelledby="ai-model-popover-title">
+                <label id="ai-model-popover-title" for="ai-model">实际使用模型</label>
+                <select id="ai-model" aria-label="实际使用模型"><option value="">使用创作助手时加载模型</option></select>
+              </section>
               <button id="ai-send" class="ai-send-button" type="button" data-state="send" aria-label="发送消息" title="发送消息"><svg class="ai-send-button-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 3 9.5 14.5M21 3l-7 18-4.5-6.5L3 10l18-7Z"></path></svg></button>
             </div>
           </div>
@@ -1205,6 +1210,6 @@
     <div id="auth-loading" class="auth-loading" role="status" aria-label="正在载入工作台"></div>
     <script id="vditorIconScript" src="/vendor/vditor/dist/js/icons/ant.js?v=3.11.2"></script>
     <script src="/vendor/vditor/dist/index.min.js?v=3.11.2"></script>
-    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=calculate-time-tool-v1&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v1&feature=volume-detail-icon-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1"></script>
+    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v1&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v1&feature=volume-detail-icon-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v1&feature=phone-client-entry-v1"></script>
   </body>
 </html>

package/dist/public/phone-client.js

@@ -0,0 +1,6 @@
+export function isPhoneClient(navigatorLike = globalThis.navigator) {
+  const mobile = navigatorLike?.userAgentData?.mobile;
+  if (typeof mobile === "boolean") return mobile;
+  const userAgent = String(navigatorLike?.userAgent ?? "");
+  return /(?:Android.*Mobile|iPhone|iPod|IEMobile|Windows Phone|Opera Mini)/iu.test(userAgent);
+}

package/dist/public/relationship-graph.js

@@ -327,10 +327,18 @@ export function normalizeGalaxyMotionMode(value) {
   return GALAXY_MOTION_MODES.includes(value) ? value : "auto";
 }
 
+export function isGalaxyPerformanceThresholdExceeded(nodeCount, edgeCount) {
+  return Math.max(0, Number(nodeCount) || 0) > GALAXY_REDUCED_MOTION_NODE_THRESHOLD
+    || Math.max(0, Number(edgeCount) || 0) > GALAXY_REDUCED_MOTION_EDGE_THRESHOLD;
+}
+
+export function shouldRenderGalaxyEdgeLabel(nodeCount, edgeCount, edgeSelected, highlighted) {
+  return Boolean(edgeSelected) || (Boolean(highlighted) && !isGalaxyPerformanceThresholdExceeded(nodeCount, edgeCount));
+}
+
 export function getGalaxyMotionProfile(mode, nodeCount, edgeCount, prefersReducedMotion = false) {
   const requestedMode = normalizeGalaxyMotionMode(mode);
-  const thresholdExceeded = Math.max(0, Number(nodeCount) || 0) > GALAXY_REDUCED_MOTION_NODE_THRESHOLD
-    || Math.max(0, Number(edgeCount) || 0) > GALAXY_REDUCED_MOTION_EDGE_THRESHOLD;
+  const thresholdExceeded = isGalaxyPerformanceThresholdExceeded(nodeCount, edgeCount);
   const reducedBySystem = requestedMode === "auto" && Boolean(prefersReducedMotion);
   const reducedByThreshold = requestedMode === "auto" && thresholdExceeded;
   const effectiveMode = requestedMode === "off"
@@ -2528,7 +2536,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
         context.lineTo(to.x - Math.cos(angle + 0.45) * arrowSize, to.y - Math.sin(angle + 0.45) * arrowSize);
         context.fill();
       }
-      if (highlighted) {
+      if (shouldRenderGalaxyEdgeLabel(graph.stats.nodeCount, graph.stats.edgeCount, edgeSelected, highlighted)) {
         const fullLabel = formatRelationshipLabel(edge);
         if (!highlightedKeywordSet.has(fullLabel)) {
           highlightedKeywordSet.add(fullLabel);