@auto-engineer/react-component-implementer 1.12.1

package/dist/src/component-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-generator.js","sourceRoot":"","sources":["../../src/component-generator.ts"],"names":[],"mappings":"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"}

package/dist/src/component-writer.d.ts

@@ -0,0 +1,3 @@
+export declare function writeComponent(name: string, code: string, outputDir: string): Promise<string>;
+export declare function writeStory(name: string, code: string, outputDir: string): Promise<string>;
+//# sourceMappingURL=component-writer.d.ts.map

package/dist/src/component-writer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-writer.d.ts","sourceRoot":"","sources":["../../src/component-writer.ts"],"names":[],"mappings":"AAUA,wBAAsB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAMnG;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAM/F"}

package/dist/src/component-writer.js

@@ -0,0 +1,23 @@
+import { mkdir, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+function toKebabCase(name) {
+    return name
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+        .toLowerCase();
+}
+export async function writeComponent(name, code, outputDir) {
+    await mkdir(outputDir, { recursive: true });
+    const fileName = `${toKebabCase(name)}.tsx`;
+    const fullPath = join(outputDir, fileName);
+    await writeFile(fullPath, code);
+    return fullPath;
+}
+export async function writeStory(name, code, outputDir) {
+    await mkdir(outputDir, { recursive: true });
+    const fileName = `${toKebabCase(name)}.stories.tsx`;
+    const fullPath = join(outputDir, fileName);
+    await writeFile(fullPath, code);
+    return fullPath;
+}
+//# sourceMappingURL=component-writer.js.map

package/dist/src/component-writer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-writer.js","sourceRoot":"","sources":["../../src/component-writer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,SAAS,WAAW,CAAC,IAAY;IAC/B,OAAO,IAAI;SACR,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,OAAO,CAAC,sBAAsB,EAAE,OAAO,CAAC;SACxC,WAAW,EAAE,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,IAAY,EAAE,IAAY,EAAE,SAAiB;IAChF,MAAM,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC3C,MAAM,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,IAAY,EAAE,IAAY,EAAE,SAAiB;IAC5E,MAAM,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC3C,MAAM,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/src/design-reference.d.ts

@@ -0,0 +1,5 @@
+import type { Browser } from 'playwright';
+import type { DesignReference } from './visual-evaluator.js';
+export declare function parseComponentIds(existingComponents: string): string[];
+export declare function captureDesignReferences(browser: Browser, port: number, existingComponents: string, instructions: string): Promise<DesignReference>;
+//# sourceMappingURL=design-reference.d.ts.map

package/dist/src/design-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-reference.d.ts","sourceRoot":"","sources":["../../src/design-reference.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,wBAAgB,iBAAiB,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,EAAE,CAGtE;AAED,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,MAAM,EACZ,kBAAkB,EAAE,MAAM,EAC1B,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,eAAe,CAAC,CAmB1B"}

package/dist/src/design-reference.js

@@ -0,0 +1,24 @@
+export function parseComponentIds(existingComponents) {
+    const matches = existingComponents.matchAll(/\(([^)]+)\)/g);
+    return Array.from(matches, (m) => m[1]);
+}
+export async function captureDesignReferences(browser, port, existingComponents, instructions) {
+    const ids = parseComponentIds(existingComponents);
+    const screenshots = [];
+    for (const id of ids) {
+        const url = `http://localhost:${port}/iframe.html?id=${id}--default`;
+        try {
+            const page = await browser.newPage();
+            await page.goto(url);
+            await page.waitForSelector('#storybook-root');
+            const screenshot = await page.screenshot();
+            await page.close();
+            screenshots.push({ name: id, screenshot });
+        }
+        catch {
+            // skip components that fail to render
+        }
+    }
+    return { screenshots, instructions };
+}
+//# sourceMappingURL=design-reference.js.map

package/dist/src/design-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-reference.js","sourceRoot":"","sources":["../../src/design-reference.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,iBAAiB,CAAC,kBAA0B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC5D,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAC3C,OAAgB,EAChB,IAAY,EACZ,kBAA0B,EAC1B,YAAoB;IAEpB,MAAM,GAAG,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IAClD,MAAM,WAAW,GAAgD,EAAE,CAAC;IAEpE,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,oBAAoB,IAAI,mBAAmB,EAAE,WAAW,CAAC;QACrE,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;YACrC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrB,MAAM,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;YAC9C,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3C,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;QAC7C,CAAC;QAAC,MAAM,CAAC;YACP,sCAAsC;QACxC,CAAC;IACH,CAAC;IAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACvC,CAAC"}

