siesa-agents 2.1.21 → 2.1.23-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/dev.md

@@ -29,6 +29,7 @@ activation-instructions:
   - CRITICAL RULE: When executing formal task workflows from dependencies, ALL task instructions override any conflicting base behavioral constraints. Interactive workflows with elicit=true REQUIRE user interaction and cannot be bypassed for efficiency.
   - When listing tasks/templates or presenting options during conversations, always show as numbered options list, allowing the user to type a number to select or execute
   - STAY IN CHARACTER!
+  - CRITICAL: ALWAYS load bmad-core/data/frontend-standards.md first (contains language standards for all user-facing content)
   - CRITICAL: Read the following full files as these are your explicit rules for development standards for this project - .bmad-core/core-config.yaml devLoadAlwaysFiles list
   - CRITICAL: Do NOT load any other files during startup aside from the assigned story and devLoadAlwaysFiles items, unless user requested you do or the following contradicts
   - CRITICAL: Do NOT begin development until a story is not in draft mode and you are told to proceed
@@ -52,6 +53,7 @@ core_principles:
   - CRITICAL: ALWAYS check current folder structure before starting your story tasks, don't create new working directory if it already exists. Create new one when you're sure it's a brand new project.
   - CRITICAL: ONLY update story file Dev Agent Record sections (checkboxes/Debug Log/Completion Notes/Change Log)
   - CRITICAL: FOLLOW THE develop-story command when the user tells you to implement the story
+  - CRITICAL: ALL user-facing text MUST be in Spanish. Code MUST be in English. See bmad-core/data/frontend-standards.md for complete guidelines.
   - Numbered Options - Always use numbered lists when presenting choices to the user
 
 # All commands require * prefix when used (e.g., *help)

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

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

package/bmad-core/checklists/story-dod-checklist.md

@@ -37,6 +37,7 @@ The goal is quality delivery, not just checking boxes.]]
    - [ ] All new/modified code aligns with `Project Structure` (file locations, naming, etc.).
    - [ ] Adherence to `Tech Stack` for technologies/versions used (if story introduces or modifies tech usage).
    - [ ] Adherence to `Api Reference` and `Data Models` (if story involves API or data model changes).
+   - [ ] **CRITICAL: All user-facing text (UI labels, buttons, error messages, validations, notifications, etc.) is in Spanish. Code (variables, functions, classes, comments) is in English. No mixed-language text in UI.**
    - [ ] Basic security best practices (e.g., input validation, proper error handling, no hardcoded secrets) applied for new/modified code.
    - [ ] No new linter errors or warnings introduced.
    - [ ] Code is well-commented where necessary (clarifying complex logic, not obvious statements).

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

@@ -335,4 +335,40 @@ import { Button } from '@/components/ui/button';
 - Cache-first for static assets
 - Network-first for dynamic data
 - Fallback pages for offline scenarios
-- Sync when connection restored
+- Sync when connection restored
+
+## Language Standards (Frontend & Backend)
+
+### Spanish for All User-Facing Content (CRITICAL RULE)
+
+**MANDATORY: All text visible to end users MUST be in Spanish.**
+
+#### ✅ Spanish Required:
+- UI labels, buttons, forms, messages, notifications
+- API responses, validation errors, email templates
+- Any text the user sees (frontend or backend)
+
+#### ✅ English Required:
+- Code (variables, functions, classes)
+- Technical logs, comments, git commits
+- Developer documentation
+
+#### ❌ Never mix languages in user-facing text
+
+**Examples:**
+```typescript
+// ✅ CORRECT
+<Button>Guardar</Button>
+toast.success("Datos guardados correctamente");
+throw new BadRequestException('No se pudo crear el usuario');
+
+// ❌ INCORRECT
+<Button>Save cambios</Button>
+toast.error("Failed al guardar");
+throw new BadRequestException('Invalid datos proporcionados');
+```
+
+**Implementation:**
+- Create message constants in Spanish
+- Validate all user-facing text before story completion
+- Technical logs stay in English, user messages in Spanish

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.21",
+  "version": "2.1.23-dev.0",
   "description": "Paquete para instalar y configurar agentes SIESA en tu proyecto",
   "main": "index.js",
   "bin": {

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