siesa-agents 2.1.18 → 2.1.19-dev.0

package/README.md

@@ -1,4 +1,4 @@
-# SIESA Agents
+# SIESA BMAD Agents
 
 Paquete para instalar y configurar agentes SIESA en tu proyecto.
 
@@ -52,7 +52,6 @@ El paquete instala las siguientes carpetas en tu directorio actual:
 - **`.bmad-core/`** - Archivos principales del sistema BMAD
 - **`.vscode/`** - Configuración de Visual Studio Code
 - **`.github/`** - Configuración de GitHub Actions y workflows
-- **`.claude/`** - Configuración de Claude Code Commands y workflows
 
 ## Características
 
@@ -71,17 +70,22 @@ El paquete instala las siguientes carpetas en tu directorio actual:
 
 Para actualizar una instalación existente, simplemente ejecuta el comando nuevamente:
 
+**Versión estable (recomendado):**
 ```bash
 npx siesa-agents
 ```
 
+**Versión de desarrollo:**
+```bash
+npx siesa-agents@dev
+```
+
 El sistema detectará automáticamente que ya existe una instalación y la actualizará.
 
 ## Requisitos
 
 - Node.js >= 14.0.0
 - npm >= 6.0.0
-- Python >= 3.7 (requerido para hooks de Claude Code)
 
 ## Estructura de archivos instalados
 
