@musnows/scriverse 0.8.1 → 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";
@@ -178,6 +178,7 @@ const state = {
   aiConversationModelId: null,
   aiConversations: [],
   aiRoleplayCharacter: null,
+  aiRoleplayUserCharacter: null,
   aiLastMessageAt: null,
   settings: [],
   dirty: false,
@@ -2040,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: [] },
@@ -2067,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");
@@ -2099,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();
@@ -2340,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 });
 }
 
@@ -2385,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>';
 }
 
@@ -2400,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";
@@ -2901,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(" · ");
 }
@@ -3117,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 });
   }
@@ -3197,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();
@@ -3224,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) {
@@ -3262,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();
@@ -3281,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} 的角色扮演模式`
     : "已退出角色扮演模式");
 }
 
@@ -3314,7 +3395,7 @@ async function persistAiConversationTaskType(taskType) {
   });
   upsertAiConversationSummary(conversation);
   applyAiConversationTaskType(conversation.taskType);
-  applyAiRoleplayCharacter(conversation.roleplayCharacter);
+  applyAiRoleplayCharacter(conversation.roleplayCharacter, conversation.roleplayUserCharacter);
   return conversation;
 }
 
@@ -3354,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`, {
@@ -6554,6 +6636,8 @@ function resetWorkScopedUiCaches() {
   state.aiConversations = [];
   resetAiChatTabs();
   $("#ai-model").innerHTML = '<option value="">使用创作助手时加载模型</option>';
+  syncAiModelPicker();
+  setAiModelPickerVisible(false);
   renderAiConversationHistory();
 }
 
@@ -11395,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) {
@@ -11535,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 = "当前对话上下文过长，是否进行压缩？不压缩可能会导致后续请求失败";
@@ -15201,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
   );
@@ -16863,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);
@@ -16874,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 {
@@ -16903,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";
@@ -17097,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");
@@ -17114,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;
@@ -17149,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));

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">
   </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"></script>
   </body>
 </html>

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);

package/dist/public/styles.css

@@ -2711,9 +2711,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .prompt-options { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 7px; }
 .prompt-options select { padding: 6px; color: var(--muted); font-size: 10px; }
 .prompt-options .ai-roleplay-character { min-width: 0; }
+.prompt-options .ai-roleplay-user-character { grid-column: 1 / -1; }
 .ai-panel.is-roleplaying .ai-roleplay-character { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); color: var(--accent-dark); }
-.prompt-model-field { margin: 0 0 7px; }
-.prompt-model-field select { padding: 6px; color: var(--muted); font-size: 10px; }
 .prompt-composer { position: relative; }
 .ai-mention-menu { position: absolute; z-index: 20; left: 0; right: 0; bottom: calc(100% + 6px); max-height: 230px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); box-shadow: 0 12px 34px rgba(49,42,32,.18); }
 .ai-mention-option { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
@@ -2736,13 +2735,24 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-context-meter b { position: relative; z-index: 1; font-size: 9px; font-weight: 600; }.ai-context-meter.is-warning { --context-meter-color: #bf6a35; }.ai-context-meter.is-danger { --context-meter-color: #ad463c; }.ai-context-meter.is-empty { opacity: .62; }
 .ai-context-popover { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 40; display: grid; width: min(320px, calc(100vw - 32px)); gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--ink); box-shadow: 0 14px 38px rgba(36, 30, 24, .18); }
 .ai-context-popover.hidden { display: none; }
-.ai-context-popover::after { position: absolute; right: 71px; bottom: -6px; width: 10px; height: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); content: ""; transform: rotate(45deg); }
+.ai-context-popover::after { position: absolute; right: 87px; bottom: -6px; width: 10px; height: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); content: ""; transform: rotate(45deg); }
 .ai-context-popover-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
 .ai-context-popover-header > div { display: grid; gap: 3px; min-width: 0; }
 .ai-context-popover-header strong { font-size: 12px; }
 .ai-context-popover-header small { color: var(--muted); font: 9px/1.4 var(--font-latin), var(--font-cjk), sans-serif; }
 .ai-context-popover-close { flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font: 17px/1 var(--font-latin), sans-serif; }
 .ai-context-popover-close:hover, .ai-context-popover-close:focus-visible { border-color: var(--accent); color: var(--accent-dark); outline: 0; }
+.ai-model-picker { display: grid; flex: 0 0 32px; place-items: center; width: 32px; min-width: 32px; min-height: 32px; height: 32px; padding: 0; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--muted); }
+.ai-model-picker:hover, .ai-model-picker:focus-visible, .ai-model-picker[aria-expanded="true"] { border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); color: var(--accent-dark); outline: 0; }
+.ai-model-picker:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent); }
+.ai-model-picker:disabled { cursor: wait; opacity: .56; }
+.ai-model-picker-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
+.ai-model-popover { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 41; display: grid; width: min(280px, calc(100vw - 32px)); gap: 7px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--ink); box-shadow: 0 14px 38px rgba(36, 30, 24, .18); }
+.ai-model-popover.hidden { display: none; }
+.ai-model-popover::after { position: absolute; right: 49px; bottom: -6px; width: 10px; height: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); content: ""; transform: rotate(45deg); }
+.ai-model-popover > label { color: var(--muted); font-size: 10px; font-weight: 600; }
+.ai-model-popover select { width: 100%; min-width: 0; padding: 7px; color: var(--ink); font-size: 10px; }
+.ai-model-popover select:focus-visible { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
 .ai-context-distribution { display: grid; gap: 10px; }
 .ai-context-distribution-row { display: grid; gap: 5px; }
 .ai-context-distribution-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font: 10px/1.3 var(--font-latin), sans-serif; }
@@ -3999,7 +4009,7 @@ body { font-size: var(--ui-font-size); }
 .guard-card strong, .guard-card p, .message-actions button { font-size: calc(10px * var(--ai-font-scale)); }
 .ai-context-warning strong { font-size: calc(11px * var(--ai-font-scale)); }
 .ai-context-warning p, .ai-context-warning button { font-size: calc(9px * var(--ai-font-scale)); }
-.prompt-options select, .prompt-model-field select, .ai-mention-option strong, .ai-mention-empty { font-size: calc(10px * var(--ai-font-scale)); }
+.prompt-options select, .ai-model-popover > label, .ai-model-popover select, .ai-mention-option strong, .ai-mention-empty { font-size: calc(10px * var(--ai-font-scale)); }
 .ai-mention-option small { font-size: calc(8px * var(--ai-font-scale)); }
 .ai-prompt { font-size: var(--ai-font-size); }
 .ai-prompt-reference { font-size: calc(10px * var(--ai-font-scale)); }