@zenithbuild/core 0.3.1 → 0.4.1

package/dist/zen-dev.js

@@ -92,8 +92,8 @@ var require_picocolors = __commonJS((exports, module) => {
 import process2 from "process";
 
 // cli/commands/dev.ts
-import path4 from "path";
-import fs4 from "fs";
+import path5 from "path";
+import fs5 from "fs";
 var {serve } = globalThis.Bun;
 
 // cli/utils/project.ts
@@ -107,7 +107,7 @@ function findProjectRoot(startDir = process.cwd()) {
       try {
         const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
         const deps = { ...pkg.dependencies, ...pkg.devDependencies };
-        const hasZenith = Object.keys(deps).some((d) => d.startsWith("@zenith/"));
+        const hasZenith = Object.keys(deps).some((d) => d.startsWith("@zenith/") || d.startsWith("@zenithbuild/"));
         if (hasZenith) {
           return current;
         }
@@ -121,10 +121,14 @@ function getProject(cwd = process.cwd()) {
   const root = findProjectRoot(cwd);
   if (!root)
     return null;
+  let appDir = path.join(root, "app");
+  if (!fs.existsSync(appDir)) {
+    appDir = path.join(root, "src");
+  }
   return {
     root,
-    pagesDir: path.join(root, "app/pages"),
-    distDir: path.join(root, "app/dist"),
+    pagesDir: path.join(appDir, "pages"),
+    distDir: path.join(appDir, "dist"),
     hasZenithDeps: true
   };
 }
@@ -137,34 +141,161 @@ function requireProject(cwd = process.cwd()) {
 }
 
 // cli/utils/logger.ts
-var colors = {
-  reset: "\x1B[0m",
-  bright: "\x1B[1m",
-  dim: "\x1B[2m",
-  red: "\x1B[31m",
-  green: "\x1B[32m",
-  yellow: "\x1B[33m",
-  blue: "\x1B[34m",
-  cyan: "\x1B[36m"
-};
+var import_picocolors = __toESM(require_picocolors(), 1);
 function log(message) {
-  console.log(`${colors.cyan}[zenith]${colors.reset} ${message}`);
+  console.log(`${import_picocolors.default.cyan("[zenith]")} ${message}`);
 }
 function success(message) {
-  console.log(`${colors.green}\u2713${colors.reset} ${message}`);
+  console.log(`${import_picocolors.default.green("\u2713")} ${message}`);
 }
 function warn(message) {
-  console.log(`${colors.yellow}\u26A0${colors.reset} ${message}`);
+  console.log(`${import_picocolors.default.yellow("\u26A0")} ${message}`);
 }
 function error(message) {
-  console.error(`${colors.red}\u2717${colors.reset} ${message}`);
+  console.error(`${import_picocolors.default.red("\u2717")} ${message}`);
 }
 function info(message) {
-  console.log(`${colors.blue}\u2139${colors.reset} ${message}`);
+  console.log(`${import_picocolors.default.blue("\u2139")} ${message}`);
 }
 function header(title) {
   console.log(`
-${colors.bright}${colors.cyan}${title}${colors.reset}
+${import_picocolors.default.bold(import_picocolors.default.cyan(title))}
+`);
+}
+function hmr(type, path2) {
+  console.log(`${import_picocolors.default.magenta("[HMR]")} ${import_picocolors.default.bold(type)} updated: ${import_picocolors.default.dim(path2)}`);
+}
+function route(method, path2, status, totalMs, compileMs, renderMs) {
+  const statusColor = status < 400 ? import_picocolors.default.green : import_picocolors.default.red;
+  const timeColor = totalMs > 1000 ? import_picocolors.default.yellow : import_picocolors.default.gray;
+  console.log(`${import_picocolors.default.bold(method)} ${import_picocolors.default.cyan(path2.padEnd(15))} ` + `${statusColor(status)} ${import_picocolors.default.dim("in")} ${timeColor(`${totalMs}ms`)} ` + `${import_picocolors.default.dim(`(compile: ${compileMs}ms, render: ${renderMs}ms)`)}`);
+}
+
+// cli/utils/branding.ts
+var import_picocolors2 = __toESM(require_picocolors(), 1);
+var colors = {
+  primary: import_picocolors2.default.blue,
+  secondary: import_picocolors2.default.cyan,
+  success: import_picocolors2.default.green,
+  warning: import_picocolors2.default.yellow,
+  error: import_picocolors2.default.red,
+  muted: import_picocolors2.default.gray,
+  bold: import_picocolors2.default.bold,
+  dim: import_picocolors2.default.dim
+};
+var LOGO = `
+${import_picocolors2.default.cyan("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
+${import_picocolors2.default.cyan("\u2551")}                                                           ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2588\u2557   \u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2557  \u2588\u2588\u2557"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue("\u255A\u2550\u2550\u2588\u2588\u2588\u2554\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551  \u2588\u2588\u2551"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue("  \u2588\u2588\u2588\u2554\u255D "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2557  "))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue(" \u2588\u2588\u2588\u2554\u255D  "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2554\u2550\u2550\u255D  "))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u2588\u2588\u2551  \u2588\u2588\u2551"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}   ${import_picocolors2.default.bold(import_picocolors2.default.blue("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u255A\u2550\u255D"))}${import_picocolors2.default.bold(import_picocolors2.default.blue("   \u255A\u2550\u255D   "))}${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u255A\u2550\u255D  \u255A\u2550\u255D"))}   ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}                                                           ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}       ${import_picocolors2.default.dim("The Modern Reactive Web Framework")}                  ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u2551")}                                                           ${import_picocolors2.default.cyan("\u2551")}
+${import_picocolors2.default.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
+`;
+var LOGO_COMPACT = `
+  ${import_picocolors2.default.bold(import_picocolors2.default.blue("\u26A1"))} ${import_picocolors2.default.bold(import_picocolors2.default.cyan("ZENITH"))} ${import_picocolors2.default.dim("- Modern Reactive Framework")}
+`;
+var spinnerFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+
+class Spinner {
+  interval = null;
+  frameIndex = 0;
+  message;
+  constructor(message) {
+    this.message = message;
+  }
+  start() {
+    this.interval = setInterval(() => {
+      process.stdout.write(`\r${import_picocolors2.default.cyan(spinnerFrames[this.frameIndex])} ${this.message}`);
+      this.frameIndex = (this.frameIndex + 1) % spinnerFrames.length;
+    }, 80);
+  }
+  stop(finalMessage) {
+    if (this.interval) {
+      clearInterval(this.interval);
+      this.interval = null;
+    }
+    process.stdout.write("\r" + " ".repeat(this.message.length + 5) + "\r");
+    if (finalMessage) {
+      console.log(finalMessage);
+    }
+  }
+  succeed(message) {
+    this.stop(`${import_picocolors2.default.green("\u2713")} ${message}`);
+  }
+  fail(message) {
+    this.stop(`${import_picocolors2.default.red("\u2717")} ${message}`);
+  }
+}
+function showLogo() {
+  console.log(LOGO);
+}
+function header2(text) {
+  console.log(`
+${import_picocolors2.default.bold(import_picocolors2.default.cyan("\u25B8"))} ${import_picocolors2.default.bold(text)}
+`);
+}
+function error2(text) {
+  console.log(`${import_picocolors2.default.red("\u2717")} ${text}`);
+}
+function warn2(text) {
+  console.log(`${import_picocolors2.default.yellow("\u26A0")} ${text}`);
+}
+function info2(text) {
+  console.log(`${import_picocolors2.default.blue("\u2139")} ${text}`);
+}
+function highlight(text) {
+  return import_picocolors2.default.cyan(text);
+}
+function dim(text) {
+  return import_picocolors2.default.dim(text);
+}
+function bold(text) {
+  return import_picocolors2.default.bold(text);
+}
+async function showIntro() {
+  console.clear();
+  showLogo();
+  await sleep(300);
+}
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function showNextSteps(projectName) {
+  console.log(`
+${import_picocolors2.default.cyan("\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510")}
+${import_picocolors2.default.cyan("\u2502")}                                                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}   ${import_picocolors2.default.green("\u2728")} ${import_picocolors2.default.bold("Your Zenith app is ready!")}                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}                                                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}   ${import_picocolors2.default.dim("Next steps:")}                                          ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}                                                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}   ${import_picocolors2.default.cyan("$")} ${import_picocolors2.default.bold(`cd ${projectName}`)}${" ".repeat(Math.max(0, 40 - projectName.length))}${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}   ${import_picocolors2.default.cyan("$")} ${import_picocolors2.default.bold("bun run dev")}                                       ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}                                                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}   ${import_picocolors2.default.dim("Then open")} ${import_picocolors2.default.underline(import_picocolors2.default.blue("http://localhost:3000"))}                  ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2502")}                                                         ${import_picocolors2.default.cyan("\u2502")}
+${import_picocolors2.default.cyan("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518")}
+`);
+}
+function showServerPanel(options) {
+  console.clear();
+  console.log(LOGO_COMPACT);
+  console.log(`${import_picocolors2.default.cyan("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")}`);
+  console.log(` ${import_picocolors2.default.magenta("\uD83D\uDFE3 Zenith Dev Server")}`);
+  console.log(`${import_picocolors2.default.cyan("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")}`);
+  console.log(` ${import_picocolors2.default.bold("Project:")}  ${import_picocolors2.default.dim(options.project)}`);
+  console.log(` ${import_picocolors2.default.bold("Pages:")}    ${import_picocolors2.default.dim(options.pages)}`);
+  console.log(` ${import_picocolors2.default.bold("Mode:")}     ${import_picocolors2.default.cyan(options.mode)} ${import_picocolors2.default.dim(`(${options.hmr ? "HMR enabled" : "HMR disabled"})`)}`);
+  console.log(`${import_picocolors2.default.cyan("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")}`);
+  console.log(` ${import_picocolors2.default.bold("Server:")}   ${import_picocolors2.default.cyan(import_picocolors2.default.underline(options.url))} ${import_picocolors2.default.dim("(clickable)")}`);
+  console.log(` ${import_picocolors2.default.bold("Hot Reload:")} ${options.hmr ? import_picocolors2.default.green("Enabled \u2705") : import_picocolors2.default.red("Disabled \u2717")}`);
+  console.log(`${import_picocolors2.default.cyan("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")}`);
+  console.log(` ${import_picocolors2.default.dim("Press Ctrl+C to stop")}
 `);
 }
 
@@ -1482,9 +1613,9 @@ class Tokenizer {
         this._err(ERR.absenceOfDigitsInNumericCharacterReference, this.entityStartPos - this.preprocessor.pos + consumed);
       },
       validateNumericCharacterReference: (code) => {
-        const error2 = getErrorForNumericCharacterReference(code);
-        if (error2)
-          this._err(error2, 1);
+        const error3 = getErrorForNumericCharacterReference(code);
+        if (error3)
+          this._err(error3, 1);
       }
     } : undefined);
   }
@@ -8043,8 +8174,8 @@ function parseTemplate(html, filePath) {
       nodes,
       expressions
     };
-  } catch (error2) {
-    throw new CompilerError(`Template parsing failed: ${error2.message}`, filePath, 1, 1);
+  } catch (error3) {
+    throw new CompilerError(`Template parsing failed: ${error3.message}`, filePath, 1, 1);
   }
 }
 