@@ -95,6 +99,8 @@ tu-proyecto/
     └── [workflows y configuración de GitHub]
 ```
 
+
+
 ## Soporte
 
 Si encuentras algún problema durante la instalación, por favor verifica:
@@ -109,7 +115,4 @@ MIT
 
 ## Autor
 
-SIESA - Sistemas de Información Empresarial
-
----
-*Versión actualizada automáticamente por CI/CD*
+SIESA - Sistemas de Información Empresarial

package/bin/install.js

@@ -11,20 +11,12 @@ class SiesaBmadInstaller {
       { source: 'bmad-core', target: '.bmad-core' },
       { source: 'vscode', target: '.vscode' },
       { source: 'github', target: '.github' },
-      { source: 'claude', target: '.claude' }
+      { source: 'claude', target: '.claude' },
+      { source: 'resources', target: '.resources' }
     ];
-    
-    // Lista de archivos que se preservan automáticamente (no se crean backups)
-    this.ignoredFiles = [
-      'data/technical-preferences.md'
-    ];
-    
     this.targetDir = process.cwd();
     // Intentar múltiples ubicaciones posibles para el paquete
     this.packageDir = this.findPackageDir();
-    
-    // Almacenamiento temporal para contenido de archivos ignorados
-    this.preservedContent = new Map();
   }
 
   showBanner() {
@@ -35,7 +27,8 @@ class SiesaBmadInstaller {
     console.log('╚════██║██║██╔══╝  ╚════██║██╔══██║    ██╔══██║██║   ██║██╔══╝  ██║╚██╗██║   ██║   ╚════██║');
     console.log('███████║██║███████╗███████║██║  ██║    ██║  ██║╚██████╔╝███████╗██║ ╚████║   ██║   ███████║');
     console.log('╚══════╝╚═╝╚══════╝╚══════╝╚═╝  ╚═╝    ╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝');
-    console.log('');
+    console.log('Version de Desarrollador');
+    console.log('\n');
   }
 
   findPackageDir() {
@@ -132,8 +125,7 @@ class SiesaBmadInstaller {
               modifiedFiles.push({
                 folder: mapping.target,
                 file: relativePath,
-                fullPath: targetFile,
-                is_ignored: this.ignoredFiles.includes(relativePath)
+                fullPath: targetFile
               });
             }
           } catch (error) {
@@ -145,8 +137,7 @@ class SiesaBmadInstaller {
               modifiedFiles.push({
                 folder: mapping.target,
                 file: relativePath,
-                fullPath: targetFile,
-                is_ignored: this.ignoredFiles.includes(relativePath)
+                fullPath: targetFile
               });
             }
           }
@@ -177,10 +168,6 @@ class SiesaBmadInstaller {
   }
 
   async promptUser(modifiedFiles) {
-
-    const hasNonIgnoredFiles = modifiedFiles.some(file => file.is_ignored == false)
-    if (!hasNonIgnoredFiles) return '2'
-
     console.log('\n⚠️  Se detectaron archivos modificados:');
 
     // Agrupar por carpeta
@@ -221,12 +208,6 @@ class SiesaBmadInstaller {
     console.log('\n🔄 Creando backup de archivos modificados...');
 
     for (const item of modifiedFiles) {
-      // No crear backup de archivos ignorados
-      if (item.is_ignored) {
-        console.log(`✓ Preservando: ${item.file} (sin backup)`);
-        continue;
-      }
-
       const originalPath = item.fullPath;
       const backupPath = this.getBackupPath(originalPath);
 
@@ -291,19 +272,10 @@ class SiesaBmadInstaller {
     // Obtener todos los archivos backup existentes
     const backupFiles = await this.findBackupFiles(targetPath);
     
-    // Copiar la carpeta preservando technical-preferences.md
+    // Copiar la carpeta completa sobrescribiendo
     await fs.copy(sourcePath, targetPath, {
       overwrite: true,
-      recursive: true,
-      filter: (src) => {
-        const relativePath = path.relative(sourcePath, src);
-        // No sobrescribir archivos ignorados si ya existen
-        if (this.ignoredFiles.includes(relativePath)) {
-          const targetFile = path.join(targetPath, relativePath);
-          return !fs.existsSync(targetFile);
-        }
-        return true;
-      }
+      recursive: true
     });
 
     // Restaurar los archivos backup
@@ -358,16 +330,7 @@ class SiesaBmadInstaller {
       if (fs.existsSync(sourcePath)) {
         await fs.copy(sourcePath, targetPath, {
           overwrite: true,
-          recursive: true,
-          filter: (src) => {
-            const relativePath = path.relative(sourcePath, src);
-            // No sobrescribir archivos ignorados si ya existen
-            if (this.ignoredFiles.includes(relativePath)) {
-              const targetFile = path.join(targetPath, relativePath);
-              return !fs.existsSync(targetFile);
-            }
-            return true;
-          }
+          recursive: true
         });
       } else {
         console.warn(`⚠️  Carpeta ${mapping.source} no encontrada en el paquete`);
@@ -403,9 +366,6 @@ class SiesaBmadInstaller {
       await this.performUpdateWithBackups();
     } else {
       // Si no hay backups, hacer actualización normal (remover y copiar)
-      // Pero primero preservar archivos ignorados
-      await this.preserveIgnoredFiles();
-      
       for (const mapping of this.folderMappings) {
         const targetPath = path.join(this.targetDir, mapping.target);
 
@@ -416,66 +376,9 @@ class SiesaBmadInstaller {
 
       // Realizar instalación nueva
       await this.performInstallation();
-      
-      // Restaurar archivos ignorados
-      await this.restoreIgnoredFiles();
     }
   }
 
-  async preserveIgnoredFiles() {
-    console.log('🔒 Preservando archivos de configuración...');
-    
-    for (const mapping of this.folderMappings) {
-      const targetFolderPath = path.join(this.targetDir, mapping.target);
-      
-      if (!fs.existsSync(targetFolderPath)) {
-        continue;
-      }
-      
-      for (const ignoredFile of this.ignoredFiles) {
-        const filePath = path.join(targetFolderPath, ignoredFile);
-        
-        if (fs.existsSync(filePath)) {
-          try {
-            const content = await fs.readFile(filePath, 'utf8');
-            const key = `${mapping.target}/${ignoredFile}`;
-            this.preservedContent.set(key, content);
-            console.log(`✓ Preservando: ${ignoredFile}`);
-          } catch (error) {
-            console.warn(`⚠️  Error leyendo ${ignoredFile}: ${error.message}`);
-          }
-        }
-      }
-    }
-  }
-
-  async restoreIgnoredFiles() {
-    if (this.preservedContent.size === 0) {
-      return;
-    }
-    
-    console.log('🔄 Restaurando archivos de configuración...');
-    
-    for (const [key, content] of this.preservedContent) {
-      const [targetFolder, ...filePathParts] = key.split('/');
-      const filePath = path.join(this.targetDir, targetFolder, ...filePathParts);
-      
-      try {
-        // Asegurar que el directorio existe
-        await fs.ensureDir(path.dirname(filePath));
-        
-        // Restaurar el contenido
-        await fs.writeFile(filePath, content, 'utf8');
-        console.log(`✓ Restaurado: ${filePathParts.join('/')}`);
-      } catch (error) {
-        console.warn(`⚠️  Error restaurando ${filePathParts.join('/')}: ${error.message}`);
-      }
-    }
-    
-    // Limpiar el mapa después de restaurar
-    this.preservedContent.clear();
-  }
-
   showPostInstallMessage() {
     console.log('\n📚 Carpetas instaladas:');
     this.folderMappings.forEach(mapping => {

package/bmad-core/agents/architect.md

@@ -81,8 +81,6 @@ dependencies:
     - architect-checklist.md
   data:
     - technical-preferences.md
-    - technology-stack.md
-    - architecture-patterns.md
   tasks:
     - create-deep-research-prompt.md
     - create-doc.md

package/bmad-core/agents/ux-expert.md

@@ -60,7 +60,7 @@ commands:
 dependencies:
   data:
     - technical-preferences.md
-    - technology-stack.md
+    - technical-preferences-ux.md
   tasks:
     - create-doc.md
     - execute-checklist.md

package/bmad-core/data/frontend-standards.md

@@ -263,6 +263,7 @@ src/
 │           └── registration/    # FEATURE
 ├── shared/
 │   ├── components/              # Shadcn/ui components
+│   │   └── ui/                  # Base UI Kit components from proyecto/components/ui/
 │   ├── hooks/
 │   ├── utils/
 │   ├── types/
@@ -276,7 +277,20 @@ src/
 │   ├── api/                     # API configuration
 │   ├── storage/                 # IndexedDB, localStorage
 │   └── pwa/                     # PWA configuration
-└── assets/
+├── assets/
+│   ├── fonts/                   # Fonts from proyecto/public/fonts/
+│   │   ├── SiesaBT-Light.otf
+│   │   ├── SiesaBT-Regular.otf
+│   │   └── SiesaBT-Bold.otf
+│   ├── images/
+│   │   └── logos/               # Logos from proyecto/public/images/logos/
+│   │       ├── Siesa_Logosimbolo_Azul.svg
+│   │       ├── Siesa_Logosimbolo_Blanco.svg
+│   │       ├── Siesa_Simbolo_Azul.svg
+│   │       └── Siesa_Simbolo_Blanco.svg
+│   └── favicon.ico              # Favicon from proyecto/public/favicon.ico
+└── styles/
+    └── globals.css              # Consolidated styles + Tailwind + WCAG from proyecto/styles/globals.css
 ```
 
 ### Import Organization

package/bmad-core/data/technical-preferences-ux.md

