@auto-engineer/react-gen 1.134.0

package/dist/src/commands/generate-react-app.js.map

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

package/dist/src/config.d.ts

@@ -0,0 +1,3 @@
+import type { LanguageModel } from 'ai';
+export declare function createModel(): LanguageModel;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAQxC,wBAAgB,WAAW,IAAI,aAAa,CAM3C"}

package/dist/src/config.js

@@ -0,0 +1,15 @@
+import { createOpenAICompatible } from '@ai-sdk/openai-compatible';
+function requireEnv(name) {
+    const value = process.env[name];
+    if (!value)
+        throw new Error(`Missing required environment variable: ${name}`);
+    return value;
+}
+export function createModel() {
+    const name = requireEnv('CUSTOM_PROVIDER_NAME');
+    const baseURL = requireEnv('CUSTOM_PROVIDER_BASE_URL');
+    const apiKey = requireEnv('CUSTOM_PROVIDER_API_KEY');
+    const model = requireEnv('CUSTOM_PROVIDER_DEFAULT_MODEL');
+    return createOpenAICompatible({ name, baseURL, apiKey }).chatModel(model);
+}
+//# sourceMappingURL=config.js.map

package/dist/src/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,SAAS,UAAU,CAAC,IAAY;IAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,0CAA0C,IAAI,EAAE,CAAC,CAAC;IAC9E,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,MAAM,IAAI,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,UAAU,CAAC,+BAA+B,CAAC,CAAC;IAC1D,OAAO,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC5E,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,10 @@
+export type { GenerateReactAppCommand, GenerateReactAppEvents, ReactAppGeneratedEvent, ReactAppGenerationFailedEvent, } from './commands/generate-react-app.js';
+export { commandHandler as generateReactAppCommandHandler } from './commands/generate-react-app.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,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,IAAI,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAGpG,eAAO,MAAM,QAAQ;;;;;;KAAmB,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,4 @@
+export { commandHandler as generateReactAppCommandHandler } from './commands/generate-react-app.js';
+import { commandHandler } from './commands/generate-react-app.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":"AAMA,OAAO,EAAE,cAAc,IAAI,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAEpG,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,cAAc,CAAC,CAAC"}

package/dist/src/prompts/build-narrative-context.d.ts

@@ -0,0 +1,3 @@
+import type { Narrative } from '../types.js';
+export declare function buildNarrativeContext(narrative: Narrative): string;
+//# sourceMappingURL=build-narrative-context.d.ts.map

package/dist/src/prompts/build-narrative-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-narrative-context.d.ts","sourceRoot":"","sources":["../../../src/prompts/build-narrative-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA+B,SAAS,EAAS,MAAM,aAAa,CAAC;AA8FjF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAmClE"}

package/dist/src/prompts/build-narrative-context.js

@@ -0,0 +1,103 @@
+import { slugify } from '../utils/slugify.js';
+function formatClientSpecs(specs, indent = 0) {
+    const pad = '  '.repeat(indent);
+    return specs
+        .map((node) => {
+        const prefix = node.type === 'describe' ? 'describe' : '- it';
+        const line = `${pad}${prefix}: "${node.title}"`;
+        if (node.children?.length) {
+            return `${line}\n${formatClientSpecs(node.children, indent + 1)}`;
+        }
+        return line;
+    })
+        .join('\n');
+}
+function formatGherkinSpecs(specs) {
+    return specs
+        .map((spec) => spec.rules
+        .map((rule) => `  Rule: ${rule.name}\n` +
+        rule.examples
+            .map((ex) => `    Example: ${ex.name || '(unnamed)'}\n` +
+            ex.steps
+                .map((s) => {
+                const doc = s.docString ? `\n        ${JSON.stringify(s.docString)}` : '';
+                return `      ${s.keyword} ${s.text}${doc}`;
+            })
+                .join('\n'))
+            .join('\n'))
+        .join('\n'))
+        .join('\n');
+}
+function toConstName(name) {
+    return name
+        .replace(/([a-z])([A-Z])/g, '$1_$2')
+        .replace(/[^a-zA-Z0-9]+/g, '_')
+        .toUpperCase();
+}
+function toPascalCase(name) {
+    return name.replace(/(?:^|\s+)(\w)/g, (_, c) => c.toUpperCase()).replace(/\s+/g, '');
+}
+function buildSliceBlock(slice, narrativeSlug) {
+    const componentName = toPascalCase(slice.name);
+    const lines = [];
+    lines.push(`### Slice: "${slice.name}" (type: ${slice.type})`);
+    if (slice.description) {
+        lines.push(`Description: ${slice.description}`);
+    }
+    lines.push(`Output file: src/features/${narrativeSlug}/${componentName}.tsx`);
+    if (slice.request) {
+        const constName = toConstName(slice.name);
+        lines.push(`GraphQL constant in queries.ts: ${constName}`);
+        lines.push(`Import: import { ${constName} } from './queries.js';`);
+    }
+    if (slice.client?.specs?.length) {
+        lines.push(``);
+        lines.push(`Required behaviors (implement ALL):`);
+        lines.push(formatClientSpecs(slice.client.specs, 1));
+    }
+    if (slice.server?.specs?.length) {
+        lines.push(``);
+        lines.push(`Gherkin examples (infer types from these):`);
+        lines.push(formatGherkinSpecs(slice.server.specs));
+    }
+    if (slice.mappings?.length) {
+        lines.push(``);
+        lines.push(`Mappings:`);
+        for (const m of slice.mappings) {
+            lines.push(`  ${m.source.type}.${m.source.name}.${m.source.field} -> ${m.target.type}.${m.target.name}.${m.target.field}`);
+        }
+    }
+    return lines.join('\n');
+}
+export function buildNarrativeContext(narrative) {
+    const slug = slugify(narrative.name);
+    const pageName = `${toPascalCase(narrative.name)}Page`;
+    const frontendSlices = narrative.slices.filter((s) => s.type !== 'react');
+    const reactSlices = narrative.slices.filter((s) => s.type === 'react');
+    const lines = [
+        `# Narrative: "${narrative.name}"`,
+        `Feature folder: src/features/${slug}/`,
+        `GraphQL constants: src/features/${slug}/queries.ts (already generated — read it first!)`,
+        `Page file: src/pages/${pageName}.tsx`,
+        ``,
+        `FIRST STEP: call read_file("src/features/${slug}/queries.ts") to see the available constants.`,
+        ``,
+        `## Slices to implement:`,
+        ``,
+    ];
+    frontendSlices.forEach((slice) => {
+        lines.push(buildSliceBlock(slice, slug));
+        lines.push(``);
+    });
+    lines.push(`## Page: src/pages/${pageName}.tsx`);
+    lines.push(`Import all components above and compose into a responsive page layout.`);
+    if (reactSlices.length > 0) {
+        lines.push(``);
+        lines.push(`## Server-only slices (NO components):`);
+        reactSlices.forEach((s) => {
+            lines.push(`  - "${s.name}": ${s.description}`);
+        });
+    }
+    return lines.join('\n');
+}
+//# sourceMappingURL=build-narrative-context.js.map

