create-lexy 0.6.1 → 0.6.3

package/dist/index.js

@@ -1,27 +1,5 @@
 #!/usr/bin/env node
-import{readFileSync as Po}from"fs";import tt from"path";import{fileURLToPath as jo}from"url";import{Command as Co}from"commander";import Io from"picocolors";import{spawn as ct}from"child_process";import Q from"fs/promises";import G from"path";import{confirm as dt,isCancel as pt,spinner as Te}from"@clack/prompts";import h from"picocolors";import te from"path";var ot=(e,t)=>t.architecture!=="feature"?e:e.replace(/from ["']@\/lib\/utils\/cn["']/g,'from "@/shared/lib/utils/cn"').replace(/from ["']@\/components\/base\//g,'from "@/shared/components/base/'),at=[["components/base/",e=>e.paths.components],["views/",e=>e.paths.views],["hooks/",e=>e.paths.hooks],["lib/",e=>e.paths.lib]],T=(e,t)=>e.files.filter(o=>typeof o.content=="string").map(o=>{let a=at.find(([r])=>o.path.startsWith(r)),n=a?te.posix.join(a[1](t),o.path.slice(a[0].length)):te.posix.join(t.paths.components,te.posix.basename(o.path));return o.encoding==="base64"?{relPath:n,content:o.content,encoding:"base64"}:{relPath:n,content:ot(o.content,t)}});import we from"fs/promises";import nt from"path";var Se=e=>nt.join(e,".lexy"),O=async e=>{let t;try{t=await we.readFile(Se(e),"utf-8")}catch{throw new Error("No se encontr\xF3 el archivo .lexy. \xBFEst\xE1s en la ra\xEDz de un proyecto Lexy? (cr\xE9alo con `npx create-lexy create`)")}let o=JSON.parse(t);if(!o.paths?.components)throw new Error("El .lexy no tiene paths.components \u2014 archivo corrupto o de una versi\xF3n incompatible.");return o.installed??={},o},ke=async(e,t)=>{await we.writeFile(Se(e),JSON.stringify(t,null,2)+`
-`)};import q from"fs/promises";import rt from"os";import R from"path";import{fileURLToPath as it}from"url";var Ee="@lexydesign/registry",F=`https://cdn.jsdelivr.net/npm/${Ee}`,st=8e3,J=R.resolve(R.dirname(it(import.meta.url)),"../assets"),lt=R.join(rt.homedir(),".cache","create-lexy","registry"),B=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(st)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return await t.json()},Pe=async e=>{try{return JSON.parse(await q.readFile(R.join(J,"r",e),"utf-8"))}catch{return null}},oe=async()=>{try{return(await q.readFile(R.join(J,"registry-version"),"utf-8")).trim()}catch{return"bundle"}},$=null,W=async()=>{if($)return $;try{$=(await B(`https://registry.npmjs.org/${Ee}/latest`)).version}catch{try{$=(await B(`${F}@latest/package.json`)).version}catch{$=await oe()}}return $},k=async(e,t)=>{let o=e.replace(/^@lexy\//,""),a=t??await W(),n=R.join(lt,a,`${o}.json`);try{return{item:JSON.parse(await q.readFile(n,"utf-8")),version:a,source:"cache"}}catch{}try{let r=await B(`${F}@${a}/r/${o}.json`);return await q.mkdir(R.dirname(n),{recursive:!0}),await q.writeFile(n,JSON.stringify(r)),{item:r,version:a,source:"cdn"}}catch(r){if(r.status===404)throw new Error(`El componente "${o}" no existe en el registry (versi\xF3n ${a}). Mira el cat\xE1logo con \`create-lexy view --list\`.`);let i=await Pe(`${o}.json`);if(i)return{item:i,version:await oe(),source:"bundle"};throw new Error(`No se pudo alcanzar el registry (\xBFsin red?) y "${o}" tampoco est\xE1 en el bundle local del CLI.`)}},je=async()=>{try{let e=await W();return{index:await B(`${F}@${e}/r/registry.json`),version:e,source:"cdn"}}catch{let e=await Pe("registry.json");if(e)return{index:e,version:await oe(),source:"bundle"};throw new Error("No se pudo alcanzar el registry ni leer el bundle local del CLI.")}},Ce=R.join(J,"theme/lexy-theme.css"),Ie=R.join(J,"fonts");var mt=(e,t)=>new Promise((o,a)=>{ct("pnpm",["add",...e],{cwd:t,stdio:"ignore",shell:!0}).on("close",r=>r===0?o():a(new Error(`pnpm add fall\xF3 con c\xF3digo ${r}`)))}),ut=async(e,t="utf-8")=>{try{return await Q.readFile(e,t)}catch{return null}},Re=async(e,t)=>{let o=process.cwd(),a=await O(o),n=Te();n.start("Resolviendo componentes en el registry...");let r=new Map,i=async p=>{let f=p.toLowerCase().replace(/^@lexy\//,"");if(r.has(f))return;let c=await k(f);r.set(f,c);for(let l of c.item.registryDependencies??[])await i(l)};try{for(let p of e)await i(p)}catch(p){throw n.stop(h.red("No se pudo resolver el pedido.")),p}let d=new Map;for(let[p,{item:f}]of r){let c=[];for(let l of T(f,a)){let g=await ut(G.join(o,l.relPath),l.encoding??"utf-8");c.push({...l,status:g===null?"new":g===l.content?"same":"differs"})}d.set(p,c)}let s=Array.from(d.values()).flat().filter(p=>p.status==="differs");if(n.stop(`Resueltos: ${Array.from(r.keys()).join(", ")}`),s.length>0&&!t.overwrite){let p=s.map(f=>`  ${f.relPath}`).join(`
-`);if(process.stdout.isTTY&&process.stdin.isTTY){let f=await dt({message:`Estos archivos existen con cambios locales y ser\xE1n sobrescritos:
-${p}
-\xBFContinuar?`});if(pt(f)||f!==!0){console.log(h.yellow("Operaci\xF3n cancelada \u2014 nada fue modificado.")),process.exitCode=1;return}}else{console.error(h.red(`Estos archivos existen con cambios locales:
-`)+p+h.dim(`
-Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[p,f]of d){let{item:c,version:l,source:g}=r.get(p);for(let x of f){if(x.status==="same")continue;let A=G.join(o,x.relPath);await Q.mkdir(G.dirname(A),{recursive:!0}),await Q.writeFile(A,x.content,x.encoding??"utf-8")}a.installed[c.name]=l;let P=e.map(x=>x.toLowerCase()).includes(p)?"":h.dim(" (dependencia)"),U=g==="bundle"?h.yellow(" [bundle local \u2014 sin red]"):"";console.log(h.green(`${h.bold(c.title??c.name)} instalado`)+P+h.cyan(` \u2192 ${a.paths.components}/`)+U);for(let x of f){let A=x.status==="same"?h.dim(" (sin cambios)"):"";console.log(h.dim(`   ${x.relPath}${A}`))}}await ke(o,a);let u=new Set;for(let{item:p}of r.values())for(let f of p.dependencies??[])u.add(f);let m=JSON.parse(await Q.readFile(G.join(o,"package.json"),"utf-8")),y={...m.dependencies,...m.devDependencies},z=p=>{let f=p.lastIndexOf("@");return f>0?p.slice(0,f):p},M=Array.from(u).filter(p=>!y[z(p)]);if(M.length>0)if(t.install===!1)console.log(h.yellow(`Dependencias pendientes (inst\xE1lalas t\xFA): ${M.join(", ")}`));else{let p=Te();p.start(`Instalando dependencias: ${M.join(", ")}...`),await mt(M,o),p.stop("Dependencias instaladas.")}};import{spawn as po}from"child_process";import{note as mo,outro as uo,spinner as yo}from"@clack/prompts";import j from"picocolors";import{cancel as yt,intro as ft,isCancel as gt,select as Oe,text as xt}from"@clack/prompts";import _e from"picocolors";var ae=[{value:"screen",label:"Una pantalla o flujo corto",hint:"landing, formulario, demo \u2014 sin navegaci\xF3n entre secciones",architecture:"layer"},{value:"app",label:"Una app con secciones y navegaci\xF3n",hint:"dashboard, listados, detalle \u2014 varias vistas con router",architecture:"feature"}],Ne=e=>ae.find(t=>t.value===e).architecture;var vt=`
-  ######                  ######
-  ##::+####            ####+::##
-   #-..:+################+:..:#
-   #+...=################=...+#
-    #=-*##################*-=#
-     ########################
-    ==-:.:=*##########*=:.::==
-   **#####*+--*####*--+*#####**
-##########%@@#:-##=.#@@%##########
-#######*+*#%%*:-@@=.+%%#*+*#######
-  #+:..........:*#:..........:=#
-   ...........:====:...........
-      ......................
-          ..............
-`,ne=e=>{gt(e)&&(yt("Operaci\xF3n cancelada por el usuario."),process.exit(0))},Ae=async e=>{console.clear(),ft(`${_e.cyan(vt)}
-${_e.bold(" Bienvenido al generador de proyectos Lexy")}`);let t=e;if(!t){let n=await xt({message:"\xBFCu\xE1l es el nombre de tu proyecto?",placeholder:"lexy-app",validate:r=>{if(!r||r.trim()==="")return"El nombre es obligatorio.";if(!/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(r))return"El nombre debe estar en min\xFAsculas, sin espacios ni caracteres especiales."}});ne(n),t=n}let o=await Oe({message:"\xBFPara qui\xE9n es este proyecto?",options:[{label:"Clientes de Lexy",value:"cliente",hint:"Producto de cara al cliente final"},{label:"Equipo interno / CRM",value:"crm",hint:"Herramienta densa para el equipo Lexy"},{label:"Ambos o a\xFAn no lo s\xE9",value:"mixto",hint:"Se decide por pantalla m\xE1s adelante"}],initialValue:"mixto"});ne(o);let a=await Oe({message:"\xBFC\xF3mo es lo que vas a construir?",options:ae.map(n=>({label:n.label,value:n.value,hint:n.hint})),initialValue:"app"});return ne(a),{projectName:t,architecture:Ne(a),world:o}};import b from"fs/promises";import w from"path";import{format as qt,resolveConfig as Vt}from"prettier";import Le from"fs/promises";import De from"path";var re="src/prototype/data-contract/prototype-data-contract.ts",ht="src/prototype/data-contract/data-contract-schema.ts",bt="scripts/check-data-contract.ts",wt=String.raw`import { z } from "zod";
+import{readFileSync as pa}from"fs";import wt from"path";import{fileURLToPath as ma}from"url";import{Command as ua}from"commander";import St from"picocolors";import{spawn as jo}from"child_process";import re from"fs/promises";import ne from"path";import{confirm as Io,isCancel as To,spinner as nt}from"@clack/prompts";import P from"picocolors";import ye from"path";var kt=(e,t)=>t.architecture!=="feature"?e:e.replace(/from ["']@\/lib\/utils\/cn["']/g,'from "@/shared/lib/utils/cn"').replace(/from ["']@\/components\/base\//g,'from "@/shared/components/base/'),Pt=[["components/base/",e=>e.paths.components],["views/",e=>e.paths.views],["hooks/",e=>e.paths.hooks],["lib/",e=>e.paths.lib]],O=(e,t)=>e.files.filter(o=>typeof o.content=="string").map(o=>{let a=Pt.find(([r])=>o.path.startsWith(r)),n=a?ye.posix.join(a[1](t),o.path.slice(a[0].length)):ye.posix.join(t.paths.components,ye.posix.basename(o.path));return o.encoding==="base64"?{relPath:n,content:o.content,encoding:"base64"}:{relPath:n,content:kt(o.content,t)}});import{execFileSync as Ze,spawnSync as ke}from"child_process";import{confirm as bo,isCancel as wo,spinner as So}from"@clack/prompts";import W from"picocolors";import S from"fs/promises";import k from"path";import{format as Qt,resolveConfig as Xt}from"prettier";import J from"fs/promises";import Et from"os";import A from"path";import{fileURLToPath as Ct}from"url";var Me="@lexydesign/registry",q=`https://cdn.jsdelivr.net/npm/${Me}`,jt=8e3,ee=A.resolve(A.dirname(Ct(import.meta.url)),"../assets"),It=A.join(Et.homedir(),".cache","create-lexy","registry"),Z=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(jt)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return await t.json()},$e=async e=>{try{return JSON.parse(await J.readFile(A.join(ee,"r",e),"utf-8"))}catch{return null}},fe=async()=>{try{return(await J.readFile(A.join(ee,"registry-version"),"utf-8")).trim()}catch{return"bundle"}},V=null,te=async()=>{if(V)return V;try{V=(await Z(`https://registry.npmjs.org/${Me}/latest`)).version}catch{try{V=(await Z(`${q}@latest/package.json`)).version}catch{V=await fe()}}return V},C=async(e,t)=>{let o=e.replace(/^@lexy\//,""),a=t??await te(),n=A.join(It,a,`${o}.json`);try{return{item:JSON.parse(await J.readFile(n,"utf-8")),version:a,source:"cache"}}catch{}try{let r=await Z(`${q}@${a}/r/${o}.json`);return await J.mkdir(A.dirname(n),{recursive:!0}),await J.writeFile(n,JSON.stringify(r)),{item:r,version:a,source:"cdn"}}catch(r){if(r.status===404)throw new Error(`El componente "${o}" no existe en el registry (versi\xF3n ${a}). Mira el cat\xE1logo con \`create-lexy view --list\`.`);let i=await $e(`${o}.json`);if(i)return{item:i,version:await fe(),source:"bundle"};throw new Error(`No se pudo alcanzar el registry (\xBFsin red?) y "${o}" tampoco est\xE1 en el bundle local del CLI.`)}},oe=async()=>{try{let e=await te();return{index:await Z(`${q}@${e}/r/registry.json`),version:e,source:"cdn"}}catch{let e=await $e("registry.json");if(e)return{index:e,version:await fe(),source:"bundle"};throw new Error("No se pudo alcanzar el registry ni leer el bundle local del CLI.")}},Fe=A.join(ee,"theme/lexy-theme.css"),Ve=A.join(ee,"fonts");import qe from"fs/promises";import Ue from"path";var ge="src/prototype/data-contract/prototype-data-contract.ts",Tt="src/prototype/data-contract/data-contract-schema.ts",Nt="scripts/check-data-contract.ts",Rt=String.raw`import { z } from "zod";
 
 const camelCaseIdSchema = z
   .string()
@@ -430,7 +408,7 @@ export function definePrototypeDataContract(
 ): PrototypeDataContract {
   return prototypeDataContractSchema.parse(contract);
 }
-`,St=String.raw`import { ZodError } from "zod";
+`,_t=String.raw`import { ZodError } from "zod";
 
 import { prototypeDataContractSchema } from "../src/prototype/data-contract/data-contract-schema";
 
@@ -491,7 +469,7 @@ try {
   }
   process.exitCode = 1;
 }
