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>
98 lines
2.9 KiB
TypeScript
98 lines
2.9 KiB
TypeScript
"use client";
|
||
|
||
import type { CharacterCardView } from "@/lib/api/types";
|
||
|
||
interface CharacterCardItemProps {
|
||
card: CharacterCardView;
|
||
selected: boolean;
|
||
onToggle: () => void;
|
||
// 入库前作者就地编辑名/弧光（最小可编辑面，避免重型表单）。
|
||
onEdit?: (patch: Partial<CharacterCardView>) => void;
|
||
}
|
||
|
||
// 单张角色预览卡（UX §6.6）：勾选入库 + 关键字段就地编辑。
|
||
export function CharacterCardItem({
|
||
card,
|
||
selected,
|
||
onToggle,
|
||
onEdit,
|
||
}: CharacterCardItemProps) {
|
||
return (
|
||
<article
|
||
className={`rounded border p-3 text-sm ${
|
||
selected ? "border-cinnabar bg-[var(--color-cinnabar-wash)]" : "border-line bg-panel"
|
||
}`}
|
||
>
|
||
<header className="mb-2 flex items-center gap-2">
|
||
<input
|
||
type="checkbox"
|
||
checked={selected}
|
||
onChange={onToggle}
|
||
aria-label={`选择角色 ${card.name}`}
|
||
className="size-4 accent-cinnabar"
|
||
/>
|
||
{onEdit ? (
|
||
<input
|
||
value={card.name}
|
||
onChange={(e) => onEdit({ name: e.target.value })}
|
||
aria-label="角色名"
|
||
className="flex-1 rounded border border-line bg-bg px-2 py-1 font-serif text-base text-ink"
|
||
/>
|
||
) : (
|
||
<span className="flex-1 font-serif text-base text-ink">{card.name}</span>
|
||
)}
|
||
<span className="rounded bg-bg px-2 py-0.5 text-xs text-ink-soft">
|
||
{card.role}
|
||
</span>
|
||
</header>
|
||
|
||
{card.traits && card.traits.length > 0 ? (
|
||
<p className="mb-1 text-ink-soft">
|
||
<span className="text-ink">特质：</span>
|
||
{card.traits.join("、")}
|
||
</p>
|
||
) : null}
|
||
|
||
<p className="mb-1 text-ink-soft">
|
||
<span className="text-ink">背景：</span>
|
||
{card.backstory}
|
||
</p>
|
||
|
||
<div className="mb-1 flex items-start gap-1 text-ink-soft">
|
||
<span className="shrink-0 text-ink">弧光：</span>
|
||
{onEdit ? (
|
||
<input
|
||
value={card.arc}
|
||
onChange={(e) => onEdit({ arc: e.target.value })}
|
||
aria-label="人物弧光"
|
||
className="flex-1 rounded border border-line bg-bg px-2 py-1 text-ink"
|
||
/>
|
||
) : (
|
||
<span>{card.arc}</span>
|
||
)}
|
||
</div>
|
||
|
||
{card.speech_tics && card.speech_tics.length > 0 ? (
|
||
<p className="mb-1 text-ink-soft">
|
||
<span className="text-ink">口癖：</span>
|
||
{card.speech_tics.join("、")}
|
||
</p>
|
||
) : null}
|
||
|
||
{card.relations && card.relations.length > 0 ? (
|
||
<ul className="mt-1 flex flex-wrap gap-1">
|
||
{card.relations.map((r, i) => (
|
||
<li
|
||
key={`${r.name}-${i}`}
|
||
className="rounded bg-bg px-2 py-0.5 text-xs text-ink-soft"
|
||
>
|
||
{r.kind}：{r.name}
|
||
{r.note ? `（${r.note}）` : ""}
|
||
</li>
|
||
))}
|
||
</ul>
|
||
) : null}
|
||
</article>
|
||
);
|
||
}
|