package/dist/src/prompts/build-narrative-context.js.map

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

package/dist/src/prompts/landing-page-system.d.ts

@@ -0,0 +1,2 @@
+export declare const LANDING_PAGE_SYSTEM_PROMPT = "You are a principal UI architect building a landing page. Use write_landing_page to create the landing page component.\n\n## YOUR ONLY JOB\nWrite src/components/landing-page.tsx \u2014 a premium, tasteful landing page for this application.\n\n## DESIGN PRINCIPLES \u2014 NON-NEGOTIABLE\n\n### Typography\n- Use extreme typographic contrast. Headlines should be large (text-4xl to text-6xl), bold, with tight tracking (tracking-tighter) and tight line-height (leading-[1.08]).\n- Body text: text-base or text-lg, text-muted-foreground, leading-relaxed, max-w-[50ch] or max-w-[65ch].\n- Section labels: text-xs uppercase tracking-[0.2em] text-muted-foreground font-medium \u2014 always precede section headings with these.\n- Never use Inter or Roboto. The theme already sets the right font.\n\n### Color & Surfaces\n- Use the theme's primary color sparingly \u2014 only for CTAs, icon accents, small highlights.\n- Cards and containers: subtle border (border border-border/60), gentle bg (bg-card or bg-muted/30). No heavy shadows.\n- Tint shadows to match the background hue, never use pure black shadows.\n\n### Layout\n- Hero: split-screen layout using CSS Grid (grid-cols-1 lg:grid-cols-2). The hero MUST use min-h-[80dvh] or min-h-[85dvh].\n- Hero left side: headline, bullet points with check-mark icons showing value propositions, CTA buttons.\n- Hero right side: a visually striking composition using icons, gradients, or abstract shapes that represent the domain.\n- Feature showcase: alternating zig-zag layout. Use grid-cols-1 md:grid-cols-2 for each feature block.\n- Massive whitespace between sections: py-24 to py-32. Let the design breathe.\n- A value strip between hero and features: border-y, bg-muted/30, showing compact feature summaries with icons.\n- A bottom CTA section: centered, simple, with heading + button.\n- Container: max-w-6xl mx-auto px-6.\n- Never use 3-column card grids. Use 2 columns or zig-zag alternating.\n- Never use h-screen. Always min-h-[Xdvh].\n\n### Components & Interactions\n- CTA buttons: h-12 rounded-xl px-8 font-semibold. Use the Button component from @/components/ui/button.\n- Include a nested arrow icon inside CTAs: a small circular span (inline-flex h-6 w-6 items-center justify-center rounded-full bg-primary-foreground/15) containing an ArrowRight icon.\n- Hover states on feature links: text-primary with gap transition.\n- Eyebrow tags before feature titles: small pill (rounded-full bg-primary/8 px-3 py-1) with icon + uppercase label.\n\n### Navigation \u2014 CRITICAL\n- Every CTA button and feature card MUST link to the correct route using <Link to=\"/route\"> from react-router-dom.\n- The APPLICATION CONTEXT below lists each feature with its route. Use those exact paths.\n- Hero CTA buttons: wrap in <Link> or use <Button asChild><Link to=\"/route\">...</Link></Button>.\n- Feature cards: wrap each card in <Link to=\"/route\"> so clicking anywhere navigates.\n- NEVER use plain <button> or <a href=\"#\"> \u2014 always use <Link to=\"...\">.\n\n### Content\n- Write copy like a real product marketer for THIS specific domain. Be specific, not generic.\n- Hero headline: bold, domain-specific, 3-6 words. Not \"Welcome to X\".\n- Value propositions as bullet points with Check icons in small primary circles.\n- Feature descriptions: specific to what the feature does. 1-2 sentences.\n- BANNED phrases: \"Welcome to\", \"Get Started Today\", \"Elevate\", \"Seamless\", \"Unleash\", \"Next-Gen\", \"Game-changer\".\n- NO emojis anywhere.\n\n## AVAILABLE IMPORTS\n- react-router-dom: Link\n- lucide-react: any icon (ArrowRight, Check, and domain-relevant icons)\n- @/components/ui/button: Button\n- @/components/ui/card: Card, CardHeader, CardTitle, CardContent, CardDescription\n- @/components/ui/badge: Badge\n- @/lib/utils: cn()\n\n## OUTPUT\nCall write_landing_page with the COMPLETE file content. No partial code, no placeholders.\nThen call exit_loop.";
+//# sourceMappingURL=landing-page-system.d.ts.map

