coderio 1.0.0 → 1.0.1-alpha.1

package/README.md

@@ -54,7 +54,8 @@ https://github.com/user-attachments/assets/bd0c3f18-e98a-4050-bf22-46b198fadac2
 
 CodeRio can be seamlessly integrated into Cursor as a Skill. Simply input a prompt like **"Create a React project and restore this design with high fidelity,"** along with your output directory, Figma URL([Design Link](https://www.figma.com/design/c0UBII8lURfxZIY8W6tSDR/Top-16-Websites-of-2024---Awwwards--Community-?node-id=30-8264&t=FB3Hohq2nsH7ZFts-4)), and Token. The Agent will guide you step-by-step through the page generation process. For Landing Pages, it achieves **high-fidelity restoration**, accurately reproducing images and styles. It also automatically encapsulates reusable components (such as cards) and strictly adheres to **frontend development best practices**.
 
-https://github.com/user-attachments/assets/a66dc680-f68d-4121-b416-aa6b778bd895
+
+https://github.com/user-attachments/assets/43817e97-ffd2-40e3-9d33-78ee55b2ec2d
 
 ## 🚀 Quick Start
 
@@ -65,6 +66,7 @@ Best for one-click generation.
 
 - Node.js >= 18.0.0 (< 25.0.0)
 - [Figma Personal Access Token](https://www.figma.com/developers/api#access-tokens)
+- **Figma Link**: Select a Frame or Component in Figma, right-click, and choose **Copy link to selection** ([Reference](docs/figma-link.jpg)).
 - LLM API Key ([Anthropic](https://console.anthropic.com/) | [OpenAI](https://platform.openai.com/) | [Google](https://aistudio.google.com/))
 
 #### 2. Installation
@@ -85,15 +87,20 @@ pnpm add -g coderio
 >
 > This allows native dependencies (better-sqlite3) to compile properly.
 >
-> **Note**: `playwright` and `sharp` are required only for validation features. They will be automatically installed when you first run a command that needs them (like `d2c --mode full`).
+> **Note**: Validation features (e.g., `d2c --mode full`) require optional dependencies `playwright` and `sharp`. They are not bundled with coderio by default to keep installation lightweight. Please install them globally beforehand for smoother execution:
+>
+> ```bash
+> npm install -g playwright sharp
+> npx playwright install chromium
+> ``` 
 
 #### 3. Configuration
 
-Create `~/.coderio/config.yaml`:
+> **Important**: Requires a **multimodal (vision)** model (Recommended: `gemini-3-pro-preview`).
 
-```bash
-mkdir -p ~/.coderio
-cat > ~/.coderio/config.yaml << 'EOF'
+Create config file at `~/.coderio/config.yaml` (Windows: `%USERPROFILE%\.coderio\config.yaml`):
+
+```yaml
 model:
   provider: openai          # anthropic | openai | google
   model: gemini-3-pro-preview
@@ -105,7 +112,6 @@ figma:
 
 debug:
   enabled: false
-EOF
 ```
 
 #### 4. Usage
@@ -235,24 +241,9 @@ Beyond visual fidelity, the generated code is built for long-term maintenance:
 - [ ] Vue.js and Svelte support
 - [ ] Custom design system integration
 
-## 🤝 Contributing
-
-we welcome contributions!
-
-```bash
-git clone https://github.com/MigoXLab/coderio.git
-cd coderio
-pnpm install
-pnpm build
-```
-
-### Contributors
-
-Thanks to all our contributors! 🎉
+### 🤝 Contributors
 
-<a href="https://github.com/MigoXLab/coderio/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=MigoXLab/coderio" />
-</a>
+Welcome to contribute. Thanks to all our contributors! 🎉
 
 ## 📄 License
 

package/dist/cli.js

@@ -475,7 +475,7 @@ var AGENT_CONTEXT_WINDOW_TOKENS = 128e3;
 
 // src/cli/init.ts
 function registerCommands(program) {
-  const version = false ? "0.0.1" : "1.0.0";
+  const version = false ? "0.0.1" : "1.0.1-alpha.1";
   program.name(CLI_NAME).description(`${CLI_NAME} - Convert Figma designs to code`).version(version, "-v, -V, --version", "Output the version number").showHelpAfterError();
 }
 
@@ -628,7 +628,8 @@ var Workspace = class {
    *
    */
   resolveComponentPath(aliasPath) {
-    let relativePath = aliasPath.startsWith("@/") ? aliasPath.substring(2) : aliasPath;
+    const normalizedAlias = aliasPath.replace(/\\/g, "/");
+    let relativePath = normalizedAlias.startsWith("@/") ? normalizedAlias.substring(2) : normalizedAlias;
     if (relativePath.startsWith("src/")) {
       relativePath = relativePath.substring(4);
     }
@@ -980,7 +981,13 @@ var createDownloadTask = async (image, imageDir) => {
   const filename = `${sanitizedName}-${image.id.replace(/:/g, "-")}.${ext}`;
   try {
     const localPath = await downloadImage(image.url, filename, imageDir);
-    const aliasPath = `@/${localPath.split("src/")?.[1] || ""}`;
+    const normalizedImageDir = imageDir ? path3.normalize(imageDir) : "";
+    const dirParts = normalizedImageDir.split(path3.sep).filter(Boolean);
+    const srcIndex = dirParts.lastIndexOf("src");
+    const srcDir = srcIndex >= 0 ? (normalizedImageDir.startsWith(path3.sep) ? path3.sep : "") + path3.join(...dirParts.slice(0, srcIndex + 1)) : "";
+    const relativeFromSrc = srcDir ? path3.relative(srcDir, localPath) : "";
+    const normalizedRelative = relativeFromSrc.split(path3.sep).join("/");
+    const aliasPath = `@/${normalizedRelative}`;
     return {
       id: image.id,
       name: image.name,
@@ -1564,6 +1571,9 @@ async function callModel(options) {
 init_logger();
 init_prompt();
 
+// src/nodes/process/structure/utils.ts
+import path4 from "path";
+
 // src/utils/naming.ts
 function toKebabCase(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-zA-Z0-9]+/g, "-").toLowerCase().replace(/^-+|-+$/g, "");
@@ -1742,7 +1752,7 @@ function postProcessStructure(structure, frames) {
   if (!structure) {
     return;
   }
-  const joinSegments = (...segments) => segments.filter((segment) => Boolean(segment && segment.length)).join("/").replace(/\/{2,}/g, "/");
+  const joinSegments = (...segments) => path4.posix.join(...segments.filter((segment) => Boolean(segment && segment.length)));
   const nodes = Array.isArray(structure) ? structure : [structure];
   let rootPath = "@/components";
   const toKebabName = (node) => {
@@ -2002,7 +2012,7 @@ var parseFigmaUrl = (url) => {
   if (!fileId || !nodeId) {
     throw new Error("Invalid Figma URL");
   }
-  return { fileId, name, nodeId, projectName: `${name}_${nodeId}` };
+  return { fileId, name, nodeId, projectName: `${name}_${nodeId.replace(/:/g, "_")}` };
 };
 
 // src/cli/d2p.ts
@@ -2123,7 +2133,7 @@ function createInitialAgent(modelConfig) {
 // src/nodes/initial/index.ts
 init_logger();
 import fs4 from "fs";
-import path4 from "path";
+import path5 from "path";
 
 // src/agents/initial-agent/instruction.ts
 function initialAgentInstruction(params) {
@@ -2154,7 +2164,7 @@ var initialProject = async (state) => {
   const result = await initialAgent.run(initialAgentInstruction({ appPath, appName }));
   const essentialFiles = ["package.json", "src", "vite.config.ts", "tsconfig.json", "index.html", "src/main.tsx", "src/App.tsx"];
   for (const file of essentialFiles) {
-    const fullPath = path4.join(appPath, file);
+    const fullPath = path5.join(appPath, file);
     if (!fs4.existsSync(fullPath)) {
       throw new Error(`Critical file/directory missing: "${file}". The project scaffolding may have failed.`);
     }
@@ -2164,7 +2174,7 @@ var initialProject = async (state) => {
 };
 
 // src/nodes/validation/index.ts
-import fs9 from "fs";
+import fs8 from "fs";
 import path12 from "path";
 
 // src/nodes/validation/constants.ts
@@ -2194,7 +2204,7 @@ function buildDevServerUrl(port) {
 init_logger();
 
 // src/nodes/validation/core/validation-loop.ts
-import * as fs8 from "fs";
+import * as fs7 from "fs";
 import * as path11 from "path";
 init_logger();
 
@@ -2306,13 +2316,13 @@ Check for changes and commit if there are any modifications in the app directory
 
 // src/nodes/validation/commit/index.ts
 init_logger();
-import path5 from "path";
+import path6 from "path";
 async function commit(options) {
   try {
     if (!options?.appPath) {
       throw new Error("commit() requires options.appPath");
     }
-    const appPath = path5.resolve(options.appPath);
+    const appPath = path6.resolve(options.appPath);
     const agent = createCommitAgent();
     const instruction = formatGitCommitInstruction({
       appPath,
@@ -3249,13 +3259,13 @@ init_logger();
 init_logger();
 import * as fs6 from "fs";
 import * as fsPromises from "fs/promises";
-import * as path8 from "path";
+import * as path9 from "path";
 import { fileURLToPath } from "url";
 import { tools as tools6 } from "evoltagent";
 
 // src/tools/visualization-tool/index.ts
 import { tools as tools5 } from "evoltagent";
-import * as path7 from "path";
+import * as path8 from "path";
 
 // src/tools/visualization-tool/utils/annotation-styles.ts
 var ANNOTATION_COLORS = {
@@ -3577,7 +3587,7 @@ async function browserManagement(viewport, operation) {
 
 // src/tools/visualization-tool/utils/combine.ts
 import fs5 from "fs";
-import path6 from "path";
+import path7 from "path";
 var DEFAULT_OPTIONS = {
   leftHeader: "RENDER (Current)",
   rightHeader: "TARGET (Expected)",
@@ -3624,7 +3634,7 @@ async function combineSideBySide(renderBase64, targetBase64, outputPath, options
 </svg>
         `;
     const headerBuffer = Buffer.from(headerSvg);
-    const outputDir = path6.dirname(outputPath);
+    const outputDir = path7.dirname(outputPath);
     if (!fs5.existsSync(outputDir)) {
       fs5.mkdirSync(outputDir, { recursive: true });
     }
@@ -3906,7 +3916,7 @@ var VisualizationTool = class {
       const render = await this.annotateRender(serverUrl, misalignedData, viewport);
       const targetMarked = cachedFigmaThumbnailBase64 ? await this.annotateTargetFromBase64(cachedFigmaThumbnailBase64, misalignedData, viewport, designOffset) : await this.annotateTarget(figmaThumbnailUrl, misalignedData, viewport, designOffset);
       await this.combine(render.renderMarked, targetMarked, outputPath);
-      logger.printInfoLog(`Saved comparison screenshot: ${path7.basename(outputPath)}`);
+      logger.printInfoLog(`Saved comparison screenshot: ${path8.basename(outputPath)}`);
       return {
         renderMarked: render.renderMarked,
         targetMarked,
@@ -3995,7 +4005,7 @@ var ReportTool = class {
     logger.printInfoLog("\nGenerating validation report...");
     const visualizationTool = new VisualizationTool();
     const { validationResult } = request;
-    const comparisonDir = path8.join(request.outputDir, "comparison_screenshots");
+    const comparisonDir = path9.join(request.outputDir, "comparison_screenshots");
     if (!fs6.existsSync(comparisonDir)) {
       fs6.mkdirSync(comparisonDir, { recursive: true });
     }
@@ -4010,21 +4020,21 @@ var ReportTool = class {
       renderMarked,
       targetMarked
     };
-    const finalScreenshotPath = path8.join(comparisonDir, "final.webp");
+    const finalScreenshotPath = path9.join(comparisonDir, "final.webp");
     await visualizationTool.combine(screenshots.renderMarked, screenshots.targetMarked, finalScreenshotPath);
-    logger.printSuccessLog(`Saved final comparison screenshot: ${path8.basename(finalScreenshotPath)}`);
+    logger.printSuccessLog(`Saved final comparison screenshot: ${path9.basename(finalScreenshotPath)}`);
     let heatmap = "";
     try {
       heatmap = await visualizationTool.diffHeatmap(screenshots.renderSnap, request.figmaThumbnailUrl);
       if (heatmap) {
-        const heatmapPath = path8.join(comparisonDir, "heatmap.webp");
+        const heatmapPath = path9.join(comparisonDir, "heatmap.webp");
         const base64Data = heatmap.split(",")[1];
         if (!base64Data) {
           throw new Error("Invalid heatmap data URI format");
         }
         const buffer = Buffer.from(base64Data, "base64");
         await fs6.promises.writeFile(heatmapPath, buffer);
-        logger.printSuccessLog(`Saved pixel difference heatmap: ${path8.basename(heatmapPath)}`);
+        logger.printSuccessLog(`Saved pixel difference heatmap: ${path9.basename(heatmapPath)}`);
       }
     } catch (heatmapError) {
       const errorMsg = heatmapError instanceof Error ? heatmapError.message : "Unknown error";
@@ -4079,7 +4089,7 @@ var ReportTool = class {
    */
   async generateHtml(userReport, outputDir) {
     const reportDistDir = this.getReportDistDir();
-    const reportIndexHtml = path8.join(reportDistDir, "index.html");
+    const reportIndexHtml = path9.join(reportDistDir, "index.html");
     logger.printInfoLog(`[ReportTool] Using template: ${reportIndexHtml}`);
     logger.printInfoLog(`[ReportTool] Output directory: ${outputDir}`);
     try {
@@ -4106,7 +4116,7 @@ var ReportTool = class {
       for (const match of jsMatches) {
         const fileName = match[1];
         if (fileName) {
-          const jsFilePath = path8.join(reportDistDir, "assets", fileName);
+          const jsFilePath = path9.join(reportDistDir, "assets", fileName);
           try {
             let jsContent = await fsPromises.readFile(jsFilePath, "utf-8");
             jsContent = jsContent.replace(/<\/script>/g, "\\u003c/script>");
@@ -4130,7 +4140,7 @@ var ReportTool = class {
         if (!cssFileName) {
           logger.printWarnLog("[ReportTool] CSS filename not found in match");
         } else {
-          const cssFilePath = path8.join(reportDistDir, "assets", cssFileName);
+          const cssFilePath = path9.join(reportDistDir, "assets", cssFileName);
           try {
             const cssContent = await fsPromises.readFile(cssFilePath, "utf-8");
             htmlContent = htmlContent.replace(cssMatch[0], `<style>${cssContent}</style>`);
@@ -4139,7 +4149,7 @@ var ReportTool = class {
         }
       }
       htmlContent = htmlContent.replace('<link rel="stylesheet" href="/index.css">', "");
-      const absoluteOutputPath = path8.join(outputDir, "index.html");
+      const absoluteOutputPath = path9.join(outputDir, "index.html");
       await fsPromises.writeFile(absoluteOutputPath, htmlContent);
       return { success: true, htmlPath: absoluteOutputPath };
     } catch (error) {
@@ -4224,13 +4234,13 @@ var ReportTool = class {
    */
   getPackageRoot() {
     const __filename = fileURLToPath(import.meta.url);
-    const __dirname = path8.dirname(__filename);
+    const __dirname = path9.dirname(__filename);
     let currentDir = __dirname;
-    while (currentDir !== path8.parse(currentDir).root) {
-      if (fs6.existsSync(path8.join(currentDir, "package.json"))) {
+    while (currentDir !== path9.parse(currentDir).root) {
+      if (fs6.existsSync(path9.join(currentDir, "package.json"))) {
         return currentDir;
       }
-      currentDir = path8.dirname(currentDir);
+      currentDir = path9.dirname(currentDir);
     }
     return process.cwd();
   }
@@ -4240,17 +4250,17 @@ var ReportTool = class {
   getReportDistDir() {
     const root = this.getPackageRoot();
     const paths = [
-      path8.join(root, "dist/tools/report-tool/template"),
+      path9.join(root, "dist/tools/report-tool/template"),
       // Production layout (if copied)
-      path8.join(root, "src/tools/report-tool/template/dist")
+      path9.join(root, "src/tools/report-tool/template/dist")
       // Development layout
     ];
     for (const p of paths) {
-      if (fs6.existsSync(path8.join(p, "index.html"))) {
+      if (fs6.existsSync(path9.join(p, "index.html"))) {
         return p;
       }
     }
-    return path8.join(root, "src/tools/report-tool/template/dist");
+    return path9.join(root, "src/tools/report-tool/template/dist");
   }
 };
 _init6 = __decoratorStart(null);
@@ -4306,7 +4316,7 @@ async function report(options) {
 }
 
 // src/tools/launch-tool/index.ts
-import * as path9 from "path";
+import * as path10 from "path";
 import { tools as tools7 } from "evoltagent";
 
 // src/tools/launch-tool/utils/dev-server-manager.ts
@@ -4314,6 +4324,16 @@ import * as http from "http";
 import * as net from "net";
 import { spawn as spawn2 } from "child_process";
 init_logger();
+function terminateChildProcess(child) {
+  try {
+    if (process.platform === "win32") {
+      child.kill();
+    } else {
+      child.kill("SIGTERM");
+    }
+  } catch {
+  }
+}
 function normalizeExecutable(executable) {
   if (process.platform !== "win32") {
     return executable;
@@ -4429,18 +4449,12 @@ var DevServerManager = class {
     child.stdout?.on("data", push);
     child.stderr?.on("data", push);
     process.once("exit", () => {
-      try {
-        child.kill("SIGTERM");
-      } catch {
-      }
+      terminateChildProcess(child);
     });
     const ready = await waitForServerReady(url, options.timeoutMs);
     if (!ready) {
       const tail = out.trim();
-      try {
-        child.kill("SIGTERM");
-      } catch {
-      }
+      terminateChildProcess(child);
       throw new Error(`Dev server did not become ready at ${url} within ${options.timeoutMs}ms.
 ${tail}`);
     }
@@ -4460,7 +4474,7 @@ ${tail}`);
     await new Promise((resolve3) => {
       try {
         child.once("close", () => resolve3());
-        child.kill("SIGTERM");
+        terminateChildProcess(child);
       } catch {
         resolve3();
       }
@@ -4475,7 +4489,7 @@ ${tail}`);
 
 // src/tools/launch-tool/index.ts
 function makeServerKey(appPath) {
-  const safeApp = appPath.split(path9.sep).join("_");
+  const safeApp = appPath.split(path10.sep).join("_");
   return `launch:${safeApp}`;
 }
 var _LaunchTool_decorators, _init7;
@@ -5142,17 +5156,9 @@ async function validatePositions(config) {
 }
 
 // src/utils/dependency-installer.ts
-init_logger();
-import { execSync } from "child_process";
 import { createRequire as createRequire2 } from "module";
-import fs7 from "fs";
-import path10 from "path";
+init_logger();
 var require2 = createRequire2(import.meta.url);
-function detectPackageManager(cwd = process.cwd()) {
-  if (fs7.existsSync(path10.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
-  if (fs7.existsSync(path10.join(cwd, "yarn.lock"))) return "yarn";
-  return "npm";
-}
 function isPackageInstalled(packageName) {
   try {
     require2.resolve(packageName);
@@ -5161,43 +5167,50 @@ function isPackageInstalled(packageName) {
     return false;
   }
 }
-function ensurePackageInstalled(packageName, packageNameInRegistry) {
-  const pkgName = packageNameInRegistry || packageName;
-  if (isPackageInstalled(packageName)) {
+function formatValidationDependencyHelp(missing) {
+  const isWin = process.platform === "win32";
+  const globalInstall = [
+    "npm install -g playwright sharp",
+    isWin ? "npx playwright install chromium" : "npx playwright install chromium"
+  ].join("\n");
+  const localInstall = [
+    "npm install -D playwright sharp",
+    isWin ? "npx playwright install chromium" : "npx playwright install chromium"
+  ].join("\n");
+  const pnpmGlobal = ["pnpm add -g playwright sharp", "pnpm exec playwright install chromium"].join("\n");
+  const pnpmLocal = ["pnpm add -D playwright sharp", "pnpm exec playwright install chromium"].join("\n");
+  return [
+    `Missing optional validation dependencies: ${missing.join(", ")}`,
+    "",
+    "Validation requires Playwright (browsers) and Sharp (image processing).",
+    "These dependencies are NOT bundled with coderio by default to keep installation lightweight.",
+    "",
+    "Recommended (global install):",
+    globalInstall,
+    "",
+    "Or install in your current project:",
+    localInstall,
+    "",
+    "If you use pnpm:",
+    "",
+    "Global:",
+    pnpmGlobal,
+    "",
+    "Local (project):",
+    pnpmLocal
+  ].join("\n");
+}
+function assertValidationDependenciesInstalled() {
+  const missing = [];
+  if (!isPackageInstalled("sharp")) missing.push("sharp");
+  if (!isPackageInstalled("playwright")) missing.push("playwright");
+  if (missing.length === 0) {
     return;
   }
-  logger.printInfoLog(`Package '${packageName}' is required for validation but not installed.`);
-  const pm = detectPackageManager();
-  const installArgs = pm === "npm" ? "install" : "add";
-  const installCmd = `${pm} ${installArgs} ${pkgName}`;
-  logger.printInfoLog(`Installing ${pkgName} using ${pm}...`);
-  logger.printInfoLog(`Command: ${installCmd}`);
-  try {
-    execSync(installCmd, { stdio: "inherit", cwd: process.cwd() });
-    logger.printSuccessLog(`Successfully installed ${pkgName}.`);
-  } catch (error) {
-    const errorMsg = error instanceof Error ? error.message : String(error);
-    throw new Error(`Failed to install ${pkgName}: ${errorMsg}. Please install it manually.`);
-  }
+  throw new Error(formatValidationDependencyHelp(missing));
 }
-async function ensureValidationDependencies() {
-  ensurePackageInstalled("sharp");
-  ensurePackageInstalled("playwright");
-  try {
-    const { chromium } = await import("playwright");
-    if (!chromium.executablePath()) {
-      throw new Error("Chromium not found");
-    }
-  } catch {
-    logger.printInfoLog("Playwright browsers may be missing. Installing chromium...");
-    try {
-      execSync("npx playwright install chromium", { stdio: "inherit" });
-    } catch {
-      logger.printWarnLog(
-        'Failed to install playwright browsers automatically. You might need to run "npx playwright install" manually.'
-      );
-    }
-  }
+function ensureValidationDependencies() {
+  assertValidationDependenciesInstalled();
 }
 
 // src/nodes/validation/core/validation-loop.ts
@@ -5290,7 +5303,7 @@ async function refineComponent(comp, context) {
 }
 function saveProcessedJson(outputDir, processedOutput) {
   const processedJsonPath = path11.join(outputDir, "processed.json");
-  fs8.writeFileSync(processedJsonPath, JSON.stringify(processedOutput, null, 2));
+  fs7.writeFileSync(processedJsonPath, JSON.stringify(processedOutput, null, 2));
   logger.printInfoLog("Saved processed.json");
 }
 async function performCommit(appPath, iteration, stage) {
@@ -5322,7 +5335,7 @@ function saveIterationAndProcessedJson(iterations, iteration, currentMae, curren
   saveProcessedJson(outputDir, processedOutput);
 }
 async function validationLoop(params) {
-  await ensureValidationDependencies();
+  ensureValidationDependencies();
   const { protocol, figmaThumbnailUrl, outputDir, workspace } = params;
   if (!protocol || !figmaThumbnailUrl || !outputDir || !workspace) {
     throw new Error("Something wrong in validation loop, missing required parameters...");
@@ -5622,8 +5635,8 @@ var runValidation = async (state) => {
     return;
   }
   const outputDir = path12.join(state.workspace.process, "validation");
-  if (!fs9.existsSync(outputDir)) {
-    fs9.mkdirSync(outputDir, { recursive: true });
+  if (!fs8.existsSync(outputDir)) {
+    fs8.mkdirSync(outputDir, { recursive: true });
   }
   logger.printInfoLog(`Starting validation loop (mode: ${mode})...`);
   const result = await validationLoop({
@@ -5650,7 +5663,7 @@ init_logger();
 
 // src/nodes/code/utils.ts
 init_logger();
-import fs11 from "fs";
+import fs10 from "fs";
 
 // src/nodes/code/prompt.ts
 var STYLING_GUIDELINES = `
@@ -6037,18 +6050,18 @@ import path13 from "path";
 
 // src/utils/code-cache.ts
 init_logger();
-import fs10 from "fs";
+import fs9 from "fs";
 function getCachePath(workspace) {
   return workspace.checkpoint;
 }
 function loadCodeCache(workspace) {
   const cachePath = getCachePath(workspace);
   try {
-    if (!fs10.existsSync(cachePath)) {
+    if (!fs9.existsSync(cachePath)) {
       logger.printInfoLog("No code cache found, starting fresh");
       return createEmptyCache();
     }
-    const content = fs10.readFileSync(cachePath, "utf-8");
+    const content = fs9.readFileSync(cachePath, "utf-8");
     const cache = JSON.parse(content);
     if (!Array.isArray(cache.generatedComponents) || typeof cache.appInjected !== "boolean") {
       logger.printWarnLog("Invalid cache format, starting fresh");
@@ -6065,11 +6078,11 @@ function loadCodeCache(workspace) {
 function saveCodeCache(workspace, cache) {
   const cachePath = getCachePath(workspace);
   try {
-    if (!fs10.existsSync(workspace.process)) {
-      fs10.mkdirSync(workspace.process, { recursive: true });
+    if (!fs9.existsSync(workspace.process)) {
+      fs9.mkdirSync(workspace.process, { recursive: true });
     }
     const content = JSON.stringify(cache, null, 2);
-    fs10.writeFileSync(cachePath, content, "utf-8");
+    fs9.writeFileSync(cachePath, content, "utf-8");
   } catch (error) {
     const errorMessage = error instanceof Error ? error.message : String(error);
     logger.printWarnLog(`Failed to save code cache: ${errorMessage}`);
@@ -6215,10 +6228,10 @@ function saveGeneratedCode(code, filePath) {
 function getAssetFilesList(state) {
   try {
     const assetsDir = workspaceManager.resolveAppSrc(state.workspace, "assets");
-    if (!fs11.existsSync(assetsDir)) {
+    if (!fs10.existsSync(assetsDir)) {
       return "";
     }
-    const files = fs11.readdirSync(assetsDir);
+    const files = fs10.readdirSync(assetsDir);
     return files.join(", ");
   } catch {
     return "";
@@ -6234,7 +6247,7 @@ async function injectRootComponentToApp(state, cache) {
     const appTsxPath = workspaceManager.resolveAppSrc(state.workspace, "App.tsx");
     let appContent;
     try {
-      appContent = fs11.readFileSync(appTsxPath, "utf8");
+      appContent = fs10.readFileSync(appTsxPath, "utf8");
     } catch {
       logger.printWarnLog("App.tsx not found, using default template");
       appContent = DEFAULT_APP_CONTENT;
@@ -6279,7 +6292,8 @@ async function generateCode(state) {
 
 // src/utils/checkpoint.ts
 init_logger();
-import fs12 from "fs";
+import path14 from "path";
+import fs11 from "fs";
 import { SqliteSaver } from "@langchain/langgraph-checkpoint-sqlite";
 
 // src/cli/prompts.ts
@@ -6328,9 +6342,9 @@ async function promptCheckpointChoice(checkpointer, threadId) {
   return choice === "resume";
 }
 function initializeSqliteSaver(dbPath) {
-  const dbDir = dbPath.substring(0, dbPath.lastIndexOf("/"));
-  if (!fs12.existsSync(dbDir)) {
-    fs12.mkdirSync(dbDir, { recursive: true });
+  const dbDir = path14.dirname(dbPath);
+  if (!fs11.existsSync(dbDir)) {
+    fs11.mkdirSync(dbDir, { recursive: true });
   }
   const checkpointer = SqliteSaver.fromConnString(dbPath);
   return checkpointer;
@@ -6459,11 +6473,11 @@ var registerP2CCommand = (program) => {
 };
 
 // src/cli/val.ts
-import * as fs13 from "fs";
-import * as path14 from "path";
+import * as fs12 from "fs";
+import * as path15 from "path";
 init_logger();
 function readJsonFile(absolutePath) {
-  const raw = fs13.readFileSync(absolutePath, "utf-8");
+  const raw = fs12.readFileSync(absolutePath, "utf-8");
   return JSON.parse(raw);
 }
 function registerValidateCommand(program) {
@@ -6475,16 +6489,16 @@ function registerValidateCommand(program) {
       let workspace;
       let projectName;
       if (opts.workspace) {
-        const workspacePath = path14.resolve(opts.workspace);
-        const parentPath = path14.dirname(path14.dirname(workspacePath));
-        projectName = path14.basename(workspacePath);
+        const workspacePath = path15.resolve(opts.workspace);
+        const parentPath = path15.dirname(path15.dirname(workspacePath));
+        projectName = path15.basename(workspacePath);
         workspace = workspaceManager.initWorkspace(projectName, parentPath);
       } else {
-        projectName = path14.basename(process.env.CODERIO_CLI_USER_CWD ?? process.cwd());
+        projectName = path15.basename(process.env.CODERIO_CLI_USER_CWD ?? process.cwd());
         workspace = workspaceManager.initWorkspace(projectName);
       }
-      const protocolPath = path14.join(workspace.process, "protocol.json");
-      if (!fs13.existsSync(protocolPath)) {
+      const protocolPath = path15.join(workspace.process, "protocol.json");
+      if (!fs12.existsSync(protocolPath)) {
         throw new Error(`Missing protocol at: ${protocolPath}. Run d2p/d2c first to generate process/protocol.json.`);
       }
       const protocol = readJsonFile(protocolPath);