@musnows/scriverse 0.8.2 → 0.8.3

package/dist/public/ai-context-meter.js

@@ -48,7 +48,8 @@ export function formatAiContextUsagePercent(occupiedTokens, contextWindow) {
   const occupied = tokenCount(occupiedTokens);
   const window = tokenCount(contextWindow);
   const percent = window > 0 ? Math.min(100, occupied / window * 100) : 0;
-  return `${percent.toFixed(1)}%`;
+  const roundedDecimal = Number(percent.toFixed(1));
+  return roundedDecimal < 10 ? `${roundedDecimal.toFixed(1)}%` : `${Math.round(percent)}%`;
 }
 
 export function normalizeAiContextTokenDistribution(usage) {

package/dist/public/app.js

@@ -24,7 +24,8 @@ import { createStreamTypewriter, createStreamTypewriterSpeedController } from "/
 import { assertAiStreamCompleted, readAiEventStream } from "/ai-stream-protocol.js?v=20260812-ai-stream-complete-v1";
 import { buildUsageCalendar, formatCacheHitRate, formatTokenCount } from "/ai-usage.js?v=20260727-ai-usage-v1";
 import { formatAiMessageTime } from "/ai-message-time.js?v=20260801-month-day-time";
-import { formatAiContextUsagePercent, formatAiContextUsageTooltip, mergeAiContextUsage, normalizeAiContextTokenDistribution, resolveAiContextUsage } from "/ai-context-meter.js?v=20260812-context-usage-remaining-v2";
+import { formatAiContextUsagePercent, formatAiContextUsageTooltip, mergeAiContextUsage, normalizeAiContextTokenDistribution, resolveAiContextUsage } from "/ai-context-meter.js?v=20260819-context-percent-v1";
+import { isPhoneClient } from "/phone-client.js?v=20260819-phone-client-v1";
 import { formatAiToolCallResult } from "/ai-tool-call.js?v=20260801-ai-tool-result-chars-v1";
 import { copyAiRawMarkdown } from "/ai-message-actions.js?v=20260713-copy-raw-markdown";
 import { bindPlainTextPaste } from "/plain-text-paste.js?v=20260815-plain-text-paste-v1";
@@ -1331,12 +1332,15 @@ function constrainPanelLayout() {
 }
 
 function applyPanelLayout(persist = false) {
+  const phoneClient = isPhoneClient();
+  if (phoneClient && !aiConversationWorkspaceOpen) panelLayout.aiCollapsed = true;
   constrainPanelLayout();
   const app = $("#app");
   app.style.setProperty("--left-panel-width", `${panelLayout.leftWidth}px`);
   app.style.setProperty("--ai-panel-width", `${panelLayout.aiWidth}px`);
   app.classList.toggle("left-panel-collapsed", panelLayout.leftCollapsed);
   app.classList.toggle("ai-panel-collapsed", panelLayout.aiCollapsed);
+  app.classList.toggle("phone-client", phoneClient);
   const mobileViewport = isMobileViewport();
   $("#left-panel-toggle").textContent = mobileViewport ? "›" : (panelLayout.leftCollapsed ? "›" : "‹");
   $("#left-panel-toggle").setAttribute("aria-expanded", String(!panelLayout.leftCollapsed));
@@ -1356,7 +1360,7 @@ function applyPanelLayout(persist = false) {
 
 function ensureAiPanelExpanded() {
   if (!state.work || !canReadPermissionModule(state.work, "ai-chat")) return;
-  if (isMobileViewport()) {
+  if (isPhoneClient() || isMobileViewport()) {
     setAiConversationWorkspaceVisible(true);
     return;
   }
@@ -2219,7 +2223,7 @@ function setAiConversationSwitcherVisible(visible) {
 }
 
 function setAiConversationWorkspaceVisible(visible) {
-  const mobileWorkspace = isMobileViewport();
+  const mobileWorkspace = isPhoneClient() || isMobileViewport();
   aiConversationWorkspaceOpen = Boolean(visible);
   panelLayout.aiCollapsed = aiConversationWorkspaceOpen ? false : mobileWorkspace;
   $("#app").classList.toggle("ai-workspace-mode", aiConversationWorkspaceOpen);
@@ -3808,8 +3812,7 @@ function renderChapterAnnotations() {
     },
     locate: (annotation) => {
       $("#chapter-annotations-dialog").close();
-      paintChapterLineSelection(annotation.startLine - 1, annotation.endLine - 1);
-      selectChapterLines(annotation.startLine - 1, annotation.endLine - 1);
+      revealChapterLines(annotation.startLine, annotation.endLine);
     },
     overlayDialog: $("#chapter-annotations-dialog")
   });
@@ -6385,7 +6388,7 @@ async function runWorkSearch() {
   renderSearchResults(results, query);
 }
 
-function revealChapterSearchLines(startLine, endLine) {
+function revealChapterLines(startLine, endLine) {
   const start = Math.max(0, Number(startLine) - 1);
   const end = Math.max(start, Number(endLine ?? startLine) - 1);
   const input = $("#chapter-content");
@@ -6440,7 +6443,7 @@ async function openSearchResult(result) {
   if (target.kind === "chapter") {
     await selectChapter(target.id);
     if (state.chapter?.id === target.id && target.startLine) {
-      revealChapterSearchLines(target.startLine, target.endLine);
+      revealChapterLines(target.startLine, target.endLine);
       toast(target.startLine === target.endLine ? `已定位到第 ${target.startLine} 行` : `已定位到第 ${target.startLine}-${target.endLine} 行`);
     }
     return;
@@ -9441,10 +9444,10 @@ async function renderWorkChapterComments(page = moduleListPages.comments) {
   bindChapterAnnotationCards($("#module-content"), result.items, {
     refresh: () => renderWorkChapterComments(pageResult.page),
     locate: async (annotation) => {
-      await selectChapter(annotation.chapterId);
+      const selected = await selectChapter(annotation.chapterId);
+      if (!selected || String(state.chapter?.id ?? "") !== String(annotation.chapterId)) return;
       await new Promise((resolve) => window.requestAnimationFrame(resolve));
-      paintChapterLineSelection(annotation.startLine - 1, annotation.endLine - 1);
-      selectChapterLines(annotation.startLine - 1, annotation.endLine - 1);
+      revealChapterLines(annotation.startLine, annotation.endLine);
     }
   });
 }
@@ -12909,8 +12912,17 @@ function updateVditorWordCount(editor, markdown) {
     counter.title = "当前 Markdown 正文的字数，不计空白字符";
     toolbar.append(counter);
   }
+  let value = counter.querySelector("[data-markdown-word-count-value]");
+  if (!value) {
+    value = document.createElement("span");
+    value.className = "markdown-word-count-value";
+    value.dataset.markdownWordCountValue = "true";
+    const unit = document.createElement("span");
+    unit.textContent = " 字";
+    counter.replaceChildren(value, unit);
+  }
   const count = Array.from(String(markdown ?? "").replace(/\s/gu, "")).length;
-  counter.textContent = `${count.toLocaleString("zh-CN")} 字`;
+  value.textContent = count.toLocaleString("zh-CN");
 }
 
 function transformVditorPreview(html) {
@@ -15013,6 +15025,22 @@ async function sendAiWithOptions({ ignoreContextWarning = false } = {}) {
   }
 }
 
+function createAiStreamCharacterCount(value) {
+  const count = document.createElement("span");
+  count.className = "ai-stream-character-count";
+  count.textContent = Math.max(0, Number(value) || 0).toLocaleString("zh-CN");
+  return count;
+}
+
+function renderAiStreamingCharacterProgress(meta, visibleCharacters, receivedCharacters) {
+  const visible = Math.max(0, Number(visibleCharacters) || 0);
+  const received = Math.max(visible, Number(receivedCharacters) || 0);
+  const children = ["正在生成 · ", createAiStreamCharacterCount(visible)];
+  if (received > visible) children.push(" / ", createAiStreamCharacterCount(received));
+  children.push(" 字");
+  meta.replaceChildren(...children);
+}
+
 async function streamChat(requestHolder, body, idempotencyKey) {
   const tab = aiChatTabForRequest(requestHolder.snapshot);
   if (!tab) throw createAiRequestAbortError("Agent 对话页签已关闭");
@@ -15040,9 +15068,7 @@ async function streamChat(requestHolder, body, idempotencyKey) {
       if (!aiRequestTargetsCurrentState(requestHolder.snapshot) || !mountAssistantMessage()) return;
       content.innerHTML = renderMarkdown(text);
       const receivedCharacters = progress.visibleCharacters + progress.pendingCharacters;
-      meta.textContent = progress.pendingCharacters > 0
-        ? `正在生成 · ${progress.visibleCharacters} / ${receivedCharacters} 字`
-        : `正在生成 · ${progress.visibleCharacters} 字`;
+      renderAiStreamingCharacterProgress(meta, progress.visibleCharacters, receivedCharacters);
       scrollAiFeedToBottom(feed);
     }
   });
@@ -16919,7 +16945,7 @@ $("#ai-assistant-entry").addEventListener("click", () => {
     return toast("当前账户没有创作助手读取权限", "error");
   }
   setModuleNavExpanded(false);
-  if (isMobileViewport()) {
+  if (isPhoneClient() || isMobileViewport()) {
     panelLayout.leftCollapsed = true;
     applyPanelLayout(true);
     setAiConversationWorkspaceVisible(true);

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&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1">
+    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -1210,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=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>
+    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v1&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v1&feature=volume-detail-icon-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v1&feature=phone-client-entry-v1"></script>
   </body>
 </html>

package/dist/public/phone-client.js

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

package/dist/public/styles.css

@@ -561,6 +561,8 @@ input[type="checkbox"][hidden] { display: none; }
 .panel-resize-handle:hover::after, .panel-resize-handle:focus-visible::after, body.is-panel-resizing .panel-resize-handle::after { background: var(--accent); }
 body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.left-panel-collapsed { --left-panel-width: 42px !important; }.app-shell.ai-panel-collapsed { --ai-panel-width: 42px !important; }
+.app-shell.phone-client.ai-panel-collapsed:not(.ai-workspace-mode) { --ai-panel-width: 0px !important; }
+.app-shell.phone-client.ai-panel-collapsed:not(.ai-workspace-mode) .ai-panel { display: none; }
 .app-shell.left-panel-collapsed .left-panel, .app-shell.ai-panel-collapsed .ai-panel { padding: 0; overflow: hidden; }
 .app-shell.left-panel-collapsed .left-panel > .panel-resize-handle,
 .app-shell.left-panel-collapsed .left-panel-body > :not(.left-actions),
@@ -1415,7 +1417,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-line-number { position: absolute; left: 0; box-sizing: border-box; display: flex; width: 100%; align-items: flex-start; justify-content: center; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; text-align: center; }
 .chapter-line-number-select { position: relative; display: flex; width: 100%; height: 100%; align-items: flex-start; justify-content: center; padding-inline: 3px; border: 0; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; }
 .chapter-line-number-select:focus-visible { z-index: 1; outline: 1px solid var(--accent); outline-offset: -1px; }
-.chapter-line-annotation-count { position: absolute; top: -2px; right: 0; z-index: 2; display: grid; min-width: 14px; height: 14px; place-items: center; padding: 0 3px; border: 1px solid var(--panel); border-radius: 999px; background: var(--accent); color: var(--paper); font-family: var(--font-latin), monospace; font-size: 9px; font-weight: 700; line-height: 1; cursor: pointer; box-shadow: 0 1px 3px rgba(49,42,32,.16); }
+.chapter-line-annotation-count { position: absolute; top: -4px; right: -10px; z-index: 2; display: grid; min-width: 14px; height: 14px; place-items: center; padding: 0 3px; border: 1px solid var(--panel); border-radius: 999px; background: var(--accent); color: var(--paper); font-family: var(--font-latin), monospace; font-size: 9px; font-weight: 700; line-height: 1; cursor: pointer; box-shadow: 0 1px 3px rgba(49,42,32,.16); }
 .chapter-line-annotation-count:hover, .chapter-line-annotation-count:focus-visible { background: var(--accent-dark); }
 .chapter-line-annotation-count:focus-visible { outline: 1px solid var(--accent-dark); outline-offset: 1px; }
 .chapter-line-number:hover { background: rgba(139,61,44,.08); color: var(--accent-dark); }
@@ -2655,6 +2657,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-body .markdown-image img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
 .message-body .markdown-image small { color: var(--muted); font-size: 9px; line-height: 1.45; text-align: center; }
 .message-meta { margin-top: 8px; color: var(--muted); font-size: 9px; }
+.message-meta .ai-stream-character-count { display: inline-block; min-width: 6ch; font-variant-numeric: tabular-nums; text-align: right; }
 .ai-process-details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: color-mix(in srgb, var(--surface-soft) 82%, transparent); }
 .ai-process-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 10px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
 .ai-process-details > summary::-webkit-details-marker { display: none; }
@@ -3321,6 +3324,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .vditor-editor-host.vditor--dark { --border-color: var(--line); --panel-background-color: var(--surface); --toolbar-background-color: var(--surface-soft); --toolbar-icon-color: var(--muted); --toolbar-icon-hover-color: var(--accent); --textarea-background-color: var(--surface); --textarea-text-color: var(--ink); --heading-border-color: var(--line); --blockquote-color: var(--muted); }
 .vditor-editor-host .vditor-toolbar { display: flex; align-items: center; flex: 0 0 auto; }
 .vditor-editor-host .markdown-word-count { display: inline-flex; align-items: center; align-self: center; min-height: 28px; margin-left: 24px; padding: 0 10px; color: var(--muted); font: 10px/1 var(--font-latin), var(--font-cjk), sans-serif; white-space: nowrap; }
+.vditor-editor-host .markdown-word-count-value { display: inline-block; min-width: 6ch; font-variant-numeric: tabular-nums; text-align: right; }
 .vditor-editor-host .vditor-content { position: relative; }
 .vditor-editor-host .vditor-line-numbers { display: none; position: absolute; z-index: 1; inset: 0 auto 0 0; width: 42px; padding: 0; overflow: hidden; border-right: 1px solid var(--line); background: color-mix(in srgb, var(--surface-soft) 88%, transparent); color: var(--muted); font: 12px/1.75 var(--font-latin), monospace; text-align: center; user-select: none; pointer-events: none; will-change: transform; }
 .vditor-editor-host.vditor.show-line-numbers .vditor-line-numbers { display: block; }

package/dist/version.js

@@ -1,4 +1,4 @@
-export const APP_VERSION = "0.8.2";
+export const APP_VERSION = "0.8.3";
 export const SCRIVERSE_BETA_COMMIT_ENV = "SCRIVERSE_BETA_COMMIT";
 export function resolveBetaVersionLabel(environment) {
     const commit = environment[SCRIVERSE_BETA_COMMIT_ENV]?.trim().toLocaleLowerCase() ?? "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@musnows/scriverse",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Command-line client and local server for the Scriverse long-form fiction workspace",
   "license": "AGPL-3.0-only",
   "author": "musnows",