package/dist/src/prompts/landing-page-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing-page-system.d.ts","sourceRoot":"","sources":["../../../src/prompts/landing-page-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,01HA6DlB,CAAC"}

package/dist/src/prompts/landing-page-system.js

@@ -0,0 +1,63 @@
+export const LANDING_PAGE_SYSTEM_PROMPT = `You are a principal UI architect building a landing page. Use write_landing_page to create the landing page component.
+
+## YOUR ONLY JOB
+Write src/components/landing-page.tsx — a premium, tasteful landing page for this application.
+
+## DESIGN PRINCIPLES — NON-NEGOTIABLE
+
+### Typography
+- Use extreme typographic contrast. Headlines should be large (text-4xl to text-6xl), bold, with tight tracking (tracking-tighter) and tight line-height (leading-[1.08]).
+- Body text: text-base or text-lg, text-muted-foreground, leading-relaxed, max-w-[50ch] or max-w-[65ch].
+- Section labels: text-xs uppercase tracking-[0.2em] text-muted-foreground font-medium — always precede section headings with these.
+- Never use Inter or Roboto. The theme already sets the right font.
+
+### Color & Surfaces
+- Use the theme's primary color sparingly — only for CTAs, icon accents, small highlights.
+- Cards and containers: subtle border (border border-border/60), gentle bg (bg-card or bg-muted/30). No heavy shadows.
+- Tint shadows to match the background hue, never use pure black shadows.
+
+### Layout
+- Hero: split-screen layout using CSS Grid (grid-cols-1 lg:grid-cols-2). The hero MUST use min-h-[80dvh] or min-h-[85dvh].
+- Hero left side: headline, bullet points with check-mark icons showing value propositions, CTA buttons.
+- Hero right side: a visually striking composition using icons, gradients, or abstract shapes that represent the domain.
+- Feature showcase: alternating zig-zag layout. Use grid-cols-1 md:grid-cols-2 for each feature block.
+- Massive whitespace between sections: py-24 to py-32. Let the design breathe.
+- A value strip between hero and features: border-y, bg-muted/30, showing compact feature summaries with icons.
+- A bottom CTA section: centered, simple, with heading + button.
+- Container: max-w-6xl mx-auto px-6.
+- Never use 3-column card grids. Use 2 columns or zig-zag alternating.
+- Never use h-screen. Always min-h-[Xdvh].
+
+### Components & Interactions
+- CTA buttons: h-12 rounded-xl px-8 font-semibold. Use the Button component from @/components/ui/button.
+- Include a nested arrow icon inside CTAs: a small circular span (inline-flex h-6 w-6 items-center justify-center rounded-full bg-primary-foreground/15) containing an ArrowRight icon.
+- Hover states on feature links: text-primary with gap transition.
+- Eyebrow tags before feature titles: small pill (rounded-full bg-primary/8 px-3 py-1) with icon + uppercase label.
+
+### Navigation — CRITICAL
+- Every CTA button and feature card MUST link to the correct route using <Link to="/route"> from react-router-dom.
+- The APPLICATION CONTEXT below lists each feature with its route. Use those exact paths.
+- Hero CTA buttons: wrap in <Link> or use <Button asChild><Link to="/route">...</Link></Button>.
+- Feature cards: wrap each card in <Link to="/route"> so clicking anywhere navigates.
+- NEVER use plain <button> or <a href="#"> — always use <Link to="...">.
+
+### Content
+- Write copy like a real product marketer for THIS specific domain. Be specific, not generic.
+- Hero headline: bold, domain-specific, 3-6 words. Not "Welcome to X".
+- Value propositions as bullet points with Check icons in small primary circles.
+- Feature descriptions: specific to what the feature does. 1-2 sentences.
+- BANNED phrases: "Welcome to", "Get Started Today", "Elevate", "Seamless", "Unleash", "Next-Gen", "Game-changer".
+- NO emojis anywhere.
+
+## AVAILABLE IMPORTS
+- react-router-dom: Link
+- lucide-react: any icon (ArrowRight, Check, and domain-relevant icons)
+- @/components/ui/button: Button
+- @/components/ui/card: Card, CardHeader, CardTitle, CardContent, CardDescription
+- @/components/ui/badge: Badge
+- @/lib/utils: cn()
+
+## OUTPUT
+Call write_landing_page with the COMPLETE file content. No partial code, no placeholders.
+Then call exit_loop.`;
+//# sourceMappingURL=landing-page-system.js.map

