29265fa0fd
- 冲突「采纳改法」：有补丁瞬时改入终稿并选中；无补丁但可定位则采纳时调 AI（refiner）重写该段套入；定位不到提示手改 - 正文改为行内高亮叠层编辑器（与页面同底色、随内容增高、无滚动条），点冲突卡/锚点整页滚到并选中+闪烁 - 仅对可在正文定位的冲突显示「跳转」/锚点；locate 支持从 where 引号抽原文，杜绝定位失败刷屏 - 伏笔建议卡：新埋一键登记（预填表单）/ 疑似回收一键标记 CLOSED（复用现有端点） - 审稿页草稿自动保存（防抖 PUT /draft），与「验收本章」解耦，刷新不丢 - 写作路由带章号 ?chapter=N + 验收成功面板/大纲页「写下一章」入口；写作目录从大纲列出全部章节 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
85 lines
2.7 KiB
TypeScript
85 lines
2.7 KiB
TypeScript
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）：列出大纲全部章节 + 当前章，点击切换写作章号（`?chapter=N`）。
|
||
// 桌面 aside 包裹；移动端经 Workbench 抽屉复用 ChapterListContent。
|
||
export function ChapterList({
|
||
projectId,
|
||
chapters,
|
||
currentChapterNo,
|
||
}: ChapterListProps) {
|
||
return (
|
||
<aside className="hidden border-r border-line bg-panel py-4 lg:block">
|
||
<ChapterListContent
|
||
projectId={projectId}
|
||
chapters={chapters}
|
||
currentChapterNo={currentChapterNo}
|
||
/>
|
||
</aside>
|
||
);
|
||
}
|
||
|
||
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">
|
||
{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>
|
||
{!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}
|
||
</>
|
||
);
|
||
}
|