feat(frontend): 润色再沟通接入 AI 反问澄清——选项芯片 + 折答案回炉（WFW-9 M1）

RefinePanel「再沟通」升级为对话式：意见含糊/极短(门控 <10 字，或点「帮我理清方向」)时先调
clarify 预检端点让 AI 反问，渲染 ChoiceChips 选项芯片(+自由输入兜底)；作者选/答后
foldClarifications 把答案折进 instruction，再走既有 refine 回炉(零迁移)。清晰意见直接回炉、
不交往返税；预检失败=放行(useClarify 视 error/异常为 needClarification=false，不阻塞润色)。
新增：lib/workbench/clarify.ts(VM 类型+foldClarifications+needsClarifyGate 纯逻辑) +
useClarify(SSE 外调映射 snake→VM) + ChoiceChips.tsx；gen:api 重生成客户端。
门禁绿：tsc/lint/vitest 654(+clarify/useClarify 18 例)/build/coverage 95.36%。

apps/web/lib/workbench/clarify.test.ts

@@ -0,0 +1,90 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  foldClarifications,
+  needsClarifyGate,
+  type ClarifyAnswer,
+} from "./clarify";
+
+describe("foldClarifications", () => {
+  it("原意见在前，每条澄清另起一行并保序", () => {
+    const answers: ClarifyAnswer[] = [
+      { question: "这段谁在说话？", answer: "主角内心独白" },
+      { question: "结尾要留钩子吗？", answer: "留一个悬念" },
+    ];
+
+    const result = foldClarifications("收紧节奏", answers);
+
+    expect(result).toBe(
+      "收紧节奏\n已澄清：这段谁在说话？ → 主角内心独白\n已澄清：结尾要留钩子吗？ → 留一个悬念",
+    );
+  });
+
+  it("无回答时原样返回去空白后的 instruction", () => {
+    expect(foldClarifications("  收紧节奏  ", [])).toBe("收紧节奏");
+  });
+
+  it("instruction 为空时只输出澄清行", () => {
+    const answers: ClarifyAnswer[] = [
+      { question: "谁在说话？", answer: "配角旁白" },
+    ];
+    expect(foldClarifications("   ", answers)).toBe("已澄清：谁在说话？ → 配角旁白");
+  });
+
+  it("跳过空/纯空白回答的条目", () => {
+    const answers: ClarifyAnswer[] = [
+      { question: "Q1", answer: "  " },
+      { question: "Q2", answer: "有效回答" },
+    ];
+    expect(foldClarifications("原意见", answers)).toBe(
+      "原意见\n已澄清：Q2 → 有效回答",
+    );
+  });
+
+  it("问题为空（自由输入）时省略问题只留答案", () => {
+    const answers: ClarifyAnswer[] = [{ question: "  ", answer: "就按我说的改" }];
+    expect(foldClarifications("原意见", answers)).toBe(
+      "原意见\n已澄清：就按我说的改",
+    );
+  });
+
+  it("去除问题与答案两端空白", () => {
+    const answers: ClarifyAnswer[] = [
+      { question: "  谁在说话？  ", answer: "  主角  " },
+    ];
+    expect(foldClarifications("x", answers)).toBe("x\n已澄清：谁在说话？ → 主角");
+  });
+
+  it("不可变：不修改入参数组", () => {
+    const answers: ClarifyAnswer[] = [{ question: "Q", answer: "A" }];
+    const snapshot = JSON.parse(JSON.stringify(answers));
+    foldClarifications("原意见", answers);
+    expect(answers).toEqual(snapshot);
+  });
+
+  it("全部为空回答且 instruction 为空时返回空串", () => {
+    expect(foldClarifications("", [{ question: "Q", answer: "" }])).toBe("");
+  });
+});
+
+describe("needsClarifyGate", () => {
+  it("去空白后长度小于 minChars 时需要预检", () => {
+    expect(needsClarifyGate("改一下", 8)).toBe(true);
+  });
+
+  it("恰好等于 minChars 时不需预检（边界）", () => {
+    expect(needsClarifyGate("12345678", 8)).toBe(false);
+  });
+
+  it("超过 minChars 时不需预检", () => {
+    expect(needsClarifyGate("这是一段足够清晰具体的润色意见", 8)).toBe(false);
+  });
+
+  it("纯空白按空计（长度 0 < minChars）需预检", () => {
+    expect(needsClarifyGate("      ", 8)).toBe(true);
+  });
+
+  it("先去两端空白再计长度", () => {
+    expect(needsClarifyGate("  改  ", 2)).toBe(true);
+  });
+});

apps/web/lib/workbench/clarify.ts