package/dist/src/file-tree.d.ts

@@ -0,0 +1,8 @@
+import type { Dirent } from 'node:fs';
+export interface FileTreeDeps {
+    readdir: (path: string, options: {
+        withFileTypes: true;
+    }) => Promise<Dirent[]>;
+}
+export declare function scanFileTree(dirPath: string, deps: FileTreeDeps): Promise<string>;
+//# sourceMappingURL=file-tree.d.ts.map

package/dist/src/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../src/file-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,aAAa,EAAE,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CAChF;AAED,wBAAsB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAUvF"}

package/dist/src/file-tree.js

@@ -0,0 +1,13 @@
+export async function scanFileTree(dirPath, deps) {
+    const entries = await deps.readdir(dirPath, { withFileTypes: true });
+    const names = entries
+        .filter((e) => {
+        if (e.isFile() && e.name.endsWith('.stories.tsx'))
+            return false;
+        return true;
+    })
+        .map((e) => (e.isDirectory() ? `${e.name}/` : e.name))
+        .sort();
+    return names.join('\n');
+}
+//# sourceMappingURL=file-tree.js.map

package/dist/src/file-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.js","sourceRoot":"","sources":["../../src/file-tree.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,OAAe,EAAE,IAAkB;IACpE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACZ,IAAI,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;YAAE,OAAO,KAAK,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SACrD,IAAI,EAAE,CAAC;IACV,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC"}

package/dist/src/functional-validator.d.ts

@@ -0,0 +1,9 @@
+import type { Browser } from 'playwright';
+export interface FunctionalResult {
+    passed: boolean;
+    interactionErrors: string[];
+    consoleErrors: string[];
+    consoleWarnings: string[];
+}
+export declare function validateFunctional(storyUrl: string, browser: Browser): Promise<FunctionalResult>;
+//# sourceMappingURL=functional-validator.d.ts.map

package/dist/src/functional-validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functional-validator.d.ts","sourceRoot":"","sources":["../../src/functional-validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAsB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAoCtG"}

package/dist/src/functional-validator.js

@@ -0,0 +1,31 @@
+export async function validateFunctional(storyUrl, browser) {
+    const consoleErrors = [];
+    const consoleWarnings = [];
+    const interactionErrors = [];
+    const page = await browser.newPage();
+    page.on('console', (msg) => {
+        if (msg.type() === 'error') {
+            consoleErrors.push(msg.text());
+        }
+        if (msg.type() === 'warning') {
+            consoleWarnings.push(msg.text());
+        }
+    });
+    await page.goto(storyUrl);
+    await page.waitForSelector('#storybook-root', { state: 'attached', timeout: 10000 });
+    const errorText = await page.evaluate(() => {
+        const el = document.querySelector('[data-testid="storybook-error"]');
+        return el ? el.textContent : null;
+    });
+    if (typeof errorText === 'string' && errorText.length > 0) {
+        interactionErrors.push(errorText);
+    }
+    await page.close();
+    return {
+        passed: interactionErrors.length === 0 && consoleErrors.length === 0,
+        interactionErrors,
+        consoleErrors,
+        consoleWarnings,
+    };
+}
+//# sourceMappingURL=functional-validator.js.map

package/dist/src/functional-validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functional-validator.js","sourceRoot":"","sources":["../../src/functional-validator.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,QAAgB,EAAE,OAAgB;IACzE,MAAM,aAAa,GAAa,EAAE,CAAC;IACnC,MAAM,eAAe,GAAa,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAAa,EAAE,CAAC;IAEvC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IAErC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE;QACzB,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,OAAO,EAAE,CAAC;YAC3B,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YAC7B,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,MAAM,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAErF,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;QACzC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACrE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1D,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAED,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;IAEnB,OAAO;QACL,MAAM,EAAE,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;QACpE,iBAAiB;QACjB,aAAa;QACb,eAAe;KAChB,CAAC;AACJ,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,11 @@
+export type { ImplementReactComponentCommand, ImplementReactComponentEvents, } from './commands/implement-react-component.js';
+export { commandHandler as implementReactComponentCommandHandler } from './commands/implement-react-component.js';
+export type { ComponentTask, Job } from './types.js';
+export declare const COMMANDS: import("@auto-engineer/message-bus").UnifiedCommandHandler<Readonly<{
+    type: string;
+    data: Readonly<Record<string, unknown>>;
+    timestamp?: Date;
+    requestId?: string;
+    correlationId?: string;
+}>>[];
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,cAAc,IAAI,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAClH,YAAY,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGrD,eAAO,MAAM,QAAQ;;;;;;KAAmB,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,4 @@
+export { commandHandler as implementReactComponentCommandHandler } from './commands/implement-react-component.js';
+import { commandHandler } from './commands/implement-react-component.js';
+export const COMMANDS = [commandHandler];
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,IAAI,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAGlH,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,cAAc,CAAC,CAAC"}

