feat: M4 文风 + M5 生成/多provider/Skill + Kimi Code 订阅接入 + 本地联调修复

M4（文风）: style-auditor 双轨（提取指纹/漂移第四审）+ jobs 长任务框架(zombie reaper) + 回炉 refine + GET /style read-back。
M5（生成+扩展）: worldbuilder/character-gen（入库 continuity 409 gate + partition_writes 白名单 + schema→JSONB 形变）；
  网关多 provider 回退链/熔断/能力降级（Anthropic/Gemini 适配器）；Skill registry + 表权限沙箱 + 规则；
  前端 角色生成器/世界观/Codex/规则页/技能库/⌘K 命令面板。
K1（Kimi Code 订阅接入）: OAuth device-flow（kimi-code）+ 静态 Console key（kimi-code-key）两路径；
  coding 端点 KimiCLI 伪造头（实测 UA allow-list 门禁，缺则 403）+ JSON 模式结构化（thinking ⊥ tool_choice）。
本地联调修复: CORS 中间件；assemble 注入 premise+「写第N章」指令（修空 prompt 400）；
  GET /outline·/draft read-back + 大纲/工作台/审稿页重载；写页 client/server 常量边界 + notFound 健壮化；
  字数 toLocaleString locale 水合；审稿页终稿从已存草稿 seed（修 accept 422）。
门禁: backend ruff/mypy(157)/alembic 无漂移/pytest 451 · frontend lint/tsc/vitest/build。

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

apps/web/components/codex/CodexPage.tsx