@@ -0,0 +1,423 @@
+# Technical Preferences - UX Configuration
+
+## Project Setup Configuration
+Based on Frontend Development Standards and Clean Architecture Implementation
+
+### Technology Stack
+- **Framework**: Next.js 14+ with App Router
+- **Language**: TypeScript (strict mode)
+- **Styling**: TailwindCSS + Shadcn/ui + Radix UI
+- **State Management**: Zustand
+- **Testing**: Vitest + React Testing Library
+- **Architecture**: Clean Architecture with DDD patterns
+- **Loading States**: React Loading Skeleton (for placeholders/preloading)
+
+### Resources
+Project assets are centralized in the [resources/](../../../resources/) directory at the root level:
+
+```
+resources/
+├── fonts/          # SiesaBT font family files
+└── images/         # Brand assets, logos, and graphics
+```
+
+**Usage**:
+- Reference fonts from `@/resources/fonts/`
+- Reference images from `@/resources/images/`
+- Logo assets available in `resources/images/logos/`
+
+---
+
+
+## Design System Foundation
+
+### Color Palette
+
+#### Primary Colors (Brand)
+```css
+:root {
+  /* Primary Color: #0E79FD */
+  --color-primary-50: #eff8ff;
+  --color-primary-100: #dbf0ff;
+  --color-primary-200: #bfe3ff;
+  --color-primary-300: #93d2ff;
+  --color-primary-400: #60b6ff;
+  --color-primary-500: #0E79FD; /* Main Primary Color */
+  --color-primary-600: #0b6ae6;
+  --color-primary-700: #0959c2;
+  --color-primary-800: #0e4a9e;
+  --color-primary-900: #123f80;
+  --color-primary-950: #11274d;
+}
+```
+
+#### Secondary Colors (Brand)
+```css
+:root {
+  /* Secondary Color: #000000 (Black) - Brand Secondary, NOT for grays/backgrounds */
+  --color-secondary-50: #f8f8f8;
+  --color-secondary-100: #f0f0f0;
+  --color-secondary-200: #e4e4e4;
+  --color-secondary-300: #d1d1d1;
+  --color-secondary-400: #b4b4b4;
+  --color-secondary-500: #9a9a9a;
+  --color-secondary-600: #818181;
+  --color-secondary-700: #6a6a6a;
+  --color-secondary-800: #5a5a5a;
+  --color-secondary-900: #4e4e4e;
+  --color-secondary-950: #000000; /* Main Secondary Color */
+}
+```
+
+#### Tertiary Colors (Brand)
+```css
+:root {
+  /* Tertiary Color: #154ca9 */
+  --color-tertiary-50: #eff6ff;
+  --color-tertiary-100: #dbeafe;
+  --color-tertiary-200: #bfdbfe;
+  --color-tertiary-300: #93c5fd;
+  --color-tertiary-400: #60a5fa;
+  --color-tertiary-500: #3b82f6;
+  --color-tertiary-600: #2563eb;
+  --color-tertiary-700: #154ca9; /* Main Tertiary Color */
+  --color-tertiary-800: #1e3a8a;
+  --color-tertiary-900: #1e3a8a;
+  --color-tertiary-950: #172554;
+}
+```
+
+#### Semantic Colors & Usage Guidelines
+```css
+:root {
+  /* Use Tailwind default semantic colors */
+  /* Success: theme('colors.green.500') | Warning: theme('colors.amber.500') */
+  /* Error: theme('colors.red.500') | Info: theme('colors.cyan.500') */
+  /* Neutrals: theme('colors.slate.*') - NOT secondary brand colors */
+}
+```
+
+```yaml
+color_rules:
+  tailwind_first: "Use theme() for system colors"
+  brand_only: "Hex codes for brand colors (#0E79FD, #154ca9, #000000)"
+  css: "theme() in custom properties"
+  classes: "Direct utility classes (bg-slate-200)"
+```
+
+#### Background & Surface Colors
+```css
+:root {
+  /* Light Theme - Using Tailwind variables */
+  --color-background: theme('colors.white');                    /* white */
+  --color-surface: theme('colors.slate.50');                    /* slate-50 */
+  --color-surface-secondary: theme('colors.slate.100');         /* slate-100 */
+  --color-border: theme('colors.slate.200');                    /* slate-200 */
+  --color-border-secondary: theme('colors.slate.300');          /* slate-300 */
+  
+  /* Dark Theme Support - Using Tailwind variables */
+  --color-background-dark: theme('colors.slate.950');           /* slate-950 */
+  --color-surface-dark: theme('colors.slate.900');              /* slate-900 */
+  --color-surface-secondary-dark: theme('colors.slate.800');    /* slate-800 */
+  --color-border-dark: theme('colors.slate.700');               /* slate-700 */
+  --color-border-secondary-dark: theme('colors.slate.600');     /* slate-600 */
+  
+  /* Note: Secondary brand color (#000000) is for brand elements, not backgrounds */
+}
+```
+
+### Dark Mode Implementation
+
+#### Configuration
+```yaml
+dark_mode:
+  method: "class"                    # Tailwind class-based
+  selector: "html"                   # Root element
+  framework: "next-themes"           # SSR-safe theme switching
+  default: "system"                  # Follow system preference
+```
+
+#### Brand Colors Dark Mode Adaptation
+```css
+.dark {
+  /* Primary - Enhanced contrast for dark backgrounds */
+  --color-primary-400: #60b6ff;
+  --color-primary-500: #3b9eff;
+  --color-primary-600: #0E79FD;
+  
+  /* Secondary alternatives for dark mode visibility */
+  --color-secondary-alt-50: theme('colors.slate.50');
+  --color-secondary-alt-100: theme('colors.slate.200');
+  --color-secondary-alt-200: theme('colors.slate.300');
+  
+  /* Tertiary - Optimized for dark mode */
+  --color-tertiary-400: #60a5fa;
+  --color-tertiary-500: #3b82f6;
+  --color-tertiary-600: #154ca9;
+}
+```
+
+#### Tailwind Classes for Dark Mode
+```yaml
+text_colors:
+  primary: "text-gray-900 dark:text-gray-50"
+  secondary: "text-gray-700 dark:text-gray-300"
+  muted: "text-gray-500 dark:text-gray-400"
+  disabled: "text-gray-400 dark:text-gray-600"
+  
+brand_colors:
+  primary: "text-primary-600 dark:text-primary-400"
+  secondary: "text-secondary-950 dark:text-slate-50"
+  tertiary: "text-tertiary-700 dark:text-tertiary-400"
+
+surfaces:
+  page: "bg-white dark:bg-slate-950"
+  card: "bg-slate-50 dark:bg-slate-900"
+  elevated: "bg-white dark:bg-slate-800"
+  input: "bg-white dark:bg-slate-900"
+  
+borders:
+  subtle: "border-slate-200 dark:border-slate-700"
+  prominent: "border-slate-300 dark:border-slate-600"
+  focus: "ring-primary-500 dark:ring-primary-400"
+
+buttons:
+  primary: "bg-primary-500 text-white hover:bg-primary-600 dark:bg-primary-600 dark:hover:bg-primary-500"
+  secondary: "bg-slate-200 text-slate-900 hover:bg-slate-300 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600"
+  ghost: "text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"
+
+navigation:
+  navbar: "bg-white border-slate-200 dark:bg-slate-900 dark:border-slate-700"
+  sidebar: "bg-slate-50 border-slate-200 dark:bg-slate-900 dark:border-slate-700"
+  active: "bg-primary-50 text-primary-700 border-primary-200 dark:bg-primary-950 dark:text-primary-300 dark:border-primary-800"
+
+feedback:
+  success: "bg-green-50 text-green-800 border-green-200 dark:bg-green-950 dark:text-green-300 dark:border-green-800"
+  warning: "bg-amber-50 text-amber-800 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800"
+  error: "bg-red-50 text-red-800 border-red-200 dark:bg-red-950 dark:text-red-300 dark:border-red-800"
+```
+
+#### Tailwind Configuration
+```javascript
+// tailwind.config.js
+module.exports = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#eff8ff',
+          100: '#dbf0ff',
+          200: '#bfe3ff',
+          300: '#93d2ff',
+          400: '#60b6ff',  // Enhanced for dark mode
+          500: '#0E79FD',  // Main brand color
+          600: '#0b6ae6',
+          700: '#0959c2',
+          800: '#0e4a9e',
+          900: '#123f80',
+          950: '#11274d',
+        },
+        secondary: {
+          // Custom neutral scale for brand secondary
+          50: '#f8f8f8',
+          100: '#f0f0f0',
+          200: '#e4e4e4',
+          300: '#d1d1d1',
+          400: '#b4b4b4',
+          500: '#9a9a9a',
+          600: '#818181',
+          700: '#6a6a6a',
+          800: '#5a5a5a',
+          900: '#4e4e4e',
+          950: '#000000',  // Main secondary color
+        },
+        tertiary: {
+          // Keep original tertiary color scale as defined
+          50: '#eff6ff',
+          100: '#dbeafe',
+          200: '#bfdbfe',
+          300: '#93c5fd',
+          400: '#60a5fa',
+          500: '#3b82f6',
+          600: '#2563eb',
+          700: '#154ca9',  // Main tertiary color (custom)
+          800: '#1e3a8a',
+          900: '#1e3a8a',
+          950: '#172554',
+        }
+      }
+    }
+  }
+}
+```
+
+### Typography System
+
+#### Font Configuration
+```css
+:root {
+  /* Siesa Brand Fonts - 3 weights available */
+  --font-primary: 'SiesaBT-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-light: 'SiesaBT-Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-bold: 'SiesaBT-Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
+  
+  /* Tailwind font weight mapping */
+  --font-weight-light: 300;    /* SiesaBT-Light */
+  --font-weight-normal: 400;   /* SiesaBT-Regular */
+  --font-weight-medium: 400;   /* SiesaBT-Regular */
+  --font-weight-semibold: 700; /* SiesaBT-Bold */
+  --font-weight-bold: 700;     /* SiesaBT-Bold */
+  --font-weight-extrabold: 700; /* SiesaBT-Bold */
+  --font-weight-black: 700;    /* SiesaBT-Bold */
+}
+```
+
+#### Typography Scale
+```yaml
+typography:
+  headings:
+    h1: "text-4xl font-bold leading-tight"
+    h2: "text-3xl font-bold leading-tight"
+    h3: "text-2xl font-semibold leading-snug"
+    h4: "text-xl font-semibold leading-snug"
+    h5: "text-lg font-medium leading-normal"
+    h6: "text-base font-medium leading-normal"
+
+  body:
+    paragraph: "text-base font-normal leading-relaxed"
+    large: "text-lg font-normal leading-relaxed"
+    small: "text-sm font-normal leading-normal"
+    caption: "text-xs font-light leading-normal"
+
+  interactive:
+    label: "text-sm font-medium leading-normal"
+    button_primary: "text-base font-semibold leading-none"
+    button_secondary: "text-sm font-medium leading-none"
+    link: "text-base font-normal leading-normal"
+    link_emphasis: "text-base font-semibold leading-normal"
+
+  utility:
+    code: "text-sm font-normal leading-normal font-mono"
+    badge: "text-xs font-semibold leading-none"
+    tooltip: "text-sm font-normal leading-snug"
+```
+
+### Assets & Systems Configuration
+
+#### Logo Assets
+```yaml
+logos:
+  paths:
+    assets: "assets/images/logos/"
+    public: "/images/logos/"
+  
+  variants:
+    full_blue: "Siesa_Logosimbolo_Azul.svg"
+    full_white: "Siesa_Logosimbolo_Blanco.svg"
+    symbol_blue: "Siesa_Simbolo_Azul.svg"
+    symbol_white: "Siesa_Simbolo_Blanco.svg"
+  
+  usage:
+    header: "symbol_blue"
+    footer: "full_blue"
+    dark_theme: "full_white"
+    favicon: "symbol_blue"
+  
+  specs:
+    min_size_full: "120px"
+    min_size_symbol: "24px"
+    format: "SVG"
+```
+
+#### Icons
+```yaml
+icons:
+  primary: "Heroicons"
+  secondary: "Font Awesome 6.5+"
+  
+  sizes:
+    small: "w-4 h-4"
+    default: "w-5 h-5"
+    medium: "w-6 h-6"
+    large: "w-8 h-8"
+    
+  colors:
+    inherit: "text-current"
+    primary: "text-primary-500"
+    secondary: "text-secondary-600"
+    neutral: "text-gray-500"
+```
+
+#### Loading States
+```yaml
+skeleton:
+  library: "react-loading-skeleton ^3.4.0"
+  theming:
+    light: "base: theme('colors.slate.200'), highlight: theme('colors.slate.100')"
+    dark: "base: theme('colors.slate.700'), highlight: theme('colors.slate.600')"
+    radius: "rounded-md"
+    duration: "1.5s"
+```
+
+---
+
+## Standards & Guidelines
+
+### Accessibility
+```yaml
+accessibility:
+  color_contrast: "4.5:1 minimum (WCAG 2.1 AA)"
+  large_text_contrast: "3.1:1 minimum"
+  focus_indicators: "2px solid var(--color-primary-500)"
+  touch_targets: "44px minimum"
+  font_size_minimum: "16px"
+  line_length_maximum: "75ch"
+  
+requirements:
+  landmarks: true
+  headings: true
+  labels: true
+  alt_text: true
+  skip_links: true
+```
+
+### Performance Targets
+```yaml
+bundle_limits:
+  initial: "< 500KB gzipped"
+  routes: "< 200KB gzipped"
+  components: "< 100KB gzipped"
+
+metrics:
+  fcp: "< 1.5s"
+  lcp: "< 2.5s"
+  cls: "< 0.1"
+  tti: "< 3s"
+```
+
+### Architecture
+```yaml
+components:
+  base: "Shadcn/ui from MCP registry"
+  composite: "Feature-specific compositions"
+  layout: "Page and section layouts"
+  utility: "Helpers and wrappers"
+
+state_management:
+  global: "Authentication, theme, app settings"
+  feature: "Domain-specific data and UI state"
+  local: "Component-specific temporary state"
+  server: "API data with caching"
+
+naming:
+  components: "PascalCase"
+  files: "kebab-case"
+  directories: "kebab-case"
+  assets: "kebab-case"
+```
+
+---
+
+## This configuration serves as the foundation for all UX decisions and component implementation.