package/dist/src/mcp-client.d.ts

@@ -0,0 +1,10 @@
+export declare function connectMcpClient(config: {
+    baseUrl: string;
+}): Promise<{
+    listComponents(): Promise<string>;
+    getStoryUrl(exportName: string, absoluteStoryPath: string): Promise<string>;
+    getUiBuildingInstructions(): Promise<string>;
+    getDocumentation(id: string): Promise<string>;
+    close: () => Promise<void>;
+}>;
+//# sourceMappingURL=mcp-client.d.ts.map

package/dist/src/mcp-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-client.d.ts","sourceRoot":"","sources":["../../src/mcp-client.ts"],"names":[],"mappings":"AA6BA,wBAAsB,gBAAgB,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE;sBAItC,OAAO,CAAC,MAAM,CAAC;4BAGT,MAAM,qBAAqB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;iCAK9C,OAAO,CAAC,MAAM,CAAC;yBAGvB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;iBArB1C,OAAO,CAAC,IAAI,CAAC;GA0BzB"}

package/dist/src/mcp-client.js

@@ -0,0 +1,43 @@
+import { Client } from '@modelcontextprotocol/sdk/client/index.js';
+import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp.js';
+async function connectToMcp(baseUrl) {
+    const url = new URL(`${baseUrl}/mcp`);
+    const transport = new StreamableHTTPClientTransport(url);
+    const client = new Client({ name: 'react-component-implementer', version: '1.0.0' });
+    await client.connect(transport);
+    return {
+        async callTool(name, args) {
+            const result = await client.callTool({ name, arguments: args });
+            const castResult = result;
+            const textContent = castResult.content.find((c) => c.type === 'text');
+            if (!textContent || typeof textContent.text !== 'string') {
+                throw new Error(`No text content in response for tool: ${name}`);
+            }
+            return textContent.text;
+        },
+        close() {
+            return client.close();
+        },
+    };
+}
+export async function connectMcpClient(config) {
+    const connection = await connectToMcp(config.baseUrl);
+    return {
+        async listComponents() {
+            return connection.callTool('list-all-documentation', {});
+        },
+        async getStoryUrl(exportName, absoluteStoryPath) {
+            return connection.callTool('preview-stories', {
+                stories: [{ exportName, absoluteStoryPath }],
+            });
+        },
+        async getUiBuildingInstructions() {
+            return connection.callTool('get-storybook-story-instructions', {});
+        },
+        async getDocumentation(id) {
+            return connection.callTool('get-documentation', { id });
+        },
+        close: connection.close.bind(connection),
+    };
+}
+//# sourceMappingURL=mcp-client.js.map

package/dist/src/mcp-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-client.js","sourceRoot":"","sources":["../../src/mcp-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAMnG,KAAK,UAAU,YAAY,CAAC,OAAe;IACzC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,OAAO,MAAM,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,6BAA6B,CAAC,GAAG,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACrF,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEhC,OAAO;QACL,KAAK,CAAC,QAAQ,CAAC,IAAY,EAAE,IAA6B;YACxD,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAChE,MAAM,UAAU,GAAG,MAAwB,CAAC;YAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;YACtE,IAAI,CAAC,WAAW,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACzD,MAAM,IAAI,KAAK,CAAC,yCAAyC,IAAI,EAAE,CAAC,CAAC;YACnE,CAAC;YACD,OAAO,WAAW,CAAC,IAAI,CAAC;QAC1B,CAAC;QACD,KAAK;YACH,OAAO,MAAM,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,MAA2B;IAChE,MAAM,UAAU,GAAG,MAAM,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO;QACL,KAAK,CAAC,cAAc;YAClB,OAAO,UAAU,CAAC,QAAQ,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,UAAkB,EAAE,iBAAyB;YAC7D,OAAO,UAAU,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBAC5C,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;aAC7C,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,yBAAyB;YAC7B,OAAO,UAAU,CAAC,QAAQ,CAAC,kCAAkC,EAAE,EAAE,CAAC,CAAC;QACrE,CAAC;QACD,KAAK,CAAC,gBAAgB,CAAC,EAAU;YAC/B,OAAO,UAAU,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1D,CAAC;QACD,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;KACzC,CAAC;AACJ,CAAC"}

