mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-11-09 07:10:34 +01: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>
400 lines
12 KiB
TypeScript
400 lines
12 KiB
TypeScript
import type { Server } from "node:http";
|
|
import express from "express";
|
|
import request from "supertest";
|
|
import { afterAll, beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { errorHandler } from "../middleware/index.js";
|
|
import { projectRoutes } from "../routes/projects.js";
|
|
import { issueRoutes } from "../routes/issues.js";
|
|
|
|
const mockProjectService = vi.hoisted(() => ({
|
|
create: vi.fn(),
|
|
getById: vi.fn(),
|
|
update: vi.fn(),
|
|
createWorkspace: vi.fn(),
|
|
remove: vi.fn(),
|
|
resolveByReference: vi.fn(),
|
|
listWorkspaces: vi.fn(),
|
|
}));
|
|
|
|
const mockIssueService = vi.hoisted(() => ({
|
|
create: vi.fn(),
|
|
getById: vi.fn(),
|
|
update: vi.fn(),
|
|
getByIdentifier: vi.fn(),
|
|
assertCheckoutOwner: vi.fn(),
|
|
}));
|
|
|
|
const mockEnvironmentService = vi.hoisted(() => ({
|
|
getById: vi.fn(),
|
|
}));
|
|
|
|
const mockCompanyService = vi.hoisted(() => ({
|
|
getById: vi.fn(),
|
|
}));
|
|
|
|
const mockIssueReferenceService = vi.hoisted(() => ({
|
|
deleteDocumentSource: vi.fn(async () => undefined),
|
|
diffIssueReferenceSummary: vi.fn(() => ({
|
|
addedReferencedIssues: [],
|
|
removedReferencedIssues: [],
|
|
currentReferencedIssues: [],
|
|
})),
|
|
emptySummary: vi.fn(() => ({ outbound: [], inbound: [] })),
|
|
listIssueReferenceSummary: vi.fn(async () => ({ outbound: [], inbound: [] })),
|
|
syncComment: vi.fn(async () => undefined),
|
|
syncDocument: vi.fn(async () => undefined),
|
|
syncIssue: vi.fn(async () => undefined),
|
|
}));
|
|
|
|
const mockSecretService = vi.hoisted(() => ({
|
|
normalizeEnvBindingsForPersistence: vi.fn(async (_companyId: string, env: Record<string, unknown>) => env),
|
|
}));
|
|
|
|
const mockLogActivity = vi.hoisted(() => vi.fn());
|
|
|
|
vi.mock("../services/index.js", () => ({
|
|
projectService: () => mockProjectService,
|
|
issueService: () => mockIssueService,
|
|
companyService: () => mockCompanyService,
|
|
environmentService: () => mockEnvironmentService,
|
|
issueReferenceService: () => mockIssueReferenceService,
|
|
logActivity: mockLogActivity,
|
|
workspaceOperationService: () => ({}),
|
|
accessService: () => ({
|
|
canUser: vi.fn(),
|
|
hasPermission: vi.fn(),
|
|
}),
|
|
agentService: () => ({
|
|
getById: vi.fn(),
|
|
}),
|
|
companySkillService: () => ({
|
|
completeTestRunForIssue: vi.fn(async () => null),
|
|
}),
|
|
executionWorkspaceService: () => ({}),
|
|
goalService: () => ({
|
|
getById: vi.fn(),
|
|
getDefaultCompanyGoal: vi.fn(),
|
|
}),
|
|
heartbeatService: () => ({
|
|
getRun: vi.fn(),
|
|
getActiveRunForAgent: vi.fn(),
|
|
}),
|
|
issueApprovalService: () => ({
|
|
listApprovalsForIssue: vi.fn(),
|
|
unlink: vi.fn(),
|
|
}),
|
|
issueRecoveryActionService: () => ({
|
|
getActiveForIssue: vi.fn(async () => null),
|
|
listActiveForIssues: vi.fn(async () => new Map()),
|
|
}),
|
|
issueThreadInteractionService: () => ({
|
|
listForIssue: vi.fn(async () => []),
|
|
expireRequestConfirmationsSupersededByComment: vi.fn(async () => []),
|
|
expireStaleRequestConfirmationsForIssueDocument: vi.fn(async () => []),
|
|
}),
|
|
documentService: () => ({}),
|
|
documentAnnotationService: () => ({ remapOpenThreadsForDocument: async () => [] }),
|
|
routineService: () => ({}),
|
|
workProductService: () => ({}),
|
|
}));
|
|
|
|
vi.mock("../services/environments.js", () => ({
|
|
environmentService: () => mockEnvironmentService,
|
|
}));
|
|
|
|
vi.mock("../services/secrets.js", () => ({
|
|
secretService: () => mockSecretService,
|
|
}));
|
|
|
|
vi.mock("../services/issue-assignment-wakeup.js", () => ({
|
|
queueIssueAssignmentWakeup: vi.fn(),
|
|
}));
|
|
|
|
function buildApp(routerFactory: (app: express.Express) => void) {
|
|
const app = express();
|
|
app.use(express.json());
|
|
app.use((req, _res, next) => {
|
|
(req as any).actor = {
|
|
type: "board",
|
|
userId: "user-1",
|
|
source: "local_implicit",
|
|
};
|
|
next();
|
|
});
|
|
routerFactory(app);
|
|
app.use(errorHandler);
|
|
return app;
|
|
}
|
|
|
|
let projectServer: Server | null = null;
|
|
let issueServer: Server | null = null;
|
|
|
|
function createProjectApp() {
|
|
projectServer ??= buildApp((expressApp) => {
|
|
expressApp.use("/api", projectRoutes({} as any));
|
|
}).listen(0);
|
|
return projectServer;
|
|
}
|
|
|
|
function createIssueApp() {
|
|
issueServer ??= buildApp((expressApp) => {
|
|
expressApp.use("/api", issueRoutes({} as any, {} as any));
|
|
}).listen(0);
|
|
return issueServer;
|
|
}
|
|
|
|
const sandboxEnvironmentId = "11111111-1111-4111-8111-111111111111";
|
|
|
|
async function closeServer(server: Server | null) {
|
|
if (!server) return;
|
|
await new Promise<void>((resolve, reject) => {
|
|
server.close((err) => {
|
|
if (err) reject(err);
|
|
else resolve();
|
|
});
|
|
});
|
|
}
|
|
|
|
describe.sequential("execution environment route guards", () => {
|
|
afterAll(async () => {
|
|
await closeServer(projectServer);
|
|
await closeServer(issueServer);
|
|
projectServer = null;
|
|
issueServer = null;
|
|
});
|
|
|
|
beforeEach(() => {
|
|
mockProjectService.create.mockReset();
|
|
mockProjectService.getById.mockReset();
|
|
mockProjectService.update.mockReset();
|
|
mockProjectService.createWorkspace.mockReset();
|
|
mockProjectService.remove.mockReset();
|
|
mockProjectService.resolveByReference.mockReset();
|
|
mockProjectService.listWorkspaces.mockReset();
|
|
mockIssueService.create.mockReset();
|
|
mockIssueService.getById.mockReset();
|
|
mockIssueService.update.mockReset();
|
|
mockIssueService.getByIdentifier.mockReset();
|
|
mockIssueService.assertCheckoutOwner.mockReset();
|
|
mockCompanyService.getById.mockReset();
|
|
mockCompanyService.getById.mockResolvedValue({
|
|
id: "company-1",
|
|
attachmentMaxBytes: 10 * 1024 * 1024,
|
|
});
|
|
mockEnvironmentService.getById.mockReset();
|
|
mockIssueReferenceService.deleteDocumentSource.mockClear();
|
|
mockIssueReferenceService.diffIssueReferenceSummary.mockClear();
|
|
mockIssueReferenceService.emptySummary.mockClear();
|
|
mockIssueReferenceService.listIssueReferenceSummary.mockClear();
|
|
mockIssueReferenceService.syncComment.mockClear();
|
|
mockIssueReferenceService.syncDocument.mockClear();
|
|
mockIssueReferenceService.syncIssue.mockClear();
|
|
mockSecretService.normalizeEnvBindingsForPersistence.mockClear();
|
|
mockLogActivity.mockReset();
|
|
});
|
|
|
|
it("accepts sandbox environments on project create", async () => {
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake-plugin" },
|
|
});
|
|
mockProjectService.create.mockResolvedValue({
|
|
id: "project-1",
|
|
companyId: "company-1",
|
|
name: "Sandboxed Project",
|
|
status: "backlog",
|
|
});
|
|
const app = createProjectApp();
|
|
|
|
const res = await request(app)
|
|
.post("/api/companies/company-1/projects")
|
|
.send({
|
|
name: "Sandboxed Project",
|
|
executionWorkspacePolicy: {
|
|
enabled: true,
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).not.toBe(422);
|
|
expect(mockProjectService.create).toHaveBeenCalled();
|
|
});
|
|
|
|
it("accepts sandbox environments on project update", async () => {
|
|
mockProjectService.getById.mockResolvedValue({
|
|
id: "project-1",
|
|
companyId: "company-1",
|
|
name: "Sandboxed Project",
|
|
status: "backlog",
|
|
archivedAt: null,
|
|
});
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake-plugin" },
|
|
});
|
|
mockProjectService.update.mockResolvedValue({
|
|
id: "project-1",
|
|
companyId: "company-1",
|
|
name: "Sandboxed Project",
|
|
status: "backlog",
|
|
});
|
|
const app = createProjectApp();
|
|
|
|
const res = await request(app)
|
|
.patch("/api/projects/project-1")
|
|
.send({
|
|
executionWorkspacePolicy: {
|
|
enabled: true,
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).not.toBe(422);
|
|
expect(mockProjectService.update).toHaveBeenCalled();
|
|
});
|
|
|
|
it("accepts sandbox environments on issue create", async () => {
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake-plugin" },
|
|
});
|
|
mockIssueService.create.mockResolvedValue({
|
|
id: "issue-1",
|
|
companyId: "company-1",
|
|
title: "Sandboxed Issue",
|
|
status: "todo",
|
|
identifier: "PAPA-999",
|
|
});
|
|
const app = createIssueApp();
|
|
|
|
const res = await request(app)
|
|
.post("/api/companies/company-1/issues")
|
|
.send({
|
|
title: "Sandboxed Issue",
|
|
executionWorkspaceSettings: {
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).not.toBe(422);
|
|
expect(mockIssueService.create).toHaveBeenCalled();
|
|
});
|
|
|
|
it("rejects unsupported driver environments on issue create", async () => {
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "unsupported_driver",
|
|
config: {},
|
|
});
|
|
const app = createIssueApp();
|
|
|
|
const res = await request(app)
|
|
.post("/api/companies/company-1/issues")
|
|
.send({
|
|
title: "Unsupported Driver Issue",
|
|
executionWorkspaceSettings: {
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).toBe(422);
|
|
expect(res.body.error).toContain('Environment driver "unsupported_driver" is not allowed here');
|
|
expect(mockIssueService.create).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("rejects built-in fake sandbox environments on issue create", async () => {
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake" },
|
|
});
|
|
const app = createIssueApp();
|
|
|
|
const res = await request(app)
|
|
.post("/api/companies/company-1/issues")
|
|
.send({
|
|
title: "Fake Sandbox Issue",
|
|
executionWorkspaceSettings: {
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).toBe(422);
|
|
expect(res.body.error).toContain('Environment sandbox provider "fake" is not allowed here');
|
|
expect(mockIssueService.create).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("accepts plugin-backed sandbox environments on issue create", async () => {
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake-plugin" },
|
|
});
|
|
mockIssueService.create.mockResolvedValue({
|
|
id: "issue-1",
|
|
companyId: "company-1",
|
|
title: "Plugin Sandbox Issue",
|
|
status: "todo",
|
|
identifier: "PAPA-999",
|
|
});
|
|
const app = createIssueApp();
|
|
|
|
const res = await request(app)
|
|
.post("/api/companies/company-1/issues")
|
|
.send({
|
|
title: "Plugin Sandbox Issue",
|
|
executionWorkspaceSettings: {
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).not.toBe(422);
|
|
expect(mockIssueService.create).toHaveBeenCalled();
|
|
});
|
|
|
|
it("accepts sandbox environments on issue update", async () => {
|
|
mockIssueService.getById.mockResolvedValue({
|
|
id: "issue-1",
|
|
companyId: "company-1",
|
|
status: "todo",
|
|
assigneeAgentId: null,
|
|
assigneeUserId: null,
|
|
createdByUserId: null,
|
|
identifier: "PAPA-999",
|
|
});
|
|
mockEnvironmentService.getById.mockResolvedValue({
|
|
id: sandboxEnvironmentId,
|
|
companyId: "company-1",
|
|
driver: "sandbox",
|
|
config: { provider: "fake-plugin" },
|
|
});
|
|
mockIssueService.update.mockResolvedValue({
|
|
id: "issue-1",
|
|
companyId: "company-1",
|
|
status: "todo",
|
|
identifier: "PAPA-999",
|
|
});
|
|
const app = createIssueApp();
|
|
|
|
const res = await request(app)
|
|
.patch("/api/issues/issue-1")
|
|
.send({
|
|
executionWorkspaceSettings: {
|
|
environmentId: sandboxEnvironmentId,
|
|
},
|
|
});
|
|
|
|
expect(res.status).not.toBe(422);
|
|
expect(mockIssueService.update).toHaveBeenCalled();
|
|
});
|
|
});
|