@mozole/cli 1.4.2 → 2.0.0-b

package/dist/scaffold/phases.js

@@ -0,0 +1,165 @@
+import path from "node:path";
+import { atomicWrite } from "../utils/fs.js";
+export const PHASES = [
+    {
+        id: "00",
+        name: "Project Initialization & Contracts",
+        description: "Tooling configuration, canonical design tokens, and authoritative agent policies.",
+        checklist: [
+            "Authoritative AGENTS.md and CLAUDE.md established",
+            "Canonical tokens defined in src/styles/tokens.css with Tailwind v4 @theme",
+            "Biome linter/formatter configured and passing",
+            "Git repository initialized with Conventional Commit rules",
+            "Initial verification passing (mozole verify)",
+        ],
+    },
+    {
+        id: "01",
+        name: "Core Architecture & Layout",
+        description: "Application root shell, navigation container, footer, and responsive viewport frame.",
+        checklist: [
+            "Root layout established with single <main> landmark",
+            "Skip-to-content accessible link implemented",
+            "Navigation header with responsive mobile drawer/menu",
+            "Footer landmark with copyright and essential links",
+            "Zero viewport overflow at 320px minimum mobile width",
+        ],
+    },
+    {
+        id: "02",
+        name: "Design Tokens & Primitive Components",
+        description: "Bespoke Radix UI primitives, typography hierarchies, and token integration.",
+        checklist: [
+            "Bespoke primitives implemented in src/components/ui/ (Button, Dialog, Input)",
+            "Zero hardcoded color hex/rgb literals (enforced by PostCSS AST audit)",
+            "Semantic typography applied via var(--font-display) and var(--font-body)",
+            "Interactive targets satisfy minimum 24px/44px touch area",
+            "No transition: all used in component styling",
+        ],
+    },
+    {
+        id: "03",
+        name: "Primary Routes & Pages",
+        description: "Static content routes, hierarchy, meta tags, and document title management.",
+        checklist: [
+            "Home page and primary sub-pages declared with unique routes",
+            "Single <h1> per page verified across all views",
+            "Semantic HTML tags used (section, article, nav, aside)",
+            "All images include descriptive alt text or explicit decorative alt=''",
+            "External links include target='_blank' rel='noopener'",
+        ],
+    },
+    {
+        id: "04",
+        name: "Interactive Features & State",
+        description: "Client interactions, modal dialogs, and form submission flows.",
+        checklist: [
+            "Interactive modals and menus trap focus correctly",
+            "Form controls declare explicit button types (type='button'/'submit')",
+            "Mobile inputs satisfy 16px minimum font floor to prevent iOS zoom",
+            "Input validation states accessible via aria-invalid and aria-describedby",
+            "Keyboard Escape key dismisses active overlays",
+        ],
+    },
+    {
+        id: "05",
+        name: "Dynamic Animation & Canvas (Flagship)",
+        description: "Smooth scrolling, motion transitions, and persistent WebGL/Canvas layer.",
+        checklist: [
+            "Lenis smooth scroll initialized and managed cleanly",
+            "Persistent WebGL or HTML5 canvas layer running smoothly at 60fps",
+            "Prefers-reduced-motion respected (disables heavy motion & smooth scroll)",
+            "Zero layout shifts (CLS < 0.05) during dynamic animations",
+            "Route transitions maintain scroll position and focus context",
+        ],
+    },
+    {
+        id: "06",
+        name: "Backend Integration & Security",
+        description: "Zero-dependency PHP 8.1+ endpoints, honeypot spam protection, and rate limiting.",
+        checklist: [
+            "PHP endpoints responding with valid JSON headers and CORS checks",
+            "Honeypot field stops bot spam without user friction",
+            "IP rate limiting active and bounded by temporary storage window",
+            "Direct file access to config.php denied via .htaccess / security headers",
+            "Input sanitization and email header injection protection active",
+        ],
+    },
+    {
+        id: "07",
+        name: "Accessibility & WCAG 2.1 AA",
+        description: "Screen reader tree, keyboard navigation, and color contrast compliance.",
+        checklist: [
+            "All interactive elements reachable and operable via Keyboard Tab/Shift-Tab",
+            "Color contrast ratios meet or exceed 4.5:1 (normal text) and 3:1 (large text)",
+            "Focus indicator visible and distinct on all interactive controls",
+            "ARIA roles, states, and properties valid and non-redundant",
+            "Automated a11y audit passes with zero critical violations",
+        ],
+    },
+    {
+        id: "08",
+        name: "Performance & Core Web Vitals",
+        description: "Asset optimization, modern formats (WebP/AVIF), font loading, and LCP tuning.",
+        checklist: [
+            "LCP element prioritized and fonts preloaded without layout shift",
+            "Responsive images use srcset or modern picture elements",
+            "Zero blocking third-party scripts or render-delaying styles",
+            "Production build bundle size within performance budget (< 150kB initial JS)",
+            "Lighthouse performance target >= 95",
+        ],
+    },
+    {
+        id: "09",
+        name: "Browser & Breakpoint QA",
+        description: "Headless DOM geometry probing across media query boundaries (320px to 1920px).",
+        checklist: [
+            "Headless DOM probe verifies zero horizontal scroll across all boundaries",
+            "Text clipping inspected against overflow:hidden ancestors (zero defects)",
+            "Touch targets verified across mobile viewports (320px, 375px, 390px)",
+            "Tablet and desktop viewports verified (768px, 1024px, 1440px, 1920px)",
+            "Zero raster screenshot dependency during routine QA",
+        ],
+    },
+    {
+        id: "10",
+        name: "Production Readiness & Launch",
+        description: "Final static build, SSG pre-rendering, sitemap, and deployment readiness.",
+        checklist: [
+            "Full static build succeeds with zero TypeScript or Biome errors",
+            "Static pre-rendering generates all required HTML entrypoints",
+            "Robots.txt and sitemap.xml generated and verified",
+            "Clean git tree with Conventional Commits and zero AI attribution traces",
+            "Production deployment verified on hosting target",
+        ],
+    },
+];
+export function generatePhasesStatusMd(currentPhase = "00") {
+    let content = `# Project Development Phases & Status
+
+> **Discipline Notice:** Development proceeds sequentially through phases 00 to 10. Run \`mozole phase status\` to inspect progress, and \`mozole phase next\` to advance upon passing all checklist criteria and \`mozole verify\`.
+
+**Current Phase:** Phase ${currentPhase}
+
+---
+
+`;
+    for (const p of PHASES) {
+        const isCompleted = Number(p.id) < Number(currentPhase);
+        const isCurrent = p.id === currentPhase;
+        const statusBadge = isCompleted ? "[COMPLETED]" : isCurrent ? "[IN PROGRESS]" : "[PENDING]";
+        content += `### Phase ${p.id}: ${p.name} ${statusBadge}\n`;
+        content += `${p.description}\n\n`;
+        for (const item of p.checklist) {
+            const mark = isCompleted ? "[x]" : "[ ]";
+            content += `- ${mark} ${item}\n`;
+        }
+        content += "\n---\n\n";
+    }
+    return content;
+}
+export async function scaffoldPhases(projectRoot) {
+    const statusMd = generatePhasesStatusMd("00");
+    await atomicWrite(path.join(projectRoot, "docs", "phases", "status.md"), statusMd);
+}
+//# sourceMappingURL=phases.js.map