package/claude/hooks/file-restriction-hook.py

@@ -0,0 +1,51 @@
+import sys
+import json
+import os
+
+try:
+    # Leer JSON desde stdin
+    data = json.load(sys.stdin)
+
+    # Obtener información del archivo y sesión
+    file_path = data.get('tool_input', {}).get('file_path', '')
+    extension = os.path.splitext(file_path)[1].lower() if file_path else ''
+    session_id = data.get('session_id', '')
+    cwd = data.get('cwd', '')
+
+    # Construir ruta relativa al log desde el cwd
+    log_file = os.path.join(cwd, '.claude', 'logs', 'active_agents.json')
+
+    # Agentes que solo pueden escribir markdown
+    MARKDOWN_ONLY_AGENTS = ['PO', 'SM', 'PM', 'ANALYST', 'ARCHITECT', 'UX-EXPERT']
+
+    # Verificar si la sesión actual tiene un agente activo
+    if session_id and os.path.exists(log_file):
+        try:
+            with open(log_file, 'r', encoding='utf-8') as f:
+                active_agents = json.load(f)
+            
+            # Si la sesión actual tiene un agente activo
+            if session_id in active_agents:
+                agent_type = active_agents[session_id]['agent']
+                
+                # Si el agente está en la lista de solo markdown
+                if agent_type in MARKDOWN_ONLY_AGENTS:
+                    # Solo permitir archivos markdown
+                    if extension != '.md':
+                        result = {
+                            "hookSpecificOutput": {
+                                "hookEventName": "PreToolUse",
+                                "permissionDecision": "deny",
+                                "permissionDecisionReason": f"⛔ El agente de tipo {agent_type} solo puede redactar archivos markdown"
+                            }
+                        }
+                        print(json.dumps(result))
+                        sys.exit(0)
+        except:
+            # Si hay error leyendo el log, permitir la operación
+            pass
+
+    # Si no está bloqueado, permitir la operación (no imprimir nada)
+except Exception as e:
+    # En caso de error, permitir la operación
+    pass