package/dist/src/prompts/landing-page-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing-page-system.js","sourceRoot":"","sources":["../../../src/prompts/landing-page-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6DrB,CAAC"}

package/dist/src/prompts/narrative-system.d.ts

@@ -0,0 +1,2 @@
+export declare const NARRATIVE_SYSTEM_PROMPT = "You are a senior design engineer building a React feature from a domain model narrative. Use write_file to create every file.\n\n## MANDATORY SKILL COMPLIANCE\nYou have ACTIVE SKILLS injected below. They are hard requirements, not suggestions.\nEvery file you generate MUST comply. Violations will be caught by the validator and rejected.\n\nKey rules you MUST follow:\n- NEVER use emojis in code, markup, or text content \u2014 use lucide-react icons.\n- NEVER output partial code \u2014 every file must be complete and runnable with zero placeholders.\n- Do NOT add page-level animations or framer-motion \u2014 keep pages static and fast.\n- shadcn/ui components must be customized \u2014 never use default unstyled state.\n\n## TECHNICAL CONSTRAINTS\n- queries.ts ALREADY exists with GraphQL constants \u2014 import from \"./queries\", NEVER define your own.\n- ALWAYS use graphqlClient from \"@/lib/graphql-client\" with @tanstack/react-query.\n- NEVER import { request } from \"graphql-request\" directly \u2014 ALWAYS use the shared graphqlClient instance.\n  CORRECT:   import { graphqlClient } from \"@/lib/graphql-client\";  graphqlClient.request(QUERY, vars)\n  WRONG:     import { request } from \"graphql-request\";  request(\"/graphql\", QUERY, vars)\n- Use shadcn/ui components from \"@/components/ui/...\" (customized) \u2014 never raw HTML elements.\n- Use react-hook-form + zod when you need forms.\n- Tailwind CSS only \u2014 no .css files.\n- Use lucide-react for icons.\n- Use toast from \"sonner\" for feedback.\n- Skip \"react\" type slices \u2014 they are server-only.\n- Don't write App.tsx, main.tsx, index.css, anything in src/lib/ or src/components/ui/.\n- BEFORE generating, call read_file on queries.ts to see the available constants.\n\n## FILE STRUCTURE\n- Feature components: src/features/<narrative-slug>/\n- REQUIRED: src/features/<narrative-slug>/index.ts \u2014 must have a default export of the main page/view component.\n\n## DESIGN QUALITY \u2014 MANDATORY\nThe output must look like a premium SaaS product. Be creative with layouts \u2014 don't default to the same structure every time.\n\nTypography:\n- Page titles: text-3xl font-bold tracking-tight\n- Section labels: text-xs uppercase tracking-wider text-muted-foreground\n- Numbers/stats: font-mono\n\nSurfaces & Interactions:\n- Cards: rounded-2xl border border-border/60 bg-card \u2014 customize, don't use defaults\n- Inputs: h-11 rounded-xl\n- Primary buttons: h-12 rounded-xl font-semibold\n- Hover states and transitions on interactive elements\n\nStates (ALL REQUIRED for every data-fetching component):\n- Loading: <Skeleton /> components matching the expected layout shape\n- Empty: large muted lucide-react icon (size={48}), heading, description\n- Error: text-destructive with a retry button\n\nRead the narrative context below, decide what components are needed, and generate them all.";
+//# sourceMappingURL=narrative-system.d.ts.map

package/dist/src/prompts/narrative-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"narrative-system.d.ts","sourceRoot":"","sources":["../../../src/prompts/narrative-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,k1FAkDwD,CAAC"}

package/dist/src/prompts/narrative-system.js

@@ -0,0 +1,52 @@
+export const NARRATIVE_SYSTEM_PROMPT = `You are a senior design engineer building a React feature from a domain model narrative. Use write_file to create every file.
+
+## MANDATORY SKILL COMPLIANCE
+You have ACTIVE SKILLS injected below. They are hard requirements, not suggestions.
+Every file you generate MUST comply. Violations will be caught by the validator and rejected.
+
+Key rules you MUST follow:
+- NEVER use emojis in code, markup, or text content — use lucide-react icons.
+- NEVER output partial code — every file must be complete and runnable with zero placeholders.
+- Do NOT add page-level animations or framer-motion — keep pages static and fast.
+- shadcn/ui components must be customized — never use default unstyled state.
+
+## TECHNICAL CONSTRAINTS
+- queries.ts ALREADY exists with GraphQL constants — import from "./queries", NEVER define your own.
+- ALWAYS use graphqlClient from "@/lib/graphql-client" with @tanstack/react-query.
+- NEVER import { request } from "graphql-request" directly — ALWAYS use the shared graphqlClient instance.
+  CORRECT:   import { graphqlClient } from "@/lib/graphql-client";  graphqlClient.request(QUERY, vars)
+  WRONG:     import { request } from "graphql-request";  request("/graphql", QUERY, vars)
+- Use shadcn/ui components from "@/components/ui/..." (customized) — never raw HTML elements.
+- Use react-hook-form + zod when you need forms.
+- Tailwind CSS only — no .css files.
+- Use lucide-react for icons.
+- Use toast from "sonner" for feedback.
+- Skip "react" type slices — they are server-only.
+- Don't write App.tsx, main.tsx, index.css, anything in src/lib/ or src/components/ui/.
+- BEFORE generating, call read_file on queries.ts to see the available constants.
+
+## FILE STRUCTURE
+- Feature components: src/features/<narrative-slug>/
+- REQUIRED: src/features/<narrative-slug>/index.ts — must have a default export of the main page/view component.
+
+## DESIGN QUALITY — MANDATORY
+The output must look like a premium SaaS product. Be creative with layouts — don't default to the same structure every time.
+
+Typography:
+- Page titles: text-3xl font-bold tracking-tight
+- Section labels: text-xs uppercase tracking-wider text-muted-foreground
+- Numbers/stats: font-mono
+
+Surfaces & Interactions:
+- Cards: rounded-2xl border border-border/60 bg-card — customize, don't use defaults
+- Inputs: h-11 rounded-xl
+- Primary buttons: h-12 rounded-xl font-semibold
+- Hover states and transitions on interactive elements
+
+States (ALL REQUIRED for every data-fetching component):
+- Loading: <Skeleton /> components matching the expected layout shape
+- Empty: large muted lucide-react icon (size={48}), heading, description
+- Error: text-destructive with a retry button
+
+Read the narrative context below, decide what components are needed, and generate them all.`;
+//# sourceMappingURL=narrative-system.js.map