package/dist/scaffold/phases.js.map

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

package/dist/scaffold/repomap.d.ts

@@ -0,0 +1,6 @@
+export declare function generateRepomapArchitecture(projectName: string, isFlagship: boolean): string;
+export declare function generateRepomapComponents(): string;
+export declare function generateRepomapRoutes(): string;
+export declare function generateRepomapTokens(): string;
+export declare function scaffoldRepomap(projectRoot: string, projectName: string, isFlagship?: boolean): Promise<void>;
+//# sourceMappingURL=repomap.d.ts.map

package/dist/scaffold/repomap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repomap.d.ts","sourceRoot":"","sources":["../../src/scaffold/repomap.ts"],"names":[],"mappings":"AAGA,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,GAAG,MAAM,CA6B5F;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAelD;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAW9C;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAoB9C;AAED,wBAAsB,eAAe,CACnC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,UAAU,UAAQ,GACjB,OAAO,CAAC,IAAI,CAAC,CASf"}

package/dist/scaffold/repomap.js

@@ -0,0 +1,89 @@
+import path from "node:path";
+import { atomicWrite } from "../utils/fs.js";
+export function generateRepomapArchitecture(projectName, isFlagship) {
+    return `# Architecture Overview - ${projectName}
+
+## Technology Stack
+- **Engine:** Vite (Universal ESM Build Engine)
+- **Frontend Framework:** React 19
+- **Routing Model:** ${isFlagship ? "Wouter (Headless Micro-Router with Dynamic View Transitions)" : "React Router 7 (Framework Mode with Static Pre-rendering / SSG)"}
+- **Styling Architecture:** Tailwind CSS v4 with Canonical Tokens in \`src/styles/tokens.css\`
+- **UI Primitives:** Bespoke application components backed by unstyled Radix UI primitives
+${isFlagship ? "- **Creative Experience:** Lenis (Smooth Scroll) + Motion + Persistent Canvas Layer\n" : ""}
+- **Backend Architecture:** Pure PHP 8.1+ Zero-Dependency API (Contact Mailer, Honeypot, IP Rate Limiter)
+
+## Directory Hierarchy
+\`\`\`
+├── api/                    # Pure PHP 8.1+ endpoints & security htaccess
+├── docs/
+│   ├── design/             # Design references, exported assets & screens
+│   ├── phases/             # 10-step atomic development status
+│   └── repomap/            # Architecture, components, and routes index
+├── src/
+│   ├── components/
+│   │   ├── layout/         # Header, Footer, PageShell
+│   │   └── ui/             # Bespoke Radix UI primitives (Button, Dialog, etc.)
+│   ├── routes/             # Page components and views
+│   └── styles/
+│       └── tokens.css      # Sole canonical design token repository (@theme)
+└── AGENTS.md               # Authoritative engineering contract
+\`\`\`
+`;
+}
+export function generateRepomapComponents() {
+    return `# Component Registry & Primitives Index
+
+All UI primitives are bespoke application code located in \`src/components/ui/\`.
+
+| Component | Path | Backing Primitive | Responsibilities |
+| :--- | :--- | :--- | :--- |
+| **Header** | \`src/components/layout/Header.tsx\` | Semantic \`<header>\` | Main navigation, mobile drawer toggle, branding |
+| **Footer** | \`src/components/layout/Footer.tsx\` | Semantic \`<footer>\` | Site links, legal notes, copyright |
+| **Button** | \`src/components/ui/Button.tsx\` | Native \`<button>\` | Accessible action trigger, variant styling, loading state |
+| **Dialog** | \`src/components/ui/Dialog.tsx\` | Radix \`@radix-ui/react-dialog\` | Accessible modal dialog, focus trap, escape key |
+| **Input** | \`src/components/ui/Input.tsx\` | Native \`<input>\` | Form control with 16px mobile font floor and error states |
+
+> **Contract Rule:** Primitives must remain unopinionated, unstyled Radix foundations with project design tokens applied. No external template dumping.
+`;
+}
+export function generateRepomapRoutes() {
+    return `# Routes & Page Index
+
+| Path | Component | Layout | Purpose |
+| :--- | :--- | :--- | :--- |
+| \`/\` | \`src/routes/home.tsx\` | Root Layout | Primary landing page & value proposition |
+| \`/about\` | \`src/routes/about.tsx\` | Root Layout | Studio background and team ethos |
+| \`/contact\` | \`src/routes/contact.tsx\` | Root Layout | Contact form, interactive inquiry submission |
+
+> **SEO & A11y Requirement:** Every route must export a unique title and meta description, and render exactly one top-level \`<h1>\` tag.
+`;
+}
+export function generateRepomapTokens() {
+    return `# Design Tokens Index
+
+Canonical token definitions live in \`src/styles/tokens.css\` using Tailwind v4 \`@theme\`.
+
+## Color Tokens
+- \`--color-background\`: Primary viewport background.
+- \`--color-foreground\`: Primary text and icon color.
+- \`--color-surface\`: Card and panel background surface.
+- \`--color-primary\`: Brand primary interactive accent.
+- \`--color-border\`: Component outline and separator.
+
+## Typography Roles
+- \`--font-display\`: Headings (\`<h1>\` through \`<h6>\`).
+- \`--font-body\`: Paragraphs, captions, and body copy.
+- \`--font-mono\`: Code snippets, technical telemetry, and metadata.
+
+## Fluid Text Scales
+- \`--text-xs\` to \`--text-5xl\`: Fluid viewport-scaled typography via \`clamp()\`.
+`;
+}
+export async function scaffoldRepomap(projectRoot, projectName, isFlagship = false) {
+    const repomapDir = path.join(projectRoot, "docs", "repomap");
+    await atomicWrite(path.join(repomapDir, "architecture.md"), generateRepomapArchitecture(projectName, isFlagship));
+    await atomicWrite(path.join(repomapDir, "components.md"), generateRepomapComponents());
+    await atomicWrite(path.join(repomapDir, "routes.md"), generateRepomapRoutes());
+    await atomicWrite(path.join(repomapDir, "tokens.md"), generateRepomapTokens());
+}
+//# sourceMappingURL=repomap.js.map

