aerocoding 0.1.28 → 0.1.30

package/dist/index.js

@@ -1115,8 +1115,12 @@ var projectConfigSchema = z.object({
   $schema: z.string().optional().default("https://aerocoding.dev/schema.json"),
   /** Project UUID from aerocoding.dev */
   projectId: z.string().uuid(),
-  /** Template ID for architecture generation */
+  /** Template ID for architecture generation (legacy, prefer backendTemplateId/frontendTemplateId) */
   templateId: z.string().min(1),
+  /** Backend template ID */
+  backendTemplateId: z.string().min(1).optional(),
+  /** Frontend template ID */
+  frontendTemplateId: z.string().min(1).optional(),
   /** Template version at project creation */
   templateVersion: z.string().optional(),
   /** Root namespace/package name */
@@ -1149,6 +1153,8 @@ function createProjectConfig(options) {
     $schema: "https://aerocoding.dev/schema.json",
     projectId: options.projectId,
     templateId: options.templateId,
+    backendTemplateId: options.backendTemplateId,
+    frontendTemplateId: options.frontendTemplateId,
     templateVersion: options.templateVersion,
     namespace: options.namespace,
     organizationId: options.organizationId,
@@ -1316,32 +1322,72 @@ async function createCommand(projectName, options) {
       }
     } catch {
     }
-    let templateId = options.template;
-    if (!templateId) {
+    let backendTemplateId;
+    let frontendTemplateId;
+    const hasBackend = !!project.backendFramework;
+    const hasFrontend = !!project.frontendFramework;
+    if (options.template) {
+      if (hasBackend) {
+        backendTemplateId = options.template;
+      } else if (hasFrontend) {
+        frontendTemplateId = options.template;
+      }
+    }
+    if (hasBackend && !backendTemplateId) {
       const templateSpinner = p.spinner();
-      templateSpinner.start("Loading templates...");
+      templateSpinner.start("Loading backend templates...");
       const templateResult = await apiClient.getTemplates({
         category: "backend",
         language: project.backendFramework || void 0
       });
-      templateSpinner.stop("Templates loaded");
+      templateSpinner.stop("Backend templates loaded");
       if (templateResult.templates.length === 0) {
-        p.cancel("No templates available for this project's framework.");
-        process.exit(1);
+        p.log.warn("No backend templates available for this project's framework.");
+      } else {
+        const selectedTemplate = await p.select({
+          message: "Select backend architecture template",
+          options: templateResult.templates.map((tmpl) => ({
+            value: tmpl.id,
+            label: tmpl.name,
+            hint: tmpl.description || `${tmpl.tier} tier`
+          }))
+        });
+        if (p.isCancel(selectedTemplate)) {
+          p.cancel("Operation cancelled.");
+          process.exit(0);
+        }
+        backendTemplateId = selectedTemplate;
       }
-      const selectedTemplate = await p.select({
-        message: "Select architecture template",
-        options: templateResult.templates.map((tmpl) => ({
-          value: tmpl.id,
-          label: tmpl.name,
-          hint: tmpl.description || `${tmpl.tier} tier`
-        }))
+    }
+    if (hasFrontend && !frontendTemplateId) {
+      const frontendSpinner = p.spinner();
+      frontendSpinner.start("Loading frontend templates...");
+      const frontendResult = await apiClient.getTemplates({
+        category: "frontend",
+        framework: project.frontendFramework || void 0
       });
-      if (p.isCancel(selectedTemplate)) {
-        p.cancel("Operation cancelled.");
-        process.exit(0);
+      frontendSpinner.stop("Frontend templates loaded");
+      if (frontendResult.templates.length === 0) {
+        p.log.warn("No frontend templates available for this project's framework.");
+      } else {
+        const selectedFrontend = await p.select({
+          message: "Select frontend architecture template",
+          options: frontendResult.templates.map((tmpl) => ({
+            value: tmpl.id,
+            label: tmpl.name,
+            hint: tmpl.description || `${tmpl.tier} tier`
+          }))
+        });
+        if (p.isCancel(selectedFrontend)) {
+          p.cancel("Operation cancelled.");
+          process.exit(0);
+        }
+        frontendTemplateId = selectedFrontend;
       }
-      templateId = selectedTemplate;
+    }
+    if (!backendTemplateId && !frontendTemplateId) {
+      p.cancel("No templates selected. At least one backend or frontend template is required.");
+      process.exit(1);
     }
     const diagrams = project.schema?.diagrams || [];
     const hasMultipleDiagrams = diagrams.length > 1;
@@ -1401,50 +1447,73 @@ async function createCommand(projectName, options) {
     const useContexts = archStyleChoice === "bounded-contexts";
     const estimateSpinner = p.spinner();
     estimateSpinner.start("Calculating credit cost...");
-    let estimatedCredits = 0;
     let creditsRemaining = 0;
-    let estimatedFiles = [];
-    let estimatedEntities = 0;
+    let backendEstimatedCredits = 0;
+    let backendEstimatedFiles = [];
+    let backendEstimatedEntities = 0;
+    let frontendEstimatedCredits = 0;
+    let frontendEstimatedFiles = [];
+    let frontendEstimatedEntities = 0;
     const estimateDiagramIds = selectedDiagramIds.length < diagrams.length ? selectedDiagramIds : void 0;
+    const featureFlags = {
+      includeDtos: true,
+      includeUseCases: true,
+      includeMappers: true,
+      includeControllers: true,
+      includeEfConfig: true,
+      includeValidation: true,
+      includeDtoValidation: true,
+      includeUnitTests: true,
+      includeIntegrationTests: true,
+      includeStarterFiles: true,
+      includeReactions: true,
+      includeOutbox: true,
+      includeInbox: true
+    };
     try {
-      const estimate = await apiClient.estimateCreditCost({
-        projectId,
-        templateId,
-        options: {
-          featureFlags: {
-            includeDtos: true,
-            includeUseCases: true,
-            includeMappers: true,
-            includeControllers: true,
-            includeEfConfig: true,
-            includeValidation: true,
-            includeDtoValidation: true,
-            includeUnitTests: true,
-            includeIntegrationTests: true,
-            includeStarterFiles: true,
-            includeReactions: true,
-            includeOutbox: true,
-            includeInbox: true
-          },
-          useContexts,
-          diagramIds: estimateDiagramIds
-        }
-      });
-      estimatedCredits = estimate.estimatedCredits;
-      estimatedFiles = estimate.files || [];
-      estimatedEntities = estimate.entities || 0;
+      if (backendTemplateId) {
+        const backendEstimate = await apiClient.estimateCreditCost({
+          projectId,
+          templateId: backendTemplateId,
+          options: {
+            featureFlags,
+            useContexts,
+            diagramIds: estimateDiagramIds
+          }
+        });
+        backendEstimatedCredits = backendEstimate.estimatedCredits;
+        backendEstimatedFiles = backendEstimate.files || [];
+        backendEstimatedEntities = backendEstimate.entities || 0;
+      }
+      if (frontendTemplateId) {
+        const frontendEstimate = await apiClient.estimateCreditCost({
+          projectId,
+          templateId: frontendTemplateId,
+          options: {
+            featureFlags,
+            useContexts,
+            diagramIds: estimateDiagramIds
+          }
+        });
+        frontendEstimatedCredits = frontendEstimate.estimatedCredits;
+        frontendEstimatedFiles = frontendEstimate.files || [];
+        frontendEstimatedEntities = frontendEstimate.entities || 0;
+      }
       const creditUsage = await apiClient.getCreditUsage(organizationId);
       creditsRemaining = creditUsage.remaining;
       estimateSpinner.stop("Credit estimate calculated");
     } catch {
       estimateSpinner.stop("Could not estimate credits (will be calculated on generation)");
     }
-    const hasEnoughCredits = estimatedCredits === 0 || creditsRemaining >= estimatedCredits;
+    const totalEstimatedCredits = backendEstimatedCredits + frontendEstimatedCredits;
+    const totalEstimatedFiles = backendEstimatedFiles.length + frontendEstimatedFiles.length;
+    const totalEstimatedEntities = backendEstimatedEntities + frontendEstimatedEntities;
+    const hasEnoughCredits = totalEstimatedCredits === 0 || creditsRemaining >= totalEstimatedCredits;
+    const divider = `  ${"-".repeat(33)}`;
     console.log("");
     console.log(chalk7.bold("  Generation Summary"));
-    console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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(chalk7.gray(divider));
     console.log(chalk7.gray("  Project:"), chalk7.white(project.name));
-    console.log(chalk7.gray("  Template:"), chalk7.cyan(templateId));
     console.log(chalk7.gray("  Namespace:"), chalk7.cyan(namespace));
     console.log(chalk7.gray("  Directory:"), chalk7.cyan(`${safeName}/`));
     console.log(
@@ -1461,36 +1530,89 @@ async function createCommand(projectName, options) {
         console.log(chalk7.gray("  Bounded Contexts:"), chalk7.cyan(`${selectedCount}/${totalCount} (${selectedNames})`));
       }
     }
-    if (estimatedFiles.length > 0) {
+    console.log("");
+    console.log(chalk7.bold("  Templates"));
+    console.log(chalk7.gray(divider));
+    if (backendTemplateId) {
+      console.log(chalk7.gray("  Backend:"), chalk7.cyan(backendTemplateId));
+    }
+    if (frontendTemplateId) {
+      console.log(chalk7.gray("  Frontend:"), chalk7.cyan(frontendTemplateId));
+    }
+    if (backendEstimatedFiles.length > 0) {
+      console.log("");
+      console.log(chalk7.bold(`  Backend Files (${backendTemplateId})`));
+      console.log(chalk7.gray(divider));
+      const backendCategories = categorizeFilePaths(backendEstimatedFiles);
+      const backendMaxNameLength = Math.max(...backendCategories.map((c) => c.name.length), 8);
+      for (const category of backendCategories) {
+        const padding = " ".repeat(backendMaxNameLength - category.name.length + 2);
+        const countStr = category.count.toString().padStart(3, " ");
+        console.log(
+          chalk7.gray(`  ${category.name}${padding}`),
+          chalk7.cyan(`${countStr} files`)
+        );
+      }
+      console.log(chalk7.gray(divider));
+      const subtotalPadding = " ".repeat(backendMaxNameLength - 8 + 2);
+      const subtotalStr = backendEstimatedFiles.length.toString().padStart(3, " ");
+      console.log(
+        chalk7.white(`  Subtotal${subtotalPadding}`),
+        chalk7.bold.cyan(`${subtotalStr} files`)
+      );
+    }
+    if (frontendEstimatedFiles.length > 0) {
       console.log("");
-      console.log(chalk7.bold("  Files to Generate"));
-      console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-      const categories = categorizeFilePaths(estimatedFiles);
-      const maxNameLength = Math.max(...categories.map((c) => c.name.length));
-      for (const category of categories) {
-        const padding = " ".repeat(maxNameLength - category.name.length + 2);
+      console.log(chalk7.bold(`  Frontend Files (${frontendTemplateId})`));
+      console.log(chalk7.gray(divider));
+      const frontendCategories = categorizeFilePaths(frontendEstimatedFiles);
+      const frontendMaxNameLength = Math.max(...frontendCategories.map((c) => c.name.length), 8);
+      for (const category of frontendCategories) {
+        const padding = " ".repeat(frontendMaxNameLength - category.name.length + 2);
         const countStr = category.count.toString().padStart(3, " ");
         console.log(
           chalk7.gray(`  ${category.name}${padding}`),
           chalk7.cyan(`${countStr} files`)
         );
       }
-      console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-      const totalPadding = " ".repeat(maxNameLength - 5 + 2);
-      const totalStr = estimatedFiles.length.toString().padStart(3, " ");
+      console.log(chalk7.gray(divider));
+      const subtotalPadding = " ".repeat(frontendMaxNameLength - 8 + 2);
+      const subtotalStr = frontendEstimatedFiles.length.toString().padStart(3, " ");
+      console.log(
+        chalk7.white(`  Subtotal${subtotalPadding}`),
+        chalk7.bold.cyan(`${subtotalStr} files`)
+      );
+    }
+    if (backendEstimatedFiles.length > 0 && frontendEstimatedFiles.length > 0) {
+      console.log("");
+      console.log(chalk7.gray(divider));
       console.log(
-        chalk7.white(`  Total${totalPadding}`),
-        chalk7.bold.cyan(`${totalStr} files`)
+        chalk7.bold.white("  TOTAL            "),
+        chalk7.bold.green(`${totalEstimatedFiles.toString().padStart(3, " ")} files`)
       );
-      console.log(chalk7.gray("  Entities:"), chalk7.cyan(estimatedEntities));
+      console.log(chalk7.gray("  Entities:"), chalk7.cyan(totalEstimatedEntities));
+    } else if (totalEstimatedFiles > 0) {
+      console.log(chalk7.gray("  Entities:"), chalk7.cyan(totalEstimatedEntities));
     }
     console.log("");
     console.log(chalk7.bold("  Credits"));
-    console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-    if (estimatedCredits > 0) {
+    console.log(chalk7.gray(divider));
+    if (backendEstimatedCredits > 0) {
+      console.log(
+        chalk7.gray("  Backend:"),
+        chalk7.yellow(`${backendEstimatedCredits} credits`)
+      );
+    }
+    if (frontendEstimatedCredits > 0) {
       console.log(
-        chalk7.white("  Cost:"),
-        hasEnoughCredits ? chalk7.bold.yellow(`${estimatedCredits} credits`) : chalk7.bold.red(`${estimatedCredits} credits`)
+        chalk7.gray("  Frontend:"),
+        chalk7.yellow(`${frontendEstimatedCredits} credits`)
+      );
+    }
+    if (totalEstimatedCredits > 0) {
+      console.log(
+        chalk7.white("  Total Cost:"),
+        hasEnoughCredits ? chalk7.bold.yellow(`${totalEstimatedCredits} credits`) : chalk7.bold.red(`${totalEstimatedCredits} credits`)
       );
     }
     console.log(
@@ -1499,13 +1621,13 @@ async function createCommand(projectName, options) {
     );
     console.log("");
     if (!hasEnoughCredits) {
-      console.log(chalk7.red("  \u26A0 Not enough credits for this generation."));
-      console.log(chalk7.gray(`  Need ${estimatedCredits - creditsRemaining} more credits.
+      console.log(chalk7.red("  ! Not enough credits for this generation."));
+      console.log(chalk7.gray(`  Need ${totalEstimatedCredits - creditsRemaining} more credits.
 `));
       process.exit(1);
     }
     const proceed = await p.confirm({
-      message: estimatedCredits > 0 ? `Proceed with generation? (~${estimatedCredits} credits)` : "Proceed with generation?",
+      message: totalEstimatedCredits > 0 ? `Proceed with generation? (~${totalEstimatedCredits} credits)` : "Proceed with generation?",
       initialValue: true
     });
     if (p.isCancel(proceed) || !proceed) {
@@ -1516,47 +1638,68 @@ async function createCommand(projectName, options) {
     dirSpinner.start(`Creating ${safeName}/...`);
     await mkdir(projectDir, { recursive: true });
     dirSpinner.stop(`Created ${safeName}/`);
-    const genSpinner = ora2({ text: "Generating architecture...", color: "cyan" }).start();
-    const result = await apiClient.generateCode({
-      projectId,
-      templateId,
-      options: {
-        includeValidations: true,
-        includeComments: true,
-        featureFlags: {
-          includeDtos: true,
-          includeUseCases: true,
-          includeMappers: true,
-          includeControllers: true,
-          includeEfConfig: true,
-          includeValidation: true,
-          includeDtoValidation: true,
-          includeUnitTests: true,
-          includeIntegrationTests: true,
-          includeStarterFiles: true,
-          includeReactions: true,
-          includeOutbox: true,
-          includeInbox: true
-        },
-        useContexts,
-        diagramIds: estimateDiagramIds
-        // Filter by selected bounded contexts
+    const allGeneratedFiles = [];
+    let totalCreditsUsed = 0;
+    let totalCreditsRemaining = creditsRemaining;
+    if (backendTemplateId) {
+      const backendSpinner = ora2({ text: "Generating backend architecture...", color: "cyan" }).start();
+      const backendResult = await apiClient.generateCode({
+        projectId,
+        templateId: backendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts,
+          diagramIds: estimateDiagramIds
+        }
+      });
+      const backendFiles = (backendResult.files || []).map((file) => ({
+        ...file,
+        path: `backend/${file.path}`
+      }));
+      allGeneratedFiles.push(...backendFiles);
+      if (backendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += backendResult.creditsUsed;
+        totalCreditsRemaining = backendResult.creditsRemaining ?? totalCreditsRemaining;
       }
-    });
-    genSpinner.succeed(chalk7.green(`Generated ${result.files?.length || 0} files`));
+      backendSpinner.succeed(chalk7.green(`Backend: ${backendFiles.length} files generated`));
+    }
+    if (frontendTemplateId) {
+      const frontendSpinner = ora2({ text: "Generating frontend architecture...", color: "cyan" }).start();
+      const frontendResult = await apiClient.generateCode({
+        projectId,
+        templateId: frontendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts,
+          diagramIds: estimateDiagramIds
+        }
+      });
+      const frontendFiles = (frontendResult.files || []).map((file) => ({
+        ...file,
+        path: `frontend/${file.path}`
+      }));
+      allGeneratedFiles.push(...frontendFiles);
+      if (frontendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += frontendResult.creditsUsed;
+        totalCreditsRemaining = frontendResult.creditsRemaining ?? totalCreditsRemaining;
+      }
+      frontendSpinner.succeed(chalk7.green(`Frontend: ${frontendFiles.length} files generated`));
+    }
     const writeSpinner = p.spinner();
     writeSpinner.start("Writing files...");
-    const organizedFiles = result.files.map((file) => ({
-      ...file,
-      path: `backend/${file.path}`
-    }));
-    await writeGeneratedFiles(organizedFiles, projectDir, false);
-    writeSpinner.stop(`Wrote ${organizedFiles.length} files`);
+    await writeGeneratedFiles(allGeneratedFiles, projectDir, false);
+    writeSpinner.stop(`Wrote ${allGeneratedFiles.length} files`);
     const configSpinner = p.spinner();
     configSpinner.start("Creating config files...");
     const projectConfig = createProjectConfig({
       projectId,
-      templateId,
+      templateId: backendTemplateId || frontendTemplateId || "",
+      backendTemplateId,
+      frontendTemplateId,
       templateVersion: "1.0.0",
       // TODO: get from template
       namespace,
@@ -1565,7 +1708,7 @@ async function createCommand(projectName, options) {
     });
     await saveProjectConfig(projectConfig, projectDir);
     let manifest = createEmptyManifest("1.0.0");
-    for (const file of organizedFiles) {
+    for (const file of allGeneratedFiles) {
       const hash = hashString(file.content);
       manifest = setManifestFile(manifest, file.path, {
         hash,
@@ -1580,23 +1723,31 @@ async function createCommand(projectName, options) {
       const syncResult = await syncToCloud(apiClient, projectId, manifest);
       if (syncResult.success) {
         console.log(
-          chalk7.gray("  \u2713 Manifest synced to cloud") + chalk7.gray(` (${syncResult.fileCount} files)`)
+          chalk7.gray("  OK Manifest synced to cloud") + chalk7.gray(` (${syncResult.fileCount} files)`)
         );
       }
     } catch {
-      console.log(chalk7.yellow("  \u26A0 Could not sync manifest to cloud"));
+      console.log(chalk7.yellow("  ! Could not sync manifest to cloud"));
     }
     console.log("");
     console.log(chalk7.bold("  Project Created Successfully!"));
-    console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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(chalk7.gray(divider));
     console.log(chalk7.gray("  Directory:"), chalk7.cyan(safeName + "/"));
-    console.log(chalk7.gray("  Files:"), chalk7.cyan(organizedFiles.length));
+    const backendFileCount = allGeneratedFiles.filter((f) => f.path.startsWith("backend/")).length;
+    const frontendFileCount = allGeneratedFiles.filter((f) => f.path.startsWith("frontend/")).length;
+    if (backendFileCount > 0 && frontendFileCount > 0) {
+      console.log(chalk7.gray("  Backend:"), chalk7.cyan(`${backendFileCount} files`));
+      console.log(chalk7.gray("  Frontend:"), chalk7.cyan(`${frontendFileCount} files`));
+      console.log(chalk7.gray("  Total:"), chalk7.bold.cyan(`${allGeneratedFiles.length} files`));
+    } else {
+      console.log(chalk7.gray("  Files:"), chalk7.cyan(allGeneratedFiles.length));
+    }
     console.log(chalk7.gray("  Config:"), chalk7.cyan(PROJECT_CONFIG_FILENAME));
     console.log(chalk7.gray("  Manifest:"), chalk7.cyan(MANIFEST_FILENAME));
-    if (result.creditsUsed !== void 0) {
+    if (totalCreditsUsed > 0) {
       console.log("");
-      console.log(chalk7.gray("  Credits used:"), chalk7.yellow(result.creditsUsed));
-      console.log(chalk7.gray("  Credits remaining:"), chalk7.green(result.creditsRemaining));
+      console.log(chalk7.gray("  Credits used:"), chalk7.yellow(totalCreditsUsed));
+      console.log(chalk7.gray("  Credits remaining:"), chalk7.green(totalCreditsRemaining));
     }
     p.outro(
       chalk7.green("Project ready!") + "\n\n" + chalk7.gray("  Next steps:\n") + chalk7.cyan(`    cd ${safeName}
@@ -1714,59 +1865,124 @@ async function updateCommand(options) {
     projectSpinner.start("Fetching project details...");
     const project = await apiClient.getProject(config.projectId);
     projectSpinner.stop(`Project: ${project.name}`);
-    p2.log.step(chalk8.bold("Update Configuration:"));
-    p2.log.info(`  Project: ${project.name}`);
-    p2.log.info(`  Template: ${config.templateId}`);
-    p2.log.info(`  Namespace: ${config.namespace}`);
-    p2.log.info(`  Output: ${config.output.backend}`);
+    const divider = `  ${"-".repeat(33)}`;
+    const hasBackend = !!project.backendFramework;
+    const hasFrontend = !!project.frontendFramework;
+    let backendTemplateId = config.backendTemplateId;
+    let frontendTemplateId = config.frontendTemplateId;
+    if (!backendTemplateId && !frontendTemplateId) {
+      if (hasBackend) {
+        backendTemplateId = config.templateId;
+      } else if (hasFrontend) {
+        frontendTemplateId = config.templateId;
+      }
+    }
+    if (!backendTemplateId && !frontendTemplateId) {
+      p2.cancel("No templates configured for this project.");
+      process.exit(1);
+    }
+    const backendOutput = config.output?.backend || "./backend";
+    const frontendOutput = config.output?.frontend || "./frontend";
+    const featureFlags = {
+      includeDtos: true,
+      includeUseCases: true,
+      includeMappers: true,
+      includeControllers: true,
+      includeEfConfig: true,
+      includeValidation: true,
+      includeDtoValidation: true,
+      includeUnitTests: true,
+      includeIntegrationTests: true,
+      includeStarterFiles: false,
+      // Don't regenerate starter files on update
+      includeReactions: true,
+      includeOutbox: true,
+      includeInbox: true
+    };
+    console.log("");
+    console.log(chalk8.bold("  Update Configuration"));
+    console.log(chalk8.gray(divider));
+    console.log(chalk8.gray("  Project:"), chalk8.white(project.name));
+    console.log(chalk8.gray("  Namespace:"), chalk8.cyan(config.namespace));
+    if (backendTemplateId) {
+      console.log(chalk8.gray("  Backend:"), chalk8.cyan(backendTemplateId));
+      console.log(chalk8.gray("    Output:"), chalk8.cyan(backendOutput));
+    }
+    if (frontendTemplateId) {
+      console.log(chalk8.gray("  Frontend:"), chalk8.cyan(frontendTemplateId));
+      console.log(chalk8.gray("    Output:"), chalk8.cyan(frontendOutput));
+    }
     if (options.dryRun) {
-      p2.log.info(chalk8.yellow("  Mode: DRY RUN (no files will be written)"));
+      console.log(chalk8.yellow("  Mode: DRY RUN (no files will be written)"));
     }
     if (options.force) {
-      p2.log.info(chalk8.yellow("  Mode: FORCE (will overwrite modified files)"));
+      console.log(chalk8.yellow("  Mode: FORCE (will overwrite modified files)"));
     }
-    let estimatedCredits = 0;
+    let backendEstimatedCredits = 0;
+    let frontendEstimatedCredits = 0;
     let creditsRemaining = 0;
     const estimateSpinner = p2.spinner();
     estimateSpinner.start("Calculating credit cost...");
     try {
-      const estimate = await apiClient.estimateCreditCost({
-        projectId: config.projectId,
-        templateId: config.templateId,
-        options: {
-          featureFlags: {
-            includeDtos: true,
-            includeUseCases: true,
-            includeMappers: true,
-            includeControllers: true,
-            includeEfConfig: true,
-            includeValidation: true,
-            includeDtoValidation: true,
-            includeUnitTests: true,
-            includeIntegrationTests: true,
-            includeStarterFiles: false
-          },
-          useContexts: true
-        }
-      });
-      estimatedCredits = estimate.estimatedCredits;
+      if (backendTemplateId) {
+        const backendEstimate = await apiClient.estimateCreditCost({
+          projectId: config.projectId,
+          templateId: backendTemplateId,
+          options: {
+            featureFlags,
+            useContexts: true
+          }
+        });
+        backendEstimatedCredits = backendEstimate.estimatedCredits;
+      }
+      if (frontendTemplateId) {
+        const frontendEstimate = await apiClient.estimateCreditCost({
+          projectId: config.projectId,
+          templateId: frontendTemplateId,
+          options: {
+            featureFlags,
+            useContexts: true
+          }
+        });
+        frontendEstimatedCredits = frontendEstimate.estimatedCredits;
+      }
       const creditUsage = await apiClient.getCreditUsage(project.organizationId);
       creditsRemaining = creditUsage.remaining;
       estimateSpinner.stop("Credit estimate calculated");
     } catch {
       estimateSpinner.stop("Could not estimate credits (will be calculated on generation)");
     }
-    if (estimatedCredits > 0) {
-      console.log("");
-      p2.log.info(chalk8.yellow(`  Estimated Credits: ~${estimatedCredits}`));
-      p2.log.info(chalk8.gray(`  Your Balance: ${creditsRemaining}`));
-      if (creditsRemaining < estimatedCredits) {
-        p2.log.warn(chalk8.red("  \u26A0 You may not have enough credits for this generation."));
-      }
+    const totalEstimatedCredits = backendEstimatedCredits + frontendEstimatedCredits;
+    const hasEnoughCredits = totalEstimatedCredits === 0 || creditsRemaining >= totalEstimatedCredits;
+    console.log("");
+    console.log(chalk8.bold("  Credits"));
+    console.log(chalk8.gray(divider));
+    if (backendEstimatedCredits > 0) {
+      console.log(chalk8.gray("  Backend:"), chalk8.yellow(`${backendEstimatedCredits} credits`));
+    }
+    if (frontendEstimatedCredits > 0) {
+      console.log(chalk8.gray("  Frontend:"), chalk8.yellow(`${frontendEstimatedCredits} credits`));
+    }
+    if (totalEstimatedCredits > 0) {
+      console.log(
+        chalk8.white("  Total Cost:"),
+        hasEnoughCredits ? chalk8.bold.yellow(`${totalEstimatedCredits} credits`) : chalk8.bold.red(`${totalEstimatedCredits} credits`)
+      );
+    }
+    console.log(
+      chalk8.white("  Available:"),
+      hasEnoughCredits ? chalk8.bold.green(`${creditsRemaining} credits`) : chalk8.bold.red(`${creditsRemaining} credits (insufficient)`)
+    );
+    console.log("");
+    if (!hasEnoughCredits) {
+      console.log(chalk8.red("  ! Not enough credits for this generation."));
+      console.log(chalk8.gray(`  Need ${totalEstimatedCredits - creditsRemaining} more credits.
+`));
+      process.exit(1);
     }
     if (!options.dryRun) {
       const proceed = await p2.confirm({
-        message: estimatedCredits > 0 ? `Proceed with update (~${estimatedCredits} credits)?` : "Proceed with update?",
+        message: totalEstimatedCredits > 0 ? `Proceed with update? (~${totalEstimatedCredits} credits)` : "Proceed with update?",
         initialValue: true
       });
       if (p2.isCancel(proceed) || !proceed) {
@@ -1774,56 +1990,70 @@ async function updateCommand(options) {
         process.exit(0);
       }
     }
-    const genSpinner = ora3({
-      text: "Generating code from latest schema...",
-      color: "cyan"
-    }).start();
-    const result = await apiClient.generateCode({
-      projectId: config.projectId,
-      templateId: config.templateId,
-      options: {
-        includeValidations: true,
-        includeComments: true,
-        featureFlags: {
-          includeDtos: true,
-          includeUseCases: true,
-          includeMappers: true,
-          includeControllers: true,
-          includeEfConfig: true,
-          includeValidation: true,
-          includeDtoValidation: true,
-          includeUnitTests: true,
-          includeIntegrationTests: true,
-          includeStarterFiles: false
-          // Don't regenerate starter files
-        },
-        useContexts: true
+    const allGeneratedFiles = [];
+    let totalCreditsUsed = 0;
+    let totalCreditsRemaining = creditsRemaining;
+    if (backendTemplateId) {
+      const backendSpinner = ora3({ text: "Generating backend code...", color: "cyan" }).start();
+      const backendResult = await apiClient.generateCode({
+        projectId: config.projectId,
+        templateId: backendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts: true
+        }
+      });
+      const backendFiles = (backendResult.files || []).map((file) => ({
+        ...file,
+        path: `${backendOutput.replace(/^\.\//, "")}/${file.path}`
+      }));
+      allGeneratedFiles.push(...backendFiles);
+      if (backendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += backendResult.creditsUsed;
+        totalCreditsRemaining = backendResult.creditsRemaining ?? totalCreditsRemaining;
       }
-    });
-    genSpinner.succeed(
-      chalk8.green(`Generated ${result.files?.length || 0} files from schema`)
-    );
+      backendSpinner.succeed(chalk8.green(`Backend: ${backendFiles.length} files generated`));
+    }
+    if (frontendTemplateId) {
+      const frontendSpinner = ora3({ text: "Generating frontend code...", color: "cyan" }).start();
+      const frontendResult = await apiClient.generateCode({
+        projectId: config.projectId,
+        templateId: frontendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts: true
+        }
+      });
+      const frontendFiles = (frontendResult.files || []).map((file) => ({
+        ...file,
+        path: `${frontendOutput.replace(/^\.\//, "")}/${file.path}`
+      }));
+      allGeneratedFiles.push(...frontendFiles);
+      if (frontendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += frontendResult.creditsUsed;
+        totalCreditsRemaining = frontendResult.creditsRemaining ?? totalCreditsRemaining;
+      }
+      frontendSpinner.succeed(chalk8.green(`Frontend: ${frontendFiles.length} files generated`));
+    }
     if (options.dryRun) {
-      p2.log.info("");
-      p2.log.info(chalk8.bold("  Dry Run Results:"));
-      p2.log.info(chalk8.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-      p2.log.info(`  Files to process: ${result.files?.length || 0}`);
-      p2.log.info(`  Tracked files: ${fileCount}`);
-      p2.log.info("");
-      p2.log.info(chalk8.gray("  Run without --dry-run to apply changes."));
+      console.log("");
+      console.log(chalk8.bold("  Dry Run Results:"));
+      console.log(chalk8.gray(divider));
+      console.log(`  Files to process: ${allGeneratedFiles.length}`);
+      console.log(`  Tracked files: ${fileCount}`);
+      console.log("");
+      console.log(chalk8.gray("  Run without --dry-run to apply changes."));
       p2.outro(chalk8.green("Dry run complete!"));
       return;
     }
     const updateSpinner = p2.spinner();
     updateSpinner.start("Applying updates...");
-    const organizedFiles = result.files.map(
-      (file) => ({
-        ...file,
-        path: `${config.output.backend.replace(/^\.\//, "")}/${file.path}`
-      })
-    );
     const writeResult = await writeGeneratedFilesWithManifest(
-      organizedFiles,
+      allGeneratedFiles,
       process.cwd(),
       config.templateVersion || "1.0.0",
       {
@@ -1832,13 +2062,10 @@ async function updateCommand(options) {
       }
     );
     updateSpinner.stop("Update complete");
-    if (result.creditsUsed !== void 0) {
+    if (totalCreditsUsed > 0) {
       console.log("");
-      console.log(chalk8.gray("  Credits used:"), chalk8.yellow(result.creditsUsed));
-      console.log(
-        chalk8.gray("  Credits remaining:"),
-        chalk8.green(result.creditsRemaining)
-      );
+      console.log(chalk8.gray("  Credits used:"), chalk8.yellow(totalCreditsUsed));
+      console.log(chalk8.gray("  Credits remaining:"), chalk8.green(totalCreditsRemaining));
     }
     try {
       const syncResult = await syncToCloud(