@musnows/scriverse 0.4.6 → 0.4.7

package/dist/public/app.js

@@ -2764,7 +2764,13 @@ function renderTree() {
     button.addEventListener("click", () => openChapterDialog(button.dataset.newChapterVolume));
   });
   $("#novel-tree").querySelectorAll("[data-chapter-id]").forEach((button) => {
-    button.addEventListener("click", () => selectChapter(button.dataset.chapterId));
+    button.addEventListener("click", () => {
+      selectChapter(button.dataset.chapterId);
+      if (isMobileViewport()) {
+        panelLayout.leftCollapsed = true;
+        applyPanelLayout(true);
+      }
+    });
     button.addEventListener("contextmenu", (event) => {
       if (!canEditProse()) return;
       event.preventDefault();
@@ -3273,13 +3279,16 @@ async function renderCharacters(page = characterListPage) {
   state.characters = characterPage.items;
   const layout = readModuleLayout();
   const characterActions = (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">${state.characters.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}”`)}${item.lockedFields.length ? `<small>锁定 ${item.lockedFields.length} 项</small>` : ""}
-    <h3>${esc(item.name)}</h3>
+    <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}”`)}
+    <div class="character-card-heading"><h3>${esc(item.name)}</h3>${characterLockBadge(item)}</div>
     ${item.attributes?.identity ? `<p class="character-identity">${esc(item.attributes.identity)}</p>` : ""}
-    ${item.aliases.length ? `<div class="character-aliases">${item.aliases.map((alias) => `<span class="pill">${esc(alias)}</span>`).join("")}</div>` : ""}
+    ${item.aliases.length ? `<div class="character-aliases"><b>别名</b>${item.aliases.map((alias) => `<span class="pill">${esc(alias)}</span>`).join("")}</div>` : ""}
     ${item.code ? `<div class="character-code"><b>编号</b><span class="pill">${esc(item.code)}</span></div>` : ""}
     ${item.species ? `<div class="character-species"><b>种族</b><span class="pill">${esc(racePathLabel(item.race) || item.species)}</span></div>` : ""}
     ${details.length ? `<dl class="character-detail-list">${details.slice(0, 4).map((detail) => `<div><dt>${esc(detail.label)}</dt><dd>${esc(detail.value)}</dd></div>`).join("")}</dl>` : ""}
@@ -3298,9 +3307,8 @@ async function renderCharacters(page = characterListPage) {
     ].filter(Boolean).join(" · ");
     const line = meta ? `${meta} · ${preview}` : preview;
     return `
-    <article class="record-card module-row character-card preview-record-card" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">
-      ${item.lockedFields.length ? `<small>锁定 ${item.lockedFields.length} 项</small>` : ""}
-      <h3>${esc(item.name)}</h3>
+    <article class="record-card module-row character-row character-card preview-record-card" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">
+      <div class="character-card-heading"><h3>${esc(item.name)}</h3>${characterLockBadge(item)}</div>
       <p class="module-row-preview" title="${esc(line)}">${esc(line)}</p>
       <div class="card-actions">${characterActions(item)}</div>
     </article>`;
@@ -5714,16 +5722,28 @@ function openTaskDialog() {
   const chapterOptions = state.work.volumes.flatMap((volume) => volume.chapters.map((chapter) => [chapter.id, `${volume.title} / ${chapter.title}`]));
   const defaultTaskType = ANALYSIS_TYPES[0].value;
   const taskTypeField = `<div class="form-field analysis-type-field"><label>分析类型<select name="taskType" aria-describedby="analysis-type-description">${ANALYSIS_TYPES.map(({ value, label }) => `<option value="${esc(value)}" ${value === defaultTaskType ? "selected" : ""}>${esc(label)}</option>`).join("")}</select></label><p id="analysis-type-description" class="analysis-type-description" aria-live="polite">${esc(analysisTypeDescription(defaultTaskType))}</p></div>`;
-  openDialog("开始 AI 分析", taskTypeField + field("scopeType", "分析范围", "select", "chapter", [["chapter", "指定章节"], ["book", "全书"]]) + field("chapterId", "章节", "select", chapterOptions[0]?.[0] ?? "", chapterOptions), async (form) => {
+  const chapterField = `<label class="task-chapter-field">章节<select name="chapterId">${chapterOptions.map(([key, text], index) => `<option value="${esc(key)}" ${index === 0 ? "selected" : ""}>${esc(text)}</option>`).join("")}</select></label>`;
+  openDialog("开始 AI 分析", taskTypeField + field("scopeType", "分析范围", "select", "chapter", [["chapter", "指定章节"], ["book", "全书"]]) + chapterField, async (form) => {
     const scope = form.get("taskType") === "character-identity-audit" || form.get("scopeType") === "book" ? { type: "book" } : { type: "chapter", chapterId: form.get("chapterId") };
     await api(`/api/works/${state.work.id}/tasks`, { method: "POST", body: { taskType: form.get("taskType"), scope } });
     await renderTasks();
   });
   const taskTypeSelect = $("#dialog-fields").querySelector('select[name="taskType"]');
+  const scopeTypeSelect = $("#dialog-fields").querySelector('select[name="scopeType"]');
+  const chapterSelect = $("#dialog-fields").querySelector('select[name="chapterId"]');
+  const chapterFieldElement = chapterSelect.closest(".task-chapter-field");
   const description = $("#analysis-type-description");
+  const syncChapterField = () => {
+    const disabled = scopeTypeSelect.value === "book";
+    chapterSelect.disabled = disabled;
+    chapterFieldElement.classList.toggle("is-disabled", disabled);
+    chapterFieldElement.setAttribute("aria-disabled", String(disabled));
+  };
   taskTypeSelect.addEventListener("change", () => {
     description.textContent = analysisTypeDescription(taskTypeSelect.value);
   });
+  scopeTypeSelect.addEventListener("change", syncChapterField);
+  syncChapterField();
 }
 
 function openProviderDialog(item) {
@@ -6615,7 +6635,7 @@ $("#module-nav").addEventListener("click", (event) => {
   }
   if (button.dataset.module) {
     void showModule(button.dataset.module).finally(() => {
-      if (window.matchMedia("(max-width: 850px)").matches) {
+      if (isMobileViewport()) {
         panelLayout.leftCollapsed = true;
         applyPanelLayout(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=20260725-develop-galaxy-ripple">
+    <link rel="stylesheet" href="/styles.css?v=20260725-mobile-workspace-unify">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -25,7 +25,7 @@
         </div>
         <form id="login-form" class="auth-form">
           <label>用户名<input name="username" autocomplete="username" maxlength="100" required></label>
-          <label>密码<span class="password-field"><input id="login-password" name="password" type="password" autocomplete="current-password" maxlength="200" required aria-describedby="login-lock-hint"><button class="password-toggle" type="button" data-password-toggle="login-password" aria-label="显示密码" aria-pressed="false" title="显示密码"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M2.5 12s3.3-5.5 9.5-5.5S21.5 12 21.5 12 18.2 17.5 12 17.5 2.5 12 2.5 12Z"/><circle cx="12" cy="12" r="2.8"/></svg></button></span></label>
+          <label>密码<input id="login-password" name="password" type="password" autocomplete="current-password" maxlength="200" required aria-describedby="login-lock-hint"></label>
           <p id="login-lock-hint" class="auth-security-hint">5 分钟内连续输错 5 次密码，登录将锁定 30 分钟。</p>
           <div class="auth-captcha">
             <label>验证码<input name="captchaAnswer" autocomplete="off" inputmode="text" maxlength="8" spellcheck="false" required aria-describedby="login-captcha-hint"></label>
@@ -699,6 +699,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=20260725-develop-galaxy-ripple"></script>
+    <script type="module" src="/app.js?v=20260725-mobile-workspace-unify"></script>
   </body>
 </html>

package/dist/public/styles.css

@@ -503,10 +503,11 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.left-panel-collapsed .panel-heading { display: none; }
 .app-shell.left-panel-collapsed .brand-block { padding: 0 4px; }.app-shell.left-panel-collapsed .brand-block > div { display: none; }
 .main-panel { min-width: 0; min-height: 0; overflow: hidden; }
-.app-shell.shelf-mode { grid-template-columns: 1fr; }
+.app-shell.shelf-mode { grid-template-columns: minmax(0, 1fr); }
 .app-shell.shelf-mode .topbar { grid-template-columns: 280px 1fr auto; }
 .app-shell.shelf-mode .left-panel, .app-shell.shelf-mode .ai-panel { display: none; }
 .app-shell.shelf-mode .save-state { display: none; }
+.app-shell.shelf-mode #top-search-button { display: none; }
 .app-shell.shelf-mode .main-panel { grid-column: 1 / -1; }
 
 .shelf-view { display: flex; flex-direction: column; height: 100%; overflow-y: auto; padding: 48px clamp(32px, 7vw, 110px) 90px; }
@@ -877,7 +878,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-add-button { flex: none; }
 .volume-chapters { display: block; }
 .volume-node.is-collapsed .volume-chapters { display: none; }
- .chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 8px 9px 20px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; }
+.chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 8px 9px 20px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; }
 .chapter-node:hover, .chapter-node.active { background: var(--row-active); }
 .chapter-node.active { color: var(--accent-dark); font-weight: 700; }
 .chapter-node > span:first-child { min-width: 0; overflow-wrap: anywhere; line-height: 1.45; white-space: normal; }
@@ -982,6 +983,13 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .setting-row .card-actions, .module-row .card-actions { margin-top: 0; flex-wrap: wrap; justify-content: flex-end; }
 .module-row .card-actions > .record-card-edit { position: static; }
 .character-card { cursor: pointer; }
+.character-row { grid-template-columns: minmax(140px, .28fr) minmax(0, 1fr) auto; }
+.character-card-heading { display: flex; min-width: 0; align-items: center; gap: 7px; }
+.character-card-heading h3 { min-width: 0; }
+.record-card.has-card-edit .character-card-heading { padding-right: 34px; }
+.record-card.has-card-edit .character-card-heading h3 { padding-right: 0; }
+.character-lock-badge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 3px; min-height: 20px; padding: 2px 6px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent-dark); font-size: 9px; font-variant-numeric: tabular-nums; line-height: 1; }
+.character-lock-badge svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
 .character-filter-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 12px; align-items: start; width: 100%; min-width: 0; box-sizing: border-box; margin-bottom: 18px; padding: 12px 14px; border: 1px solid var(--line); background: var(--surface-soft); }
 .character-filter-dropdown { position: relative; min-width: 0; }
 .character-filter-dropdown summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); cursor: pointer; list-style: none; }
@@ -1633,6 +1641,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .merge-dialog-note { margin: 0; padding: 10px 12px; border-left: 2px solid var(--accent); background: var(--surface-soft); color: var(--muted); font-size: 11px; line-height: 1.6; }
 .form-field { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
 .analysis-type-description { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.task-chapter-field { transition: opacity .15s ease; }
+.task-chapter-field.is-disabled { opacity: .48; }
+.task-chapter-field select:disabled { cursor: not-allowed; }
 .model-temperature-hint { margin: 0; color: var(--accent-dark); font-size: 10px; line-height: 1.55; }
 .item-list-rows { display: grid; gap: 7px; }
 .item-list-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
@@ -1658,6 +1669,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-card h3 { margin-bottom: 5px; }
 .character-identity { margin: 0 0 6px !important; color: var(--ink) !important; font-weight: 600; line-height: 1.55 !important; }
 .character-aliases { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; }
+.character-aliases b { margin-right: 2px; color: var(--muted); font-size: 9px; font-weight: 500; }
 .character-aliases .pill { margin: 0; border: 1px solid var(--line); background: var(--surface); }
 .character-code { display: flex; align-items: center; gap: 7px; margin-top: 10px; color: var(--muted); font-size: 10px; }
 .character-species { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 6px; margin-top: 8px; color: var(--muted); font-size: 10px; }
@@ -2013,8 +2025,13 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 }
 
 @media (max-width: 640px) {
-  .setting-editor-heading { gap: 6px; }
-  .setting-editor-header-fields { align-items: flex-start; flex-direction: column; }
+  #onboarding-dialog, #onboarding-menu-button { display: none !important; }
+  .topbar .work-meta { display: none; }
+  .top-actions .save-state { display: none; }
+  .presence-button #presence-count { display: none; }
+  .account-button > span:last-child { display: none; }
+  .book-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
+  .book-info > span, .book-access-badge { display: none; }
   .ai-history-dialog-body { min-height: min(360px, 62vh); padding: 12px 14px 18px; }
   .account-settings-body { padding: 16px; }
   .account-settings-section { padding: 15px; }
@@ -2060,6 +2077,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .brand-block strong { font-size: 14px; }
   .brand-block small { display: none; }
   .mobile-module-tab { position: fixed; z-index: 32; top: 132px; right: 0; display: grid; width: 34px; height: 42px; padding: 0; place-items: center; border: 1px solid var(--line); border-right: 0; border-radius: 5px 0 0 5px; background: var(--surface-soft); color: var(--accent-dark); font-size: 10px; writing-mode: vertical-rl; }
+  .app-shell.shelf-mode .mobile-module-tab { display: none; }
   .mobile-panel-backdrop { position: fixed; z-index: 30; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(20, 17, 14, .28); }
   .app-shell:not(.shelf-mode):not(.left-panel-collapsed) .mobile-panel-backdrop { display: block; }
   .work-meta {
@@ -2243,7 +2261,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .editor-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .editor-actions .chapter-stats { display: none; }
   .editor-actions > button { width: auto; }
-  .book-shelf { grid-template-columns: minmax(0, 1fr); max-width: 280px; }
+  .book-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; max-width: none; }
   .book-add-card { min-height: 220px; }
   .onboarding-popover { width: calc(100vw - 20px); }
 }

package/dist/version.js

@@ -1,2 +1,2 @@
-export const APP_VERSION = "0.4.5";
+export const APP_VERSION = "0.4.7";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@musnows/scriverse",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Command-line client and local server for the Scriverse long-form fiction workspace",
   "license": "MIT",
   "author": "musnows",