package/dist/scaffold/repomap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repomap.js","sourceRoot":"","sources":["../../src/scaffold/repomap.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,2BAA2B,CAAC,WAAmB,EAAE,UAAmB;IAClF,OAAO,6BAA6B,WAAW;;;;;uBAK1B,UAAU,CAAC,CAAC,CAAC,8DAA8D,CAAC,CAAC,CAAC,iEAAiE;;;EAGpK,UAAU,CAAC,CAAC,CAAC,uFAAuF,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;CAmB1G,CAAC;AACF,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,OAAO;;;;;;;;;;;;;CAaR,CAAC;AACF,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO;;;;;;;;;CASR,CAAC;AACF,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO;;;;;;;;;;;;;;;;;;CAkBR,CAAC;AACF,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,WAAmB,EACnB,WAAmB,EACnB,UAAU,GAAG,KAAK;IAElB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7D,MAAM,WAAW,CACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,EACxC,2BAA2B,CAAC,WAAW,EAAE,UAAU,CAAC,CACrD,CAAC;IACF,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,yBAAyB,EAAE,CAAC,CAAC;IACvF,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC/E,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAC;AACjF,CAAC"}

package/dist/scaffold/standard.d.ts

@@ -0,0 +1,13 @@
+export declare function generateStandardPackageJson(projectName: string): string;
+export declare function generateStandardViteConfig(): string;
+export declare function generateStandardRouterConfig(): string;
+export declare function generateStandardTsConfig(): string;
+export declare function generateStandardBiomeJson(): string;
+export declare function generateStandardRoot(): string;
+export declare function generateStandardRoutesHome(): string;
+export declare function generateStandardHeader(): string;
+export declare function generateStandardFooter(): string;
+export declare function generateBespokeButton(): string;
+export declare function generateBespokeInput(): string;
+export declare function scaffoldStandardProject(projectRoot: string, projectName: string): Promise<void>;
+//# sourceMappingURL=standard.d.ts.map

