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}
     </>
   );
 }

apps/web/components/workbench/Workbench.tsx

@@ -9,7 +9,10 @@ import type { ProjectResponse } from "@/lib/api/types";
 import { friendlyError } from "@/lib/errors/messages";
 import { useAutosave } from "@/lib/autosave/useAutosave";
 import { useDraftStream } from "@/lib/stream/useDraftStream";
-import { WORKBENCH_CHAPTER_NO } from "@/lib/workbench/chapter";
+import {
+  WORKBENCH_CHAPTER_NO,
+  type ChapterEntry,
+} from "@/lib/workbench/chapter";
 import { composeDirective, STYLE_PRESETS } from "@/lib/workbench/directive";
 import { ChapterList, ChapterListContent } from "./ChapterList";
 import { ChapterAssistant, AssistantContent } from "./ChapterAssistant";
@@ -17,8 +20,12 @@ import { Editor } from "./Editor";
 
 interface WorkbenchProps {
   project: ProjectResponse;
+  // 当前章号（来自写作路由 `?chapter=N`）；缺省回退第 1 章。
+  chapterNo?: number;
   // RSC 种入的已存草稿正文（GET .../draft）；无草稿（404）→ ""（空编辑器）。
   initialText?: string;
+  // 大纲章节目录（GET .../outline）；无大纲 → 空数组（目录回退到仅当前章 + 去大纲提示）。
+  chapters?: ChapterEntry[];
 }
 
 // 移动端右栏（目录/助手）经抽屉触达；桌面用三栏栅格。
@@ -27,8 +34,12 @@ type MobilePanel = "chapters" | "assistant" | null;
 // M1：单章工作台。章节列表为占位（无章节列表端点）；默认第 1 章。
 // WORKBENCH_CHAPTER_NO 移到 lib/workbench/chapter.ts（非客户端模块），供 Server Component 安全导入。
 
-export function Workbench({ project, initialText = "" }: WorkbenchProps) {
-  const chapterNo = WORKBENCH_CHAPTER_NO;
+export function Workbench({
+  project,
+  chapterNo = WORKBENCH_CHAPTER_NO,
+  initialText = "",
+  chapters = [],
+}: WorkbenchProps) {
   // 用已存草稿作初值；流式开始后由下方 effect 覆盖（流不会被初值反扑——
   // stream.state.text 起始为空，仅当 streaming/done/aborted 且变化才写回）。
   const [text, setText] = useState(initialText);
@@ -85,7 +96,11 @@ export function Workbench({ project, initialText = "" }: WorkbenchProps) {
       activeNav="write"
     >
       <div className="grid h-[calc(100vh-var(--chrome,4rem))] grid-cols-1 lg:grid-cols-[12rem_1fr_18rem]">
-        <ChapterList currentChapterNo={chapterNo} />
+        <ChapterList
+          projectId={project.id}
+          chapters={chapters}
+          currentChapterNo={chapterNo}
+        />
 
         <section className="flex min-w-0 flex-col bg-bg">
           <DirectivePanel
@@ -126,7 +141,11 @@ export function Workbench({ project, initialText = "" }: WorkbenchProps) {
         side="left"
         label="目录"
       >
-        <ChapterListContent currentChapterNo={chapterNo} />
+        <ChapterListContent
+          projectId={project.id}
+          chapters={chapters}
+          currentChapterNo={chapterNo}
+        />
       </Drawer>
       <Drawer
         open={mobilePanel === "assistant"}