package/claude/hooks/track-agent.py

@@ -0,0 +1,67 @@
+import sys
+import json
+import os
+from datetime import datetime
+
+try:
+    # Leer JSON desde stdin
+    data = json.load(sys.stdin)
+    
+    session_id = data.get('session_id', '')
+    prompt = data.get('prompt', '').lower()
+    cwd = data.get('cwd', '')
+    
+    # Construir ruta relativa al log desde el cwd
+    log_file = os.path.join(cwd, '.claude', 'logs', 'active_agents.json')
+    
+    # Crear directorio si no existe
+    log_dir = os.path.dirname(log_file)
+    os.makedirs(log_dir, exist_ok=True)
+    
+    # Lista completa de agentes disponibles
+    agent_identifiers = {
+        'agents:po': 'PO',
+        'agents:sm': 'SM',
+        'agents:pm': 'PM',
+        'agents:analyst': 'ANALYST',
+        'agents:architect': 'ARCHITECT',
+        'agents:dev': 'DEV',
+        'agents:backend': 'BACKEND',
+        'agents:frontend': 'FRONTEND',
+        'agents:qa': 'QA',
+        'agents:ux-expert': 'UX-EXPERT',
+        'agents:bmad-master': 'BMAD-MASTER',
+        'agents:bmad-orchestrator': 'BMAD-ORCHESTRATOR'
+    }
+    
+    # Detectar si se está invocando un agente
+    agent_type = None
+    for identifier, agent_name in agent_identifiers.items():
+        if identifier in prompt or f'/bmad:{identifier}' in prompt:
+            agent_type = agent_name
+            break
+    
+    if agent_type and session_id:
+        # Leer log existente
+        active_agents = {}
+        if os.path.exists(log_file):
+            try:
+                with open(log_file, 'r', encoding='utf-8') as f:
+                    active_agents = json.load(f)
+            except:
+                active_agents = {}
+        
+        # Actualizar o agregar la sesión con el agente actual
+        active_agents[session_id] = {
+            'agent': agent_type,
+            'timestamp': datetime.now().isoformat(),
+            'last_prompt': prompt[:100]  # Guardar inicio del prompt para debug
+        }
+        
+        # Guardar log actualizado
+        with open(log_file, 'w', encoding='utf-8') as f:
+            json.dump(active_agents, f, indent=2, ensure_ascii=False)
+
+except Exception as e:
+    # En caso de error, no bloquear la operación
+    pass