package/dist/src/type-checker.d.ts

@@ -0,0 +1,6 @@
+export interface TypeCheckResult {
+    passed: boolean;
+    errors: string[];
+}
+export declare function checkTypes(filePaths: string[], cwd: string): TypeCheckResult;
+//# sourceMappingURL=type-checker.d.ts.map

package/dist/src/type-checker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-checker.d.ts","sourceRoot":"","sources":["../../src/type-checker.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAWD,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,eAAe,CA8B5E"}

package/dist/src/type-checker.js

@@ -0,0 +1,36 @@
+import { execSync } from 'node:child_process';
+import path from 'node:path';
+function getExecOutput(error) {
+    if (typeof error !== 'object' || error === null) {
+        return { stdout: '', stderr: '' };
+    }
+    const stdout = 'stdout' in error && typeof error.stdout === 'string' ? error.stdout : '';
+    const stderr = 'stderr' in error && typeof error.stderr === 'string' ? error.stderr : '';
+    return { stdout, stderr };
+}
+export function checkTypes(filePaths, cwd) {
+    let stdout = '';
+    let stderr = '';
+    try {
+        stdout = execSync('pnpm type-check', { encoding: 'utf-8', cwd });
+    }
+    catch (error) {
+        const output = getExecOutput(error);
+        stdout = output.stdout;
+        stderr = output.stderr;
+    }
+    const combined = [stdout, stderr].join('\n');
+    const lines = combined.split('\n');
+    // tsc outputs relative paths (e.g. "src/components/ui/logo-text.tsx(3,1): error TS...")
+    // Convert absolute filePaths to relative (from cwd) for matching
+    const relativePaths = filePaths.map((fp) => path.relative(cwd, fp));
+    const errors = lines.filter((line) => relativePaths.some((rp) => line.includes(rp)));
+    console.log('Relative paths checked for type errors:', relativePaths);
+    console.log('Type check output lines:', lines);
+    console.log('Filtered type errors:', errors);
+    if (errors.length === 0) {
+        return { passed: true, errors: [] };
+    }
+    return { passed: false, errors };
+}
+//# sourceMappingURL=type-checker.js.map

package/dist/src/type-checker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-checker.js","sourceRoot":"","sources":["../../src/type-checker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,IAAI,MAAM,WAAW,CAAC;AAO7B,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAChD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IACpC,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,MAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,SAAmB,EAAE,GAAW;IACzD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAI,CAAC;QACH,MAAM,GAAG,QAAQ,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IACnE,CAAC;IAAC,OAAO,KAAc,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QACvB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IACzB,CAAC;IAED,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnC,wFAAwF;IACxF,iEAAiE;IACjE,MAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IAEpE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAErF,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,aAAa,CAAC,CAAC;IACtE,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IAE7C,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IACtC,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACnC,CAAC"}

package/dist/src/types.d.ts