-`,kt=e=>`import { definePrototypeDataContract } from "./data-contract-schema";
+`,Ot=e=>`import { definePrototypeDataContract } from "./data-contract-schema";
 
 /**
  * Fuente de verdad de los datos usados por el prototipo.
@@ -509,9 +487,9 @@ export const prototypeDataContract = definePrototypeDataContract({
   relations: [],
   projections: {},
 });
-`,ze=async(e,t)=>{let o=async(a,n)=>{let r=De.join(e,a);await Le.mkdir(De.dirname(r),{recursive:!0}),await Le.writeFile(r,n)};await o(ht,wt),await o(re,kt(t)),await o(bt,St)};import Me from"fs/promises";import ie from"path";var se="src/prototype/designer-panel/designer-activity.ts",le="src/prototype/designer-panel/PrototypeDesignerPanel.tsx",Et=String.raw`export type DesignerActivityRecordInput = {
+`,Ke=async(e,t)=>{let o=async(a,n)=>{let r=Ue.join(e,a);await qe.mkdir(Ue.dirname(r),{recursive:!0}),await qe.writeFile(r,n)};await o(Tt,Rt),await o(ge,Ot(t)),await o(Nt,_t)};import He from"fs/promises";import xe from"path";var he="src/prototype/designer-panel/designer-activity.ts",ve="src/prototype/designer-panel/PrototypeDesignerPanel.tsx",At=String.raw`export type DesignerActivityRecordInput = {
   kind: "load" | "event";
-  label: string;
+  label?: string;
   technicalId?: string;
   triggerId?: string;
   input?: unknown;
@@ -604,7 +582,7 @@ export const createDesignerActivityStore = (maxItems = 80): DesignerActivityStor
         id: tabId + "_" + sequence,
         occurredAt: new Date().toISOString(),
         kind: input.kind,
-        label: input.label,
+        label: input.label ?? input.technicalId ?? "evento",
         ...(input.technicalId ? { technicalId: input.technicalId } : {}),
         ...(input.triggerId ? { triggerId: input.triggerId } : {}),
         ...(preview(input.input) ? { inputPreview: preview(input.input) } : {}),
@@ -621,41 +599,73 @@ export const createDesignerActivityStore = (maxItems = 80): DesignerActivityStor
 };
 
 export const designerActivity = createDesignerActivityStore();
-`,Pt=`
+`,Lt=`
 .lexy-dp {
   --dp-bg: #ffffff;
-  --dp-fg: #242424;
-  --dp-card: #fafafa;
+  --dp-fg: #0f172a;
+  --dp-card: #ffffff;
   --dp-popover: #ffffff;
-  --dp-primary: #4648d4;
+  --dp-primary: #4f46e5;
   --dp-primary-fg: #ffffff;
-  --dp-muted: #f5f5f5;
-  --dp-muted-fg: #616161;
-  --dp-accent: #ebf3fc;
-  --dp-accent-fg: #4648d4;
-  --dp-border: #d1d1d1;
-  --dp-ring: #4648d4;
-  --dp-destructive: #d13438;
-  --dp-success: #107c10;
+  --dp-muted: #f8fafc;
+  --dp-muted-fg: #475569;
+  --dp-accent: #e0e7ff;
+  --dp-accent-fg: #4f46e5;
+  --dp-border: #e2e8f0;
+  --dp-ring: #c7d2fe;
+  --dp-destructive: #ef4444;
+  --dp-success: #10b981;
   --dp-success-fg: #ffffff;
-  --dp-warning: #f7630c;
+  --dp-warning: #f59e0b;
   --dp-warning-fg: #ffffff;
-  --dp-info: #0f6cbd;
-  --dp-radius: 0.5rem;
-  --dp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
-  --dp-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --dp-info: #0ea5e9;
+  --dp-radius: 8px;
+  --dp-mono: "Geist Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  --dp-sans: "Geist Sans", system-ui, -apple-system, sans-serif;
   color: var(--dp-fg);
   font-family: var(--dp-sans);
-  font-size: 14px;
-  line-height: 1.4;
+  font-size: 13.5px;
+  line-height: 1.5;
 }
 .lexy-dp *, .lexy-dp *::before, .lexy-dp *::after { box-sizing: border-box; }
 .lexy-dp p, .lexy-dp h1, .lexy-dp pre, .lexy-dp ul { margin: 0; }
 .lexy-dp ul { list-style: none; padding: 0; }
-.lexy-dp button { font-family: inherit; color: inherit; }
+.lexy-dp button { font-family: inherit; color: inherit; border: none; background: transparent; cursor: pointer; outline: none; }
 .lexy-dp code { font-family: var(--dp-mono); }
 
-/* \u2500\u2500 P\xE1gina completa \u2500\u2500 */
+/* Custom Scrollbars */
+.lexy-dp .lexy-dp-scroll::-webkit-scrollbar,
+.lexy-dp .lexy-dp-split__list::-webkit-scrollbar,
+.lexy-dp .lexy-dp-split__detail::-webkit-scrollbar,
+.lexy-dp .lexy-dp-sheet__body::-webkit-scrollbar,
+.lexy-dp .lexy-dp-snippet::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.lexy-dp .lexy-dp-scroll::-webkit-scrollbar-track,
+.lexy-dp .lexy-dp-split__list::-webkit-scrollbar-track,
+.lexy-dp .lexy-dp-split__detail::-webkit-scrollbar-track,
+.lexy-dp .lexy-dp-sheet__body::-webkit-scrollbar-track,
+.lexy-dp .lexy-dp-snippet::-webkit-scrollbar-track {
+  background: transparent;
+}
+.lexy-dp .lexy-dp-scroll::-webkit-scrollbar-thumb,
+.lexy-dp .lexy-dp-split__list::-webkit-scrollbar-thumb,
+.lexy-dp .lexy-dp-split__detail::-webkit-scrollbar-thumb,
+.lexy-dp .lexy-dp-sheet__body::-webkit-scrollbar-thumb,
+.lexy-dp .lexy-dp-snippet::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.12);
+  border-radius: 9999px;
+}
+.lexy-dp .lexy-dp-scroll::-webkit-scrollbar-thumb:hover,
+.lexy-dp .lexy-dp-split__list::-webkit-scrollbar-thumb:hover,
+.lexy-dp .lexy-dp-split__detail::-webkit-scrollbar-thumb:hover,
+.lexy-dp .lexy-dp-sheet__body::-webkit-scrollbar-thumb:hover,
+.lexy-dp .lexy-dp-snippet::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.24);
+}
+
+/* \u2500\u2500 Full Page \u2500\u2500 */
 .lexy-dp-page {
   display: flex;
   flex-direction: column;
@@ -668,73 +678,99 @@ export const designerActivity = createDesignerActivityStore();
   display: flex;
   align-items: stretch;
   border-bottom: 1px solid var(--dp-border);
-  padding: 0 12px;
-  background: var(--dp-bg);
+  padding: 0 16px;
+  background: #ffffff;
+  gap: 8px;
 }
 .lexy-dp-tab {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 8px 12px;
-  font-size: 12px;
-  border: none;
+  gap: 8px;
+  padding: 12px 14px;
+  font-size: 13px;
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
-  background: transparent;
   color: var(--dp-muted-fg);
-  border-radius: 0;
-  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.2s ease;
 }
 .lexy-dp-tab:hover { color: var(--dp-fg); }
-.lexy-dp-tab.is-active { color: var(--dp-primary); font-weight: 500; border-bottom-color: var(--dp-primary); }
-.lexy-dp-tab svg { width: 14px; height: 14px; }
+.lexy-dp-tab.is-active { 
+  color: var(--dp-primary); 
+  font-weight: 600; 
+  border-bottom-color: var(--dp-primary);
+}
+.lexy-dp-tab svg { width: 15px; height: 15px; opacity: 0.8; }
+.lexy-dp-tab.is-active svg { opacity: 1; color: var(--dp-primary); }
+
 .lexy-dp-tabbadge {
   margin-left: 4px;
   border-radius: 9999px;
   background: var(--dp-warning);
   color: var(--dp-warning-fg);
-  padding: 0 6px;
+  padding: 1px 6px;
   font-size: 10px;
-  font-weight: 500;
+  font-weight: 600;
 }
 .lexy-dp-body { flex: 1; min-height: 0; }
 .lexy-dp-panel { height: 100%; }
 
-/* \u2500\u2500 Scroll y padding \u2500\u2500 */
+/* \u2500\u2500 Scroll & Padding \u2500\u2500 */
 .lexy-dp-scroll { height: 100%; overflow-y: auto; }
-.lexy-dp-pad { padding: 20px 24px; }
+.lexy-dp-pad { padding: 24px; }
 
-/* \u2500\u2500 Columna y toolbar \u2500\u2500 */
+/* \u2500\u2500 Column & Toolbar \u2500\u2500 */
 .lexy-dp-col { display: flex; flex-direction: column; height: 100%; }
 .lexy-dp-toolbar {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
   border-bottom: 1px solid var(--dp-border);
-  background: var(--dp-bg);
-  padding: 4px 8px;
+  background: #f8fafc;
+  padding: 8px 16px;
 }
 
-/* \u2500\u2500 Botones \u2500\u2500 */
+/* \u2500\u2500 Buttons \u2500\u2500 */
 .lexy-dp-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  padding: 6px 12px;
+  gap: 8px;
+  padding: 8px 16px;
   font-size: 13px;
+  font-weight: 500;
   border-radius: var(--dp-radius);
   border: 1px solid transparent;
   background: var(--dp-primary);
   color: var(--dp-primary-fg);
-  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(79, 70, 229, 0.1);
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.lexy-dp-btn:hover { 
+  opacity: 0.95; 
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(79, 70, 229, 0.15);
+}
+.lexy-dp-btn:active { transform: translateY(0); }
+.lexy-dp-btn:disabled { 
+  opacity: 0.4; 
+  cursor: not-allowed; 
+  transform: none !important;
+  box-shadow: none !important;
+}
+.lexy-dp-btn--outline { 
+  background: transparent; 
+  border-color: var(--dp-border); 
+  color: var(--dp-fg); 
+  box-shadow: none;
+}
+.lexy-dp-btn--outline:hover { 
+  background: var(--dp-muted); 
+  border-color: var(--dp-border);
+  box-shadow: none;
 }
-.lexy-dp-btn:hover { opacity: 0.92; }
-.lexy-dp-btn:disabled { opacity: 0.5; cursor: not-allowed; }
-.lexy-dp-btn--outline { background: transparent; border-color: var(--dp-border); color: var(--dp-fg); }
-.lexy-dp-btn--outline:hover { background: var(--dp-muted); opacity: 1; }
 .lexy-dp-btn--outline:disabled:hover { background: transparent; }
-.lexy-dp-btn--sm { padding: 4px 10px; font-size: 12px; }
+.lexy-dp-btn--sm { padding: 5px 12px; font-size: 12px; }
 .lexy-dp-btn svg { width: 14px; height: 14px; }
 
 /* \u2500\u2500 Badges \u2500\u2500 */
@@ -742,218 +778,376 @@ export const designerActivity = createDesignerActivityStore();
   display: inline-flex;
   align-items: center;
   border-radius: 9999px;
-  padding: 1px 8px;
+  padding: 2px 10px;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 600;
   border: 1px solid transparent;
-  background: var(--dp-primary);
-  color: var(--dp-primary-fg);
+  background: rgba(79, 70, 229, 0.08);
+  color: var(--dp-primary);
   white-space: nowrap;
 }
-.lexy-dp-badge--outline { background: var(--dp-muted); color: var(--dp-muted-fg); border-color: var(--dp-border); }
-.lexy-dp-badge--success { background: var(--dp-success); color: var(--dp-success-fg); }
-.lexy-dp-badge--warning { background: var(--dp-warning); color: var(--dp-warning-fg); }
+.lexy-dp-badge--outline { 
+  background: var(--dp-muted); 
+  color: var(--dp-muted-fg); 
+  border-color: var(--dp-border); 
+}
+.lexy-dp-badge--success { 
+  background: rgba(16, 185, 129, 0.1); 
+  color: #047857; 
+}
+.lexy-dp-badge--warning { 
+  background: rgba(245, 158, 11, 0.1); 
+  color: #b45309; 
+}
 
 /* \u2500\u2500 Cards \u2500\u2500 */
 .lexy-dp-card {
   border: 1px solid var(--dp-border);
   background: var(--dp-card);
   border-radius: var(--dp-radius);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  padding: 12px 14px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  padding: 16px;
+  transition: all 0.2s ease;
 }
-.lexy-dp-card__title { font-size: 14px; font-weight: 600; }
-.lexy-dp-card__desc { font-size: 13px; color: var(--dp-muted-fg); margin-top: 2px; }
-.lexy-dp-card__content { margin-top: 10px; }
+.lexy-dp-card:hover {
+  border-color: rgba(79, 70, 229, 0.2);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+.lexy-dp-card__title { font-size: 14.5px; font-weight: 600; color: var(--dp-fg); }
+.lexy-dp-card__desc { font-size: 12.5px; color: var(--dp-muted-fg); margin-top: 4px; line-height: 1.4; }
+.lexy-dp-card__content { margin-top: 14px; }
 .lexy-dp-card__head-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
 
 /* \u2500\u2500 Searchbox \u2500\u2500 */
 .lexy-dp-search { position: relative; display: flex; align-items: center; flex: 1; }
 .lexy-dp-search input {
   width: 100%;
-  padding: 3px 26px 3px 8px;
-  font-size: 12px;
+  padding: 6px 30px 6px 12px;
+  font-size: 12.5px;
   font-family: inherit;
   border: 1px solid var(--dp-border);
-  border-radius: 3px;
-  background: var(--dp-bg);
+  border-radius: 6px;
+  background: #ffffff;
   color: var(--dp-fg);
+  transition: all 0.2s ease;
+}
+.lexy-dp-search input:focus { 
+  outline: none; 
+  border-color: var(--dp-primary); 
+  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
 }
-.lexy-dp-search input:focus { outline: 2px solid var(--dp-ring); outline-offset: -1px; }
 .lexy-dp-search__clear {
   position: absolute;
-  right: 6px;
+  right: 10px;
   border: none;
   background: transparent;
   color: var(--dp-muted-fg);
   cursor: pointer;
   padding: 2px;
   display: inline-flex;
+  transition: color 0.15s ease;
 }
+.lexy-dp-search__clear:hover { color: var(--dp-fg); }
 .lexy-dp-search__clear svg { width: 14px; height: 14px; }
 
-/* \u2500\u2500 Snippet / separador / etiquetas \u2500\u2500 */
+/* \u2500\u2500 Snippet \u2500\u2500 */
 .lexy-dp-snippet {
   font-family: var(--dp-mono);
   font-size: 12px;
-  background: var(--dp-muted);
+  background: #f8fafc;
   border: 1px solid var(--dp-border);
   border-radius: var(--dp-radius);
-  padding: 10px 12px;
+  padding: 12px 14px;
   overflow: auto;
   white-space: pre;
-  color: var(--dp-fg);
+  color: #334155;
 }
-.lexy-dp-sep { border: none; border-top: 1px solid var(--dp-border); height: 1px; }
+.lexy-dp-sep { border: none; border-top: 1px solid var(--dp-border); height: 1px; margin: 20px 0; }
 .lexy-dp-section-label {
-  font-size: 12px;
-  font-weight: 500;
+  font-size: 11.5px;
+  font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--dp-muted-fg);
+  letter-spacing: 0.05em;
+  color: #64748b;
+  margin-bottom: 8px;
 }
 .lexy-dp-muted { color: var(--dp-muted-fg); }
 .lexy-dp-mono { font-family: var(--dp-mono); }
-.lexy-dp-empty { padding: 16px 12px; color: var(--dp-muted-fg); font-size: 13px; }
+.lexy-dp-empty { padding: 24px 16px; color: var(--dp-muted-fg); font-size: 13px; text-align: center; }
 
-.lexy-dp-log__event { color: var(--dp-fg); }
+.lexy-dp-log__event { color: var(--dp-fg); font-weight: 600; }
 
-/* \u2500\u2500 Stacks y grids \u2500\u2500 */
-.lexy-dp-stack { display: flex; flex-direction: column; gap: 2px; }
-.lexy-dp-stack-sm { display: flex; flex-direction: column; gap: 6px; }
-.lexy-dp-stack-lg { display: flex; flex-direction: column; gap: 12px; }
-.lexy-dp-substack { display: flex; flex-direction: column; gap: 2px; padding-left: 16px; color: var(--dp-muted-fg); }
-.lexy-dp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+/* \u2500\u2500 Stacks & Grids \u2500\u2500 */
+.lexy-dp-stack { display: flex; flex-direction: column; gap: 4px; }
+.lexy-dp-stack-sm { display: flex; flex-direction: column; gap: 8px; }
+.lexy-dp-stack-lg { display: flex; flex-direction: column; gap: 16px; }
+.lexy-dp-substack { display: flex; flex-direction: column; gap: 4px; padding-left: 18px; color: var(--dp-muted-fg); }
+.lexy-dp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
 