package/claude/settings.local.json

@@ -16,5 +16,41 @@
     ],
     "deny": [],
     "ask": []
-  }
+  },
+  "hooks": {
+    "UserPromptSubmit": [
+      {
+        "matcher": ".*",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "python .claude/hooks/track-agent.py"
+          }
+        ]
+      }
+    ],
+    "PreToolUse": [
+      {
+        "matcher": "Write|Edit",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "python .claude/hooks/file-restriction-hook.py"
+          }
+        ]
+      }
+    ],
+    "SessionEnd": [
+      {
+        "matcher": ".*",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "python .claude/hooks/cleanup-agent.py"
+          }
+        ]
+      }
+    ]
+  },
+  "disableAllHooks": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siesa-agents",
-  "version": "2.1.18",
+  "version": "2.1.19-dev.0",
   "description": "Paquete para instalar y configurar agentes SIESA en tu proyecto",
   "main": "index.js",
   "bin": {
@@ -25,6 +25,7 @@
     "github/**/*",
     "claude/**/*",
     "bin/**/*",
+    "resources/**/*",
     "README.md"
   ],
   "engines": {

package/resources/images/Siesa_Logosimbolo_Azul.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Siesa_Logosimbolos" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1999.86 500">
+  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #0e79fd;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="st0" d="M812.95,404.07c-165.79,0-171.25-110.18-171.25-115.7h52.63s-.61,74.35,119.46,74.35h1.25c64.32,0,104-20.88,104-55.55v-1.67c0-27.57-23.81-38.43-95.65-47.2l-49.7-6.27c-76.85-9.61-123.63-33.41-123.63-90.64v-2.09c0-64.74,59.73-98.57,151.62-98.57h.84c161.01,0,161.4,108.26,161.4,108.26h-51.68s1.14-66.9-110.55-66.9h-.84c-61.82,0-98.16,20.47-98.16,55.13v1.67c0,27.15,22.14,43.44,91.89,52.21l47.2,5.85c89.8,10.86,130.74,37.17,130.74,87.71v2.09c0,64.74-64.74,97.32-158.72,97.32h-.85Z"/>
+    <path class="st0" d="M1560.56,404.07c-142.87,0-142.85-87.71-142.85-87.71h49.07c0,4.14,13.22,50.96,97.96,50.96h.84c53.88,0,80.61-12.11,80.61-36.76v-1.25c0-22.56-23.39-30.07-69.34-34.67l-55.13-5.01c-59.31-5.43-100.24-22.55-100.24-67.66v-1.67c0-47.62,48.87-74.77,131.15-74.77h.84c126.87,0,134.91,71.8,134.91,86.46h-50.12s2.54-49.7-84.79-49.7h-.84c-49.29,0-81.03,14.2-81.03,39.26v.84c0,22.97,27.57,30.91,73.93,35.5l57.22,5.43c65.16,6.68,93.98,26.73,93.98,64.74v2.09c0,48.87-45.95,73.93-135.33,73.93h-.84Z"/>
+    <g>
+      <rect class="st0" x="1014.63" y="168.99" width="47.02" height="230.9"/>
+      <rect class="st0" x="1012.55" y="65.58" width="51.18" height="51.18"/>
+    </g>
+    <path class="st0" d="M1984.7,190.65c-10.2-15.12-25.5-26.43-45.89-33.91-20.4-7.47-46.41-11.22-78.02-11.22-94.51,0-129.22,41.19-133.11,86.46h50.32c1.68-35.05,41.78-49.7,81.77-49.7,31.62,0,54.73,3.6,69.35,13.11,14.61,9.52,21.93,23.8,21.93,42.84v15.07c-108.47-.19-227.95-1.17-227.95,79.57,0,69.38,81.08,71.4,99.44,71.4,80.19,0,127.96-48.44,127.96-48.44l.04,43.8h49.47v-155.17c0-20.73-5.1-38.67-15.3-53.8h-.01ZM1935.49,326.23c-10.37,12.24-24.57,21.85-42.58,28.81-18.02,6.97-37.91,10.45-59.66,10.45-13.26,0-59.16-5.05-59.16-33.66,0-21.16,11.93-42.1,176.9-43.02-.54,13.38-5.71,25.85-15.5,37.41h0Z"/>
+    <path class="st0" d="M1390.14,272.08c-2.09-79.78-53.88-126.56-141.18-126.56h-.84c-90.22,0-144.52,47.2-144.52,126.14v2.09c0,81.45,55.97,130.32,149.53,130.32h.84c64.52,0,117.2-37.61,130.2-87.71l-48.33-.11c-8.77,26.73-35.5,48.15-81.87,48.15h-.84c-60.15,0-95.23-25.48-100.24-75.6h236.61c.71-4.3.63-16.71.63-16.71h0ZM1247.29,182.28h.84c53.21,0,85.14,26.08,91.91,72.32h-186.73c6.81-46.24,39.97-72.32,93.99-72.32h-.01Z"/>
+  </g>
+  <polygon class="st0" points="0 300 0 0 300 0 0 300"/>
+  <polygon class="st0" points="0 500 0 300 200 300 0 500"/>
+  <polygon class="st0" points="500 0 500 300 200 300 500 0"/>
+  <polygon class="st0" points="500 300 500 500 300 500 500 300"/>
+</svg>

package/resources/images/Siesa_Logosimbolo_Blanco.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Siesa_Logosimbolos" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2000.01 500">
+  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="st0" d="M813.02,404.07c-165.79,0-171.25-110.18-171.25-115.7h52.63s-.61,74.35,119.46,74.35h1.25c64.32,0,104-20.88,104-55.55v-1.67c0-27.57-23.81-38.43-95.65-47.2l-49.7-6.27c-76.85-9.61-123.63-33.41-123.63-90.64v-2.09c0-64.74,59.73-98.57,151.62-98.57h.84c161.01,0,161.4,108.26,161.4,108.26h-51.68s1.14-66.9-110.55-66.9h-.84c-61.82,0-98.16,20.47-98.16,55.13v1.67c0,27.15,22.14,43.44,91.89,52.21l47.2,5.85c89.8,10.86,130.74,37.17,130.74,87.71v2.09c0,64.74-64.74,97.32-158.72,97.32h-.85Z"/>
+    <path class="st0" d="M1560.63,404.07c-142.87,0-142.85-87.71-142.85-87.71h49.07c0,4.14,13.22,50.96,97.96,50.96h.84c53.88,0,80.61-12.11,80.61-36.76v-1.25c0-22.56-23.39-30.07-69.34-34.67l-55.13-5.01c-59.31-5.43-100.24-22.55-100.24-67.66v-1.67c0-47.62,48.87-74.77,131.15-74.77h.84c126.87,0,134.91,71.8,134.91,86.46h-50.12s2.54-49.7-84.79-49.7h-.84c-49.29,0-81.03,14.2-81.03,39.26v.84c0,22.97,27.57,30.91,73.93,35.5l57.22,5.43c65.16,6.68,93.98,26.73,93.98,64.74v2.09c0,48.87-45.95,73.93-135.33,73.93h-.84Z"/>
+    <g>
+      <rect class="st0" x="1014.7" y="168.99" width="47.02" height="230.9"/>
+      <rect class="st0" x="1012.62" y="65.58" width="51.18" height="51.18"/>
+    </g>
+    <path class="st0" d="M1984.77,190.65c-10.2-15.12-25.5-26.43-45.89-33.91-20.4-7.47-46.41-11.22-78.02-11.22-94.51,0-129.22,41.19-133.11,86.46h50.32c1.68-35.05,41.78-49.7,81.77-49.7,31.62,0,54.73,3.6,69.35,13.11,14.61,9.52,21.93,23.8,21.93,42.84v15.07c-108.47-.19-227.95-1.17-227.95,79.57,0,69.38,81.08,71.4,99.44,71.4,80.19,0,127.96-48.44,127.96-48.44l.04,43.8h49.47v-155.17c0-20.73-5.1-38.67-15.3-53.8h-.01ZM1935.56,326.23c-10.37,12.24-24.57,21.85-42.58,28.81-18.02,6.97-37.91,10.45-59.66,10.45-13.26,0-59.16-5.05-59.16-33.66,0-21.16,11.93-42.1,176.9-43.02-.54,13.38-5.71,25.85-15.5,37.41h0Z"/>
+    <path class="st0" d="M1390.21,272.08c-2.09-79.78-53.88-126.56-141.18-126.56h-.84c-90.22,0-144.52,47.2-144.52,126.14v2.09c0,81.45,55.97,130.32,149.53,130.32h.84c64.52,0,117.2-37.61,130.2-87.71l-48.33-.11c-8.77,26.73-35.5,48.15-81.87,48.15h-.84c-60.15,0-95.23-25.48-100.24-75.6h236.61c.71-4.3.63-16.71.63-16.71h0ZM1247.36,182.28h.84c53.21,0,85.14,26.08,91.91,72.32h-186.73c6.81-46.24,39.97-72.32,93.99-72.32h-.01Z"/>
+  </g>
+  <polygon class="st0" points=".07 300 .07 0 300.07 0 .07 300"/>
+  <polygon class="st0" points=".07 500 .07 300 200.07 300 .07 500"/>
+  <polygon class="st0" points="500.07 0 500.07 300 200.07 300 500.07 0"/>
+  <polygon class="st0" points="500.07 300 500.07 500 300.07 500 500.07 300"/>
+</svg>

package/resources/images/Siesa_Simbolo_Azul.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Siesa_Logosimbolos" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 500">
+  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #0e79fd;
+      }
+    </style>
+  </defs>
+  <polygon class="st0" points=".05 300 .05 0 300.05 0 .05 300"/>
+  <polygon class="st0" points=".05 500 .05 300 200.05 300 .05 500"/>
+  <polygon class="st0" points="500.05 0 500.05 300 200.05 300 500.05 0"/>
+  <polygon class="st0" points="500.05 300 500.05 500 300.05 500 500.05 300"/>
+</svg>

