npm - @musnows/scriverse - Versions diffs - 0.5.5 → 0.5.6 - Mend

@musnows/scriverse 0.5.5 → 0.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/public/index.html CHANGED Viewed

@@ -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=20260727-inline-save-spacing-v2">
+    <link rel="stylesheet" href="/styles.css?v=20260727-integrated-authoring-v1">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -140,6 +140,7 @@
             <span>作品目录</span>
             <div class="panel-heading-actions">
               <span id="chapter-count">0 章</span>
+              <button id="chapter-batch-button" class="chapter-batch-button" type="button">批量管理</button>
               <button id="new-volume-button" class="add-button" type="button" aria-label="新建分卷" title="新建分卷">+</button>
             </div>
           </div>
@@ -193,6 +194,8 @@
             <button id="user-management-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">人</span><strong>用户管理</strong><small>管理员、普通用户与账户状态</small></button>
             <button id="platform-ui-settings-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">界</span><strong>界面与分页</strong><small>设置通知位置及各模块的单页数量</small></button>
             <button id="collaboration-button" class="settings-hub-card" type="button"><span class="settings-card-mark">协</span><strong>作品协作</strong><small>邀请注册用户共同编辑当前作品</small></button>
+            <button id="writing-progress-button" class="settings-hub-card" type="button"><span class="settings-card-mark">字</span><strong>写作目标</strong><small>每日目标、总字数目标与近 30 天趋势</small></button>
+            <button id="work-audit-button" class="settings-hub-card" type="button"><span class="settings-card-mark">录</span><strong>操作记录</strong><small>查看作品修改、操作者、对象与时间</small></button>
             <button id="appearance-button" class="settings-hub-card" type="button" data-settings-action="appearance"><span class="settings-card-mark">Aa</span><strong>显示设置</strong><small>中文字体、等宽英文字体、字号与行距</small></button>
             <button id="export-button" class="settings-hub-card" type="button" data-settings-action="export"><span class="settings-card-mark">MD</span><strong>导出作品</strong><small>将当前作品安全导出为 Markdown</small></button>
           </div>
@@ -223,6 +226,8 @@
               <span id="chapter-stats" class="chapter-stats">0 字 · v0</span>
               <button id="insight-button" class="ghost-button" type="button" aria-controls="chapter-insight-toast" aria-expanded="false">章节概览</button>
               <button id="versions-button" class="ghost-button" type="button">版本</button>
+              <button id="chapter-annotations-button" class="ghost-button" type="button">批注与待办</button>
+              <button id="chapter-delete-button" class="danger-button" type="button">删除章节</button>
               <button id="chapter-edit-button" class="primary-button hidden" type="button">编辑</button>
               <button id="tidy-blank-lines-button" class="ghost-button" type="button">整理空行</button>
               <button id="save-button" class="primary-button" type="button">保存正文</button>
@@ -312,18 +317,21 @@
     </div>
     <div id="toast-region" class="toast-region" data-position="bottom-right" aria-live="polite" popover="manual"></div>
-    <div id="chapter-type-menu" class="chapter-type-menu hidden" role="menu" aria-label="设置章节类型" data-testid="chapter-type-menu">
+    <div id="chapter-type-menu" class="chapter-type-menu hidden" role="menu" aria-label="章节操作" data-testid="chapter-type-menu">
       <strong>标记章节</strong>
       <div>
         <button type="button" role="menuitemradio" data-chapter-type="正文">正文</button>
         <button type="button" role="menuitemradio" data-chapter-type="设定">设定</button>
         <button type="button" role="menuitemradio" data-chapter-type="作者的话">作者的话</button>
         <button type="button" role="menuitemradio" data-chapter-type="其他">其他</button>
+        <button class="danger-button" type="button" role="menuitem" data-delete-chapter>删除章节</button>
       </div>
     </div>
     <div id="line-citation-menu" class="line-citation-menu hidden" role="menu" aria-label="正文行引用操作">
       <strong id="line-citation-label">已选择正文</strong>
       <button id="add-line-citation" type="button" role="menuitem">添加到创作助手引用</button>
+      <button id="add-line-annotation" type="button" role="menuitem">添加批注</button>
+      <button id="add-line-todo" type="button" role="menuitem">添加待办</button>
     </div>
     <input id="new-import-file" class="hidden" type="file" accept=".txt,.docx">
     <input id="cover-file" class="hidden" type="file" accept="image/png,image/jpeg,image/webp">