@@ -0,0 +1,167 @@
+"use client";
+
+import { useMemo, useState } from "react";
+
+import { AppShell } from "@/components/AppShell";
+import { CharacterGenerator } from "@/components/generation/CharacterGenerator";
+import { WorldGenerator } from "@/components/generation/WorldGenerator";
+import type {
+  CharacterCardView,
+  ProjectResponse,
+  WorldEntityCardView,
+} from "@/lib/api/types";
+import {
+  mergeCharacterCards,
+  worldEntityRules,
+} from "@/lib/generation/cards";
+
+type CodexTab = "characters" | "world" | "timeline";
+
+interface CodexPageProps {
+  project: ProjectResponse;
+  // 后端读端点（GET .../characters / .../world_entities）拉来的跨会话全量真源。
+  initialCharacters: CharacterCardView[];
+  initialWorldEntities: WorldEntityCardView[];
+  // 进页可经 ?gen=character|world 直接打开对应生成器（命令面板动作跳转）。
+  initialTab?: CodexTab;
+}
+
+const TABS: { key: CodexTab; label: string }[] = [
+  { key: "characters", label: "人物" },
+  { key: "world", label: "世界观" },
+  { key: "timeline", label: "时间线" },
+];
+
+// 设定库 Codex（UX §6.5）：管理人物 / 世界观 / 时间线。
+// 初始列表来自后端读端点（跨会话全量真源）；本会话新入库的角色卡再合并补显，
+// 故刷新后不再为空、且不与真源重复（按 name 去重，见 mergeCharacterCards）。
+// 世界观本期无入库端点（仅生成预览）→ 展示真源 + 生成器预览。时间线为 P2/派生，暂占位。
+export function CodexPage({
+  project,
+  initialCharacters,
+  initialWorldEntities,
+  initialTab = "characters",
+}: CodexPageProps) {
+  const [tab, setTab] = useState<CodexTab>(initialTab);
+  // 本会话内新入库的角色（即时回显，无需刷新即见）。
+  const [sessionCards, setSessionCards] = useState<CharacterCardView[]>([]);
+
+  // 真源（初始全量）+ 本会话新卡，按 name 去重合并。
+  const characters = useMemo(
+    () => mergeCharacterCards(initialCharacters, sessionCards),
+    [initialCharacters, sessionCards],
+  );
+
+  return (
+    <AppShell
+      title={`〈${project.title}〉`}
+      subtitle="设定库"
+      projectId={project.id}
+      activeNav="codex"
+    >
+      <div className="flex h-[calc(100vh-4rem)] flex-col p-4">
+        <div className="mb-4 flex items-center gap-2" role="tablist">
+          {TABS.map((t) => (
+            <button
+              key={t.key}
+              type="button"
+              role="tab"
+              aria-selected={tab === t.key}
+              onClick={() => setTab(t.key)}
+              className={`rounded px-3 py-1.5 text-sm ${
+                tab === t.key
+                  ? "border-b-2 border-cinnabar text-cinnabar"
+                  : "text-ink-soft hover:text-ink"
+              }`}
+            >
+              {t.label}
+            </button>
+          ))}
+        </div>
+
+        <div className="min-h-0 flex-1 overflow-auto">
+          {tab === "characters" ? (
+            <div className="flex flex-col gap-4">
+              <section className="rounded border border-line bg-panel p-3">
+                <h3 className="mb-2 font-serif text-sm text-ink">
+                  已入库人物（{characters.length}）
+                </h3>
+                {characters.length > 0 ? (
+                  <ul className="flex flex-wrap gap-2">
+                    {characters.map((c, i) => (
+                      <li
+                        key={`${c.name}-${i}`}
+                        className="rounded bg-bg px-2 py-1 text-xs text-ink-soft"
+                      >
+                        {c.name}（{c.role}）
+                      </li>
+                    ))}
+                  </ul>
+                ) : (
+                  <p className="text-xs text-ink-soft">
+                    暂无入库人物，先在下方生成并入库。
+                  </p>
+                )}
+              </section>
+              <CharacterGenerator
+                projectId={project.id}
+                onIngested={(_, cards) =>
+                  setSessionCards((prev) => [...prev, ...cards])
+                }
+              />
+            </div>
+          ) : null}
+
+          {tab === "world" ? (
+            <div className="flex flex-col gap-4">
+              <section className="rounded border border-line bg-panel p-3">
+                <h3 className="mb-2 font-serif text-sm text-ink">
+                  已入库世界观（{initialWorldEntities.length}）
+                </h3>
+                {initialWorldEntities.length > 0 ? (
+                  <div className="grid grid-cols-1 gap-3 lg:grid-cols-2">
+                    {initialWorldEntities.map((entity, i) => (
+                      <article
+                        key={`${entity.name}-${i}`}
+                        className="rounded border border-line bg-bg p-3 text-sm"
+                      >
+                        <header className="mb-2 flex items-center gap-2">
+                          <span className="font-serif text-base text-ink">
+                            {entity.name}
+                          </span>
+                          <span className="rounded bg-panel px-2 py-0.5 text-xs text-ink-soft">
+                            {entity.type}
+                          </span>
+                        </header>
+                        {worldEntityRules(entity).length > 0 ? (
+                          <ul className="flex list-disc flex-col gap-1 pl-5 text-ink-soft">
+                            {worldEntityRules(entity).map((rule, j) => (
+                              <li key={j}>{rule}</li>
+                            ))}
+                          </ul>
+                        ) : (
+                          <p className="text-ink-soft">（无显式硬规则）</p>
+                        )}
+                      </article>
+                    ))}
+                  </div>
+                ) : (
+                  <p className="text-xs text-ink-soft">
+                    暂无入库世界观，可在下方生成预览参考。
+                  </p>
+                )}
+              </section>
+              <WorldGenerator projectId={project.id} />
+            </div>
+          ) : null}
+
+          {tab === "timeline" ? (
+            <div className="rounded border border-dashed border-line bg-panel p-6 text-center text-sm text-ink-soft">
+              时间线为派生视图（P2），将由章节摘要 + 伏笔窗口自动汇总，敬请期待。
+            </div>
+          ) : null}
+        </div>
+      </div>
+    </AppShell>
+  );
+}