create-rubrica 0.1.1 → 0.3.1

package/dist/index.js

@@ -4,7 +4,7 @@
 import { intro as intro3 } from "@clack/prompts";
 
 // src/commands/create.ts
-import { outro, text as text2, select as select2, multiselect, confirm } from "@clack/prompts";
+import { outro, select as select2, multiselect, confirm } from "@clack/prompts";
 import * as nodeFsPromises9 from "fs/promises";
 
 // src/prompts/identityPrompt.ts
@@ -146,17 +146,28 @@ async function downloadRelease(targetDir, version) {
 import * as nodeFsPromises from "fs/promises";
 import * as path from "path";
 var LAYOUT_FILES = {
-  sidebar: {
+  cyberpunk: {
     copy: ["Layout.tsx", "Sidebar.tsx"],
     remove: ["Navbar.tsx", "Footer.tsx"]
   },
-  topbar: {
+  brutalist: {
     copy: ["Layout.tsx", "Navbar.tsx"],
-    remove: ["Sidebar.tsx", "Footer.tsx"]
+    remove: ["Sidebar.tsx", "Footer.tsx"],
+    pages: ["Home.tsx", "Resume.tsx", "Portfolio.tsx", "About.tsx", "Blog.tsx"]
+  },
+  swiss: {
+    copy: ["Layout.tsx", "Sidebar.tsx"],
+    remove: ["Navbar.tsx", "Footer.tsx"]
   },
-  centered: {
-    copy: ["Layout.tsx", "Footer.tsx"],
-    remove: ["Sidebar.tsx", "Navbar.tsx"]
+  bento: {
+    copy: ["Layout.tsx", "FloatingDock.tsx"],
+    remove: [],
+    pages: ["Home.tsx", "Resume.tsx", "Portfolio.tsx", "About.tsx", "Blog.tsx"]
+  },
+  magazine: {
+    copy: ["Layout.tsx", "Masthead.tsx"],
+    remove: ["Sidebar.tsx", "Footer.tsx"],
+    pages: ["Home.tsx", "Resume.tsx", "Portfolio.tsx", "About.tsx", "Blog.tsx"]
   }
 };
 var defaultFs = {
@@ -188,105 +199,22 @@ async function applyLayout(layout, options, fsModule = defaultFs) {
       await fsModule.unlink(filePath);
     }
   }
-}
-
-// src/transforms/applyTheme.ts
-import * as nodeFsPromises2 from "fs/promises";
-
-// src/utils/hexToHsl.ts
-function hexToHsl(hex) {
-  const clean = hex.startsWith("#") ? hex.slice(1) : hex;
-  if (!/^[0-9a-fA-F]{6}$/.test(clean)) {
-    throw new Error(`hexToHsl: valor inv\xE1lido "${hex}". Esperado hex de 6 d\xEDgitos (ex: #ff0000).`);
-  }
-  const r = parseInt(clean.slice(0, 2), 16) / 255;
-  const g = parseInt(clean.slice(2, 4), 16) / 255;
-  const b = parseInt(clean.slice(4, 6), 16) / 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const delta = max - min;
-  const l = (max + min) / 2;
-  let s = 0;
-  if (delta !== 0) {
-    s = delta / (1 - Math.abs(2 * l - 1));
-  }
-  let h = 0;
-  if (delta !== 0) {
-    if (max === r) h = (g - b) / delta % 6;
-    else if (max === g) h = (b - r) / delta + 2;
-    else h = (r - g) / delta + 4;
-    h = h * 60;
-    if (h < 0) h += 360;
+  if (spec.pages?.length) {
+    const pagesDestDir = path.join(projectDir, "src", "pages");
+    await fsModule.mkdir(pagesDestDir, { recursive: true });
+    for (const file of spec.pages) {
+      await fsModule.copyFile(
+        path.join(srcDir, "pages", file),
+        path.join(pagesDestDir, file)
+      );
+    }
   }
-  return {
-    h: Math.round(h),
-    s: Math.round(s * 100),
-    l: Math.round(l * 100)
-  };
 }
 
 // src/transforms/applyTheme.ts
+import * as nodeFsPromises2 from "fs/promises";
 var PRESETS = {
-  forest: {
-    root: `  --background: 60 20% 97%;
-  --foreground: 120 8% 12%;
-  --card: 60 20% 99%;
-  --card-foreground: 120 8% 12%;
-  --popover: 60 20% 99%;
-  --popover-foreground: 120 8% 12%;
-  --primary: 150 40% 35%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 80 15% 90%;
-  --secondary-foreground: 120 8% 12%;
-  --muted: 80 15% 90%;
-  --muted-foreground: 120 5% 45%;
-  --accent: 80 15% 90%;
-  --accent-foreground: 120 8% 12%;
-  --destructive: 0 84% 60%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 80 15% 84%;
-  --input: 80 15% 84%;
-  --ring: 150 40% 35%;
-  --radius: 0.5rem;
-  --sidebar: 60 20% 95%;
-  --sidebar-foreground: 120 5% 45%;
-  --sidebar-primary: 150 40% 35%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 80 15% 90%;
-  --sidebar-accent-foreground: 120 8% 12%;
-  --sidebar-border: 80 15% 84%;
-  --sidebar-ring: 150 40% 35%;
-  --neon-purple: 150 40% 35%;
-  --neon-lime: 80 50% 40%;`,
-    dark: `  --background: 30 15% 8%;
-  --foreground: 60 15% 88%;
-  --card: 30 12% 12%;
-  --card-foreground: 60 15% 88%;
-  --popover: 30 12% 12%;
-  --popover-foreground: 60 15% 88%;
-  --primary: 150 40% 35%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 30 10% 18%;
-  --secondary-foreground: 60 15% 88%;
-  --muted: 30 10% 18%;
-  --muted-foreground: 60 8% 55%;
-  --accent: 30 10% 18%;
-  --accent-foreground: 60 15% 88%;
-  --destructive: 0 62% 50%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 30 10% 18%;
-  --input: 30 10% 18%;
-  --ring: 150 40% 35%;
-  --sidebar: 30 15% 6%;
-  --sidebar-foreground: 60 8% 55%;
-  --sidebar-primary: 150 40% 35%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 30 10% 18%;
-  --sidebar-accent-foreground: 60 15% 88%;
-  --sidebar-border: 30 10% 18%;
-  --sidebar-ring: 150 40% 35%;`
-  },
-  editorial: {
+  "editorial-cream": {
     root: `  --background: 38 30% 96%;
   --foreground: 24 10% 10%;
   --card: 38 30% 99%;
@@ -306,7 +234,6 @@ var PRESETS = {
   --border: 35 20% 85%;
   --input: 35 20% 85%;
   --ring: 35 90% 50%;
-  --radius: 0.375rem;
   --sidebar: 38 30% 94%;
   --sidebar-foreground: 24 8% 45%;
   --sidebar-primary: 35 90% 50%;
@@ -345,38 +272,66 @@ var PRESETS = {
   --sidebar-border: 25 15% 18%;
   --sidebar-ring: 35 90% 50%;`
   },
-  minimal: {
+  "paper-noir": {
     root: `  --background: 0 0% 98%;
-  --foreground: 222 47% 11%;
+  --foreground: 0 0% 5%;
   --card: 0 0% 100%;
-  --card-foreground: 222 47% 11%;
+  --card-foreground: 0 0% 5%;
   --popover: 0 0% 100%;
-  --popover-foreground: 222 47% 11%;
-  --primary: 220 90% 56%;
+  --popover-foreground: 0 0% 5%;
+  --primary: 0 84% 50%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222 47% 11%;
-  --muted: 210 40% 96%;
-  --muted-foreground: 215 16% 47%;
-  --accent: 210 40% 96%;
-  --accent-foreground: 222 47% 11%;
+  --secondary: 0 0% 92%;
+  --secondary-foreground: 0 0% 5%;
+  --muted: 0 0% 92%;
+  --muted-foreground: 0 0% 40%;
+  --accent: 0 0% 92%;
+  --accent-foreground: 0 0% 5%;
   --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 100%;
-  --border: 214 32% 91%;
-  --input: 214 32% 91%;
-  --ring: 220 90% 56%;
-  --radius: 0.5rem;
-  --sidebar: 210 40% 98%;
-  --sidebar-foreground: 215 16% 47%;
-  --sidebar-primary: 220 90% 56%;
+  --border: 0 0% 88%;
+  --input: 0 0% 88%;
+  --ring: 0 84% 50%;
+  --sidebar: 0 0% 96%;
+  --sidebar-foreground: 0 0% 40%;
+  --sidebar-primary: 0 84% 50%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 210 40% 96%;
-  --sidebar-accent-foreground: 222 47% 11%;
-  --sidebar-border: 214 32% 91%;
-  --sidebar-ring: 220 90% 56%;
-  --neon-purple: 220 90% 56%;
-  --neon-lime: 142 76% 36%;`,
-    dark: `  --background: 220 14% 10%;
+  --sidebar-accent: 0 0% 92%;
+  --sidebar-accent-foreground: 0 0% 5%;
+  --sidebar-border: 0 0% 88%;
+  --sidebar-ring: 0 84% 50%;
+  --neon-purple: 0 84% 50%;
+  --neon-lime: 0 0% 20%;`,
+    dark: `  --background: 0 0% 5%;
+  --foreground: 0 0% 95%;
+  --card: 0 0% 8%;
+  --card-foreground: 0 0% 95%;
+  --popover: 0 0% 8%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 0 84% 50%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 0 0% 12%;
+  --secondary-foreground: 0 0% 95%;
+  --muted: 0 0% 12%;
+  --muted-foreground: 0 0% 60%;
+  --accent: 0 0% 12%;
+  --accent-foreground: 0 0% 95%;
+  --destructive: 0 62% 50%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 0 0% 15%;
+  --input: 0 0% 15%;
+  --ring: 0 84% 50%;
+  --sidebar: 0 0% 3%;
+  --sidebar-foreground: 0 0% 60%;
+  --sidebar-primary: 0 84% 50%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 0 0% 12%;
+  --sidebar-accent-foreground: 0 0% 95%;
+  --sidebar-border: 0 0% 15%;
+  --sidebar-ring: 0 84% 50%;`
+  },
+  "midnight-blue": {
+    root: `  --background: 222 47% 8%;
   --foreground: 210 40% 96%;
   --card: 222 47% 11%;
   --card-foreground: 210 40% 96%;
@@ -395,84 +350,103 @@ var PRESETS = {
   --border: 217 33% 17%;
   --input: 217 33% 17%;
   --ring: 220 90% 56%;
-  --sidebar: 222 47% 8%;
+  --sidebar: 222 47% 6%;
   --sidebar-foreground: 215 20% 65%;
   --sidebar-primary: 220 90% 56%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 217 33% 17%;
   --sidebar-accent-foreground: 210 40% 96%;
   --sidebar-border: 217 33% 17%;
+  --sidebar-ring: 220 90% 56%;
+  --neon-purple: 220 90% 56%;
+  --neon-lime: 190 90% 50%;`,
+    dark: `  --background: 220 14% 5%;
+  --foreground: 210 40% 96%;
+  --card: 222 47% 8%;
+  --card-foreground: 210 40% 96%;
+  --popover: 222 47% 8%;
+  --popover-foreground: 210 40% 96%;
+  --primary: 220 90% 56%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 217 33% 13%;
+  --secondary-foreground: 210 40% 96%;
+  --muted: 217 33% 13%;
+  --muted-foreground: 215 20% 65%;
+  --accent: 217 33% 13%;
+  --accent-foreground: 210 40% 96%;
+  --destructive: 0 62% 50%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 217 33% 13%;
+  --input: 217 33% 13%;
+  --ring: 220 90% 56%;
+  --sidebar: 222 47% 3%;
+  --sidebar-foreground: 215 20% 65%;
+  --sidebar-primary: 220 90% 56%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 217 33% 13%;
+  --sidebar-accent-foreground: 210 40% 96%;
+  --sidebar-border: 217 33% 13%;
   --sidebar-ring: 220 90% 56%;`
   },
-  cyberpunk: {
-    root: `  --background: 0 0% 14.5%;
-  --foreground: 0 0% 90%;
-  --card: 0 0% 4%;
-  --card-foreground: 0 0% 90%;
-  --popover: 0 0% 4%;
-  --popover-foreground: 0 0% 90%;
-  --primary: 263 90% 66%;
+  "solar-warm": {
+    root: `  --background: 20 30% 8%;
+  --foreground: 35 30% 92%;
+  --card: 20 28% 11%;
+  --card-foreground: 35 30% 92%;
+  --popover: 20 28% 11%;
+  --popover-foreground: 35 30% 92%;
+  --primary: 25 95% 53%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 215 28% 17%;
-  --secondary-foreground: 0 0% 90%;
-  --muted: 0 0% 9%;
-  --muted-foreground: 0 0% 64%;
-  --accent: 0 0% 9%;
-  --accent-foreground: 0 0% 90%;
-  --destructive: 0 84% 60%;
+  --secondary: 20 25% 18%;
+  --secondary-foreground: 35 30% 92%;
+  --muted: 20 25% 18%;
+  --muted-foreground: 30 15% 60%;
+  --accent: 20 25% 18%;
+  --accent-foreground: 35 30% 92%;
+  --destructive: 0 62% 50%;
   --destructive-foreground: 0 0% 100%;
-  --border: 0 0% 15%;
-  --input: 0 0% 15%;
-  --ring: 263 90% 66%;
-  --radius: 0.5rem;
-  --sidebar: 0 0% 0%;
-  --sidebar-foreground: 0 0% 64%;
-  --sidebar-primary: 263 90% 66%;
+  --border: 20 25% 18%;
+  --input: 20 25% 18%;
+  --ring: 25 95% 53%;
+  --sidebar: 20 30% 6%;
+  --sidebar-foreground: 30 15% 60%;
+  --sidebar-primary: 25 95% 53%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 0 0% 9%;
-  --sidebar-accent-foreground: 0 0% 90%;
-  --sidebar-border: 0 0% 15%;
-  --sidebar-ring: 263 90% 66%;
-  --neon-purple: 271 91% 65%;
-  --neon-lime: 82 85% 67%;`,
-    dark: `  --background: 0 0% 8%;
-  --foreground: 0 0% 90%;
-  --card: 0 0% 4%;
-  --card-foreground: 0 0% 90%;
-  --popover: 0 0% 4%;
-  --popover-foreground: 0 0% 90%;
-  --primary: 263 90% 66%;
+  --sidebar-accent: 20 25% 18%;
+  --sidebar-accent-foreground: 35 30% 92%;
+  --sidebar-border: 20 25% 18%;
+  --sidebar-ring: 25 95% 53%;
+  --neon-purple: 25 95% 53%;
+  --neon-lime: 45 93% 47%;`,
+    dark: `  --background: 20 35% 5%;
+  --foreground: 35 30% 92%;
+  --card: 20 30% 8%;
+  --card-foreground: 35 30% 92%;
+  --popover: 20 30% 8%;
+  --popover-foreground: 35 30% 92%;
+  --primary: 25 95% 53%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 215 28% 17%;
-  --secondary-foreground: 0 0% 90%;
-  --muted: 0 0% 9%;
-  --muted-foreground: 0 0% 64%;
-  --accent: 0 0% 9%;
-  --accent-foreground: 0 0% 90%;
-  --destructive: 0 84% 60%;
+  --secondary: 20 30% 13%;
+  --secondary-foreground: 35 30% 92%;
+  --muted: 20 30% 13%;
+  --muted-foreground: 30 15% 60%;
+  --accent: 20 30% 13%;
+  --accent-foreground: 35 30% 92%;
+  --destructive: 0 62% 50%;
   --destructive-foreground: 0 0% 100%;
-  --border: 0 0% 15%;
-  --input: 0 0% 15%;
-  --ring: 263 90% 66%;
-  --sidebar: 0 0% 4%;
-  --sidebar-foreground: 0 0% 64%;
-  --sidebar-primary: 263 90% 66%;
+  --border: 20 30% 13%;
+  --input: 20 30% 13%;
+  --ring: 25 95% 53%;
+  --sidebar: 20 35% 3%;
+  --sidebar-foreground: 30 15% 60%;
+  --sidebar-primary: 25 95% 53%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 0 0% 9%;
-  --sidebar-accent-foreground: 0 0% 90%;
-  --sidebar-border: 0 0% 15%;
-  --sidebar-ring: 263 90% 66%;`
+  --sidebar-accent: 20 30% 13%;
+  --sidebar-accent-foreground: 35 30% 92%;
+  --sidebar-border: 20 30% 13%;
+  --sidebar-ring: 25 95% 53%;`
   }
 };
-function buildCustomThemeVars(accentColor) {
-  const { h, s, l } = hexToHsl(accentColor);
-  const hsl = `${h} ${s}% ${l}%`;
-  const vars = `  --primary: ${hsl};
-  --ring: ${hsl};
-  --sidebar-primary: ${hsl};
-  --sidebar-ring: ${hsl};`;
-  return { root: vars, dark: vars };
-}
 function replaceBlock(css, selector, newVars) {
   const re = new RegExp(`(${selector.replace(".", "\\.")} \\{)[^}]*(\\})`, "s");
   return css.replace(re, `$1
@@ -480,21 +454,13 @@ ${newVars}
 $2`);
 }
 async function applyTheme(options, cssPath, fsModule = nodeFsPromises2) {
-  let vars;
-  if (options.preset) {
-    const theme = PRESETS[options.preset];
-    if (!theme) {
-      throw new Error(`applyTheme: preset "${options.preset}" n\xE3o encontrado.`);
-    }
-    vars = theme;
-  } else if (options.accentColor) {
-    vars = buildCustomThemeVars(options.accentColor);
-  } else {
-    throw new Error("applyTheme: forne\xE7a preset ou accentColor.");
+  const theme = PRESETS[options.preset];
+  if (!theme) {
+    throw new Error(`applyTheme: preset "${options.preset}" n\xE3o encontrado.`);
   }
   const css = await fsModule.readFile(cssPath, "utf-8");
-  let updated = replaceBlock(css, ":root", vars.root);
-  updated = replaceBlock(updated, ".dark", vars.dark);
+  let updated = replaceBlock(css, ":root", theme.root);
+  updated = replaceBlock(updated, ".dark", theme.dark);
   await fsModule.writeFile(cssPath, updated);
 }
 
@@ -511,7 +477,7 @@ function buildFontLink(font) {
     />`;
 }
 async function applyFont(options, paths, fsModule = nodeFsPromises3) {
-  const { fontSans, fontMono, radius } = options;
+  const { fontSans, fontMono } = options;
   let css = await fsModule.readFile(paths.css, "utf-8");
   css = css.replace(
     /(--font-sans:\s*")[^"]*(")/,
@@ -521,10 +487,6 @@ async function applyFont(options, paths, fsModule = nodeFsPromises3) {
     /(--font-mono:\s*")[^"]*(")/,
     `$1${fontMono}$2`
   );
-  css = css.replace(
-    /(--radius:\s*)[^;]+(;)/,
-    `$1${radius}$2`
-  );
   await fsModule.writeFile(paths.css, css);
   let html = await fsModule.readFile(paths.html, "utf-8");
   const newLink = buildFontLink(fontSans);
@@ -615,10 +577,8 @@ function generateContent(config) {
   rssTitle: ${JSON.stringify(config.rssTitle)},
   rssDescription: ${JSON.stringify(config.rssDescription)},
   ogImageUrl: ${JSON.stringify(config.ogImageUrl)},
-  accentColor: ${JSON.stringify(config.accentColor)},
   fontSans: ${JSON.stringify(config.fontSans)},
   fontMono: ${JSON.stringify(config.fontMono)},
-  radius: ${JSON.stringify(config.radius)},
 };
 `;
 }
@@ -637,12 +597,10 @@ import * as nodeFsPromises7 from "fs/promises";
 import * as path3 from "path";
 var DEFAULT_STATE = {
   version: "0.0.0",
-  layout: "sidebar",
-  theme: "cyberpunk",
-  accentColor: null,
+  layout: "cyberpunk",
+  theme: "editorial-cream",
   fontSans: "Inter",
   fontMono: "JetBrains Mono",
-  radius: "0.5rem",
   plugins: {}
 };
 async function readState(projectDir, fsModule = nodeFsPromises7) {
@@ -686,6 +644,13 @@ async function writeState(projectDir, partial, fsModule = nodeFsPromises8) {
 }
 
 // src/commands/create.ts
+var TEMPLATE_FONTS = {
+  cyberpunk: { fontSans: "Chakra Petch", fontMono: "JetBrains Mono" },
+  magazine: { fontSans: ["Bodoni Moda", "IBM Plex Serif"], fontMono: "JetBrains Mono" },
+  bento: { fontSans: "Manrope", fontMono: "JetBrains Mono" },
+  brutalist: { fontSans: "JetBrains Mono", fontMono: "JetBrains Mono" },
+  swiss: { fontSans: "Archivo", fontMono: "" }
+};
 var ALL_PLUGINS = [
   "contact-wizard",
   "proposals",
@@ -752,9 +717,11 @@ async function runCreate(projectName, deps) {
   const layout = await select2({
     message: "Layout",
     options: [
-      { value: "sidebar", label: "Sidebar \u2014 navega\xE7\xE3o lateral com perfil completo" },
-      { value: "topbar", label: "Topbar \u2014 navbar horizontal fixa no topo" },
-      { value: "centered", label: "Centered \u2014 sem nav persistente, foco no conte\xFAdo" }
+      { value: "cyberpunk", label: "Cyberpunk", hint: "sidebar lateral com foto de perfil \u2014 dev, designer, freelancer" },
+      { value: "brutalist", label: "Brutalism Terminal", hint: "identidade hacker total \u2014 monospace, sem bordas arredondadas" },
+      { value: "swiss", label: "Swiss Grid", hint: "grid de 12 colunas, tipografia forte, design su\xED\xE7o rigoroso" },
+      { value: "bento", label: "Bento", hint: "grid assim\xE9trico com floating dock \u2014 moderno, orientado a produto" },
+      { value: "magazine", label: "Magazine", hint: "editorial cl\xE1ssico \xB7 display serifado \xB7 grid assim\xE9trico \xB7 \xE1reas de respiro generosas" }
     ]
   });
   await applyLayoutFn(
@@ -765,60 +732,44 @@ async function runCreate(projectName, deps) {
   const themeChoice = await select2({
     message: "Tema visual",
     options: [
-      { value: "cyberpunk", label: "Cyberpunk \u2014 neon purple + lime, atmosfera dark" },
-      { value: "minimal", label: "Minimal \u2014 clean, azul neutro, m\xE1xima legibilidade" },
-      { value: "editorial", label: "Editorial \u2014 creme, \xE2mbar, tipografia serifada" },
-      { value: "forest", label: "Forest \u2014 verde musgo, off-white, org\xE2nico" },
-      { value: "custom", label: "Personalizado..." }
+      { value: "editorial-cream", label: "Editorial Cream", hint: "refinado e atemporal \u2014 blogs e portf\xF3lios liter\xE1rios" },
+      { value: "paper-noir", label: "Paper Noir", hint: "contraste m\xE1ximo \u2014 identidade editorial forte" },
+      { value: "midnight-blue", label: "Midnight Blue", hint: "tech e premium \u2014 devs e designers noturnos" },
+      { value: "solar-warm", label: "Solar Warm", hint: "energia e criatividade \u2014 marcas pessoais vibrantes" }
     ]
   });
-  let accentColor;
-  if (themeChoice === "custom") {
-    const hexInput = await text2({
-      message: "Cor de destaque (hex, ex: #0065fe)",
-      validate: (v) => {
-        if (!/^#[0-9a-fA-F]{6}$/.test(v)) return "Informe um hex v\xE1lido (ex: #0065fe)";
-      }
-    });
-    accentColor = hexInput;
-  }
-  const themeOptions = themeChoice === "custom" ? { accentColor } : { preset: themeChoice };
   await applyThemeFn(
-    themeOptions,
+    { preset: themeChoice },
     `${projectDir}/src/index.css`,
     fs
   );
+  const recommendedFonts = TEMPLATE_FONTS[layout] ?? { fontSans: "", fontMono: "" };
+  const recommendedSans = Array.isArray(recommendedFonts.fontSans) ? recommendedFonts.fontSans : [recommendedFonts.fontSans];
   const fontSans = await select2({
     message: "Fonte principal",
     options: [
-      { value: "Inter", label: "Inter \u2014 neutra, leg\xEDvel, padr\xE3o de produtos digitais" },
-      { value: "Chakra Petch", label: "Chakra Petch \u2014 geom\xE9trica, tech, futurista" },
-      { value: "Playfair Display", label: "Playfair Display \u2014 elegante, editorial" },
-      { value: "Space Grotesk", label: "Space Grotesk \u2014 moderna, startup" },
-      { value: "DM Sans", label: "DM Sans \u2014 limpa, amig\xE1vel, vers\xE1til" }
+      { value: "Inter", label: "Inter", hint: "neutra, leg\xEDvel, padr\xE3o de produtos digitais" },
+      { value: "Chakra Petch", label: "Chakra Petch", hint: recommendedSans.includes("Chakra Petch") ? "recomendada" : "geom\xE9trica, tech, futurista" },
+      { value: "Playfair Display", label: "Playfair Display", hint: "elegante, editorial cl\xE1ssico" },
+      { value: "Space Grotesk", label: "Space Grotesk", hint: "moderna, startup" },
+      { value: "DM Sans", label: "DM Sans", hint: "limpa, amig\xE1vel, vers\xE1til" },
+      { value: "Bodoni Moda", label: "Bodoni Moda", hint: recommendedSans.includes("Bodoni Moda") ? "recomendada" : "display serifado elegante, editorial cl\xE1ssico" },
+      { value: "IBM Plex Serif", label: "IBM Plex Serif", hint: recommendedSans.includes("IBM Plex Serif") ? "recomendada" : "serifa t\xE9cnica, confian\xE7a e rigor" },
+      { value: "Manrope", label: "Manrope", hint: recommendedSans.includes("Manrope") ? "recomendada" : "geom\xE9trica humanista, moderna e acolhedora" },
+      { value: "Archivo", label: "Archivo", hint: recommendedSans.includes("Archivo") ? "recomendada" : "grotesca utilit\xE1ria, clareza e for\xE7a tipogr\xE1fica" }
     ]
   });
-  const fontMono = await select2({
+  const fontMono = recommendedFonts.fontMono === "" ? "" : await select2({
     message: "Fonte mono",
     options: [
-      { value: "JetBrains Mono", label: "JetBrains Mono \u2014 dev-friendly, clara" },
-      { value: "Fira Code", label: "Fira Code \u2014 cl\xE1ssico, com ligatures" },
-      { value: "Space Mono", label: "Space Mono \u2014 retro digital" },
-      { value: "IBM Plex Mono", label: "IBM Plex Mono \u2014 corporativo-tech" }
-    ]
-  });
-  const radius = await select2({
-    message: "Border radius",
-    options: [
-      { value: "0rem", label: "Nenhum \u2014 bordas retas, minimalismo severo" },
-      { value: "0.375rem", label: "Suave \u2014 sutil arredondamento" },
-      { value: "0.5rem", label: "M\xE9dio \u2014 padr\xE3o shadcn/ui" },
-      { value: "0.75rem", label: "Arredondado \u2014 amig\xE1vel, moderno" },
-      { value: "1rem", label: "Pill \u2014 muito arredondado, jovial" }
+      { value: "JetBrains Mono", label: "JetBrains Mono", hint: recommendedFonts.fontMono === "JetBrains Mono" ? "recomendada" : "dev-friendly, clara" },
+      { value: "Fira Code", label: "Fira Code", hint: "cl\xE1ssico, com ligatures" },
+      { value: "Space Mono", label: "Space Mono", hint: "retro digital" },
+      { value: "IBM Plex Mono", label: "IBM Plex Mono", hint: "corporativo-tech" }
     ]
   });
   await applyFontFn(
-    { fontSans, fontMono, radius },
+    { fontSans, fontMono },
     { css: `${projectDir}/src/index.css`, html: `${projectDir}/index.html` },
     fs
   );
@@ -854,7 +805,7 @@ async function runCreate(projectName, deps) {
   await applyIndexHtmlFn(
     {
       fontFamily: fontSans,
-      themeColor: accentColor ?? "#6d28d9",
+      themeColor: "",
       siteName: identity.siteName,
       siteUrl: identity.siteUrl,
       twitterHandle: identity.twitterHandle,
@@ -877,7 +828,6 @@ async function runCreate(projectName, deps) {
       rssTitle: identity.siteName,
       rssDescription: identity.siteDescription,
       ogImageUrl: `${identity.siteUrl}/og.png`,
-      accentColor: accentColor ?? "#6d28d9",
       fontSans,
       fontMono
     },
@@ -894,11 +844,9 @@ async function runCreate(projectName, deps) {
     {
       version: "0.1.0",
       layout,
-      theme: themeChoice === "custom" ? "custom" : themeChoice,
-      accentColor: accentColor ?? null,
+      theme: themeChoice,
       fontSans,
       fontMono,
-      radius,
       plugins: pluginsRecord
     },
     fs
@@ -1006,8 +954,8 @@ async function runConfig(deps = {}) {
     message: "O que deseja reconfigurar?",
     options: [
       { value: "identity", label: "Identidade (nome, URL, SEO, RSS)" },
-      { value: "appearance", label: "Apar\xEAncia (tema, cores, fonte, radius)" },
-      { value: "layout", label: "Layout (sidebar / topbar / centered)" },
+      { value: "appearance", label: "Apar\xEAncia (tema, fonte)" },
+      { value: "layout", label: "Layout" },
       { value: "plugins", label: "Plugins" }
     ],
     required: false
@@ -1033,10 +981,8 @@ async function runConfig(deps = {}) {
         rssTitle: "",
         rssDescription: "",
         ogImageUrl: "",
-        accentColor: currentState.accentColor ?? "",
         fontSans: currentState.fontSans,
-        fontMono: currentState.fontMono,
-        radius: currentState.radius
+        fontMono: currentState.fontMono
       },
       projectDir,
       fs
@@ -1047,42 +993,35 @@ async function runConfig(deps = {}) {
       message: "Tema visual",
       initialValue: currentState.theme,
       options: [
-        { value: "cyberpunk", label: "Cyberpunk \u2014 neon purple + lime" },
-        { value: "minimal", label: "Minimal \u2014 clean, azul neutro" },
-        { value: "editorial", label: "Editorial \u2014 creme, \xE2mbar, serifado" },
-        { value: "forest", label: "Forest \u2014 verde musgo, off-white" }
+        { value: "editorial-cream", label: "Editorial Cream", hint: "refinado e atemporal \u2014 blogs e portf\xF3lios liter\xE1rios" },
+        { value: "paper-noir", label: "Paper Noir", hint: "contraste m\xE1ximo \u2014 identidade editorial forte" },
+        { value: "midnight-blue", label: "Midnight Blue", hint: "tech e premium \u2014 devs e designers noturnos" },
+        { value: "solar-warm", label: "Solar Warm", hint: "energia e criatividade \u2014 marcas pessoais vibrantes" }
       ]
     });
     const fontSans = await select3({
       message: "Fonte principal",
       initialValue: currentState.fontSans,
       options: [
-        { value: "Inter", label: "Inter \u2014 neutra, padr\xE3o de produtos digitais" },
-        { value: "Chakra Petch", label: "Chakra Petch \u2014 geom\xE9trica, tech" },
-        { value: "Playfair Display", label: "Playfair Display \u2014 elegante, editorial" },
-        { value: "Space Grotesk", label: "Space Grotesk \u2014 moderna, startup" },
-        { value: "DM Sans", label: "DM Sans \u2014 limpa, amig\xE1vel" }
+        { value: "Inter", label: "Inter", hint: "neutra, leg\xEDvel, padr\xE3o de produtos digitais" },
+        { value: "Chakra Petch", label: "Chakra Petch", hint: "geom\xE9trica, tech, futurista" },
+        { value: "Playfair Display", label: "Playfair Display", hint: "elegante, editorial cl\xE1ssico" },
+        { value: "Space Grotesk", label: "Space Grotesk", hint: "moderna, startup" },
+        { value: "DM Sans", label: "DM Sans", hint: "limpa, amig\xE1vel, vers\xE1til" },
+        { value: "Bodoni Moda", label: "Bodoni Moda", hint: "display serifado elegante, editorial cl\xE1ssico" },
+        { value: "IBM Plex Serif", label: "IBM Plex Serif", hint: "serifa t\xE9cnica, confian\xE7a e rigor" },
+        { value: "Manrope", label: "Manrope", hint: "geom\xE9trica humanista, moderna e acolhedora" },
+        { value: "Archivo", label: "Archivo", hint: "grotesca utilit\xE1ria, clareza e for\xE7a tipogr\xE1fica" }
       ]
     });
     const fontMono = await select3({
       message: "Fonte mono",
       initialValue: currentState.fontMono,
       options: [
-        { value: "JetBrains Mono", label: "JetBrains Mono" },
-        { value: "Fira Code", label: "Fira Code" },
-        { value: "Space Mono", label: "Space Mono" },
-        { value: "IBM Plex Mono", label: "IBM Plex Mono" }
-      ]
-    });
-    const radius = await select3({
-      message: "Border radius",
-      initialValue: currentState.radius,
-      options: [
-        { value: "0rem", label: "Nenhum \u2014 0rem" },
-        { value: "0.375rem", label: "Suave \u2014 0.375rem" },
-        { value: "0.5rem", label: "M\xE9dio \u2014 0.5rem" },
-        { value: "0.75rem", label: "Arredondado \u2014 0.75rem" },
-        { value: "1rem", label: "Pill \u2014 1rem" }
+        { value: "JetBrains Mono", label: "JetBrains Mono", hint: "dev-friendly, clara" },
+        { value: "Fira Code", label: "Fira Code", hint: "cl\xE1ssico, com ligatures" },
+        { value: "Space Mono", label: "Space Mono", hint: "retro digital" },
+        { value: "IBM Plex Mono", label: "IBM Plex Mono", hint: "corporativo-tech" }
       ]
     });
     const cssPath = path6.join(projectDir, "src", "index.css");
@@ -1093,7 +1032,7 @@ async function runConfig(deps = {}) {
       fs
     );
     await applyFontFn(
-      { fontSans, fontMono, radius },
+      { fontSans, fontMono },
       { css: cssPath, html: htmlPath },
       fs
     );
@@ -1105,17 +1044,16 @@ async function runConfig(deps = {}) {
     stateUpdate.theme = theme;
     stateUpdate.fontSans = fontSans;
     stateUpdate.fontMono = fontMono;
-    stateUpdate.radius = radius;
-    stateUpdate.accentColor = null;
   }
   if (selected.includes("layout")) {
     const newLayout = await select3({
       message: "Layout",
       initialValue: currentState.layout,
       options: [
-        { value: "sidebar", label: "Sidebar \u2014 navega\xE7\xE3o lateral com perfil completo" },
-        { value: "topbar", label: "Topbar \u2014 navbar horizontal fixa no topo" },
-        { value: "centered", label: "Centered \u2014 sem nav persistente, foco no conte\xFAdo" }
+        { value: "cyberpunk", label: "Cyberpunk", hint: "sidebar lateral com foto de perfil \u2014 dev, designer, freelancer" },
+        { value: "brutalist", label: "Brutalism Terminal", hint: "identidade hacker total \u2014 monospace, sem bordas arredondadas" },
+        { value: "swiss", label: "Swiss Grid", hint: "grid de 12 colunas, tipografia forte, design su\xED\xE7o rigoroso" },
+        { value: "bento", label: "Bento", hint: "grid assim\xE9trico com floating dock \u2014 moderno, orientado a produto" }
       ]
     });
     const confirmed = await confirm2({
@@ -1279,11 +1217,10 @@ Consulte o guia de migra\xE7\xE3o antes de prosseguir.`
     fs
   );
   const cssPath = path7.join(projectDir, "src", "index.css");
-  const themeOpts = state.theme && state.theme !== "custom" ? { preset: state.theme } : { accentColor: state.accentColor ?? "#6366f1" };
-  await applyThemeFn(themeOpts, cssPath, fs);
+  await applyThemeFn({ preset: state.theme }, cssPath, fs);
   const htmlPath = path7.join(projectDir, "index.html");
   await applyFontFn(
-    { fontSans: state.fontSans, fontMono: state.fontMono, radius: state.radius },
+    { fontSans: state.fontSans, fontMono: state.fontMono },
     { css: cssPath, html: htmlPath },
     fs
   );
@@ -1306,15 +1243,13 @@ Consulte o guia de migra\xE7\xE3o antes de prosseguir.`
     rssTitle: "",
     rssDescription: "",
     ogImageUrl: "",
-    accentColor: state.accentColor ?? "#6366f1",
     fontSans: state.fontSans,
-    fontMono: state.fontMono,
-    radius: state.radius
+    fontMono: state.fontMono
   };
   await applyIndexHtmlFn(
     {
       fontFamily: identity.fontSans,
-      themeColor: identity.accentColor,
+      themeColor: "",
       siteName: identity.siteName,
       siteUrl: identity.siteUrl,
       twitterHandle: identity.twitterHandle,
@@ -1342,7 +1277,7 @@ Configure-as em: https://dashboard.convex.dev`
 }
 
 // src/commands/setup.ts
-import { outro as outro4, text as text3, password, spinner, isCancel as isCancel5, cancel as cancel5 } from "@clack/prompts";
+import { outro as outro4, text as text2, password, spinner, isCancel as isCancel5, cancel as cancel5 } from "@clack/prompts";
 import * as nodeFsPromises13 from "fs/promises";
 import * as path8 from "path";
 import * as nodeCrypto from "crypto";
@@ -1425,7 +1360,7 @@ async function runSetup(deps = {}) {
   execFileSync("npx", ["convex", "env", "set", "--", "JWKS", JWKS], {
     stdio: "pipe"
   });
-  const siteUrl = await text3({
+  const siteUrl = await text2({
     message: "URL p\xFAblica do site (SITE_URL no Convex):",
     initialValue: siteUrlDefault,
     validate: (v) => {
@@ -1443,18 +1378,18 @@ async function runSetup(deps = {}) {
   const state = await readState2(cwd, fs);
   const plugins = state.plugins;
   if (plugins["contact-wizard"] || plugins["testimonials-intake"]) {
-    const telegramToken = await text3({
+    const telegramToken = await text2({
       message: "TELEGRAM_BOT_TOKEN (Enter para pular):",
       initialValue: ""
     });
-    if (!isCancel5(telegramToken) && telegramToken.trim()) {
+    if (!isCancel5(telegramToken) && telegramToken && telegramToken.trim()) {
       execFileSync("npx", ["convex", "env", "set", "--", "TELEGRAM_BOT_TOKEN", telegramToken], { stdio: "pipe" });
     }
-    const telegramChatId = await text3({
+    const telegramChatId = await text2({
       message: "TELEGRAM_ADMIN_CHAT_ID (Enter para pular):",
       initialValue: ""
     });
-    if (!isCancel5(telegramChatId) && telegramChatId.trim()) {
+    if (!isCancel5(telegramChatId) && telegramChatId && telegramChatId.trim()) {
       execFileSync("npx", ["convex", "env", "set", "--", "TELEGRAM_ADMIN_CHAT_ID", telegramChatId], { stdio: "pipe" });
     }
   }
@@ -1463,31 +1398,31 @@ async function runSetup(deps = {}) {
     execFileSync("npx", ["convex", "env", "set", "--", "PLAYGROUND_KEY_PEPPER", pepper], { stdio: "pipe" });
   }
   if (plugins["ai-resumes"] || plugins["i18n"] || plugins["playground"]) {
-    const openrouterKey = await text3({
+    const openrouterKey = await text2({
       message: "OPENROUTER_API_KEY (Enter para pular):",
       initialValue: ""
     });
-    if (!isCancel5(openrouterKey) && openrouterKey.trim()) {
+    if (!isCancel5(openrouterKey) && openrouterKey && openrouterKey.trim()) {
       execFileSync("npx", ["convex", "env", "set", "--", "OPENROUTER_API_KEY", openrouterKey], { stdio: "pipe" });
     }
   }
   if (plugins["payments"]) {
-    const stripeSecret = await text3({
+    const stripeSecret = await text2({
       message: "STRIPE_WEBHOOK_SECRET (Enter para pular):",
       initialValue: ""
     });
-    if (!isCancel5(stripeSecret) && stripeSecret.trim()) {
+    if (!isCancel5(stripeSecret) && stripeSecret && stripeSecret.trim()) {
       execFileSync("npx", ["convex", "env", "set", "--", "STRIPE_WEBHOOK_SECRET", stripeSecret], { stdio: "pipe" });
     }
-    const asaasToken = await text3({
+    const asaasToken = await text2({
       message: "ASAAS_WEBHOOK_TOKEN (Enter para pular):",
       initialValue: ""
     });
-    if (!isCancel5(asaasToken) && asaasToken.trim()) {
+    if (!isCancel5(asaasToken) && asaasToken && asaasToken.trim()) {
       execFileSync("npx", ["convex", "env", "set", "--", "ASAAS_WEBHOOK_TOKEN", asaasToken], { stdio: "pipe" });
     }
   }
-  const adminEmail = await text3({
+  const adminEmail = await text2({
     message: "Email do usu\xE1rio root:",
     validate: (v) => {
       if (!v.includes("@") || !v.includes("."))
@@ -1534,20 +1469,74 @@ async function runSetup(deps = {}) {
     }
     return;
   }
-  const vercelHookUrl = await text3({
+  if (plugins["proposals"]) {
+    try {
+      execFileSync(
+        "npx",
+        ["convex", "run", "contractTemplates:seedDefaultTemplate"],
+        { stdio: "pipe" }
+      );
+    } catch {
+    }
+  }
+  try {
+    execFileSync("npx", ["convex", "run", "siteTexts:seed"], { stdio: "pipe" });
+  } catch {
+  }
+  const vercelHookUrl = await text2({
     message: "VERCEL_DEPLOY_HOOK_URL (Enter para pular):",
     initialValue: ""
   });
-  if (!isCancel5(vercelHookUrl) && vercelHookUrl.trim()) {
+  if (!isCancel5(vercelHookUrl) && vercelHookUrl && vercelHookUrl.trim()) {
     execFileSync("npx", ["convex", "env", "set", "--", "VERCEL_DEPLOY_HOOK_URL", vercelHookUrl], { stdio: "pipe" });
   }
-  const vercelWebhookSecret = await text3({
+  const vercelWebhookSecret = await text2({
     message: "VERCEL_WEBHOOK_SECRET (Enter para pular):",
     initialValue: ""
   });
-  if (!isCancel5(vercelWebhookSecret) && vercelWebhookSecret.trim()) {
+  if (!isCancel5(vercelWebhookSecret) && vercelWebhookSecret && vercelWebhookSecret.trim()) {
     execFileSync("npx", ["convex", "env", "set", "--", "VERCEL_WEBHOOK_SECRET", vercelWebhookSecret], { stdio: "pipe" });
   }
+  const profession = await text2({
+    message: "Qual \xE9 a sua profiss\xE3o ou \xE1rea de atua\xE7\xE3o? (Enter para usar padr\xE3o tech)",
+    placeholder: "Ex: Designer UX, Fot\xF3grafa, Advogada, Engenheira Civil...",
+    initialValue: ""
+  });
+  const specialties = await text2({
+    message: "Quais s\xE3o suas principais especialidades? (separadas por v\xEDrgula, Enter para pular)",
+    placeholder: "Ex: Branding, Motion Design, Fotografia de Produto",
+    initialValue: ""
+  });
+  const professionStr = isCancel5(profession) ? "" : (profession || "").trim();
+  const specialtiesStr = isCancel5(specialties) ? "" : (specialties || "").trim();
+  if (professionStr || specialtiesStr) {
+    const tags = specialtiesStr ? specialtiesStr.split(",").map((s2) => s2.trim()).filter(Boolean).slice(0, 4).map((label, i) => ({ label, color: i % 2 === 0 ? "primary" : "secondary" })) : [
+      { label: "React", color: "primary" },
+      { label: "TypeScript", color: "primary" },
+      { label: "Arquitetura de Sistemas", color: "secondary" },
+      { label: "DevOps & Infraestrutura", color: "secondary" }
+    ];
+    try {
+      execFileSync(
+        "npx",
+        ["convex", "run", "homeContent:set", JSON.stringify({ key: "hero_tags", value: tags })],
+        { stdio: "pipe" }
+      );
+    } catch {
+    }
+    if (professionStr) {
+      const name = adminEmail.split("@")[0];
+      const aiContext = specialtiesStr ? `${name} \xE9 ${professionStr} com especialidade em ${specialtiesStr}. Entrega projetos com qualidade e comprometimento.` : `${name} \xE9 ${professionStr}. Entrega projetos com qualidade e comprometimento.`;
+      try {
+        execFileSync(
+          "npx",
+          ["convex", "run", "contactInfo:update", JSON.stringify({ proposalAiContext: aiContext })],
+          { stdio: "pipe" }
+        );
+      } catch {
+      }
+    }
+  }
   outro4(
     `Setup conclu\xEDdo!
 
@@ -1560,11 +1549,7 @@ async function runSetup(deps = {}) {
 
 // src/index.ts
 async function runCli(argv, cwd) {
-  let [, , command, projectName] = argv;
-  if (command && command !== "create" && command !== "config" && command !== "update" && command !== "setup") {
-    projectName = command;
-    command = "create";
-  }
+  const [, , command, projectName] = argv;
   intro3("Rubrica CLI");
   if (command === "create") {
     if (!projectName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rubrica",
-  "version": "0.1.1",
+  "version": "0.3.1",
   "description": "CLI para criar e configurar projetos Rubrica — portfólio profissional com React + Convex",
   "type": "module",
   "bin": {