@@ -0,0 +1,21 @@
+export interface ComponentTask {
+    title: string;
+    description: string;
+    type: string;
+    componentId: string;
+    implementation: string;
+    acceptanceCriteria: string[];
+    prompt: string;
+    storybookPath: string;
+    files: {
+        create: string[];
+        modify: string[];
+    };
+}
+export interface Job {
+    id: string;
+    dependsOn: string[];
+    target: string;
+    payload: ComponentTask;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC/C;AAED,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,CAAC;CACxB"}

package/dist/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/src/visual-evaluator.d.ts

@@ -0,0 +1,20 @@
+import type { LanguageModel } from 'ai';
+import type { Browser } from 'playwright';
+export interface VisualFeedback {
+    score: number;
+    passed: boolean;
+    feedback: string;
+}
+export interface VisualComponentInfo {
+    name: string;
+    description: string;
+}
+export interface DesignReference {
+    screenshots: Array<{
+        name: string;
+        screenshot: Buffer;
+    }>;
+    instructions: string;
+}
+export declare function evaluateVisual(storyUrl: string, component: VisualComponentInfo, browser: Browser, model: LanguageModel, designReference?: DesignReference): Promise<VisualFeedback>;
+//# sourceMappingURL=visual-evaluator.d.ts.map

package/dist/src/visual-evaluator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-evaluator.d.ts","sourceRoot":"","sources":["../../src/visual-evaluator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,eAAe,CAAC,EAAE,eAAe,GAChC,OAAO,CAAC,cAAc,CAAC,CAuEzB"}

package/dist/src/visual-evaluator.js

@@ -0,0 +1,70 @@
+import { generateText } from 'ai';
+export async function evaluateVisual(storyUrl, component, browser, model, designReference) {
+    const page = await browser.newPage();
+    await page.goto(storyUrl);
+    await page.waitForSelector('#storybook-root');
+    const screenshotBuffer = await page.screenshot();
+    await page.close();
+    const content = [];
+    if (designReference) {
+        for (const ref of designReference.screenshots) {
+            content.push({ type: 'image', image: ref.screenshot, mediaType: 'image/png' });
+            content.push({ type: 'text', text: `Reference component: ${ref.name}` });
+        }
+    }
+    content.push({ type: 'image', image: screenshotBuffer, mediaType: 'image/png' });
+    if (designReference) {
+        content.push({
+            type: 'text',
+            text: `The images above are reference screenshots from the existing component library, followed by the component under review.
+
+Design guidelines:
+${designReference.instructions}
+
+Evaluate this screenshot of a "${component.name}" component (${component.description}).
+
+Rate on a scale of 1-10 how well it matches the design system shown in the reference components and follows the design guidelines.
+
+Respond with JSON only: { "score": N, "feedback": "..." }`,
+        });
+    }
+    else {
+        content.push({
+            type: 'text',
+            text: `Evaluate this screenshot of a "${component.name}" component (${component.description}).
+
+Rate the following on a scale of 1-10:
+- Visual quality and aesthetics
+- Layout correctness
+- Consistency with modern design systems
+- Component renders correctly and looks professional
+
+Respond with JSON only: { "score": N, "feedback": "..." }`,
+        });
+    }
+    const result = await generateText({
+        model,
+        messages: [
+            {
+                role: 'user',
+                content,
+            },
+        ],
+    });
+    try {
+        const parsed = JSON.parse(result.text);
+        return {
+            score: parsed.score,
+            passed: parsed.score >= 7,
+            feedback: parsed.feedback,
+        };
+    }
+    catch {
+        return {
+            score: 5,
+            passed: false,
+            feedback: result.text,
+        };
+    }
+}
+//# sourceMappingURL=visual-evaluator.js.map

package/dist/src/visual-evaluator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-evaluator.js","sourceRoot":"","sources":["../../src/visual-evaluator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAmBlC,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,QAAgB,EAChB,SAA8B,EAC9B,OAAgB,EAChB,KAAoB,EACpB,eAAiC;IAEjC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IACrC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,MAAM,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC9C,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACjD,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;IAEnB,MAAM,OAAO,GAAqG,EAAE,CAAC;IAErH,IAAI,eAAe,EAAE,CAAC;QACpB,KAAK,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,EAAE,CAAC;YAC9C,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC;YAC/E,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC;IAEjF,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE;;;EAGV,eAAe,CAAC,YAAY;;iCAEG,SAAS,CAAC,IAAI,gBAAgB,SAAS,CAAC,WAAW;;;;0DAI1B;SACrD,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,kCAAkC,SAAS,CAAC,IAAI,gBAAgB,SAAS,CAAC,WAAW;;;;;;;;0DAQvC;SACrD,CAAC,CAAC;IACL,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC;QAChC,KAAK;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO;aACR;SACF;KACF,CAAC,CAAC;IAEH,IAAI,CAAC;QACH,MAAM,MAAM,GAAwC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5E,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;YACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ;SAC1B,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,OAAO;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,MAAM,CAAC,IAAI;SACtB,CAAC;IACJ,CAAC;AACH,CAAC"}