@@ -0,0 +1,64 @@
+// AI 反问澄清（纯逻辑 + 前端 view-model 类型；WFW-9 M1，路线A 两阶段）。
+// 「润色/再沟通」意见不清晰时，先走独立非流式 JSON 预检端点让 AI 反问给选项，
+// 作者点选/自由输入后，把答案「折进」既有 refine 的 instruction 字符串（零迁移、不动 refine 端点）。
+// 这里只放确定性纯函数 + 本地 VM 类型（camelCase）；与后端 snake_case ClarifyDecision 的映射由主线接线时完成。
+
+// 澄清选项（锚定本段/本章的一种具体走法）。
+export interface ClarifyOptionVM {
+  label: string;
+  value: string;
+}
+
+// 一个澄清问题：反问 + 2–4 个具体选项（可为空退化为纯自由输入）+ 常驻自由输入兜底。
+export interface ClarifyQuestionVM {
+  question: string;
+  options: ClarifyOptionVM[];
+  allowFreeText: boolean;
+}
+
+// 一回合预检结论（对应后端 ClarifyDecision）。
+export interface ClarifyDecisionVM {
+  needClarification: boolean;
+  // v1 硬上限 1 问；needClarification=false 时为空。
+  questions: ClarifyQuestionVM[];
+  // needClarification=false 时给一句「我这样理解对吗」确认语，可空。
+  verification?: string;
+}
+
+// 作者对某个澄清问题的回答（点选回填 value 或自由输入文本）。
+export interface ClarifyAnswer {
+  question: string;
+  answer: string;
+}
+
+const CLARIFY_PREFIX = "已澄清：";
+const CLARIFY_ARROW = " → ";
+const LINE_SEPARATOR = "\n";
+
+// 把作者对各澄清问题的回答逐条折进 instruction（原意见在前，每条澄清另起一行），供既有 refine 端点直接使用。
+// 纯函数、确定性、不可变：不改动入参；跳过空回答；保留传入顺序。
+export function foldClarifications(
+  instruction: string,
+  answers: readonly ClarifyAnswer[],
+): string {
+  const lines = answers
+    .map((entry) => ({
+      question: entry.question.trim(),
+      answer: entry.answer.trim(),
+    }))
+    .filter((entry) => entry.answer.length > 0)
+    .map((entry) =>
+      entry.question
+        ? `${CLARIFY_PREFIX}${entry.question}${CLARIFY_ARROW}${entry.answer}`
+        : `${CLARIFY_PREFIX}${entry.answer}`,
+    );
+
+  const trimmedInstruction = instruction.trim();
+  const parts = trimmedInstruction ? [trimmedInstruction, ...lines] : lines;
+  return parts.join(LINE_SEPARATOR);
+}
+
+// 门控：instruction 去空白后长度不足 minChars（意见太空/太短）才需要预检反问；清晰意见直接走 refine 不发问。
+export function needsClarifyGate(instruction: string, minChars: number): boolean {
+  return instruction.trim().length < minChars;
+}

apps/web/lib/workbench/useClarify.test.ts

@@ -0,0 +1,115 @@
+// @vitest-environment jsdom
+import { act, renderHook } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { useClarify } from "./useClarify";
+import type { ClarifyDecisionVM } from "./clarify";
+
+const post = vi.fn();
+vi.mock("@/lib/api/client", () => ({
+  api: { POST: (...a: unknown[]) => post(...a) },
+}));
+
+const CLARIFY_PATH = "/projects/{project_id}/chapters/{chapter_no}/refine/clarify";
+
+describe("useClarify", () => {
+  beforeEach(() => post.mockReset());
+  afterEach(() => vi.clearAllMocks());
+
+  it("初始 idle、无决策", () => {
+    const { result } = renderHook(() => useClarify());
+    expect(result.current.status).toBe("idle");
+    expect(result.current.decision).toBeNull();
+  });
+
+  it("need_clarification=true：映射 snake→VM，status=asking，返回 VM", async () => {
+    post.mockResolvedValue({
+      data: {
+        need_clarification: true,
+        questions: [
+          {
+            question: "想更冷峻还是更抒情？",
+            options: [
+              { label: "冷峻", value: "改得更冷峻克制" },
+              { label: "抒情", value: "改得更抒情" },
+            ],
+            allow_free_text: true,
+          },
+        ],
+        verification: null,
+      },
+      error: null,
+    });
+
+    const { result } = renderHook(() => useClarify());
+    let vm: ClarifyDecisionVM | undefined;
+    await act(async () => {
+      vm = await result.current.check("p1", 3, "这段", "改改");
+    });
+
+    expect(post).toHaveBeenCalledWith(CLARIFY_PATH, {
+      params: { path: { project_id: "p1", chapter_no: 3 } },
+      body: { segment: "这段", instruction: "改改" },
+    });
+    expect(vm).toEqual({
+      needClarification: true,
+      questions: [
+        {
+          question: "想更冷峻还是更抒情？",
+          options: [
+            { label: "冷峻", value: "改得更冷峻克制" },
+            { label: "抒情", value: "改得更抒情" },
+          ],
+          allowFreeText: true,
+        },
+      ],
+      verification: undefined,
+    });
+    expect(result.current.status).toBe("asking");
+    expect(result.current.decision?.needClarification).toBe(true);
+  });
+
+  it("need_clarification=false：status=proceed，decision 清空", async () => {
+    post.mockResolvedValue({
+      data: { need_clarification: false, questions: [], verification: "我按你说的收紧节奏" },
+      error: null,
+    });
+    const { result } = renderHook(() => useClarify());
+    let vm: ClarifyDecisionVM | undefined;
+    await act(async () => {
+      vm = await result.current.check("p1", 1, "段", "再收紧节奏，删掉第二段闪回");
+    });
+    expect(vm?.needClarification).toBe(false);
+    expect(result.current.status).toBe("proceed");
+    expect(result.current.decision).toBeNull();
+  });
+
+  it("后端 error：视为放行（proceed，needClarification=false）", async () => {
+    post.mockResolvedValue({ data: null, error: { detail: "boom" } });
+    const { result } = renderHook(() => useClarify());
+    let vm: ClarifyDecisionVM | undefined;
+    await act(async () => {
+      vm = await result.current.check("p1", 1, "段", "改");
+    });
+    expect(vm?.needClarification).toBe(false);
+    expect(result.current.status).toBe("proceed");
+  });
+
+  // 注：hook 的 try/catch 对「fetch 抛异常」的放行分支与上面「后端 error 信封」放行分支同构、
+  // 行为一致（均 status=proceed、needClarification=false）；此处不单测 throw 路径，
+  // 因 mockRejected + React act 冲刷会触发 vitest 未处理拒绝误报（与被测逻辑无关）。
+
+  it("reset 清回 idle", async () => {
+    post.mockResolvedValue({
+      data: { need_clarification: true, questions: [{ question: "q", options: [], allow_free_text: true }] },
+      error: null,
+    });
+    const { result } = renderHook(() => useClarify());
+    await act(async () => {
+      await result.current.check("p1", 1, "段", "改");
+    });
+    act(() => result.current.reset());
+    expect(result.current.status).toBe("idle");
+    expect(result.current.decision).toBeNull();
+  });
+});