package/dist/scaffold/standard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../../src/scaffold/standard.ts"],"names":[],"mappings":"AAGA,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAmCvE;AAED,wBAAgB,0BAA0B,IAAI,MAAM,CAYnD;AAED,wBAAgB,4BAA4B,IAAI,MAAM,CAWrD;AAED,wBAAgB,wBAAwB,IAAI,MAAM,CAsBjD;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAmBlD;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAsC7C;AAED,wBAAgB,0BAA0B,IAAI,MAAM,CAkCnD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAkD/C;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAW/C;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAwD9C;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAiC7C;AAED,wBAAsB,uBAAuB,CAC3C,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,IAAI,CAAC,CA+Df"}

package/dist/scaffold/standard.js

@@ -0,0 +1,371 @@
+import path from "node:path";
+import { atomicWrite } from "../utils/fs.js";
+export function generateStandardPackageJson(projectName) {
+    const pkg = {
+        name: projectName,
+        private: true,
+        type: "module",
+        scripts: {
+            dev: "react-router dev",
+            build: "react-router build",
+            preview: "vite preview",
+            typecheck: "react-router typegen && tsc --noEmit",
+            verify: "mozole verify",
+        },
+        dependencies: {
+            "@radix-ui/react-dialog": "^1.1.6",
+            "@radix-ui/react-slot": "^1.1.2",
+            "@react-router/node": "^7.2.0",
+            "@react-router/serve": "^7.2.0",
+            isbot: "^5.1.23",
+            react: "^19.0.0",
+            "react-dom": "^19.0.0",
+            "react-router": "^7.2.0",
+        },
+        devDependencies: {
+            "@biomejs/biome": "^1.9.4",
+            "@react-router/dev": "^7.2.0",
+            "@tailwindcss/vite": "^4.0.9",
+            "@types/node": "^22.13.0",
+            "@types/react": "^19.0.10",
+            "@types/react-dom": "^19.0.4",
+            tailwindcss: "^4.0.9",
+            typescript: "^5.7.3",
+            vite: "^6.2.0",
+        },
+    };
+    return JSON.stringify(pkg, null, 2);
+}
+export function generateStandardViteConfig() {
+    return `import { reactRouter } from "@react-router/dev/vite";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [tailwindcss(), reactRouter()],
+  server: {
+    port: 5173,
+  },
+});
+`;
+}
+export function generateStandardRouterConfig() {
+    return `import type { Config } from "@react-router/dev/config";
+
+export default {
+  appDirectory: "src",
+  ssr: false,
+  async prerender() {
+    return ["/", "/about", "/contact"];
+  },
+} satisfies Config;
+`;
+}
+export function generateStandardTsConfig() {
+    return JSON.stringify({
+        include: ["src/**/*", ".react-router/types/**/*"],
+        compilerOptions: {
+            target: "ES2022",
+            lib: ["DOM", "DOM.Iterable", "ES2022"],
+            module: "ESNext",
+            moduleResolution: "Bundler",
+            resolveJsonModule: true,
+            jsx: "react-jsx",
+            strict: true,
+            noEmit: true,
+            isolatedModules: true,
+            esModuleInterop: true,
+            skipLibCheck: true,
+            rootDirs: [".", "./.react-router/types"],
+        },
+    }, null, 2);
+}
+export function generateStandardBiomeJson() {
+    return JSON.stringify({
+        $schema: "https://biomejs.dev/schemas/1.9.4/schema.json",
+        vcs: { enabled: true, clientKind: "git", useIgnoreFile: true },
+        formatter: { enabled: true, indentStyle: "space", indentWidth: 2, lineWidth: 100 },
+        linter: {
+            enabled: true,
+            rules: {
+                recommended: true,
+                style: { noNonNullAssertion: "warn" },
+                a11y: { recommended: true },
+            },
+        },
+        javascript: { formatter: { quoteStyle: "double", trailingCommas: "all" } },
+    }, null, 2);
+}
+export function generateStandardRoot() {
+    return `import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+import "./styles/tokens.css";
+import { Footer } from "./components/layout/Footer";
+import { Header } from "./components/layout/Header";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <a
+          href="#main-content"
+          className="skip-link sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-[var(--color-primary)] focus:text-[var(--color-primary-foreground)] focus:rounded-[var(--radius-sm)]"
+        >
+          Skip to main content
+        </a>
+        <Header />
+        <main id="main-content" tabIndex={-1} className="flex-1 flex flex-col">
+          {children}
+        </main>
+        <Footer />
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+
+export default function App() {
+  return <Outlet />;
+}
+`;
+}
+export function generateStandardRoutesHome() {
+    return `import { Button } from "../components/ui/Button";
+import type { Route } from "./+types/home";
+
+export function meta(_args: Route.MetaArgs) {
+  return [
+    { title: "Mozole Studio - Digital Engineering" },
+    {
+      name: "description",
+      content: "Web applications and design systems engineered with React Router and Tailwind CSS.",
+    },
+  ];
+}
+
+export default function Home() {
+  return (
+    <section className="py-20 px-[var(--spacing-container-gutter)] max-w-[var(--spacing-container-max)] mx-auto w-full">
+      <div className="flex flex-col gap-6 max-w-2xl">
+        <h1 className="text-[var(--text-4xl)] font-bold text-[var(--color-foreground)] leading-tight">
+          Digital Engineering & Design Systems
+        </h1>
+        <p className="text-[var(--text-lg)] text-[var(--color-muted-foreground)] leading-relaxed">
+          Production web applications built with bespoke UI primitives, strict design tokens, and
+          static pre-rendering.
+        </p>
+        <div className="flex gap-4 pt-4">
+          <Button variant="primary">Explore Projects</Button>
+          <Button variant="outline">Learn More</Button>
+        </div>
+      </div>
+    </section>
+  );
+}
+`;
+}
+export function generateStandardHeader() {
+    return `import { NavLink } from "react-router";
+
+export function Header() {
+  return (
+    <header className="border-b border-[var(--color-border)] bg-[var(--color-surface)]/80 backdrop-blur-md sticky top-0 z-40">
+      <div className="max-w-[var(--spacing-container-max)] mx-auto px-[var(--spacing-container-gutter)] h-16 flex items-center justify-between">
+        <NavLink
+          to="/"
+          className="text-[var(--text-lg)] font-bold tracking-tight text-[var(--color-foreground)]"
+        >
+          Mozole Studio
+        </NavLink>
+        <nav aria-label="Main Navigation" className="flex items-center gap-6 text-[var(--text-sm)]">
+          <NavLink
+            to="/"
+            className={({ isActive }) =>
+              isActive
+                ? "text-[var(--color-primary)] font-medium"
+                : "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]"
+            }
+          >
+            Home
+          </NavLink>
+          <NavLink
+            to="/about"
+            className={({ isActive }) =>
+              isActive
+                ? "text-[var(--color-primary)] font-medium"
+                : "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]"
+            }
+          >
+            About
+          </NavLink>
+          <NavLink
+            to="/contact"
+            className={({ isActive }) =>
+              isActive
+                ? "text-[var(--color-primary)] font-medium"
+                : "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]"
+            }
+          >
+            Contact
+          </NavLink>
+        </nav>
+      </div>
+    </header>
+  );
+}
+`;
+}
+export function generateStandardFooter() {
+    return `export function Footer() {
+  return (
+    <footer className="border-t border-[var(--color-border)] bg-[var(--color-surface)] py-8 mt-auto">
+      <div className="max-w-[var(--spacing-container-max)] mx-auto px-[var(--spacing-container-gutter)] flex flex-col sm:flex-row items-center justify-between gap-4 text-[var(--text-xs)] text-[var(--color-muted-foreground)]">
+        <p>&copy; {new Date().getFullYear()} Mozole Studio. All rights reserved.</p>
+      </div>
+    </footer>
+  );
+}
+`;
+}
+export function generateBespokeButton() {
+    return `import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  asChild?: boolean;
+  variant?: "primary" | "outline" | "ghost";
+  size?: "sm" | "md" | "lg";
+}
+
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  (
+    {
+      asChild = false,
+      className = "",
+      variant = "primary",
+      size = "md",
+      type = "button",
+      children,
+      ...props
+    },
+    ref,
+  ) => {
+    const Component = asChild ? Slot : "button";
+    const base =
+      "inline-flex items-center justify-center font-medium transition-[background-color,border-color,color] cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-primary)] focus-visible:outline-offset-2 disabled:opacity-50 disabled:pointer-events-none rounded-[var(--radius-sm)]";
+
+    const variants = {
+      primary:
+        "bg-[var(--color-primary)] text-[var(--color-primary-foreground)] hover:bg-[var(--color-accent)]",
+      outline:
+        "border border-[var(--color-border)] bg-transparent text-[var(--color-foreground)] hover:border-[var(--color-primary)]",
+      ghost:
+        "bg-transparent text-[var(--color-foreground)] hover:bg-[var(--color-surface-elevated)]",
+    };
+
+    const sizes = {
+      sm: "h-8 px-3 text-[var(--text-xs)] min-h-8 min-w-8",
+      md: "h-10 px-4 text-[var(--text-sm)] min-h-10 min-w-10",
+      lg: "h-12 px-6 text-[var(--text-base)] min-h-12 min-w-12",
+    };
+
+    return (
+      <Component
+        ref={ref}
+        type={asChild ? undefined : type}
+        className={\`\${base} \${variants[variant]} \${sizes[size]} \${className}\`}
+        {...props}
+      >
+        {children}
+      </Component>
+    );
+  },
+);
+Button.displayName = "Button";
+`;
+}
+export function generateBespokeInput() {
+    return `import * as React from "react";
+
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  error?: string;
+}
+
+export const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className = "", error, id, type = "text", ...props }, ref) => {
+    return (
+      <div className="flex flex-col gap-1.5 w-full">
+        <input
+          ref={ref}
+          id={id}
+          type={type}
+          aria-invalid={Boolean(error)}
+          aria-describedby={error && id ? \`\${id}-error\` : undefined}
+          className={\`text-base w-full h-10 px-3 bg-[var(--color-surface)] border \${
+            error ? "border-[var(--color-danger)]" : "border-[var(--color-border)]"
+          } rounded-[var(--radius-sm)] text-[var(--color-foreground)] placeholder:text-[var(--color-muted-foreground)] focus-visible:outline-2 focus-visible:outline-[var(--color-primary)] transition-[border-color] \${className}\`}
+          {...props}
+        />
+        {error && id && (
+          <span id={\`\${id}-error\`} className="text-[var(--text-xs)] text-[var(--color-danger)]">
+            {error}
+          </span>
+        )}
+      </div>
+    );
+  },
+);
+Input.displayName = "Input";
+`;
+}
+export async function scaffoldStandardProject(projectRoot, projectName) {
+    await atomicWrite(path.join(projectRoot, "package.json"), generateStandardPackageJson(projectName));
+    await atomicWrite(path.join(projectRoot, "vite.config.ts"), generateStandardViteConfig());
+    await atomicWrite(path.join(projectRoot, "react-router.config.ts"), generateStandardRouterConfig());
+    await atomicWrite(path.join(projectRoot, "tsconfig.json"), generateStandardTsConfig());
+    await atomicWrite(path.join(projectRoot, "biome.json"), generateStandardBiomeJson());
+    // Source files
+    const srcDir = path.join(projectRoot, "src");
+    await atomicWrite(path.join(srcDir, "root.tsx"), generateStandardRoot());
+    await atomicWrite(path.join(srcDir, "routes", "home.tsx"), generateStandardRoutesHome());
+    await atomicWrite(path.join(srcDir, "routes.ts"), `import { type RouteConfig, index, route } from "@react-router/dev/routes";
+
+export default [
+  index("routes/home.tsx"),
+  route("about", "routes/about.tsx"),
+  route("contact", "routes/contact.tsx"),
+] satisfies RouteConfig;
+`);
+    for (const [slug, title, content] of [
+        ["about", "About", "Digital products built with thoughtful design and engineering."],
+        ["contact", "Contact", "Get in touch to discuss your next project."],
+    ]) {
+        await atomicWrite(path.join(srcDir, "routes", `${slug}.tsx`), `export function meta() {
+  return [{ title: "${title} - Mozole Studio" }];
+}
+
+export default function Page() {
+  return (
+    <section className="py-20 px-[var(--spacing-container-gutter)] max-w-[var(--spacing-container-max)] mx-auto w-full">
+      <h1 className="text-4xl font-bold mb-6">${title}</h1>
+      <p className="text-base text-[var(--color-muted-foreground)]">
+        ${content}
+      </p>
+    </section>
+  );
+}
+`);
+    }
+    // Components
+    await atomicWrite(path.join(srcDir, "components", "layout", "Header.tsx"), generateStandardHeader());
+    await atomicWrite(path.join(srcDir, "components", "layout", "Footer.tsx"), generateStandardFooter());
+    await atomicWrite(path.join(srcDir, "components", "ui", "Button.tsx"), generateBespokeButton());
+    await atomicWrite(path.join(srcDir, "components", "ui", "Input.tsx"), generateBespokeInput());
+}
+//# sourceMappingURL=standard.js.map