@musnows/scriverse 0.8.6 → 0.8.8

package/dist/public/app.js

@@ -2,6 +2,14 @@ import { buildRelationshipGraph, createGalaxyRenderer, normalizeGalaxyFrameRate,
 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";
+import {
+  emptyRoleplayScenePin,
+  normalizeRoleplayScenePin,
+  parseRoleplayUserTurn,
+  roleplayScenePinHasContent,
+  roleplayUserTurnDisplayText,
+  roleplayUserTurnTitleSource
+} from "/roleplay-turn.js?v=20260823-ai-roleplay-scene-turn-v2";
 import { shouldShowAiQuickActions } from "/ai-conversation.js?v=20260713-quick-actions";
 import { createAiChatTabManager, normalizeAiChatTabLimit } from "/ai-chat-tabs.js?v=20260816-ai-chat-switcher-v2";
 import { aiRequestTargetsState, createAiRequestAbortError, createAiRequestManager, isAiRequestCancellation } from "/ai-request-manager.js?v=20260816-ai-chat-tabs-v1";
@@ -16,8 +24,8 @@ import {
   visibleForeshadowReminders
 } from "/foreshadow-reminder.js?v=20260812-editor-reminder-v1";
 import { buildVditorLineNumberRows } from "/vditor-line-number-layout.js?v=20260729-vditor-line-numbers-v3";
-import { MIN_MODEL_CONTEXT_WINDOW, MODEL_PURPOSE_OPTIONS, MODEL_THINKING_EFFORT_OPTIONS, isKimiModelId, modelContextWindowGuidance, modelFormValues, modelOptionLabel, modelPayload, modelThinkingEffortLabel, supportsMultimodalModelProtocol } from "/model-config.js?v=20260821-ai-model-thinking-label-v1&feature=ai-provider-responses-v1";
-import { connectivityConfigurationSavedToast, connectivityTestErrorToast, connectivityTestResultToast } from "/ai-connectivity-test.js?v=20260812-connectivity-cooldown-v1";
+import { MIN_MODEL_CONTEXT_WINDOW, MODEL_PURPOSE_OPTIONS, MODEL_THINKING_EFFORT_OPTIONS, isKimiModelId, modelContextWindowGuidance, modelFormValues, modelOptionLabel, modelPayload, modelThinkingEffortLabel, supportsMultimodalModelProtocol } from "/model-config.js?v=20260822-ai-model-thinking-label-v3&feature=ai-provider-responses-v1";
+import { connectivityConfigurationSavedToast, connectivityTestErrorToast, connectivityTestResultToast } from "/ai-connectivity-test.js?v=20260822-private-ai-endpoint-hint-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=20260818-ai-agent-turn-process-v1";
@@ -100,6 +108,7 @@ import { systemStatusPresentation } from "/system-status.js?v=20260801-system-he
 import { collectS3BackupRunTransitions, s3BackupEncryptionKeyFile, s3BackupEncryptionPresentation, s3BackupFailureToast, s3BackupRootPrefix, s3BackupStatusLabel } from "/s3-backup-ui.js?v=20260810-backup-encryption-v1";
 import { createPresenceClientId, stagePresenceClientIdForRelogin } from "/presence-client-id.js?v=20260810-presence-relogin-v1";
 import { normalizeUploadProgress, uploadProgressText } from "/upload-progress.js?v=20260812-upload-progress-v1";
+import { resolveToastRegionHost } from "/toast-layer.js?v=20260822-toast-modal-host-v1";
 import { buildGlobalReplaceRefreshPlan, resolveGlobalReplaceChapterCount } from "/global-replace-refresh.js?v=20260812-global-replace-tree-v2";
 import {
   clampCropRect,
@@ -461,6 +470,10 @@ function applyWorkAccessMode() {
   $(".ai-panel").classList.toggle("permission-hidden", aiHidden);
   $("#ai-prompt").readOnly = aiReadOnly;
   $("#ai-prompt").setAttribute("aria-readonly", String(aiReadOnly));
+  $("#ai-scene-direction").readOnly = aiReadOnly;
+  $("#ai-scene-location").readOnly = aiReadOnly;
+  $("#ai-scene-present").readOnly = aiReadOnly;
+  $("#ai-scene-time").readOnly = aiReadOnly;
   $("#ai-send").classList.toggle("permission-hidden", aiReadOnly);
   renderAiRoleplayCharacterSelect();
   updateBackgroundTaskCenterVisibility();
@@ -2082,7 +2095,7 @@ function createAiChatTabState(input = {}) {
     roleplayUserCharacter: input.roleplayUserCharacter ?? null,
     citations: input.citations ?? [],
     references: input.references ?? [],
-    composer: input.composer ?? { text: "", citations: [], references: [], images: [] },
+    composer: input.composer ?? { text: "", citations: [], references: [], images: [], sceneDirection: "", scenePin: emptyRoleplayScenePin() },
     contextUsage: input.contextUsage ?? null,
     contextWarning: input.contextWarning === true,
     lastMessageAt: input.lastMessageAt ?? null,
@@ -2124,12 +2137,21 @@ function setAiChatTabComposerSnapshot(tab, snapshot) {
     text: snapshot.text,
     citations: tab.citations.map((citation) => ({ ...citation })),
     references: tab.references.map((reference) => ({ ...reference })),
-    images: normalizeAiChatImageAttachments(snapshot.images)
+    images: normalizeAiChatImageAttachments(snapshot.images),
+    sceneDirection: String(snapshot.sceneDirection ?? ""),
+    scenePin: normalizeRoleplayScenePin(snapshot.scenePin)
   };
 }
 
 function clearAiChatTabComposer(tab) {
-  setAiChatTabComposerSnapshot(tab, { text: "", citations: [], references: [], images: [] });
+  setAiChatTabComposerSnapshot(tab, {
+    text: "",
+    citations: [],
+    references: [],
+    images: [],
+    sceneDirection: "",
+    scenePin: normalizeRoleplayScenePin(tab.composer?.scenePin)
+  });
 }
 
 function applyAiChatTabState(tab) {
@@ -2149,6 +2171,7 @@ function applyAiChatTabState(tab) {
   if (selectedModelId && state.models.some((model) => model.id === selectedModelId)) $("#ai-model").value = selectedModelId;
   syncAiModelPicker();
   setAiPromptText(tab.composer.text);
+  restoreAiSceneComposer(tab.composer);
   renderAiCitations();
   renderAiReferences();
   renderAiImageAttachments();
@@ -2170,7 +2193,9 @@ function aiChatTabIsReplaceable(tab = activeAiChatTab()) {
     && !(tab.composer?.text || "").trim()
     && !(tab.composer?.citations?.length)
     && !(tab.composer?.references?.length)
-    && !(tab.composer?.images?.length));
+    && !(tab.composer?.images?.length)
+    && !(tab.composer?.sceneDirection || "").trim()
+    && !roleplayScenePinHasContent(tab.composer?.scenePin));
 }
 
 function aiChatTabOpeningSlot() {
@@ -2443,7 +2468,7 @@ function resetAiFeed(
   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)}。${roleplayUserName ? `你将以 ${esc(roleplayUserName)} 的身份与我互动。` : "我可以通过角色卡、人物关系和故事正文回答。"}</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>';
 }
 
@@ -2521,8 +2546,9 @@ async function retryAiMessage(message) {
   const sourceTab = aiChatTabManager.get(message.closest(".ai-feed")?.dataset.aiTabId);
   const userMessage = findAiRetryUserMessage(message);
   const prompt = userMessage?.dataset.copyText ?? "";
+  const sceneDirection = userMessage?.dataset.sceneDirection ?? "";
   const userMessageId = userMessage?.dataset.messageId ?? "";
-  if (!sourceTab?.conversationId || !userMessageId || !prompt.trim()) {
+  if (!sourceTab?.conversationId || !userMessageId || !(prompt.trim() || sceneDirection.trim())) {
     toast("找不到需要重试的用户指令", "error");
     return;
   }
@@ -2535,6 +2561,7 @@ async function retryAiMessage(message) {
     retry: {
       message,
       prompt,
+      sceneDirection,
       citations: aiMessageCitations(userMessage),
       images: aiMessageImageAttachments(userMessage),
       userMessageId
@@ -2670,6 +2697,8 @@ const AI_TOOL_DISPLAY_NAMES = {
   recall_self: "回忆自身",
   image: "读取设定图片",
   recall_relationship: "回忆人物关系",
+  recall_other: "回忆相识角色",
+  recall_known: "回忆知情设定",
   recall_story: "回忆故事",
   calculate_time: "计算日期"
 };
@@ -2683,9 +2712,11 @@ const AI_TOOL_DESCRIPTIONS = {
   search_drafts: "搜索可能采用、也可能永远不会进入正文或正式设定的未确认临时想法。",
   recall_self: "读取当前扮演角色自己的角色卡、档案，以及自己参与的关系、时间线和正文记忆。",
   image: "读取设定正文引用的图片附件，并返回多模态模型的理解内容。",
-  recall_relationship: "不传角色列表时读取有关系的角色列表；传入一个或多个角色后读取当前角色与这些角色之间的关系详情。",
-  recall_story: "查询当前作品已保存正文中的关键词，返回匹配段落及章节信息。",
-  calculate_time: "计算日期差值，或从起始日期推算目标日期。"
+  recall_relationship: "不传角色列表时读取有关系的角色公开摘要；传入一个或多个角色后读取当前角色与这些角色之间的关系详情。",
+  recall_other: "读取自己通过关系、同一组织或共同参与时间线而认识的其他角色公开摘要。",
+  recall_known: "读取自己所属种族、组织，以及与自己身份相关的世界设定。",
+  recall_story: "查询自己姓名或别名出现过的正文段落，避免全知回忆。",
+  calculate_time: "计算两个 YYYY-MM-DD 日期之间的天数差。"
 };
 
 const aiFeedScrollFrames = new WeakMap();
@@ -3183,7 +3214,7 @@ function renderAiConversationHistory() {
 }
 
 function defaultAiConversationTitle(prompt) {
-  const normalized = String(prompt ?? "").replace(/\s+/gu, " ").trim();
+  const normalized = roleplayUserTurnTitleSource(String(prompt ?? "")).replace(/\s+/gu, " ").trim();
   return Array.from(normalized).slice(0, 15).join("") || "新对话";
 }
 
@@ -3191,7 +3222,7 @@ function upsertAiConversationSummary(conversation) {
   if (!conversation?.id) return;
   const current = state.aiConversations.find((item) => item.id === conversation.id);
   const lastMessage = Array.isArray(conversation.messages) ? conversation.messages.at(-1) : null;
-  const summary = { ...current, ...conversation, ...(lastMessage ? { preview: lastMessage.content } : {}) };
+  const summary = { ...current, ...conversation, ...(lastMessage ? { preview: roleplayUserTurnDisplayText(lastMessage.content) } : {}) };
   delete summary.messages;
   delete summary.messagesPage;
   if (!current && loadedAiConversationsWorkId === state.work?.id) {
@@ -3214,7 +3245,7 @@ function updateAiConversationSummaryFromMessage(message) {
     ...current,
     title: current.title === "新对话" && message.role === "user" ? defaultAiConversationTitle(message.content) : current.title,
     messageCount: Number(current.messageCount ?? 0) + 1,
-    preview: message.content,
+    preview: roleplayUserTurnDisplayText(message.content),
     ...(aiConversationMessageHasImages(message) ? { hasImageAttachments: true, modelLockedByImage: true } : {}),
     updatedAt: message.createdAt ?? current.updatedAt
   });
@@ -3349,7 +3380,14 @@ function applyConversationToAiChatTab(tab, conversation) {
   tab.roleplayUserCharacter = conversation.roleplayUserCharacter ?? null;
   tab.citations = [];
   tab.references = [];
-  tab.composer = { text: "", citations: [], references: [], images: [] };
+  tab.composer = {
+    text: "",
+    citations: [],
+    references: [],
+    images: [],
+    sceneDirection: "",
+    scenePin: normalizeRoleplayScenePin(conversation.scenePin)
+  };
   tab.contextUsage = null;
   tab.contextWarning = conversation.contextWarningPending === true;
   resetAiFeed(tab.feed, tab.roleplayCharacter, tab.roleplayUserCharacter);
@@ -3400,16 +3438,30 @@ async function createNewAiConversation(taskType = "chat") {
   }
 }
 
+function favoriteCharactersFirst(characters) {
+  const items = Array.isArray(characters) ? characters : [];
+  return [
+    ...items.filter((character) => character.isFavorite === true),
+    ...items.filter((character) => character.isFavorite !== true)
+  ];
+}
+
+function roleplayCharacterOptionLabel(character) {
+  const favoriteLabel = character?.isFavorite === true ? "[已收藏] " : "";
+  const deathLabel = character?.isDead ? "（已死亡）" : "";
+  return `${favoriteLabel}${String(character?.name ?? "")}${deathLabel}`;
+}
+
 function renderAiRoleplayCharacterSelect() {
   const select = $("#ai-roleplay-character");
   const selectedId = String(state.aiRoleplayCharacter?.id ?? "");
-  const availableCharacters = state.characters.filter((character) => !character.mergedIntoCharacterId);
+  const availableCharacters = favoriteCharactersFirst(state.characters.filter((character) => !character.mergedIntoCharacterId));
   const options = [{ id: "", name: "选择角色卡" }, ...availableCharacters.map((character) => ({
     id: String(character.id),
-    name: `${String(character.name)}${character.isDead ? "（已死亡）" : ""}`
+    name: roleplayCharacterOptionLabel(character)
   }))];
   if (selectedId && !options.some((option) => option.id === selectedId)) {
-    options.push({ id: selectedId, name: String(state.aiRoleplayCharacter.name) });
+    options.push({ id: selectedId, name: roleplayCharacterOptionLabel(state.aiRoleplayCharacter) });
   }
   select.replaceChildren(...options.map((option) => {
     const element = document.createElement("option");
@@ -3425,7 +3477,7 @@ function renderAiRoleplayCharacterSelect() {
   select.title = canSelectCharacter
     ? state.aiPromptSent
       ? aiConversationOptionLockedMessage
-      : "为当前对话选择角色卡；角色扮演时 Agent 可以查询角色记忆、人物关系和故事正文"
+      : "为当前对话选择角色卡；角色扮演时 Agent 可以查询角色记忆、相识角色、知情设定、故事正文和设定图片"
     : "当前账户没有角色模块读取权限";
   renderAiRoleplayUserCharacterSelect();
 }
@@ -3434,15 +3486,15 @@ 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) => (
+  const availableCharacters = favoriteCharactersFirst(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 ? "（已死亡）" : ""}`
+    name: roleplayCharacterOptionLabel(character)
   }))];
   if (selectedId && !options.some((option) => option.id === selectedId)) {
-    options.push({ id: selectedId, name: String(state.aiRoleplayUserCharacter.name) });
+    options.push({ id: selectedId, name: roleplayCharacterOptionLabel(state.aiRoleplayUserCharacter) });
   }
   select.replaceChildren(...options.map((option) => {
     const element = document.createElement("option");
@@ -3461,7 +3513,7 @@ function renderAiRoleplayUserCharacterSelect() {
       ? "请先选择 AI 扮演的角色"
       : state.aiPromptSent
         ? aiConversationOptionLockedMessage
-        : "选择后，AI 会将每条用户消息视为该角色的发言或行动";
+        : "选择后，主输入是该角色的台词或行动；旁白请写在场景框";
 }
 
 const aiConversationOptionLockedMessage = "会话选项在会话开始后不支持修改，若需要修改，请新建会话";
@@ -3600,8 +3652,9 @@ function syncAiTaskOptions() {
   $("#ai-scope").disabled = interactionBusy || roleplaySelected;
   $("#ai-scope").title = state.aiPromptSent
     ? aiConversationOptionLockedMessage
-    : roleplaySelected ? "角色扮演模式可以查询角色记忆、人物关系和故事正文" : "";
+    : roleplaySelected ? "角色扮演模式可以查询角色记忆、相识角色、知情设定、故事正文和设定图片" : "";
   syncAiModelPicker();
+  syncAiSceneComposer();
 }
 
 function applyAiConversationTaskType(taskType) {
@@ -3638,8 +3691,8 @@ function applyAiRoleplayCharacter(character, userCharacter = null) {
   $(".ai-panel").classList.toggle("is-roleplaying", active);
   $("#ai-prompt").dataset.placeholder = active
     ? state.aiRoleplayUserCharacter
-      ? `以 ${String(state.aiRoleplayUserCharacter.name)} 的身份与 ${String(state.aiRoleplayCharacter.name)} 对话……`
-      : `与 ${String(state.aiRoleplayCharacter.name)} 角色开始对话……`
+      ? `以 ${String(state.aiRoleplayUserCharacter.name)} 的身份输入台词或行动……`
+      : `输入对 ${String(state.aiRoleplayCharacter.name)} 说的台词或行动……`
     : "告诉 AI 你想讨论或修改什么……";
   renderAiRoleplayCharacterSelect();
   syncAiTaskOptions();
@@ -3946,9 +3999,11 @@ function clearAiPromptComposer() {
   state.aiReferences = [];
   state.aiImageAttachments = [];
   setAiPromptText("");
+  setAiSceneDirection("");
   renderAiCitations();
   renderAiImageAttachments();
   hideAiMentionMenu();
+  syncAiSceneComposer();
 }
 
 function captureAiPromptComposer() {
@@ -3956,7 +4011,9 @@ function captureAiPromptComposer() {
     text: aiPromptText(),
     citations: state.aiCitations.map((citation) => ({ ...citation })),
     references: state.aiReferences.map((reference) => ({ ...reference })),
-    images: normalizeAiChatImageAttachments(state.aiImageAttachments)
+    images: normalizeAiChatImageAttachments(state.aiImageAttachments),
+    sceneDirection: aiSceneDirectionText(),
+    scenePin: captureAiScenePin()
   };
 }
 
@@ -3965,11 +4022,77 @@ function restoreAiPromptComposer(snapshot) {
   state.aiReferences = snapshot.references.map((reference) => ({ ...reference }));
   state.aiImageAttachments = normalizeAiChatImageAttachments(snapshot.images);
   setAiPromptText(snapshot.text);
+  restoreAiSceneComposer(snapshot);
   renderAiCitations();
   renderAiImageAttachments();
   hideAiMentionMenu();
 }
 
+function aiSceneDirectionText() {
+  return String($("#ai-scene-direction")?.value ?? "");
+}
+
+function setAiSceneDirection(value) {
+  const input = $("#ai-scene-direction");
+  if (input) input.value = String(value ?? "");
+}
+
+function captureAiScenePin() {
+  return normalizeRoleplayScenePin({
+    location: $("#ai-scene-location")?.value ?? "",
+    present: $("#ai-scene-present")?.value ?? "",
+    timeLabel: $("#ai-scene-time")?.value ?? ""
+  });
+}
+
+function setAiScenePin(pin) {
+  const normalized = normalizeRoleplayScenePin(pin);
+  const location = $("#ai-scene-location");
+  const present = $("#ai-scene-present");
+  const timeLabel = $("#ai-scene-time");
+  if (location) location.value = normalized.location;
+  if (present) present.value = normalized.present;
+  if (timeLabel) timeLabel.value = normalized.timeLabel;
+}
+
+function restoreAiSceneComposer(snapshot = {}) {
+  setAiSceneDirection(snapshot.sceneDirection ?? "");
+  setAiScenePin(snapshot.scenePin);
+  syncAiSceneComposer();
+}
+
+function roleplaySceneComposerVisible() {
+  return $("#ai-task").value === "roleplay" && Boolean(state.aiRoleplayCharacter);
+}
+
+function syncAiSceneComposer() {
+  const button = $("#ai-scene-button");
+  const panel = $("#ai-scene-panel");
+  if (!button || !panel) return;
+  const visible = roleplaySceneComposerVisible();
+  const busy = aiInteractionBusy();
+  const readOnly = Boolean(state.work) && !canWritePermissionModule(state.work, "ai-chat");
+  button.classList.toggle("hidden", !visible);
+  button.disabled = !visible || busy || readOnly;
+  button.setAttribute("aria-hidden", String(!visible));
+  if (!visible) {
+    panel.classList.add("hidden");
+    button.setAttribute("aria-expanded", "false");
+  }
+  const hasContent = Boolean(aiSceneDirectionText().trim()) || roleplayScenePinHasContent(captureAiScenePin());
+  button.classList.toggle("is-active", hasContent);
+}
+
+function toggleAiScenePanel() {
+  const button = $("#ai-scene-button");
+  const panel = $("#ai-scene-panel");
+  if (!button || !panel || button.classList.contains("hidden")) return;
+  const willOpen = panel.classList.contains("hidden");
+  panel.classList.toggle("hidden", !willOpen);
+  button.setAttribute("aria-expanded", String(willOpen));
+  if (willOpen) $("#ai-scene-direction")?.focus();
+}
+
 function aiPromptTextBeforeCursor() {
   const prompt = $("#ai-prompt");
   const selection = window.getSelection();
@@ -5109,8 +5232,18 @@ async function initializeAuthentication() {
   return true;
 }
 
+function syncToastRegionHost() {
+  const region = $("#toast-region");
+  const host = resolveToastRegionHost([...document.querySelectorAll("dialog[open]")], document.body);
+  if (!host || region.parentElement === host) return false;
+  if (typeof region.hidePopover === "function" && region.matches(":popover-open")) region.hidePopover();
+  host.append(region);
+  return true;
+}
+
 function raiseToastRegion() {
   const region = $("#toast-region");
+  syncToastRegionHost();
   if (typeof region.showPopover !== "function") return;
   if (region.matches(":popover-open")) region.hidePopover();
   region.showPopover();
@@ -5263,9 +5396,6 @@ function confirmToast(message, { title = "请再次确认", confirmLabel = "确
   confirm.textContent = confirmLabel;
   actions.append(cancel, confirm);
   element.append(heading, description, actions);
-  region.append(element);
-  raiseToastRegion();
-  cancel.focus();
   return new Promise((resolve) => {
     const finish = (confirmed) => {
       element.remove();
@@ -5280,6 +5410,9 @@ function confirmToast(message, { title = "请再次确认", confirmLabel = "确
       event.preventDefault();
       finish(false);
     });
+    region.append(element);
+    raiseToastRegion();
+    cancel.focus();
   });
 }
 
@@ -5340,8 +5473,15 @@ function inputToast(message, { title = "请输入", inputLabel = title, value =
 
 document.addEventListener("toggle", (event) => {
   const target = event.target;
-  if (target instanceof HTMLDialogElement && target.open && $("#toast-region").childElementCount) {
+  if (!(target instanceof HTMLDialogElement)) return;
+  const region = $("#toast-region");
+  if (target.open && region.childElementCount) {
     raiseToastRegion();
+    return;
+  }
+  if (!target.open && (region.parentElement !== document.body || region.childElementCount)) {
+    const moved = syncToastRegionHost();
+    if (moved && region.childElementCount && typeof region.showPopover === "function") region.showPopover();
   }
 }, true);
 
@@ -6986,6 +7126,7 @@ async function showSettingsHub() {
     state.dirty = false;
   }
   dismissChapterInsightToast();
+  dismissTokenUsageDetails({ restoreFocus: false });
   dismissDeleteToasts();
   updateDocumentTitle(state.work);
   $("#app").classList.add("shelf-mode");
@@ -7034,6 +7175,7 @@ async function showPlatformAi() {
   if (state.dirty && !(await confirmDiscardChanges("当前章节有未保存修改，进入平台 AI 管理将放弃本地修改。是否继续？"))) return false;
   state.dirty = false;
   dismissChapterInsightToast();
+  dismissTokenUsageDetails({ restoreFocus: false });
   dismissDeleteToasts();
   updateDocumentTitle();
   $("#app").classList.add("shelf-mode");
@@ -7057,6 +7199,7 @@ async function showPlatformUsage() {
   if (state.dirty && !(await confirmDiscardChanges("当前章节有未保存修改，进入 Token 用量面板将放弃本地修改。是否继续？"))) return false;
   state.dirty = false;
   dismissChapterInsightToast();
+  dismissTokenUsageDetails({ restoreFocus: false });
   dismissDeleteToasts();
   updateDocumentTitle();
   $("#app").classList.add("shelf-mode");
@@ -8530,6 +8673,116 @@ function pencilIconMarkup() {
   return '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 20h9"></path><path d="m16.5 3.5 1.4-1.4a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4L16.5 3.5Z"></path></svg>';
 }
 
+function characterFavoriteIconMarkup() {
+  return '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z"></path></svg>';
+}
+
+function characterFavoriteButton(item) {
+  const isFavorite = item.isFavorite === true;
+  const canFavorite = canEditModule("characters");
+  const action = isFavorite ? "取消收藏" : "收藏";
+  const title = canFavorite ? action : "当前账户没有角色模块写入权限";
+  return `<button class="character-favorite-button${isFavorite ? " is-favorite" : ""}" type="button" data-character-favorite="${esc(item.id)}" aria-label="${action}角色“${esc(item.name)}”" aria-pressed="${isFavorite}" title="${title}" ${canFavorite ? "" : "disabled"}>${characterFavoriteIconMarkup()}</button>`;
+}
+
+const recordFavoriteConfigs = Object.freeze({
+  character: { module: "characters", resource: "characters", label: "角色", nameField: "name" },
+  draft: { module: "drafts", resource: "drafts", label: "想法", nameField: "title" },
+  setting: { module: "settings", resource: "settings", label: "设定", nameField: "title" },
+  organization: { module: "organizations", resource: "organizations", label: "组织", nameField: "name" }
+});
+
+function recordFavoriteButton(type, item, { cardControl = false } = {}) {
+  const config = recordFavoriteConfigs[type];
+  if (!config) return "";
+  const isFavorite = item.isFavorite === true;
+  const canFavorite = canEditModule(config.module);
+  const action = isFavorite ? "取消收藏" : "收藏";
+  const title = canFavorite ? action : `当前账户没有${config.label}模块写入权限`;
+  const name = String(item[config.nameField] ?? "");
+  return `<button class="record-favorite-button${cardControl ? " is-card-control" : ""}${isFavorite ? " is-favorite" : ""}" type="button" data-record-favorite="${esc(item.id)}" data-record-favorite-type="${esc(type)}" aria-label="${action}${config.label}“${esc(name)}”" aria-pressed="${isFavorite}" title="${title}" ${canFavorite ? "" : "disabled"}>${characterFavoriteIconMarkup()}</button>`;
+}
+
+async function toggleRecordFavorite(type, item, render) {
+  const config = recordFavoriteConfigs[type];
+  if (!config) return;
+  const updated = await api(`/api/${config.resource}/${encodeURIComponent(item.id)}/favorite`, {
+    method: "PATCH",
+    body: { isFavorite: item.isFavorite !== true }
+  });
+  await render();
+  const favoriteButton = [...$("#module-content").querySelectorAll("[data-record-favorite]")].find((button) => (
+    button.dataset.recordFavoriteType === type && button.dataset.recordFavorite === String(updated.id)
+  ));
+  favoriteButton?.focus({ preventScroll: true });
+  const name = String(updated[config.nameField] ?? "");
+  toast(updated.isFavorite ? `已收藏${config.label}“${name}”` : `已取消收藏${config.label}“${name}”`);
+}
+
+function bindRecordFavoriteButtons(type, items, render) {
+  const config = recordFavoriteConfigs[type];
+  if (!config) return;
+  $("#module-content").querySelectorAll(`[data-record-favorite-type="${type}"]`).forEach((button) => button.addEventListener("click", async () => {
+    const item = items.find((candidate) => candidate.id === button.dataset.recordFavorite);
+    if (!item || !canEditModule(config.module)) return;
+    button.disabled = true;
+    try {
+      await toggleRecordFavorite(type, item, render);
+    } catch (error) {
+      button.disabled = false;
+      toast(`${config.label}收藏状态更新失败：${error.message}`, "error");
+    }
+  }));
+}
+
+function syncEntityDetailFavoriteButton(button, type, item) {
+  const config = recordFavoriteConfigs[type];
+  const visible = Boolean(config && item);
+  button.classList.toggle("hidden", !visible);
+  button.innerHTML = characterFavoriteIconMarkup();
+  if (!visible) {
+    button.disabled = true;
+    button.classList.remove("is-favorite");
+    button.setAttribute("aria-pressed", "false");
+    button.removeAttribute("aria-label");
+    button.removeAttribute("title");
+    return;
+  }
+  const isFavorite = item.isFavorite === true;
+  const canFavorite = canEditModule(config.module);
+  const action = isFavorite ? "取消收藏" : "收藏";
+  const name = String(item[config.nameField] ?? "");
+  button.classList.toggle("is-favorite", isFavorite);
+  button.setAttribute("aria-pressed", String(isFavorite));
+  button.setAttribute("aria-label", `${action}${config.label}“${name}”`);
+  button.title = canFavorite ? action : `当前账户没有${config.label}模块写入权限`;
+  button.disabled = !canFavorite;
+}
+
+function bindEntityDetailFavoriteButton(button, type, getItem, onUpdated) {
+  syncEntityDetailFavoriteButton(button, type, getItem());
+  button.onclick = async () => {
+    const config = recordFavoriteConfigs[type];
+    const item = getItem();
+    if (!config || !item || !canEditModule(config.module)) return;
+    button.disabled = true;
+    try {
+      const updated = await api(`/api/${config.resource}/${encodeURIComponent(item.id)}/favorite`, {
+        method: "PATCH",
+        body: { isFavorite: item.isFavorite !== true }
+      });
+      onUpdated(updated);
+      syncEntityDetailFavoriteButton(button, type, getItem() ?? updated);
+      button.focus({ preventScroll: true });
+      const name = String(updated[config.nameField] ?? "");
+      toast(updated.isFavorite ? `已收藏${config.label}“${name}”` : `已取消收藏${config.label}“${name}”`);
+    } catch (error) {
+      syncEntityDetailFavoriteButton(button, type, getItem());
+      toast(`${config.label}收藏状态更新失败：${error instanceof Error ? error.message : "未知错误"}`, "error");
+    }
+  };
+}
+
 function recordCardEditButton(attribute, id, label) {
   return `<button class="record-card-edit" type="button" data-${attribute}="${esc(id)}" aria-label="编辑${esc(label)}" title="编辑">${pencilIconMarkup()}</button>`;
 }
@@ -8865,9 +9118,10 @@ function openReviewDetailDialog(item) {
 }
 
 function settingRecordActions(item) {
-  return canEditModule("settings")
+  const recordAction = canEditModule("settings")
     ? recordCardEditButton("edit-setting", item.id, `设定“${item.title}”`)
     : recordHistoryButton("setting", item.id, item.title);
+  return `${recordFavoriteButton("setting", item)}${recordAction}`;
 }
 
 function draftTypeLabel(draftType) {
@@ -8921,6 +9175,7 @@ async function deleteDraft(item) {
 }
 
 function openDraftDialog(item = null, { readOnly = false } = {}) {
+  let draftDialogItem = item;
   const viewOnly = readOnly || !canEditModule("drafts");
   const volumeOptions = [["", "全局（不绑定分卷）"], ...(state.work?.volumes ?? []).map((volume) => [volume.id, volume.title])];
   const settingModuleOptions = [["", "全局（不绑定设定模块）"], ...draftSettingModules];
@@ -8978,6 +9233,18 @@ function openDraftDialog(item = null, { readOnly = false } = {}) {
       else control.readOnly = true;
     });
   }
+  if (item && viewOnly) {
+    const headerActions = $("#dialog-context-actions");
+    headerActions.innerHTML = `<button id="draft-dialog-favorite" class="entity-detail-favorite-button" type="button" aria-pressed="false"></button>${canEditModule("drafts") ? '<button id="draft-dialog-edit" class="ghost-button" type="button">编辑想法</button>' : ""}`;
+    bindEntityDetailFavoriteButton($("#draft-dialog-favorite"), "draft", () => draftDialogItem, (updated) => {
+      draftDialogItem = updated;
+      void renderDrafts(moduleListPages.drafts).catch((error) => toast(`想法列表刷新失败：${error instanceof Error ? error.message : "未知错误"}`, "error"));
+    });
+    $("#draft-dialog-edit")?.addEventListener("click", () => {
+      $("#form-dialog").close();
+      openDraftDialog(draftDialogItem);
+    });
+  }
 }
 
 async function renderDrafts(page = moduleListPages.drafts) {
@@ -9011,9 +9278,9 @@ async function renderDrafts(page = moduleListPages.drafts) {
     <details class="character-filter-dropdown"><summary><span>按绑定位置筛选</span><strong>${selectedBindingKeys.size ? `已选 ${selectedBindingKeys.size} 项` : "全部位置"}</strong></summary><div id="draft-binding-filter" class="character-filter-options">${bindingOptions.map(([value, label]) => `<label class="character-filter-option"><input type="checkbox" value="${esc(value)}" ${selectedBindingKeys.has(value) ? "checked" : ""}><span>${esc(label)}</span></label>`).join("")}</div></details>
     <div class="character-filter-toolbar-actions">${hasDraftFilters ? `<span class="character-filter-result-count" aria-live="polite">筛选后剩余 ${drafts.length} 条想法</span>` : ""}<button id="clear-draft-filters" class="ghost-button" type="button" ${hasDraftFilters ? "" : "disabled"}>重置筛选</button></div>
   </section>`;
-  const actions = (item) => canEditModule("drafts")
+  const actions = (item) => `${recordFavoriteButton("draft", item)}${canEditModule("drafts")
     ? `${recordCardEditButton("edit-draft", item.id, `想法“${item.title}”`)}${recordHistoryButton("draft", item.id, item.title)}`
-    : recordHistoryButton("draft", item.id, item.title);
+    : recordHistoryButton("draft", item.id, item.title)}`;
   const cards = `<div class="card-grid">${pageResult.items.map((item) => `
     <article class="record-card preview-record-card" data-open-draft="${esc(item.id)}" role="button" tabindex="0" aria-label="查看想法 ${esc(item.title)}">
       <small>${esc(draftTypeLabel(item.draftType))} · ${esc(draftBindingLabel(item))} · 更新于 ${esc(formatDateTime(item.updatedAt))}</small>
@@ -9069,6 +9336,10 @@ async function renderDrafts(page = moduleListPages.drafts) {
   $("#module-content").querySelectorAll("[data-edit-draft]").forEach((button) => button.addEventListener("click", async () => {
     openDraftDialog(await api(`/api/drafts/${encodeURIComponent(button.dataset.editDraft)}`));
   }));
+  bindRecordFavoriteButtons("draft", pageResult.items, async () => {
+    moduleListPages.drafts = 1;
+    await renderDrafts(1);
+  });
   bindEntityHistoryButtons(() => renderDrafts(pageResult.page));
 }
 
@@ -9132,6 +9403,10 @@ async function renderSettings(page = moduleListPages.settings) {
     bindModulePagination("settings", renderSettingResults);
     const openSetting = async (id, readOnly) => openSettingEditor(await api(`/api/settings/${encodeURIComponent(id)}`), { readOnly });
     $("#setting-filter-results").querySelectorAll("[data-edit-setting]").forEach((button) => button.addEventListener("click", () => { void openSetting(button.dataset.editSetting, false); }));
+    bindRecordFavoriteButtons("setting", pageResult.items, async () => {
+      moduleListPages.settings = 1;
+      await renderSettings(1);
+    });
     bindEntityHistoryButtons(async () => { await renderSettings(pageResult.page); await loadAiReferences(); });
   };
 
@@ -9168,6 +9443,21 @@ async function renderSettings(page = moduleListPages.settings) {
   renderSettingResults(page);
 }
 
+async function toggleCharacterFavorite(item) {
+  const updated = await api(`/api/characters/${encodeURIComponent(item.id)}/favorite`, {
+    method: "PATCH",
+    body: { isFavorite: item.isFavorite !== true }
+  });
+  if (loadedAiReferencesWorkId === state.work?.id) {
+    state.characters = upsertEntityCollection(state.characters, updated);
+    renderAiRoleplayCharacterSelect();
+  }
+  characterListPage = 1;
+  await renderCharacters(1);
+  $("#module-content").querySelector(`[data-character-favorite="${CSS.escape(String(updated.id))}"]`)?.focus({ preventScroll: true });
+  toast(updated.isFavorite ? `已收藏角色“${updated.name}”` : `已取消收藏角色“${updated.name}”`);
+}
+
 async function renderCharacters(page = characterListPage) {
   const hasCharacterFilters = characterFilters.raceIds.length > 0
     || characterFilters.organizationIds.length > 0
@@ -9190,14 +9480,14 @@ async function renderCharacters(page = characterListPage) {
   [state.races, state.organizations] = [races, organizations];
   mountModuleCount(characterPage.total);
   const layout = readModuleLayout();
-  const characterActions = (item) => recordCardEditButton("edit-character", item.id, `角色“${item.name}”`);
+  const characterActions = (item) => `${characterFavoriteButton(item)}${recordCardEditButton("edit-character", item.id, `角色“${item.name}”`)}`;
   const characterLockBadge = (item) => item.lockedFields.length
     ? `<span class="character-lock-badge" aria-label="${item.lockedFields.length} 个锁定字段" title="锁定字段：${esc(item.lockedFields.join("、"))}"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="10" width="14" height="10" rx="2"></rect><path d="M8 10V7a4 4 0 0 1 8 0v3"></path></svg><span>${item.lockedFields.length}</span></span>`
     : "";
   const characterCards = () => `<div class="card-grid">${pageCharacters.map((item) => {
     const details = normalizeCharacterDetails(item.attributes?.details);
     return `
-    <article class="record-card character-card preview-record-card has-card-edit" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">${recordCardEditButton("edit-character", item.id, `角色“${item.name}”`)}
+    <article class="record-card character-card preview-record-card has-card-edit" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">${characterFavoriteButton(item)}${recordCardEditButton("edit-character", item.id, `角色“${item.name}”`)}
     <div class="character-card-heading">${characterAvatarHtml(item)}<h3>${esc(item.name)}</h3>${entityLifecycleBadge(item.isDead, "已死亡")}${characterLockBadge(item)}</div>
     ${item.attributes?.identity ? `<p class="character-identity">${esc(item.attributes.identity)}</p>` : ""}
     <div class="character-gender"><b>性别</b><span class="pill">${esc(characterGenderLabel(item.gender))}</span></div>
@@ -9263,6 +9553,17 @@ async function renderCharacters(page = characterListPage) {
     ? `${layout === "rows" ? characterRows() : characterCards()}${pagination}`
     : emptyModule("还没有角色档案", "创建主要人物，并维护别名、身份、动机和当前状态。"));
   bindModuleLayoutToggle(renderCharacters);
+  $("#module-content").querySelectorAll("[data-character-favorite]").forEach((button) => button.addEventListener("click", async () => {
+    const item = pageCharacters.find((candidate) => candidate.id === button.dataset.characterFavorite);
+    if (!item || !canEditModule("characters")) return;
+    button.disabled = true;
+    try {
+      await toggleCharacterFavorite(item);
+    } catch (error) {
+      button.disabled = false;
+      toast(`角色收藏状态更新失败：${error.message}`, "error");
+    }
+  }));
   const readSelectedValues = (selector) => [...$(selector).querySelectorAll('input[type="checkbox"]:checked')].map((input) => input.value);
   $("#character-race-filter").addEventListener("change", async () => {
     characterFiltersPanelOpen = true;
@@ -9417,14 +9718,14 @@ async function renderOrganizations(page = moduleListPages.organizations) {
   moduleListPages.organizations = pageResult.page;
   const layout = readModuleLayout();
   const canEditOrganizations = canEditModule("organizations");
-  const organizationActions = (item) => canEditOrganizations
+  const organizationActions = (item, { cardControl = false } = {}) => `${recordFavoriteButton("organization", item, { cardControl })}${canEditOrganizations
     ? recordCardEditButton("edit-organization", item.id, `组织“${item.name}”`)
-    : recordHistoryButton("organization", item.id, item.name);
+    : recordHistoryButton("organization", item.id, item.name)}`;
   const organizationCardActions = (item) => canEditOrganizations
-    ? organizationActions(item)
+    ? organizationActions(item, { cardControl: true })
     : `<div class="card-actions">${organizationActions(item)}</div>`;
   const organizationCards = () => `<div class="card-grid organization-grid">${pageResult.items.map((item) => `
-    <article class="record-card organization-card preview-record-card${canEditOrganizations ? " has-card-edit" : ""}" data-open-organization="${esc(item.id)}" role="button" tabindex="0" aria-label="查看组织 ${esc(item.name)}"><small>${item.memberIds.length} 位成员 · ${(item.settingsCount ?? item.settings?.length ?? 0) ? "已填写组织设定" : "暂无组织设定"}</small>
+    <article class="record-card organization-card preview-record-card${canEditOrganizations ? " has-card-edit has-favorite-control" : ""}" data-open-organization="${esc(item.id)}" role="button" tabindex="0" aria-label="查看组织 ${esc(item.name)}"><small>${item.memberIds.length} 位成员 · ${(item.settingsCount ?? item.settings?.length ?? 0) ? "已填写组织设定" : "暂无组织设定"}</small>
       <h3>${esc(item.name)}${entityLifecycleBadge(item.isDissolved, "已解散")}</h3><p>${esc(item.description || "尚未填写组织简介")}</p>
       <div class="organization-settings">${item.settingsCount ? `<span class="pill">${item.settingsCount} 条组织设定，打开查看详情</span>` : '<span class="pill">暂无组织设定</span>'}</div>
       <p class="organization-members">成员：${item.members.length ? item.members.map((member) => esc(member.name)).join("、") : "暂无绑定角色"}</p>
@@ -9449,6 +9750,10 @@ async function renderOrganizations(page = moduleListPages.organizations) {
   bindModulePagination("organizations", renderOrganizations);
   const openOrganization = async (id, readOnly) => openOrganizationDialog(await api(`/api/organizations/${encodeURIComponent(id)}`), { readOnly });
   $("#module-content").querySelectorAll("[data-edit-organization]").forEach((button) => button.addEventListener("click", () => { void openOrganization(button.dataset.editOrganization, false); }));
+  bindRecordFavoriteButtons("organization", pageResult.items, async () => {
+    moduleListPages.organizations = 1;
+    await renderOrganizations(1);
+  });
   bindEntityHistoryButtons(async () => { await renderOrganizations(pageResult.page); await loadAiReferences(); });
 }
 
@@ -11705,6 +12010,138 @@ function scrollUsageCalendarsToLatest(root) {
   });
 }
 
+let tokenUsageDetailsTrigger = null;
+
+function tokenUsageDetailCount(value) {
+  return Math.max(0, Math.round(Number(value) || 0)).toLocaleString("zh-CN");
+}
+
+function dismissTokenUsageDetails({ restoreFocus = true } = {}) {
+  const region = $("#toast-region");
+  const element = region.querySelector("#token-usage-details-toast");
+  if (!element) return;
+  element.remove();
+  const trigger = tokenUsageDetailsTrigger;
+  tokenUsageDetailsTrigger = null;
+  region.classList.remove("token-usage-details-region");
+  if (trigger) {
+    trigger.setAttribute("aria-expanded", "false");
+    if (restoreFocus && trigger.isConnected) trigger.focus({ preventScroll: true });
+  }
+  if (!region.childElementCount && typeof region.hidePopover === "function" && region.matches(":popover-open")) {
+    region.hidePopover();
+  }
+}
+
+function appendTokenUsageDetailRow(parent, label, usage, isSummary = false) {
+  const row = document.createElement("tr");
+  if (isSummary) row.className = "is-summary";
+  const model = document.createElement("th");
+  model.scope = "row";
+  model.textContent = label;
+  row.append(model);
+  ["directInputTokens", "cacheWriteInputTokens", "cacheReadInputTokens", "outputTokens", "totalTokens", "requestCount", "estimatedRequestCount"].forEach((key) => {
+    const cell = document.createElement("td");
+    cell.textContent = tokenUsageDetailCount(usage?.[key]);
+    row.append(cell);
+  });
+  const price = document.createElement("td");
+  price.textContent = formatEstimatedCost(usage?.estimatedCost);
+  row.append(price);
+  parent.append(row);
+}
+
+function showTokenUsageDetails(usage, title, trigger) {
+  dismissTokenUsageDetails({ restoreFocus: false });
+  const region = $("#toast-region");
+  const element = document.createElement("section");
+  element.id = "token-usage-details-toast";
+  element.className = "toast token-usage-details-toast";
+  element.setAttribute("role", "dialog");
+  element.setAttribute("aria-labelledby", "token-usage-details-title");
+  element.setAttribute("aria-describedby", "token-usage-details-description");
+
+  const header = document.createElement("header");
+  header.className = "token-usage-details-header";
+  const heading = document.createElement("div");
+  heading.className = "token-usage-details-heading";
+  const headingTitle = document.createElement("strong");
+  headingTitle.id = "token-usage-details-title";
+  headingTitle.textContent = "Token 用量详细数据";
+  const headingScope = document.createElement("span");
+  headingScope.textContent = title;
+  heading.append(headingTitle, headingScope);
+  const close = document.createElement("button");
+  close.className = "ghost-button token-usage-details-close";
+  close.type = "button";
+  close.textContent = "关闭";
+  close.setAttribute("aria-label", "关闭 Token 用量详细数据");
+  header.append(heading, close);
+
+  const body = document.createElement("div");
+  body.className = "token-usage-details-body";
+  const description = document.createElement("p");
+  description.id = "token-usage-details-description";
+  description.className = "token-usage-details-note";
+  description.textContent = "Raw Input 为不含缓存的输入 Token；Cache Write 与 Cache Read 也是输入组成部分，并已包含在总计中。估算价格按美元显示，未匹配价格的模型显示为暂无价格。汇总行包含当前范围内全部模型。";
+  body.append(description);
+
+  const tableScroll = document.createElement("div");
+  tableScroll.className = "token-usage-details-table-scroll";
+  const table = document.createElement("table");
+  table.className = "token-usage-details-table";
+  const caption = document.createElement("caption");
+  caption.textContent = `${title}的模型 Token 用量`;
+  table.append(caption);
+  const head = document.createElement("thead");
+  const headRow = document.createElement("tr");
+  ["模型", "Raw Input", "Cache Write", "Cache Read", "Output", "总计", "调用", "估算调用", "估算价格"].forEach((label) => {
+    const cell = document.createElement("th");
+    cell.scope = "col";
+    cell.textContent = label;
+    headRow.append(cell);
+  });
+  head.append(headRow);
+  table.append(head);
+  const bodyRows = document.createElement("tbody");
+  const models = Array.isArray(usage?.models) ? usage.models : [];
+  models.forEach((model) => appendTokenUsageDetailRow(bodyRows, model.modelId || "未指定模型", model));
+  if (!models.length) {
+    const emptyRow = document.createElement("tr");
+    const emptyCell = document.createElement("td");
+    emptyCell.colSpan = 9;
+    emptyCell.textContent = "还没有模型用量记录。";
+    emptyRow.append(emptyCell);
+    bodyRows.append(emptyRow);
+  }
+  table.append(bodyRows);
+  const foot = document.createElement("tfoot");
+  appendTokenUsageDetailRow(foot, "汇总", usage?.summary ?? {}, true);
+  table.append(foot);
+  tableScroll.append(table);
+  body.append(tableScroll);
+  element.append(header, body);
+
+  close.addEventListener("click", () => dismissTokenUsageDetails());
+  element.addEventListener("keydown", (event) => {
+    if (event.key !== "Escape") return;
+    event.preventDefault();
+    dismissTokenUsageDetails();
+  });
+  region.append(element);
+  region.classList.add("token-usage-details-region");
+  tokenUsageDetailsTrigger = trigger;
+  trigger.setAttribute("aria-expanded", "true");
+  raiseToastRegion();
+  close.focus({ preventScroll: true });
+}
+
+function bindTokenUsageDetails(host, usage, title) {
+  const button = host.querySelector("[data-token-usage-details]");
+  if (!button) return;
+  button.addEventListener("click", () => showTokenUsageDetails(usage, title, button));
+}
+
 function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false } = {}) {
   const summary = usage?.summary ?? {};
   const totalTokens = Number(summary.totalTokens) || 0;
@@ -11721,7 +12158,7 @@ function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false
     ? "供应商尚未返回可计算的缓存明细"
     : `${cachedInputTokens.toLocaleString("zh-CN")} / ${cacheEligibleInputTokens.toLocaleString("zh-CN")} 个可统计输入 Token 命中缓存`;
   const estimatedCost = formatEstimatedCost(summary.estimatedCost);
-  const pricingDescription = "根据 LiteLLM 模型 ID 价格表估算，价格单位为美元；未匹配模型不计入。";
+  const pricingDescription = "根据多来源模型价格表估算，价格单位为美元；未匹配模型不计入。";
   const pricingBadge = summary.pricingAvailable === true && summary.estimatedCost !== null && summary.estimatedCost !== undefined
     ? `<span class="usage-cost-bubble" title="${esc(pricingDescription)}">估价 ${esc(estimatedCost)}</span>`
     : "";
@@ -11739,7 +12176,7 @@ function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false
     <td>${Number(work.requestCount || 0).toLocaleString("zh-CN")}</td>
   </tr>`).join("");
   return `<section class="usage-overview" aria-labelledby="${showWorks ? "platform-usage-overview-title" : "work-usage-overview-title"}">
-    <div class="config-section-header"><div><h2 id="${showWorks ? "platform-usage-overview-title" : "work-usage-overview-title"}">${esc(title || "Token 用量")}</h2><p>${esc(description || "统计该范围内的全部 AI 调用。")}</p></div></div>
+    <div class="config-section-header usage-overview-header"><div><h2 id="${showWorks ? "platform-usage-overview-title" : "work-usage-overview-title"}">${esc(title || "Token 用量")}</h2><p>${esc(description || "统计该范围内的全部 AI 调用。")}</p></div><button class="ghost-button usage-details-button" type="button" data-token-usage-details aria-haspopup="dialog" aria-expanded="false" aria-controls="token-usage-details-toast">详细数据</button></div>
     <div class="usage-stat-grid">
       <article class="usage-stat is-primary"><div class="usage-stat-label"><span>总消耗</span>${pricingBadge}</div><strong title="${esc(exactTotal)} Token">${esc(formatTokenCount(totalTokens))}</strong><small>${esc(exactTotal)} Token</small></article>
       <article class="usage-stat"><span>输入 Token</span><strong>${esc(formatTokenCount(summary.inputTokens))}</strong><small title="${esc(inputDescription)}">${esc(inputDescription)}</small></article>
@@ -11765,6 +12202,7 @@ async function renderPlatformTokenUsage() {
     description: "汇总所有作品迄今产生的输入与输出 Token；缓存命中率仅基于供应商返回了缓存明细的调用。",
     showWorks: true
   });
+  bindTokenUsageDetails(host, usage, "项目累计用量");
   bindUsageCalendarInteractions(host);
   scrollUsageCalendarsToLatest(host);
 }
@@ -11809,6 +12247,7 @@ async function renderBookAiSettings() {
     title: "本书 Token 用量",
     description: `仅统计《${state.work.title}》迄今产生的 AI Token 消耗与缓存命中情况。`
   })}</section><section class="config-section"><div class="config-section-header"><div><h2>每日 Token 额度</h2><p>限制本书在后端部署时区（${esc(quotaTimezone)}）每个自然日可使用的输入与输出 Token 总量。额度必须设置为大于 0 的整数；低于 10,000 时仅提示风险；达到额度后，新的 AI 请求会等到后端时区的次日零点重置后再执行。</p></div></div><div class="config-inline-save"><label class="checkbox-field config-checkbox-field"><input id="daily-token-quota-enabled" type="checkbox" ${dailyTokenQuota === null ? "" : "checked"}>启用每日额度</label><label class="daily-token-quota-field">每日额度<input id="daily-token-quota" type="number" min="1" max="2000000000" step="1" value="${esc(String(dailyTokenQuota ?? 10000))}" aria-label="本书每日 Token 额度" ${dailyTokenQuota === null ? "disabled" : ""}></label><button id="save-daily-token-quota" class="ghost-button config-save-button" type="button">保存</button></div><p id="daily-token-quota-status" class="usage-measurement-note" role="status">${esc(quotaStatusText)}</p></section><section class="config-section"><div class="config-section-header"><div><h2>本书系统提示词</h2><p>会追加在内置系统提示词和平台全局系统提示词之后，只影响《${esc(state.work.title)}》的 AI 请求。</p></div></div><div class="field-label"><textarea id="work-system-prompt" rows="8" aria-label="本书系统提示词" placeholder="例如：叙事使用第三人称，哥斯拉不得离开地球。">${esc(settings.systemPrompt)}</textarea></div><div class="card-actions"><button id="save-work-system-prompt" class="ghost-button config-save-button" type="button">保存本书提示词</button></div></section><section class="config-section"><div class="config-section-header"><div><h2>人物关系拼音索引</h2><p>平时由系统记录增量任务；“同步增量队列”只处理发生变化的来源，“完整重建索引”会将本书全部正文和设定来源重新排队。</p></div></div><div id="relationship-search-index-status" role="status" aria-live="polite">${relationshipIndexStatusMarkup(relationshipIndex)}</div><div class="relationship-index-actions"><button id="sync-relationship-search-index" class="primary-button config-save-button" type="button">同步增量队列</button><button id="refresh-relationship-search-index" class="ghost-button" type="button">刷新状态</button><button id="rebuild-relationship-search-index" class="ghost-button config-save-button" type="button">完整重建索引</button></div></section><section class="config-section"><div class="config-section-header"><div><h2>全书概要引用配额</h2><p>引用全书概要时按分卷保留覆盖，并优先加入与当前问题相关的章节概要；该比例控制概要可使用的上下文预算。</p></div></div><div class="config-inline-save"><label class="book-summary-context-percent-field">上下文占比（%）<input id="book-summary-context-percent" type="number" min="1" max="90" value="${esc(String(settings.bookSummaryContextPercent ?? 50))}" aria-label="全书概要引用上下文占比"></label><button id="save-book-summary-context-percent" class="ghost-button config-save-button" type="button">保存</button></div></section><section class="config-section"><div class="config-section-header"><div><h2>对话上下文 Compact</h2><p>该阈值按对话历史的独立预算计算，用于显示可选择压缩或忽略的提醒；整次请求达到模型上下文窗口 95% 时仍会强制压缩较早消息，并尽量保留最近八条原文。</p></div></div><div class="config-inline-save"><label class="context-compact-threshold-field">Compact 阈值（%）<input id="context-compact-threshold" type="number" min="50" max="90" value="${esc(String(settings.contextCompactThreshold ?? 85))}" aria-label="对话上下文 compact 阈值"></label><button id="save-context-compact-threshold" class="ghost-button config-save-button" type="button">保存</button></div></section><section class="config-section"><div class="config-section-header"><div><h2>设定上下文注入</h2><p>开启后，本书的普通 AI 请求会自动注入锁定设定、组织、种族与相关约束；即使本轮同时使用“@注入上下文设定”，也只会注入一次。</p></div></div><div class="config-inline-save"><label class="checkbox-field config-checkbox-field"><input id="always-include-setting-info" type="checkbox" ${settings.alwaysIncludeSettingInfo ? "checked" : ""}>是否注入设定</label><button id="save-always-include-setting-info" class="ghost-button config-save-button" type="button">保存</button></div></section><section class="config-section"><div class="config-section-header"><div><h2>Agent 工具调用上限</h2><p>限制单次回答里 Agent 可调用工具的次数，并用「全局倍数」给整次回答加一道不会因 Compact 重置的熔断阀，防止工具死循环空耗 Token。调用上限 5–48（默认 12）；全局倍数 1–6（默认 3，全局上限 = 调用上限 × 倍数）。<a class="config-doc-link" href="https://scriverse.top/docs/global-tool-call-limit.html" target="_blank" rel="noopener noreferrer">了解原理与推荐设置</a></p></div></div><div class="config-inline-save"><label class="agent-tool-call-limit-field">调用上限<input id="agent-tool-call-limit" type="number" min="5" max="48" value="${esc(String(settings.agentToolCallLimit ?? 12))}" aria-label="Agent 工具调用上限"></label><div class="agent-tool-call-global-multiplier-field"><span id="agent-tool-call-global-multiplier-label">全局倍数</span><div class="settings-layout-toggle agent-tool-call-global-multiplier-toggle" role="group" aria-labelledby="agent-tool-call-global-multiplier-label">${[1, 2, 3, 4, 5, 6].map((value) => `<button type="button" data-global-multiplier="${value}" aria-pressed="${Number(settings.agentToolCallGlobalMultiplier ?? 3) === value}">${value}</button>`).join("")}</div><input id="agent-tool-call-global-multiplier" type="hidden" value="${esc(String(Math.min(6, Math.max(1, Number(settings.agentToolCallGlobalMultiplier ?? 3) || 3))))}" aria-label="Agent 工具调用全局倍数"></div><button id="save-agent-tool-call-limit" class="ghost-button config-save-button" type="button">保存</button></div></section><section class="config-section ai-agent-tools-section"><div class="config-section-header"><div><h2>AI 查询工具</h2><p>工具默认可用，作为已有上下文的补充。关闭后模型不会看到对应能力；所有工具只读且有数量、篇幅与调用轮次限制。已开始的对话会锁定创建时的工具集，修改后仅对新对话生效，避免打断 prompt cache。</p></div></div><div class="ai-agent-tools"><label><input name="agent-tool" type="checkbox" value="story_index" ${agentTools.has("story_index") ? "checked" : ""}><span><strong>作品目录与章节概要</strong><small>分页获取卷章、章节 ID 和当前概要，不返回正文。</small></span></label><label><input name="agent-tool" type="checkbox" value="read_chapters" ${agentTools.has("read_chapters") ? "checked" : ""}><span><strong>读取章节</strong><small>按章节 ID 获取概要或正文，每次最多 3 章。</small></span></label><label><input name="agent-tool" type="checkbox" value="search_story_entities" ${agentTools.has("search_story_entities") ? "checked" : ""}><span><strong>搜索作品实体</strong><small>按实体名、拼音或短关键词混合检索设定、人物、组织、时间线、关系、大纲和伏笔；非语义问答。</small></span></label></div><div class="card-actions"><button id="save-agent-tools" class="ghost-button config-save-button" type="button">保存工具设置</button></div></section>${renderTaskDefaults(models, providers, taskDefaults, settings)}`;
+  bindTokenUsageDetails(host, usage, "本书 Token 用量");
   const dailyQuotaSection = host.querySelector("#daily-token-quota-enabled")?.closest(".config-section");
   dailyQuotaSection?.insertAdjacentHTML("afterend", `<section class="config-section"><div class="config-section-header"><div><h2>每月 Token 额度</h2><p>限制本书在后端部署时区（${esc(quotaTimezone)}）每个自然月（当月 1 日至月末）可使用的输入与输出 Token 总量。额度必须设置为大于 0 的整数；低于 1,000,000 时仅提示风险；达到额度后，新的 AI 请求会等到下月 1 日零点重置后再执行。</p></div></div><div class="config-inline-save"><label class="checkbox-field config-checkbox-field"><input id="monthly-token-quota-enabled" type="checkbox" ${monthlyTokenQuota === null ? "" : "checked"}>启用每月额度</label><label class="monthly-token-quota-field">每月额度<input id="monthly-token-quota" type="number" min="1" max="2000000000" step="1" value="${esc(String(monthlyTokenQuota ?? 10000))}" aria-label="本书每月 Token 额度" ${monthlyTokenQuota === null ? "disabled" : ""}></label><button id="save-monthly-token-quota" class="ghost-button config-save-button" type="button">保存</button></div><p id="monthly-token-quota-status" class="usage-measurement-note" role="status">${esc(monthlyQuotaStatusText)}</p></section>`);
   const configureTokenQuotaInput = (input, warningId, threshold) => {
@@ -11843,7 +12282,7 @@ async function renderBookAiSettings() {
   );
   host.querySelector(".ai-agent-tools").insertAdjacentHTML(
     "beforeend",
-    `<label><input name="agent-tool" type="checkbox" value="search_drafts" ${agentTools.has("search_drafts") ? "checked" : ""}><span><strong>搜索想法</strong><small>查询正文想法和设定想法。这些内容只是可能采用、也可能永远不会进入正文或正式设定的临时方向，Agent 不会把它当作已确认事实。</small></span></label><label><input name="agent-tool" type="checkbox" value="image" ${agentTools.has("image") ? "checked" : ""}><span><strong>读取设定图片</strong><small>读取设定正文引用的单张图片附件，并由多模态模型返回图片理解内容。</small></span></label><label><input name="agent-tool" type="checkbox" value="calculate_time" ${agentTools.has("calculate_time") ? "checked" : ""}><span><strong>计算日期</strong><small>计算日期差值，或从起始日期推算目标日期，不读取作品内容。</small></span></label>`
+    `<label><input name="agent-tool" type="checkbox" value="search_drafts" ${agentTools.has("search_drafts") ? "checked" : ""}><span><strong>搜索想法</strong><small>查询正文想法和设定想法。这些内容只是可能采用、也可能永远不会进入正文或正式设定的临时方向，Agent 不会把它当作已确认事实。</small></span></label><label><input name="agent-tool" type="checkbox" value="image" ${agentTools.has("image") ? "checked" : ""}><span><strong>读取设定图片</strong><small>读取设定正文引用的单张图片附件，并由多模态模型返回图片理解内容。</small></span></label><label><input name="agent-tool" type="checkbox" value="calculate_time" ${agentTools.has("calculate_time") ? "checked" : ""}><span><strong>计算日期</strong><small>计算两个 YYYY-MM-DD 日期之间的天数差，不读取作品内容。</small></span></label>`
   );
   if (!canEditModule("ai-settings")) {
     host.querySelectorAll("textarea, input, select").forEach((control) => { control.disabled = true; });
@@ -12557,6 +12996,7 @@ function openDialog(title, fields, onSubmit, eyebrow = "新增", options = {}) {
   const submitLabel = options.submitLabel ?? "保存";
   let submitting = false;
   let disabledStates = [];
+  $("#dialog-context-actions").replaceChildren();
   $("#dialog-title").textContent = title;
   $("#dialog-title").classList.toggle("hidden", Boolean(options.titleInput));
   titleInput.classList.toggle("hidden", !options.titleInput);
@@ -13026,6 +13466,10 @@ function openSettingEditor(item = null, { readOnly = false } = {}) {
   const editButton = $("#setting-editor-edit");
   editButton.classList.toggle("hidden", !readOnly || !canEditModule("settings"));
   editButton.onclick = () => openSettingEditor(settingEditorItem);
+  bindEntityDetailFavoriteButton($("#setting-editor-favorite"), "setting", () => viewOnly ? settingEditorItem : null, (updated) => {
+    settingEditorItem = updated;
+    state.settings = upsertEntityCollection(state.settings, updated);
+  });
   const statusButtons = [$("#setting-editor-confirm"), $("#setting-editor-deprecate")];
   syncSettingEditorChrome(viewOnly);
   $("#setting-editor-history").onclick = async () => {
@@ -14052,11 +14496,12 @@ function renderCharacterEditorFields(item) {
       (canReadModule("editor")
         ? field("firstChapterId", "首次登场章节", "select", item?.firstChapterId ?? "", chapterOptions)
         : '<div class="character-editor-empty-field"><b>首次登场章节</b><span>当前账户没有正文读取权限，原有绑定不会被修改。</span></div>')),
-    characterEditorSection("profile", "人物档案", "记录人物定位、行为动力和便于创作时快速理解的简介。",
+    characterEditorSection("profile", "人物档案", "记录人物定位、行为动力、公开人设和便于创作时快速理解的简介。",
       field("code", "编号", "text", item?.code) +
       field("identity", "身份与定位", "text", item?.attributes?.identity) +
       field("motivation", "核心动机", "textarea", item?.profile?.motivation) +
-      field("summary", "人物简介", "textarea", item?.profile?.summary)),
+      field("summary", "人物简介", "textarea", item?.profile?.summary) +
+      '<div class="form-field"><span>人设摘要</span><small>关系扮演时作为公开人设注入对方可见的角色卡，不会包含私密档案或 Markdown 章节。</small><textarea name="personaSummary" maxlength="20000" aria-label="人设摘要">' + esc(item?.profile?.personaSummary ?? "") + "</textarea></div>"),
     characterEditorSection("settings", "扩展设定", "可用短属性和 Markdown 长章节承载形态、能力、生态、经历与研究记录。",
       field("details", "扩展属性", "key-value-list", item?.attributes?.details) +
       '<div id="character-markdown-sections" class="character-markdown-sections"></div>'),
@@ -14104,7 +14549,8 @@ function collectCharacterBody(form) {
     profile: {
       ...profile,
       motivation: String(form.get("motivation") ?? "").trim(),
-      summary: String(form.get("summary") ?? "").trim()
+      summary: String(form.get("summary") ?? "").trim(),
+      personaSummary: String(form.get("personaSummary") ?? "").trim()
     },
     currentState: buildCharacterState(form.getAll("stateKey"), form.getAll("stateValue"), item?.currentState ?? {}),
     lockedFields: form.getAll("lockedFields").map((value) => String(value).trim()).filter(Boolean),
@@ -14256,6 +14702,13 @@ async function openCharacterEditor(item = null, { readOnly = false } = {}) {
   const editButton = $("#character-editor-edit");
   editButton.classList.toggle("hidden", !readOnly || !canEditModule("characters"));
   editButton.onclick = () => void openCharacterEditor(characterEditorItem);
+  bindEntityDetailFavoriteButton($("#character-editor-favorite"), "character", () => viewOnly ? characterEditorItem : null, (updated) => {
+    characterEditorItem = updated;
+    if (loadedAiReferencesWorkId === state.work?.id) {
+      state.characters = upsertEntityCollection(state.characters, updated);
+      renderAiRoleplayCharacterSelect();
+    }
+  });
   document.querySelectorAll("[data-character-editor-tab]").forEach((button) => {
     button.onclick = () => activateCharacterEditorTab(button.dataset.characterEditorTab);
   });
@@ -14442,6 +14895,10 @@ async function openKnowledgeEditor(kind, item, { readOnly = false } = {}) {
   editButton.textContent = `编辑${label}`;
   editButton.classList.toggle("hidden", !readOnly || !canEditModule(module));
   editButton.onclick = () => void openKnowledgeEditor(kind, knowledgeEditorItem);
+  bindEntityDetailFavoriteButton($("#knowledge-editor-favorite"), "organization", () => !isRace && viewOnly ? knowledgeEditorItem : null, (updated) => {
+    knowledgeEditorItem = updated;
+    state.organizations = upsertEntityCollection(state.organizations, updated);
+  });
   const form = $("#knowledge-editor-form");
   form.onsubmit = async (event) => {
     event.preventDefault();
@@ -15545,10 +16002,25 @@ async function sendAiWithOptions({ ignoreContextWarning = false, retry = null }
   if (aiRequestManager.hasActive(tab.id)) return;
   const composerSnapshot = captureAiPromptComposer();
   const requestComposerSnapshot = retry
-    ? { text: retry.prompt, citations: retry.citations ?? [], references: [], images: retry.images ?? [] }
+    ? {
+      text: retry.prompt,
+      citations: retry.citations ?? [],
+      references: [],
+      images: retry.images ?? [],
+      sceneDirection: retry.sceneDirection ?? "",
+      scenePin: captureAiScenePin()
+    }
     : composerSnapshot;
   const instruction = requestComposerSnapshot.text.trim();
-  if (!instruction) return toast("请输入指令", "error");
+  const sceneDirection = $("#ai-task").value === "roleplay"
+    ? String(requestComposerSnapshot.sceneDirection ?? "").trim()
+    : "";
+  const scenePin = $("#ai-task").value === "roleplay"
+    ? normalizeRoleplayScenePin(requestComposerSnapshot.scenePin)
+    : emptyRoleplayScenePin();
+  if (!instruction && !sceneDirection) {
+    return toast($("#ai-task").value === "roleplay" ? "请输入台词或场景旁白" : "请输入指令", "error");
+  }
   if ($("#ai-task").value === "roleplay" && !state.aiRoleplayCharacter) return toast("请先选择角色卡", "error");
   const requestScope = currentAiRequestScope();
   if (!requestScope) return toast("请先选择章节", "error");
@@ -15645,6 +16117,8 @@ async function sendAiWithOptions({ ignoreContextWarning = false, retry = null }
     if (taskType === "chat") {
       const streamed = await streamChat(requestHolder, aiRetryStreamRequestBody({
         instruction,
+        ...(sceneDirection ? { sceneDirection } : {}),
+        ...($("#ai-task").value === "roleplay" ? { scenePin } : {}),
         scope,
         modelId,
         citations,
@@ -15824,9 +16298,23 @@ async function streamChat(requestHolder, body, idempotencyKey) {
   const message = document.createElement("div");
   message.className = "assistant-message is-streaming";
   message.dataset.testid = "ai-stream-message";
-  message.innerHTML = '<div class="message-body" data-testid="ai-stream-content" aria-live="polite" aria-busy="true"></div><div class="message-meta">正在连接模型流……</div>';
+  const streamConnectionStartedAt = Date.now();
+  message.innerHTML = '<div class="message-body" data-testid="ai-stream-content" aria-live="polite" aria-busy="true"></div><div class="message-meta">正在连接模型流…… <span class="ai-stream-connection-seconds" data-testid="ai-stream-connection-seconds"></span> 秒</div>';
   const content = message.querySelector(".message-body");
   const meta = message.querySelector(".message-meta");
+  const connectionSeconds = message.querySelector(".ai-stream-connection-seconds");
+  const renderStreamConnectionElapsed = () => {
+    const elapsedSeconds = Math.max(0, Math.floor((Date.now() - streamConnectionStartedAt) / 1000));
+    connectionSeconds.textContent = String(elapsedSeconds);
+  };
+  renderStreamConnectionElapsed();
+  let streamConnectionTimer = window.setInterval(renderStreamConnectionElapsed, 1000);
+  const stopStreamConnectionTimer = () => {
+    if (streamConnectionTimer === null) return;
+    window.clearInterval(streamConnectionTimer);
+    streamConnectionTimer = null;
+  };
+  const streamConnectionEstablishedEvents = new Set(["delta", "process_step", "tool_call", "context_compacted", "complete", "request_status", "error"]);
   const streamSpeedController = createStreamTypewriterSpeedController();
   let messageMounted = false;
   const mountAssistantMessage = () => {
@@ -15903,6 +16391,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
     let streamError = null;
     const consume = async (eventName, payload) => {
       assertAiRequestCurrent(requestHolder.snapshot);
+      if (streamConnectionEstablishedEvents.has(eventName)) stopStreamConnectionTimer();
       if (eventName === "context") {
         contextAction = typeof payload.action === "string" ? payload.action : "ready";
         if (!tab.promptSent) setAiChatTabContextUsage(tab, payload.usage);
@@ -16014,7 +16503,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
         assertAiRequestCurrent(requestHolder.snapshot);
         message.classList.remove("is-streaming");
         content.setAttribute("aria-busy", "false");
-        message.querySelector(".message-heading > span").textContent = "助手";
+        message.querySelector(".message-heading > span").textContent = aiAssistantLabel("", tab.roleplayCharacter);
         toolCalls = Array.isArray(payload.toolCalls) ? payload.toolCalls : toolCalls;
         processSteps = Array.isArray(payload.processSteps) ? payload.processSteps : processSteps;
         const processDurationMs = Number.isFinite(payload.processDurationMs) && payload.processDurationMs >= 0
@@ -16082,6 +16571,8 @@ async function streamChat(requestHolder, body, idempotencyKey) {
     if (streamedText) attachAssistantCopyAction(message, streamedText);
     scrollAiFeedToBottom(feed);
     throw streamFailure;
+  } finally {
+    stopStreamConnectionTimer();
   }
 }
 
@@ -16118,9 +16609,10 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
   const isInterrupted = role === "assistant" && metadata?.interrupted === true;
   const interruptionCode = typeof metadata?.interruptionCode === "string" ? metadata.interruptionCode : "AI_STREAM_FAILED";
   message.className = `${role === "user" ? "user-message" : "assistant-message"}${isFailure || isInterrupted ? " is-error" : ""}`;
+  const parsedUserTurn = role === "user" ? parseRoleplayUserTurn(text) : null;
   const messageBody = isFailure
     ? `<p class="ai-error-text">${esc(text)}</p>${aiToolCallSettingsLinkMarkup(text)}`
-    : renderMarkdown(text);
+    : renderMarkdown(parsedUserTurn?.hasMarkup ? parsedUserTurn.userMessage : text);
   message.innerHTML = `<div class="message-body">${messageBody}</div>`;
   message.querySelector("[data-ai-tool-call-settings-link]")?.addEventListener("click", (event) => {
     event.preventDefault();
@@ -16142,6 +16634,18 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
     failureBadge.setAttribute("aria-label", `消息状态：${isInterrupted ? aiStreamInterruptionLabel(interruptionCode) : "失败"}`);
     heading.firstElementChild?.append(failureBadge);
   }
+  if (parsedUserTurn?.hasMarkup && parsedUserTurn.sceneDirection) {
+    const scene = document.createElement("div");
+    scene.className = "user-message-scene";
+    const sceneLabel = document.createElement("span");
+    sceneLabel.className = "user-message-scene-label";
+    sceneLabel.textContent = "旁白 / 场景";
+    const sceneBody = document.createElement("div");
+    sceneBody.className = "user-message-scene-body";
+    sceneBody.textContent = parsedUserTurn.sceneDirection;
+    scene.append(sceneLabel, sceneBody);
+    message.querySelector(".message-body")?.before(scene);
+  }
   const mentionGroups = role === "user"
     ? [
       ["角色", metadata?.mentionCharacterIds, state.characters],
@@ -16197,7 +16701,8 @@ function appendMessage(role, text, citations = [], createdAt = null, metadata =
     );
     message.dataset.aiImageAttachmentIds = JSON.stringify(imageAttachments.map((attachment) => attachment.id));
     appendAiMessageImageAttachments(message, imageAttachments);
-    attachUserCopyAction(message, text);
+    attachUserCopyAction(message, parsedUserTurn?.hasMarkup ? parsedUserTurn.userMessage : text);
+    if (parsedUserTurn?.hasMarkup) message.dataset.sceneDirection = parsedUserTurn.sceneDirection;
   }
   if (role === "assistant" && !text.startsWith("调用失败：")) {
     const selectedModelId = tab?.modelId ?? tab?.selectedModelId ?? $("#ai-model").value;
@@ -16861,16 +17366,12 @@ $("#account-settings-button").addEventListener("click", () => {
   $("#profile-display-name").value = state.user?.displayName ?? "";
   renderProfileAvatar();
   $("#password-form").reset();
-  $("#api-key-result").classList.add("hidden");
-  $("#api-key-value").value = "";
   $("#account-dialog").showModal();
   api("/api/auth/api-key").then((status) => {
-    $("#api-key-status").textContent = status.configured
-      ? `已配置 ${status.prefix}…${status.lastUsedAt ? `，最近使用：${formatDateTime(status.lastUsedAt)}` : "，尚未使用"}`
-      : "尚未生成 API Key。";
-    $("#api-key-reset-button").textContent = status.configured ? "重置 API Key" : "生成 API Key";
+    paintApiKeyStatus(status);
   }).catch((error) => {
     $("#api-key-status").textContent = error.message;
+    $("#api-key-copy-button").hidden = true;
   });
 });
 $("#account-dialog-close").addEventListener("click", () => $("#account-dialog").close());
@@ -17307,6 +17808,17 @@ function validatePasswordChangeConfirmation() {
 }
 $("#password-form input[name='newPassword']").addEventListener("input", validatePasswordChangeConfirmation);
 $("#password-form input[name='passwordConfirmation']").addEventListener("input", validatePasswordChangeConfirmation);
+function paintApiKeyStatus(status) {
+  const copyButton = $("#api-key-copy-button");
+  copyButton.hidden = !status.configured;
+  if (status.configured) {
+    $("#api-key-status").textContent = `已配置 ${status.prefix}…${status.lastUsedAt ? `，最近使用：${formatDateTime(status.lastUsedAt)}` : "，尚未使用"}`;
+    $("#api-key-reset-button").textContent = "重置 API Key";
+    return;
+  }
+  $("#api-key-status").textContent = "尚未生成 API Key。";
+  $("#api-key-reset-button").textContent = "生成 API Key";
+}
 $("#api-key-reset-button").addEventListener("click", async () => {
   if ($("#api-key-reset-button").textContent.includes("重置") && !(await confirmToast(
     "重置后，所有使用旧 API Key 的 CLI 会立刻退出登录。确定继续吗？",
@@ -17314,25 +17826,31 @@ $("#api-key-reset-button").addEventListener("click", async () => {
   ))) return;
   try {
     const result = await api("/api/auth/api-key/reset", { method: "POST", body: {} });
-    $("#api-key-status").textContent = `已配置 ${result.prefix}…，尚未使用`;
-    $("#api-key-reset-button").textContent = "重置 API Key";
-    $("#api-key-value").value = result.apiKey;
-    $("#api-key-result").classList.remove("hidden");
-    $("#api-key-value").focus();
-    $("#api-key-value").select();
-    toast("新的 API Key 已生成，请立即保存");
+    paintApiKeyStatus({
+      configured: true,
+      prefix: result.prefix,
+      lastUsedAt: null,
+      copyable: result.copyable !== false
+    });
+    toast("新的 API Key 已生成，可点击复制");
   } catch (error) { toast(error.message, "error"); }
 });
 $("#api-key-copy-button").addEventListener("click", async () => {
-  const value = $("#api-key-value").value;
-  if (!value) return;
+  const button = $("#api-key-copy-button");
+  if (button.hidden || button.disabled) return;
+  button.disabled = true;
   try {
-    await navigator.clipboard.writeText(value);
-    toast("API Key 已复制");
-  } catch {
-    $("#api-key-value").focus();
-    $("#api-key-value").select();
-    toast("无法自动复制，请手动复制", "error");
+    const result = await api("/api/auth/api-key/reveal", { method: "POST", body: {} });
+    try {
+      await navigator.clipboard.writeText(result.apiKey);
+      toast("API Key 已复制");
+    } catch {
+      toast("无法自动复制，请检查浏览器剪贴板权限", "error");
+    }
+  } catch (error) {
+    toast(error.message, "error");
+  } finally {
+    button.disabled = false;
   }
 });
 $("#logout-button").addEventListener("click", async () => {
@@ -17936,6 +18454,15 @@ $("#module-create-button").addEventListener("click", () => ({ drafts: openDraftD
     }
     $("#ai-attachment-input").click();
   });
+  $("#ai-scene-button").addEventListener("click", () => {
+    toggleAiScenePanel();
+  });
+  for (const field of ["#ai-scene-direction", "#ai-scene-location", "#ai-scene-present", "#ai-scene-time"]) {
+    $(field)?.addEventListener("input", () => {
+      syncAiSceneComposer();
+      persistActiveAiChatTab();
+    });
+  }
   $("#ai-attachment-input").addEventListener("change", (event) => {
     const input = event.currentTarget;
     void addAiImageFiles(input.files).finally(() => { input.value = ""; });