apps/web/lib/workbench/useClarify.ts

@@ -0,0 +1,97 @@
+"use client";
+
+import { useCallback, useState } from "react";
+
+import { api } from "@/lib/api/client";
+import type { ClarifyDecisionVM } from "./clarify";
+
+// 澄清预检结论为「放行」（直接去 refine，不反问）——后端 error/前端异常时的确定性回退。
+const PROCEED: ClarifyDecisionVM = { needClarification: false, questions: [] };
+
+export type ClarifyStatus = "idle" | "checking" | "asking" | "proceed" | "error";
+
+export interface UseClarify {
+  status: ClarifyStatus;
+  // status=asking 时的待答问题（含选项）；其它时为 null。
+  decision: ClarifyDecisionVM | null;
+  // 预检：调 refine/clarify 端点，返回 VM 供调用方同步分支。失败=放行（needClarification=false），不阻塞润色。
+  check: (
+    projectId: string,
+    chapterNo: number,
+    segment: string,
+    instruction: string,
+  ) => Promise<ClarifyDecisionVM>;
+  reset: () => void;
+}
+
+// 后端 snake_case ClarifyDecision → 前端 camelCase VM（不信任外部数据，全部显式取值 + 默认）。
+function toVM(data: {
+  need_clarification?: boolean;
+  questions?: {
+    question?: string;
+    options?: { label?: string; value?: string }[];
+    allow_free_text?: boolean;
+  }[];
+  verification?: string | null;
+}): ClarifyDecisionVM {
+  return {
+    needClarification: Boolean(data.need_clarification),
+    questions: (data.questions ?? []).map((q) => ({
+      question: q.question ?? "",
+      options: (q.options ?? []).map((o) => ({
+        label: o.label ?? "",
+        value: o.value ?? "",
+      })),
+      allowFreeText: Boolean(q.allow_free_text),
+    })),
+    verification: data.verification ?? undefined,
+  };
+}
+
+// AI 反问澄清预检（WFW-9 M1，路线A 两阶段之「问题」阶段）。
+// 「再沟通」意见含糊/极短时先调独立非流式端点让 AI 反问；needClarification=false 或失败=放行去既有 refine。
+export function useClarify(): UseClarify {
+  const [status, setStatus] = useState<ClarifyStatus>("idle");
+  const [decision, setDecision] = useState<ClarifyDecisionVM | null>(null);
+
+  const check = useCallback<UseClarify["check"]>(
+    async (projectId, chapterNo, segment, instruction) => {
+      setStatus("checking");
+      try {
+        const { data, error } = await api.POST(
+          "/projects/{project_id}/chapters/{chapter_no}/refine/clarify",
+          {
+            params: { path: { project_id: projectId, chapter_no: chapterNo } },
+            body: { segment, instruction },
+          },
+        );
+        if (error || !data) {
+          setStatus("proceed");
+          setDecision(null);
+          return PROCEED;
+        }
+        const vm = toVM(data);
+        if (vm.needClarification && vm.questions.length > 0) {
+          setStatus("asking");
+          setDecision(vm);
+        } else {
+          setStatus("proceed");
+          setDecision(null);
+        }
+        return vm;
+      } catch {
+        setStatus("proceed");
+        setDecision(null);
+        return PROCEED;
+      }
+    },
+    [],
+  );
+
+  const reset = useCallback((): void => {
+    setStatus("idle");
+    setDecision(null);
+  }, []);
+
+  return { status, decision, check, reset };
+}