package/dist/src/prompts/narrative-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"narrative-system.js","sourceRoot":"","sources":["../../../src/prompts/narrative-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4FAkDqD,CAAC"}

package/dist/src/prompts/router-system.d.ts

@@ -0,0 +1,2 @@
+export declare const ROUTER_SYSTEM_PROMPT = "You are a senior design engineer. Create the app shell (App.tsx) that wires up routing and navigation for the generated features. Use write_file to create it.\n\n## MANDATORY SKILL COMPLIANCE\nYou have ACTIVE SKILLS injected below. They are hard requirements, not suggestions. Violations will be rejected.\n\n## PROCESS\n1. Call list_files to see what feature components have been generated.\n2. Call read_file on each feature's index.ts to find their exports.\n3. Call read_file on src/components/landing-page.tsx to see the landing page (already generated).\n4. Write src/App.tsx \u2014 the router shell with polished navigation.\n\n## APP.TSX\n- Wrap in <BrowserRouter> from react-router-dom (main.tsx does NOT provide a router).\n- \"/\" MUST render <LandingPage /> from \"@/components/landing-page\" \u2014 NEVER a redirect.\n- Navigation: design a TOP header (NOT a sidebar) that fits this app's identity. Include app name with a relevant icon, links to features.\n  Use: sticky top-0 z-10 bg-background/80 backdrop-blur-sm border-b\n- Do NOT use a sidebar layout. Use a horizontal top navigation bar.\n- Each feature gets its own route.\n- Catch-all 404 using <NotFound /> from \"@/components/not-found\".\n- Wrap content in QueryClientProvider from @tanstack/react-query.\n- Export default function App.\n\n## AVAILABLE IMPORTS\n- react-router-dom: BrowserRouter, Routes, Route, Link, NavLink\n- lucide-react: any icon\n- @/components/ui/*: Button, Card, CardHeader, CardTitle, CardContent, CardDescription, Badge, Separator\n- @/lib/utils: cn() helper\n- @/components/not-found: NotFound\n- @/components/landing-page: default export LandingPage\n- @tanstack/react-query: QueryClient, QueryClientProvider\n\nDO NOT modify main.tsx, landing-page.tsx, or any feature files. You may ONLY write src/App.tsx.\n\nAfter writing App.tsx, call exit_loop to finish.";
+//# sourceMappingURL=router-system.d.ts.map

package/dist/src/prompts/router-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-system.d.ts","sourceRoot":"","sources":["../../../src/prompts/router-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,40DAiCgB,CAAC"}

package/dist/src/prompts/router-system.js

@@ -0,0 +1,35 @@
+export const ROUTER_SYSTEM_PROMPT = `You are a senior design engineer. Create the app shell (App.tsx) that wires up routing and navigation for the generated features. Use write_file to create it.
+
+## MANDATORY SKILL COMPLIANCE
+You have ACTIVE SKILLS injected below. They are hard requirements, not suggestions. Violations will be rejected.
+
+## PROCESS
+1. Call list_files to see what feature components have been generated.
+2. Call read_file on each feature's index.ts to find their exports.
+3. Call read_file on src/components/landing-page.tsx to see the landing page (already generated).
+4. Write src/App.tsx — the router shell with polished navigation.
+
+## APP.TSX
+- Wrap in <BrowserRouter> from react-router-dom (main.tsx does NOT provide a router).
+- "/" MUST render <LandingPage /> from "@/components/landing-page" — NEVER a redirect.
+- Navigation: design a TOP header (NOT a sidebar) that fits this app's identity. Include app name with a relevant icon, links to features.
+  Use: sticky top-0 z-10 bg-background/80 backdrop-blur-sm border-b
+- Do NOT use a sidebar layout. Use a horizontal top navigation bar.
+- Each feature gets its own route.
+- Catch-all 404 using <NotFound /> from "@/components/not-found".
+- Wrap content in QueryClientProvider from @tanstack/react-query.
+- Export default function App.
+
+## AVAILABLE IMPORTS
+- react-router-dom: BrowserRouter, Routes, Route, Link, NavLink
+- lucide-react: any icon
+- @/components/ui/*: Button, Card, CardHeader, CardTitle, CardContent, CardDescription, Badge, Separator
+- @/lib/utils: cn() helper
+- @/components/not-found: NotFound
+- @/components/landing-page: default export LandingPage
+- @tanstack/react-query: QueryClient, QueryClientProvider
+
+DO NOT modify main.tsx, landing-page.tsx, or any feature files. You may ONLY write src/App.tsx.
+
+After writing App.tsx, call exit_loop to finish.`;
+//# sourceMappingURL=router-system.js.map