@@ -381,6 +389,30 @@
       </form>
     </dialog>
+    <dialog id="chapter-batch-dialog" class="dialog chapter-batch-dialog" aria-labelledby="chapter-batch-title">
+      <form id="chapter-batch-form">
+        <div class="dialog-header">
+          <div><span class="eyebrow">正文工具</span><h2 id="chapter-batch-title">章节批量管理</h2><p class="dialog-header-meta">选择多个章节后统一移动、修改属性或软删除。</p></div>
+          <button id="chapter-batch-close" class="dialog-close" type="button" aria-label="关闭章节批量管理">×</button>
+        </div>
+        <div class="chapter-batch-toolbar">
+          <button id="chapter-batch-select-all" class="ghost-button" type="button">全选</button>
+          <button id="chapter-batch-clear" class="ghost-button" type="button">清空</button>
+          <output id="chapter-batch-count">已选择 0 章</output>
+        </div>
+        <div id="chapter-batch-list" class="chapter-batch-list"></div>
+        <div class="chapter-batch-controls">
+          <label>批量操作<select id="chapter-batch-action"><option value="move">移动到分卷</option><option value="setType">修改章节类型</option><option value="exclude">排除 AI 分析</option><option value="include">纳入 AI 分析</option><option value="delete">软删除章节</option></select></label>
+          <label id="chapter-batch-volume-field">目标分卷<select id="chapter-batch-volume"></select></label>
+          <label id="chapter-batch-type-field" class="hidden">章节类型<select id="chapter-batch-type"><option value="正文">正文</option><option value="设定">设定</option><option value="作者的话">作者的话</option><option value="其他">其他</option></select></label>
+        </div>
+        <div class="dialog-actions">
+          <button id="chapter-batch-cancel" class="ghost-button" type="button">取消</button>
+          <button id="chapter-batch-apply" class="primary-button" type="submit" disabled>应用到所选章节</button>
+        </div>
+      </form>
+    </dialog>
     <dialog id="import-mode-dialog" class="dialog import-mode-dialog" aria-labelledby="import-mode-dialog-title" aria-describedby="import-mode-dialog-description" data-testid="import-mode-dialog">
       <form method="dialog">
         <div class="dialog-header">
@@ -607,6 +639,17 @@
       </div>
     </dialog>
+    <dialog id="chapter-recycle-bin-dialog" class="dialog wide-dialog" aria-labelledby="chapter-recycle-bin-title" aria-describedby="chapter-recycle-bin-description">
+      <div class="dialog-header">
+        <div><span class="eyebrow">正文安全</span><h2 id="chapter-recycle-bin-title">章节回收站</h2></div>
+        <button id="chapter-recycle-bin-close" class="dialog-close" aria-label="关闭章节回收站" type="button">×</button>
+      </div>
+      <div class="import-history-body">
+        <p id="chapter-recycle-bin-description" class="import-history-note">软删除的章节会保留正文、版本和关联资料。恢复后章节将重新出现在原分卷中。</p>
+        <div id="chapter-recycle-bin-list" class="entity-history-list" aria-live="polite"></div>
+      </div>
+    </dialog>
     <dialog id="users-dialog" class="dialog wide-dialog" aria-labelledby="users-dialog-title">
       <div class="dialog-header"><div><span class="eyebrow">系统管理员</span><h2 id="users-dialog-title">用户管理</h2></div><div class="settings-dialog-header-actions"><button id="users-settings-return" class="ghost-button settings-parent-button" type="button">返回设置</button><button id="users-dialog-close" class="dialog-close" aria-label="关闭" type="button">×</button></div></div>
       <div class="access-dialog-body">
@@ -614,6 +657,30 @@
       </div>
     </dialog>
