765dbdfbd4
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>
88 lines
3.1 KiB
TypeScript
88 lines
3.1 KiB
TypeScript
"use client";
|
||
|
||
import type { StyleDriftReport, StyleDriftSegment } from "@/lib/review/sse";
|
||
|
||
interface StylePanelProps {
|
||
style: StyleDriftReport | null;
|
||
incomplete: boolean;
|
||
// 选中段做回炉（打开 RefineView）。
|
||
onRefine: (segment: StyleDriftSegment) => void;
|
||
}
|
||
|
||
// 整体相似度的四分圆字符档（◔◑◕●），按 score 映射（UX §6.4 ③）。
|
||
const QUARTER_CHARS = ["○", "◔", "◑", "◕", "●"] as const;
|
||
|
||
function quarterChar(score: number): string {
|
||
const clamped = Math.min(100, Math.max(0, score));
|
||
const idx = Math.round((clamped / 100) * (QUARTER_CHARS.length - 1));
|
||
return QUARTER_CHARS[idx] ?? QUARTER_CHARS[0];
|
||
}
|
||
|
||
// 文风审区（UX §6.4 ③）：整体相似度 ◔% + 漂移段列表，每段可一键回炉。只读建议。
|
||
export function StylePanel({ style, incomplete, onRefine }: StylePanelProps) {
|
||
return (
|
||
<section className="mb-4">
|
||
<h2 className="text-xs font-semibold uppercase tracking-wide text-ink-soft">
|
||
文风 (style-auditor)
|
||
</h2>
|
||
{incomplete ? (
|
||
<p className="mt-1 text-xs text-overdue">◌ 未完成</p>
|
||
) : style === null ? (
|
||
<p className="mt-1 text-xs text-ink-soft">
|
||
无文风报告（学文风后第四审才能打分）。
|
||
</p>
|
||
) : (
|
||
<div className="mt-2 space-y-2 text-xs">
|
||
<p
|
||
className="flex items-center gap-1.5"
|
||
aria-label={`整体文风相似度 ${style.score}%`}
|
||
role="img"
|
||
>
|
||
<span className="text-lg leading-none text-cinnabar" aria-hidden="true">
|
||
{quarterChar(style.score)}
|
||
</span>
|
||
<span className="text-ink">
|
||
整体相似度 <span className="font-mono">{style.score}%</span>
|
||
</span>
|
||
</p>
|
||
|
||
{style.segments.length === 0 ? (
|
||
<p className="text-pass">✓ 无明显文风漂移</p>
|
||
) : (
|
||
<ul className="space-y-2">
|
||
{style.segments.map((seg, i) => (
|
||
<li
|
||
key={i}
|
||
className="rounded border border-line bg-panel p-2"
|
||
data-testid="drift-segment"
|
||
>
|
||
<div className="flex items-center gap-2">
|
||
<span className="font-mono text-overdue">
|
||
第 {seg.idx} 段
|
||
</span>
|
||
<span className="font-mono text-ink-soft">
|
||
相似 {seg.score}%
|
||
</span>
|
||
{seg.label ? (
|
||
<span className="text-ink-soft">{seg.label}</span>
|
||
) : null}
|
||
</div>
|
||
<div className="mt-1.5 flex gap-2">
|
||
<button
|
||
type="button"
|
||
onClick={() => onRefine(seg)}
|
||
className="rounded bg-cinnabar px-2 py-1 text-panel hover:opacity-90"
|
||
>
|
||
一键回炉
|
||
</button>
|
||
</div>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
)}
|
||
</div>
|
||
)}
|
||
</section>
|
||
);
|
||
}
|