openpencil/apps/web/server/utils/mcp-screenshot-rpc.ts
Kayshen-X a7d73ebb62 feat(ai): pencil-style agentic design tool-loop, multi-chat tabs, #27 panel restyle
Built-in design generation now runs as an agentic MCP tool-loop (reusing the
agent-rs BuiltInProvider), gated behind OPENPENCIL_DESIGN_AGENT_LOOP / the
Settings experimental toggle; the orchestrator stays the default.

- design-agent system prompt + in-process design toolset (parity-locked with
  the MCP surface) + flag-gated Intent::Design routing
- spawn_agents execution as sequential sub-loops + live creation-mode badges
  (per-agent glow + 'N/M designing...' header)
- new MCP tools: get_guidelines, ToolSearch, get_screenshot, get_editor_state,
  export_nodes, spawn_agents; style-guide local audit
- #27 AI panel restyle: rounded tool cards + green check-rings, gray user
  bubbles, model-pill bottom toolbar, header, empty-state pills, the
  PARALLEL AGENTS (agent_team_size) 1x-6x chip dropdown
- multi-chat tabs: ChatSessions model (Deref-to-active) + tab row UI
  (switch / close / + / Cmd+T) with each run bound to its tab

Large checkpoint commit spanning the working tree (Rust shell crates).
2026-07-02 21:21:06 +08:00

70 lines
1.9 KiB
TypeScript

import { randomUUID } from 'node:crypto';
export interface ScreenshotBounds {
x: number;
y: number;
w: number;
h: number;
}
export interface ScreenshotRequestBody {
bounds?: ScreenshotBounds | 'root';
nodeId?: string;
opts?: { dpr?: number; padding?: number };
timeoutMs?: number;
}
export interface ScreenshotResponse {
requestId: string;
success: boolean;
pngBase64?: string;
actualBounds?: ScreenshotBounds;
error?: string;
}
interface PendingEntry {
resolve: (data: ScreenshotResponse) => void;
reject: (err: Error) => void;
timer: ReturnType<typeof setTimeout>;
}
const pendingRequests = new Map<string, PendingEntry>();
/** Allocate a new request id. */
export function allocateRequestId(): string {
return randomUUID();
}
/**
* Register a pending screenshot request and return a promise that resolves
* when the renderer posts its response or rejects on timeout.
*/
export function registerPending(requestId: string, timeoutMs: number): Promise<ScreenshotResponse> {
return new Promise<ScreenshotResponse>((resolve, reject) => {
const timer = setTimeout(() => {
pendingRequests.delete(requestId);
reject(new Error(`Screenshot request ${requestId} timed out after ${timeoutMs}ms`));
}, timeoutMs);
pendingRequests.set(requestId, { resolve, reject, timer });
});
}
/** Called from the renderer-response endpoint. Returns true if matched. */
export function resolvePending(response: ScreenshotResponse): boolean {
const entry = pendingRequests.get(response.requestId);
if (!entry) return false;
clearTimeout(entry.timer);
pendingRequests.delete(response.requestId);
entry.resolve(response);
return true;
}
/** Reject a pending request without waiting for timeout. */
export function rejectPending(requestId: string, err: Error): void {
const entry = pendingRequests.get(requestId);
if (!entry) return;
clearTimeout(entry.timer);
pendingRequests.delete(requestId);
entry.reject(err);
}