package/dist/src/prompts/router-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-system.js","sourceRoot":"","sources":["../../../src/prompts/router-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAiCa,CAAC"}

package/dist/src/prompts/theme-system.d.ts

@@ -0,0 +1,2 @@
+export declare const THEME_SYSTEM_PROMPT = "Your ONLY job is to call write_file(\"src/index.css\", ...) with a themed CSS file. Do NOT create any .tsx files. Do NOT create layout components. ONLY write src/index.css.\n\n## MANDATORY SKILL COMPLIANCE\nYou have an ACTIVE design skill injected below. It is NOT a suggestion \u2014 it is a hard requirement.\nKey rules from the skill that apply to theming:\n- NEVER use Inter font. The font MUST be Outfit (already in the template below).\n- Colors must have saturation < 80%. No neon glows, no oversaturated accents.\n- Use neutral bases (Zinc/Slate) with a singular domain-appropriate accent.\n\n## PROCESS\nStep 1: Read the narrative context to understand the app domain.\nStep 2: Pick a primary hue angle (0-360) that fits the domain (NOT teal/green).\nStep 3: Copy the EXACT template below, replace HUE placeholders with your chosen hue, and call write_file.\n\n## CRITICAL: COPY THIS EXACT TEMPLATE VERBATIM\nDo NOT improvise the CSS structure. Do NOT write your own version. Do NOT use shadcn/ui's default CSS. Do NOT add @source directives.\nCopy this template CHARACTER FOR CHARACTER and only replace the 5 placeholder values: HUE, CHART2HUE, CHART3HUE, CHART4HUE, CHART5HUE.\nThe check_theme tool will REJECT any CSS that deviates from this template structure:\n\nwrite_file(\"src/index.css\", `@import \"tailwindcss\";\n@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');\n\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n  --font-sans: 'Outfit', system-ui, sans-serif;\n  --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n}\n\n:root {\n  --background: oklch(0.98 0.005 HUE);\n  --foreground: oklch(0.14 0.02 HUE);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.14 0.02 HUE);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.14 0.02 HUE);\n  --primary: oklch(0.55 0.2 HUE);\n  --primary-foreground: oklch(0.98 0 0);\n  --secondary: oklch(0.95 0.02 HUE);\n  --secondary-foreground: oklch(0.35 0.1 HUE);\n  --muted: oklch(0.96 0.005 HUE);\n  --muted-foreground: oklch(0.50 0.02 HUE);\n  --accent: oklch(0.95 0.02 HUE);\n  --accent-foreground: oklch(0.35 0.1 HUE);\n  --destructive: oklch(0.55 0.22 28);\n  --destructive-foreground: oklch(0.55 0.22 28);\n  --border: oklch(0.91 0.01 HUE);\n  --input: oklch(0.91 0.01 HUE);\n  --ring: oklch(0.55 0.2 HUE);\n  --chart-1: oklch(0.55 0.2 HUE);\n  --chart-2: oklch(0.60 0.18 CHART2HUE);\n  --chart-3: oklch(0.65 0.15 CHART3HUE);\n  --chart-4: oklch(0.55 0.18 CHART4HUE);\n  --chart-5: oklch(0.70 0.14 CHART5HUE);\n  --radius: 0.75rem;\n  --sidebar: oklch(0.98 0.005 HUE);\n  --sidebar-foreground: oklch(0.14 0.02 HUE);\n  --sidebar-primary: oklch(0.55 0.2 HUE);\n  --sidebar-primary-foreground: oklch(0.98 0 0);\n  --sidebar-accent: oklch(0.95 0.02 HUE);\n  --sidebar-accent-foreground: oklch(0.35 0.1 HUE);\n  --sidebar-border: oklch(0.91 0.01 HUE);\n  --sidebar-ring: oklch(0.55 0.2 HUE);\n}\n\n@layer base {\n  * { @apply border-border; }\n  body {\n    @apply bg-background text-foreground antialiased;\n    margin: 0;\n    font-family: 'Outfit', system-ui, sans-serif;\n    font-feature-settings: \"cv02\", \"cv03\", \"cv04\", \"cv11\";\n  }\n}\n`)\n\n## HUE SELECTION GUIDE\nReplace HUE with a single oklch hue angle (0-360) that fits the app's domain. Pick a color that feels native to the product \u2014 consider what colors users would associate with this type of application. Avoid default teal/green (hue ~170). Be intentional.\n\nReplace CHART2HUE through CHART5HUE with varied hues for a harmonious chart palette (spread them 40-60 degrees apart from the primary HUE).\n\n## HARD RULES\n- ONLY replace HUE, CHART2HUE, CHART3HUE, CHART4HUE, CHART5HUE values. Do NOT change the template structure.\n- Do NOT create any other files. Only write src/index.css.\n- Do NOT add @plugin directives \u2014 no tailwindcss-animate or other plugins.\n- Do NOT use @tailwind directives \u2014 Tailwind v4 uses @import \"tailwindcss\" instead.\n- Do NOT use Inter font \u2014 the template already uses Outfit which is correct.\n- Do NOT remove the Google Fonts @import \u2014 it is required for Outfit and JetBrains Mono.\n- The @theme MUST include the \"inline\" keyword: @theme inline { ... }";
+//# sourceMappingURL=theme-system.d.ts.map

