create-lexy 0.6.1 → 0.6.2

package/dist/index.js

@@ -1,11 +1,11 @@
 #!/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(`
+import{readFileSync as Po}from"fs";import tt from"path";import{fileURLToPath as jo}from"url";import{Command as Io}from"commander";import Co from"picocolors";import{spawn as ct}from"child_process";import Y from"fs/promises";import G from"path";import{confirm as dt,isCancel as pt,spinner as Te}from"@clack/prompts";import v 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"),_=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.")}},Ie=R.join(J,"theme/lexy-theme.css"),Ce=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 Y.readFile(e,t)}catch{return null}},Re=async(e,t)=>{let o=process.cwd(),a=await _(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(v.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=`
+\xBFContinuar?`});if(pt(f)||f!==!0){console.log(v.yellow("Operaci\xF3n cancelada \u2014 nada fue modificado.")),process.exitCode=1;return}}else{console.error(v.red(`Estos archivos existen con cambios locales:
+`)+p+v.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 Y.mkdir(G.dirname(A),{recursive:!0}),await Y.writeFile(A,x.content,x.encoding??"utf-8")}a.installed[c.name]=l;let P=e.map(x=>x.toLowerCase()).includes(p)?"":v.dim(" (dependencia)"),U=g==="bundle"?v.yellow(" [bundle local \u2014 sin red]"):"";console.log(v.green(`${v.bold(c.title??c.name)} instalado`)+P+v.cyan(` \u2192 ${a.paths.components}/`)+U);for(let x of f){let A=x.status==="same"?v.dim(" (sin cambios)"):"";console.log(v.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 Y.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(v.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 _e,text as xt}from"@clack/prompts";import Oe 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 ht=`
   ######                  ######
   ##::+####            ####+::##
    #-..:+################+:..:#
@@ -20,8 +20,8 @@ Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[p,f]
    ...........:====:...........
       ......................
           ..............
-`,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";
+`,ne=e=>{gt(e)&&(yt("Operaci\xF3n cancelada por el usuario."),process.exit(0))},Ae=async e=>{console.clear(),ft(`${Oe.cyan(ht)}
+${Oe.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 _e({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 _e({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",vt="src/prototype/data-contract/data-contract-schema.ts",bt="scripts/check-data-contract.ts",wt=String.raw`import { z } from "zod";
 
 const camelCaseIdSchema = z
   .string()
@@ -509,9 +509,8 @@ 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 = {
+`,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(vt,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 = {
   kind: "load" | "event";
-  label: string;
   technicalId?: string;
   triggerId?: string;
   input?: unknown;
@@ -521,7 +520,6 @@ export type DesignerActivityRecord = {
   id: string;
   occurredAt: string;
   kind: "load" | "event";
-  label: string;
   technicalId?: string;
   triggerId?: string;
   inputPreview?: string;
@@ -604,7 +602,7 @@ export const createDesignerActivityStore = (maxItems = 80): DesignerActivityStor
         id: tabId + "_" + sequence,
         occurredAt: new Date().toISOString(),
         kind: input.kind,
-        label: input.label,
+        label: input.technicalId ?? "evento",
         ...(input.technicalId ? { technicalId: input.technicalId } : {}),
         ...(input.triggerId ? { triggerId: input.triggerId } : {}),
         ...(preview(input.input) ? { inputPreview: preview(input.input) } : {}),
@@ -624,38 +622,70 @@ export const designerActivity = createDesignerActivityStore();
 `,Pt=`
 .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: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  --dp-sans: "Inter", 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 +698,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 +798,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: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: 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__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 */
 }
-.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; }
 
-/* \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 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-eventdetail > .lexy-dp-list-section:hover { background: #f8fafc; }
+
+/* \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 +1175,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,
-.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: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.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 {
   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 {
@@ -1080,11 +1320,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 +1403,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 +1597,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 +1998,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 +2039,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 +2076,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 +2103,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 +2156,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";
+`,$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",It="src/prototype/ports/types.ts",Ct="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",_t=String.raw`import { fixtures } from "./fixtures";
 
 export type JsonPrimitive = string | number | boolean | null;
 export type JsonValue = JsonPrimitive | JsonValue[] | { [key: string]: JsonValue };
@@ -2008,7 +2316,7 @@ export const findRecordById = (
   fieldId: string,
   id: JsonPrimitive,
 ) => records.find((record) => record[fieldId] === id);
-`,_t=String.raw`import type { MockEntityRecord } from "./mock-store";
+`,Ot=String.raw`import type { MockEntityRecord } from "./mock-store";
 
 export type Fixtures = {
   datasetVersion: number;
@@ -2304,7 +2612,7 @@ 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)+`
+`,Ft=[[ce,_t],[de,Ot],[It,At],[Ct,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";
 
 import babel from "@rolldown/plugin-babel";
@@ -2392,7 +2700,7 @@ export default tseslint.config(
 src/lexy-theme.css
 public/fonts/
 dist/
-`,Qt=`name: CI
+`,Yt=`name: CI
 
 on:
   push:
@@ -2415,7 +2723,7 @@ jobs:
       - run: pnpm check:data-contract
       - run: pnpm build:app
       - run: pnpm audit --audit-level high
-`,Yt=`{
+`,Qt=`{
   "files": [],
   "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }],
   "compilerOptions": {
@@ -2568,26 +2876,26 @@ 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}
+`},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",Qt),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",Yt),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(Ie,w.join(t,"src/lexy-theme.css")),await b.mkdir(w.join(t,"public/fonts"),{recursive:!0}),await b.cp(Ce,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}
 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
 
 `)+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(`
+`)+j.cyan("  npx create-lexy add button"))};import ho from"fs/promises";import vo from"path";import S from"picocolors";import me from"picocolors";var V=(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=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},Q=e=>e.some(t=>t.type!=="same"),Be=(e,t=3)=>{if(!Q(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 _(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(`
+`));let d=!1;for(let s of T(n,o)){let u=await ho.readFile(vo.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 O from"fs/promises";import h from"path";import I from"picocolors";var We=async e=>{let t=process.cwd(),o=0,a=c=>console.log(I.green("  \u2713 ")+c),n=c=>console.log(I.yellow("  \u2022 ")+c),r=(c,l)=>{o=1,console.log(I.red("  \u2717 ")+c),l&&console.log(I.dim(`      \u2192 ${l}`))};console.log(I.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(`
+`));let i;try{i=await _(t),a(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(c){return r(c.message),1}await O.access(h.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=h.join(i.paths.lib,"utils/cn.ts");await O.access(h.join(t,s)).then(()=>!0,()=>!1)?a(`helper cn presente (${s})`):r(`falta el helper cn (${s})`);let m=await O.readFile(h.join(t,"package.json"),"utf-8").then(c=>JSON.parse(c)).catch(()=>null),y=async(c,l)=>{await O.access(h.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=h.join(h.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(h.join(h.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=h.join(t,"ai/lexy-ai-manifest.json"),p=await O.readFile(M,"utf-8").catch(()=>null);if(p===null)console.log(I.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 O.access(h.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(I.dim(`
+  Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let c=await W();console.log(I.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(`
+`));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 O.readFile(h.join(t,L.relPath),"utf-8").catch(()=>null);H===null?x.push(L.relPath):Q(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 ve of H){let be=await O.readFile(h.join(t,ve.relPath),"utf-8").catch(()=>null);(be===null||Q(V(be,ve.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?I.green(`
 Todo en orden.
-`):C.red(`
+`):I.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
 
@@ -2679,16 +2987,16 @@ producci\xF3n; el panel registra cargas y publicaciones para inspecci\xF3n.
 Borra este archivo (\`${X}\`): 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.
+`,Ye=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(`
+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 C from"picocolors";var xe="@lexydesign/kit",Qe=`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(`${Qe}@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 ${C.bold(a)}. Usa ${C.cyan("--force")} para sobrescribir o ${C.cyan("--dir <ruta>")} para otra carpeta.`);let r=await ko();console.log(C.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(`
+`));let i=`${Qe}@${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(C.yellow(`\u26A0 no se pudo traer ${m}`)+C.dim(` (${y.message})`))}console.log(C.green("\u2713 Kit listo")+C.dim(` \u2014 ${u} archivo(s), ${d.components.length} componente(s) + ${d.blocks.length} block(s)
+`)),console.log(`  Abre ${C.bold(`${a}/index.html`)} en el navegador.`),console.log(C.dim(`  El cat\xE1logo m\xE1quina-legible est\xE1 en ${a}/manifest.json.
+`))};import Eo from"fs/promises";import he from"path";import E from"picocolors";var K=e=>console.log(E.bold(E.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);
+  ${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 _(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(he.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=>he.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(he.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 Io,D=e=>async()=>{try{await e()}catch(t){console.error(Co.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(()=>Ye(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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lexy",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "CLI del Lexy Design System — crea proyectos y trae componentes a demanda desde el registry",
   "type": "module",
   "bin": {