package/resources/images/Siesa_Simbolo_Blanco.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Siesa_Logosimbolos" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 500">
+  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <polygon class="st0" points=".05 300 .05 0 300.05 0 .05 300"/>
+  <polygon class="st0" points=".05 500 .05 300 200.05 300 .05 500"/>
+  <polygon class="st0" points="500.05 0 500.05 300 200.05 300 500.05 0"/>
+  <polygon class="st0" points="500.05 300 500.05 500 300.05 500 500.05 300"/>
+</svg>

package/bmad-core/data/architecture-patterns.md

@@ -1,114 +0,0 @@
-# Architecture Patterns & Design Decisions
-
-## Frontend Architecture
-
-### Architecture Style
-- **Clean Architecture** + **Domain-Driven Design (DDD)**
-
-### Folder Structure
-
-Next.js 15 App Router Structure with Clean Architecture + DDD:
-
-```
-├── app/                         # Next.js App Router directory
-│   ├── (dashboard)/            # Route groups for dashboard
-│   ├── sales/                  # Routes for sales module
-│   │   ├── quotes/             # Quote management pages
-│   │   └── invoices/           # Invoice pages
-│   ├── inventory/              # Inventory routes
-│   ├── globals.css             # Global styles
-│   ├── layout.tsx              # Root layout component
-│   ├── page.tsx               # Home page
-│   ├── loading.tsx            # Global loading UI
-│   └── not-found.tsx          # 404 page
-│
-├── src/
-│   ├── modules/                # Business modules following DDD
-│   │   ├── sales/              # Sales module
-│   │   │   ├── quotes/         # Quote domain
-│   │   │   │   ├── cart/       # Shopping cart feature
-│   │   │   │   │   ├── domain/
-│   │   │   │   │   │   ├── entities/
-│   │   │   │   │   │   ├── repositories/
-│   │   │   │   │   │   ├── services/
-│   │   │   │   │   │   └── types/
-│   │   │   │   │   ├── application/
-│   │   │   │   │   │   ├── use-cases/
-│   │   │   │   │   │   ├── hooks/
-│   │   │   │   │   │   └── store/
-│   │   │   │   │   ├── infrastructure/
-│   │   │   │   │   │   ├── repositories/
-│   │   │   │   │   │   ├── api/
-│   │   │   │   │   │   └── adapters/
-│   │   │   │   │   └── presentation/
-│   │   │   │   │       └── components/    # Only components, pages in app/
-│   │   │   │   └── products/              # Products feature
-│   │   │   └── billing/                   # Billing domain
-│   │   ├── inventory/                     # Inventory module
-│   │   └── users/                         # User module
-│   │
-│   ├── shared/
-│   │   ├── components/         # Reusable UI components
-│   │   ├── hooks/              # Shared hooks
-│   │   ├── utils/              # Utility functions
-│   │   ├── types/              # Common TypeScript types
-│   │   └── constants/          # App constants
-│   │
-│   ├── providers/              # React context providers
-│   ├── store/                  # Global Zustand stores
-│   └── middleware.ts           # Next.js middleware
-│
-├── lib/                        # Next.js utilities and configurations
-├── components/                 # Global UI components (alternative to src/shared)
-├── public/                     # Static assets and PWA manifest
-└── styles/                     # Additional stylesheets
-```
-
-### Core Principles
-
-#### Clean Architecture First
-Strict separation of:
-- **Domain layer** - Business entities, repositories interfaces, domain services, and types
-- **Application layer** - Use cases, hooks, and state management (Zustand stores)
-- **Infrastructure layer** - Repository implementations, API clients, and adapters
-- **Presentation layer** - UI components (pages go in `app/`, components in `presentation/`)
-
-#### Domain-Driven Design
-Business logic drives architecture decisions. Organize by business modules and domains, not technical layers.
-
-#### Component Composition
-Build complex UIs from simple, reusable components.
-
-#### Type Safety
-Leverage TypeScript for compile-time safety and developer experience.
-
-#### Performance by Design
-- Lazy loading
-- Memoization
-- Bundle optimization
-
-#### Accessibility as Standard
-WCAG 2.1 AA compliance in all components.
-
-#### Test-Driven Development
-Unit tests for all use cases and components.
-
-#### Progressive Web App
-Offline-first approach with service workers.
-
-#### Minimal and Functional
-Only build what's explicitly requested, nothing more.
-
-#### User-Centered Design
-Start with user needs and work backward to implementation.
-
-#### MCP Shadcn Available
-Use MCP to install Shadcn components instead of creating manually.
-
-### Framework Selection Rules
-
-**Default**: Always use Next.js 15 with App Router unless explicitly told otherwise.
-
-**Exceptions**: Only use pure React + Vite when user specifically mentions offline-first functionality or requests non-Next.js setup.
-
-**Reasoning**: Next.js provides better developer experience, built-in optimization, and easier deployment while maintaining PWA capabilities.

