mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-10 20:50:08 +02:00
## Thinking Path > - Paperclip is the open source app people use to manage AI agents for work. > - The Skills Manager gives operators a reusable skill layer, but iteration still required manual edits, ad hoc prompts, and indirect run inspection. > - Skill authors need a focused workflow for editing skill files, saving representative test inputs, and running those inputs through an agent without exposing harness tasks as normal company work. > - The backend therefore needs durable test inputs, reusable run templates, hidden harness issues, scoped run execution, retention metadata, and read-containment rules around hidden work. > - The frontend needs a three-pane Studio that keeps skill files, saved inputs/templates, and run output/history visible together while preserving the existing design system and token rules. > - This pull request ships that Skill Studio surface end to end: database migrations, shared contracts, server APIs/services, hidden harness execution behavior, UI routes/components, and focused tests. > - The benefit is faster and safer skill iteration, with inspectable outputs and fewer ways for internal harness work to leak into normal task lists, costs, or adjacent read APIs. ## Linked Issues or Issue Description No public GitHub issue exists for this feature. Feature request summary: - Problem: Skill authors need to edit and test company skills in one place instead of switching between the skill detail page, task creation, run output, and manual prompt history. - Proposed solution: Add a Skill Studio workbench with saved inputs, reusable templates, hidden sandboxed test runs, live run status, output inspection, run history, rerun/delete controls, and frontmatter-aware editing. - Expected users: Paperclip operators and agent-company maintainers who create, fork, import, and tune skills. - Related public PRs: Supersedes #9205, which was replaced so the public PR branch name follows contributor policy. - Duplicate search: searched public GitHub issues and PRs for "Skill Studio"; no other active public issue or PR directly covers this feature. ## What Changed - Added database migrations for Skill Studio test inputs, test runs, test run retention, and reusable run templates. - Added shared Skill Studio types, validators, route helpers, frontmatter utilities, and status handling. - Added server services and routes for saved inputs, test runs, templates, reruns, terminal-run deletion, hidden harness issue execution, and run-detail hydration. - Strengthened hidden-issue read containment across issue-adjacent routes and cost rollups used by skill test harness work. - Added the Skill Studio UI with skill file editing, frontmatter editing, saved inputs, templates, run creation/cancel/rerun/delete flows, output rendering, history, route support, and responsive pane behavior. - Added focused backend, shared, and UI tests for the new APIs, routing logic, editor/run behavior, hidden-issue containment, and migration safety. - Rebased onto current `master`, removed the generated lockfile diff from the PR, and verified no workflow files are changed. ## Verification - [x] `pnpm --filter @paperclipai/db check:migrations` - [x] `pnpm check:token-gates` - [x] `pnpm exec vitest run server/src/__tests__/company-skills-service.test.ts server/src/__tests__/company-skills-routes.test.ts server/src/__tests__/company-skill-test-runs-service.test.ts ui/src/lib/skill-studio.test.ts ui/src/pages/SkillStudio.test.tsx` — 5 files, 132 tests passed - [x] Greptile review on the latest PR head - [x] GitHub PR checks on the latest PR head ## Risks - Medium risk because this is a broad feature touching database schema, server orchestration, issue visibility, and a large UI surface. - Hidden harness issue containment is security-sensitive; this PR includes regression coverage for adjacent read paths and cost rollups. - The new migrations are additive and use idempotent guards where applicable, but deployed databases that previously tested draft migration numbers should still be checked carefully. - The UI depends on a new resizable panels package in `ui/package.json`; the lockfile is intentionally left to repository automation. > For core feature work, check [`ROADMAP.md`](ROADMAP.md) first and discuss it in `#dev` before opening the PR. Feature PRs that overlap with planned core work may need to be redirected — check the roadmap first. See `CONTRIBUTING.md`. ## Model Used OpenAI Codex, GPT-5 coding agent with shell, git, and GitHub CLI tool use. Earlier feature commits include assistance from other Paperclip coding agents; this PR preparation, rebase, cleanup commit, and PR body were completed by OpenAI Codex in a Paperclip worktree. ## Checklist - [x] I have included a thinking path that traces from project context to this change - [x] I have specified the model used (with version and capability details) - [x] I have checked ROADMAP.md and confirmed this PR does not duplicate planned core work - [x] I have searched GitHub for duplicate or related PRs and linked them above - [x] I have either (a) linked existing issues with `Fixes: #` / `Closes #` / `Refs #` OR (b) described the issue in-PR following the relevant issue template - [x] I have not referenced internal/instance-local Paperclip issues or links (only public GitHub `#NNN` / `github.com/paperclipai/paperclip` URLs) - [x] My branch name describes the change (e.g. `docs/...`, `fix/...`) and contains no internal Paperclip ticket id or instance-derived details - [x] I have run tests locally and they pass - [x] I have added or updated tests where applicable - [x] I have updated relevant documentation to reflect my changes - [x] I have considered and documented any risks above - [x] All Paperclip CI gates are green - [x] Greptile is 5/5 with no open P2s, recommendations, or follow-ups - [x] I will address all Greptile and reviewer comments before requesting merge --------- Co-authored-by: Paperclip <noreply@paperclip.ing> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
346 lines
10 KiB
TypeScript
346 lines
10 KiB
TypeScript
import fs from "node:fs";
|
|
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import { describe, expect, it } from "vitest";
|
|
import {
|
|
analyzeFrontmatterBlock,
|
|
detectFrontmatterRoundTripIssues,
|
|
getSkillFrontmatterUnknownKeys,
|
|
joinFrontmatterBlock,
|
|
parseFrontmatterFields,
|
|
parseFrontmatterMarkdown,
|
|
skillFrontmatterSchema,
|
|
splitFrontmatterBlock,
|
|
stringifyFrontmatter,
|
|
} from "./frontmatter.js";
|
|
|
|
const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../..");
|
|
const skillMarkdownSearchRoots = [
|
|
"packages/skills-catalog/catalog",
|
|
"packages/teams-catalog/catalog",
|
|
"packages/adapters/hermes/skills",
|
|
"packages/plugins/plugin-llm-wiki/skills",
|
|
"skills",
|
|
];
|
|
|
|
describe("parseFrontmatterMarkdown", () => {
|
|
it("parses folded and literal YAML block scalars", () => {
|
|
const folded = parseFrontmatterMarkdown([
|
|
"---",
|
|
"name: Folded",
|
|
"description: >",
|
|
" First line",
|
|
" second line",
|
|
"",
|
|
" Third paragraph",
|
|
"---",
|
|
"",
|
|
"Body",
|
|
].join("\n"));
|
|
|
|
expect(folded.frontmatter.description).toBe("First line second line\n\nThird paragraph\n");
|
|
|
|
const literal = parseFrontmatterMarkdown([
|
|
"---",
|
|
"name: Literal",
|
|
"description: |",
|
|
" First line",
|
|
" second line",
|
|
"---",
|
|
"",
|
|
"Body",
|
|
].join("\n"));
|
|
|
|
expect(literal.frontmatter.description).toBe("First line\nsecond line\n");
|
|
});
|
|
|
|
it("respects block-scalar chomping indicators", () => {
|
|
const foldedStrip = parseFrontmatterMarkdown([
|
|
"---",
|
|
"description: >-",
|
|
" First line",
|
|
" second line",
|
|
"",
|
|
" Third paragraph",
|
|
"---",
|
|
"",
|
|
"Body",
|
|
].join("\n"));
|
|
|
|
expect(foldedStrip.frontmatter.description).toBe("First line second line\n\nThird paragraph");
|
|
|
|
const literalKeep = parseFrontmatterMarkdown([
|
|
"---",
|
|
"description: |+",
|
|
" First line",
|
|
" second line",
|
|
"",
|
|
"",
|
|
"---",
|
|
"",
|
|
"Body",
|
|
].join("\n"));
|
|
|
|
expect(literalKeep.frontmatter.description).toBe("First line\nsecond line\n\n");
|
|
});
|
|
|
|
it("parses inline object array items nested under frontmatter keys", () => {
|
|
const parsed = parseFrontmatterMarkdown([
|
|
"---",
|
|
"metadata:",
|
|
" sources:",
|
|
" - kind: github-dir",
|
|
" repo: paperclipai/paperclip",
|
|
" path: skills/paperclip",
|
|
"---",
|
|
"",
|
|
"Body",
|
|
].join("\n"));
|
|
|
|
expect(parsed.frontmatter).toMatchObject({
|
|
metadata: {
|
|
sources: [
|
|
{
|
|
kind: "github-dir",
|
|
repo: "paperclipai/paperclip",
|
|
path: "skills/paperclip",
|
|
},
|
|
],
|
|
},
|
|
});
|
|
});
|
|
|
|
it("does not treat trailing-dot decimals as numbers", () => {
|
|
const parsed = parseFrontmatterMarkdown([
|
|
"---",
|
|
"version: 1.",
|
|
"---",
|
|
"",
|
|
].join("\n"));
|
|
|
|
expect(parsed.frontmatter.version).toBe("1.");
|
|
});
|
|
});
|
|
|
|
describe("splitFrontmatterBlock", () => {
|
|
it("splits every bundled skill markdown file without losing bytes", () => {
|
|
const skillMarkdownFiles = collectSkillMarkdownFiles();
|
|
|
|
expect(skillMarkdownFiles.length).toBeGreaterThan(0);
|
|
for (const filePath of skillMarkdownFiles) {
|
|
const raw = fs.readFileSync(filePath, "utf8");
|
|
const split = splitFrontmatterBlock(raw);
|
|
const joined = split.hasFrontmatter
|
|
? `---\n${split.frontmatterText}\n---\n${split.body}`
|
|
: split.body;
|
|
|
|
expect(joined, path.relative(repoRoot, filePath)).toBe(raw);
|
|
}
|
|
});
|
|
|
|
it("leaves files without frontmatter untouched", () => {
|
|
const raw = "Body starts immediately.\n\n---\nThis is not frontmatter.\n";
|
|
const split = splitFrontmatterBlock(raw);
|
|
|
|
expect(split).toEqual({
|
|
frontmatterText: "",
|
|
body: raw,
|
|
hasFrontmatter: false,
|
|
});
|
|
});
|
|
|
|
it("treats an empty opening block as frontmatter", () => {
|
|
const raw = "---\n---\nBody\n";
|
|
|
|
expect(splitFrontmatterBlock(raw)).toEqual({
|
|
frontmatterText: "",
|
|
body: "Body\n",
|
|
hasFrontmatter: true,
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("stringifyFrontmatter", () => {
|
|
it.each([
|
|
{
|
|
label: "nested metadata",
|
|
value: {
|
|
name: "demo-skill",
|
|
description: "Demo skill",
|
|
metadata: {
|
|
source: {
|
|
kind: "github-dir",
|
|
repo: "paperclipai/paperclip",
|
|
path: "skills/paperclip",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
{
|
|
label: "arrays",
|
|
value: {
|
|
name: "tool-skill",
|
|
description: "Tool skill",
|
|
"allowed-tools": ["Read", "Write", "Bash"],
|
|
tags: ["skills", "frontmatter"],
|
|
},
|
|
},
|
|
{
|
|
label: "block scalars",
|
|
value: {
|
|
name: "block-skill",
|
|
description: "First line\nsecond line\n\nThird paragraph\n",
|
|
metadata: {
|
|
notes: "Keep\nall\nline breaks",
|
|
},
|
|
},
|
|
},
|
|
])("serializes parser-compatible YAML for $label", ({ value }) => {
|
|
const first = parseFrontmatterMarkdown(`---\n${stringifyFrontmatter(value)}\n---\n`).frontmatter;
|
|
const second = parseFrontmatterMarkdown(`---\n${stringifyFrontmatter(first)}\n---\n`).frontmatter;
|
|
|
|
expect(second).toEqual(first);
|
|
});
|
|
});
|
|
|
|
describe("skillFrontmatterSchema", () => {
|
|
it("validates core skill frontmatter fields while allowing unknown keys", () => {
|
|
const parsed = skillFrontmatterSchema.parse({
|
|
name: "demo-skill",
|
|
description: "A demo skill.",
|
|
"allowed-tools": ["Read", "Write"],
|
|
metadata: { nested: { enabled: true } },
|
|
tags: ["demo"],
|
|
});
|
|
|
|
expect(parsed.tags).toEqual(["demo"]);
|
|
expect(getSkillFrontmatterUnknownKeys(parsed)).toEqual(["tags"]);
|
|
});
|
|
|
|
it("rejects non-slug skill names", () => {
|
|
expect(() => skillFrontmatterSchema.parse({
|
|
name: "Demo Skill",
|
|
description: "A demo skill.",
|
|
})).toThrow();
|
|
});
|
|
});
|
|
|
|
describe("detectFrontmatterRoundTripIssues", () => {
|
|
it("reports YAML constructs that fields mode cannot preserve", () => {
|
|
const issues = detectFrontmatterRoundTripIssues([
|
|
"# leading comment",
|
|
"\"quoted-key\": value",
|
|
"base: &base",
|
|
"copy: *base",
|
|
].join("\n"));
|
|
|
|
expect(issues.map((issue) => issue.kind)).toEqual([
|
|
"comment",
|
|
"quoted_key",
|
|
"anchor",
|
|
"alias",
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe("joinFrontmatterBlock", () => {
|
|
it("is the exact inverse of splitFrontmatterBlock (byte-identity round-trip)", () => {
|
|
const samples = [
|
|
"---\nname: reflection-coach\ndescription: A coach\n---\n# Body\n\nHello\n",
|
|
"---\nname: x\n---\nno trailing newline",
|
|
"---\nname: x\n---\n", // empty body
|
|
"---\ndescription: >\n folded\n text\n---\nBody with comment: value\n",
|
|
"# just markdown, no frontmatter\n",
|
|
"---\nunterminated frontmatter\nstill body",
|
|
"---\nmetadata:\n author: Paperclip\n # comment stays\n---\nbody\n",
|
|
];
|
|
for (const raw of samples) {
|
|
expect(joinFrontmatterBlock(splitFrontmatterBlock(raw))).toBe(raw);
|
|
}
|
|
});
|
|
|
|
it("returns the body untouched when there is no frontmatter", () => {
|
|
expect(
|
|
joinFrontmatterBlock({ frontmatterText: "", body: "just body", hasFrontmatter: false }),
|
|
).toBe("just body");
|
|
});
|
|
});
|
|
|
|
describe("parseFrontmatterFields", () => {
|
|
it("parses the raw block text into an object and is lenient on garbage", () => {
|
|
expect(parseFrontmatterFields("name: foo\ndescription: bar")).toEqual({
|
|
name: "foo",
|
|
description: "bar",
|
|
});
|
|
expect(parseFrontmatterFields("")).toEqual({});
|
|
expect(parseFrontmatterFields("# only a comment")).toEqual({});
|
|
});
|
|
});
|
|
|
|
describe("analyzeFrontmatterBlock", () => {
|
|
it("marks a simple inline block as round-trippable", () => {
|
|
const result = analyzeFrontmatterBlock("name: reflection-coach\ndescription: A coach");
|
|
expect(result.canRoundTrip).toBe(true);
|
|
expect(result.issues).toEqual([]);
|
|
expect(result.parsed).toEqual({ name: "reflection-coach", description: "A coach" });
|
|
});
|
|
|
|
it("marks a block with allowed-tools and metadata as round-trippable", () => {
|
|
const raw = [
|
|
"name: coach",
|
|
"description: A coach",
|
|
"allowed-tools:",
|
|
" - Read",
|
|
" - Grep",
|
|
"metadata:",
|
|
" author: Paperclip",
|
|
" version: 2",
|
|
].join("\n");
|
|
const result = analyzeFrontmatterBlock(raw);
|
|
expect(result.canRoundTrip).toBe(true);
|
|
expect(result.parsed["allowed-tools"]).toEqual(["Read", "Grep"]);
|
|
});
|
|
|
|
it("refuses fields mode when comments are present (would be dropped)", () => {
|
|
const result = analyzeFrontmatterBlock("name: coach # inline note\ndescription: x");
|
|
expect(result.canRoundTrip).toBe(false);
|
|
expect(result.issues.some((issue) => issue.kind === "comment")).toBe(true);
|
|
});
|
|
|
|
it("refuses fields mode for folded scalars the serializer cannot reproduce", () => {
|
|
const raw = ["description: >", " first line", " second line"].join("\n");
|
|
const result = analyzeFrontmatterBlock(raw);
|
|
// No detector "issue", but re-serialization is not byte-identical, so it is
|
|
// still not round-trippable — the strict serialize-back gate catches it.
|
|
expect(result.canRoundTrip).toBe(false);
|
|
});
|
|
|
|
it("treats an empty block as round-trippable", () => {
|
|
const result = analyzeFrontmatterBlock("");
|
|
expect(result.canRoundTrip).toBe(true);
|
|
expect(result.parsed).toEqual({});
|
|
});
|
|
});
|
|
|
|
function collectSkillMarkdownFiles() {
|
|
return skillMarkdownSearchRoots.flatMap((relativeRoot) => {
|
|
const absoluteRoot = path.join(repoRoot, relativeRoot);
|
|
return fs.existsSync(absoluteRoot) ? collectSkillMarkdownFilesUnder(absoluteRoot) : [];
|
|
}).sort();
|
|
}
|
|
|
|
function collectSkillMarkdownFilesUnder(root: string): string[] {
|
|
const files: string[] = [];
|
|
for (const entry of fs.readdirSync(root, { withFileTypes: true })) {
|
|
const absolutePath = path.join(root, entry.name);
|
|
if (entry.isDirectory()) {
|
|
files.push(...collectSkillMarkdownFilesUnder(absolutePath));
|
|
continue;
|
|
}
|
|
if (entry.isFile() && entry.name === "SKILL.md") {
|
|
files.push(absolutePath);
|
|
}
|
|
}
|
|
return files;
|
|
}
|