-/* \u2500\u2500 \xC1rbol JSON \u2500\u2500 */
-.lexy-dp-json-str { color: var(--dp-fg); }
-.lexy-dp-json-num { color: var(--dp-info); }
-.lexy-dp-json-row { display: flex; align-items: flex-start; gap: 4px; padding: 1px 0; }
+/* \u2500\u2500 JSON Tree \u2500\u2500 */
+.lexy-dp-json-str { color: #047857; } /* Emerald green */
+.lexy-dp-json-num { color: #0284c7; } /* Sky blue */
+.lexy-dp-json-row { display: flex; align-items: flex-start; gap: 6px; padding: 2px 0; }
 .lexy-dp-json-spacer { width: 14px; height: 14px; flex-shrink: 0; }
 .lexy-dp-json-leaf { min-width: 0; word-break: break-word; }
 .lexy-dp-json-toggle {
   display: flex;
   width: 100%;
   align-items: flex-start;
-  gap: 4px;
-  padding: 1px 0;
+  gap: 6px;
+  padding: 3px 6px;
   text-align: left;
   background: transparent;
-  border: none;
-  cursor: pointer;
+  border-radius: 4px;
+  transition: background 0.15s ease;
 }
-.lexy-dp-json-toggle:hover { background: var(--dp-muted); }
-.lexy-dp-chevron { width: 14px; height: 14px; flex-shrink: 0; color: var(--dp-muted-fg); margin-top: 1px; }
-.lexy-dp-chevron--sm { width: 12px; height: 12px; margin-top: 0; }
-.lexy-dp-chevron.is-open { transform: rotate(90deg); }
+.lexy-dp-json-toggle:hover { background: rgba(0, 0, 0, 0.03); }
+.lexy-dp-chevron { width: 14px; height: 14px; flex-shrink: 0; color: var(--dp-muted-fg); margin-top: 2px; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+.lexy-dp-chevron--sm { width: 12px; height: 12px; margin-top: 1px; }
+.lexy-dp-chevron.is-open { transform: rotate(90deg); color: var(--dp-fg); }
 
-/* \u2500\u2500 Log de actividad \u2500\u2500 */
+/* \u2500\u2500 Activity Log \u2500\u2500 */
 .lexy-dp-activitylog {
   min-height: 100%;
   background: var(--dp-bg);
-  padding: 4px 0;
+  padding: 8px 0;
   font-family: var(--dp-mono);
-  font-size: 12px;
-  line-height: 1.5;
+  font-size: 12.5px;
+  line-height: 1.6;
   color: var(--dp-fg);
 }
 .lexy-dp-activitylog--scroll { flex: 1; min-height: 0; overflow-y: auto; }
-.lexy-dp-log { border-bottom: 1px solid var(--dp-border); }
+.lexy-dp-log { 
+  border-bottom: 1px solid var(--dp-border); 
+  transition: background 0.15s ease;
+}
+.lexy-dp-log:hover {
+  background: rgba(0, 0, 0, 0.005);
+}
 .lexy-dp-log__head {
   display: flex;
   width: 100%;
   align-items: center;
-  gap: 6px;
-  padding: 4px 8px;
+  gap: 8px;
+  padding: 10px 16px;
   text-align: left;
   background: transparent;
-  border: none;
   cursor: pointer;
+  transition: background 0.15s ease;
+}
+.lexy-dp-log__head:hover { background: rgba(0, 0, 0, 0.03); }
+.lexy-dp-log__time { margin-left: auto; flex-shrink: 0; color: var(--dp-muted-fg); font-size: 11px; }
+.lexy-dp-log__body { 
+  padding: 8px 16px 12px 16px; 
+  background: #f8fafc; 
+  border-top: 1px solid rgba(0, 0, 0, 0.03);
 }
-.lexy-dp-log__head:hover { background: var(--dp-muted); }
-.lexy-dp-log__time { margin-left: auto; flex-shrink: 0; color: var(--dp-muted-fg); }
-.lexy-dp-log__body { padding-bottom: 6px; }
-
-/* \u2500\u2500 Detalle (event/entity detail) \u2500\u2500 */
-.lexy-dp-eventdetail { display: flex; flex-direction: column; font-size: 12px; line-height: 1.5; }
-.lexy-dp-detail-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
-.lexy-dp-detail-field { display: flex; gap: 4px; font-family: var(--dp-mono); font-size: 12px; }
-.lexy-dp-detail-label { color: var(--dp-muted-fg); flex-shrink: 0; }
-.lexy-dp-detail-label::after { content: ":"; }
-
-/* \u2500\u2500 Triggers list \u2500\u2500 */
-.lexy-dp-trigger-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
-.lexy-dp-trigger-item { display: flex; gap: 8px; align-items: baseline; }
-.lexy-dp-bullet { color: var(--dp-primary); font-weight: 700; flex-shrink: 0; }
-
 
-/* \u2500\u2500 Split (lista + detalle) \u2500\u2500 */
+/* \u2500\u2500 Split (Master-Detail) \u2500\u2500 */
 .lexy-dp-split { display: flex; height: 100%; }
 .lexy-dp-split__list {
   width: 288px;
   flex-shrink: 0;
   overflow-y: auto;
   border-right: 1px solid var(--dp-border);
-  padding: 8px 0;
+  padding: 12px 0;
   display: flex;
   flex-direction: column;
-  gap: 1px;
+  background: #f8fafc; /* sidebar light gray background */
 }
 .lexy-dp-list-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  padding: 5px 10px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--dp-fg);
-  background: var(--dp-muted);
+  padding: 10px 16px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  color: #475569;
+  text-transform: uppercase;
+  background: transparent;
   border: none;
-  border-top: 1px solid var(--dp-border);
-  border-bottom: 1px solid var(--dp-border);
   cursor: pointer;
   font-family: inherit;
   text-align: left;
+  margin-top: 8px;
 }
-.lexy-dp-list-section:hover { background: var(--dp-border); }
+.lexy-dp-list-section:first-of-type { margin-top: 0; }
 .lexy-dp-listitem {
-  width: 100%;
+  width: calc(100% - 16px);
+  margin: 2px 8px;
   text-align: left;
   border: none;
   background: transparent;
-  border-radius: 0;
-  padding: 5px 12px;
+  padding: 7px 12px;
   font-family: var(--dp-mono);
   font-size: 12px;
-  color: var(--dp-fg);
+  color: #334155;
   cursor: pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  border-radius: 6px;
+  transition: all 0.15s ease;
+}
+.lexy-dp-listitem:hover { background: rgba(0, 0, 0, 0.03); color: var(--dp-fg); }
+.lexy-dp-listitem.is-active { 
+  background: rgba(79, 70, 229, 0.08); 
+  color: var(--dp-primary); 
+  font-weight: 600;
+}
+.lexy-dp-split__detail { 
+  flex: 1; 
+  min-width: 0; 
+  min-height: 0; 
+  overflow-y: auto; 
+  padding: 0; 
+  background: #ffffff; /* details pure white background */
+}
+
+/* \u2500\u2500 Detalle (Event / Load / Entity Detail Layout) \u2500\u2500 */
+.lexy-dp-eventdetail { display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.6; }
+
+/* The first detail body acts as the HERO banner of the selected item */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type {
+  background: #f8fafc;
+  border-bottom: 1px solid var(--dp-border);
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+/* Reorganize field rows inside the HERO banner */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+/* Hide default "Nombre" label since it's redundant */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field:first-of-type .lexy-dp-detail-label {
+  display: none;
+}
+/* Title of the hero banner (technical ID) */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field:first-of-type span:not(.lexy-dp-detail-label) {
+  font-size: 20px;
+  font-weight: 700;
+  color: #0f172a;
+  font-family: var(--dp-sans);
+}
+/* Styling other hero banner labels as small headers */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field:not(:first-of-type) .lexy-dp-detail-label {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #64748b;
+}
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field:not(:first-of-type) .lexy-dp-detail-label::after {
+  content: "";
+}
+/* Text description in the hero banner */
+.lexy-dp-eventdetail .lexy-dp-detail-body:first-of-type .lexy-dp-detail-field:not(:first-of-type) span:not(.lexy-dp-detail-label) {
+  font-size: 13.5px;
+  color: #475569;
+  font-family: var(--dp-sans);
+  line-height: 1.6;
+}
+
+/* Detail sub-bodies (e.g. content underneath sections) */
+.lexy-dp-eventdetail .lexy-dp-detail-body:not(:first-of-type) {
+  padding: 12px 24px 24px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.lexy-dp-detail-field { display: flex; gap: 8px; font-family: var(--dp-mono); font-size: 12.5px; }
+.lexy-dp-detail-label { color: var(--dp-muted-fg); flex-shrink: 0; }
+.lexy-dp-detail-label::after { content: ":"; }
+
+/* Section Header Buttons inside Detail Page */
+.lexy-dp-eventdetail > .lexy-dp-list-section {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 12px 24px;
+  font-size: 13px;
+  font-weight: 600;
+  color: #0f172a;
+  background: #ffffff;
+  border-top: 1px solid var(--dp-border);
+  border-bottom: none;
+  cursor: pointer;
+  font-family: inherit;
+  text-align: left;
+  margin-top: 8px;
+  text-transform: none;
+  letter-spacing: normal;
 }
-.lexy-dp-listitem:hover { background: var(--dp-muted); }
-.lexy-dp-listitem.is-active { background: var(--dp-accent); color: var(--dp-accent-fg); font-weight: 500; }
-.lexy-dp-split__detail { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; padding: 0; }
+.lexy-dp-eventdetail > .lexy-dp-list-section:hover { background: #f8fafc; }
 
-/* \u2500\u2500 Tabla de campos (devtools) \u2500\u2500 */
-.lexy-dp-field-table { width: 100%; border-collapse: collapse; font-family: var(--dp-mono); font-size: 11px; table-layout: fixed; }
-.lexy-dp-field-table th { text-align: left; font-weight: 500; color: var(--dp-fg); padding: 3px 8px; background: var(--dp-muted); border-bottom: 1px solid var(--dp-border); border-right: 1px solid var(--dp-border); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+/* \u2500\u2500 Triggers List \u2500\u2500 */
+.lexy-dp-trigger-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
+.lexy-dp-trigger-item { display: flex; gap: 8px; align-items: baseline; }
+.lexy-dp-bullet { color: var(--dp-primary); font-weight: 700; flex-shrink: 0; }
+
+/* \u2500\u2500 Fields Table (DevTools) \u2500\u2500 */
+.lexy-dp-field-table { 
+  width: 100%; 
+  border-collapse: collapse; 
+  font-family: var(--dp-mono); 
+  font-size: 12px; 
+  table-layout: fixed; 
+}
+.lexy-dp-field-table th { 
+  text-align: left; 
+  font-weight: 600; 
+  color: #475569; 
+  padding: 8px 12px; 
+  background: #f8fafc; 
+  border-bottom: 1px solid var(--dp-border); 
+  border-right: 1px solid var(--dp-border); 
+  white-space: nowrap; 
+  overflow: hidden; 
+  text-overflow: ellipsis; 
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
 .lexy-dp-field-table th:last-child { border-right: none; }
-.lexy-dp-field-table td { padding: 2px 8px; border-bottom: 1px solid var(--dp-border); border-right: 1px solid var(--dp-border); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
+.lexy-dp-field-table td { 
+  padding: 6px 12px; 
+  border-bottom: 1px solid var(--dp-border); 
+  border-right: 1px solid var(--dp-border); 
+  white-space: nowrap; 
+  overflow: hidden; 
+  text-overflow: ellipsis; 
+  vertical-align: middle; 
+  color: #334155;
+}
 .lexy-dp-field-table td:last-child { border-right: none; }
-.lexy-dp-field-table tbody tr { cursor: pointer; }
-.lexy-dp-field-table tbody tr:hover { background: var(--dp-muted); }
-.lexy-dp-field-table tbody tr.is-selected { background: var(--dp-accent); color: var(--dp-accent-fg); }
-.lexy-dp-field-table tbody tr.is-selected td { color: var(--dp-accent-fg); }
+.lexy-dp-field-table tbody tr { cursor: pointer; transition: background 0.15s ease; }
+.lexy-dp-field-table tbody tr:hover { background: rgba(0, 0, 0, 0.015); }
+.lexy-dp-field-table tbody tr.is-selected { background: rgba(79, 70, 229, 0.04); }
+.lexy-dp-field-table tbody tr.is-selected td { color: var(--dp-primary); font-weight: 600; }
 .lexy-dp-field-table tbody tr:last-child td { border-bottom: none; }
 
-/* \u2500\u2500 Launcher flotante \u2500\u2500 */
+/* Wrapper to round table corners */
+.lexy-dp-eventdetail .lexy-dp-detail-body > div[style*="overflowX"] {
+  border: 1px solid var(--dp-border);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* \u2500\u2500 Floating Launcher \u2500\u2500 */
 .lexy-dp-launcher {
   position: fixed;
-  bottom: 16px;
-  right: 16px;
-  z-index: 40;
+  bottom: 20px;
+  right: 20px;
+  z-index: 50;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -961,86 +1155,112 @@ export const designerActivity = createDesignerActivityStore();
   width: 48px;
   gap: 0;
   overflow: hidden;
-  border: none;
+  border: none !important;
   border-radius: 9999px;
-  background: var(--dp-fg);
-  color: var(--dp-primary-fg);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
+  background: #0f172a !important;
+  color: #ffffff !important;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
   cursor: pointer;
-  padding: 0 12px;
+  padding: 0 14px;
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.lexy-dp-launcher:hover { 
+  width: 176px; 
+  gap: 8px; 
+  background: #1e293b !important;
+  transform: translateY(-2px);
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
 }
-.lexy-dp-launcher:hover,
-.lexy-dp-launcher:focus-visible,
-.lexy-dp-launcher.is-open { width: 176px; gap: 8px; }
-.lexy-dp-launcher:focus-visible { outline: 2px solid var(--dp-ring); outline-offset: 2px; }
+.lexy-dp-launcher.is-open {
+  width: 176px;
+  gap: 8px;
+  background: #0f172a !important;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
+}
+.lexy-dp-launcher.is-open:hover {
+  background: #1e293b !important;
+}
+.lexy-dp-launcher:focus-visible { outline: 2px solid var(--dp-primary); outline-offset: 2px; }
 .lexy-dp-launcher__icon { width: 20px; height: 20px; flex-shrink: 0; }
 .lexy-dp-launcher__label {
   overflow: hidden;
   white-space: nowrap;
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 600;
   max-width: 0;
   opacity: 0;
+  transition: max-width 0.3s ease, opacity 0.2s ease;
 }
 .lexy-dp-launcher:hover .lexy-dp-launcher__label,
 .lexy-dp-launcher:focus-visible .lexy-dp-launcher__label,
-.lexy-dp-launcher.is-open .lexy-dp-launcher__label { max-width: 160px; opacity: 1; }
+.lexy-dp-launcher.is-open .lexy-dp-launcher__label { max-width: 130px; opacity: 1; }
 
-/* \u2500\u2500 Sheet flotante \u2500\u2500 */
+/* \u2500\u2500 Floating Sheet \u2500\u2500 */
 .lexy-dp-sheet {
   position: fixed;
-  bottom: 80px;
-  right: 16px;
-  z-index: 40;
+  bottom: 84px;
+  right: 20px;
+  z-index: 50;
   display: flex;
   flex-direction: column;
-  height: 70vh;
-  width: min(100vw - 2rem, 400px);
+  height: 75vh;
+  width: min(100vw - 2.5rem, 460px);
   overflow: hidden;
   border: 1px solid var(--dp-border);
   border-radius: 12px;
   background: var(--dp-popover);
   color: var(--dp-fg);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05);
+  animation: lexy-sheet-slide 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
 }
+
+@keyframes lexy-sheet-slide {
+  from { opacity: 0; transform: translateY(12px) scale(0.98); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
 .lexy-dp-sheet__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  border-bottom: 1px solid var(--dp-border);
-  background: var(--dp-fg);
-  padding: 12px 16px;
-  color: var(--dp-primary-fg);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  background: #0f172a;
+  padding: 14px 18px;
+  color: #ffffff;
 }
-.lexy-dp-sheet__title { font-size: 14px; font-weight: 500; }
-.lexy-dp-sheet__actions { display: flex; align-items: center; gap: 4px; }
+.lexy-dp-sheet__title { font-size: 14.5px; font-weight: 700; letter-spacing: -0.01em; }
+.lexy-dp-sheet__actions { display: flex; align-items: center; gap: 6px; }
 .lexy-dp-iconbtn {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 30px;
+  width: 30px;
   align-items: center;
   justify-content: center;
   border: none;
   background: transparent;
   border-radius: 6px;
-  opacity: 0.7;
+  opacity: 0.6;
+  color: #ffffff;
   cursor: pointer;
+  transition: all 0.15s ease;
 }
-.lexy-dp-iconbtn:hover { opacity: 1; }
-.lexy-dp-iconbtn svg { width: 16px; height: 16px; }
+.lexy-dp-iconbtn:hover { opacity: 1; background: rgba(255, 255, 255, 0.1); color: #ffffff; }
+.lexy-dp-iconbtn svg { width: 15px; height: 15px; }
 .lexy-dp-sheet__body { flex: 1; min-height: 0; overflow-y: auto; background: var(--dp-bg); }
-`,jt=()=>String.raw`import {
+`,Dt=()=>String.raw`import {
   Activity,
   ArrowUpRight,
   ChevronRight,
+  Eye,
+  EyeOff,
   Maximize2,
   Settings,
   Trash2,
   X,
   Zap,
 } from "lucide-react";
-import { useState, useSyncExternalStore } from "react";
+import { useState, useEffect, useSyncExternalStore } from "react";
 
 import { prototypeDataContract } from "../data-contract/prototype-data-contract";
 import {
@@ -1054,7 +1274,7 @@ import { designerActivity } from "./designer-activity";
 // Panel autocontenido: trae su propio CSS scopeado (.lexy-dp) y no depende del
 // tema Tailwind del proyecto host ni de componentes del registry. Así se puede
 // previsualizar e iterar el diseño en cualquier entorno.
-const PANEL_STYLES = ${JSON.stringify(Pt)};
+const PANEL_STYLES = ${JSON.stringify(Lt)};
 
 function PanelStyles() {
   return <style>{PANEL_STYLES}</style>;
@@ -1080,11 +1300,11 @@ const TREE_INDENT = 14;
 const TREE_BASE = 8;
 
 const renderPrimitive = (value: unknown) => {
-  if (typeof value === "string") return <span className="lexy-dp-json-str">"{value}"</span>;
-  if (typeof value === "number") return <span className="lexy-dp-json-num">{value}</span>;
-  if (typeof value === "boolean") return <span className="lexy-dp-json-num">{String(value)}</span>;
+  if (typeof value === "string") return <span className="lexy-dp-json-row-str">"{value}"</span>;
+  if (typeof value === "number") return <span className="lexy-dp-json-row-num">{value}</span>;
+  if (typeof value === "boolean") return <span className="lexy-dp-json-row-num">{String(value)}</span>;
   if (value === null) return <span className="lexy-dp-muted">null</span>;
-  return <span className="lexy-dp-json-str">{String(value)}</span>;
+  return <span className="lexy-dp-json-row-str">{String(value)}</span>;
 };
 
 function JsonNode({
@@ -1163,7 +1383,7 @@ function LogEntry({ item }: { item: DesignerActivityRecord }) {
             <span className="lexy-dp-json-spacer" aria-hidden />
             <span className="lexy-dp-json-leaf">
               <span className="lexy-dp-muted">fuente:</span>{" "}
-              <span className="lexy-dp-json-str">{trigger}</span>
+              <span className="lexy-dp-json-row-str">{trigger}</span>
             </span>
           </div>
           {input !== undefined ? <JsonNode label={inputLabel} value={input} defaultOpen /> : null}
@@ -1357,8 +1577,8 @@ function EventDetail({ event }: { event: CatalogEvent }) {
   const observedTriggers = Array.from(
     new Set(
       activity
-        .filter((record) => record.technicalId === event.technicalId && record.triggerId)
-        .map((record) => record.triggerId as string),
+          .filter((record) => record.technicalId === event.technicalId && record.triggerId)
+          .map((record) => record.triggerId as string),
     ),
   );
   const payload = event.lastPayload;
@@ -1758,6 +1978,22 @@ type DesignerTab = "activity" | "events";
 
 export function DesignerPanelPage() {
   const [tab, setTab] = useState<DesignerTab>("activity");
+  const [launcherVisible, setLauncherVisible] = useState(() => {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem("lexy-dp-launcher-visible") !== "false";
+    }
+    return true;
+  });
+
+  useEffect(() => {
+    const handleStorage = (e: StorageEvent) => {
+      if (e.key === "lexy-dp-launcher-visible") {
+        setLauncherVisible(e.newValue !== "false");
+      }
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, []);
 
   return (
     <div className="lexy-dp lexy-dp-page">
@@ -1783,6 +2019,24 @@ export function DesignerPanelPage() {
           <Zap />
           Eventos y Datos
         </button>
+
+        <div style={{ marginLeft: "auto", display: "flex", alignItems: "center", gap: "8px" }}>
+          <span className="lexy-dp-muted" style={{ fontSize: "12px" }}>Burbuja de Asistencia:</span>
+          <button
+            type="button"
+            className="lexy-dp-btn lexy-dp-btn--outline lexy-dp-btn--sm"
+            style={{ display: "inline-flex", alignItems: "center", gap: "6px", cursor: "pointer" }}
+            onClick={() => {
+              const nextState = !launcherVisible;
+              setLauncherVisible(nextState);
+              localStorage.setItem("lexy-dp-launcher-visible", String(nextState));
+              window.dispatchEvent(new Event("storage"));
+            }}
+          >
+            {launcherVisible ? <EyeOff style={{ width: "12px", height: "12px" }} /> : <Eye style={{ width: "12px", height: "12px" }} />}
+            {launcherVisible ? "Ocultar" : "Mostrar"}
+          </button>
+        </div>
       </div>
       <div className="lexy-dp-body">
         {tab === "activity" ? (
@@ -1802,6 +2056,25 @@ export function DesignerPanelPage() {
 
 export function PrototypeDesignerPanel() {
   const [open, setOpen] = useState(false);
+  const [visible, setVisible] = useState(() => {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem("lexy-dp-launcher-visible") !== "false";
+    }
+    return true;
+  });
+
+  useEffect(() => {
+    const handleStorage = (e: StorageEvent) => {
+      if (e.key === "lexy-dp-launcher-visible") {
+        setVisible(e.newValue !== "false");
+      }
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, []);
+
+  if (!visible) return null;
+
   return (
     <div className="lexy-dp">
       <PanelStyles />
@@ -1810,6 +2083,21 @@ export function PrototypeDesignerPanel() {
           <div className="lexy-dp-sheet__header">
             <p className="lexy-dp-sheet__title">Panel de Actividad</p>
             <div className="lexy-dp-sheet__actions">
+              <button
+                type="button"
+                aria-label="Ocultar burbuja de asistencia"
+                title="Ocultar burbuja de asistencia"
+                className="lexy-dp-iconbtn"
+                onClick={() => {
+                  if (confirm("¿Estás seguro de que quieres ocultar la burbuja de asistencia? Podrás volver a habilitarla desde la página del panel (/designer-panel).")) {
+                    localStorage.setItem("lexy-dp-launcher-visible", "false");
+                    setVisible(false);
+                    window.dispatchEvent(new Event("storage"));
+                  }
+                }}
+              >
+                <EyeOff />
+              </button>
               <button
                 type="button"
                 aria-label="Abrir panel completo"
@@ -1848,7 +2136,7 @@ export function PrototypeDesignerPanel() {
     </div>
   );
 }
-`,$e=async(e,t)=>{let o=async(a,n)=>{await Me.mkdir(ie.dirname(ie.join(e,a)),{recursive:!0}),await Me.writeFile(ie.join(e,a),n)};await o(se,Et),await o(le,jt())};import Fe from"fs/promises";import qe from"path";var ce="src/prototype/mock-store/mock-store.ts",de="src/prototype/mock-store/fixtures.ts",Ct="src/prototype/ports/types.ts",It="src/prototype/ports/catalog.ts",Tt="src/prototype/ports/mock-read.ts",Rt="src/prototype/ports/mock-write.ts",Nt="src/prototype/ports/production.ts",pe="src/prototype/ports/index.ts",Ot=String.raw`import { fixtures } from "./fixtures";
+`,Je=async(e,t)=>{let o=async(a,n)=>{await He.mkdir(xe.dirname(xe.join(e,a)),{recursive:!0}),await He.writeFile(xe.join(e,a),n)};await o(he,At),await o(ve,Dt())};import Be from"fs/promises";import We from"path";var be="src/prototype/mock-store/mock-store.ts",we="src/prototype/mock-store/fixtures.ts",zt="src/prototype/ports/types.ts",Mt="src/prototype/ports/catalog.ts",$t="src/prototype/ports/mock-read.ts",Ft="src/prototype/ports/mock-write.ts",Vt="src/prototype/ports/production.ts",Se="src/prototype/ports/index.ts",qt=String.raw`import { fixtures } from "./fixtures";
 
 export type JsonPrimitive = string | number | boolean | null;
 export type JsonValue = JsonPrimitive | JsonValue[] | { [key: string]: JsonValue };
@@ -2008,7 +2296,7 @@ export const findRecordById = (
   fieldId: string,
   id: JsonPrimitive,
 ) => records.find((record) => record[fieldId] === id);
-`,_t=String.raw`import type { MockEntityRecord } from "./mock-store";
+`,Ut=String.raw`import type { MockEntityRecord } from "./mock-store";
 
 export type Fixtures = {
   datasetVersion: number;
@@ -2024,7 +2312,7 @@ export const fixtures: Fixtures = {
   datasetVersion: 1,
   entities: {},
 };
-`,At=String.raw`import { z } from "zod";
+`,Kt=String.raw`import { z } from "zod";
 
 /** Metadata de una carga de datos (GET): describe qué lee y qué la detona. */
 export const readMetaSchema = z
@@ -2077,7 +2365,7 @@ export interface LexyReadPort {
 export interface LexyWritePort {
   publish(eventId: string, payload: unknown, meta?: WriteMeta): Promise<EventReceipt>;
 }
-`,Lt=String.raw`import type { EventReceipt, ReadMeta, WriteMeta } from "./types";
+`,Ht=String.raw`import type { EventReceipt, ReadMeta, WriteMeta } from "./types";
 
 export type CatalogEvent = {
   kind: "event";
@@ -2188,7 +2476,7 @@ const createCatalog = () => {
 };
 
 export const catalog = createCatalog();
-`,Dt=String.raw`import { designerActivity } from "../designer-panel/designer-activity";
+`,Jt=String.raw`import { designerActivity } from "../designer-panel/designer-activity";
 import { type MockEntityRecord, mockStore } from "../mock-store/mock-store";
 import { catalog } from "./catalog";
 import { type LexyReadPort, type ReadMeta, readMetaSchema } from "./types";
@@ -2226,7 +2514,7 @@ export const mockRead: LexyReadPort = {
     return data as T;
   },
 };
-`,zt=String.raw`import { designerActivity } from "../designer-panel/designer-activity";
+`,Bt=String.raw`import { designerActivity } from "../designer-panel/designer-activity";
 import { mockStore } from "../mock-store/mock-store";
 import { catalog } from "./catalog";
 import { type EventReceipt, type LexyWritePort, type WriteMeta, writeMetaSchema } from "./types";
@@ -2270,7 +2558,7 @@ export const mockWrite: LexyWritePort = {
     return receipt;
   },
 };
-`,Mt=String.raw`import type { LexyReadPort, LexyWritePort } from "./types";
+`,Wt=String.raw`import type { LexyReadPort, LexyWritePort } from "./types";
 
 export const productionRead: LexyReadPort = {
   async load<T = unknown>(loadId: string): Promise<T> {
@@ -2287,7 +2575,7 @@ export const productionWrite: LexyWritePort = {
     );
   },
 };
-`,$t=String.raw`import { mockRead } from "./mock-read";
+`,Gt=String.raw`import { mockRead } from "./mock-read";
 import { mockWrite } from "./mock-write";
 import { productionRead, productionWrite } from "./production";
 import type { LexyReadPort, LexyWritePort } from "./types";
@@ -2304,8 +2592,8 @@ export type {
   ReadMeta,
   WriteMeta,
 } from "./types";
-`,Ft=[[ce,Ot],[de,_t],[Ct,At],[It,Lt],[Tt,Dt],[Rt,zt],[Nt,Mt],[pe,$t]],Ve=async e=>{for(let[t,o]of Ft){let a=qe.join(e,t);await Fe.mkdir(qe.dirname(a),{recursive:!0}),await Fe.writeFile(a,o)}};var Kt={feature:["src/app","src/features","src/shared/assets","src/shared/components/base","src/shared/hooks","src/shared/services","src/shared/lib","src/shared/types"],layer:["src/assets","src/components/base","src/hooks","src/services","src/lib","src/types","src/views","src/stores"]},Ut="10.33.3",Ht=e=>{let t=e.architecture==="feature"?{"react-router":"^7.9.0"}:{};return JSON.stringify({name:e.projectName,private:!0,version:"0.0.0",type:"module",packageManager:`pnpm@${Ut}`,scripts:{dev:"vite","check:data-contract":"tsx scripts/check-data-contract.ts","check:prototype":"pnpm check:data-contract","build:app":"tsc -b && vite build",build:"pnpm check:prototype && pnpm build:app",preview:"vite preview",lint:"eslint .",format:"prettier --write ."},dependencies:{clsx:"^2.1.1","lucide-react":"^0.460.0",react:"^19.2.6","react-dom":"^19.2.6",...t,"tailwind-merge":"^3.3.1",zod:"^4.1.0"},devDependencies:{"@babel/core":"^7.29.7","@eslint/js":"^10.0.1","@rolldown/plugin-babel":"^0.2.3","@tailwindcss/vite":"^4.3.0","@types/babel__core":"^7.20.5","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","babel-plugin-react-compiler":"^1.0.0",eslint:"^10.4.1","eslint-plugin-jsx-a11y":"^6.10.2","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-simple-import-sort":"^13.0.0",globals:"^17.6.0",prettier:"^3.8.4",tailwindcss:"^4.3.0",terser:"^5.48.0",tsx:"^4.19.0",typescript:"~5.9.3","typescript-eslint":"^8.61.0",vite:"^8.0.12"}},null,2)+`
-`},Bt=`import path from "node:path";
+`,Yt=[[be,qt],[we,Ut],[zt,Kt],[Mt,Ht],[$t,Jt],[Ft,Bt],[Vt,Wt],[Se,Gt]],Ge=async e=>{for(let[t,o]of Yt){let a=We.join(e,t);await Be.mkdir(We.dirname(a),{recursive:!0}),await Be.writeFile(a,o)}};var Zt={feature:["src/app","src/features","src/shared/assets","src/shared/components/base","src/shared/hooks","src/shared/services","src/shared/lib","src/shared/types"],layer:["src/assets","src/components/base","src/hooks","src/services","src/lib","src/types","src/views","src/stores"]},B="10.33.3",eo=e=>{let t=e.architecture==="feature"?{"react-router":"^7.9.0"}:{};return JSON.stringify({name:e.projectName,private:!0,version:"0.0.0",type:"module",packageManager:`pnpm@${B}`,scripts:{dev:"vite","check:data-contract":"tsx scripts/check-data-contract.ts","check:prototype":"pnpm check:data-contract","build:app":"tsc -b && vite build",build:"pnpm check:prototype && pnpm build:app",preview:"vite preview",lint:"eslint .",format:"prettier --write ."},dependencies:{clsx:"^2.1.1","lucide-react":"^0.460.0",react:"^19.2.6","react-dom":"^19.2.6",...t,"tailwind-merge":"^3.3.1",zod:"^4.1.0"},devDependencies:{"@babel/core":"^7.29.7","@eslint/js":"^10.0.1","@rolldown/plugin-babel":"^0.2.3","@tailwindcss/vite":"^4.3.0","@types/babel__core":"^7.20.5","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","babel-plugin-react-compiler":"^1.0.0",eslint:"^10.4.1","eslint-plugin-jsx-a11y":"^6.10.2","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-simple-import-sort":"^13.0.0",globals:"^17.6.0",prettier:"^3.8.4",tailwindcss:"^4.3.0",terser:"^5.48.0",tsx:"^4.19.0",typescript:"~5.9.3","typescript-eslint":"^8.61.0",vite:"^8.0.12"}},null,2)+`
+`},to=`import path from "node:path";
 
 import babel from "@rolldown/plugin-babel";
 import tailwindcss from "@tailwindcss/vite";
@@ -2356,7 +2644,7 @@ export default defineConfig({
     },
   },
 });
-`,Jt=`import js from "@eslint/js";
+`,oo=`import js from "@eslint/js";
 import jsxA11y from "eslint-plugin-jsx-a11y";
 import reactHooks from "eslint-plugin-react-hooks";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
@@ -2385,14 +2673,14 @@ export default tseslint.config(
     },
   },
 );
-`,Wt=`{
+`,ao=`{
   "printWidth": 100
 }
-`,Gt=`pnpm-lock.yaml
+`,no=`pnpm-lock.yaml
 src/lexy-theme.css
 public/fonts/
 dist/
-`,Qt=`name: CI
+`,ro=`name: CI
 
 on:
   push:
@@ -2415,7 +2703,7 @@ jobs:
       - run: pnpm check:data-contract
       - run: pnpm build:app
       - run: pnpm audit --audit-level high
-`,Yt=`{
+`,io=`{
   "files": [],
   "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }],
   "compilerOptions": {
@@ -2423,7 +2711,7 @@ jobs:
     "paths": { "@/*": ["./src/*"] }
   }
 }
-`,Xt=`{
+`,so=`{
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "target": "ES2022",
@@ -2447,7 +2735,7 @@ jobs:
   },
   "include": ["src"]
 }
-`,Zt=`{
+`,lo=`{
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "target": "ES2023",
@@ -2464,7 +2752,7 @@ jobs:
   },
   "include": ["vite.config.ts"]
 }
-`,eo=e=>`<!doctype html>
+`,co=e=>`<!doctype html>
 <html lang="es">
   <head>
     <meta charset="UTF-8" />
@@ -2476,9 +2764,9 @@ jobs:
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
-`,to=`@import "tailwindcss";
+`,po=`@import "tailwindcss";
 @import "./lexy-theme.css";
-`,oo=e=>e.architecture==="feature"?`import "./index.css";
+`,mo=e=>e.architecture==="feature"?`import "./index.css";
 
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
@@ -2505,20 +2793,20 @@ createRoot(document.getElementById("root")!).render(
     <App />
   </StrictMode>,
 );
-`,Ke=`    <main className="flex min-h-screen items-center justify-center bg-background text-foreground">
+`,Ye=`    <main className="flex min-h-screen items-center justify-center bg-background text-foreground">
       <div className="text-center">
         <h1 className="text-2xl font-semibold">Proyecto Lexy listo</h1>
         <p className="mt-2 text-sm text-muted-foreground">
           Trae tu primer componente: <code>npx create-lexy add button</code>
         </p>
       </div>
-    </main>`,ao=e=>e.architecture==="feature"?`import { Route, Routes } from "react-router";
+    </main>`,uo=e=>e.architecture==="feature"?`import { Route, Routes } from "react-router";
 
 import { PrototypeDesignerPanel } from "../prototype/designer-panel/PrototypeDesignerPanel";
 
 const Home = () => {
   return (
-${Ke}
+${Ye}
   );
 };
 
@@ -2541,22 +2829,22 @@ const showPrototypeDesignerPanel = import.meta.env.DEV;
 export const App = () => {
   return (
     <>
-${Ke}
+${Ye}
       {showPrototypeDesignerPanel ? <PrototypeDesignerPanel /> : null}
     </>
   );
 };
-`,no=`import { type ClassValue, clsx } from "clsx";
+`,yo=`import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
-`,ro=`node_modules/
+`,fo=`node_modules/
 dist/
 *.log
 .env
-`,io=e=>`# ${e.projectName}
+`,go=e=>`# ${e.projectName}
 
 Proyecto Lexy (React + Vite + TS + theme Lexy). Los componentes viven en tu proyecto: m\xEDralos con \`view\`, inst\xE1lalos con \`add\`, ed\xEDtalos con libertad.
 
@@ -2567,29 +2855,58 @@ npx create-lexy view button       # ver un componente antes de instalarlo
 npx create-lexy add button        # instalarlo (local y editable)
 npx create-lexy doctor            # divergencia con el registry
 \`\`\`
-`,so=e=>{let o=e.architecture==="feature"?"@/shared":"@";return JSON.stringify({$schema:"https://ui.shadcn.com/schema.json",style:"new-york",rsc:!1,tsx:!0,tailwind:{config:"",css:"src/index.css",baseColor:"neutral",cssVariables:!0},aliases:{components:`${o}/components`,ui:`${o}/components/base`,utils:`${o}/lib/utils/cn`,lib:`${o}/lib`,hooks:`${o}/hooks`},registries:{"@lexy":`${F}@latest/r/{name}.json`}},null,2)+`
-`},lo=e=>{let t=e.architecture==="feature";return{version:"2.0.0",generatedAt:new Date().toISOString(),architecture:e.architecture,world:e.world,registry:{package:"@lexydesign/registry",cdn:F},componentImportPattern:t?"@/shared/components/base/{Component}":"@/components/base/{Component}",paths:{components:t?"src/shared/components/base":"src/components/base",hooks:t?"src/shared/hooks":"src/hooks",services:t?"src/shared/services":"src/services",lib:t?"src/shared/lib":"src/lib",views:t?"src/features":"src/views"},prototype:{dataContractVersion:"1",dataContractPath:re,runtimeVersion:"1",mockStorePath:ce,fixturesPath:de,portsPath:pe,designerPanelVersion:"1",designerPanelPath:le,designerActivityStorePath:se},installed:{}}},Ue=async(e,t)=>{let o=["package.json","src","index.html",".lexy"],a=[];for(let s of o)try{await b.access(w.join(t,s)),a.push(s)}catch{}if(a.length>0)throw new Error(`El directorio actual ya contiene archivos de un proyecto (${a.join(", ")}). Ejecuta el comando dentro de una carpeta vac\xEDa.`);for(let s of Kt[e.architecture])await b.mkdir(w.join(t,s),{recursive:!0});let n=(s,u)=>b.writeFile(w.join(t,s),u);await n("package.json",Ht(e)),await n("vite.config.ts",Bt),await n("tsconfig.json",Yt),await n("tsconfig.app.json",Xt),await n("tsconfig.node.json",Zt),await n("eslint.config.js",Jt),await n(".prettierrc",Wt),await n(".prettierignore",Gt),await b.mkdir(w.join(t,".github/workflows"),{recursive:!0}),await n(".github/workflows/ci.yml",Qt),await n("index.html",eo(e)),await n(".gitignore",ro),await n("README.md",io(e)),await n("src/index.css",to),await n("src/main.tsx",oo(e)),await ze(t,e.projectName),await Ve(t);let r=lo(e);await $e(t,r);let i=e.architecture==="feature"?"src/app":"src/views";await n(`${i}/App.tsx`,ao(e)),await n(".lexy",JSON.stringify(r,null,2)+`
-`),await n("components.json",so(e)),await b.copyFile(Ce,w.join(t,"src/lexy-theme.css")),await b.mkdir(w.join(t,"public/fonts"),{recursive:!0}),await b.cp(Ie,w.join(t,"public/fonts"),{recursive:!0});let d=w.join(t,r.paths.lib,"utils");await b.mkdir(d,{recursive:!0}),await b.writeFile(w.join(d,"cn.ts"),no),await co(t)},co=async e=>{let t=[],o=async a=>{let n;try{n=await b.readdir(a,{withFileTypes:!0})}catch{return}for(let r of n){let i=w.join(a,r.name);r.isDirectory()?await o(i):/\.(ts|tsx)$/.test(r.name)&&t.push(i)}};await o(w.join(e,"src")),await o(w.join(e,"scripts"));for(let a of t){let n=await b.readFile(a,"utf-8"),r=await Vt(a)??{},i=await qt(n,{...r,filepath:a});i!==n&&await b.writeFile(a,i)}};var fo=["feature","layer"],go=["cliente","crm","mixto"],xo=e=>new Promise((t,o)=>{po("pnpm",["install"],{cwd:e,stdio:"ignore",shell:!0}).on("close",n=>n===0?t():o(new Error(`pnpm install fall\xF3 con c\xF3digo ${n}`)))}),He=async(e,t)=>{let o;!!(e&&t.type)?(fo.includes(t.type)||(console.error(j.red(`Error: la arquitectura "${t.type}" no es v\xE1lida. Usa "feature" o "layer".`)),process.exit(1)),t.world&&!go.includes(t.world)&&(console.error(j.red(`Error: el mundo "${t.world}" no es v\xE1lido. Usa "cliente", "crm" o "mixto".`)),process.exit(1)),t.world||console.warn(j.yellow('Aviso: sin --world; se asume "mixto". ')+j.dim("Pasa --world cliente|crm para fijar densidad y voz desde el inicio.")),o={projectName:e,architecture:t.type,world:t.world??"mixto"},console.log(j.blue("Modo automatizado detectado. Saltando interfaz interactiva..."))):o=await Ae(e),mo(`Nombre: ${o.projectName}
+`,xo=e=>{let o=e.architecture==="feature"?"@/shared":"@";return JSON.stringify({$schema:"https://ui.shadcn.com/schema.json",style:"new-york",rsc:!1,tsx:!0,tailwind:{config:"",css:"src/index.css",baseColor:"neutral",cssVariables:!0},aliases:{components:`${o}/components`,ui:`${o}/components/base`,utils:`${o}/lib/utils/cn`,lib:`${o}/lib`,hooks:`${o}/hooks`},registries:{"@lexy":`${q}@latest/r/{name}.json`}},null,2)+`
+`},ho=e=>{let t=e.architecture==="feature";return{version:"2.0.0",generatedAt:new Date().toISOString(),architecture:e.architecture,world:e.world,registry:{package:"@lexydesign/registry",cdn:q},componentImportPattern:t?"@/shared/components/base/{Component}":"@/components/base/{Component}",paths:{components:t?"src/shared/components/base":"src/components/base",hooks:t?"src/shared/hooks":"src/hooks",services:t?"src/shared/services":"src/services",lib:t?"src/shared/lib":"src/lib",views:t?"src/features":"src/views"},prototype:{dataContractVersion:"1",dataContractPath:ge,runtimeVersion:"1",mockStorePath:be,fixturesPath:we,portsPath:Se,designerPanelVersion:"1",designerPanelPath:ve,designerActivityStorePath:he},installed:{}}},Qe=async(e,t)=>{let o=["package.json","src","index.html",".lexy"],a=[];for(let s of o)try{await S.access(k.join(t,s)),a.push(s)}catch{}if(a.length>0)throw new Error(`El directorio actual ya contiene archivos de un proyecto (${a.join(", ")}). Ejecuta el comando dentro de una carpeta vac\xEDa.`);for(let s of Zt[e.architecture])await S.mkdir(k.join(t,s),{recursive:!0});let n=(s,m)=>S.writeFile(k.join(t,s),m);await n("package.json",eo(e)),await n("vite.config.ts",to),await n("tsconfig.json",io),await n("tsconfig.app.json",so),await n("tsconfig.node.json",lo),await n("eslint.config.js",oo),await n(".prettierrc",ao),await n(".prettierignore",no),await S.mkdir(k.join(t,".github/workflows"),{recursive:!0}),await n(".github/workflows/ci.yml",ro),await n("index.html",co(e)),await n(".gitignore",fo),await n("README.md",go(e)),await n("src/index.css",po),await n("src/main.tsx",mo(e)),await Ke(t,e.projectName),await Ge(t);let r=ho(e);await Je(t,r);let i=e.architecture==="feature"?"src/app":"src/views";await n(`${i}/App.tsx`,uo(e)),await n(".lexy",JSON.stringify(r,null,2)+`
+`),await n("components.json",xo(e)),await S.copyFile(Fe,k.join(t,"src/lexy-theme.css")),await S.mkdir(k.join(t,"public/fonts"),{recursive:!0}),await S.cp(Ve,k.join(t,"public/fonts"),{recursive:!0});let p=k.join(t,r.paths.lib,"utils");await S.mkdir(p,{recursive:!0}),await S.writeFile(k.join(p,"cn.ts"),yo),await vo(t)},vo=async e=>{let t=[],o=async a=>{let n;try{n=await S.readdir(a,{withFileTypes:!0})}catch{return}for(let r of n){let i=k.join(a,r.name);r.isDirectory()?await o(i):/\.(ts|tsx)$/.test(r.name)&&t.push(i)}};await o(k.join(e,"src")),await o(k.join(e,"scripts"));for(let a of t){let n=await S.readFile(a,"utf-8"),r=await Xt(a)??{},i=await Qt(n,{...r,filepath:a});i!==n&&await S.writeFile(a,i)}};var et=e=>{let t=Number(e.match(/(\d+)/)?.[1]??0),o=Number(process.versions.node.split(".")[0]);!t||o>=t||(console.error(W.red(`
+Node ${process.versions.node} es muy antiguo \u2014 create-lexy necesita Node ${e}.
+`)+W.dim(`Actualiza Node (https://nodejs.org) o usa un gestor de versiones (nvm, fnm) y vuelve a intentarlo.
+`)),process.exit(1))},Pe=()=>{try{return Ze("pnpm",["--version"],{stdio:"ignore"}),!0}catch{return!1}},ko=()=>{try{return Ze("corepack",["--version"],{stdio:"ignore"}),!0}catch{return!1}},Po=()=>{let e=ke("corepack",["enable"],{stdio:"ignore"}),t=ke("corepack",["prepare",`pnpm@${B}`,"--activate"],{stdio:"ignore"});return e.status===0&&t.status===0&&Pe()},Eo=()=>ke("npm",["install","-g",`pnpm@${B}`],{stdio:"ignore",shell:!0}).status===0&&Pe(),Xe=`\`corepack enable && corepack prepare pnpm@${B} --activate\` (o \`npm install -g pnpm\`)`,ae=async()=>{if(Pe())return;if(console.log(W.yellow("pnpm no est\xE1 instalado.")+W.dim(" create-lexy lo usa para instalar las dependencias del proyecto.")),!!(process.stdout.isTTY&&process.stdin.isTTY)){let a=await bo({message:"\xBFInstalar pnpm ahora?",initialValue:!0});if(wo(a)||!a)throw new Error(`pnpm es necesario. Inst\xE1lalo con ${Xe} y vuelve a intentarlo.`)}else console.log(W.dim("Modo no interactivo: intentando instalar pnpm autom\xE1ticamente..."));let t=So();t.start("Instalando pnpm...");let o=ko()?Po():Eo();if(t.stop(o?"pnpm instalado":"No se pudo instalar pnpm autom\xE1ticamente"),!o)throw new Error(`No se pudo instalar pnpm autom\xE1ticamente. Inst\xE1lalo con ${Xe} y vuelve a intentarlo.`)};import tt from"fs/promises";import Co from"path";var ot=e=>Co.join(e,".lexy"),z=async e=>{let t;try{t=await tt.readFile(ot(e),"utf-8")}catch{throw new Error("No se encontr\xF3 el archivo .lexy. \xBFEst\xE1s en la ra\xEDz de un proyecto Lexy? (cr\xE9alo con `npx create-lexy create`)")}let o=JSON.parse(t);if(!o.paths?.components)throw new Error("El .lexy no tiene paths.components \u2014 archivo corrupto o de una versi\xF3n incompatible.");return o.installed??={},o},at=async(e,t)=>{await tt.writeFile(ot(e),JSON.stringify(t,null,2)+`
+`)};var No=(e,t)=>new Promise((o,a)=>{jo("pnpm",["add",...e],{cwd:t,stdio:"ignore",shell:!0}).on("close",r=>r===0?o():a(new Error(`pnpm add fall\xF3 con c\xF3digo ${r}`)))}),Ro=async(e,t="utf-8")=>{try{return await re.readFile(e,t)}catch{return null}},ie=async(e,t)=>{let o=process.cwd(),a=await z(o),n=nt();n.start("Resolviendo componentes en el registry...");let r=new Map,i=async d=>{let g=d.toLowerCase().replace(/^@lexy\//,"");if(r.has(g))return;let l=await C(g);r.set(g,l);for(let c of l.item.registryDependencies??[])await i(c)};try{for(let d of e)await i(d)}catch(d){throw n.stop(P.red("No se pudo resolver el pedido.")),d}let p=new Map;for(let[d,{item:g}]of r){let l=[];for(let c of O(g,a)){let f=await Ro(ne.join(o,c.relPath),c.encoding??"utf-8");l.push({...c,status:f===null?"new":f===c.content?"same":"differs"})}p.set(d,l)}let s=Array.from(p.values()).flat().filter(d=>d.status==="differs");if(n.stop(`Resueltos: ${Array.from(r.keys()).join(", ")}`),s.length>0&&!t.overwrite){let d=s.map(g=>`  ${g.relPath}`).join(`
+`);if(process.stdout.isTTY&&process.stdin.isTTY){let g=await Io({message:`Estos archivos existen con cambios locales y ser\xE1n sobrescritos:
+${d}
+\xBFContinuar?`});if(To(g)||g!==!0){console.log(P.yellow("Operaci\xF3n cancelada \u2014 nada fue modificado.")),process.exitCode=1;return}}else{console.error(P.red(`Estos archivos existen con cambios locales:
+`)+d+P.dim(`
+Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[d,g]of p){let{item:l,version:c,source:f}=r.get(d);for(let h of g){if(h.status==="same")continue;let _=ne.join(o,h.relPath);await re.mkdir(ne.dirname(_),{recursive:!0}),await re.writeFile(_,h.content,h.encoding??"utf-8")}a.installed[l.name]=c;let b=e.map(h=>h.toLowerCase()).includes(d)?"":P.dim(" (dependencia)"),K=f==="bundle"?P.yellow(" [bundle local \u2014 sin red]"):"";console.log(P.green(`${P.bold(l.title??l.name)} instalado`)+b+P.cyan(` \u2192 ${a.paths.components}/`)+K);for(let h of g){let _=h.status==="same"?P.dim(" (sin cambios)"):"";console.log(P.dim(`   ${h.relPath}${_}`))}}await at(o,a);let m=new Set;for(let{item:d}of r.values())for(let g of d.dependencies??[])m.add(g);let u=JSON.parse(await re.readFile(ne.join(o,"package.json"),"utf-8")),y={...u.dependencies,...u.devDependencies},R=d=>{let g=d.lastIndexOf("@");return g>0?d.slice(0,g):d},v=Array.from(m).filter(d=>!y[R(d)]);if(v.length>0)if(t.install===!1)console.log(P.yellow(`Dependencias pendientes (inst\xE1lalas t\xFA): ${v.join(", ")}`));else{await ae();let d=nt();d.start(`Instalando dependencias: ${v.join(", ")}...`),await No(v,o),d.stop("Dependencias instaladas.")}};import{spawn as zo}from"child_process";import{note as Mo,outro as $o,spinner as Fo}from"@clack/prompts";import T from"picocolors";import{cancel as _o,intro as Oo,isCancel as Ao,select as it,text as Lo}from"@clack/prompts";import st from"picocolors";var Ee=[{value:"screen",label:"Una pantalla o flujo corto",hint:"landing, formulario, demo \u2014 sin navegaci\xF3n entre secciones",architecture:"layer"},{value:"app",label:"Una app con secciones y navegaci\xF3n",hint:"dashboard, listados, detalle \u2014 varias vistas con router",architecture:"feature"}],rt=e=>Ee.find(t=>t.value===e).architecture;var Do=`
+  ######                  ######
+  ##::+####            ####+::##
+   #-..:+################+:..:#
+   #+...=################=...+#
+    #=-*##################*-=#
+     ########################
+    ==-:.:=*##########*=:.::==
+   **#####*+--*####*--+*#####**
+##########%@@#:-##=.#@@%##########
+#######*+*#%%*:-@@=.+%%#*+*#######
+  #+:..........:*#:..........:=#
+   ...........:====:...........
+      ......................
+          ..............
+`,Ce=e=>{Ao(e)&&(_o("Operaci\xF3n cancelada por el usuario."),process.exit(0))},lt=async e=>{console.clear(),Oo(`${st.cyan(Do)}
+${st.bold(" Bienvenido al generador de proyectos Lexy")}`);let t=e;if(!t){let n=await Lo({message:"\xBFCu\xE1l es el nombre de tu proyecto?",placeholder:"lexy-app",validate:r=>{if(!r||r.trim()==="")return"El nombre es obligatorio.";if(!/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(r))return"El nombre debe estar en min\xFAsculas, sin espacios ni caracteres especiales."}});Ce(n),t=n}let o=await it({message:"\xBFPara qui\xE9n es este proyecto?",options:[{label:"Clientes de Lexy",value:"cliente",hint:"Producto de cara al cliente final"},{label:"Equipo interno / CRM",value:"crm",hint:"Herramienta densa para el equipo Lexy"},{label:"Ambos o a\xFAn no lo s\xE9",value:"mixto",hint:"Se decide por pantalla m\xE1s adelante"}],initialValue:"mixto"});Ce(o);let a=await it({message:"\xBFC\xF3mo es lo que vas a construir?",options:Ee.map(n=>({label:n.label,value:n.value,hint:n.hint})),initialValue:"app"});return Ce(a),{projectName:t,architecture:rt(a),world:o}};var Vo=["feature","layer"],qo=["cliente","crm","mixto"],Uo=e=>new Promise((t,o)=>{zo("pnpm",["install"],{cwd:e,stdio:"ignore",shell:!0}).on("close",n=>n===0?t():o(new Error(`pnpm install fall\xF3 con c\xF3digo ${n}`)))}),se=async(e,t)=>{let o;!!(e&&t.type)?(Vo.includes(t.type)||(console.error(T.red(`Error: la arquitectura "${t.type}" no es v\xE1lida. Usa "feature" o "layer".`)),process.exit(1)),t.world&&!qo.includes(t.world)&&(console.error(T.red(`Error: el mundo "${t.world}" no es v\xE1lido. Usa "cliente", "crm" o "mixto".`)),process.exit(1)),t.world||console.warn(T.yellow('Aviso: sin --world; se asume "mixto". ')+T.dim("Pasa --world cliente|crm para fijar densidad y voz desde el inicio.")),o={projectName:e,architecture:t.type,world:t.world??"mixto"},console.log(T.blue("Modo automatizado detectado. Saltando interfaz interactiva..."))):o=await lt(e),Mo(`Nombre: ${o.projectName}
 Arquitectura: ${o.architecture}
-Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto");let n=yo();n.start("Construyendo tu proyecto...");let r=process.cwd();try{await Ue(o,r)}catch(i){throw n.stop(j.red("No se pudo crear el proyecto.")),i}t.install!==!1&&(n.message("Instalando dependencias base..."),await xo(r)),n.stop("\xA1Proyecto construido con \xE9xito!"),uo(j.green(`Todo listo en el directorio actual
+Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto"),t.install!==!1&&await ae();let n=Fo();n.start("Construyendo tu proyecto...");let r=process.cwd();try{await Qe(o,r)}catch(i){throw n.stop(T.red("No se pudo crear el proyecto.")),i}t.install!==!1&&(n.message("Instalando dependencias base..."),await Uo(r)),n.stop("\xA1Proyecto construido con \xE9xito!"),$o(T.green(`Todo listo en el directorio actual
 
-`)+j.dim(`Siguientes pasos:
-`)+j.cyan(`  pnpm dev
-`)+j.cyan("  npx create-lexy add button"))};import vo from"fs/promises";import ho from"path";import S from"picocolors";import me from"picocolors";var V=(e,t)=>{let o=e.split(`
+`)+T.dim(`Siguientes pasos:
+`)+T.cyan(`  pnpm dev
+`)+T.cyan("  npx create-lexy add button"))};import Ko from"fs/promises";import Ho from"path";import E from"picocolors";import je from"picocolors";var G=(e,t)=>{let o=e.split(`
 `),a=t.split(`
-`),n=o.length,r=a.length,i=Array.from({length:n+1},()=>new Array(r+1).fill(0));for(let m=n-1;m>=0;m--)for(let y=r-1;y>=0;y--)i[m][y]=o[m]===a[y]?i[m+1][y+1]+1:Math.max(i[m+1][y],i[m][y+1]);let d=[],s=0,u=0;for(;s<n&&u<r;)o[s]===a[u]?(d.push({type:"same",text:o[s]}),s++,u++):i[s+1][u]>=i[s][u+1]?d.push({type:"del",text:o[s++]}):d.push({type:"add",text:a[u++]});for(;s<n;)d.push({type:"del",text:o[s++]});for(;u<r;)d.push({type:"add",text:a[u++]});return d},Y=e=>e.some(t=>t.type!=="same"),Be=(e,t=3)=>{if(!Y(e))return null;let o=new Array(e.length).fill(!1);e.forEach((r,i)=>{if(r.type!=="same")for(let d=Math.max(0,i-t);d<=Math.min(e.length-1,i+t);d++)o[d]=!0});let a=[],n=!1;for(let r=0;r<e.length;r++){if(!o[r]){n||(a.push(me.dim("  \u22EF")),n=!0);continue}n=!1;let i=e[r];i.type==="same"?a.push(`  ${i.text}`):i.type==="del"?a.push(me.red(`- ${i.text}`)):a.push(me.green(`+ ${i.text}`))}return a.join(`
-`)};var Je=async e=>{let t=process.cwd(),o=await O(t),a=e.toLowerCase(),{item:n,version:r}=await k(a),i=o.installed[a];console.log(S.bold(`
-${n.title??a}`)+S.dim(` \xB7 instalado con registry@${i??"?"} \xB7 vigente registry@${r}
-`));let d=!1;for(let s of T(n,o)){let u=await vo.readFile(ho.join(t,s.relPath),s.encoding??"utf-8").catch(()=>null);if(u===null){console.log(S.red(`\u2717 ${s.relPath} no existe localmente`)+S.dim(` \u2014 cr\xE9alo con \`create-lexy add ${a}\``)),d=!0;continue}if(s.encoding==="base64"){u===s.content?console.log(S.green(`\u2713 ${s.relPath}`)+S.dim(" sin diferencias")):(d=!0,console.log(S.yellow(`\xB1 ${s.relPath}`)+S.dim(" (binario difiere del registry)")));continue}let m=Be(V(u,s.content));m===null?console.log(S.green(`\u2713 ${s.relPath}`)+S.dim(" sin diferencias")):(d=!0,console.log(S.yellow(`\xB1 ${s.relPath}`)+S.dim(" (\u2212 local \xB7 + registry)")),console.log(m))}d&&(process.exitCode=1)};import _ from"fs/promises";import v from"path";import C from"picocolors";var We=async e=>{let t=process.cwd(),o=0,a=c=>console.log(C.green("  \u2713 ")+c),n=c=>console.log(C.yellow("  \u2022 ")+c),r=(c,l)=>{o=1,console.log(C.red("  \u2717 ")+c),l&&console.log(C.dim(`      \u2192 ${l}`))};console.log(C.bold(`
+`),n=o.length,r=a.length,i=Array.from({length:n+1},()=>new Array(r+1).fill(0));for(let u=n-1;u>=0;u--)for(let y=r-1;y>=0;y--)i[u][y]=o[u]===a[y]?i[u+1][y+1]+1:Math.max(i[u+1][y],i[u][y+1]);let p=[],s=0,m=0;for(;s<n&&m<r;)o[s]===a[m]?(p.push({type:"same",text:o[s]}),s++,m++):i[s+1][m]>=i[s][m+1]?p.push({type:"del",text:o[s++]}):p.push({type:"add",text:a[m++]});for(;s<n;)p.push({type:"del",text:o[s++]});for(;m<r;)p.push({type:"add",text:a[m++]});return p},le=e=>e.some(t=>t.type!=="same"),ct=(e,t=3)=>{if(!le(e))return null;let o=new Array(e.length).fill(!1);e.forEach((r,i)=>{if(r.type!=="same")for(let p=Math.max(0,i-t);p<=Math.min(e.length-1,i+t);p++)o[p]=!0});let a=[],n=!1;for(let r=0;r<e.length;r++){if(!o[r]){n||(a.push(je.dim("  \u22EF")),n=!0);continue}n=!1;let i=e[r];i.type==="same"?a.push(`  ${i.text}`):i.type==="del"?a.push(je.red(`- ${i.text}`)):a.push(je.green(`+ ${i.text}`))}return a.join(`
+`)};var dt=async e=>{let t=process.cwd(),o=await z(t),a=e.toLowerCase(),{item:n,version:r}=await C(a),i=o.installed[a];console.log(E.bold(`
+${n.title??a}`)+E.dim(` \xB7 instalado con registry@${i??"?"} \xB7 vigente registry@${r}
+`));let p=!1;for(let s of O(n,o)){let m=await Ko.readFile(Ho.join(t,s.relPath),s.encoding??"utf-8").catch(()=>null);if(m===null){console.log(E.red(`\u2717 ${s.relPath} no existe localmente`)+E.dim(` \u2014 cr\xE9alo con \`create-lexy add ${a}\``)),p=!0;continue}if(s.encoding==="base64"){m===s.content?console.log(E.green(`\u2713 ${s.relPath}`)+E.dim(" sin diferencias")):(p=!0,console.log(E.yellow(`\xB1 ${s.relPath}`)+E.dim(" (binario difiere del registry)")));continue}let u=ct(G(m,s.content));u===null?console.log(E.green(`\u2713 ${s.relPath}`)+E.dim(" sin diferencias")):(p=!0,console.log(E.yellow(`\xB1 ${s.relPath}`)+E.dim(" (\u2212 local \xB7 + registry)")),console.log(u))}p&&(process.exitCode=1)};import M from"fs/promises";import w from"path";import N from"picocolors";var ce=async e=>{let t=process.cwd(),o=0,a=l=>console.log(N.green("  \u2713 ")+l),n=l=>console.log(N.yellow("  \u2022 ")+l),r=(l,c)=>{o=1,console.log(N.red("  \u2717 ")+l),c&&console.log(N.dim(`      \u2192 ${c}`))};console.log(N.bold(`
 Diagn\xF3stico del proyecto Lexy
-`));let i;try{i=await O(t),a(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(c){return r(c.message),1}await _.access(v.join(t,"src/lexy-theme.css")).then(()=>!0,()=>!1)?a("theme presente (src/lexy-theme.css)"):r("falta src/lexy-theme.css","re-cr\xE9alo desde un proyecto nuevo o copia el theme del registry");let s=v.join(i.paths.lib,"utils/cn.ts");await _.access(v.join(t,s)).then(()=>!0,()=>!1)?a(`helper cn presente (${s})`):r(`falta el helper cn (${s})`);let m=await _.readFile(v.join(t,"package.json"),"utf-8").then(c=>JSON.parse(c)).catch(()=>null),y=async(c,l)=>{await _.access(v.join(t,c)).then(()=>!0,()=>!1)?a(`${l} presente (${c})`):r(`falta ${l} (${c})`)},z=(c,l)=>{if(!m){r("package.json no se pudo leer para validar scripts del prototipo");return}let g=m.scripts?.[c];if(!g){r(`falta el script ${c} en package.json`,l?`agrega \`${l}\``:void 0);return}if(l&&!g.includes(l)){r(`el script ${c} no ejecuta ${l}`);return}a(`script ${c} configurado`)};if(!i.prototype)n("prototipo funcional no habilitado \u2014 proyecto anterior al runtime de datos y ports");else{let c=i.prototype.dataContractPath;if(!c)n("contrato de datos no configurado \u2014 proyecto anterior a la Spec 1");else{await y(c,"contrato de datos");let l=v.join(v.dirname(c),"data-contract-schema.ts");await y(l,"schema del contrato"),await y("scripts/check-data-contract.ts","validador del contrato"),z("check:data-contract","tsx scripts/check-data-contract.ts")}i.prototype.runtimeVersion?(i.prototype.mockStorePath?(await y(i.prototype.mockStorePath,"mock-store del prototipo"),await y(v.join(v.dirname(i.prototype.mockStorePath),"fixtures.ts"),"fixtures del prototipo")):r("mockStorePath no est\xE1 configurado en .lexy"),i.prototype.portsPath?await y(i.prototype.portsPath,"ports del prototipo"):r("portsPath no est\xE1 configurado en .lexy")):n("runtime del prototipo no habilitado \u2014 proyecto anterior a la Spec 2"),i.prototype.designerPanelVersion?(i.prototype.designerPanelPath?await y(i.prototype.designerPanelPath,"panel de asistencia al Designer"):r("designerPanelPath no est\xE1 configurado en .lexy"),i.prototype.designerActivityStorePath?await y(i.prototype.designerActivityStorePath,"store de actividad del Designer"):r("designerActivityStorePath no est\xE1 configurado en .lexy")):n("panel de asistencia al Designer no habilitado \u2014 proyecto anterior a la Spec 4")}let M=v.join(t,"ai/lexy-ai-manifest.json"),p=await _.readFile(M,"utf-8").catch(()=>null);if(p===null)console.log(C.dim("  \xB7 capa de IA no instalada (npx @lexydesign/ai install) \u2014 opcional"));else try{let c=JSON.parse(p),l=c.files??[],g=[];for(let P of l)await _.access(v.join(t,P)).then(()=>!0,()=>!1)||g.push(P);g.length>0?r(`capa de IA ${c.aiVersion??"?"} incompleta \u2014 faltan ${g.length} archivo(s) (${g.slice(0,3).join(", ")}${g.length>3?", \u2026":""})`,"npx @lexydesign/ai install"):a(`capa de IA ${c.aiVersion??"?"} completa (${l.length} archivos)`)}catch{r("ai/lexy-ai-manifest.json no es JSON v\xE1lido","regenera con `npx @lexydesign/ai install`")}let f=Object.entries(i.installed);if(f.length===0)console.log(C.dim(`
-  Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let c=await W();console.log(C.bold(`
-Componentes instalados (registry vigente: ${c})
-`));for(let[l,g]of f){let P;try{P=await k(l)}catch(L){r(`${l}: ${L.message}`);continue}let U=T(P.item,i),x=[],A=!1;for(let L of U){let H=await _.readFile(v.join(t,L.relPath),"utf-8").catch(()=>null);H===null?x.push(L.relPath):Y(V(H,L.content))&&(A=!0)}if(x.length>0){r(`${l}: archivos faltantes (${x.join(", ")})`,`create-lexy add ${l}`);continue}if(!A){a(`${l} al d\xEDa (${P.version})`);continue}let ee=!0;if(g&&g!==P.version)try{let L=await k(l,g),H=T(L.item,i);ee=!1;for(let he of H){let be=await _.readFile(v.join(t,he.relPath),"utf-8").catch(()=>null);(be===null||Y(V(be,he.content)))&&(ee=!0)}}catch{}ee?e.strict?r(`${l}: editado localmente (difiere del registry vigente)`,`create-lexy diff ${l}`):n(`${l}: editado localmente \u2014 divergencia deliberada (m\xEDrala con \`create-lexy diff ${l}\`)`):r(`${l}: desactualizado (instalado con ${g}, vigente ${P.version})`,`create-lexy diff ${l} \xB7 create-lexy add ${l} --overwrite`)}}return console.log(o===0?C.green(`
+`));let i;try{i=await z(t),a(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(l){return r(l.message),1}await M.access(w.join(t,"src/lexy-theme.css")).then(()=>!0,()=>!1)?a("theme presente (src/lexy-theme.css)"):r("falta src/lexy-theme.css","re-cr\xE9alo desde un proyecto nuevo o copia el theme del registry");let s=w.join(i.paths.lib,"utils/cn.ts");await M.access(w.join(t,s)).then(()=>!0,()=>!1)?a(`helper cn presente (${s})`):r(`falta el helper cn (${s})`);let u=await M.readFile(w.join(t,"package.json"),"utf-8").then(l=>JSON.parse(l)).catch(()=>null),y=async(l,c)=>{await M.access(w.join(t,l)).then(()=>!0,()=>!1)?a(`${c} presente (${l})`):r(`falta ${c} (${l})`)},R=(l,c)=>{if(!u){r("package.json no se pudo leer para validar scripts del prototipo");return}let f=u.scripts?.[l];if(!f){r(`falta el script ${l} en package.json`,c?`agrega \`${c}\``:void 0);return}if(c&&!f.includes(c)){r(`el script ${l} no ejecuta ${c}`);return}a(`script ${l} configurado`)};if(!i.prototype)n("prototipo funcional no habilitado \u2014 proyecto anterior al runtime de datos y ports");else{let l=i.prototype.dataContractPath;if(!l)n("contrato de datos no configurado \u2014 proyecto anterior a la Spec 1");else{await y(l,"contrato de datos");let c=w.join(w.dirname(l),"data-contract-schema.ts");await y(c,"schema del contrato"),await y("scripts/check-data-contract.ts","validador del contrato"),R("check:data-contract","tsx scripts/check-data-contract.ts")}i.prototype.runtimeVersion?(i.prototype.mockStorePath?(await y(i.prototype.mockStorePath,"mock-store del prototipo"),await y(w.join(w.dirname(i.prototype.mockStorePath),"fixtures.ts"),"fixtures del prototipo")):r("mockStorePath no est\xE1 configurado en .lexy"),i.prototype.portsPath?await y(i.prototype.portsPath,"ports del prototipo"):r("portsPath no est\xE1 configurado en .lexy")):n("runtime del prototipo no habilitado \u2014 proyecto anterior a la Spec 2"),i.prototype.designerPanelVersion?(i.prototype.designerPanelPath?await y(i.prototype.designerPanelPath,"panel de asistencia al Designer"):r("designerPanelPath no est\xE1 configurado en .lexy"),i.prototype.designerActivityStorePath?await y(i.prototype.designerActivityStorePath,"store de actividad del Designer"):r("designerActivityStorePath no est\xE1 configurado en .lexy")):n("panel de asistencia al Designer no habilitado \u2014 proyecto anterior a la Spec 4")}let v=w.join(t,"ai/lexy-ai-manifest.json"),d=await M.readFile(v,"utf-8").catch(()=>null);if(d===null)console.log(N.dim("  \xB7 capa de IA no instalada (npx create-lexy install-ai) \u2014 opcional"));else try{let l=JSON.parse(d),c=l.files??[],f=[];for(let b of c)await M.access(w.join(t,b)).then(()=>!0,()=>!1)||f.push(b);f.length>0?r(`capa de IA ${l.aiVersion??"?"} incompleta \u2014 faltan ${f.length} archivo(s) (${f.slice(0,3).join(", ")}${f.length>3?", \u2026":""})`,"npx create-lexy install-ai"):a(`capa de IA ${l.aiVersion??"?"} completa (${c.length} archivos)`)}catch{r("ai/lexy-ai-manifest.json no es JSON v\xE1lido","regenera con `npx create-lexy install-ai`")}let g=Object.entries(i.installed);if(g.length===0)console.log(N.dim(`
+  Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let l=await te();console.log(N.bold(`
+Componentes instalados (registry vigente: ${l})
+`));for(let[c,f]of g){let b;try{b=await C(c)}catch($){r(`${c}: ${$.message}`);continue}let K=O(b.item,i),h=[],_=!1;for(let $ of K){let X=await M.readFile(w.join(t,$.relPath),"utf-8").catch(()=>null);X===null?h.push($.relPath):le(G(X,$.content))&&(_=!0)}if(h.length>0){r(`${c}: archivos faltantes (${h.join(", ")})`,`create-lexy add ${c}`);continue}if(!_){a(`${c} al d\xEDa (${b.version})`);continue}let H=!0;if(f&&f!==b.version)try{let $=await C(c,f),X=O($.item,i);H=!1;for(let De of X){let ze=await M.readFile(w.join(t,De.relPath),"utf-8").catch(()=>null);(ze===null||le(G(ze,De.content)))&&(H=!0)}}catch{}H?e.strict?r(`${c}: editado localmente (difiere del registry vigente)`,`create-lexy diff ${c}`):n(`${c}: editado localmente \u2014 divergencia deliberada (m\xEDrala con \`create-lexy diff ${c}\`)`):r(`${c}: desactualizado (instalado con ${f}, vigente ${b.version})`,`create-lexy diff ${c} \xB7 create-lexy add ${c} --overwrite`)}}return console.log(o===0?N.green(`
 Todo en orden.
-`):C.red(`
+`):N.red(`
 Hay problemas que atender (exit 1).
-`)),o};import ue from"fs/promises";import Ge from"path";import{note as bo,outro as wo}from"@clack/prompts";import ye from"picocolors";var X="LEXY-KICKOFF.md",So=`# Kickoff de proyecto Lexy \u2014 protocolo de entrevista
+`)),o};import L from"fs/promises";import j from"path";import U from"picocolors";import pt from"path";import{fileURLToPath as Jo}from"url";var Ie=pt.resolve(pt.dirname(Jo(import.meta.url)),"../templates");var Te="ai/lexy-ai-manifest.json",Bo=new Set(["ai/PROJECT-CONTEXT.md"]),Ne=async e=>{try{return JSON.parse(await L.readFile(e,"utf-8"))}catch{return null}},mt=async(e,t=e)=>{let o=[];for(let a of await L.readdir(e,{withFileTypes:!0})){let n=j.join(e,a.name);a.isDirectory()?o.push(...await mt(n,t)):o.push(j.relative(t,n))}return o},Y=async(e,t)=>{let o=process.cwd(),a=await Ne(j.join(o,".lexy"));a||console.log(U.yellow("Aviso: no hay .lexy en este directorio \u2014 se asumen rutas de arquitectura layer.")+U.dim(" (en proyectos create-lexy este archivo existe siempre)"));let n=a?.architecture??"layer",r=n==="feature",i=a?.paths?.components??(r?"src/shared/components/base":"src/components/base"),p=a?.componentImportPattern??(r?"@/shared/components/base/{Component}":"@/components/base/{Component}"),s=!!a?.prototype,m=!!(a?.prototype?.dataContractVersion&&a.prototype.dataContractPath),u=!!(a?.prototype?.runtimeVersion&&a.prototype.mockStorePath&&a.prototype.portsPath),y=!!(a?.prototype?.designerPanelVersion&&a.prototype.designerPanelPath&&a.prototype.designerActivityStorePath),R=(await mt(Ie)).sort(),v=[],d=[];for(let f of R){let b=j.join(o,f);if(await L.access(b).then(()=>!0,()=>!1)&&Bo.has(f)&&!e.force){d.push(f);continue}await L.mkdir(j.dirname(b),{recursive:!0});let h=await L.readFile(j.join(Ie,f),"utf-8");if(f==="ai/PROJECT-CONTEXT.md"){let _=await Ne(j.join(o,"package.json")),H={cliente:"cliente (persona en un momento dif\xEDcil)",crm:"CRM / equipo interno Lexy",mixto:"mixto \u2014 a\xFAn sin definir, pregunta al dise\xF1ador"};h=h.replaceAll("{{PROJECT_NAME}}",_?.name??j.basename(o)).replaceAll("{{WORLD}}",H[a?.world??"mixto"]??"mixto \u2014 a\xFAn sin definir").replaceAll("{{GENERATED_AT}}",new Date().toISOString().slice(0,10))}await L.writeFile(b,h),v.push(f)}let g=j.join(o,"package.json"),l=await Ne(g);l&&(l.scripts??={},l.scripts["lint:geometry"]||(l.scripts["lint:geometry"]="node scripts/check-geometry.mjs",await L.writeFile(g,JSON.stringify(l,null,2)+`
+`),v.push("package.json (script lint:geometry)")));let c={$comment:"Generado por create-lexy install-ai \u2014 no editar a mano; regenerar con `npx create-lexy install-ai`.",aiVersion:t,generatedAt:new Date().toISOString(),model:"registry-only: los componentes viven en este proyecto. Descubre con viewList, mira con view, instala con add, edita localmente con libertad; diff/doctor mantienen la divergencia visible.",registry:{package:a?.registry?.package??"@lexydesign/registry",cdn:a?.registry?.cdn??"https://cdn.jsdelivr.net/npm/@lexydesign/registry",catalogUrl:`${a?.registry?.cdn??"https://cdn.jsdelivr.net/npm/@lexydesign/registry"}@latest/r/registry.json`},commands:{viewList:"npx create-lexy view --list",view:"npx create-lexy view {component}",add:"npx create-lexy add {component}",diff:"npx create-lexy diff {component}",doctor:"npx create-lexy doctor"},architecture:n,componentImportPattern:p,componentsPath:i,docPattern:`${i}/{Component}.md`,prototype:s?{enabled:!0,dataContractVersion:m?a.prototype.dataContractVersion:null,dataContractPath:m?a.prototype.dataContractPath:null,runtimeEnabled:u,runtimeVersion:u?a.prototype.runtimeVersion:null,mockStorePath:u?a.prototype.mockStorePath:null,fixturesPath:u?a.prototype.fixturesPath:null,portsPath:u?a.prototype.portsPath:null,designerPanelEnabled:y,designerPanelVersion:y?a.prototype.designerPanelVersion:null,designerPanelPath:y?a.prototype.designerPanelPath:null,designerActivityStorePath:y?a.prototype.designerActivityStorePath:null,checkDataContractCommand:m?"pnpm check:data-contract":null,checkPrototypeCommand:m?"pnpm check:prototype":null,checkCommand:m?"pnpm check:data-contract":null}:{enabled:!1,dataContractVersion:null,dataContractPath:null,runtimeEnabled:!1,runtimeVersion:null,mockStorePath:null,fixturesPath:null,portsPath:null,designerPanelEnabled:!1,designerPanelVersion:null,designerPanelPath:null,designerActivityStorePath:null,checkDataContractCommand:null,checkPrototypeCommand:null,checkCommand:null},designGuidance:{"elecci\xF3n de mundo (cliente vs CRM)":"ai/pautas/diseno-cliente.md \xB7 ai/pautas/diseno-crm-lexy.md","jerarqu\xEDa y progressive disclosure":"ai/pautas/arquitectura-informacion-ux.md","densidad, espaciado, tokens, tipograf\xEDa":"ai/pautas/sistema-visual.md","elecci\xF3n de componentes y estados obligatorios":"ai/pautas/buenas-practicas.md","composiciones can\xF3nicas":"ai/pautas/recetas-layout.md","voz, tono y microcopy":"ai/pautas/ux-writing.md","vara de calidad / pase anti-gen\xE9rico":"ai/pautas/calidad-industria.md"},files:[...R,Te].sort()};await L.mkdir(j.join(o,"ai"),{recursive:!0}),await L.writeFile(j.join(o,Te),JSON.stringify(c,null,2)+`
+`),console.log(U.green(`
+\u2713 Capa de IA instalada (${n})`)),console.log(U.dim(`  ${v.length} archivo(s) escritos, manifest generado \u2192 ${Te}`));for(let f of d)console.log(U.yellow(`  \u2022 ${f} ya exist\xEDa \u2014 se conserv\xF3 (es el brief vivo; --force lo pisa)`));console.log(U.dim(`
+  Entry points: AGENTS.md \xB7 CLAUDE.md \xB7 .claude/skills/ \xB7 .github/copilot-instructions.md`))};import Re from"fs/promises";import ut from"path";import{note as Wo,outro as Go}from"@clack/prompts";import _e from"picocolors";var de="LEXY-KICKOFF.md",Yo=`# Kickoff de proyecto Lexy \u2014 protocolo de entrevista
 
 > **Para el agente (Claude Code):** este archivo es tu guion. La persona que
 > tienes enfrente es **dise\xF1adora, no programadora**: no le preguntes por
@@ -2645,12 +2962,12 @@ En **esta misma carpeta vac\xEDa**, corre:
 
 \`\`\`bash
 npx create-lexy create <nombre> --type <layer|feature> --world <cliente|crm|mixto>
-npx @lexydesign/ai install
+npx create-lexy install-ai
 \`\`\`
 
 ## 4. Volcar la entrevista en el brief vivo
 
-1. Abre \`ai/PROJECT-CONTEXT.md\` (lo cre\xF3 \`@lexydesign/ai install\`) y
+1. Abre \`ai/PROJECT-CONTEXT.md\` (lo cre\xF3 \`create-lexy install-ai\`) y
    compl\xE9talo con lo que recopilaste: **qu\xE9 se construye**, **para qui\xE9n**,
    **pantallas y flujos clave**, un resumen de **datos principales**,
    **referencias** y **decisiones/restricciones** ya tomadas.
@@ -2676,19 +2993,16 @@ producci\xF3n; el panel registra cargas y publicaciones para inspecci\xF3n.
 
 ## 5. Cerrar
 
-Borra este archivo (\`${X}\`): su trabajo termin\xF3. Conf\xEDrmale a la
+Borra este archivo (\`${de}\`): su trabajo termin\xF3. Conf\xEDrmale a la
 persona que su proyecto est\xE1 listo y prop\xF3n el primer paso concreto
 (p. ej. "\xBFDise\xF1amos la pantalla de inicio?").
-`,Qe=async e=>{let t=process.cwd();for(let n of["package.json",".lexy"])if(await ue.access(Ge.join(t,n)).then(()=>!0,()=>!1))throw new Error(`El directorio actual ya contiene un proyecto (${n}). \`kickoff\` es para empezar de cero en una carpeta vac\xEDa.`);let o=Ge.join(t,X);if(await ue.access(o).then(()=>!0,()=>!1)&&!e.force)throw new Error(`${X} ya existe. Usa --force para regenerarlo.`);await ue.writeFile(o,So),bo(`Se cre\xF3 ${ye.cyan(X)} en esta carpeta.
-
-Abre la carpeta con Claude Code y di: `+ye.bold("\xABay\xFAdame a arrancar mi proyecto Lexy\xBB")+`.
-El agente te entrevistar\xE1 y montar\xE1 el proyecto por ti.`,"Kickoff listo"),wo(ye.green("Sin flags, sin prompts t\xE9cnicos \u2014 solo conversa con el agente."))};import fe from"fs/promises";import Z from"path";import I from"picocolors";var xe="@lexydesign/kit",Ye=`https://cdn.jsdelivr.net/npm/${xe}`,Xe=8e3,ge=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(Xe)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return Buffer.from(await t.arrayBuffer())},ko=async()=>{try{let t=await fetch(`https://registry.npmjs.org/${xe}/latest`,{signal:AbortSignal.timeout(Xe)});if(t.ok)return(await t.json()).version}catch{}return JSON.parse((await ge(`${Ye}@latest/package.json`)).toString("utf-8")).version},Ze=async e=>{let t=process.cwd(),o=Z.resolve(t,e.dir??"lexy-kit"),a=Z.relative(t,o)||".";if(await fe.access(o).then(()=>!0).catch(()=>!1)&&!e.force)throw new Error(`Ya existe ${I.bold(a)}. Usa ${I.cyan("--force")} para sobrescribir o ${I.cyan("--dir <ruta>")} para otra carpeta.`);let r=await ko();console.log(I.dim(`
-Trayendo ${xe}@${r} \u2192 ${a}/
-`));let i=`${Ye}@${r}/kit`,d=JSON.parse((await ge(`${i}/manifest.json`)).toString("utf-8")),s=["index.html","kit.css","kit.js","manifest.json","README.md","AGENTS.md","llms.txt","llms-full.txt","fonts/noto-sans-latin.woff2","fonts/OFL-NotoSans.txt",...d.guides?.pautas??[],...d.components.map(m=>m.file),...d.blocks.map(m=>m.file)],u=0;for(let m of s)try{let y=await ge(`${i}/${m}`),z=Z.join(o,m);await fe.mkdir(Z.dirname(z),{recursive:!0}),await fe.writeFile(z,y),u+=1}catch(y){console.warn(I.yellow(`\u26A0 no se pudo traer ${m}`)+I.dim(` (${y.message})`))}console.log(I.green("\u2713 Kit listo")+I.dim(` \u2014 ${u} archivo(s), ${d.components.length} componente(s) + ${d.blocks.length} block(s)
-`)),console.log(`  Abre ${I.bold(`${a}/index.html`)} en el navegador.`),console.log(I.dim(`  El cat\xE1logo m\xE1quina-legible est\xE1 en ${a}/manifest.json.
-`))};import Eo from"fs/promises";import ve from"path";import E from"picocolors";var K=e=>console.log(E.bold(E.cyan(`
+`,pe=async e=>{let t=process.cwd();for(let n of["package.json",".lexy"])if(await Re.access(ut.join(t,n)).then(()=>!0,()=>!1))throw new Error(`El directorio actual ya contiene un proyecto (${n}). \`kickoff\` es para empezar de cero en una carpeta vac\xEDa.`);let o=ut.join(t,de);if(await Re.access(o).then(()=>!0,()=>!1)&&!e.force)throw new Error(`${de} ya existe. Usa --force para regenerarlo.`);await Re.writeFile(o,Yo),Wo(`Se cre\xF3 ${_e.cyan(de)} en esta carpeta.
+
+Abre la carpeta con Claude Code y di: `+_e.bold("\xABay\xFAdame a arrancar mi proyecto Lexy\xBB")+`.
+El agente te entrevistar\xE1 y montar\xE1 el proyecto por ti.`,"Kickoff listo"),Go(_e.green("Sin flags, sin prompts t\xE9cnicos \u2014 solo conversa con el agente."))};import Qo from"fs/promises";import Oe from"path";import I from"picocolors";var Q=e=>console.log(I.bold(I.cyan(`
 \u2500\u2500 ${e} \u2500\u2500
-`))),et=async(e,t)=>{if(t.list||!e){let{index:i,version:d,source:s}=await je();K(`Cat\xE1logo Lexy \xB7 @lexydesign/registry@${d}${s==="bundle"?" (bundle local)":""}`);for(let u of i.items)console.log(`  ${E.bold(u.name.padEnd(20))} ${E.dim(u.description??"")}`);console.log(E.dim(`
-  ${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),d=await O(i),s=d.installed[o];if(!s){console.error(E.red(`"${o}" no figura como instalado en .lexy. Inst\xE1lalo con \`create-lexy add ${o}\`.`)),process.exitCode=1;return}let{item:u}=await k(o,s).catch(()=>k(o));K(`${u.title??o} \xB7 copia local (instalado con registry@${s})`);for(let m of T(u,d)){let y=await Eo.readFile(ve.join(i,m.relPath),"utf-8").catch(()=>null);K(y===null?`${m.relPath} (FALTANTE)`:m.relPath),y!==null&&console.log(y)}return}let{item:a,version:n,source:r}=await k(o);K(`${a.title??a.name} \xB7 @lexydesign/registry@${n}${r==="bundle"?" (bundle local)":""}`),a.description&&console.log(a.description+`
-`),console.log(E.dim("tipo:           ")+a.type),console.log(E.dim("deps npm:       ")+((a.dependencies??[]).join(", ")||"\u2014")),console.log(E.dim("deps registry:  ")+((a.registryDependencies??[]).join(", ")||"\u2014")),console.log(E.dim("archivos:       ")+a.files.map(i=>ve.posix.basename(i.path)).join(", ")),console.log(E.dim("instalar:       ")+`create-lexy add ${a.name}`);for(let i of a.files)typeof i.content=="string"&&(K(ve.posix.basename(i.path)),console.log(i.content))};var To=tt.dirname(jo(import.meta.url)),Ro=JSON.parse(Po(tt.join(To,"../package.json"),"utf-8")),N=new Co,D=e=>async()=>{try{await e()}catch(t){console.error(Io.red(`
-Error: `)+t.message),process.exit(1)}};N.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(Ro.version);N.command("create",{isDefault:!0}).alias("init").description("Crea un proyecto Lexy vac\xEDo (React + Vite + TS + theme); los componentes llegan con `add`").argument("[project-name]","Nombre del proyecto").option("-t, --type <architecture>","Arquitectura (feature o layer) \u2014 activa el modo no interactivo").option("-w, --world <world>","Mundo de dise\xF1o (cliente, crm o mixto)").option("--no-install","No correr pnpm install al final").action((e,t)=>D(()=>He(e,t))());N.command("kickoff").description("Deja un .md de entrevista para que el agente conduzca el arranque de un dise\xF1ador (carpeta vac\xEDa)").option("--force","Regenerar el .md de kickoff si ya existe").action(e=>D(()=>Qe(e))());N.command("add").description("Instala componentes del registry en tu proyecto (local y editable), con sus dependencias").argument("<components...>","Nombres en el registry (ej: button card)").option("--overwrite","Sobrescribir copias locales con cambios sin preguntar").option("--no-install","No instalar dependencias npm").action((e,t)=>D(()=>Re(e,t))());N.command("view").description("Muestra c\xF3digo + doc + metadata de un componente antes de instalarlo").argument("[component]","Nombre en el registry (sin nombre: lista el cat\xE1logo)").option("--installed","Mostrar la copia local instalada en vez de la del registry").option("--list","Listar el cat\xE1logo completo").action((e,t)=>D(()=>et(e,t))());N.command("kit").description("Trae el kit HTML/low-fi (mismos componentes y blocks en HTML plano) a una carpeta").option("--dir <path>","Carpeta destino (por defecto: lexy-kit)").option("--force","Sobrescribir la carpeta si ya existe").action(e=>D(()=>Ze(e))());N.command("diff").description("Copia local vs versi\xF3n vigente del registry (exit 1 si hay diferencias)").argument("<component>","Nombre en el registry").action(e=>D(()=>Je(e))());N.command("doctor").description("Drift de todo lo instalado contra el registry (solo lectura; exit 1 con problemas)").option("--strict","Las ediciones locales tambi\xE9n hacen fallar").action(e=>D(async()=>{process.exitCode=await We(e)})());N.parse(process.argv);
+`))),yt=async(e,t)=>{if(t.list||!e){let{index:i,version:p,source:s}=await oe();Q(`Cat\xE1logo Lexy \xB7 @lexydesign/registry@${p}${s==="bundle"?" (bundle local)":""}`);for(let m of i.items)console.log(`  ${I.bold(m.name.padEnd(20))} ${I.dim(m.description??"")}`);console.log(I.dim(`
+  ${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),p=await z(i),s=p.installed[o];if(!s){console.error(I.red(`"${o}" no figura como instalado en .lexy. Inst\xE1lalo con \`create-lexy add ${o}\`.`)),process.exitCode=1;return}let{item:m}=await C(o,s).catch(()=>C(o));Q(`${m.title??o} \xB7 copia local (instalado con registry@${s})`);for(let u of O(m,p)){let y=await Qo.readFile(Oe.join(i,u.relPath),"utf-8").catch(()=>null);Q(y===null?`${u.relPath} (FALTANTE)`:u.relPath),y!==null&&console.log(y)}return}let{item:a,version:n,source:r}=await C(o);Q(`${a.title??a.name} \xB7 @lexydesign/registry@${n}${r==="bundle"?" (bundle local)":""}`),a.description&&console.log(a.description+`
+`),console.log(I.dim("tipo:           ")+a.type),console.log(I.dim("deps npm:       ")+((a.dependencies??[]).join(", ")||"\u2014")),console.log(I.dim("deps registry:  ")+((a.registryDependencies??[]).join(", ")||"\u2014")),console.log(I.dim("archivos:       ")+a.files.map(i=>Oe.posix.basename(i.path)).join(", ")),console.log(I.dim("instalar:       ")+`create-lexy add ${a.name}`);for(let i of a.files)typeof i.content=="string"&&(Q(Oe.posix.basename(i.path)),console.log(i.content))};import{existsSync as Xo}from"fs";import Zo from"fs/promises";import{basename as ea,join as vt}from"path";import{confirm as ta,isCancel as Le,multiselect as oa,note as ft,outro as gt,select as xt}from"@clack/prompts";import x from"picocolors";function Ae(e){return aa(e).length}function me(e,t){let o=t-Ae(e);return o>0?e+" ".repeat(o):e}function aa(e){return e.replace(/\[[0-9;]*m/g,"")}function na(e,t){let o=process.env.HOME??process.env.USERPROFILE,a=e;return o&&(a===o||a.startsWith(o+"/"))&&(a="~"+a.slice(o.length)),a.length<=t?a:"\u2026"+a.slice(a.length-(t-1))}var ht=["\u2588   \u2588\u2580\u2580 \u2588 \u2588 \u2588 \u2588   \u2588\u2580\u2580 \u2588   \u2588","\u2588   \u2588\u2580\u2580  \u2588   \u2588    \u2588   \u2588   \u2588","\u2588\u2584\u2584 \u2588\u2584\u2584 \u2588 \u2588  \u2588    \u2588\u2584\u2584 \u2588\u2584\u2584 \u2588"],ra=[x.cyan,x.blue,x.blue];function ia(e){let t=ht.map((v,d)=>x.bold(ra[d](v))),o=Ae(ht[0]),a=[x.dim("Lexy Design System"),`${x.dim("versi\xF3n")}  ${x.bold(x.cyan(`v${e}`))}`,x.cyan(na(process.cwd(),38))],n=Math.max(...a.map(Ae)),r=2,i=5,p=r+o+i+n+r,s="\u2500".repeat(p),m=(v,d)=>{let g=" ".repeat(r)+me(v,o)+" ".repeat(i)+me(d,n)+" ".repeat(r);return x.dim("\u2502")+g+x.dim("\u2502")},u=Math.floor(i/2),y=()=>{let v=" ".repeat(r)+me(t[1],o)+" ".repeat(u)+x.dim("\u2502")+" ".repeat(i-u-1)+me(a[1],n)+" ".repeat(r);return x.dim("\u2502")+v+x.dim("\u2502")},R=x.dim("\u2502")+" ".repeat(p)+x.dim("\u2502");console.log(""),console.log(x.dim(`\u256D${s}\u256E`)),console.log(R),console.log(m(t[0],a[0])),console.log(y()),console.log(m(t[2],a[2])),console.log(R),console.log(x.dim(`\u2570${s}\u256F`)),console.log("")}function sa(){return Xo(vt(process.cwd(),".lexy"))}async function la(){try{let e=JSON.parse(await Zo.readFile(vt(process.cwd(),"package.json"),"utf-8"));if(e.name)return e.name}catch{}return ea(process.cwd())}async function bt({version:e}){console.clear(),ia(e);let t=sa();ft(t?`${x.dim("Proyecto:")} ${x.bold(await la())}`:x.dim("No hay un proyecto Lexy en esta carpeta todav\xEDa."),t?"Proyecto existente":"Carpeta vac\xEDa");let o=t?await xt({message:"\xBFQu\xE9 quieres hacer?",options:[{value:"add",label:"Agregar componente",hint:"instala un componente del registry en tu proyecto"},{value:"doctor",label:"Revisar salud del proyecto",hint:"detecta drift, versiones desactualizadas y problemas"},{value:"install-ai",label:"Instalar / actualizar IA",hint:"pautas, skills y entry points para agentes"}]}):await xt({message:"\xBFQu\xE9 quieres hacer?",options:[{value:"create",label:"Crear un proyecto ahora",hint:"responde t\xFA nombre, mundo y forma del producto"},{value:"kickoff",label:"Dejar que un agente me ayude",hint:"genera LEXY-KICKOFF.md para que Claude Code te entreviste"},{value:"help",label:"Ayuda / Documentaci\xF3n",hint:"comandos disponibles"}]});if(Le(o)){gt(x.dim("Operaci\xF3n cancelada."));return}switch(o){case"create":await se(void 0,{}),await da(e);return;case"kickoff":await pe({});return;case"help":ft(x.dim("Ejecuta ")+x.cyan("create-lexy --help")+x.dim(" para ver todos los comandos y flags."),"Ayuda");break;case"add":await ca();break;case"doctor":process.exitCode=await ce({});break;case"install-ai":await Y({},e);break}gt(x.green("\xA1Hasta luego!"))}async function ca(){let{index:e}=await oe(),t=await oa({message:"\xBFQu\xE9 componentes quieres instalar?",options:e.items.map(o=>({value:o.name,label:o.title??o.name,hint:o.description})),required:!0});Le(t)||await ie(t,{})}async function da(e){let t=await ta({message:"\xBFInstalar tambi\xE9n la capa de IA ahora?",initialValue:!0});Le(t)||!t||await Y({},e)}var ya=wt.dirname(ma(import.meta.url)),ue=JSON.parse(pa(wt.join(ya,"../package.json"),"utf-8"));et(ue.engines?.node??">=20");var D=new ua,F=e=>async()=>{try{await e()}catch(t){console.error(St.red(`
+Error: `)+t.message),process.exit(1)}};D.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(ue.version);D.command("create",{isDefault:!0}).alias("init").description("Crea un proyecto Lexy vac\xEDo (React + Vite + TS + theme); los componentes llegan con `add`").argument("[project-name]","Nombre del proyecto").option("-t, --type <architecture>","Arquitectura (feature o layer) \u2014 activa el modo no interactivo").option("-w, --world <world>","Mundo de dise\xF1o (cliente, crm o mixto)").option("--no-install","No correr pnpm install al final").action((e,t)=>F(()=>se(e,t))());D.command("kickoff").description("Deja un .md de entrevista para que el agente conduzca el arranque de un dise\xF1ador (carpeta vac\xEDa)").option("--force","Regenerar el .md de kickoff si ya existe").action(e=>F(()=>pe(e))());D.command("add").description("Instala componentes del registry en tu proyecto (local y editable), con sus dependencias").argument("<components...>","Nombres en el registry (ej: button card)").option("--overwrite","Sobrescribir copias locales con cambios sin preguntar").option("--no-install","No instalar dependencias npm").action((e,t)=>F(()=>ie(e,t))());D.command("view").description("Muestra c\xF3digo + doc + metadata de un componente antes de instalarlo").argument("[component]","Nombre en el registry (sin nombre: lista el cat\xE1logo)").option("--installed","Mostrar la copia local instalada en vez de la del registry").option("--list","Listar el cat\xE1logo completo").action((e,t)=>F(()=>yt(e,t))());D.command("diff").description("Copia local vs versi\xF3n vigente del registry (exit 1 si hay diferencias)").argument("<component>","Nombre en el registry").action(e=>F(()=>dt(e))());D.command("doctor").description("Drift de todo lo instalado contra el registry (solo lectura; exit 1 con problemas)").option("--strict","Las ediciones locales tambi\xE9n hacen fallar").action(e=>F(async()=>{process.exitCode=await ce(e)})());D.command("install-ai").description("Instala o actualiza la capa de IA (pautas, skills, entry points para agentes) \u2014 idempotente").option("--force","Sobrescribir tambi\xE9n ai/PROJECT-CONTEXT.md (el brief vivo)").action(e=>F(()=>Y(e,ue.version))());process.argv.length<=2&&process.stdout.isTTY?bt({version:ue.version}).catch(e=>{console.error(St.red(`
+Error: `)+e.message),process.exit(1)}):D.parse(process.argv);