+    <dialog id="chapter-annotations-dialog" class="dialog wide-dialog chapter-annotations-dialog" aria-labelledby="chapter-annotations-title">
+      <div class="dialog-header"><div><span class="eyebrow">正文协作</span><h2 id="chapter-annotations-title">批注与待办</h2><p id="chapter-annotations-meta" class="dialog-header-meta">选择正文行后可添加批注或待办。</p></div><button id="chapter-annotations-close" class="dialog-close" aria-label="关闭批注与待办" type="button">×</button></div>
+      <div id="chapter-annotations-list" class="chapter-annotations-list"></div>
+      <div class="dialog-actions"><button id="chapter-annotations-refresh" class="ghost-button" type="button">刷新</button><button id="chapter-annotations-done" class="primary-button" type="button">完成</button></div>
+    </dialog>
+    <dialog id="writing-progress-dialog" class="dialog wide-dialog writing-progress-dialog" aria-labelledby="writing-progress-title">
+      <form id="writing-goal-form">
+        <div class="dialog-header"><div><span class="eyebrow">创作节奏</span><h2 id="writing-progress-title">写作目标与字数趋势</h2><p class="dialog-header-meta">趋势根据正文版本历史重建，软删除章节不会继续计入。</p></div><button id="writing-progress-close" class="dialog-close" aria-label="关闭写作目标" type="button">×</button></div>
+        <div class="writing-progress-body">
+          <div class="writing-progress-stats"><article><small>当前总字数</small><strong id="writing-current-words">0</strong></article><article><small>今日新增</small><strong id="writing-today-words">0</strong></article><article><small>每日目标完成</small><strong id="writing-daily-completion">0%</strong></article><article><small>总目标完成</small><strong id="writing-total-completion">0%</strong></article></div>
+          <div id="writing-trend-chart" class="writing-trend-chart" role="img" aria-label="近 30 天作品字数趋势"></div>
+          <div class="writing-goal-fields"><label>每日目标字数<input id="writing-daily-goal" type="number" min="0" max="1000000" required></label><label>总字数目标<input id="writing-total-goal" type="number" min="0" max="100000000" required></label><label>计划完成日期<input id="writing-deadline" type="date"></label></div>
+        </div>
+        <div class="dialog-actions"><button id="writing-progress-refresh" class="ghost-button" type="button">刷新趋势</button><button id="writing-goal-save" class="primary-button" type="submit">保存目标</button></div>
+      </form>
+    </dialog>
+    <dialog id="work-audit-dialog" class="dialog wide-dialog work-audit-dialog" aria-labelledby="work-audit-title">
+      <div class="dialog-header"><div><span class="eyebrow">作品安全</span><h2 id="work-audit-title">操作记录</h2><p class="dialog-header-meta">按时间倒序展示当前作品的写入与管理操作。</p></div><div class="settings-dialog-header-actions"><button id="work-audit-settings-return" class="ghost-button settings-parent-button" type="button">返回设置</button><button id="work-audit-close" class="dialog-close" aria-label="关闭操作记录" type="button">×</button></div></div>
+      <div id="work-audit-list" class="work-audit-list"></div>
+      <div class="dialog-actions"><button id="work-audit-refresh" class="ghost-button" type="button">刷新</button><button id="work-audit-load-more" class="primary-button hidden" type="button">加载更多</button></div>
+    </dialog>
     <dialog id="platform-ui-settings-dialog" class="dialog" aria-labelledby="platform-ui-settings-title">
       <div class="dialog-header"><div><span class="eyebrow">系统管理员</span><h2 id="platform-ui-settings-title">界面与分页</h2></div><div class="settings-dialog-header-actions"><button id="platform-ui-settings-return" class="ghost-button settings-parent-button" type="button">返回设置</button><button id="platform-ui-settings-close" class="dialog-close" aria-label="关闭" type="button">×</button></div></div>
       <form id="platform-ui-settings-form">
@@ -788,6 +855,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=20260727-race-tree-pagination-v1"></script>
+    <script type="module" src="/app.js?v=20260727-integrated-authoring-v1"></script>
   </body>
 </html>

package/dist/public/styles.css CHANGED Viewed