@@ -9135,6 +9266,7 @@ function transformStateDeclarations(script) {
   transformed = transformed.replace(/export\s+let\s+props(?:\s*:\s*([^;]+))?\s*;?[ \t]*/g, "");
   transformed = transformed.replace(/(?:type|interface)\s+Props\s*=?\s*\{[^}]*(?:\{[^}]*\}[^}]*)*\}[ \t]*;?/gs, "");
   transformed = transformed.replace(/import\s+{[^}]+}\s+from\s+['"]zenith\/runtime['"]\s*;?[ \t]*/g, "");
+  transformed = transformed.replace(/import\s*{\s*([^}]+)\s*}\s*from\s*['"]zenith:content['"]\s*;?/g, (_, imports) => `const { ${imports.trim()} } = window.__zenith;`);
   return transformed.trim();
 }
 
@@ -9402,9 +9534,9 @@ function validateSingleExpression(expr, filePath) {
   if (!hasJSX) {
     try {
       new Function("state", "loaderData", "props", "stores", `return ${code}`);
-    } catch (error2) {
+    } catch (error3) {
       errors.push(new CompilerError(`Invalid expression syntax: ${code}
-${error2.message}`, filePath, location.line, location.column));
+${error3.message}`, filePath, location.line, location.column));
     }
   }
   if (code.includes("eval(") || code.includes("Function(") || code.includes("with (")) {
@@ -9442,9 +9574,9 @@ function finalizeOutput(ir, compiled) {
   const errors = [];
   try {
     validateExpressionsOrThrow(ir.template.expressions, ir.filePath);
-  } catch (error2) {
-    if (error2 instanceof Error) {
-      errors.push(error2.message);
+  } catch (error3) {
+    if (error3 instanceof Error) {
+      errors.push(error3.message);
       return {
         html: "",
         js: "",
@@ -9468,8 +9600,8 @@ function finalizeOutput(ir, compiled) {
   let runtimeCode;
   try {
     runtimeCode = transformIR(ir);
-  } catch (error2) {
-    errors.push(`Runtime generation failed: ${error2.message}`);
+  } catch (error3) {
+    errors.push(`Runtime generation failed: ${error3.message}`);
     return {
       html: "",
       js: "",
@@ -9544,9 +9676,9 @@ function compileZenSource(source, filePath) {
   try {
     const finalized = finalizeOutputOrThrow(ir, compiled);
     return { ir, compiled, finalized };
-  } catch (error2) {
+  } catch (error3) {
     throw new Error(`Failed to finalize output for ${filePath}:
-${error2.message}`);
+${error3.message}`);
   }
 }
 
@@ -10139,6 +10271,88 @@ function generateBundleJS() {
     triggerMount();
   }
   
+  // ============================================
+  // zenith:content - Content Engine
+  // ============================================
+
+  const schemaRegistry = new Map();
+  const builtInEnhancers = {
+    readTime: (item) => {
+      const wordsPerMinute = 200;
+      const text = item.content || '';
+      const wordCount = text.split(/\\s+/).length;
+      const minutes = Math.ceil(wordCount / wordsPerMinute);
+      return Object.assign({}, item, { readTime: minutes + ' min' });
+    },
+    wordCount: (item) => {
+      const text = item.content || '';
+      const wordCount = text.split(/\\s+/).length;
+      return Object.assign({}, item, { wordCount: wordCount });
+    }
+  };
+
+  async function applyEnhancers(item, enhancers) {
+    let enrichedItem = Object.assign({}, item);
+    for (const enhancer of enhancers) {
+      if (typeof enhancer === 'string') {
+        const fn = builtInEnhancers[enhancer];
+        if (fn) enrichedItem = await fn(enrichedItem);
+      } else if (typeof enhancer === 'function') {
+        enrichedItem = await enhancer(enrichedItem);
+      }
+    }
+    return enrichedItem;
+  }
+
+  class ZenCollection {
+    constructor(items) {
+      this.items = [...items];
+      this.filters = [];
+      this.sortField = null;
+      this.sortOrder = 'desc';
+      this.limitCount = null;
+      this.selectedFields = null;
+      this.enhancers = [];
+    }
+    where(fn) { this.filters.push(fn); return this; }
+    sortBy(field, order = 'desc') { this.sortField = field; this.sortOrder = order; return this; }
+    limit(n) { this.limitCount = n; return this; }
+    fields(f) { this.selectedFields = f; return this; }
+    enhanceWith(e) { this.enhancers.push(e); return this; }
+    async get() {
+      let results = [...this.items];
+      for (const filter of this.filters) results = results.filter(filter);
+      if (this.sortField) {
+        results.sort((a, b) => {
+          const valA = a[this.sortField];
+          const valB = b[this.sortField];
+          if (valA < valB) return this.sortOrder === 'asc' ? -1 : 1;
+          if (valA > valB) return this.sortOrder === 'asc' ? 1 : -1;
+          return 0;
+        });
+      }
+      if (this.limitCount !== null) results = results.slice(0, this.limitCount);
+      if (this.enhancers.length > 0) {
+        results = await Promise.all(results.map(item => applyEnhancers(item, this.enhancers)));
+      }
+      if (this.selectedFields) {
+        results = results.map(item => {
+          const newItem = {};
+          this.selectedFields.forEach(f => { newItem[f] = item[f]; });
+          return newItem;
+        });
+      }
+      return results;
+    }
+  }
+
+  function defineSchema(name, schema) { schemaRegistry.set(name, schema); }
+
+  function zenCollection(collectionName) {
+    const data = (global.__ZENITH_CONTENT__ && global.__ZENITH_CONTENT__[collectionName]) || [];
+    return new ZenCollection(data);
+  }
+
   // ============================================
   // Export to window.__zenith
   // ============================================
@@ -10152,6 +10366,9 @@ function generateBundleJS() {
     ref: zenRef,
     batch: zenBatch,
     untrack: zenUntrack,
+    // zenith:content
+    defineSchema: defineSchema,
+    zenCollection: zenCollection,
     // Lifecycle
     onMount: zenOnMount,
     onUnmount: zenOnUnmount,
@@ -10187,20 +10404,161 @@ function generateBundleJS() {
   global.onMount = zenOnMount;
   global.onUnmount = zenOnUnmount;
   
+  // ============================================
+  // HMR Client (Development Only)
+  // ============================================
+  
+  if (typeof window !== 'undefined' && (location.hostname === 'localhost' || location.hostname === '127.0.0.1')) {
+    let socket;
+    function connectHMR() {
+      const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+      socket = new WebSocket(protocol + '//' + location.host + '/hmr');
+      
+      socket.onmessage = function(event) {
+        try {
+          const data = JSON.parse(event.data);
+          if (data.type === 'reload') {
+            console.log('[Zenith] HMR: Reloading page...');
+            location.reload();
+          } else if (data.type === 'style-update') {
+            console.log('[Zenith] HMR: Updating style ' + data.url);
+            const links = document.querySelectorAll('link[rel="stylesheet"]');
+            for (let i = 0; i < links.length; i++) {
+              const link = links[i];
+              const url = new URL(link.href);
+              if (url.pathname === data.url) {
+                link.href = data.url + '?t=' + Date.now();
+                break;
+              }
+            }
+          }
+        } catch (e) {
+          console.error('[Zenith] HMR Error:', e);
+        }
+      };
+      
+      socket.onclose = function() {
+        console.log('[Zenith] HMR: Connection closed. Retrying in 2s...');
+        setTimeout(connectHMR, 2000);
+      };
+    }
+    
+    // Connect unless explicitly disabled
+    if (!window.__ZENITH_NO_HMR__) {
+      connectHMR();
+    }
+  }
+  
 })(typeof window !== 'undefined' ? window : this);
 `;
 }
 
+// cli/utils/content.ts
+import fs4 from "fs";
+import path4 from "path";
+function loadContent(contentDir) {
+  if (!fs4.existsSync(contentDir)) {
+    return {};
+  }
+  const collections = {};
+  const files = getAllFiles(contentDir);
+  for (const filePath of files) {
+    const ext = path4.extname(filePath).toLowerCase();
+    const relativePath = path4.relative(contentDir, filePath);
+    const collection = relativePath.split(path4.sep)[0];
+    if (!collection)
+      continue;
+    const slug = relativePath.replace(/\.(md|mdx|json)$/, "").replace(/\\/g, "/");
+    const id = slug;
+    const rawContent = fs4.readFileSync(filePath, "utf-8");
+    if (!collections[collection]) {
+      collections[collection] = [];
+    }
+    if (ext === ".json") {
+      try {
+        const data = JSON.parse(rawContent);
+        collections[collection].push({
+          id,
+          slug,
+          collection,
+          content: "",
+          ...data
+        });
+      } catch (e) {
+        console.error(`Error parsing JSON file ${filePath}:`, e);
+      }
+    } else if (ext === ".md" || ext === ".mdx") {
+      const { metadata, content } = parseMarkdown(rawContent);
+      collections[collection].push({
+        id,
+        slug,
+        collection,
+        content,
+        ...metadata
+      });
+    }
+  }
+  return collections;
+}
+function getAllFiles(dir, fileList = []) {
+  const files = fs4.readdirSync(dir);
+  files.forEach((file) => {
+    const name = path4.join(dir, file);
+    if (fs4.statSync(name).isDirectory()) {
+      getAllFiles(name, fileList);
+    } else {
+      fileList.push(name);
+    }
+  });
+  return fileList;
+}
+function parseMarkdown(content) {
+  const frontmatterRegex = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;
+  const match = content.match(frontmatterRegex);
+  if (!match) {
+    return { metadata: {}, content: content.trim() };
+  }
+  const [, yamlStr, body] = match;
+  const metadata = {};
+  if (yamlStr) {
+    yamlStr.split(`
+`).forEach((line) => {
+      const [key, ...values] = line.split(":");
+      if (key && values.length > 0) {
+        const value = values.join(":").trim();
+        if (value === "true")
+          metadata[key.trim()] = true;
+        else if (value === "false")
+          metadata[key.trim()] = false;
+        else if (!isNaN(Number(value)))
+          metadata[key.trim()] = Number(value);
+        else if (value.startsWith("[") && value.endsWith("]")) {
+          metadata[key.trim()] = value.slice(1, -1).split(",").map((v) => v.trim().replace(/^['"]|['"]$/g, ""));
+        } else
+          metadata[key.trim()] = value.replace(/^['"]|['"]$/g, "");
+      }
+    });
+  }
+  return { metadata, content: (body || "").trim() };
+}
+
 // cli/commands/dev.ts
 var pageCache = new Map;
 async function dev(options = {}) {
   const project = requireProject();
   const port = options.port || parseInt(process.env.PORT || "3000", 10);
-  const appDir = project.root;
   const pagesDir = project.pagesDir;
-  header("Zenith Dev Server");
-  log(`Project: ${project.root}`);
-  log(`Pages: ${project.pagesDir}`);
+  const rootDir = project.root;
+  const contentDir = path5.join(rootDir, "content");
+  let contentData = loadContent(contentDir);
+  const clients = new Set;
+  showServerPanel({
+    project: project.root,
+    pages: project.pagesDir,
+    url: `http://localhost:${port}`,
+    hmr: true,
+    mode: "In-memory compilation"
+  });
   const STATIC_EXTENSIONS = new Set([
     ".js",
     ".css",
@@ -10218,23 +10576,18 @@ async function dev(options = {}) {
     ".json",
     ".map"
   ]);
-  function generateRuntimeJS() {
-    return generateBundleJS();
-  }
   function compilePageInMemory(pagePath) {
     try {
-      const layoutsDir = path4.join(pagesDir, "../layouts");
+      const layoutsDir = path5.join(pagesDir, "../layouts");
       const layouts = discoverLayouts(layoutsDir);
-      const source = fs4.readFileSync(pagePath, "utf-8");
+      const source = fs5.readFileSync(pagePath, "utf-8");
       let processedSource = source;
       let layoutToUse = layouts.get("DefaultLayout");
-      if (layoutToUse) {
+      if (layoutToUse)
         processedSource = processLayout(source, layoutToUse);
-      }
       const result = compileZenSource(processedSource, pagePath);
-      if (!result.finalized) {
-        throw new Error("Compilation failed: No finalized output");
-      }
+      if (!result.finalized)
+        throw new Error("Compilation failed");
       const routeDef = generateRouteDefinition(pagePath, pagesDir);
       return {
         html: result.finalized.html,
@@ -10243,100 +10596,138 @@ async function dev(options = {}) {
         route: routeDef.path,
         lastModified: Date.now()
       };
-    } catch (error2) {
-      error(`Compilation error for ${pagePath}: ${error2.message}`);
+    } catch (error3) {
+      error(`Compilation error: ${error3.message}`);
       return null;
     }
   }
-  function generateDevHTML(page) {
-    const runtimeTag = `<script src="/runtime.js"></script>`;
-    const scriptTag = `<script>
-${page.script}
-</script>`;
-    const allScripts = `${runtimeTag}
-${scriptTag}`;
-    if (page.html.includes("</body>")) {
-      return page.html.replace("</body>", `${allScripts}
-</body>`);
+  const watcher = fs5.watch(path5.join(pagesDir, ".."), { recursive: true }, (event, filename) => {
+    if (!filename)
+      return;
+    if (filename.endsWith(".zen")) {
+      hmr("Page", filename);
+      for (const client of clients) {
+        client.send(JSON.stringify({ type: "reload" }));
+      }
+    } else if (filename.endsWith(".css")) {
+      hmr("CSS", filename);
+      for (const client of clients) {
+        client.send(JSON.stringify({
+          type: "style-update",
+          url: filename.includes("global.css") ? "/styles/global.css" : `/${filename}`
+        }));
+      }
+    } else if (filename.startsWith("content")) {
+      hmr("Content", filename);
+      contentData = loadContent(contentDir);
+      for (const client of clients) {
+        client.send(JSON.stringify({ type: "reload" }));
+      }
     }
-    return `${page.html}
-${allScripts}`;
-  }
-  function findPageForRoute(route) {
-    const exactPath = path4.join(pagesDir, route === "/" ? "index.zen" : `${route.slice(1)}.zen`);
-    if (fs4.existsSync(exactPath))
-      return exactPath;
-    const indexPath = path4.join(pagesDir, route === "/" ? "index.zen" : `${route.slice(1)}/index.zen`);
-    if (fs4.existsSync(indexPath))
-      return indexPath;
-    return null;
-  }
-  const cachedRuntimeJS = generateRuntimeJS();
+  });
   const server = serve({
     port,
-    async fetch(req) {
+    fetch(req, server2) {
+      const startTime = performance.now();
       const url = new URL(req.url);
       const pathname = url.pathname;
-      const ext = path4.extname(pathname).toLowerCase();
-      if (pathname === "/runtime.js" || pathname === "/assets/bundle.js") {
-        return new Response(cachedRuntimeJS, {
-          headers: {
-            "Content-Type": "application/javascript; charset=utf-8",
-            "Cache-Control": "no-cache"
-          }
-        });
+      const ext = path5.extname(pathname).toLowerCase();
+      if (pathname === "/hmr") {
+        const upgraded = server2.upgrade(req);
+        if (upgraded)
+          return;
       }
-      if (pathname === "/assets/styles.css" || pathname === "/styles/global.css" || pathname === "/app/styles/global.css") {
-        const globalCssPath = path4.join(pagesDir, "../styles/global.css");
-        if (fs4.existsSync(globalCssPath)) {
-          const css = fs4.readFileSync(globalCssPath, "utf-8");
-          return new Response(css, {
-            headers: { "Content-Type": "text/css; charset=utf-8" }
-          });
+      if (pathname === "/runtime.js") {
+        const response = new Response(generateBundleJS(), {
+          headers: { "Content-Type": "application/javascript; charset=utf-8" }
+        });
+        route("GET", pathname, 200, Math.round(performance.now() - startTime), 0, Math.round(performance.now() - startTime));
+        return response;
+      }
+      if (pathname === "/styles/global.css") {
+        const globalCssPath = path5.join(pagesDir, "../styles/global.css");
+        if (fs5.existsSync(globalCssPath)) {
+          const css = fs5.readFileSync(globalCssPath, "utf-8");
+          const response = new Response(css, { headers: { "Content-Type": "text/css" } });
+          route("GET", pathname, 200, Math.round(performance.now() - startTime), 0, Math.round(performance.now() - startTime));
+          return response;
         }
       }
       if (STATIC_EXTENSIONS.has(ext)) {
-        const publicPath = path4.join(pagesDir, "../public", pathname);
-        const distPath = path4.join(pagesDir, "../dist", pathname);
-        const appRelativePath = path4.join(pagesDir, "..", pathname);
-        for (const filePath of [publicPath, distPath, appRelativePath]) {
-          const file = Bun.file(filePath);
-          if (await file.exists()) {
-            return new Response(file);
-          }
+        const publicPath = path5.join(pagesDir, "../public", pathname);
+        if (fs5.existsSync(publicPath)) {
+          const response = new Response(Bun.file(publicPath));
+          route("GET", pathname, 200, Math.round(performance.now() - startTime), 0, Math.round(performance.now() - startTime));
+          return response;
         }
-        return new Response("Not found", { status: 404 });
       }
-      const pagePath = findPageForRoute(pathname);
+      const pagePath = findPageForRoute(pathname, pagesDir);
       if (pagePath) {
+        const compileStart = performance.now();
         let cached = pageCache.get(pagePath);
-        const stat = fs4.statSync(pagePath);
+        const stat = fs5.statSync(pagePath);
         if (!cached || stat.mtimeMs > cached.lastModified) {
-          const compiled = compilePageInMemory(pagePath);
-          if (compiled) {
-            pageCache.set(pagePath, compiled);
-            cached = compiled;
-          }
+          cached = compilePageInMemory(pagePath) || undefined;
+          if (cached)
+            pageCache.set(pagePath, cached);
         }
+        const compileEnd = performance.now();
         if (cached) {
-          const html = generateDevHTML(cached);
-          return new Response(html, {
-            headers: { "Content-Type": "text/html; charset=utf-8" }
-          });
+          const renderStart = performance.now();
+          const html = generateDevHTML(cached, contentData);
+          const renderEnd = performance.now();
+          const totalTime = Math.round(performance.now() - startTime);
+          const compileTime = Math.round(compileEnd - compileStart);
+          const renderTime = Math.round(renderEnd - renderStart);
+          route("GET", pathname, 200, totalTime, compileTime, renderTime);
+          return new Response(html, { headers: { "Content-Type": "text/html" } });
         }
       }
+      route("GET", pathname, 404, Math.round(performance.now() - startTime), 0, 0);
       return new Response("Not Found", { status: 404 });
+    },
+    websocket: {
+      open(ws) {
+        clients.add(ws);
+      },
+      close(ws) {
+        clients.delete(ws);
+      },
+      message() {}
     }
   });
-  success(`Server running at http://localhost:${server.port}`);
-  info("\u2022 In-memory compilation active");
-  info("\u2022 Auto-recompile on file changes");
-  info("Press Ctrl+C to stop");
+  process.on("SIGINT", () => {
+    watcher.close();
+    server.stop();
+    process.exit(0);
+  });
   await new Promise(() => {});
 }
+function findPageForRoute(route2, pagesDir) {
+  const exactPath = path5.join(pagesDir, route2 === "/" ? "index.zen" : `${route2.slice(1)}.zen`);
+  if (fs5.existsSync(exactPath))
+    return exactPath;
+  const indexPath = path5.join(pagesDir, route2 === "/" ? "index.zen" : `${route2.slice(1)}/index.zen`);
+  if (fs5.existsSync(indexPath))
+    return indexPath;
+  return null;
+}
+function generateDevHTML(page, contentData = {}) {
+  const runtimeTag = `<script src="/runtime.js"></script>`;
+  const contentTag = `<script>window.__ZENITH_CONTENT__ = ${JSON.stringify(contentData)};</script>`;
+  const scriptTag = `<script>
+${page.script}
+</script>`;
+  const allScripts = `${runtimeTag}
+${contentTag}
+${scriptTag}`;
+  return page.html.includes("</body>") ? page.html.replace("</body>", `${allScripts}
+</body>`) : `${page.html}
+${allScripts}`;
+}
 
 // cli/commands/preview.ts
-import path5 from "path";
+import path6 from "path";
 var {serve: serve2 } = globalThis.Bun;
 async function preview(options = {}) {
   const project = requireProject();
@@ -10366,16 +10757,16 @@ async function preview(options = {}) {
     async fetch(req) {
       const url = new URL(req.url);
       const pathname = url.pathname;
-      const ext = path5.extname(pathname).toLowerCase();
+      const ext = path6.extname(pathname).toLowerCase();
       if (STATIC_EXTENSIONS.has(ext)) {
-        const filePath = path5.join(distDir, pathname);
+        const filePath = path6.join(distDir, pathname);
         const file = Bun.file(filePath);
         if (await file.exists()) {
           return new Response(file);
         }
         return new Response("Not found", { status: 404 });
       }
-      const indexPath = path5.join(distDir, "index.html");
+      const indexPath = path6.join(distDir, "index.html");
       const indexFile = Bun.file(indexPath);
       if (await indexFile.exists()) {
         return new Response(indexFile, {
@@ -10391,8 +10782,8 @@ async function preview(options = {}) {
 }
 
 // compiler/ssg-build.ts
-import fs5 from "fs";
-import path6 from "path";
+import fs6 from "fs";
+import path7 from "path";
 
 // compiler/build-analyzer.ts
 function analyzePageSource(source) {
@@ -10454,9 +10845,9 @@ function getBuildOutputType(analysis) {
 
 // compiler/ssg-build.ts
 function compilePage(pagePath, pagesDir, baseDir = process.cwd()) {
-  const source = fs5.readFileSync(pagePath, "utf-8");
+  const source = fs6.readFileSync(pagePath, "utf-8");
   const analysis = analyzePageSource(source);
-  const layoutsDir = path6.join(baseDir, "layouts");
+  const layoutsDir = path7.join(baseDir, "layouts");
   const layouts = discoverLayouts(layoutsDir);
   let processedSource = source;
   const layoutToUse = layouts.get("DefaultLayout");
@@ -10485,7 +10876,7 @@ function compilePage(pagePath, pagesDir, baseDir = process.cwd()) {
     outputDir
   };
 }
-function generatePageHTML(page, globalStyles) {
+function generatePageHTML(page, globalStyles, contentData) {
   const { html, styles, analysis, routePath, pageScript } = page;
   const pageStyles = styles.join(`
 `);
@@ -10494,6 +10885,7 @@ function generatePageHTML(page, globalStyles) {
   let scriptTags = "";
   if (analysis.needsHydration) {
     scriptTags = `
+  <script>window.__ZEN_CONTENT__ = ${JSON.stringify(contentData)};</script>
   <script src="/assets/bundle.js"></script>`;
     if (pageScript) {
       const pageJsName = routePath === "/" ? "page_index.js" : `page_${routePath.replace(/^\//, "").replace(/\//g, "_")}.js`;
@@ -10556,16 +10948,18 @@ ${page.pageScript}
 `;
 }
 function buildSSG(options) {
-  const { pagesDir, outDir, baseDir = path6.dirname(pagesDir) } = options;
+  const { pagesDir, outDir, baseDir = path7.dirname(pagesDir) } = options;
+  const contentDir = path7.join(baseDir, "content");
+  const contentData = loadContent(contentDir);
   console.log("\uD83D\uDD28 Zenith SSG Build");
   console.log(`   Pages: ${pagesDir}`);
   console.log(`   Output: ${outDir}`);
   console.log("");
-  if (fs5.existsSync(outDir)) {
-    fs5.rmSync(outDir, { recursive: true, force: true });
+  if (fs6.existsSync(outDir)) {
+    fs6.rmSync(outDir, { recursive: true, force: true });
   }
-  fs5.mkdirSync(outDir, { recursive: true });
-  fs5.mkdirSync(path6.join(outDir, "assets"), { recursive: true });
+  fs6.mkdirSync(outDir, { recursive: true });
+  fs6.mkdirSync(path7.join(outDir, "assets"), { recursive: true });
   const pageFiles = discoverPages(pagesDir);
   if (pageFiles.length === 0) {
     console.warn("\u26A0\uFE0F No pages found in", pagesDir);
@@ -10575,7 +10969,7 @@ function buildSSG(options) {
   const compiledPages = [];
   let hasHydratedPages = false;
   for (const pageFile of pageFiles) {
-    const relativePath = path6.relative(pagesDir, pageFile);
+    const relativePath = path7.relative(pagesDir, pageFile);
     console.log(`   Compiling: ${relativePath}`);
     try {
       const compiled = compilePage(pageFile, pagesDir, baseDir);
@@ -10586,61 +10980,61 @@ function buildSSG(options) {
       const outputType = getBuildOutputType(compiled.analysis);
       const summary = getAnalysisSummary(compiled.analysis);
       console.log(`     \u2192 ${outputType.toUpperCase()} [${summary}]`);
-    } catch (error2) {
-      console.error(`   \u274C Error: ${error2.message}`);
-      throw error2;
+    } catch (error3) {
+      console.error(`   \u274C Error: ${error3.message}`);
+      throw error3;
     }
   }
   console.log("");
   let globalStyles = "";
-  const globalCssPath = path6.join(baseDir, "styles", "global.css");
-  if (fs5.existsSync(globalCssPath)) {
-    globalStyles = fs5.readFileSync(globalCssPath, "utf-8");
+  const globalCssPath = path7.join(baseDir, "styles", "global.css");
+  if (fs6.existsSync(globalCssPath)) {
+    globalStyles = fs6.readFileSync(globalCssPath, "utf-8");
     console.log("\uD83D\uDCE6 Loaded global.css");
   }
   if (hasHydratedPages) {
     const bundleJS = generateBundleJS();
-    fs5.writeFileSync(path6.join(outDir, "assets", "bundle.js"), bundleJS);
+    fs6.writeFileSync(path7.join(outDir, "assets", "bundle.js"), bundleJS);
     console.log("\uD83D\uDCE6 Generated assets/bundle.js");
   }
   if (globalStyles) {
-    fs5.writeFileSync(path6.join(outDir, "assets", "styles.css"), globalStyles);
+    fs6.writeFileSync(path7.join(outDir, "assets", "styles.css"), globalStyles);
     console.log("\uD83D\uDCE6 Generated assets/styles.css");
   }
   for (const page of compiledPages) {
-    const pageOutDir = path6.join(outDir, page.outputDir);
-    fs5.mkdirSync(pageOutDir, { recursive: true });
-    const html = generatePageHTML(page, globalStyles);
-    fs5.writeFileSync(path6.join(pageOutDir, "index.html"), html);
+    const pageOutDir = path7.join(outDir, page.outputDir);
+    fs6.mkdirSync(pageOutDir, { recursive: true });
+    const html = generatePageHTML(page, globalStyles, contentData);
+    fs6.writeFileSync(path7.join(pageOutDir, "index.html"), html);
     if (page.pageScript) {
       const pageJsName = page.routePath === "/" ? "page_index.js" : `page_${page.routePath.replace(/^\//, "").replace(/\//g, "_")}.js`;
       const pageJS = generatePageJS(page);
-      fs5.writeFileSync(path6.join(outDir, "assets", pageJsName), pageJS);
+      fs6.writeFileSync(path7.join(outDir, "assets", pageJsName), pageJS);
     }
     console.log(`\u2705 ${page.outputDir}/index.html`);
   }
-  const faviconPath = path6.join(baseDir, "favicon.ico");
-  if (fs5.existsSync(faviconPath)) {
-    fs5.copyFileSync(faviconPath, path6.join(outDir, "favicon.ico"));
+  const faviconPath = path7.join(baseDir, "favicon.ico");
+  if (fs6.existsSync(faviconPath)) {
+    fs6.copyFileSync(faviconPath, path7.join(outDir, "favicon.ico"));
     console.log("\uD83D\uDCE6 Copied favicon.ico");
   }
   const custom404Candidates = ["404.zen", "+404.zen", "not-found.zen"];
   let has404 = false;
   for (const candidate of custom404Candidates) {
-    const custom404Path = path6.join(pagesDir, candidate);
-    if (fs5.existsSync(custom404Path)) {
+    const custom404Path = path7.join(pagesDir, candidate);
+    if (fs6.existsSync(custom404Path)) {
       try {
         const compiled = compilePage(custom404Path, pagesDir, baseDir);
-        const html = generatePageHTML(compiled, globalStyles);
-        fs5.writeFileSync(path6.join(outDir, "404.html"), html);
+        const html = generatePageHTML(compiled, globalStyles, contentData);
+        fs6.writeFileSync(path7.join(outDir, "404.html"), html);
         console.log("\uD83D\uDCE6 Generated 404.html (custom)");
         has404 = true;
         if (compiled.pageScript) {
           const pageJS = generatePageJS(compiled);
-          fs5.writeFileSync(path6.join(outDir, "assets", "page_404.js"), pageJS);
+          fs6.writeFileSync(path7.join(outDir, "assets", "page_404.js"), pageJS);
         }
-      } catch (error2) {
-        console.warn(`   \u26A0\uFE0F Could not compile ${candidate}: ${error2.message}`);
+      } catch (error3) {
+        console.warn(`   \u26A0\uFE0F Could not compile ${candidate}: ${error3.message}`);
       }
       break;
     }
@@ -10671,7 +11065,7 @@ function buildSSG(options) {
   </div>
 </body>
 </html>`;
-    fs5.writeFileSync(path6.join(outDir, "404.html"), default404HTML);
+    fs6.writeFileSync(path7.join(outDir, "404.html"), default404HTML);
     console.log("\uD83D\uDCE6 Generated 404.html (default)");
   }
   console.log("");
@@ -10709,30 +11103,30 @@ async function build(options = {}) {
 }
 
 // cli/utils/plugin-manager.ts
-import fs6 from "fs";
-import path7 from "path";
+import fs7 from "fs";
+import path8 from "path";
 var PLUGINS_FILE = "zenith.plugins.json";
 function getPluginsPath() {
   const root = findProjectRoot();
   if (!root) {
     throw new Error("Not in a Zenith project");
   }
-  return path7.join(root, PLUGINS_FILE);
+  return path8.join(root, PLUGINS_FILE);
 }
 function readPlugins() {
   const pluginsPath = getPluginsPath();
-  if (!fs6.existsSync(pluginsPath)) {
+  if (!fs7.existsSync(pluginsPath)) {
     return { plugins: [] };
   }
   try {
-    return JSON.parse(fs6.readFileSync(pluginsPath, "utf-8"));
+    return JSON.parse(fs7.readFileSync(pluginsPath, "utf-8"));
   } catch {
     return { plugins: [] };
   }
 }
 function writePlugins(data) {
   const pluginsPath = getPluginsPath();
-  fs6.writeFileSync(pluginsPath, JSON.stringify(data, null, 2));
+  fs7.writeFileSync(pluginsPath, JSON.stringify(data, null, 2));
 }
 function addPlugin(name, options) {
   const data = readPlugins();
@@ -10806,124 +11200,10 @@ async function remove(pluginName) {
 }
 
 // cli/commands/create.ts
-import fs7 from "fs";
-import path8 from "path";
+import fs8 from "fs";
+import path9 from "path";
 import { execSync } from "child_process";
 import readline from "readline";
-
-// cli/utils/branding.ts
-var import_picocolors = __toESM(require_picocolors(), 1);
-var colors2 = {
-  primary: import_picocolors.default.blue,
-  secondary: import_picocolors.default.cyan,
-  success: import_picocolors.default.green,
-  warning: import_picocolors.default.yellow,
-  error: import_picocolors.default.red,
-  muted: import_picocolors.default.gray,
-  bold: import_picocolors.default.bold,
-  dim: import_picocolors.default.dim
-};
-var LOGO = `
-${import_picocolors.default.cyan("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
-${import_picocolors.default.cyan("\u2551")}                                                           ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2588\u2557   \u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2557  \u2588\u2588\u2557"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue("\u255A\u2550\u2550\u2588\u2588\u2588\u2554\u255D"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551  \u2588\u2588\u2551"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue("  \u2588\u2588\u2588\u2554\u255D "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2557  "))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue(" \u2588\u2588\u2588\u2554\u255D  "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2554\u2550\u2550\u255D  "))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551"))}${import_picocolors.default.bold(import_picocolors.default.blue("   \u2588\u2588\u2551   "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u2588\u2588\u2551  \u2588\u2588\u2551"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}   ${import_picocolors.default.bold(import_picocolors.default.blue("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.blue("\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u255A\u2550\u255D"))}${import_picocolors.default.bold(import_picocolors.default.blue("   \u255A\u2550\u255D   "))}${import_picocolors.default.bold(import_picocolors.default.cyan("\u255A\u2550\u255D  \u255A\u2550\u255D"))}   ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}                                                           ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}       ${import_picocolors.default.dim("The Modern Reactive Web Framework")}                  ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u2551")}                                                           ${import_picocolors.default.cyan("\u2551")}
-${import_picocolors.default.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
-`;
-var LOGO_COMPACT = `
-  ${import_picocolors.default.bold(import_picocolors.default.blue("\u26A1"))} ${import_picocolors.default.bold(import_picocolors.default.cyan("ZENITH"))} ${import_picocolors.default.dim("- Modern Reactive Framework")}
-`;
-var spinnerFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-
-class Spinner {
-  interval = null;
-  frameIndex = 0;
-  message;
-  constructor(message) {
-    this.message = message;
-  }
-  start() {
-    this.interval = setInterval(() => {
-      process.stdout.write(`\r${import_picocolors.default.cyan(spinnerFrames[this.frameIndex])} ${this.message}`);
-      this.frameIndex = (this.frameIndex + 1) % spinnerFrames.length;
-    }, 80);
-  }
-  stop(finalMessage) {
-    if (this.interval) {
-      clearInterval(this.interval);
-      this.interval = null;
-    }
-    process.stdout.write("\r" + " ".repeat(this.message.length + 5) + "\r");
-    if (finalMessage) {
-      console.log(finalMessage);
-    }
-  }
-  succeed(message) {
-    this.stop(`${import_picocolors.default.green("\u2713")} ${message}`);
-  }
-  fail(message) {
-    this.stop(`${import_picocolors.default.red("\u2717")} ${message}`);
-  }
-}
-function showLogo() {
-  console.log(LOGO);
-}
-function header2(text) {
-  console.log(`
-${import_picocolors.default.bold(import_picocolors.default.cyan("\u25B8"))} ${import_picocolors.default.bold(text)}
-`);
-}
-function error2(text) {
-  console.log(`${import_picocolors.default.red("\u2717")} ${text}`);
-}
-function warn2(text) {
-  console.log(`${import_picocolors.default.yellow("\u26A0")} ${text}`);
-}
-function info2(text) {
-  console.log(`${import_picocolors.default.blue("\u2139")} ${text}`);
-}
-function highlight(text) {
-  return import_picocolors.default.cyan(text);
-}
-function dim(text) {
-  return import_picocolors.default.dim(text);
-}
-function bold(text) {
-  return import_picocolors.default.bold(text);
-}
-async function showIntro() {
-  console.clear();
-  showLogo();
-  await sleep(300);
-}
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function showNextSteps(projectName) {
-  console.log(`
-${import_picocolors.default.cyan("\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510")}
-${import_picocolors.default.cyan("\u2502")}                                                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}   ${import_picocolors.default.green("\u2728")} ${import_picocolors.default.bold("Your Zenith app is ready!")}                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}                                                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}   ${import_picocolors.default.dim("Next steps:")}                                          ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}                                                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}   ${import_picocolors.default.cyan("$")} ${import_picocolors.default.bold(`cd ${projectName}`)}${" ".repeat(Math.max(0, 40 - projectName.length))}${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}   ${import_picocolors.default.cyan("$")} ${import_picocolors.default.bold("bun run dev")}                                       ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}                                                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}   ${import_picocolors.default.dim("Then open")} ${import_picocolors.default.underline(import_picocolors.default.blue("http://localhost:3000"))}                  ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2502")}                                                         ${import_picocolors.default.cyan("\u2502")}
-${import_picocolors.default.cyan("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518")}
-`);
-}
-
-// cli/commands/create.ts
 async function prompt(question, defaultValue) {
   const rl = readline.createInterface({
     input: process.stdin,
@@ -10960,7 +11240,7 @@ async function create(appName) {
     configSpinner.succeed("Configurations generated");
     const installSpinner = new Spinner("Installing dependencies...");
     installSpinner.start();
-    const targetDir = path8.resolve(process.cwd(), options.name);
+    const targetDir = path9.resolve(process.cwd(), options.name);
     process.chdir(targetDir);
     try {
       execSync("bun install", { stdio: "pipe" });
@@ -10991,8 +11271,8 @@ async function gatherOptions(providedName) {
       process.exit(1);
     }
   }
-  const targetDir = path8.resolve(process.cwd(), name);
-  if (fs7.existsSync(targetDir)) {
+  const targetDir = path9.resolve(process.cwd(), name);
+  if (fs8.existsSync(targetDir)) {
     error2(`Directory "${name}" already exists`);
     process.exit(1);
   }
@@ -11013,14 +11293,14 @@ async function gatherOptions(providedName) {
   };
 }
 async function createProject(options) {
-  const targetDir = path8.resolve(process.cwd(), options.name);
+  const targetDir = path9.resolve(process.cwd(), options.name);
   const baseDir = options.directory;
-  const appDir = path8.join(targetDir, baseDir);
-  fs7.mkdirSync(targetDir, { recursive: true });
-  fs7.mkdirSync(path8.join(appDir, "pages"), { recursive: true });
-  fs7.mkdirSync(path8.join(appDir, "layouts"), { recursive: true });
-  fs7.mkdirSync(path8.join(appDir, "components"), { recursive: true });
-  fs7.mkdirSync(path8.join(appDir, "styles"), { recursive: true });
+  const appDir = path9.join(targetDir, baseDir);
+  fs8.mkdirSync(targetDir, { recursive: true });
+  fs8.mkdirSync(path9.join(appDir, "pages"), { recursive: true });
+  fs8.mkdirSync(path9.join(appDir, "layouts"), { recursive: true });
+  fs8.mkdirSync(path9.join(appDir, "components"), { recursive: true });
+  fs8.mkdirSync(path9.join(appDir, "styles"), { recursive: true });
   const pkg = {
     name: options.name,
     version: "0.1.0",
@@ -11050,14 +11330,14 @@ async function createProject(options) {
     devDeps["prettier"] = "^3.0.0";
     pkg.scripts = { ...pkg.scripts, format: "prettier --write ." };
   }
-  fs7.writeFileSync(path8.join(targetDir, "package.json"), JSON.stringify(pkg, null, 4));
-  fs7.writeFileSync(path8.join(targetDir, baseDir, "pages", "index.zen"), generateIndexPage());
-  fs7.writeFileSync(path8.join(targetDir, baseDir, "layouts", "DefaultLayout.zen"), generateDefaultLayout());
-  fs7.writeFileSync(path8.join(appDir, "styles", "global.css"), generateGlobalCSS());
-  fs7.writeFileSync(path8.join(targetDir, ".gitignore"), generateGitignore());
+  fs8.writeFileSync(path9.join(targetDir, "package.json"), JSON.stringify(pkg, null, 4));
+  fs8.writeFileSync(path9.join(targetDir, baseDir, "pages", "index.zen"), generateIndexPage());
+  fs8.writeFileSync(path9.join(targetDir, baseDir, "layouts", "DefaultLayout.zen"), generateDefaultLayout());
+  fs8.writeFileSync(path9.join(appDir, "styles", "global.css"), generateGlobalCSS());
+  fs8.writeFileSync(path9.join(targetDir, ".gitignore"), generateGitignore());
 }
 async function generateConfigs(options) {
-  const targetDir = path8.resolve(process.cwd(), options.name);
+  const targetDir = path9.resolve(process.cwd(), options.name);
   const tsconfig = {
     compilerOptions: {
       target: "ESNext",
@@ -11081,7 +11361,7 @@ async function generateConfigs(options) {
       "@/*": [`./${options.directory}/*`]
     };
   }
-  fs7.writeFileSync(path8.join(targetDir, "tsconfig.json"), JSON.stringify(tsconfig, null, 4));
+  fs8.writeFileSync(path9.join(targetDir, "tsconfig.json"), JSON.stringify(tsconfig, null, 4));
   if (options.eslint) {
     const eslintConfig = {
       root: true,
@@ -11102,7 +11382,7 @@ async function generateConfigs(options) {
       },
       ignorePatterns: ["dist", "node_modules"]
     };
-    fs7.writeFileSync(path8.join(targetDir, ".eslintrc.json"), JSON.stringify(eslintConfig, null, 4));
+    fs8.writeFileSync(path9.join(targetDir, ".eslintrc.json"), JSON.stringify(eslintConfig, null, 4));
   }
   if (options.prettier) {
     const prettierConfig = {
@@ -11112,8 +11392,8 @@ async function generateConfigs(options) {
       trailingComma: "es5",
       printWidth: 100
     };
-    fs7.writeFileSync(path8.join(targetDir, ".prettierrc"), JSON.stringify(prettierConfig, null, 4));
-    fs7.writeFileSync(path8.join(targetDir, ".prettierignore"), `dist
+    fs8.writeFileSync(path9.join(targetDir, ".prettierrc"), JSON.stringify(prettierConfig, null, 4));
+    fs8.writeFileSync(path9.join(targetDir, ".prettierignore"), `dist
 node_modules
 bun.lock
 `);