feat(web): 审稿改稿闭环——一键采纳/AI改写/正文高亮定位编辑/伏笔确认/草稿自动保存/章节目录

- 冲突「采纳改法」：有补丁瞬时改入终稿并选中；无补丁但可定位则采纳时调 AI（refiner）重写该段套入；定位不到提示手改
- 正文改为行内高亮叠层编辑器（与页面同底色、随内容增高、无滚动条），点冲突卡/锚点整页滚到并选中+闪烁
- 仅对可在正文定位的冲突显示「跳转」/锚点；locate 支持从 where 引号抽原文，杜绝定位失败刷屏
- 伏笔建议卡：新埋一键登记（预填表单）/ 疑似回收一键标记 CLOSED（复用现有端点）
- 审稿页草稿自动保存（防抖 PUT /draft），与「验收本章」解耦，刷新不丢
- 写作路由带章号 ?chapter=N + 验收成功面板/大纲页「写下一章」入口；写作目录从大纲列出全部章节

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/web/components/workbench/ChapterList.tsx

@@ -1,33 +1,84 @@
+import Link from "next/link";
+
+import { buildChapterEntries, type ChapterEntry } from "@/lib/workbench/chapter";
+
 interface ChapterListProps {
+  projectId: string;
+  // 大纲章节（来自 GET .../outline，无大纲时为空）；当前章会被并入并去重。
+  chapters: ChapterEntry[];
   currentChapterNo: number;
 }
 
-// 左栏目录（UX §6.3）。M1 无章节列表端点 → 仅展示当前章占位。
+// 左栏目录（UX §6.3）：列出大纲全部章节 + 当前章，点击切换写作章号（`?chapter=N`）。
 // 桌面 aside 包裹；移动端经 Workbench 抽屉复用 ChapterListContent。
-export function ChapterList({ currentChapterNo }: ChapterListProps) {
+export function ChapterList({
+  projectId,
+  chapters,
+  currentChapterNo,
+}: ChapterListProps) {
   return (
     <aside className="hidden border-r border-line bg-panel py-4 lg:block">
-      <ChapterListContent currentChapterNo={currentChapterNo} />
+      <ChapterListContent
+        projectId={projectId}
+        chapters={chapters}
+        currentChapterNo={currentChapterNo}
+      />
     </aside>
   );
 }
 
-export function ChapterListContent({ currentChapterNo }: ChapterListProps) {
+export function ChapterListContent({
+  projectId,
+  chapters,
+  currentChapterNo,
+}: ChapterListProps) {
+  const entries = buildChapterEntries(chapters, currentChapterNo);
+  const hasOutline = chapters.length > 0;
   return (
     <>
       <h2 className="px-4 text-xs font-semibold uppercase tracking-wide text-ink-soft">
         目录
       </h2>
       <ul className="mt-2">
-        <li>
-          <span className="flex items-center gap-2 border-l-2 border-cinnabar bg-[var(--color-cinnabar-wash)] px-4 py-2 text-sm text-cinnabar">
-            <span aria-hidden="true">●</span>第 {currentChapterNo} 章
-          </span>
-        </li>
+        {entries.map((entry) => {
+          const active = entry.no === currentChapterNo;
+          return (
+            <li key={entry.no}>
+              <Link
+                href={`/projects/${projectId}/write?chapter=${entry.no}`}
+                aria-current={active ? "page" : undefined}
+                className={
+                  active
+                    ? "flex flex-col gap-0.5 border-l-2 border-cinnabar bg-[var(--color-cinnabar-wash)] px-4 py-2 text-sm text-cinnabar"
+                    : "flex flex-col gap-0.5 border-l-2 border-transparent px-4 py-2 text-sm text-ink hover:border-cinnabar hover:text-cinnabar"
+                }
+              >
+                <span className="flex items-center gap-2">
+                  {active ? <span aria-hidden="true">●</span> : null}第{" "}
+                  {entry.no} 章
+                </span>
+                {entry.title ? (
+                  <span className="truncate text-xs text-ink-soft">
+                    {entry.title}
+                  </span>
+                ) : null}
+              </Link>
+            </li>
+          );
+        })}
       </ul>
-      <p className="mt-4 px-4 text-xs text-ink-soft/70">
-        多卷多章目录将在大纲模块开放（后续里程碑）。
-      </p>
+      {!hasOutline ? (
+        <p className="mt-4 px-4 text-xs text-ink-soft/70">
+          还没有章节目录。
+          <Link
+            href={`/projects/${projectId}/outline`}
+            className="text-cinnabar hover:underline"
+          >
+            去「大纲」生成
+          </Link>
+          。
+        </p>
+      ) : null}
     </>
   );
 }