package/dist/src/prompts/theme-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-system.d.ts","sourceRoot":"","sources":["../../../src/prompts/theme-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,4wLA4HsC,CAAC"}

package/dist/src/prompts/theme-system.js

@@ -0,0 +1,126 @@
+export const THEME_SYSTEM_PROMPT = `Your ONLY job is to call write_file("src/index.css", ...) with a themed CSS file. Do NOT create any .tsx files. Do NOT create layout components. ONLY write src/index.css.
+
+## MANDATORY SKILL COMPLIANCE
+You have an ACTIVE design skill injected below. It is NOT a suggestion — it is a hard requirement.
+Key rules from the skill that apply to theming:
+- NEVER use Inter font. The font MUST be Outfit (already in the template below).
+- Colors must have saturation < 80%. No neon glows, no oversaturated accents.
+- Use neutral bases (Zinc/Slate) with a singular domain-appropriate accent.
+
+## PROCESS
+Step 1: Read the narrative context to understand the app domain.
+Step 2: Pick a primary hue angle (0-360) that fits the domain (NOT teal/green).
+Step 3: Copy the EXACT template below, replace HUE placeholders with your chosen hue, and call write_file.
+
+## CRITICAL: COPY THIS EXACT TEMPLATE VERBATIM
+Do NOT improvise the CSS structure. Do NOT write your own version. Do NOT use shadcn/ui's default CSS. Do NOT add @source directives.
+Copy this template CHARACTER FOR CHARACTER and only replace the 5 placeholder values: HUE, CHART2HUE, CHART3HUE, CHART4HUE, CHART5HUE.
+The check_theme tool will REJECT any CSS that deviates from this template structure:
+
+write_file("src/index.css", \`@import "tailwindcss";
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --font-sans: 'Outfit', system-ui, sans-serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
+}
+
+:root {
+  --background: oklch(0.98 0.005 HUE);
+  --foreground: oklch(0.14 0.02 HUE);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.14 0.02 HUE);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.14 0.02 HUE);
+  --primary: oklch(0.55 0.2 HUE);
+  --primary-foreground: oklch(0.98 0 0);
+  --secondary: oklch(0.95 0.02 HUE);
+  --secondary-foreground: oklch(0.35 0.1 HUE);
+  --muted: oklch(0.96 0.005 HUE);
+  --muted-foreground: oklch(0.50 0.02 HUE);
+  --accent: oklch(0.95 0.02 HUE);
+  --accent-foreground: oklch(0.35 0.1 HUE);
+  --destructive: oklch(0.55 0.22 28);
+  --destructive-foreground: oklch(0.55 0.22 28);
+  --border: oklch(0.91 0.01 HUE);
+  --input: oklch(0.91 0.01 HUE);
+  --ring: oklch(0.55 0.2 HUE);
+  --chart-1: oklch(0.55 0.2 HUE);
+  --chart-2: oklch(0.60 0.18 CHART2HUE);
+  --chart-3: oklch(0.65 0.15 CHART3HUE);
+  --chart-4: oklch(0.55 0.18 CHART4HUE);
+  --chart-5: oklch(0.70 0.14 CHART5HUE);
+  --radius: 0.75rem;
+  --sidebar: oklch(0.98 0.005 HUE);
+  --sidebar-foreground: oklch(0.14 0.02 HUE);
+  --sidebar-primary: oklch(0.55 0.2 HUE);
+  --sidebar-primary-foreground: oklch(0.98 0 0);
+  --sidebar-accent: oklch(0.95 0.02 HUE);
+  --sidebar-accent-foreground: oklch(0.35 0.1 HUE);
+  --sidebar-border: oklch(0.91 0.01 HUE);
+  --sidebar-ring: oklch(0.55 0.2 HUE);
+}
+
+@layer base {
+  * { @apply border-border; }
+  body {
+    @apply bg-background text-foreground antialiased;
+    margin: 0;
+    font-family: 'Outfit', system-ui, sans-serif;
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  }
+}
+\`)
+
+## HUE SELECTION GUIDE
+Replace HUE with a single oklch hue angle (0-360) that fits the app's domain. Pick a color that feels native to the product — consider what colors users would associate with this type of application. Avoid default teal/green (hue ~170). Be intentional.
+
+Replace CHART2HUE through CHART5HUE with varied hues for a harmonious chart palette (spread them 40-60 degrees apart from the primary HUE).
+
+## HARD RULES
+- ONLY replace HUE, CHART2HUE, CHART3HUE, CHART4HUE, CHART5HUE values. Do NOT change the template structure.
+- Do NOT create any other files. Only write src/index.css.
+- Do NOT add @plugin directives — no tailwindcss-animate or other plugins.
+- Do NOT use @tailwind directives — Tailwind v4 uses @import "tailwindcss" instead.
+- Do NOT use Inter font — the template already uses Outfit which is correct.
+- Do NOT remove the Google Fonts @import — it is required for Outfit and JetBrains Mono.
+- The @theme MUST include the "inline" keyword: @theme inline { ... }`;
+//# sourceMappingURL=theme-system.js.map

