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>
78 lines
2.9 KiB
TypeScript
78 lines
2.9 KiB
TypeScript
import { AppShell } from "@/components/AppShell";
|
||
import type { ProjectResponse, SkillView } from "@/lib/api/types";
|
||
import { groupByScope, scopeLabel, tierLabel } from "@/lib/skills/skills";
|
||
|
||
interface SkillsPageProps {
|
||
project: ProjectResponse;
|
||
skills: SkillView[];
|
||
}
|
||
|
||
// 技能库（UX §7）：只读注册表视图（name/scope/tier/reads/writes）。Server Component（纯读）。
|
||
export function SkillsPage({ project, skills }: SkillsPageProps) {
|
||
const groups = groupByScope(skills);
|
||
|
||
return (
|
||
<AppShell
|
||
title={`〈${project.title}〉`}
|
||
subtitle="技能库"
|
||
projectId={project.id}
|
||
activeNav="skills"
|
||
>
|
||
<div className="mx-auto flex max-w-4xl flex-col gap-6 p-6">
|
||
<h1 className="font-serif text-lg text-ink">技能库</h1>
|
||
<p className="text-xs text-ink-soft">
|
||
声明式 Skill 注册表：每个技能声明能力档位与可读/写的表（沙箱白名单，越权产出丢弃并审计）。
|
||
</p>
|
||
{groups.length === 0 ? (
|
||
<p className="text-sm text-ink-soft">（暂无已注册技能）</p>
|
||
) : (
|
||
groups.map((group) => (
|
||
<section key={group.scope}>
|
||
<h2 className="mb-2 font-serif text-sm text-ink">
|
||
{scopeLabel(group.scope)}
|
||
<span className="ml-2 text-xs text-ink-soft">
|
||
{group.skills.length}
|
||
</span>
|
||
</h2>
|
||
<ul className="flex flex-col gap-2">
|
||
{group.skills.map((skill) => (
|
||
<li
|
||
key={skill.name}
|
||
className="rounded border border-line bg-panel p-3 text-sm"
|
||
>
|
||
<div className="mb-1 flex flex-wrap items-center gap-2">
|
||
<span className="font-mono text-ink">{skill.name}</span>
|
||
<span className="rounded bg-bg px-2 py-0.5 text-xs text-ink-soft">
|
||
{tierLabel(skill.tier)}
|
||
</span>
|
||
{skill.genre ? (
|
||
<span className="rounded bg-bg px-2 py-0.5 text-xs text-ink-soft">
|
||
{skill.genre}
|
||
</span>
|
||
) : null}
|
||
</div>
|
||
<div className="flex flex-wrap gap-4 text-xs text-ink-soft">
|
||
<span>
|
||
读：
|
||
{skill.reads && skill.reads.length > 0
|
||
? skill.reads.join("、")
|
||
: "—"}
|
||
</span>
|
||
<span>
|
||
写：
|
||
{skill.writes && skill.writes.length > 0
|
||
? skill.writes.join("、")
|
||
: "—"}
|
||
</span>
|
||
</div>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</section>
|
||
))
|
||
)}
|
||
</div>
|
||
</AppShell>
|
||
);
|
||
}
|