package/bmad-core/data/technology-stack.md

@@ -1,81 +0,0 @@
-# Technology Stack
-
-## Frontend Stack
-
-### Framework
-- **Next.js 15** with TypeScript (App Router)
-  - Default framework unless explicitly told otherwise
-  - Built-in Turbopack/Webpack for building
-  - File-based routing with App Router
-  - Exception: Use pure React + Vite only when user specifically mentions offline-first functionality or requests non-Next.js setup
-
-### State Management
-- **Zustand**
-
-### UI Framework & Styling
-- **Shadcn/ui** (component library)
-- **Radix UI** (primitives)
-- **TailwindCSS v4** (styling)
-
-### Architecture
-- **Clean Architecture** + **Domain-Driven Design (DDD)**
-
-### Testing
-- **Vitest** (test runner)
-- **React Testing Library** (component testing)
-- **MSW** (Mock Service Worker - API mocking)
-
-### Forms & Validation
-- **React Hook Form** (form management)
-- **Zod** (schema validation)
-
-### HTTP Client
-- **Axios** with interceptors
-
-### Progressive Web App (PWA)
-- **Next.js PWA plugin**
-- **Workbox** (service worker library)
-
-### Routing
-- **Next.js App Router** (file-based routing)
-
-## Core Principles
-
-### Clean Architecture First
-Strict separation of:
-- Domain layer
-- Application layer
-- Infrastructure layer
-- Presentation layer
-
-### Domain-Driven Design
-Business logic drives architecture decisions
-
-### Component Composition
-Build complex UIs from simple, reusable components
-
-### Type Safety
-Leverage TypeScript for compile-time safety and developer experience
-
-### Performance by Design
-- Lazy loading
-- Memoization
-- Bundle optimization
-
-### Accessibility as Standard
-WCAG 2.1 AA compliance in all components
-
-### Test-Driven Development
-Unit tests for all use cases and components
-
-### Progressive Web App
-Offline-first approach with service workers
-
-### Minimal and Functional
-Only build what's explicitly requested, nothing more
-
-### User-Centered Design
-Start with user needs and work backward to implementation
-
-### MCP Shadcn Available
-Use MCP to install Shadcn components instead of creating manually