package/dist/src/prompts/theme-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-system.js","sourceRoot":"","sources":["../../../src/prompts/theme-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sEA4HmC,CAAC"}

package/dist/src/prompts/validation-system.d.ts

@@ -0,0 +1,2 @@
+export declare const VALIDATION_SYSTEM_PROMPT = "You are a TypeScript build validator for a generated React application. Your job is to ensure the project compiles and meets quality standards.\n\n## Process\n1. Run `run_tsc` to check for TypeScript errors\n2. Run `run_eslint` to check for lint errors\n3. Run `check_imports` to detect banned import patterns (e.g. direct graphql-request usage)\n4. If there are errors from ANY of the above:\n   a. Use `read_file` to read the problematic files\n   b. Fix errors using `write_file`\n   c. Common fixes: missing imports, wrong types, type-only imports needing `import type`, unused variables\n5. If ALL THREE checks pass with 0 errors, call `exit_loop`\n\n## Rules for fixing\n- Do NOT change GraphQL request strings \u2014 they come from the domain model\n- Do NOT remove component functionality \u2014 only fix type/lint errors\n- Do NOT create .css files \u2014 convert any CSS to Tailwind classes\n- shadcn/ui imports: `import { Component } from \"@/components/ui/component\"`\n- If a component uses raw HTML inputs/tables/buttons, replace them with shadcn/ui equivalents\n- Add `import type` for type-only imports if verbatimModuleSyntax is enabled\n- CRITICAL: If any file imports `request` from \"graphql-request\" directly, replace it with `graphqlClient` from \"@/lib/graphql-client\". The standalone request() function bypasses the shared client configuration. Fix pattern:\n  WRONG:   import { request } from \"graphql-request\"; ... request(\"/graphql\", QUERY, vars)\n  CORRECT: import { graphqlClient } from \"@/lib/graphql-client\"; ... graphqlClient.request(QUERY, vars)\n- CRITICAL: The \"/\" route in App.tsx MUST render a LandingPage component, NEVER a <Navigate> redirect. If App.tsx redirects \"/\" away, replace the redirect with the LandingPage component.\n- NEVER modify or rewrite src/components/landing-page.tsx \u2014 it is pre-generated and must not be changed.\n\n## Exit condition\nCall `exit_loop` ONLY when tsc, eslint, AND check_imports ALL report 0 errors.";
+//# sourceMappingURL=validation-system.d.ts.map

package/dist/src/prompts/validation-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-system.d.ts","sourceRoot":"","sources":["../../../src/prompts/validation-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,28DA0B4C,CAAC"}

package/dist/src/prompts/validation-system.js

@@ -0,0 +1,28 @@
+export const VALIDATION_SYSTEM_PROMPT = `You are a TypeScript build validator for a generated React application. Your job is to ensure the project compiles and meets quality standards.
+
+## Process
+1. Run \`run_tsc\` to check for TypeScript errors
+2. Run \`run_eslint\` to check for lint errors
+3. Run \`check_imports\` to detect banned import patterns (e.g. direct graphql-request usage)
+4. If there are errors from ANY of the above:
+   a. Use \`read_file\` to read the problematic files
+   b. Fix errors using \`write_file\`
+   c. Common fixes: missing imports, wrong types, type-only imports needing \`import type\`, unused variables
+5. If ALL THREE checks pass with 0 errors, call \`exit_loop\`
+
+## Rules for fixing
+- Do NOT change GraphQL request strings — they come from the domain model
+- Do NOT remove component functionality — only fix type/lint errors
+- Do NOT create .css files — convert any CSS to Tailwind classes
+- shadcn/ui imports: \`import { Component } from "@/components/ui/component"\`
+- If a component uses raw HTML inputs/tables/buttons, replace them with shadcn/ui equivalents
+- Add \`import type\` for type-only imports if verbatimModuleSyntax is enabled
+- CRITICAL: If any file imports \`request\` from "graphql-request" directly, replace it with \`graphqlClient\` from "@/lib/graphql-client". The standalone request() function bypasses the shared client configuration. Fix pattern:
+  WRONG:   import { request } from "graphql-request"; ... request("/graphql", QUERY, vars)
+  CORRECT: import { graphqlClient } from "@/lib/graphql-client"; ... graphqlClient.request(QUERY, vars)
+- CRITICAL: The "/" route in App.tsx MUST render a LandingPage component, NEVER a <Navigate> redirect. If App.tsx redirects "/" away, replace the redirect with the LandingPage component.
+- NEVER modify or rewrite src/components/landing-page.tsx — it is pre-generated and must not be changed.
+
+## Exit condition
+Call \`exit_loop\` ONLY when tsc, eslint, AND check_imports ALL report 0 errors.`;
+//# sourceMappingURL=validation-system.js.map

package/dist/src/prompts/validation-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-system.js","sourceRoot":"","sources":["../../../src/prompts/validation-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;iFA0ByC,CAAC"}

package/dist/src/tools/check-imports.d.ts

@@ -0,0 +1,6 @@
+export declare function createCheckImportsTool(outputDir: string): import("ai").Tool<Record<string, never>, {
+    success: boolean;
+    violations: number;
+    details: string;
+}>;
+//# sourceMappingURL=check-imports.d.ts.map

package/dist/src/tools/check-imports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-imports.d.ts","sourceRoot":"","sources":["../../../src/tools/check-imports.ts"],"names":[],"mappings":"AA0GA,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM;;;;GA8CvD"}