@@ -554,6 +554,30 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .settings-card-mark { display: grid; grid-row: 1 / 3; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; color: var(--accent-dark); background: var(--surface); font-size: 14px; font-weight: 700; }
 .settings-hub-card strong { align-self: end; font-size: 16px; }
 .settings-hub-card small { align-self: start; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.writing-progress-dialog { width: min(900px, 94vw); }
+.writing-progress-dialog form { display: grid; }
+.writing-progress-body { display: grid; gap: 18px; padding: 20px 24px; }
+.writing-progress-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
+.writing-progress-stats article { display: grid; gap: 6px; padding: 13px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
+.writing-progress-stats small { color: var(--muted); font-size: 9px; }
+.writing-progress-stats strong { font: 20px/1.2 var(--font-mono), monospace; }
+.writing-trend-chart { display: grid; grid-template-columns: repeat(30, minmax(4px, 1fr)); align-items: end; gap: 3px; height: 190px; padding: 12px 10px 24px; border: 1px solid var(--line); border-radius: 5px; background: linear-gradient(to top, var(--line) 1px, transparent 1px) 0 0 / 100% 25%; }
+.writing-trend-bar { display: grid; grid-template-rows: 1fr 18px; align-items: end; height: 100%; min-width: 0; }
+.writing-trend-bar i { display: block; width: 100%; height: var(--bar-height); min-height: 3px; border-radius: 2px 2px 0 0; background: color-mix(in srgb, var(--accent) 62%, var(--surface)); }
+.writing-trend-bar.is-today i { background: var(--accent); }
+.writing-trend-bar small { overflow: visible; color: var(--muted); font: 7px/18px var(--font-mono), monospace; white-space: nowrap; transform: rotate(-42deg); transform-origin: left center; }
+.writing-goal-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
+.writing-goal-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
+.writing-goal-fields input { width: 100%; }
+@media (max-width: 680px) { .writing-progress-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .writing-goal-fields { grid-template-columns: 1fr; } }
+.work-audit-dialog { width: min(860px, 94vw); }
+.work-audit-list { display: grid; max-height: 62vh; overflow: auto; }
+.work-audit-row { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 16px; padding: 13px 24px; border-bottom: 1px solid var(--line); }
+.work-audit-row time { color: var(--muted); font: 10px/1.5 var(--font-mono), monospace; }
+.work-audit-row > div { display: grid; min-width: 0; gap: 4px; }
+.work-audit-row strong { font-size: 12px; }
+.work-audit-row span, .work-audit-row small { overflow-wrap: anywhere; color: var(--muted); font-size: 9px; line-height: 1.5; }
+@media (max-width: 620px) { .work-audit-row { grid-template-columns: 1fr; gap: 4px; } }
 .settings-work-note { max-width: 1000px; margin: 18px auto 0; color: var(--muted); font-size: 11px; }
 .usage-page-content { width: 100%; max-width: 1400px; margin: 0 auto; padding-top: 0; }
 .usage-overview { min-width: 0; container-name: usage-overview; container-type: inline-size; }
@@ -733,6 +757,7 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.prose-hidden-mode:not(.shelf-mode) #novel-tree { display: none !important; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) #tidy-blank-lines-button,
 .app-shell.prose-read-only-mode:not(.shelf-mode) #save-button,
+.app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-delete-button,
 .app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-edit-button { display: none !important; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) .left-primary-actions { justify-content: flex-end; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-title[readonly],
@@ -741,6 +766,7 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.view-only-mode:not(.shelf-mode) [data-work-settings],
 .app-shell.view-only-mode:not(.shelf-mode) #tidy-blank-lines-button,
 .app-shell.view-only-mode:not(.shelf-mode) #save-button,
+.app-shell.view-only-mode:not(.shelf-mode) #chapter-delete-button,
 .app-shell.view-only-mode:not(.shelf-mode) #chapter-edit-button { display: none !important; }
 .app-shell.view-only-mode:not(.shelf-mode) .left-primary-actions { justify-content: flex-end; }
 .app-shell.view-only-mode:not(.shelf-mode) #chapter-title[readonly],
@@ -1054,6 +1080,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 #module-more-button { grid-column: 1 / -1; color: var(--accent-dark); text-align: center; }
 .panel-heading { display: flex; align-items: center; gap: 8px; padding: 15px 0 9px 7px; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
 .panel-heading-actions { display: flex; align-items: center; gap: 7px; margin-left: auto; }
+.chapter-batch-button { min-height: 26px; padding: 4px 7px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; white-space: nowrap; }
 .novel-tree { font-size: 13px; }
 .empty-copy { color: var(--muted); padding: 14px 7px; line-height: 1.5; }
 .volume-node { margin-bottom: 8px; }
@@ -1067,11 +1094,29 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .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:hover, .chapter-node.active { background: var(--row-active); }
+.chapter-node[draggable="true"] { cursor: grab; }
+.chapter-node.is-dragging { opacity: .42; cursor: grabbing; }
+.chapter-node.is-drag-over { box-shadow: inset 0 2px 0 var(--accent); }
+.chapter-node.is-drag-over.drop-after { box-shadow: inset 0 -2px 0 var(--accent); }
+.volume-node.is-drag-target > .volume-title { border-radius: 4px; background: color-mix(in srgb, var(--accent) 12%, var(--surface)); outline: 1px dashed var(--accent); }
 .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; }
 .chapter-node-meta { display: flex; flex: none; align-items: center; gap: 5px; margin-left: auto; overflow: visible; white-space: nowrap; }
 .chapter-node small { color: var(--muted); font-size: 9px; }
 .chapter-type-badge { max-width: 58px; overflow: hidden; padding: 2px 5px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent-dark); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
+.chapter-batch-dialog { width: min(720px, calc(100vw - 32px)); }
+.chapter-batch-dialog form { display: grid; gap: 14px; }
+.chapter-batch-toolbar { display: flex; align-items: center; gap: 8px; margin: 0 24px; }
+.chapter-batch-toolbar output { margin-left: auto; color: var(--muted); font-size: 11px; }
+.chapter-batch-list { display: grid; max-height: min(44vh, 420px); margin: 0 24px; overflow: auto; border: 1px solid var(--line); border-radius: 5px; }
+.chapter-batch-item { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 9px; padding: 9px 11px; border-bottom: 1px solid var(--line); }
+.chapter-batch-item:last-child { border-bottom: 0; }
+.chapter-batch-item span { display: grid; min-width: 0; gap: 2px; }
+.chapter-batch-item strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+.chapter-batch-item small { color: var(--muted); font-size: 9px; }
+.chapter-batch-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 24px; }
+.chapter-batch-controls label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
+@media (max-width: 620px) { .chapter-batch-controls { grid-template-columns: 1fr; } }
 .ghost-button, .primary-button { border-radius: 4px; padding: 8px 13px; font-size: 12px; }
 .ghost-button { border: 1px solid var(--line); background: transparent; }
@@ -2107,9 +2152,23 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-type-menu > div { display: grid; gap: 3px; }
 .chapter-type-menu button { border: 0; border-radius: 3px; padding: 7px 8px; background: transparent; text-align: left; font-size: 11px; }
 .chapter-type-menu button:hover, .chapter-type-menu button.active { background: var(--paper-deep); color: var(--accent-dark); }
+.chapter-type-menu .danger-button { margin-top: 5px; border-top: 1px solid var(--line); border-radius: 0; color: var(--accent-dark); }
 .line-citation-menu { position: fixed; z-index: 82; display: grid; min-width: 230px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); box-shadow: 0 14px 38px rgba(49,42,32,.22); }
 .line-citation-menu strong { padding: 5px 7px 8px; color: var(--muted); font-size: 9px; }
 .line-citation-menu button { border: 0; border-radius: 4px; padding: 8px; background: transparent; text-align: left; font-size: 11px; }.line-citation-menu button:hover { background: var(--paper-deep); color: var(--accent-dark); }
+.chapter-annotations-dialog { width: min(820px, 94vw); }
+.chapter-annotations-list { display: grid; gap: 10px; max-height: 62vh; overflow: auto; padding: 18px 24px; }
+.chapter-annotation-card { display: grid; gap: 8px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.chapter-annotation-card.is-resolved { opacity: .65; }
+.chapter-annotation-card header { display: flex; align-items: center; gap: 8px; }
+.chapter-annotation-card header strong { font-size: 11px; }
+.chapter-annotation-card header em { margin-left: auto; color: var(--muted); font-size: 9px; font-style: normal; }
+.chapter-annotation-kind { padding: 2px 6px; border: 1px solid var(--accent); border-radius: 10px; color: var(--accent-dark); font-size: 8px; }
+.chapter-annotation-card blockquote { max-height: 100px; overflow: auto; margin: 0; padding: 8px 10px; border-left: 3px solid var(--line); background: var(--surface); color: var(--muted); font: 10px/1.6 var(--font-mono), monospace; white-space: pre-wrap; }
+.chapter-annotation-card p { margin: 0; font-size: 12px; line-height: 1.6; white-space: pre-wrap; }
+.chapter-annotation-card > small { color: var(--muted); font-size: 9px; }
+.chapter-annotation-card footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
+.chapter-annotation-card footer button { min-height: 30px; padding: 5px 9px; font-size: 9px; }
 @keyframes toast-appear-top { from { opacity: 0; transform: translateY(-7px); } }
 @keyframes toast-appear-bottom { from { opacity: 0; transform: translateY(7px); } }