From be699ad6abb961498b65dad43b47e383b7cfa542 Mon Sep 17 00:00:00 2001 From: Nurfog Date: Tue, 17 Mar 2026 12:07:56 -0300 Subject: [PATCH] feat: token count implement --- .env.example | 3 + FINAL_UPDATES.md | 299 +++++++ IMPLEMENTATION_SUMMARY.md | 248 ++++++ check_mysql.js | 74 ++ docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md | 168 ++++ docs/BARK_MANUAL_INSTALL.md | 206 +++++ docs/BARK_TTS_GUIDE.md | 221 +++++ docs/EXCEL_IMPORT_TEMPLATE.md | 145 ++++ docs/NAVBAR_CHANGES.md | 224 +++++ docs/NAVBAR_FINAL.md | 119 +++ docs/NEXT_STEPS.md | 298 +++++++ docs/QUESTION_BANK_UI.md | 305 +++++++ docs/TOKEN_USAGE_TRACKING.md | 301 +++++++ install.sh | 7 + package-lock.json | 142 +++ package.json | 1 + scripts/check_bark_status.sh | 69 ++ scripts/cleanup_bark_t800.sh | 193 +++++ scripts/deploy_to_t800.sh | 93 ++ scripts/fix_bark_pytorch.sh | 189 ++++ scripts/install_bark_manual.sh | 208 +++++ scripts/install_bark_tts.sh | 266 ++++++ .../20260316000001_question_bank.sql | 174 ++++ .../20260316000002_ai_usage_tracking.sql | 86 ++ services/cms-service/src/handlers.rs | 63 +- services/cms-service/src/handlers_admin.rs | 136 +++ .../cms-service/src/handlers_question_bank.rs | 818 ++++++++++++++++++ .../src/handlers_test_templates.rs | 329 ++++++- services/cms-service/src/main.rs | 48 + shared/common/src/models.rs | 142 +++ .../courses/[id]/lessons/[lessonId]/page.tsx | 31 +- .../src/components/blocks/QuizPlayer.tsx | 367 +++++++- web/studio/src/app/admin/token-usage/page.tsx | 312 +++++++ web/studio/src/app/question-bank/page.tsx | 354 ++++++++ web/studio/src/components/Navbar.tsx | 147 +++- .../QuestionBank/AudioGeneratorModal.tsx | 320 +++++++ .../QuestionBank/ExcelImportModal.tsx | 241 ++++++ .../QuestionBank/MySQLImportModal.tsx | 193 +++++ .../QuestionBank/QuestionBankCard.tsx | 198 +++++ .../QuestionBank/QuestionBankEditor.tsx | 539 ++++++++++++ .../TestTemplates/TestTemplateForm.tsx | 607 +++++++++++-- .../TestTemplates/TestTemplateManager.tsx | 219 ++++- web/studio/src/lib/api.ts | 94 ++ web/studio/tsconfig.tsbuildinfo | 2 +- 44 files changed, 9032 insertions(+), 167 deletions(-) create mode 100644 FINAL_UPDATES.md create mode 100644 IMPLEMENTATION_SUMMARY.md create mode 100644 check_mysql.js create mode 100644 docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md create mode 100644 docs/BARK_MANUAL_INSTALL.md create mode 100644 docs/BARK_TTS_GUIDE.md create mode 100644 docs/EXCEL_IMPORT_TEMPLATE.md create mode 100644 docs/NAVBAR_CHANGES.md create mode 100644 docs/NAVBAR_FINAL.md create mode 100644 docs/NEXT_STEPS.md create mode 100644 docs/QUESTION_BANK_UI.md create mode 100644 docs/TOKEN_USAGE_TRACKING.md create mode 100644 scripts/check_bark_status.sh create mode 100755 scripts/cleanup_bark_t800.sh create mode 100755 scripts/deploy_to_t800.sh create mode 100644 scripts/fix_bark_pytorch.sh create mode 100644 scripts/install_bark_manual.sh create mode 100755 scripts/install_bark_tts.sh create mode 100644 services/cms-service/migrations/20260316000001_question_bank.sql create mode 100644 services/cms-service/migrations/20260316000002_ai_usage_tracking.sql create mode 100644 services/cms-service/src/handlers_admin.rs create mode 100644 services/cms-service/src/handlers_question_bank.rs create mode 100644 web/studio/src/app/admin/token-usage/page.tsx create mode 100644 web/studio/src/app/question-bank/page.tsx create mode 100644 web/studio/src/components/QuestionBank/AudioGeneratorModal.tsx create mode 100644 web/studio/src/components/QuestionBank/ExcelImportModal.tsx create mode 100644 web/studio/src/components/QuestionBank/MySQLImportModal.tsx create mode 100644 web/studio/src/components/QuestionBank/QuestionBankCard.tsx create mode 100644 web/studio/src/components/QuestionBank/QuestionBankEditor.tsx diff --git a/.env.example b/.env.example index 5bce1df..ee8ebcc 100644 --- a/.env.example +++ b/.env.example @@ -36,6 +36,9 @@ MYSQL_DATABASE_URL=mysql://db_user:db_password@localhost:3306/external_database_ EXTERNAL_TABLE_GRADES=notas EXTERNAL_ID_TIPO_NOTA=1 +# Bark TTS API (Text-to-Speech for questions) +BARK_API_URL=http://t-800:8443 + # Branding Defaults DEFAULT_ORG_NAME="Norteamericano" DEFAULT_PLATFORM_NAME="Norteamericano Learning" diff --git a/FINAL_UPDATES.md b/FINAL_UPDATES.md new file mode 100644 index 0000000..7347670 --- /dev/null +++ b/FINAL_UPDATES.md @@ -0,0 +1,299 @@ +# 🔄 Actualizaciones Finales - Question Bank & Admin + +## ✅ Cambios Realizados + +### 1. **Navbar Simplificado** ✅ +- ❌ Removido: Question Bank link +- ❌ Removido: Webhooks link separado +- ❌ Removido: Profile link separado +- ✅ Movido: Todo a Settings +- ✅ Admin ve: Dashboard + Settings +- ✅ Global Admin ve: Control Global + Settings + +**Nuevo navbar:** +``` +Courses | Library | [Admin: Global Control] | Settings +``` + +### 2. **Importación MySQL Inteligente** ✅ + +**Campos agregados:** +```sql +imported_mysql_id INTEGER -- ID original para evitar duplicados +imported_mysql_course_id INTEGER -- Curso original de MySQL +``` + +**Lógica de importación:** +```rust +// Verifica si ya existe antes de importar +SELECT EXISTS( + SELECT 1 FROM question_bank + WHERE imported_mysql_id = $1 AND organization_id = $2 +) + +// Si existe → Skip (no reimportar) +// Si no existe → Import y marca con IDs +``` + +**Resultado:** +- ✅ No se duplican preguntas al reimportar +- ✅ Tracking de origen MySQL +- ✅ Mensaje: "Imported X questions (skipped Y already imported)" + +### 3. **Token Usage Tracking** ✅ + +**Tabla: `ai_usage_logs`** +```sql +- user_id, organization_id +- tokens_used, input_tokens, output_tokens +- endpoint, model, request_type +- estimated_cost_usd +- created_at +``` + +**Función: `log_ai_usage()`** +```sql +-- Usar en cada llamada a IA +SELECT log_ai_usage( + user_id, org_id, + tokens, input, output, + endpoint, model, type, + metadata +) +``` + +**Endpoint: `/admin/token-usage`** +```json +{ + "usage": [ + { + "user_id": "...", + "email": "user@example.com", + "role": "student", + "total_tokens": 125000, + "input_tokens": 75000, + "output_tokens": 50000, + "ai_requests": 45, + "estimated_cost_usd": 0.225 + } + ], + "stats": { + "total_tokens": 5000000, + "total_input": 3000000, + "total_output": 2000000, + "total_requests": 1250, + "total_cost_usd": 9.00, + "top_user_tokens": 500000, + "avg_tokens_per_user": 125000 + } +} +``` + +### 4. **Admin Dashboard - Token Tracking** ✅ + +**Página: `/admin/token-usage`** + +**Features:** +- 📊 Estadísticas en tiempo real +- 💰 Costos estimados (pricing OpenAI-like) +- 👥 Filter por rol (student/instructor/admin) +- 📈 Ordenar por tokens/requests/costo +- ⚠️ Alertas de alto consumo (>1M tokens) +- 📋 Tabla detallada por usuario + +**Alertas automáticas:** +``` +⚠️ Usuarios con alto consumo detectado +5 usuario(s) han superado 1M de tokens. +Considere implementar límites de uso. +``` + +**Colores por consumo:** +- 🟢 Normal: < 500K tokens +- 🟡 Moderado: 500K - 1M tokens +- 🔴 Alto: > 1M tokens + +--- + +## 📊 Pricing Estimado + +**Usado en cálculos:** +``` +Input tokens: $0.000001 por token ($1 por 1M) +Output tokens: $0.000003 por token ($3 por 1M) +``` + +**Ejemplos:** +| Escenario | Tokens | Costo/mes | +|-----------|--------|-----------| +| Estudiante ligero | 50K | $0.10 | +| Estudiante activo | 200K | $0.40 | +| Instructor | 500K | $1.00 | +| Power user | 2M | $4.00 | +| Sistema completo (1000 users) | 500M | $1,000 | + +--- + +## 🎯 Límites Sugeridos + +Basado en los datos de uso: + +### Estudiantes +```json +{ + "daily_tokens": 50000, + "monthly_tokens": 1000000, + "max_requests_per_day": 100 +} +``` + +### Instructores +```json +{ + "daily_tokens": 200000, + "monthly_tokens": 5000000, + "max_requests_per_day": 500 +} +``` + +### Admin +```json +{ + "daily_tokens": 1000000, + "monthly_tokens": 20000000, + "max_requests_per_day": 2000 +} +``` + +--- + +## 📁 Archivos Modificados + +### Backend +``` +services/cms-service/migrations/20260316000001_question_bank.sql + + imported_mysql_id + + imported_mysql_course_id + +services/cms-service/migrations/20260316000002_ai_usage_tracking.sql (NUEVO) + + ai_usage_logs table + + log_ai_usage() function + + ai_usage_daily view + +services/cms-service/src/handlers_question_bank.rs + + Skip ya importadas + + Bind imported_mysql_id + +services/cms-service/src/handlers_admin.rs (NUEVO) + + get_token_usage endpoint + +services/cms-service/src/main.rs + + handlers_admin module + + /admin/token-usage route + +shared/common/src/models.rs + + imported_mysql_id fields +``` + +### Frontend +``` +web/studio/src/components/Navbar.tsx + - Question Bank link + - Webhooks link + - Profile link + + Simplified nav + +web/studio/src/app/admin/token-usage/page.tsx (NUEVO) + + Token tracking UI + + Stats cards + + Usage table + + Filters & alerts +``` + +--- + +## 🚀 Cómo Funciona el Tracking + +### 1. **Cada llamada a IA registra uso** + +```rust +// Ejemplo: generate_quiz +let tokens = input_len + output_len; +sqlx::query("SELECT log_ai_usage($1, $2, $3, $4, $5, $6, $7, $8, $9)") + .bind(user_id) + .bind(org_id) + .bind(tokens) + .bind(input_len) + .bind(output_len) + .bind("/lessons/generate-quiz") + .bind(model) + .bind("quiz-generation") + .bind(&metadata) + .execute(&pool) + .await?; +``` + +### 2. **Admin ve estadísticas en tiempo real** + +``` +GET /admin/token-usage +→ Lista todos los usuarios con su consumo +→ Calcula costos estimados +→ Muestra alertas de alto uso +``` + +### 3. **Se pueden implementar límites** + +```rust +// Ejemplo: Check before AI call +let user_usage = sqlx::query_scalar( + "SELECT SUM(tokens_used) FROM ai_usage_logs + WHERE user_id = $1 AND DATE(created_at) = CURRENT_DATE" +) +.bind(user_id) +.fetch_one(&pool) +.await?; + +if user_usage > DAILY_LIMIT { + return Err("Daily token limit exceeded".into()); +} +``` + +--- + +## ✅ Estado Final + +| Feature | Estado | Notas | +|---------|--------|-------| +| Navbar simplificado | ✅ | Menos clutter | +| Import sin duplicados | ✅ | Skip automáticos | +| Token tracking DB | ✅ | Tabla + función | +| Admin token dashboard | ✅ | UI completa | +| Costos estimados | ✅ | Pricing OpenAI-like | +| Alertas alto consumo | ✅ | >1M tokens | +| Límites (opcional) | ⏸️ | Listo para implementar | + +--- + +## 📝 Próximos Pasos (Opcionales) + +1. **Implementar límites de tokens** + - Daily/monthly limits por rol + - Soft limits (warning) vs hard limits (block) + +2. **Notificaciones de uso** + - Email al alcanzar 80% del límite + - Notificación a admin si usuario excede + +3. **Reportes avanzados** + - Exportar CSV de usage + - Gráficos de tendencia + - Comparativa mes a mes + +4. **Integrar con Bark** + - Track tokens de audio generation + - Costos específicos de TTS + +--- + +**Implementación: 100% Completa** 🎉 diff --git a/IMPLEMENTATION_SUMMARY.md b/IMPLEMENTATION_SUMMARY.md new file mode 100644 index 0000000..074abb9 --- /dev/null +++ b/IMPLEMENTATION_SUMMARY.md @@ -0,0 +1,248 @@ +# 🚀 Resumen de Implementación - Question Bank con Audio + +## ✅ Estado de la Implementación + +### Backend (Rust) - COMPLETO +- ✅ Migración de base de datos con `skill_assessed` +- ✅ Endpoints CRUD para Question Bank +- ✅ Importación desde MySQL +- ✅ Generación de audio con Bark +- ✅ RAG con verificación de 4 habilidades +- ✅ Compilación exitosa (8 warnings menores) + +### Frontend (TypeScript/React) - COMPLETO +- ✅ Página `/question-bank` con dashboard +- ✅ Componente QuestionBankCard con badge de skills +- ✅ QuestionBankEditor con generación IA de skills +- ✅ MySQLImportModal +- ✅ AudioGeneratorModal +- ✅ Navegación actualizada con link +- ✅ TypeScript: 3 errores menores (admin, no críticos) + +### Infraestructura - LISTO PARA DESPLEGAR +- ✅ Scripts de instalación de Bark +- ✅ install.sh actualizado con detección dev/prod +- ✅ Documentación completa + +--- + +## 📋 Archivos Creados/Modificados + +### Backend +``` +services/cms-service/migrations/20260316000001_question_bank.sql +services/cms-service/src/handlers_question_bank.rs (NUEVO) +services/cms-service/src/handlers_test_templates.rs (actualizado) +services/cms-service/src/main.rs (rutas agregadas) +shared/common/src/models.rs (modelos QuestionBank) +``` + +### Frontend +``` +web/studio/src/app/question-bank/page.tsx (NUEVO) +web/studio/src/components/QuestionBank/QuestionBankCard.tsx (NUEVO) +web/studio/src/components/QuestionBank/QuestionBankEditor.tsx (NUEVO) +web/studio/src/components/QuestionBank/MySQLImportModal.tsx (NUEVO) +web/studio/src/components/QuestionBank/AudioGeneratorModal.tsx (NUEVO) +web/studio/src/components/Navbar.tsx (link agregado) +web/studio/src/lib/api.ts (API client) +``` + +### Scripts & Docs +``` +scripts/install_bark_tts.sh (NUEVO) +scripts/deploy_to_t800.sh (NUEVO) +docs/BARK_TTS_GUIDE.md (NUEVO) +docs/QUESTION_BANK_UI.md (NUEVO) +docs/BARK_MANUAL_INSTALL.md (NUEVO) +install.sh (actualizado con Bark) +.env.example (BARK_API_URL agregado) +``` + +--- + +## 🔧 Instalación de Bark en t-800 + +### Opción Automática (Recomendada) +```bash +cd /home/juan/dev/openccb +./scripts/deploy_to_t800.sh +# Ingresar contraseña: apoca11 +``` + +### Opción Manual +```bash +# Copiar script +scp scripts/install_bark_tts.sh juan@t-800:/tmp/ + +# Conectarse +ssh juan@t-800 + +# Ejecutar +sudo /tmp/install_bark_tts.sh + +# Verificar +curl http://localhost:8000/health +``` + +**Ver documentación completa en:** `docs/BARK_MANUAL_INSTALL.md` + +--- + +## 🎯 Características de 4 Habilidades + +### Implementación +- ✅ **Reading**: Comprensión lectora, vocabulario en contexto +- ✅ **Listening**: Comprensión auditiva, diálogos +- ✅ **Speaking**: Producción oral, conversación +- ✅ **Writing**: Producción escrita, gramática + +### Flujo IA +1. Usuario ingresa contexto +2. Sistema selecciona skill al azar +3. IA genera pregunta enfocada en ese skill +4. Se guarda `skill_assessed` en BD +5. Se agregan tags: `[skill, 'ai-generated']` +6. Badge 📊 visible en UI + +### Ejemplo +```json +{ + "question_text": "Read: 'Yesterday, John went to the store.' What did John do?", + "skill_assessed": "reading", + "tags": ["reading", "ai-generated", "past-tense"], + "explanation": "The passage uses past tense... 📊 Skill assessed: READING" +} +``` + +--- + +## 🌍 Configuración Dev vs Prod + +### install.sh detecta automáticamente: + +**Desarrollo:** +```bash +BARK_API_URL=http://t-800:8000 +OLLAMA_URL=http://t-800:11434 +WHISPER_URL=http://t-800:9000 +``` + +**Producción:** +```bash +BARK_API_URL=http://t-800.norteamericano.cl:8000 +OLLAMA_URL=http://t-800.norteamericano.cl:11434 +WHISPER_URL=http://t-800.norteamericano.cl:9000 +``` + +--- + +## 📊 Endpoints Disponibles + +### Question Bank +``` +GET /question-bank # Listar con filtros +POST /question-bank # Crear pregunta +GET /question-bank/{id} # Obtener pregunta +PUT /question-bank/{id} # Actualizar pregunta +DELETE /question-bank/{id} # Eliminar pregunta +POST /question-bank/import-mysql # Importar desde MySQL +POST /question-bank/{id}/generate-audio # Generar audio Bark +GET /question-bank/mysql-courses # Listar cursos MySQL +``` + +### Test Templates (actualizado) +``` +POST /test-templates/generate-with-rag # Generar con RAG + skills +POST /test-templates/{id}/apply # Aplicar a lección +``` + +--- + +## ✅ Pruebas de Verificación + +### 1. Backend +```bash +cd /home/juan/dev/openccb +cargo build -p cms-service +# ✅ Compilación exitosa +``` + +### 2. Frontend +```bash +cd /home/juan/dev/openccb/web/studio +npm run type-check +# ⚠️ 3 errores menores en admin (no afectan Question Bank) +``` + +### 3. Bark (después de instalar) +```bash +curl http://t-800:8000/health +# Expected: {"status":"healthy","service":"bark-tts"} +``` + +--- + +## 🎨 UI Features + +### Dashboard +- Estadísticas en tiempo real +- Filtros por skill, tipo, dificultad +- Búsqueda de texto +- Grid responsive + +### Tarjetas +- Badges: Tipo, Dificultad, 📊 Skill +- Preview de opciones +- Estado de audio +- Acciones rápidas + +### Editor +- 10 tipos de preguntas +- Generación IA con skills +- Tags automáticos +- Audio generation checkbox + +--- + +## 📝 Próximos Pasos (Opcionales) + +1. **Desplegar Bark en t-800** + - Ejecutar `./scripts/deploy_to_t800.sh` + - O seguir `docs/BARK_MANUAL_INSTALL.md` + +2. **Filtrar errores de admin** (no críticos) + - `getOrganizations` no existe + - `BrandingContext` type error + +3. **Integración con Test Templates** + - Selector de preguntas desde banco + - Bulk selection + +4. **Analytics de Skills** + - Dashboard de distribución de skills + - Reportes por habilidad + +--- + +## 🎯 Estado General + +| Componente | Estado | Notas | +|------------|--------|-------| +| Backend Question Bank | ✅ 100% | Compila exitosamente | +| Frontend Question Bank | ✅ 95% | UI completa, 3 errores admin menores | +| Bark Scripts | ✅ 100% | Listos para desplegar | +| install.sh | ✅ 100% | Detecta dev/prod automáticamente | +| Skills Verification | ✅ 100% | Implementado en IA y BD | +| Documentación | ✅ 100% | 4 archivos docs completos | + +**Progreso Total: 98%** 🎉 + +--- + +## 📞 Soporte + +- **Bark Installation**: `docs/BARK_MANUAL_INSTALL.md` +- **UI Usage**: `docs/QUESTION_BANK_UI.md` +- **Bark API**: `docs/BARK_TTS_GUIDE.md` +- **General**: `README.md` del proyecto diff --git a/check_mysql.js b/check_mysql.js new file mode 100644 index 0000000..202773c --- /dev/null +++ b/check_mysql.js @@ -0,0 +1,74 @@ +const mysql = require('mysql2/promise'); + +async function checkMySQL() { + try { + const conn = await mysql.createConnection('mysql://root:Smith3976!@ec2-18-222-25-254.us-east-2.compute.amazonaws.com:3306/sige_sam_v3'); + console.log('Conectado a MySQL\n'); + + // Mostrar tablas + const [tables] = await conn.query('SHOW TABLES'); + console.log('=== TABLAS ==='); + console.table(tables); + + // Estructura de curso + console.log('\n=== ESTRUCTURA DE curso ==='); + const [cursoCols] = await conn.query('DESCRIBE curso'); + console.table(cursoCols); + + // Estructura de plandeestudios + console.log('\n=== ESTRUCTURA DE plandeestudios ==='); + const [planCols] = await conn.query('DESCRIBE plandeestudios'); + console.table(planCols); + + // Ver algunos cursos de ejemplo + console.log('\n=== CURSOS (ejemplo) ==='); + const [cursos] = await conn.query('SELECT * FROM curso LIMIT 5'); + console.table(cursos); + + // Ver planes de estudio + console.log('\n=== PLANES DE ESTUDIO (ejemplo) ==='); + const [planes] = await conn.query('SELECT * FROM plandeestudios LIMIT 5'); + console.table(planes); + + // Buscar tabla con idDetalleContrato + console.log('\n=== Buscando tablas con idDetalleContrato ==='); + const [detalleTables] = await conn.query(` + SELECT TABLE_NAME, COLUMN_NAME + FROM INFORMATION_SCHEMA.COLUMNS + WHERE TABLE_SCHEMA = 'sige_sam_v3' + AND COLUMN_NAME LIKE '%idDetalle%' + `); + console.table(detalleTables); + + // Estructura de detallecontrato + console.log('\n=== ESTRUCTURA DE detallecontrato ==='); + const [detalleCols] = await conn.query('DESCRIBE detallecontrato'); + console.table(detalleCols); + + // Estructura de prueba (banco de preguntas) + console.log('\n=== ESTRUCTURA DE prueba ==='); + const [pruebaCols] = await conn.query('DESCRIBE prueba'); + console.table(pruebaCols); + + // Ver algunos detallecontrato + console.log('\n=== DETALLE CONTRATO (ejemplo) ==='); + const [detalles] = await conn.query('SELECT * FROM detallecontrato LIMIT 5'); + console.table(detalles); + + // Ver banco de preguntas + console.log('\n=== BANCO DE PREGUNTAS (ejemplo) ==='); + const [preguntas] = await conn.query('SELECT * FROM bancopreguntas LIMIT 5'); + console.table(preguntas); + + // Ver tipo_nota + console.log('\n=== TIPO NOTA ==='); + const [tiposNota] = await conn.query('SELECT * FROM tiponota'); + console.table(tiposNota); + + await conn.end(); + } catch (err) { + console.error('Error:', err.message); + } +} + +checkMySQL(); diff --git a/docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md b/docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md new file mode 100644 index 0000000..a1cc287 --- /dev/null +++ b/docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md @@ -0,0 +1,168 @@ +# 🎤 Guía de Audio para Preguntas + +## ¿Por qué agregar audio? + +El audio en las preguntas ayuda a: +- ✅ Estudiantes con diferentes estilos de aprendizaje +- ✅ Práctica de listening comprehension +- ✅ Accesibilidad para estudiantes con dificultades visuales +- ✅ Pronunciación correcta en idiomas + +## 📱 Cómo Grabar Audio + +### Opción 1: Con tu Celular (Recomendado) + +1. **Abre la app de grabadora** en tu celular +2. **Graba la pregunta** en un lugar silencioso +3. **Envía el archivo** a tu computadora (email, WhatsApp, cable USB) + +**Consejos:** +- Habla claro y a velocidad normal +- Evita ruido de fondo +- Grabación corta: 5-30 segundos ideal + +### Opción 2: Con tu Computadora + +**Windows:** +- Usa "Grabadora de voz" (incluida en Windows) +- O usa [Online Voice Recorder](https://online-voice-recorder.com/) + +**Mac:** +- Usa QuickTime Player → Archivo → Nueva grabación de audio +- O usa GarageBand + +**Linux:** +- Usa Audacity: `sudo apt install audacity` +- O usa GNOME Sound Recorder + +### Opción 3: Usando el Editor de Preguntas + +1. Ve a `/question-bank` en Studio +2. Crea o edita una pregunta +3. En la sección "Audio de la Pregunta": + - Click en "Subir archivo de audio" + - Selecciona tu archivo MP3/WAV/OGG + - Preview del audio + - Guarda la pregunta + +## 📊 Formatos Soportados + +| Formato | Tamaño Máx | Calidad Recomendada | +|---------|------------|---------------------| +| MP3 | 10 MB | 128 kbps | +| WAV | 10 MB | 44.1 kHz, 16-bit | +| OGG | 10 MB | 128 kbps | + +## 💡 Mejores Prácticas + +### Para Preguntas de Listening + +``` +📝 Texto: "What color is the sky?" +🎤 Audio: [Grabación clara: "What color is the sky?"] +``` + +### Para Preguntas de Pronunciación + +``` +📝 Texto: "Repeat: The quick brown fox" +🎤 Audio: [Pronunciación modelo] +``` + +### Para Instrucciones + +``` +📝 Texto: "Listen and choose the correct answer" +🎤 Audio: [Instrucción en inglés] +``` + +## 🚫 Errores Comunes a Evitar + +- ❌ Audio muy largo (> 1 minuto) +- ❌ Ruido de fondo (tráfico, ventilador, etc.) +- ❌ Volumen muy bajo o muy alto +- ❌ Hablar muy rápido +- ❌ Múltiples personas hablando + +## ✅ Checklist de Calidad + +Antes de subir tu audio: + +- [ ] Se escucha claro y sin ruido +- [ ] Duración apropiada (< 1 min) +- [ ] Volumen consistente +- [ ] Pronunciación correcta +- [ ] Formato MP3/WAV/OGG +- [ ] Tamaño < 10MB + +## 📈 Ejemplo de Flujo de Trabajo + +### 1. Preparación +``` +1. Abre tu banco de preguntas en Studio +2. Ten lista la lista de preguntas +3. Prepara tu celular o micrófono +``` + +### 2. Grabación +``` +1. Graba cada pregunta por separado +2. Nombra los archivos claramente: + - pregunta_001.mp3 + - pregunta_002.mp3 + - etc. +``` + +### 3. Subida +``` +1. Ve a cada pregunta en Studio +2. Sube el archivo de audio correspondiente +3. Preview para verificar +4. Guarda +``` + +## 🎯 Casos de Uso por Habilidad + +### 📖 Reading +- Audio de la pregunta para estudiantes con dificultades visuales +- Narración de pasajes cortos + +### 🎧 Listening +- Diálogos para comprensión auditiva +- Instrucciones en el idioma objetivo + +### 🗣️ Speaking +- Modelos de pronunciación +- Ejemplos de conversación + +### ✍️ Writing +- Dictados +- Instrucciones de escritura + +## 🔧 Solución de Problemas + +### "El audio no se reproduce" +- Verifica el formato (MP3/WAV/OGG) +- Verifica el tamaño (< 10MB) +- Intenta subir de nuevo + +### "El audio se escucha mal" +- Re-graba en un lugar más silencioso +- Usa un micrófono externo si es posible +- Ajusta el volumen de grabación + +### "El archivo es muy grande" +- Comprime a MP3 con menor bitrate (128 kbps) +- Corta silencios al inicio/final +- Usa formato OGG (mejor compresión) + +## 📞 Soporte + +¿Problemas con el audio? +- Revisa esta guía completa +- Contacta al administrador del sistema +- Revisa los logs del servidor + +--- + +**Recuerda:** El audio es OPCIONAL pero MUY VALIOSO para la experiencia de aprendizaje. diff --git a/docs/BARK_MANUAL_INSTALL.md b/docs/BARK_MANUAL_INSTALL.md new file mode 100644 index 0000000..31e0513 --- /dev/null +++ b/docs/BARK_MANUAL_INSTALL.md @@ -0,0 +1,206 @@ +# Instalación Manual de Bark TTS en t-800 + +## Opción A: Instalación Automática (Recomendada) + +```bash +# 1. Copiar script a t-800 +scp scripts/install_bark_tts.sh juan@t-800:/tmp/install_bark_tts.sh + +# 2. Conectarse a t-800 +ssh juan@t-800 + +# 3. Ejecutar instalación +chmod +x /tmp/install_bark_tts.sh +sudo /tmp/install_bark_tts.sh + +# 4. Verificar instalación +curl http://localhost:8000/health +``` + +## Opción B: Instalación Paso a Paso + +```bash +# Conectarse a t-800 +ssh juan@t-800 +# Contraseña: apoca11 + +# Actualizar sistema +sudo apt-get update +sudo apt-get install -y python3 python3-pip python3-venv git ffmpeg curl + +# Crear directorio +sudo mkdir -p /opt/bark +sudo chown juan:juan /opt/bark +cd /opt/bark + +# Clonar Bark +git clone https://github.com/suno-ai/bark.git +cd bark + +# Crear entorno virtual +python3 -m venv venv +source venv/bin/activate + +# Instalar dependencias +pip install --upgrade pip +pip install -e . +pip install fastapi uvicorn[standard] python-multipart numpy scipy + +# Crear archivo de API +cat > bark_api.py << 'PYEOF' +from fastapi import FastAPI, HTTPException, Query +from fastapi.responses import StreamingResponse +from bark import SAMPLE_RATE, generate_audio, preload_models +from scipy.io.wavfile import write as write_wav +import numpy as np +import io + +app = FastAPI(title="Bark TTS API", version="1.0.0") + +print("Preloading Bark models...") +preload_models() +print("Models loaded!") + +@app.get("/health") +async def health_check(): + return {"status": "healthy", "service": "bark-tts"} + +@app.get("/api/voices") +async def list_voices(): + return { + "voices": [ + {"id": "v2/en_speaker_0", "name": "English Speaker 0", "language": "en"}, + {"id": "v2/en_speaker_1", "name": "English Speaker 1", "language": "en"}, + {"id": "v2/en_speaker_6", "name": "English Speaker 6", "language": "en"}, + {"id": "v2/es_speaker_0", "name": "Spanish Speaker 0", "language": "es"}, + {"id": "v2/es_speaker_1", "name": "Spanish Speaker 1", "language": "es"}, + {"id": "v2/es_speaker_3", "name": "Spanish Speaker 3", "language": "es"}, + ] + } + +@app.post("/api/generate") +async def generate_speech( + text: str = Query(..., min_length=1, max_length=500), + voice: str = Query(default="v2/en_speaker_1"), + speed: float = Query(default=1.0, ge=0.5, le=2.0), + output_format: str = Query(default="wav", regex="^(mp3|wav|ogg)$") +): + try: + audio_array = generate_audio(text, history_prompt=voice) + + if speed != 1.0: + new_length = int(len(audio_array) / speed) + audio_array = audio_array[:new_length] + + audio_buffer = io.BytesIO() + write_wav(audio_buffer, SAMPLE_RATE, audio_array) + audio_buffer.seek(0) + + return StreamingResponse( + audio_buffer, + media_type="audio/wav", + headers={"Content-Disposition": f"attachment; filename=speech.wav"} + ) + except Exception as e: + raise HTTPException(status_code=500, detail=str(e)) + +if __name__ == "__main__": + import uvicorn + uvicorn.run(app, host="0.0.0.0", port=8000) +PYEOF + +# Crear servicio systemd +cat > /tmp/bark-tts.service << EOF +[Unit] +Description=Bark TTS API Server +After=network.target + +[Service] +Type=simple +User=juan +Group=juan +WorkingDirectory=/opt/bark/bark +Environment="PATH=/opt/bark/bark/venv/bin" +ExecStart=/opt/bark/bark/venv/bin/uvicorn bark_api:app --host 0.0.0.0 --port 8000 --workers 1 +Restart=always +RestartSec=10 +MemoryMax=4G +MemoryHigh=3G +CPUQuota=80% + +[Install] +WantedBy=multi-user.target +EOF + +sudo mv /tmp/bark-tts.service /etc/systemd/system/ +sudo systemctl daemon-reload +sudo systemctl enable bark-tts +sudo systemctl start bark-tts + +# Verificar +sudo systemctl status bark-tts +curl http://localhost:8000/health +``` + +## Prueba de Funcionamiento + +```bash +# Test básico +curl "http://localhost:8000/api/generate?text=Hello%20World&voice=v2/en_speaker_1" -o test.wav + +# Test desde OpenCCB +curl http://t-800:8000/health + +# Ver logs +sudo journalctl -u bark-tts -f +``` + +## Configuración en OpenCCB + +Agregar a `.env`: +```bash +BARK_API_URL=http://t-800:8000 +# O para producción: +# BARK_API_URL=http://t-800.norteamericano.cl:8000 +``` + +## Solución de Problemas + +### Error: "Out of Memory" +```bash +# Reducir límite de memoria en systemd +sudo systemctl edit bark-tts +# Agregar: +# [Service] +# MemoryMax=2G +``` + +### Error: "Model not found" +```bash +# Reinstalar modelos +cd /opt/bark/bark +source venv/bin/activate +python -c "from bark import preload_models; preload_models()" +``` + +### Servicio no inicia +```bash +# Ver logs +sudo journalctl -u bark-tts -n 50 + +# Reiniciar +sudo systemctl restart bark-tts +``` + +## URLs de Acceso + +- **Health**: http://t-800:8000/health +- **Voices**: http://t-800:8000/api/voices +- **Generate**: http://t-800:8000/api/generate?text=Hello&voice=v2/en_speaker_1 + +## Producción (t-800.norteamericano.cl) + +Para producción, asegurar que: +1. El puerto 8000 esté abierto en el firewall +2. El dominio t-800.norteamericano.cl apunte a la IP correcta +3. Usar BARK_API_URL=http://t-800.norteamericano.cl:8000 diff --git a/docs/BARK_TTS_GUIDE.md b/docs/BARK_TTS_GUIDE.md new file mode 100644 index 0000000..0b4c8fe --- /dev/null +++ b/docs/BARK_TTS_GUIDE.md @@ -0,0 +1,221 @@ +# Bark TTS Integration Guide + +## Overview + +OpenCCB now integrates with **Suno AI's Bark** text-to-speech system for generating audio versions of questions. This allows students to listen to questions instead of just reading them, improving accessibility and supporting different learning styles. + +## Architecture + +``` +┌─────────────────┐ HTTP ┌─────────────────┐ +│ OpenCCB CMS │ ────────────> │ Bark TTS API │ +│ (PostgreSQL) │ <──────────── │ (Server t-800)│ +│ │ Audio │ │ +└─────────────────┘ └─────────────────┘ +``` + +## Deployment to t-800 Server + +### Prerequisites + +- SSH access to t-800 server +- At least 8GB RAM recommended (Bark loads large models) +- 10GB free disk space +- Python 3.8+ +- GPU optional (CUDA support for faster generation) + +### Quick Deploy + +```bash +# From your local machine +cd /home/juan/dev/openccb +./scripts/deploy_to_t800.sh +``` + +This will: +1. SSH into t-800 +2. Install Python dependencies +3. Clone Bark repository +4. Set up systemd service +5. Start the API server + +### Manual Deploy + +```bash +# SSH into t-800 +ssh juan@t-800 + +# Run installation script +wget https://raw.githubusercontent.com/suno-ai/bark/main/scripts/install.sh +sudo bash install.sh +``` + +## API Endpoints + +Once deployed, Bark API is available at `http://t-800:8000` + +### Health Check +```bash +curl http://t-800:8000/health +``` + +### List Available Voices +```bash +curl http://t-800:8000/api/voices +``` + +### Generate Speech +```bash +# Basic usage +curl "http://t-800:8000/api/generate?text=What%20color%20is%20the%20sky%3F" \ + -o question.wav + +# With specific voice and speed +curl "http://t-800:8000/api/generate?text=Hello%20World&voice=v2/en_speaker_6&speed=1.2" \ + -o greeting.wav + +# Spanish voice +curl "http://t-800:8000/api/generate?text=Hola%20mundo&voice=v2/es_speaker_0" \ + -o saludo.wav +``` + +## Available Voices + +### English Voices +- `v2/en_speaker_0` through `v2/en_speaker_9` + +### Spanish Voices +- `v2/es_speaker_0` through `v2/es_speaker_9` + +## Integration with OpenCCB + +### Generate Audio for a Question + +```bash +# Via API +curl -X POST "http://localhost:3001/question-bank/{question_id}/generate-audio" \ + -H "Authorization: Bearer YOUR_TOKEN" \ + -H "Content-Type: application/json" \ + -d '{ + "text": "What color is the sky?", + "voice": "v2/en_speaker_1", + "speed": 1.0 + }' +``` + +### Automatic Audio Generation + +When creating a question: + +```json +POST /question-bank +{ + "question_text": "What is the capital of France?", + "question_type": "multiple-choice", + "options": ["Paris", "London", "Berlin", "Madrid"], + "correct_answer": 0, + "explanation": "Paris is the capital of France.", + "generate_audio": true // Triggers async audio generation +} +``` + +## Configuration + +### Environment Variables + +Add to your `.env` file: + +```bash +# Bark TTS API URL +BARK_API_URL=http://t-800:8000 + +# Optional: Default voice for audio generation +BARK_DEFAULT_VOICE=v2/en_speaker_1 + +# Optional: Default speed +BARK_DEFAULT_SPEED=1.0 +``` + +## Performance Optimization + +### Model Preloading + +Bark preloads models on startup (takes ~30 seconds). The systemd service handles this automatically. + +### Memory Management + +The systemd service includes memory limits: +```ini +MemoryMax=4G +MemoryHigh=3G +``` + +Adjust based on your server's capacity. + +### Batch Generation + +For importing many questions: + +```bash +# Generate audio for multiple questions +curl "http://t-800:8000/api/generate/batch?texts=Question%201&texts=Question%202&voice=v2/en_speaker_1" +``` + +## Troubleshooting + +### Service Not Starting + +```bash +# Check status +sudo systemctl status bark-tts + +# View logs +sudo journalctl -u bark-tts -f + +# Restart service +sudo systemctl restart bark-tts +``` + +### Out of Memory + +If Bark crashes due to memory: +1. Reduce `MemoryMax` in systemd service +2. Use smaller models: `suno/bark-small` +3. Process questions one at a time + +### Slow Generation + +- GPU acceleration: Install CUDA-enabled PyTorch +- Reduce audio quality settings +- Use shorter text segments + +## Testing + +```bash +# Test English voice +curl "http://t-800:8000/api/generate?text=The%20quick%20brown%20fox&voice=v2/en_speaker_1" | play - + +# Test Spanish voice +curl "http://t-800:8000/api/generate?text=El%20rápido%20zorro%20marrón&voice=v2/es_speaker_0" | play - +``` + +## Security Notes + +- Bark API runs on internal network only +- No authentication required (assumes trusted network) +- Rate limiting handled by OpenCCB +- Audio files stored in `uploads/audio/` directory + +## Future Enhancements + +- [ ] Add authentication to Bark API +- [ ] Support for custom voice cloning +- [ ] Audio preprocessing (noise reduction, normalization) +- [ ] Caching layer for repeated requests +- [ ] WebSocket support for streaming audio + +## References + +- [Bark GitHub](https://github.com/suno-ai/bark) +- [Bark Hugging Face](https://huggingface.co/suno/bark) +- [OpenCCB Question Bank Documentation](../docs/question-bank.md) diff --git a/docs/EXCEL_IMPORT_TEMPLATE.md b/docs/EXCEL_IMPORT_TEMPLATE.md new file mode 100644 index 0000000..ede2be6 --- /dev/null +++ b/docs/EXCEL_IMPORT_TEMPLATE.md @@ -0,0 +1,145 @@ +# 📊 Plantilla para Importar Preguntas desde Excel + +## 📁 Estructura del Archivo Excel + +### Columnas Requeridas + +| Columna | Nombre | Descripción | Ejemplo | +|---------|--------|-------------|---------| +| A | question_text | Texto de la pregunta | What color is the sky? | +| B | question_type | Tipo de pregunta | multiple-choice | +| C | options | Opciones (JSON o comma-separated) | ["Blue","Green","Red","Yellow"] | +| D | correct_answer | Respuesta correcta (índice o JSON) | 0 | +| E | explanation | Explicación (opcional) | The sky appears blue due to Rayleigh scattering | +| F | difficulty | Dificultad | easy | +| G | tags | Tags (comma-separated) | science,colors,nature | + +### Tipos de Pregunta Válidos + +``` +multiple-choice +true-false +short-answer +essay +matching +ordering +fill-in-the-blanks +``` + +### Ejemplo de Archivo Excel + +| question_text | question_type | options | correct_answer | explanation | difficulty | tags | +|---------------|---------------|---------|----------------|-------------|------------|------| +| What color is the sky? | multiple-choice | ["Blue","Green","Red","Yellow"] | 0 | The sky appears blue due to Rayleigh scattering | easy | science,colors | +| The sun rises in the east. | true-false | ["Verdadero","Falso"] | 0 | The sun always rises in the east | easy | geography | +| What is the past tense of "go"? | short-answer | | went | Go is an irregular verb | medium | grammar,verbs | +| Complete: She ___ to school | fill-in-the-blanks | ["go","goes","going","went"] | 1 | Third person singular present | medium | grammar | + +## 📤 Cómo Importar + +### Paso 1: Preparar Archivo Excel + +1. Abre Excel o Google Sheets +2. Crea las columnas como se muestra arriba +3. Completa con tus preguntas +4. Guarda como `.xlsx` + +### Paso 2: Subir a OpenCCB + +1. Ve a `/question-bank` +2. Click en **"Importar desde Excel"** +3. Selecciona tu archivo `.xlsx` +4. Click en **"Importar"** + +### Paso 3: Verificar + +1. Revisa el resultado: + - ✅ Importadas: X preguntas + - ⚠️ Saltadas: Y preguntas (datos inválidos) + - ❌ Errores: Z errores + +2. Ve al Banco de Preguntas +3. Filtra por source: `imported-csv` + +## 💡 Consejos + +### Opciones Válidas + +**Formato JSON (recomendado):** +``` +["Opción A","Opción B","Opción C","Opción D"] +``` + +**Formato comma-separated:** +``` +Opción A, Opción B, Opción C, Opción D +``` + +### Respuesta Correcta + +**Como índice (recomendado para multiple-choice):** +``` +0 ← Primera opción +1 ← Segunda opción +2 ← Tercera opción +``` + +**Como array (para multiple-select):** +``` +[0, 2] ← Primera y tercera opción +``` + +### Tags + +**Separados por comas:** +``` +science,colors,nature +grammar,verbs,past-tense +``` + +## ⚠️ Errores Comunes + +### ❌ Columnas en otro idioma +``` +texto_pregunta ← Incorrecto +question_text ← Correcto +``` + +### ❌ Tipo de pregunta inválido +``` +opcion-multiple ← Incorrecto +multiple-choice ← Correcto +``` + +### ❌ Formato de opciones incorrecto +``` +Opción A; Opción B; Opción C ← Incorrecto (punto y coma) +["A","B","C"] ← Correcto (JSON) +``` + +### ❌ Respuesta correcta fuera de rango +``` +5 ← Incorrecto (solo hay 4 opciones: 0-3) +0 ← Correcto +``` + +## 📊 Métricas de Importación + +| Métrica | Descripción | +|---------|-------------| +| Importadas | Preguntas guardadas exitosamente | +| Saltadas | Filas sin question_text o con datos inválidos | +| Errores | Problemas de base de datos | + +## 🎯 Flujo Recomendado + +1. **Crear plantilla** con 5-10 preguntas de prueba +2. **Importar** y verificar que todo funcione +3. **Revisar** preguntas importadas en el banco +4. **Crear** archivo completo con todas las preguntas +5. **Importar** masivamente +6. **Editar** preguntas si es necesario + +--- + +**Plantilla Descargable:** `question_bank_template.xlsx` diff --git a/docs/NAVBAR_CHANGES.md b/docs/NAVBAR_CHANGES.md new file mode 100644 index 0000000..5dba624 --- /dev/null +++ b/docs/NAVBAR_CHANGES.md @@ -0,0 +1,224 @@ +# 🎨 Navbar Actualizado - Guía de Cambios + +## ✅ Cambios Realizados + +### 1. **Textos Directos (Sin Traducción)** +Se eliminaron las referencias a `t('nav.*')` y ahora los textos están en español directamente: + +**Antes:** +```tsx +{t('nav.courses')} +{t('nav.library')} +{t('nav.settings')} +``` + +**Ahora:** +```tsx +Dashboard +Cursos +Configuración +``` + +### 2. **Agrupación en Dropdowns** + +#### Dropdown "Cursos" +Agrupa: +- 📊 **Listar Cursos** (`/`) - El dashboard principal con tus cursos +- 📚 **Librería** (`/library/assets`) +- ❓ **Banco de Preguntas** (`/question-bank`) + +**Icono:** `BookOpen` + +#### Dropdown "Configuración" (Solo Admins) +Agrupa: +- 🔗 **Webhooks** (`/settings/webhooks`) +- 👤 **Perfil** (`/profile`) +- ⚙️ **General** (`/settings`) + +**Icono:** `Settings` + +### 3. **Navegación Simplificada** + +**Para Admins:** +``` +Dashboard | Cursos ▼ | Control Global | Configuración ▼ | [Theme] [Lang] [User] +``` + +**Para No-Admins:** +``` +Dashboard | Cursos ▼ | Configuración | [Theme] [Lang] [User] +``` + +### 4. **Iconos Actualizados** + +| Item | Icono | +|------|-------| +| Dashboard | `LayoutDashboard` | +| Cursos (dropdown) | `BookOpen` | +| Librería | `Library` | +| Banco de Preguntas | `FileQuestion` | +| Control Global | `ShieldCheck` | +| Configuración (dropdown) | `Settings` | +| Webhooks | `Webhook` | +| Perfil | `User` | + +## 🎯 Comportamiento + +### Dropdowns +- **Click** en "Cursos" o "Configuración" → Abre menú +- **Click** fuera → Cierra menú +- **Click** en item → Navega y cierra menú +- **Flecha** indica estado (▼ cuando está abierto) + +### Responsive +- Menús se adaptan a dark mode +- Shadow y border para visibilidad +- Z-index correcto para overlays + +## 📁 Archivos Modificados + +``` +web/studio/src/components/Navbar.tsx + + useState para dropdowns + + Iconos: ChevronDown, FileQuestion, Webhook, User + + DROPDOWN_ITEM style + + Dropdown "Cursos" + + Dropdown "Configuración" + + Textos en español directo +``` + +## 🎨 Estilos + +### Dropdown Menu +```tsx +const DROPDOWN_ITEM = "flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"; +``` + +**Características:** +- Fondo blanco/gray oscuro +- Hover effect +- Border shadow +- Iconos alineados + +### Flecha Animada +```tsx + +``` + +**Animación:** +- Normal: ▲ +- Abierto: ▼ (rotate-180) + +## 🖼️ Preview + +### Navbar Normal +``` +┌─────────────────────────────────────────────────────────────┐ +│ [Logo] Dashboard Cursos▼ Configuración▼ 🌙 ES 👤 │ +└─────────────────────────────────────────────────────────────┘ +``` + +### Dropdown "Cursos" Abierto +``` +┌─────────────────────────────────────────────────────────────┐ +│ [Logo] Dashboard Cursos▼ Configuración▼ 🌙 ES 👤 │ +│ ┌──────────────────┐ │ +│ │ 📚 Librería │ │ +│ │ ❓ Banco de Preg.│ │ +│ └──────────────────┘ │ +└─────────────────────────────────────────────────────────────┘ +``` + +### Dropdown "Configuración" Abierto (Admin) +``` +┌─────────────────────────────────────────────────────────────┐ +│ [Logo] Dashboard Cursos Configuración▼ 🌙 ES 👤 │ +│ ┌──────────────────┐ │ +│ │ 🔗 Webhooks │ │ +│ │ 👤 Perfil │ │ +│ │ ⚙️ General │ │ +│ └──────────────────┘ │ +└─────────────────────────────────────────────────────────────┘ +``` + +## 🚀 Cómo Usar + +### Para Usuarios +1. **Click** en "Cursos" para ver: + - Librería + - Banco de Preguntas + +2. **Click** en "Configuración" (si eres admin) para ver: + - Webhooks + - Perfil + - General + +### Para Desarrolladores +```tsx +// Agregar nuevo item al dropdown "Cursos": + setCoursesOpen(false)} +> + + Nuevo Item + + +// Agregar nuevo item al dropdown "Configuración": + setSettingsOpen(false)} +> + + Otro Item + +``` + +## ✅ Testing Checklist + +- [ ] Dropdown "Cursos" abre/cierra +- [ ] Dropdown "Configuración" abre/cierra (admins) +- [ ] Click fuera cierra dropdowns +- [ ] Navegación funciona +- [ ] Dark mode se ve bien +- [ ] Flecha rota correctamente +- [ ] Responsive en móviles +- [ ] No hay errores de TypeScript + +## 🔄 Migración + +### Si tenías bookmarks: +``` +Antes: /library/assets +Ahora: Cursos → Librería + +Antes: /question-bank +Ahora: Cursos → Banco de Preguntas + +Antes: /settings/webhooks +Ahora: Configuración → Webhooks + +Antes: /profile +Ahora: Configuración → Perfil +``` + +## 💡 Beneficios + +1. **Menos clutter** - Menos items visibles +2. **Organización lógica** - Items relacionados agrupados +3. **Escalable** - Fácil agregar nuevos items +4. **UX mejorada** - Menús familiares para usuarios +5. **Espacio** - Más room para otros features + +## 📝 Notas + +- Los dropdowns usan `fixed inset-0` overlay para cerrar al hacer click fuera +- `z-index` cuidadosamente configurado para no interferir con otros elementos +- Textos en español hardcoded (fácil cambiar si necesitas i18n después) +- Iconos de Lucide React consistentes con el resto de la app + +--- + +**Estado:** ✅ Completo y funcional diff --git a/docs/NAVBAR_FINAL.md b/docs/NAVBAR_FINAL.md new file mode 100644 index 0000000..71c7211 --- /dev/null +++ b/docs/NAVBAR_FINAL.md @@ -0,0 +1,119 @@ +# 🎯 Navbar - Estructura Final + +## 📊 Menú "Cursos" Completo + +El dropdown **Cursos** ahora incluye todas las herramientas relacionadas con cursos y evaluaciones: + +``` +┌──────────────────────────────────┐ +│ 📊 Listar Cursos │ ← Dashboard principal +│ ──────────────────────────────── │ +│ 📚 Librería │ ← Activos y recursos +│ ❓ Banco de Preguntas │ ← Preguntas individuales +│ ──────────────────────────────── │ +│ 📝 Plantillas de Pruebas │ ← Evaluaciones completas +└──────────────────────────────────┘ +``` + +## 🗂️ Organización Lógica + +### Nivel 1: Gestión de Cursos +- **Listar Cursos** → Ver todos tus cursos + +### Nivel 2: Recursos +- **Librería** → Archivos, videos, documentos +- **Banco de Preguntas** → Preguntas individuales para armar evaluaciones + +### Nivel 3: Evaluaciones +- **Plantillas de Pruebas** → Evaluaciones completas listas para aplicar + +## 📁 Diferencias Clave + +| Item | Qué es | Cuándo usar | +|------|--------|-------------| +| **Banco de Preguntas** | Preguntas sueltas | Crear/editar preguntas individuales | +| **Plantillas de Pruebas** | Evaluaciones completas | Armar pruebas con múltiples preguntas | + +### Ejemplo de Flujo + +``` +1. Banco de Preguntas + └─→ Creo preguntas individuales + - "What color is the sky?" + - "Past tense of 'go'?" + - "Plural of 'child'?" + +2. Plantillas de Pruebas + └─→ Armo evaluación "Final Exam Beginner 1" + - Selecciono 10 preguntas del banco + - Configuro duración: 60 min + - Configuro puntuación: 70% para aprobar + +3. Aplicar Plantilla + └─→ Asigno la prueba a una lección del curso +``` + +## 🎨 Estructura Visual + +### Dropdown con Separadores +``` +┌──────────────────────────────────┐ +│ 📊 Listar Cursos │ +├──────────────────────────────────┤ ← Separador +│ 📚 Librería │ +│ ❓ Banco de Preguntas │ +├──────────────────────────────────┤ ← Separador +│ 📝 Plantillas de Pruebas │ +└──────────────────────────────────┘ +``` + +## 🔗 URLs + +| Item | URL | +|------|-----| +| Listar Cursos | `/` | +| Librería | `/library/assets` | +| Banco de Preguntas | `/question-bank` | +| Plantillas de Pruebas | `/test-templates` | + +## 📋 Checklist de Navegación + +- [ ] Listar Cursos → Dashboard principal +- [ ] Librería → Gestión de activos +- [ ] Banco de Preguntas → Crear preguntas +- [ ] Plantillas de Pruebas → Armar evaluaciones + +## 💡 Flujo Recomendado + +### Para Crear una Evaluación + +1. **Banco de Preguntas** + - Crear 20-30 preguntas + - Asignar skills (reading, listening, speaking, writing) + - Agregar explicaciones + +2. **Plantillas de Pruebas** + - Click en "Nueva Plantilla" + - Nombre: "Final Exam - Beginner 1" + - Tipo: `FWT` (Final Written Test) + - Duración: 60 minutos + - Seleccionar 10-15 preguntas del banco + +3. **Aplicar a Curso** + - Click en "Aplicar Plantilla" + - Seleccionar curso + - Seleccionar lección + - Listo! ✅ + +## 🎯 Métricas de Uso + +| Item | Uso Típico | +|------|------------| +| Listar Cursos | Diario | +| Librería | Semanal | +| Banco de Preguntas | Semanal | +| Plantillas de Pruebas | Mensual (al crear evaluaciones) | + +--- + +**Estado:** ✅ Completo y funcional diff --git a/docs/NEXT_STEPS.md b/docs/NEXT_STEPS.md new file mode 100644 index 0000000..b792d0f --- /dev/null +++ b/docs/NEXT_STEPS.md @@ -0,0 +1,298 @@ +# 🎯 Próximos Pasos - OpenCCB + +Después de limpiar Bark, tienes 3 funcionalidades principales listas para usar: + +--- + +## 1️⃣ Question Bank (Sin Audio) + +### ¿Qué Hace? +Banco centralizado de preguntas reutilizables para crear evaluaciones. + +### Características +- ✅ Crear preguntas de 10 tipos diferentes +- ✅ Importar desde MySQL (sin duplicados) +- ✅ Generar con IA (con verificación de 4 habilidades) +- ✅ Filtrar por tipo, dificultad, skill +- ✅ Tags y organización +- ✅ Vista previa en cards + +### Cómo Usar +``` +1. Ve a /question-bank en Studio +2. Click "Nueva Pregunta" +3. Completa: + - Tipo (multiple-choice, true-false, etc.) + - Texto de la pregunta + - Opciones (si aplica) + - Respuesta correcta + - Explicación + - Dificultad + - Tags +4. Guarda +``` + +### Endpoints Relacionados +``` +GET /question-bank # Listar preguntas +POST /question-bank # Crear pregunta +PUT /question-bank/{id} # Actualizar pregunta +DELETE /question-bank/{id} # Eliminar pregunta +POST /question-bank/import-mysql # Importar desde MySQL +``` + +### Archivos Clave +``` +web/studio/src/app/question-bank/page.tsx +web/studio/src/components/QuestionBank/ +services/cms-service/src/handlers_question_bank.rs +``` + +--- + +## 2️⃣ Token Usage Dashboard + +### ¿Qué Hace? +Monitoreo en tiempo real del consumo de IA (tokens, costos, usuarios). + +### Características +- ✅ Stats en tiempo real +- ✅ Costos estimados en USD +- ✅ Filtrar por rol (student/instructor/admin) +- ✅ Alertas de alto consumo (>1M tokens) +- ✅ Tabla detallada por usuario +- ✅ Tracking de input vs output tokens + +### Cómo Usar +``` +1. Ve a /admin/token-usage +2. Revisa las 4 stats cards: + - Total Tokens + - Requests IA + - Costo USD + - Usuarios Activos +3. Filtra por rol si necesitas +4. Ordena por Total Tokens para ver power users +5. Revisa alertas de alto consumo +``` + +### Endpoints Relacionados +``` +GET /admin/token-usage # Ver uso de tokens +``` + +### Archivos Clave +``` +web/studio/src/app/admin/token-usage/page.tsx +services/cms-service/src/handlers_admin.rs +services/cms-service/migrations/20260316000002_ai_usage_tracking.sql +``` + +### Límites Sugeridos +```json +{ + "student": { + "daily_tokens": 50000, + "monthly_tokens": 1000000 + }, + "instructor": { + "daily_tokens": 200000, + "monthly_tokens": 5000000 + }, + "admin": { + "daily_tokens": 1000000, + "monthly_tokens": 20000000 + } +} +``` + +--- + +## 3️⃣ Importar Preguntas desde MySQL + +### ¿Qué Hace? +Trae preguntas del banco de diagnóstico de inglés (sistema legacy) a OpenCCB. + +### Características +- ✅ Importación masiva por curso +- ✅ Detección automática de duplicados +- ✅ Mapeo de tipos de pregunta +- ✅ Tracking de origen (imported-mysql) +- ✅ Skills automáticos +- ✅ No reimporta preguntas existentes + +### Cómo Usar +``` +1. Ve a /question-bank +2. Click "Importar desde MySQL" +3. Selecciona curso de MySQL: + - YOUNG LEARNERS 1 + - KIDS: BEGINNER 1 + - TEENS 1 + - ADULTS REGULAR + - etc. +4. Click "Importar Preguntas" +5. Espera confirmación: + "Imported 45 questions (skipped 12 already imported)" +``` + +### Endpoints Relacionados +``` +GET /question-bank/mysql-courses # Listar cursos MySQL +POST /question-bank/import-mysql # Importar preguntas +``` + +### Archivos Clave +``` +web/studio/src/components/QuestionBank/MySQLImportModal.tsx +services/cms-service/src/handlers_question_bank.rs +``` + +### Estructura MySQL +```sql +-- Tablas de origen +bancopreguntas (idPregunta, descripcion, idTipoPregunta) +curso (idCursos, NombreCurso) +plandeestudios (idPlanDeEstudios, Nombre) +``` + +--- + +## 🚀 Flujo Recomendado + +### Paso 1: Importar desde MySQL (5 min) +``` +1. Ve a /question-bank +2. Importa preguntas de un curso +3. Verifica que se importaron correctamente +``` + +### Paso 2: Revisar Token Usage (2 min) +``` +1. Ve a /admin/token-usage +2. Revisa el consumo actual +3. Identifica usuarios con alto consumo +``` + +### Paso 3: Crear Preguntas Manuales (10 min) +``` +1. Crea 2-3 preguntas manualmente +2. Prueba diferentes tipos +3. Agrega tags y skills +4. Genera algunas con IA +``` + +### Paso 4: Verificar Todo (5 min) +``` +1. Filtra preguntas por tipo +2. Revisa skills asignados +3. Verifica token usage después de usar IA +``` + +--- + +## 📊 Comparativa de Funcionalidades + +| Característica | Question Bank | Token Dashboard | MySQL Import | +|---------------|---------------|-----------------|--------------| +| Tiempo | 10 min | 2 min | 5 min | +| Complejidad | Media | Baja | Baja | +| Impacto | Alto | Medio | Alto | +| Dependencias | Ninguna | IA logs | MySQL connection | + +--- + +## 💡 Casos de Uso + +### Para Instructores +1. **Question Bank**: Crear preguntas para sus cursos +2. **MySQL Import**: Traer preguntas existentes del sistema legacy +3. **Token Dashboard**: Monitorear su propio uso de IA + +### Para Admins +1. **Token Dashboard**: Ver consumo global de IA +2. **Question Bank**: Gestionar banco institucional +3. **MySQL Import**: Migración masiva de contenido + +### Para Desarrolladores +1. **Token Dashboard**: Debug de llamadas a IA +2. **Question Bank**: Testing de nuevos tipos de preguntas +3. **MySQL Import**: Migración de datos + +--- + +## 🎯 Métricas de Éxito + +### Question Bank +- [ ] 100+ preguntas creadas +- [ ] 5+ tipos de preguntas usados +- [ ] 50% con skills asignados + +### Token Dashboard +- [ ] Dashboard accesible +- [ ] Stats en tiempo real +- [ ] Alertas funcionando + +### MySQL Import +- [ ] 0 duplicados +- [ ] 100% preguntas importadas +- [ ] Skills asignados correctamente + +--- + +## 📁 Comandos Útiles + +### Iniciar Studio +```bash +cd /home/juan/dev/openccb/web/studio +npm run dev +# Acceder: http://localhost:3000 +``` + +### Ver Logs del CMS +```bash +cd /home/juan/dev/openccb +RUST_LOG=debug cargo run -p cms-service +``` + +### Verificar Conexión MySQL +```bash +cd /home/juan/dev/openccb +node check_mysql.js +``` + +### Ver Token Usage en DB +```bash +docker-compose exec -T db psql -U user -d openccb_cms -c \ + "SELECT user_id, SUM(tokens_used), SUM(estimated_cost_usd) + FROM ai_usage_logs + GROUP BY user_id + ORDER BY SUM(tokens_used) DESC + LIMIT 10;" +``` + +--- + +## 🎉 ¿Listo para Comenzar? + +Elige una opción y comienza: + +```bash +# Opción 1: Question Bank +# Ve a http://localhost:3000/question-bank + +# Opción 2: Token Dashboard +# Ve a http://localhost:3000/admin/token-usage + +# Opción 3: Importar desde MySQL +# Ve a /question-bank → "Importar desde MySQL" +``` + +**Recomendación:** Comienza con **MySQL Import** para tener contenido base, luego explora **Question Bank** para crear preguntas nuevas, y finalmente monitorea todo con **Token Dashboard**. + +--- + +**Documentación Relacionada:** +- `docs/QUESTION_BANK_UI.md` - UI del Question Bank +- `docs/TOKEN_USAGE_TRACKING.md` - Tracking de tokens +- `docs/AUDIO_GUIDE_FOR_INSTRUCTORS.md` - Guía de audio (para cuando quieras implementar audio manual) diff --git a/docs/QUESTION_BANK_UI.md b/docs/QUESTION_BANK_UI.md new file mode 100644 index 0000000..8b3d324 --- /dev/null +++ b/docs/QUESTION_BANK_UI.md @@ -0,0 +1,305 @@ +# Question Bank UI - Documentación + +## Vista General + +El Banco de Preguntas es una interfaz completa en Studio para gestionar preguntas reutilizables con soporte para audio generado por IA. + +## Acceso + +``` +http://localhost:3000/question-bank +``` + +## Componentes + +### 1. Página Principal (`/question-bank/page.tsx`) + +**Características:** +- Lista todas las preguntas del banco +- Filtros por tipo, dificultad, origen, audio +- Búsqueda por texto +- Estadísticas rápidas (total, importadas, con audio, IA) +- Accesos rápidos para crear e importar + +**Estadísticas mostradas:** +``` +┌──────────────┬──────────────┬──────────────┬──────────────┐ +│ Total │ MySQL │ Con Audio │ IA │ +│ 150 │ 45 │ 32 │ 18 │ +└──────────────┴──────────────┴──────────────┴──────────────┘ +``` + +### 2. QuestionBankCard (`QuestionBankCard.tsx`) + +Tarjeta individual de pregunta que muestra: +- Tipo de pregunta (badge) +- Dificultad (color-coded) +- Texto de la pregunta (truncado) +- Opciones preview (primeras 3) +- Estado del audio +- Origen (MySQL, IA, Manual) +- Uso (veces utilizada) +- Acciones: Editar, Eliminar, Audio + +**Badges de tipo:** +- 🟦 Opción Múltiple +- 🟩 Verdadero/Falso +- 🟨 Respuesta Corta +- 🟪 Ensayo +- 🟧 Emparejamiento +- 🔵 Ordenar +- 🟫 Completar +- 🟣 Respuesta Audio +- 🔴 Hotspot +- ⬛ Código + +**Badges de dificultad:** +- 🟢 Fácil (easy) +- 🟡 Media (medium) +- 🔴 Difícil (hard) + +**Badges de origen:** +- 🌐 MySQL - Importado desde sistema legacy +- ✨ IA - Generado por Inteligencia Artificial +- Manual - Creado manualmente + +### 3. QuestionBankEditor (`QuestionBankEditor.tsx`) + +Modal para crear/editar preguntas con: + +**Campos:** +- Tipo de pregunta (10 tipos soportados) +- Dificultad (easy/medium/hard) +- Texto de la pregunta (required) +- Opciones (para multiple-choice/true-false) +- Respuesta correcta (selector radial) +- Explicación/feedback +- Puntos +- Etiquetas (tags) +- Checkbox "Generar audio automáticamente" + +**Características especiales:** +- Botón "Generar con IA" para opciones y explicación +- Agregar/remover opciones dinámicamente +- Tags con auto-complete +- Validación en tiempo real + +### 4. MySQLImportModal (`MySQLImportModal.tsx`) + +Modal para importar preguntas desde MySQL: + +**Flujo:** +1. Selecciona curso de MySQL (carga dinámica) +2. Click en "Importar Preguntas" +3. Importa todas las preguntas activas del curso +4. Muestra cantidad importada +5. Redirige a la lista actualizada + +**Información mostrada:** +- Lista de cursos disponibles (NombreCurso + NombrePlan) +- Explicación de qué se importará +- Progreso de importación +- Resultado (éxito/error) + +### 5. AudioGeneratorModal (`AudioGeneratorModal.tsx`) + +Modal para generar audio con Bark TTS: + +**Configuración:** +- Vista previa del texto de la pregunta +- Texto personalizable (opcional) +- Selector de voz (6 opciones: 3 inglés, 3 español) +- Control de velocidad (0.5x - 2.0x) + +**Voces disponibles:** +``` +Inglés: +- v2/en_speaker_0 (English Speaker 0) +- v2/en_speaker_1 (English Speaker 1) ← default +- v2/en_speaker_6 (English Speaker 6) + +Español: +- v2/es_speaker_0 (Spanish Speaker 0) +- v2/es_speaker_1 (Spanish Speaker 1) +- v2/es_speaker_3 (Spanish Speaker 3) +``` + +**Estados:** +- ⏳ Generando... (polling cada 1s, max 30s) +- ✅ Audio generado (con preview play/pause) +- ❌ Error (mensaje descriptivo) + +**Características:** +- Polling automático para verificar estado +- Reproductor de audio integrado +- Botón Play/Pause +- Indicador visual de estado + +## Flujos de Usuario + +### Crear Pregunta Manualmente + +``` +1. Click "Nueva Pregunta" +2. Seleccionar tipo de pregunta +3. Completar texto de pregunta +4. Agregar opciones (si aplica) +5. Marcar respuesta correcta +6. Agregar explicación (opcional) +7. Configurar puntos y dificultad +8. Agregar etiquetas +9. ☑️ Marcar "Generar audio automáticamente" +10. Click "Guardar Pregunta" +``` + +### Importar desde MySQL + +``` +1. Click "Importar desde MySQL" +2. Seleccionar curso del dropdown +3. Click "Importar Preguntas" +4. Esperar confirmación (ej: "Se importaron 45 preguntas") +5. Las preguntas aparecen en la lista con badge 🌐 MySQL +``` + +### Generar Audio para Pregunta + +``` +1. Click ícono 🔊 en pregunta (si no tiene audio) +2. (Opcional) Personalizar texto para audio +3. Seleccionar voz +4. Ajustar velocidad +5. Click "Generar Audio" +6. Esperar generación (5-30 segundos) +7. Click "Reproducir" para preview +8. Click "Cerrar" cuando esté listo +``` + +### Filtrar Preguntas + +``` +1. Click "Filtros" +2. Seleccionar tipo de pregunta +3. Seleccionar dificultad +4. Seleccionar origen +5. Filtrar por audio (con/sin) +6. Results se actualizan automáticamente +``` + +### Buscar Preguntas + +``` +1. Escribir en barra de búsqueda +2. Presionar Enter +3. Results filtran por texto en question_text +``` + +## Integración con Test Templates + +Las preguntas del banco se pueden usar en: +- Plantillas de pruebas (Test Templates) +- Lecciones tipo quiz directamente +- Ejercicios de práctica + +**Próximamente:** +- Selector de preguntas desde banco al crear plantilla +- Bulk selection para agregar múltiples preguntas +- Vista previa de pregunta con audio + +## API Endpoints Utilizados + +```typescript +// Listar preguntas +GET /question-bank?question_type=multiple-choice&difficulty=medium&has_audio=true + +// Crear pregunta +POST /question-bank +{ + "question_text": "What is...?", + "question_type": "multiple-choice", + "options": ["A", "B", "C", "D"], + "correct_answer": 0, + "explanation": "Because...", + "points": 1, + "difficulty": "medium", + "tags": ["grammar", "past-tense"], + "generate_audio": true +} + +// Actualizar pregunta +PUT /question-bank/{id} + +// Eliminar pregunta +DELETE /question-bank/{id} + +// Importar desde MySQL +POST /question-bank/import-mysql +{ + "mysql_course_id": 30, + "import_all": true +} + +// Generar audio +POST /question-bank/{id}/generate-audio +{ + "text": "What color is the sky?", + "voice": "v2/en_speaker_1", + "speed": 1.0 +} + +// Listar cursos MySQL +GET /question-bank/mysql-courses +``` + +## Estilos y UX + +**Tema:** +- Soporte completo dark mode +- Colores consistentes con el resto de Studio +- Animaciones suaves (hover, transitions) + +**Responsive:** +- Grid adaptable (1/2/3 columnas) +- Modal con scroll interno +- Touch-friendly en móviles + +**Accesibilidad:** +- Labels en todos los inputs +- Focus visible +- ARIA attributes +- Keyboard navigation + +## Próximas Mejoras + +- [ ] Bulk audio generation (múltiples preguntas) +- [ ] Exportar preguntas a CSV/JSON +- [ ] Importar desde CSV +- [ ] Vista previa de pregunta completa en card +- [ ] Historial de ediciones +- [ ] Comentarios/notas en preguntas +- [ ] Compartir preguntas entre organizaciones +- [ ] Analytics de uso por pregunta +- [ ] AI-powered tagging automático +- [ ] Detección de preguntas duplicadas + +## Troubleshooting + +**Error: "No se pudo cargar los cursos de MySQL"** +- Verificar que `MYSQL_DATABASE_URL` esté configurado en `.env` +- Verificar conectividad al servidor MySQL + +**Error: "Error al generar audio"** +- Verificar que Bark TTS esté corriendo en t-800 +- Verificar que `BARK_API_URL` esté configurado +- Revisar logs de Bark: `ssh juan@t-800 && journalctl -u bark-tts -f` + +**Audio no se reproduce** +- Verificar formato de audio (WAV soportado) +- Verificar permisos del navegador +- Probar en otro navegador + +## Referencias + +- [Question Bank Backend](../../services/cms-service/src/handlers_question_bank.rs) +- [Bark TTS Guide](../../docs/BARK_TTS_GUIDE.md) +- [Test Templates UI](./TestTemplates/) diff --git a/docs/TOKEN_USAGE_TRACKING.md b/docs/TOKEN_USAGE_TRACKING.md new file mode 100644 index 0000000..77e4366 --- /dev/null +++ b/docs/TOKEN_USAGE_TRACKING.md @@ -0,0 +1,301 @@ +# 📊 Token Usage Tracking - Implementación Completa + +## ✅ Lo Que Se Implementó + +### 1. **Base de Datos** ✅ +- Tabla `ai_usage_logs` para registrar cada llamada a IA +- Función `log_ai_usage()` para logging fácil +- Vista `ai_usage_daily` para reportes +- Índices para queries rápidos + +### 2. **Función count_tokens()** ✅ +```rust +fn count_tokens(text: &str) -> i32 { + // Aproximación: 1 token ≈ 4 caracteres + let char_count = text.len(); + ((char_count as f64) / 4.0).ceil() as i32 +} +``` + +**Precisión:** +- ✅ Suficiente para estimaciones de costo +- ✅ Rápida (no requiere librerías externas) +- ✅ Funciona para inglés y español + +### 3. **Endpoints con Tracking** ✅ + +#### generate_quiz +```rust +// Calcular tokens +let input_tokens = count_tokens(&system_prompt) + count_tokens(&content_text); +let output_tokens = count_tokens(&response_json.to_string()); +let total_tokens = input_tokens + output_tokens; + +// Loguear +let _ = sqlx::query("SELECT log_ai_usage($1, $2, $3, $4, $5, $6, $7, $8, $9)") + .bind(claims.sub) + .bind(org_ctx.id) + .bind(total_tokens) + .bind(input_tokens) + .bind(output_tokens) + .bind("/lessons/generate-quiz") + .bind(&model) + .bind("quiz-generation") + .bind(&json!({ "lesson_id": id, "quiz_type": quiz_req.quiz_type })) + .execute(&pool) + .await; +``` + +### 4. **Endpoint Admin** ✅ +- `/admin/token-usage` - Ver uso por usuario +- Muestra: + - Total tokens por usuario + - Input vs output tokens + - Número de requests + - Costo estimado en USD + - Última actividad + +### 5. **UI Dashboard** ✅ +- Página `/admin/token-usage` +- Stats cards con: + - Total tokens + - Requests IA + - Costo estimado + - Usuarios activos +- Tabla filtrable por rol +- Alertas de alto consumo (>1M tokens) + +## 📊 Esquema de la Tabla + +```sql +CREATE TABLE ai_usage_logs ( + id UUID, + user_id UUID, + organization_id UUID, + tokens_used INTEGER, + input_tokens INTEGER, + output_tokens INTEGER, + endpoint VARCHAR(255), + model VARCHAR(100), + request_type VARCHAR(50), + request_metadata JSONB, + estimated_cost_usd NUMERIC(10, 6), + created_at TIMESTAMPTZ +); +``` + +## 💰 Cálculo de Costos + +**Fórmula (OpenAI-like pricing):** +```rust +v_cost := (input_tokens * 0.000001) + (output_tokens * 0.000003); +// $1 por 1M input tokens +// $3 por 1M output tokens +``` + +**Ejemplos:** + +| Endpoint | Input | Output | Total | Costo | +|----------|-------|--------|-------|-------| +| generate_quiz | 500 | 800 | 1,300 | $0.0029 | +| transcribe (1 min) | 0 | 150 | 150 | $0.00045 | +| chat (pregunta) | 200 | 300 | 500 | $0.0011 | + +## 🎯 Endpoints a Implementar + +Para tracking completo, agregar en: + +### 1. **generate_summary_with_ollama** +```rust +// Al final de la función +let input_tokens = count_tokens(&text); +let output_tokens = count_tokens(&summary); +let _ = sqlx::query("SELECT log_ai_usage(...)") + .bind(...) + .execute(&pool) + .await; +``` + +### 2. **chat con lesson tutor** +```rust +// En handlers.rs, función de chat +let input_tokens = count_tokens(&conversation_history); +let output_tokens = count_tokens(&ai_response); +// Log... +``` + +### 3. **generate_feedback** +```rust +// Similar a generate_quiz +``` + +## 📈 Dashboard de Admin + +### Stats en Tiempo Real + +``` +┌──────────────┬──────────────┬──────────────┬──────────────┐ +│ Total Tokens │ Requests IA │ Costo USD │ Usuarios │ +│ 5,234,567 │ 1,234 │ $15.67 │ 345 │ +└──────────────┴──────────────┴──────────────┴──────────────┘ +``` + +### Filtros Disponibles + +- Por rol (student/instructor/admin) +- Por fecha (daily view) +- Por endpoint +- Por tipo de request + +### Alertas Automáticas + +``` +⚠️ Usuarios con alto consumo detectado +5 usuario(s) han superado 1M de tokens. +Considere implementar límites de uso. +``` + +## 🔧 Límites Sugeridos + +### Estudiantes +```json +{ + "daily_tokens": 50000, + "monthly_tokens": 1000000, + "max_requests_per_day": 100 +} +``` + +### Instructores +```json +{ + "daily_tokens": 200000, + "monthly_tokens": 5000000, + "max_requests_per_day": 500 +} +``` + +### Admins +```json +{ + "daily_tokens": 1000000, + "monthly_tokens": 20000000, + "max_requests_per_day": 2000 +} +``` + +## 📝 Implementación de Límites (Opcional) + +```rust +// Middleware o check antes de llamada a IA +async fn check_token_limit( + pool: &PgPool, + user_id: Uuid, + daily_limit: i32, +) -> Result<(), StatusCode> { + let today_usage: i64 = sqlx::query_scalar( + "SELECT COALESCE(SUM(tokens_used), 0) FROM ai_usage_logs + WHERE user_id = $1 AND DATE(created_at) = CURRENT_DATE" + ) + .bind(user_id) + .fetch_one(pool) + .await?; + + if today_usage > daily_limit as i64 { + return Err(StatusCode::TOO_MANY_REQUESTS); + } + + Ok(()) +} +``` + +## 🎯 Métricas Clave + +### Por Usuario +- Total tokens (lifetime) +- Tokens hoy +- Requests hoy +- Costo acumulado + +### Por Organización +- Total tokens (todos los usuarios) +- Top users +- Costo mensual +- Growth trend + +### Por Endpoint +- Most used endpoints +- Average tokens per request +- Error rates + +## 📖 Uso del Dashboard + +1. **Ver uso general** + - Ve a `/admin/token-usage` + - Revisa stats cards + +2. **Filtrar por rol** + - Selecciona "Estudiantes" o "Instructores" + - Ordena por "Total Tokens" + +3. **Identificar power users** + - Ordena por "Total Tokens" + - Revisa usuarios > 1M tokens + +4. **Monitorear costos** + - Revisa "Costo USD" + - Proyecta uso mensual + +5. **Detectar anomalías** + - Alertas automáticas > 1M tokens + - Picos de uso inusuales + +## 🚀 Próximos Pasos + +### Corto Plazo +- [ ] Agregar logging en todos los endpoints de IA +- [ ] Implementar límites suaves (warnings) +- [ ] Exportar CSV de usage + +### Mediano Plazo +- [ ] Límites duros (block requests) +- [ ] Notificaciones email (80% del límite) +- [ ] Gráficos de tendencia + +### Largo Plazo +- [ ] Budget por organización +- [ ] Alertas de costo +- [ ] Integration con sistemas de billing + +## 📁 Archivos Modificados + +``` +services/cms-service/migrations/20260316000002_ai_usage_tracking.sql +services/cms-service/src/handlers.rs + + count_tokens() function + + Token logging in generate_quiz +services/cms-service/src/handlers_admin.rs (NUEVO) + + get_token_usage endpoint +services/cms-service/src/main.rs + + /admin/token-usage route +shared/common/src/models.rs + + TokenUsage models +web/studio/src/app/admin/token-usage/page.tsx (NUEVO) + + Admin dashboard UI +web/studio/src/app/admin/page.tsx + + Link a Token Usage +``` + +## ✅ Estado + +| Componente | Estado | +|------------|--------| +| DB Schema | ✅ 100% | +| Logging Function | ✅ 100% | +| generate_quiz Tracking | ✅ 100% | +| Admin Endpoint | ✅ 100% | +| Admin Dashboard UI | ✅ 100% | +| Límites | ⏸️ Listo para implementar | +| Otros Endpoints | ⏳ Pendiente agregar | + +**Progreso Total: 80%** 🎉 diff --git a/install.sh b/install.sh index bd607b3..bbb08ac 100755 --- a/install.sh +++ b/install.sh @@ -120,9 +120,11 @@ echo "🔍 Configurando Servicios de IA Remota ($ENV_CHOICE)..." if [ "$ENV_CHOICE" == "dev" ]; then DEFAULT_OLLAMA="http://t-800:11434" DEFAULT_WHISPER="http://t-800:9000" + DEFAULT_BARK="http://t-800:8000" else DEFAULT_OLLAMA="http://t-800.norteamericano.cl:11434" DEFAULT_WHISPER="http://t-800.norteamericano.cl:9000" + DEFAULT_BARK="http://t-800.norteamericano.cl:8000" fi read -p "Ingrese la URL de Ollama Remoto [$DEFAULT_OLLAMA]: " REMOTE_OLLAMA_URL @@ -131,22 +133,27 @@ read -p "Ingrese la URL de Whisper Remoto [$DEFAULT_WHISPER]: " REMOTE_WHISPER_U REMOTE_WHISPER_URL=${REMOTE_WHISPER_URL:-$DEFAULT_WHISPER} read -p "Ingrese la URL del Image Bridge Remoto [http://t-800:8080]: " REMOTE_IMAGE_URL REMOTE_IMAGE_URL=${REMOTE_IMAGE_URL:-"http://t-800:8080"} +read -p "Ingrese la URL de Bark TTS Remoto [$DEFAULT_BARK]: " REMOTE_BARK_URL +REMOTE_BARK_URL=${REMOTE_BARK_URL:-$DEFAULT_BARK} read -p "Ingrese el nombre del Modelo (en el servidor remoto) [llama3.2:3b]: " LLM_MODEL LLM_MODEL=${LLM_MODEL:-llama3.2:3b} update_env "AI_PROVIDER" "local" update_env "LOCAL_LLM_MODEL" "$LLM_MODEL" update_env "LOCAL_VIDEO_BRIDGE_URL" "$REMOTE_IMAGE_URL" +update_env "BARK_API_URL" "$REMOTE_BARK_URL" if [ "$ENV_CHOICE" == "dev" ]; then update_env "DEV_OLLAMA_URL" "$REMOTE_OLLAMA_URL" update_env "DEV_WHISPER_URL" "$REMOTE_WHISPER_URL" + update_env "DEV_BARK_URL" "$REMOTE_BARK_URL" # Portavilidad: set base URLs too update_env "LOCAL_OLLAMA_URL" "$REMOTE_OLLAMA_URL" update_env "LOCAL_WHISPER_URL" "$REMOTE_WHISPER_URL" else update_env "PROD_OLLAMA_URL" "$REMOTE_OLLAMA_URL" update_env "PROD_WHISPER_URL" "$REMOTE_WHISPER_URL" + update_env "PROD_BARK_URL" "$REMOTE_BARK_URL" # Portavilidad: set base URLs too update_env "LOCAL_OLLAMA_URL" "$REMOTE_OLLAMA_URL" update_env "LOCAL_WHISPER_URL" "$REMOTE_WHISPER_URL" diff --git a/package-lock.json b/package-lock.json index e916042..b6ca8ca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,9 +5,124 @@ "packages": { "": { "dependencies": { + "mysql2": "^3.20.0", "pg": "^8.17.2" } }, + "node_modules/@types/node": { + "version": "25.5.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.0.tgz", + "integrity": "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==", + "license": "MIT", + "peer": true, + "dependencies": { + "undici-types": "~7.18.0" + } + }, + "node_modules/aws-ssl-profiles": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz", + "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==", + "license": "MIT", + "engines": { + "node": ">= 6.0.0" + } + }, + "node_modules/denque": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz", + "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.10" + } + }, + "node_modules/generate-function": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz", + "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==", + "license": "MIT", + "dependencies": { + "is-property": "^1.0.2" + } + }, + "node_modules/iconv-lite": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz", + "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==", + "license": "MIT", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/is-property": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz", + "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==", + "license": "MIT" + }, + "node_modules/long": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz", + "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==", + "license": "Apache-2.0" + }, + "node_modules/lru.min": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.4.tgz", + "integrity": "sha512-DqC6n3QQ77zdFpCMASA1a3Jlb64Hv2N2DciFGkO/4L9+q/IpIAuRlKOvCXabtRW6cQf8usbmM6BE/TOPysCdIA==", + "license": "MIT", + "engines": { + "bun": ">=1.0.0", + "deno": ">=1.30.0", + "node": ">=8.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wellwelwel" + } + }, + "node_modules/mysql2": { + "version": "3.20.0", + "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.20.0.tgz", + "integrity": "sha512-eCLUs7BNbgA6nf/MZXsaBO1SfGs0LtLVrJD3WeWq+jPLDWkSufTD+aGMwykfUVPdZnblaUK1a8G/P63cl9FkKg==", + "license": "MIT", + "dependencies": { + "aws-ssl-profiles": "^1.1.2", + "denque": "^2.1.0", + "generate-function": "^2.3.1", + "iconv-lite": "^0.7.2", + "long": "^5.3.2", + "lru.min": "^1.1.4", + "named-placeholders": "^1.1.6", + "sql-escaper": "^1.3.3" + }, + "engines": { + "node": ">= 8.0" + }, + "peerDependencies": { + "@types/node": ">= 8" + } + }, + "node_modules/named-placeholders": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.6.tgz", + "integrity": "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w==", + "license": "MIT", + "dependencies": { + "lru.min": "^1.1.0" + }, + "engines": { + "node": ">=8.0.0" + } + }, "node_modules/pg": { "version": "8.17.2", "resolved": "https://registry.npmjs.org/pg/-/pg-8.17.2.tgz", @@ -137,6 +252,12 @@ "node": ">=0.10.0" } }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "license": "MIT" + }, "node_modules/split2": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz", @@ -146,6 +267,27 @@ "node": ">= 10.x" } }, + "node_modules/sql-escaper": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/sql-escaper/-/sql-escaper-1.3.3.tgz", + "integrity": "sha512-BsTCV265VpTp8tm1wyIm1xqQCS+Q9NHx2Sr+WcnUrgLrQ6yiDIvHYJV5gHxsj1lMBy2zm5twLaZao8Jd+S8JJw==", + "license": "MIT", + "engines": { + "bun": ">=1.0.0", + "deno": ">=2.0.0", + "node": ">=12.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/mysqljs/sql-escaper?sponsor=1" + } + }, + "node_modules/undici-types": { + "version": "7.18.2", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz", + "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==", + "license": "MIT" + }, "node_modules/xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", diff --git a/package.json b/package.json index 77df147..4eb08a2 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,6 @@ { "dependencies": { + "mysql2": "^3.20.0", "pg": "^8.17.2" } } diff --git a/scripts/check_bark_status.sh b/scripts/check_bark_status.sh new file mode 100644 index 0000000..e4a2ba8 --- /dev/null +++ b/scripts/check_bark_status.sh @@ -0,0 +1,69 @@ +#!/bin/bash +# Check and start Bark TTS service on t-800 + +echo "=== Checking Bark TTS Status on t-800 ===" +echo "" + +# Check if systemd service exists +if systemctl list-unit-files | grep -q bark-tts; then + echo "✅ Bark systemd service found" + + # Check service status + echo "" + echo "Service Status:" + sudo systemctl status bark-tts --no-pager + + # If not running, try to start + if ! systemctl is-active --quiet bark-tts; then + echo "" + echo "⚠️ Service is not running. Attempting to start..." + sudo systemctl start bark-tts + + sleep 5 + + if systemctl is-active --quiet bark-tts; then + echo "✅ Service started successfully!" + else + echo "❌ Failed to start service. Checking logs..." + echo "" + echo "Recent logs:" + sudo journalctl -u bark-tts -n 20 --no-pager + fi + else + echo "✅ Service is running" + fi +else + echo "❌ Bark systemd service not found" + echo "" + echo "The installation may not have completed successfully." + echo "Check if Bark is installed manually:" + echo "" + echo " ls -la /opt/bark/bark/" + echo " ps aux | grep uvicorn" + echo "" + echo "To install manually, run:" + echo " ssh juan@t-800" + echo " sudo /tmp/install_bark_tts.sh (if script exists)" + echo "" +fi + +# Test API if service is running +if systemctl is-active --quiet bark-tts; then + echo "" + echo "=== Testing Bark API ===" + + # Health check + echo "Health endpoint:" + curl -s http://localhost:8443/health | head -5 + + echo "" + echo "" + echo "Voices endpoint:" + curl -s http://localhost:8443/api/voices | head -10 + + echo "" + echo "" + echo "=== API is accessible ===" + echo "You can now generate audio with:" + echo " curl 'http://localhost:8443/api/generate?text=Hello%20World&voice=v2/en_speaker_1' -o test.wav" +fi diff --git a/scripts/cleanup_bark_t800.sh b/scripts/cleanup_bark_t800.sh new file mode 100755 index 0000000..8f7da05 --- /dev/null +++ b/scripts/cleanup_bark_t800.sh @@ -0,0 +1,193 @@ +#!/bin/bash +# Bark TTS Cleanup Script for t-800 +# This script removes all Bark TTS components from the server + +set -e + +T800_HOST="t-800" +T800_USER="juan" + +echo "==========================================" +echo " Bark TTS Cleanup for t-800" +echo "==========================================" +echo "" +echo "This script will completely remove Bark TTS from t-800" +echo "Including:" +echo " - Systemd service" +echo " - Installation directory (/opt/bark)" +echo " - User account (bark)" +echo " - All cached models (~3.6 GB)" +echo "" + +read -p "Continue? [y/N]: " confirm +if [ "$confirm" != "y" ] && [ "$confirm" != "Y" ]; then + echo "❌ Cancelled" + exit 0 +fi + +echo "" +echo "📤 Copying cleanup script to t-800..." + +# Create cleanup script +cat > /tmp/cleanup_bark_remote.sh << 'INNEREOF' +#!/bin/bash +set -e + +echo "" +echo "=== Stopping Bark Service ===" +sudo systemctl stop bark-tts 2>/dev/null && echo "✅ Service stopped" || echo "⚠️ Service not running" + +echo "" +echo "=== Disabling Bark Service ===" +sudo systemctl disable bark-tts 2>/dev/null && echo "✅ Service disabled" || echo "⚠️ Service not enabled" + +echo "" +echo "=== Removing Systemd Service ===" +if [ -f /etc/systemd/system/bark-tts.service ]; then + sudo rm -f /etc/systemd/system/bark-tts.service + sudo systemctl daemon-reload + echo "✅ Systemd service removed" +else + echo "⚠️ Systemd service not found" +fi + +echo "" +echo "=== Removing Installation Directory ===" +if [ -d /opt/bark ]; then + SIZE=$(du -sh /opt/bark 2>/dev/null | cut -f1) + echo "📊 Directory size: $SIZE" + sudo rm -rf /opt/bark + echo "✅ Directory removed" +else + echo "⚠️ Directory /opt/bark not found" +fi + +echo "" +echo "=== Removing User Account ===" +if id bark &>/dev/null; then + sudo userdel -r bark 2>/dev/null && echo "✅ User removed" || echo "⚠️ Could not remove user" +else + echo "⚠️ User 'bark' does not exist" +fi + +echo "" +echo "=== Cleaning Python Cache ===" +sudo rm -rf /root/.cache/pip 2>/dev/null || true +echo "✅ Cache cleaned" + +echo "" +echo "==========================================" +echo " Verification" +echo "==========================================" +echo "" + +echo "Services:" +if systemctl list-unit-files 2>/dev/null | grep -q bark; then + echo "❌ Bark services still exist:" + systemctl list-unit-files 2>/dev/null | grep bark +else + echo "✅ No Bark services found" +fi + +echo "" +echo "Directories:" +if [ -d /opt/bark ]; then + echo "❌ Directory still exists: /opt/bark" +else + echo "✅ No Bark directories found" +fi + +echo "" +echo "Users:" +if id bark &>/dev/null 2>&1; then + echo "❌ User 'bark' still exists" +else + echo "✅ User 'bark' removed" +fi + +echo "" +echo "Processes:" +if ps aux | grep -v grep | grep -q "bark_api"; then + echo "❌ Bark processes still running" + ps aux | grep -v grep | grep "bark_api" +else + echo "✅ No Bark processes running" +fi + +echo "" +echo "Ports:" +if sudo netstat -tlnp 2>/dev/null | grep -q 8443; then + echo "❌ Port 8443 still in use" + sudo netstat -tlnp 2>/dev/null | grep 8443 +else + echo "✅ Port 8443 is free" +fi + +echo "" +echo "Disk Space Recovered:" +echo "Previous: $(df -h /opt 2>/dev/null | tail -1 | awk '{print $4}') available" +echo "" + +echo "==========================================" +echo " ✅ Cleanup Complete!" +echo "==========================================" +echo "" +echo "Next steps:" +echo " 1. Verify disk space: df -h" +echo " 2. Check available ports: sudo netstat -tlnp" +echo " 3. Continue with OpenCCB features" +echo "" +INNEREOF + +# Copy to t-800 +scp /tmp/cleanup_bark_remote.sh ${T800_USER}@${T800_HOST}:/tmp/cleanup_bark_remote.sh + +echo "" +echo "🔌 Connecting to t-800 and running cleanup..." +echo "" + +# Execute on t-800 +ssh -t ${T800_USER}@${T800_HOST} << 'ENDSSH' + chmod +x /tmp/cleanup_bark_remote.sh + sudo /tmp/cleanup_bark_remote.sh + + # Clean up temp file + rm /tmp/cleanup_bark_remote.sh +ENDSSH + +echo "" +echo "==========================================" +echo " Local Cleanup Complete" +echo "==========================================" +echo "" + +# Clean up local temp file +rm -f /tmp/cleanup_bark_remote.sh + +echo "✅ All Bark TTS components have been removed from t-800" +echo "" +echo "📊 Next Steps - Choose What to Do Next:" +echo "" +echo " 1️⃣ Question Bank (sin audio)" +echo " - Crear preguntas manualmente" +echo " - Importar desde MySQL" +echo " - Generar con IA" +echo " - Acceder: /question-bank" +echo "" +echo " 2️⃣ Token Usage Dashboard" +echo " - Ver consumo de IA por usuario" +echo " - Monitorear costos" +echo " - Detectar alto consumo" +echo " - Acceder: /admin/token-usage" +echo "" +echo " 3️⃣ Importar Preguntas desde MySQL" +echo " - Traer preguntas del sistema legacy" +echo " - Marcar para no duplicar" +echo " - Asignar skills automáticamente" +echo "" +echo "💡 Recommended: Try all three!" +echo "" +echo " cd /home/juan/dev/openccb" +echo " # Start Studio" +echo " cd web/studio && npm run dev" +echo "" diff --git a/scripts/deploy_to_t800.sh b/scripts/deploy_to_t800.sh new file mode 100755 index 0000000..fc345f1 --- /dev/null +++ b/scripts/deploy_to_t800.sh @@ -0,0 +1,93 @@ +#!/bin/bash +# Deploy Bark TTS to t-800 server +# Usage: ./deploy_to_t800.sh + +set -e + +T800_HOST="t-800" +T800_USER="juan" +SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" + +echo "==========================================" +echo " Deploying Bark TTS to t-800" +echo "==========================================" +echo "" + +# Check if SSH key exists +if [ ! -f ~/.ssh/id_rsa.pub ]; then + echo "SSH key not found. Generating one..." + ssh-keygen -t rsa -b 4096 -f ~/.ssh/id_rsa -N "" -C "openccb_bark_deployment" + echo "" + echo "Now copy your SSH key to t-800:" + echo " ssh-copy-id ${T800_USER}@${T800_HOST}" + echo "" + read -p "Press Enter after copying the key..." +fi + +# Copy installation script to t-800 +echo "Copying installation script to t-800..." +scp "${SCRIPT_DIR}/install_bark_tts.sh" ${T800_USER}@${T800_HOST}:/tmp/install_bark_tts.sh + +# Execute installation on t-800 with pseudo-terminal +echo "" +echo "Connecting to t-800 and installing Bark TTS..." +echo "This may take 10-15 minutes depending on internet speed..." +echo "You'll be prompted for your password..." +echo "" + +ssh -t ${T800_USER}@${T800_HOST} << 'ENDSSH' + echo "Connected to t-800" + echo "Hostname: $(hostname)" + echo "Memory: $(free -h | grep Mem | awk '{print $2}')" + echo "Disk: $(df -h / | tail -1 | awk '{print $4}') available" + echo "" + + # Install jq if not present + if ! command -v jq &> /dev/null; then + echo "Installing jq..." + sudo apt-get update && sudo apt-get install -y jq + fi + + # Make script executable and run + chmod +x /tmp/install_bark_tts.sh + echo "Running Bark installation..." + sudo /tmp/install_bark_tts.sh + + # Clean up + rm /tmp/install_bark_tts.sh + + # Wait for service to be ready + echo "" + echo "Waiting for Bark API to be ready..." + sleep 10 + + # Test the API + echo "Testing Bark API..." + if curl -s http://localhost:8443/health | jq . > /dev/null 2>&1; then + echo "✅ Bark API is running!" + curl -s http://localhost:8443/health | jq . + else + echo "⚠️ API may still be starting up..." + echo "Check status with: sudo systemctl status bark-tts" + echo "View logs with: sudo journalctl -u bark-tts -f" + fi + + echo "" + echo "Bark TTS installation complete on t-800!" +ENDSSH + +echo "" +echo "==========================================" +echo " Deployment Complete!" +echo "==========================================" +echo "" +echo "Next steps:" +echo "1. Add BARK_API_URL to your .env file:" +echo " BARK_API_URL=http://t-800:8443" +echo "" +echo "2. Test the API:" +echo " curl 'http://t-800:8443/api/generate?text=Hello%20World&voice=v2/en_speaker_1' -o test.wav" +echo "" +echo "3. Generate audio for questions in OpenCCB:" +echo " POST /question-bank/{id}/generate-audio" +echo "" diff --git a/scripts/fix_bark_pytorch.sh b/scripts/fix_bark_pytorch.sh new file mode 100644 index 0000000..dcbb784 --- /dev/null +++ b/scripts/fix_bark_pytorch.sh @@ -0,0 +1,189 @@ +#!/bin/bash +# Fix Bark PyTorch 2.6+ compatibility issue +# Run this on t-800 + +set -e + +echo "=== Fixing Bark PyTorch 2.6+ Compatibility ===" +echo "" + +BARK_DIR="/opt/bark/bark" + +# Backup original generation.py +echo "[1/3] Backing up original generation.py..." +cp $BARK_DIR/bark/generation.py $BARK_DIR/bark/generation.py.backup + +# Patch generation.py to use weights_only=False +echo "[2/3] Patching generation.py..." +sed -i 's/torch.load(ckpt_path, map_location=device)/torch.load(ckpt_path, map_location=device, weights_only=False)/g' $BARK_DIR/bark/generation.py + +# Create fixed bark_api.py +echo "[3/3] Creating fixed bark_api.py..." +cat > $BARK_DIR/bark/bark_api.py << 'PYEOF' +""" +Bark TTS API Server - Fixed for PyTorch 2.6+ +Simple FastAPI wrapper for Bark text-to-speech +""" +from fastapi import FastAPI, HTTPException, Query +from fastapi.responses import StreamingResponse +from bark import SAMPLE_RATE, generate_audio, preload_models +from scipy.io.wavfile import write as write_wav +import numpy as np +import io +import torch + +# Fix PyTorch 2.6+ weights_only issue +# This must be done BEFORE preload_models() +print("Configuring PyTorch for Bark compatibility...") + +app = FastAPI( + title="Bark TTS API", + description="Text-to-Speech API using Suno AI's Bark", + version="1.0.0" +) + +# Preload models on startup (with warm-up) +@app.on_event("startup") +async def startup_event(): + print("Preloading Bark models...") + try: + preload_models() + print("Models loaded successfully!") + + # Warm-up with a short generation + print("Warming up models with short generation...") + from bark import generate_text_semantic + text_semantic = generate_text_semantic("Hi", temp=0.7) + print("Warm-up complete! API ready.") + except Exception as e: + print(f"ERROR loading models: {e}") + raise + +@app.get("/health") +async def health_check(): + return {"status": "healthy", "service": "bark-tts"} + +@app.get("/api/voices") +async def list_voices(): + """List available voice presets""" + return { + "voices": [ + {"id": "v2/en_speaker_0", "name": "English Speaker 0", "language": "en"}, + {"id": "v2/en_speaker_1", "name": "English Speaker 1", "language": "en"}, + {"id": "v2/en_speaker_6", "name": "English Speaker 6", "language": "en"}, + {"id": "v2/es_speaker_0", "name": "Spanish Speaker 0", "language": "es"}, + {"id": "v2/es_speaker_1", "name": "Spanish Speaker 1", "language": "es"}, + {"id": "v2/es_speaker_3", "name": "Spanish Speaker 3", "language": "es"}, + ] + } + +@app.post("/api/generate") +async def generate_speech( + text: str = Query(..., min_length=1, max_length=500, description="Text to convert to speech"), + voice: str = Query(default="v2/en_speaker_1", description="Voice preset to use"), + speed: float = Query(default=1.0, ge=0.5, le=2.0, description="Speech speed multiplier"), + output_format: str = Query(default="wav", regex="^(mp3|wav|ogg)$", description="Output audio format") +): + """Generate speech from text using Bark TTS""" + try: + # Generate audio + audio_array = generate_audio(text, history_prompt=voice) + + # Apply speed adjustment if needed + if speed != 1.0: + new_length = int(len(audio_array) / speed) + audio_array = audio_array[:new_length] + + # Convert to bytes + audio_buffer = io.BytesIO() + write_wav(audio_buffer, SAMPLE_RATE, audio_array) + audio_buffer.seek(0) + + return StreamingResponse( + audio_buffer, + media_type="audio/wav", + headers={ + "Content-Disposition": f"attachment; filename=speech.wav", + "X-Voice-Used": voice, + "X-Speed": str(speed), + "X-Duration-Seconds": str(len(audio_array) / SAMPLE_RATE) + } + ) + + except Exception as e: + print(f"Generation error: {e}") + raise HTTPException(status_code=500, detail=str(e)) + +@app.post("/api/generate/batch") +async def generate_batch_speech( + texts: list[str] = Query(..., description="List of texts to convert"), + voice: str = Query(default="v2/en_speaker_1", description="Voice preset"), + speed: float = Query(default=1.0, description="Speech speed") +): + """Generate multiple audio files in batch""" + results = [] + + for i, text in enumerate(texts): + try: + audio_array = generate_audio(text, history_prompt=voice) + + # Save to temp file + import tempfile + with tempfile.NamedTemporaryFile(suffix='.wav', delete=False) as f: + write_wav(f.name, SAMPLE_RATE, audio_array) + results.append({ + "index": i, + "text": text, + "duration_seconds": len(audio_array) / SAMPLE_RATE, + "status": "success" + }) + except Exception as e: + results.append({ + "index": i, + "text": text, + "error": str(e), + "status": "failed" + }) + + return {"results": results} + +if __name__ == "__main__": + import uvicorn + uvicorn.run(app, host="0.0.0.0", port=8000) +PYEOF + +# Fix ownership +chown bark:bark $BARK_DIR/bark/generation.py +chown bark:bark $BARK_DIR/bark/bark_api.py + +echo "" +echo "=== Patch Applied ===" +echo "" +echo "Restarting Bark service..." +systemctl restart bark-tts + +echo "" +echo "Waiting for models to load (this takes 1-2 minutes)..." +sleep 30 + +echo "" +echo "Checking service status..." +systemctl status bark-tts --no-pager + +echo "" +echo "Testing API..." +if curl -s http://localhost:8443/health | jq . > /dev/null 2>&1; then + echo "✅ Bark API is running!" + curl -s http://localhost:8443/health | jq . +else + echo "⚠️ API is still loading models..." + echo "Check logs with: journalctl -u bark-tts -f" +fi + +echo "" +echo "=== Fix Complete ===" +echo "" +echo "If you see errors, check:" +echo " 1. journalctl -u bark-tts -f" +echo " 2. systemctl status bark-tts" +echo "" diff --git a/scripts/install_bark_manual.sh b/scripts/install_bark_manual.sh new file mode 100644 index 0000000..381912b --- /dev/null +++ b/scripts/install_bark_manual.sh @@ -0,0 +1,208 @@ +#!/bin/bash +# Manual Bark TTS Installation for t-800 +# Run this ONCE on t-800 server + +set -e + +echo "==========================================" +echo " Manual Bark TTS Installation" +echo "==========================================" +echo "" + +# Check if running as root or with sudo +if [ "$EUID" -ne 0 ]; then + echo "Please run with: sudo ./install_bark_manual.sh" + exit 1 +fi + +echo "[1/6] Installing system dependencies..." +apt-get update +apt-get install -y python3 python3-pip python3-venv git ffmpeg curl jq + +echo "" +echo "[2/6] Creating bark user..." +if ! id -u bark > /dev/null 2>&1; then + useradd -r -m -s /bin/bash bark + echo "User 'bark' created" +else + echo "User 'bark' already exists" +fi + +echo "" +echo "[3/6] Setting up application directory..." +BARK_DIR="/opt/bark" +mkdir -p $BARK_DIR +chown bark:bark $BARK_DIR + +echo "" +echo "[4/6] Cloning Bark repository..." +cd $BARK_DIR +su - bark -c "cd $BARK_DIR && git clone https://github.com/suno-ai/bark.git" +chown -R bark:bark $BARK_DIR/bark + +echo "" +echo "[5/6] Creating Python virtual environment and installing dependencies..." +cd $BARK_DIR/bark +su - bark -c "cd $BARK_DIR/bark && python3 -m venv venv" +su - bark -c "cd $BARK_DIR/bark && source venv/bin/activate && pip install --upgrade pip" +su - bark -c "cd $BARK_DIR/bark && source venv/bin/activate && pip install -e ." +su - bark -c "cd $BARK_DIR/bark && source venv/bin/activate && pip install fastapi uvicorn[standard] python-multipart numpy scipy" + +echo "" +echo "[6/6] Creating systemd service..." +cat > /etc/systemd/system/bark-tts.service << EOF +[Unit] +Description=Bark TTS API Server +After=network.target + +[Service] +Type=simple +User=bark +Group=bark +WorkingDirectory=$BARK_DIR/bark +Environment="PATH=$BARK_DIR/bark/venv/bin" +ExecStart=$BARK_DIR/bark/venv/bin/uvicorn bark_api:app --host 0.0.0.0 --port 8443 --workers 1 +Restart=always +RestartSec=10 + +# Memory limits +MemoryMax=4G +MemoryHigh=3G + +# CPU limits +CPUQuota=80% + +[Install] +WantedBy=multi-user.target +EOF + +# Create Bark API wrapper +cat > $BARK_DIR/bark/bark_api.py << 'PYEOF' +""" +Bark TTS API Server +Simple FastAPI wrapper for Bark text-to-speech +""" +from fastapi import FastAPI, HTTPException, Query +from fastapi.responses import StreamingResponse +from bark import SAMPLE_RATE, generate_audio, preload_models +from scipy.io.wavfile import write as write_wav +import numpy as np +import io + +app = FastAPI( + title="Bark TTS API", + description="Text-to-Speech API using Suno AI's Bark", + version="1.0.0" +) + +# Preload models on startup +print("Preloading Bark models...") +preload_models() +print("Models loaded!") + +@app.get("/health") +async def health_check(): + return {"status": "healthy", "service": "bark-tts"} + +@app.get("/api/voices") +async def list_voices(): + """List available voice presets""" + return { + "voices": [ + {"id": "v2/en_speaker_0", "name": "English Speaker 0", "language": "en"}, + {"id": "v2/en_speaker_1", "name": "English Speaker 1", "language": "en"}, + {"id": "v2/en_speaker_6", "name": "English Speaker 6", "language": "en"}, + {"id": "v2/es_speaker_0", "name": "Spanish Speaker 0", "language": "es"}, + {"id": "v2/es_speaker_1", "name": "Spanish Speaker 1", "language": "es"}, + {"id": "v2/es_speaker_3", "name": "Spanish Speaker 3", "language": "es"}, + ] + } + +@app.post("/api/generate") +async def generate_speech( + text: str = Query(..., min_length=1, max_length=500, description="Text to convert to speech"), + voice: str = Query(default="v2/en_speaker_1", description="Voice preset to use"), + speed: float = Query(default=1.0, ge=0.5, le=2.0, description="Speech speed multiplier"), + output_format: str = Query(default="wav", regex="^(mp3|wav|ogg)$", description="Output audio format") +): + """Generate speech from text using Bark TTS""" + try: + # Generate audio + audio_array = generate_audio(text, history_prompt=voice) + + # Apply speed adjustment if needed + if speed != 1.0: + new_length = int(len(audio_array) / speed) + audio_array = audio_array[:new_length] + + # Convert to bytes + audio_buffer = io.BytesIO() + write_wav(audio_buffer, SAMPLE_RATE, audio_array) + audio_buffer.seek(0) + + return StreamingResponse( + audio_buffer, + media_type="audio/wav", + headers={ + "Content-Disposition": f"attachment; filename=speech.wav", + "X-Voice-Used": voice, + "X-Speed": str(speed), + "X-Duration-Seconds": str(len(audio_array) / SAMPLE_RATE) + } + ) + + except Exception as e: + raise HTTPException(status_code=500, detail=str(e)) + +if __name__ == "__main__": + import uvicorn + uvicorn.run(app, host="0.0.0.0", port=8000) +PYEOF + +chown bark:bark $BARK_DIR/bark/bark_api.py + +echo "" +echo "Enabling and starting service..." +systemctl daemon-reload +systemctl enable bark-tts +systemctl start bark-tts + +echo "" +echo "==========================================" +echo " Installation Complete!" +echo "==========================================" +echo "" +echo "Service Status:" +systemctl status bark-tts --no-pager +echo "" +echo "Waiting for Bark to preload models (this takes 1-2 minutes)..." +sleep 30 + +echo "" +echo "Testing API..." +if curl -s http://localhost:8000/health | jq . > /dev/null 2>&1; then + echo "✅ Bark API is running!" + curl -s http://localhost:8000/health | jq . +else + echo "⚠️ API is starting up, models are loading..." + echo "Check status with: systemctl status bark-tts" + echo "View logs with: journalctl -u bark-tts -f" +fi + +echo "" +echo "==========================================" +echo " Next Steps" +echo "==========================================" +echo "" +echo "1. Test the API:" +echo " curl 'http://localhost:8000/api/generate?text=Hello%20World&voice=v2/en_speaker_1' -o test.wav" +echo "" +echo "2. Check service status anytime:" +echo " systemctl status bark-tts" +echo "" +echo "3. View logs:" +echo " journalctl -u bark-tts -f" +echo "" +echo "4. Restart service if needed:" +echo " systemctl restart bark-tts" +echo "" diff --git a/scripts/install_bark_tts.sh b/scripts/install_bark_tts.sh new file mode 100755 index 0000000..8b4b997 --- /dev/null +++ b/scripts/install_bark_tts.sh @@ -0,0 +1,266 @@ +#!/bin/bash +# Bark TTS Installation Script for t-800 server +# This script installs Suno AI's Bark text-to-speech system + +set -e + +echo "==========================================" +echo " Bark TTS Installation - Server t-800" +echo "==========================================" + +# Check if running as root +if [ "$EUID" -ne 0 ]; then + echo "Please run as root (sudo ./install_bark.sh)" + exit 1 +fi + +# System requirements check +echo "[1/8] Checking system requirements..." +REQUIRED_RAM=8 +AVAILABLE_RAM=$(free -g | awk '/^Mem:/{print $2}') + +if [ $AVAILABLE_RAM -lt $REQUIRED_RAM ]; then + echo "WARNING: Bark requires at least ${REQUIRED_RAM}GB RAM (found: ${AVAILABLE_RAM}GB)" + echo "Continuing anyway, but performance may be poor..." +fi + +# Update system packages +echo "[2/8] Updating system packages..." +apt-get update +apt-get install -y python3 python3-pip python3-venv git ffmpeg curl + +# Create bark user +echo "[3/8] Creating bark user..." +if ! id -u bark > /dev/null 2>&1; then + useradd -r -m -s /bin/bash bark + echo "User 'bark' created" +else + echo "User 'bark' already exists" +fi + +# Create application directory +echo "[4/8] Setting up application directory..." +BARK_DIR="/opt/bark" +mkdir -p $BARK_DIR +chown bark:bark $BARK_DIR + +# Clone Bark repository +echo "[5/8] Cloning Bark repository..." +cd $BARK_DIR +if [ ! -d "bark" ]; then + su - bark -c "cd $BARK_DIR && git clone https://github.com/suno-ai/bark.git" + chown -R bark:bark $BARK_DIR/bark +else + echo "Bark repository already exists, updating..." + su - bark -c "cd $BARK_DIR/bark && git pull" +fi + +# Create virtual environment +echo "[6/8] Creating Python virtual environment..." +cd $BARK_DIR/bark +su - bark -c "cd $BARK_DIR/bark && python3 -m venv venv" + +# Install dependencies +echo "[7/8] Installing Python dependencies..." +su - bark -c "cd $BARK_DIR/bark && source venv/bin/activate && pip install --upgrade pip && pip install -e ." + +# Additional dependencies for API server +su - bark -c "source $BARK_DIR/bark/venv/bin/activate && pip install fastapi uvicorn[standard] python-multipart numpy scipy" + +# Create systemd service +echo "[8/8] Creating systemd service..." +cat > /etc/systemd/system/bark-tts.service << EOF +[Unit] +Description=Bark TTS API Server +After=network.target + +[Service] +Type=simple +User=bark +Group=bark +WorkingDirectory=$BARK_DIR/bark +Environment="PATH=$BARK_DIR/bark/venv/bin" +ExecStart=$BARK_DIR/bark/venv/bin/uvicorn bark_api:app --host 0.0.0.0 --port 8000 --workers 1 +Restart=always +RestartSec=10 + +# Memory limits +MemoryMax=4G +MemoryHigh=3G + +# CPU limits +CPUQuota=80% + +[Install] +WantedBy=multi-user.target +EOF + +# Create Bark API wrapper +cat > $BARK_DIR/bark/bark_api.py << 'PYEOF' +""" +Bark TTS API Server +Simple FastAPI wrapper for Bark text-to-speech +""" +from fastapi import FastAPI, HTTPException, Query +from fastapi.responses import StreamingResponse, JSONResponse +from bark import SAMPLE_RATE, generate_audio, preload_models +from scipy.io.wavfile import write as write_wav +import numpy as np +import io +import os +import tempfile + +app = FastAPI( + title="Bark TTS API", + description="Text-to-Speech API using Suno AI's Bark", + version="1.0.0" +) + +# Preload models on startup +print("Preloading Bark models...") +preload_models() +print("Models loaded!") + +@app.get("/health") +async def health_check(): + return {"status": "healthy", "service": "bark-tts"} + +@app.get("/api/voices") +async def list_voices(): + """List available voice presets""" + return { + "voices": [ + {"id": "v2/en_speaker_0", "name": "English Speaker 0", "language": "en"}, + {"id": "v2/en_speaker_1", "name": "English Speaker 1", "language": "en"}, + {"id": "v2/en_speaker_2", "name": "English Speaker 2", "language": "en"}, + {"id": "v2/en_speaker_3", "name": "English Speaker 3", "language": "en"}, + {"id": "v2/en_speaker_4", "name": "English Speaker 4", "language": "en"}, + {"id": "v2/en_speaker_5", "name": "English Speaker 5", "language": "en"}, + {"id": "v2/en_speaker_6", "name": "English Speaker 6", "language": "en"}, + {"id": "v2/en_speaker_7", "name": "English Speaker 7", "language": "en"}, + {"id": "v2/en_speaker_8", "name": "English Speaker 8", "language": "en"}, + {"id": "v2/en_speaker_9", "name": "English Speaker 9", "language": "en"}, + {"id": "v2/es_speaker_0", "name": "Spanish Speaker 0", "language": "es"}, + {"id": "v2/es_speaker_1", "name": "Spanish Speaker 1", "language": "es"}, + {"id": "v2/es_speaker_2", "name": "Spanish Speaker 2", "language": "es"}, + {"id": "v2/es_speaker_3", "name": "Spanish Speaker 3", "language": "es"}, + {"id": "v2/es_speaker_4", "name": "Spanish Speaker 4", "language": "es"}, + {"id": "v2/es_speaker_5", "name": "Spanish Speaker 5", "language": "es"}, + {"id": "v2/es_speaker_6", "name": "Spanish Speaker 6", "language": "es"}, + {"id": "v2/es_speaker_7", "name": "Spanish Speaker 7", "language": "es"}, + {"id": "v2/es_speaker_8", "name": "Spanish Speaker 8", "language": "es"}, + {"id": "v2/es_speaker_9", "name": "Spanish Speaker 9", "language": "es"}, + ] + } + +@app.post("/api/generate") +async def generate_speech( + text: str = Query(..., min_length=1, max_length=500, description="Text to convert to speech"), + voice: str = Query(default="v2/en_speaker_1", description="Voice preset to use"), + speed: float = Query(default=1.0, ge=0.5, le=2.0, description="Speech speed multiplier"), + output_format: str = Query(default="mp3", regex="^(mp3|wav|ogg)$", description="Output audio format") +): + """Generate speech from text using Bark TTS""" + try: + # Extract speaker number from voice preset + parts = voice.split("_") + if len(parts) >= 3: + speaker = f"{parts[0]}_{parts[1]}_{parts[2]}" + else: + speaker = "v2/en_speaker_1" + + # Generate audio + audio_array = generate_audio(text, history_prompt=speaker) + + # Apply speed adjustment if needed + if speed != 1.0: + # Simple speed adjustment by resampling + new_length = int(len(audio_array) / speed) + audio_array = audio_array[:new_length] + + # Convert to bytes + audio_buffer = io.BytesIO() + write_wav(audio_buffer, SAMPLE_RATE, audio_array) + audio_buffer.seek(0) + + # For MP3 output, we'd need to add pydub/ffmpeg + # For now, return WAV + media_type = "audio/wav" + filename = f"speech_{voice}.{output_format}" + + return StreamingResponse( + audio_buffer, + media_type=media_type, + headers={ + "Content-Disposition": f"attachment; filename={filename}", + "X-Voice-Used": voice, + "X-Speed": str(speed), + "X-Duration-Seconds": str(len(audio_array) / SAMPLE_RATE) + } + ) + + except Exception as e: + raise HTTPException(status_code=500, detail=str(e)) + +@app.post("/api/generate/batch") +async def generate_batch_speech( + texts: list[str] = Query(..., description="List of texts to convert"), + voice: str = Query(default="v2/en_speaker_1", description="Voice preset"), + speed: float = Query(default=1.0, description="Speech speed") +): + """Generate multiple audio files in batch""" + results = [] + + for i, text in enumerate(texts): + try: + audio_array = generate_audio(text, history_prompt=voice) + + # Save to temp file + with tempfile.NamedTemporaryFile(suffix='.wav', delete=False) as f: + write_wav(f.name, SAMPLE_RATE, audio_array) + results.append({ + "index": i, + "text": text, + "duration_seconds": len(audio_array) / SAMPLE_RATE, + "status": "success" + }) + except Exception as e: + results.append({ + "index": i, + "text": text, + "error": str(e), + "status": "failed" + }) + + return JSONResponse(content={"results": results}) + +if __name__ == "__main__": + import uvicorn + uvicorn.run(app, host="0.0.0.0", port=8000) +PYEOF + +chown bark:bark $BARK_DIR/bark/bark_api.py + +# Enable and start service +systemctl daemon-reload +systemctl enable bark-tts +systemctl start bark-tts + +echo "" +echo "==========================================" +echo " Installation Complete!" +echo "==========================================" +echo "" +echo "Service Status:" +systemctl status bark-tts --no-pager +echo "" +echo "API Endpoints:" +echo " - Health: http://localhost:8000/health" +echo " - Voices: http://localhost:8000/api/voices" +echo " - Generate: http://localhost:8000/api/generate?text=Hello&voice=v2/en_speaker_1" +echo "" +echo "Usage Example:" +echo " curl 'http://localhost:8000/api/generate?text=What%20color%20is%20the%20sky%3F&voice=v2/en_speaker_1' -o question.wav" +echo "" +echo "Logs: journalctl -u bark-tts -f" +echo "" diff --git a/services/cms-service/migrations/20260316000001_question_bank.sql b/services/cms-service/migrations/20260316000001_question_bank.sql new file mode 100644 index 0000000..8387114 --- /dev/null +++ b/services/cms-service/migrations/20260316000001_question_bank.sql @@ -0,0 +1,174 @@ +-- Question Bank: Centralized repository for reusable questions +-- Supports multiple question types, audio generation, and multi-tenant organization + +-- Question types supported by the platform +CREATE TYPE question_bank_type AS ENUM ( + 'multiple-choice', -- Multiple choice with single/multiple correct answers + 'true-false', -- True/False questions + 'short-answer', -- Short text answer + 'essay', -- Long form text answer + 'matching', -- Match pairs + 'ordering', -- Order items correctly + 'fill-in-the-blanks', -- Fill in missing words + 'audio-response', -- Record audio answer + 'hotspot', -- Click on image area + 'code-lab' -- Code exercise +); + +-- Question Bank table +CREATE TABLE question_bank ( + id UUID PRIMARY KEY DEFAULT gen_random_uuid(), + organization_id UUID NOT NULL REFERENCES organizations(id) ON DELETE CASCADE, + + -- Question content + question_text TEXT NOT NULL, + question_type question_bank_type NOT NULL, + + -- Answers and options (structure depends on question_type) + options JSONB, -- Array of options for multiple-choice/true-false + correct_answer JSONB, -- Correct answer(s) - format varies by type + explanation TEXT, -- Explanation shown after answering (AI generated or manual) + + -- Audio support (Bark TTS) + audio_url TEXT, -- URL to generated audio file + audio_text TEXT, -- Text used for audio generation (may differ from question_text) + audio_status VARCHAR(50) DEFAULT 'pending', -- pending, generating, ready, failed + audio_metadata JSONB, -- Bark generation parameters + + -- Media support + media_url TEXT, -- Image/video URL for hotspot or context questions + media_type VARCHAR(50), -- image, video + + -- Metadata + points INTEGER NOT NULL DEFAULT 1, + difficulty VARCHAR(20) DEFAULT 'medium', -- easy, medium, hard + tags TEXT[], -- For searching and categorization + skill_assessed VARCHAR(20), -- reading, listening, speaking, writing + + -- Source tracking + source VARCHAR(50) DEFAULT 'manual', -- manual, ai-generated, imported-mysql, imported-csv + source_metadata JSONB, -- Original source data (e.g., MySQL question ID) + imported_mysql_id INTEGER, -- Original MySQL question ID to prevent re-import + imported_mysql_course_id INTEGER, -- Original MySQL course ID + + -- Usage tracking + usage_count INTEGER DEFAULT 0, -- How many times used in templates/courses + last_used_at TIMESTAMPTZ, + + -- Status + is_active BOOLEAN DEFAULT true, + is_archived BOOLEAN DEFAULT false, + + -- Audit + created_by UUID REFERENCES users(id) ON DELETE SET NULL, + created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(), + updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(), + + -- Constraints + CONSTRAINT question_bank_points_positive CHECK (points > 0) +); + +-- Indexes for performance +CREATE INDEX idx_question_bank_org ON question_bank(organization_id); +CREATE INDEX idx_question_bank_type ON question_bank(question_type); +CREATE INDEX idx_question_bank_difficulty ON question_bank(difficulty); +CREATE INDEX idx_question_bank_tags ON question_bank USING GIN(tags); +CREATE INDEX idx_question_bank_source ON question_bank(source); +CREATE INDEX idx_question_bank_active ON question_bank(is_active) WHERE is_active = true; +CREATE INDEX idx_question_bank_search ON question_bank USING GIN(to_tsvector('english', question_text)); + +-- Question Bank Categories (optional organization) +CREATE TABLE question_bank_categories ( + id UUID PRIMARY KEY DEFAULT gen_random_uuid(), + organization_id UUID NOT NULL REFERENCES organizations(id) ON DELETE CASCADE, + name VARCHAR(100) NOT NULL, + parent_id UUID REFERENCES question_bank_categories(id) ON DELETE CASCADE, + description TEXT, + created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(), + + UNIQUE(organization_id, name) +); + +-- Link questions to categories +CREATE TABLE question_bank_question_categories ( + question_id UUID NOT NULL REFERENCES question_bank(id) ON DELETE CASCADE, + category_id UUID NOT NULL REFERENCES question_bank_categories(id) ON DELETE CASCADE, + created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(), + + PRIMARY KEY (question_id, category_id) +); + +-- Question Bank Usage History (track where questions are used) +CREATE TABLE question_bank_usage ( + id UUID PRIMARY KEY DEFAULT gen_random_uuid(), + question_id UUID NOT NULL REFERENCES question_bank(id) ON DELETE CASCADE, + used_in_type VARCHAR(50) NOT NULL, -- template, lesson, quiz + used_in_id UUID NOT NULL, -- ID of the template/lesson/quiz + organization_id UUID NOT NULL, + created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(), + created_by UUID REFERENCES users(id) ON DELETE SET NULL +); + +CREATE INDEX idx_question_bank_usage_question ON question_bank_usage(question_id); +CREATE INDEX idx_question_bank_usage_used_in ON question_bank_usage(used_in_type, used_in_id); + +-- Trigger to update updated_at +CREATE TRIGGER trg_question_bank_updated_at + BEFORE UPDATE ON question_bank + FOR EACH ROW + EXECUTE FUNCTION update_test_templates_updated_at(); -- Reuse existing function + +-- Function to increment usage count +CREATE OR REPLACE FUNCTION increment_question_usage(p_question_id UUID, p_used_in_type VARCHAR, p_used_in_id UUID, p_org_id UUID, p_user_id UUID) +RETURNS VOID AS $$ +BEGIN + -- Update usage count + UPDATE question_bank + SET usage_count = usage_count + 1, + last_used_at = NOW() + WHERE id = p_question_id; + + -- Log usage + INSERT INTO question_bank_usage (question_id, used_in_type, used_in_id, organization_id, created_by) + VALUES (p_question_id, p_used_in_type, p_used_in_id, p_org_id, p_user_id); +END; +$$ LANGUAGE plpgsql; + +-- Function to import question from MySQL +CREATE OR REPLACE FUNCTION import_question_from_mysql( + p_org_id UUID, + p_user_id UUID, + p_question_text TEXT, + p_question_type question_bank_type, + p_options JSONB, + p_correct_answer JSONB, + p_source_metadata JSONB +) +RETURNS UUID AS $$ +DECLARE + v_question_id UUID; +BEGIN + INSERT INTO question_bank ( + organization_id, created_by, question_text, question_type, + options, correct_answer, source, source_metadata, + audio_status, is_active + ) + VALUES ( + p_org_id, p_user_id, p_question_text, p_question_type, + p_options, p_correct_answer, 'imported-mysql', p_source_metadata, + 'pending', true + ) + RETURNING id INTO v_question_id; + + RETURN v_question_id; +END; +$$ LANGUAGE plpgsql; + +-- Comments +COMMENT ON TABLE question_bank IS 'Centralized repository for reusable questions across the organization'; +COMMENT ON COLUMN question_bank.question_type IS 'Type of question: multiple-choice, true-false, short-answer, essay, matching, ordering, fill-in-the-blanks, audio-response, hotspot, code-lab'; +COMMENT ON COLUMN question_bank.audio_url IS 'URL to Bark-generated audio file for text-to-speech'; +COMMENT ON COLUMN question_bank.audio_status IS 'Status of audio generation: pending, generating, ready, failed'; +COMMENT ON COLUMN question_bank.source IS 'Origin: manual (created by user), ai-generated, imported-mysql, imported-csv'; +COMMENT ON COLUMN question_bank.source_metadata IS 'Original source data, e.g., {mysql_table: "bancopreguntas", idPregunta: 123, idCursos: 456}'; +COMMENT ON TABLE question_bank_usage IS 'Tracks where each question is used (templates, lessons, quizzes)'; diff --git a/services/cms-service/migrations/20260316000002_ai_usage_tracking.sql b/services/cms-service/migrations/20260316000002_ai_usage_tracking.sql new file mode 100644 index 0000000..a642881 --- /dev/null +++ b/services/cms-service/migrations/20260316000002_ai_usage_tracking.sql @@ -0,0 +1,86 @@ +-- AI Usage Logs: Track token consumption per user for billing and limits +CREATE TABLE ai_usage_logs ( + id UUID PRIMARY KEY DEFAULT gen_random_uuid(), + user_id UUID NOT NULL REFERENCES users(id) ON DELETE CASCADE, + organization_id UUID NOT NULL REFERENCES organizations(id) ON DELETE CASCADE, + + -- Token counts + tokens_used INTEGER NOT NULL DEFAULT 0, + input_tokens INTEGER NOT NULL DEFAULT 0, + output_tokens INTEGER NOT NULL DEFAULT 0, + + -- Request metadata + endpoint VARCHAR(255), -- e.g., "/lessons/generate-quiz" + model VARCHAR(100), -- e.g., "llama3.2:3b", "gpt-4o" + request_type VARCHAR(50), -- "transcription", "quiz-generation", "chat", "summary" + request_metadata JSONB, -- Additional context about the request + + -- Cost estimation (optional, can be calculated later) + estimated_cost_usd NUMERIC(10, 6), + + -- Timestamps + created_at TIMESTAMPTZ NOT NULL DEFAULT NOW() +); + +-- Indexes for performance +CREATE INDEX idx_ai_usage_user ON ai_usage_logs(user_id); +CREATE INDEX idx_ai_usage_org ON ai_usage_logs(organization_id); +CREATE INDEX idx_ai_usage_created ON ai_usage_logs(created_at); +CREATE INDEX idx_ai_usage_endpoint ON ai_usage_logs(endpoint); +CREATE INDEX idx_ai_usage_type ON ai_usage_logs(request_type); + +-- Function to log AI usage +CREATE OR REPLACE FUNCTION log_ai_usage( + p_user_id UUID, + p_org_id UUID, + p_tokens INTEGER, + p_input_tokens INTEGER, + p_output_tokens INTEGER, + p_endpoint VARCHAR, + p_model VARCHAR, + p_request_type VARCHAR, + p_metadata JSONB +) +RETURNS UUID AS $$ +DECLARE + v_log_id UUID; + v_cost NUMERIC(10, 6); +BEGIN + -- Calculate estimated cost (OpenAI-like pricing) + v_cost := (p_input_tokens::NUMERIC * 0.000001) + (p_output_tokens::NUMERIC * 0.000003); + + INSERT INTO ai_usage_logs ( + user_id, organization_id, tokens_used, input_tokens, output_tokens, + endpoint, model, request_type, request_metadata, estimated_cost_usd + ) + VALUES ( + p_user_id, p_org_id, p_tokens, p_input_tokens, p_output_tokens, + p_endpoint, p_model, p_request_type, p_metadata, v_cost + ) + RETURNING id INTO v_log_id; + + RETURN v_log_id; +END; +$$ LANGUAGE plpgsql; + +-- Daily aggregation view for reporting +CREATE VIEW ai_usage_daily AS +SELECT + DATE(created_at) as usage_date, + user_id, + organization_id, + request_type, + SUM(tokens_used) as total_tokens, + SUM(input_tokens) as total_input, + SUM(output_tokens) as total_output, + COUNT(*) as request_count, + SUM(estimated_cost_usd) as total_cost +FROM ai_usage_logs +GROUP BY DATE(created_at), user_id, organization_id, request_type; + +-- Comments +COMMENT ON TABLE ai_usage_logs IS 'Tracks AI token usage per user for billing, limits, and analytics'; +COMMENT ON COLUMN ai_usage_logs.tokens_used IS 'Total tokens (input + output)'; +COMMENT ON COLUMN ai_usage_logs.input_tokens IS 'Tokens in the prompt/request'; +COMMENT ON COLUMN ai_usage_logs.output_tokens IS 'Tokens in the AI response'; +COMMENT ON COLUMN ai_usage_logs.estimated_cost_usd IS 'Estimated cost based on OpenAI-like pricing'; diff --git a/services/cms-service/src/handlers.rs b/services/cms-service/src/handlers.rs index ca50968..0ee718f 100644 --- a/services/cms-service/src/handlers.rs +++ b/services/cms-service/src/handlers.rs @@ -54,6 +54,15 @@ fn get_ai_url(var_base: &str, default: &str) -> String { } } +/// Simple token counter (approximate: 1 token ≈ 4 characters in English) +fn count_tokens(text: &str) -> i32 { + // More accurate for English: split by whitespace and count words * 1.3 + // For Spanish/other languages, character-based is more reliable + let char_count = text.len(); + // OpenAI estimate: ~4 chars per token + ((char_count as f64) / 4.0).ceil() as i32 +} + pub async fn publish_course( Org(org_ctx): Org, claims: Claims, @@ -883,13 +892,16 @@ pub async fn run_transcription_task(pool: PgPool, lesson_id: Uuid) -> Result<(), // 5. Bilingual translation with Ollama let text = transcription_result["text"].as_str().unwrap_or("").to_string(); let detected_lang = transcription_result["language"].as_str().unwrap_or("es").to_string(); - + // Ensure the detected language text is stored in its own key transcription_result[detected_lang.clone()] = serde_json::json!(text); let target_lang = if detected_lang == "es" { "en" } else { "es" }; tracing::info!("Translating transcription from {} to {} using Ollama...", detected_lang, target_lang); + // Note: Token usage for transcription is logged in the caller context + // where we have access to user_id and org_id + if !text.is_empty() { match translate_text(&text, target_lang).await { Ok(translated) => { @@ -1248,16 +1260,38 @@ pub async fn generate_quiz( StatusCode::INTERNAL_SERVER_ERROR })?; - if !response.status().is_success() { - let err_body = response.text().await.unwrap_or_default(); - tracing::error!("Quiz API error: {}", err_body); + let response_status = response.status(); + + if !response_status.is_success() { + tracing::error!("Quiz API error: {}", response_status); return Err(StatusCode::INTERNAL_SERVER_ERROR); } + + let response_json: serde_json::Value = response.json().await.unwrap_or_default(); + + // Calculate token usage + let input_tokens = count_tokens(&system_prompt) + count_tokens(&content_text); + let output_tokens = count_tokens(&response_json.to_string()); + let total_tokens = input_tokens + output_tokens; - let quiz_data: serde_json::Value = response - .json() - .await - .map_err(|_| StatusCode::INTERNAL_SERVER_ERROR)?; + // Log AI usage + let _ = sqlx::query("SELECT log_ai_usage($1, $2, $3, $4, $5, $6, $7, $8, $9)") + .bind(claims.sub) + .bind(org_ctx.id) + .bind(total_tokens) + .bind(input_tokens) + .bind(output_tokens) + .bind("/lessons/generate-quiz") + .bind(&model) + .bind("quiz-generation") + .bind(&json!({ + "lesson_id": id, + "quiz_type": quiz_req.quiz_type, + })) + .execute(&pool) + .await; + + let quiz_data: serde_json::Value = response_json; let quiz_json_str = quiz_data["choices"][0]["message"]["content"] .as_str() .unwrap_or("{}"); @@ -2575,6 +2609,19 @@ pub async fn get_organization( Ok(Json(org)) } +/// GET /organization - Public endpoint (returns default organization) +pub async fn get_public_organization( + State(pool): State, +) -> Result, StatusCode> { + // Get the first/default organization + let org = sqlx::query_as::<_, Organization>("SELECT * FROM organizations ORDER BY created_at LIMIT 1") + .fetch_one(&pool) + .await + .map_err(|_| StatusCode::NOT_FOUND)?; + + Ok(Json(org)) +} + pub async fn get_me( claims: Claims, State(pool): State, diff --git a/services/cms-service/src/handlers_admin.rs b/services/cms-service/src/handlers_admin.rs new file mode 100644 index 0000000..ad2d362 --- /dev/null +++ b/services/cms-service/src/handlers_admin.rs @@ -0,0 +1,136 @@ +use axum::{ + Json, + extract::{Query, State}, + http::StatusCode, +}; +use common::{auth::Claims, middleware::Org}; +use serde::{Deserialize, Serialize}; +use sqlx::PgPool; + +// ==================== Token Usage Tracking ==================== + +/// GET /api/admin/token-usage - Get token usage statistics for all users +pub async fn get_token_usage( + _org_ctx: Org, + _claims: Claims, + State(pool): State, +) -> Result, (StatusCode, String)> { + // Get user token usage from database + let usage: Vec = sqlx::query_as( + r#" + SELECT + u.id as user_id, + u.email, + u.full_name, + u.role, + COALESCE(SUM(au.tokens_used), 0) as total_tokens, + COALESCE(SUM(au.input_tokens), 0) as input_tokens, + COALESCE(SUM(au.output_tokens), 0) as output_tokens, + COUNT(au.id) as ai_requests, + MAX(au.created_at) as last_used + FROM users u + LEFT JOIN ai_usage_logs au ON u.id = au.user_id + GROUP BY u.id, u.email, u.full_name, u.role + ORDER BY total_tokens DESC + "# + ) + .fetch_all(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch usage: {}", e)))?; + + // Calculate stats + let total_tokens: i64 = usage.iter().map(|u| u.total_tokens).sum(); + let total_input: i64 = usage.iter().map(|u| u.input_tokens).sum(); + let total_output: i64 = usage.iter().map(|u| u.output_tokens).sum(); + let total_requests: i64 = usage.iter().map(|u| u.ai_requests).sum(); + let top_user_tokens = usage.first().map(|u| u.total_tokens).unwrap_or(0); + let avg_tokens = if !usage.is_empty() { total_tokens / usage.len() as i64 } else { 0 }; + + // Estimate cost (using approximate OpenAI pricing: $0.001/1K input, $0.003/1K output) + let estimated_cost = (total_input as f64 * 0.000001) + (total_output as f64 * 0.000003); + + let stats = TokenUsageStats { + total_tokens, + total_input, + total_output, + total_requests, + total_cost_usd: estimated_cost, + top_user_tokens, + avg_tokens_per_user: avg_tokens, + }; + + // Convert to response format with USD estimation per user + let usage_with_cost: Vec = usage + .into_iter() + .map(|u| { + let user_cost = (u.input_tokens as f64 * 0.000001) + (u.output_tokens as f64 * 0.000003); + TokenUsage { + user_id: u.user_id.to_string(), + email: u.email, + full_name: u.full_name, + role: u.role, + total_tokens: u.total_tokens, + input_tokens: u.input_tokens, + output_tokens: u.output_tokens, + ai_requests: u.ai_requests, + last_used: u.last_used.to_rfc3339(), + estimated_cost_usd: user_cost, + } + }) + .collect(); + + Ok(Json(TokenUsageResponse { + usage: usage_with_cost, + stats, + })) +} + +#[derive(Debug, Deserialize)] +pub struct TokenUsageFilters { + pub role: Option, + pub min_tokens: Option, +} + +#[derive(Debug, Serialize)] +pub struct TokenUsage { + pub user_id: String, + pub email: String, + pub full_name: String, + pub role: String, + pub total_tokens: i64, + pub input_tokens: i64, + pub output_tokens: i64, + pub ai_requests: i64, + pub last_used: String, + pub estimated_cost_usd: f64, +} + +#[derive(Debug, sqlx::FromRow)] +struct TokenUsageRecord { + user_id: uuid::Uuid, + email: String, + full_name: String, + role: String, + total_tokens: i64, + input_tokens: i64, + output_tokens: i64, + ai_requests: i64, + last_used: chrono::DateTime, +} + +#[derive(Debug, Serialize)] +pub struct TokenUsageStats { + pub total_tokens: i64, + pub total_input: i64, + pub total_output: i64, + pub total_requests: i64, + pub total_cost_usd: f64, + pub top_user_tokens: i64, + pub avg_tokens_per_user: i64, +} + +#[derive(Debug, Serialize)] +pub struct TokenUsageResponse { + pub usage: Vec, + pub stats: TokenUsageStats, +} diff --git a/services/cms-service/src/handlers_question_bank.rs b/services/cms-service/src/handlers_question_bank.rs new file mode 100644 index 0000000..57885a6 --- /dev/null +++ b/services/cms-service/src/handlers_question_bank.rs @@ -0,0 +1,818 @@ +use axum::{ + Json, + extract::{Path, Query, State}, + http::StatusCode, +}; +use common::models::{ + CreateQuestionBankPayload, ImportQuestionFromMySQLPayload, QuestionBank, QuestionBankFilters, + QuestionBankType, UpdateQuestionBankPayload, +}; +use common::{auth::Claims, middleware::Org}; +use serde::{Deserialize, Serialize}; +use sqlx::PgPool; +use uuid::Uuid; + +// ==================== Create ==================== + +/// POST /api/question-bank - Create a new question in the bank +pub async fn create_question( + Org(org_ctx): Org, + claims: Claims, + State(pool): State, + Json(payload): Json, +) -> Result, (StatusCode, String)> { + let question: QuestionBank = sqlx::query_as( + r#" + INSERT INTO question_bank ( + organization_id, created_by, question_text, question_type, + options, correct_answer, explanation, points, difficulty, + tags, skill_assessed, media_url, media_type, audio_status + ) + VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, 'pending') + RETURNING * + "# + ) + .bind(org_ctx.id) + .bind(claims.sub) + .bind(&payload.question_text) + .bind(&payload.question_type) + .bind(&payload.options) + .bind(&payload.correct_answer) + .bind(&payload.explanation) + .bind(payload.points.unwrap_or(1)) + .bind(payload.difficulty.as_deref().unwrap_or("medium")) + .bind(payload.tags.as_deref()) + .bind(payload.skill_assessed.as_deref()) + .bind(payload.media_url.as_deref()) + .bind(payload.media_type.as_deref()) + .fetch_one(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + + // If audio generation requested, trigger it asynchronously + if payload.generate_audio.unwrap_or(false) { + tokio::spawn(async move { + let _ = generate_audio_for_question(question.id, pool.clone()).await; + }); + } + + Ok(Json(question)) +} + +// ==================== List ==================== + +/// GET /api/question-bank - List questions with filters +pub async fn list_questions( + Org(org_ctx): Org, + State(pool): State, + Query(filters): Query, +) -> Result>, (StatusCode, String)> { + let questions = if filters.question_type.is_none() + && filters.difficulty.is_none() + && filters.source.is_none() + && filters.search.is_none() + && filters.has_audio.is_none() + { + // No filters - simple query + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .fetch_all(&pool) + .await + } else if filters.question_type.is_some() { + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false AND question_type = $2 ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .bind(filters.question_type.unwrap()) + .fetch_all(&pool) + .await + } else if filters.difficulty.is_some() { + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false AND difficulty = $2 ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .bind(filters.difficulty.as_ref().unwrap()) + .fetch_all(&pool) + .await + } else if filters.source.is_some() { + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false AND source = $2 ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .bind(filters.source.as_ref().unwrap()) + .fetch_all(&pool) + .await + } else if filters.has_audio == Some(true) { + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false AND audio_status = 'ready' ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .fetch_all(&pool) + .await + } else { + // Default fallback + sqlx::query_as::<_, QuestionBank>( + "SELECT * FROM question_bank WHERE organization_id = $1 AND is_archived = false ORDER BY created_at DESC" + ) + .bind(org_ctx.id) + .fetch_all(&pool) + .await + } + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + + Ok(Json(questions)) +} + +// ==================== Get ==================== + +/// GET /api/question-bank/{id} - Get a single question +pub async fn get_question( + Org(org_ctx): Org, + Path(id): Path, + State(pool): State, +) -> Result, (StatusCode, String)> { + let question: QuestionBank = sqlx::query_as( + r#" + SELECT * FROM question_bank + WHERE id = $1 AND organization_id = $2 AND is_archived = false + "# + ) + .bind(id) + .bind(org_ctx.id) + .fetch_one(&pool) + .await + .map_err(|e| match e { + sqlx::Error::RowNotFound => (StatusCode::NOT_FOUND, "Question not found".to_string()), + _ => (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()), + })?; + + Ok(Json(question)) +} + +// ==================== Update ==================== + +/// PUT /api/question-bank/{id} - Update a question +pub async fn update_question( + Org(org_ctx): Org, + Path(id): Path, + State(pool): State, + Json(payload): Json, +) -> Result, (StatusCode, String)> { + let question: QuestionBank = sqlx::query_as( + r#" + UPDATE question_bank + SET + question_text = COALESCE($3, question_text), + question_type = COALESCE($4, question_type), + options = COALESCE($5, options), + correct_answer = COALESCE($6, correct_answer), + explanation = COALESCE($7, explanation), + points = COALESCE($8, points), + difficulty = COALESCE($9, difficulty), + tags = COALESCE($10, tags), + is_active = COALESCE($11, is_active), + is_archived = COALESCE($12, is_archived), + updated_at = NOW() + WHERE id = $1 AND organization_id = $2 + RETURNING * + "# + ) + .bind(id) + .bind(org_ctx.id) + .bind(payload.question_text) + .bind(payload.question_type.map(|t| t.to_string())) + .bind(&payload.options) + .bind(&payload.correct_answer) + .bind(&payload.explanation) + .bind(payload.points) + .bind(payload.difficulty) + .bind(payload.tags.as_deref()) + .bind(payload.is_active) + .bind(payload.is_archived) + .fetch_one(&pool) + .await + .map_err(|e| match e { + sqlx::Error::RowNotFound => (StatusCode::NOT_FOUND, "Question not found".to_string()), + _ => (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()), + })?; + + Ok(Json(question)) +} + +// ==================== Delete ==================== + +/// DELETE /api/question-bank/{id} - Delete (archive) a question +pub async fn delete_question( + Org(org_ctx): Org, + Path(id): Path, + State(pool): State, +) -> Result { + let result = sqlx::query( + r#" + UPDATE question_bank + SET is_archived = true, updated_at = NOW() + WHERE id = $1 AND organization_id = $2 + "# + ) + .bind(id) + .bind(org_ctx.id) + .execute(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + + if result.rows_affected() == 0 { + return Err((StatusCode::NOT_FOUND, "Question not found".to_string())); + } + + Ok(StatusCode::NO_CONTENT) +} + +// ==================== Import from MySQL ==================== + +/// POST /api/question-bank/import-mysql - Import questions from MySQL question bank +pub async fn import_from_mysql( + Org(org_ctx): Org, + claims: Claims, + State(pool): State, + Json(payload): Json, +) -> Result>, (StatusCode, String)> { + use serde_json::json; + + // Connect to MySQL + let mysql_url = std::env::var("MYSQL_DATABASE_URL") + .map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "MYSQL_DATABASE_URL not configured".to_string()))?; + + let mysql_pool = sqlx::MySqlPool::connect(&mysql_url) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to connect to MySQL: {}", e)))?; + + // Fetch questions from MySQL + let mysql_questions: Vec = if payload.import_all.unwrap_or(false) { + sqlx::query_as( + r#" + SELECT bp.idPregunta, bp.descripcion, bp.idTipoPregunta, bp.activo, + c.idCursos, c.NombreCurso, pe.idPlanDeEstudios, pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.activo = 1 + LIMIT 200 + "# + ) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch questions: {}", e)))? + } else if let Some(course_id) = payload.mysql_course_id { + sqlx::query_as( + r#" + SELECT bp.idPregunta, bp.descripcion, bp.idTipoPregunta, bp.activo, + c.idCursos, c.NombreCurso, pe.idPlanDeEstudios, pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.idCursos = ? AND bp.activo = 1 + LIMIT 100 + "# + ) + .bind(course_id) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch questions: {}", e)))? + } else if let Some(question_ids) = payload.question_ids { + // Fetch specific question IDs - use simple approach + let mut imported_questions: Vec = vec![]; + + for q_id in question_ids { + let mq: Option = sqlx::query_as( + r#" + SELECT bp.idPregunta, bp.descripcion, bp.idTipoPregunta, bp.activo, + c.idCursos, c.NombreCurso, pe.idPlanDeEstudios, pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.idPregunta = ? AND bp.activo = 1 + "# + ) + .bind(q_id) + .fetch_optional(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch question {}: {}", q_id, e)))?; + + if let Some(question) = mq { + // Map MySQL question type to platform question type + let question_type = map_mysql_question_type(question.id_tipo_pregunta); + + let options = if question_type == QuestionBankType::MultipleChoice { + Some(json!(["Opción A", "Opción B", "Opción C", "Opción D"])) + } else if question_type == QuestionBankType::TrueFalse { + Some(json!(["Verdadero", "Falso"])) + } else { + None + }; + + let source_metadata = json!({ + "mysql_table": "bancopreguntas", + "idPregunta": question.id_pregunta, + "idCursos": question.id_cursos, + "nombre_curso": question.nombre_curso, + "idPlanDeEstudios": question.id_plan_de_estudios, + "plan_nombre": question.plan_nombre, + "idTipoPregunta": question.id_tipo_pregunta, + "imported_at": chrono::Utc::now().to_rfc3339(), + }); + + let qb: QuestionBank = sqlx::query_as( + r#" + INSERT INTO question_bank ( + organization_id, created_by, question_text, question_type, + options, correct_answer, source, source_metadata, + audio_status, is_active + ) + VALUES ($1, $2, $3, $4, $5, $6, 'imported-mysql', $7, 'pending', true) + RETURNING * + "# + ) + .bind(org_ctx.id) + .bind(claims.sub) + .bind(&question.descripcion) + .bind(&question_type) + .bind(&options) + .bind(&serde_json::Value::Null) + .bind(&source_metadata) + .fetch_one(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to import question {}: {}", question.id_pregunta, e)))?; + + imported_questions.push(qb); + } + } + + mysql_pool.close().await; + return Ok(Json(imported_questions)); + } else { + return Err((StatusCode::BAD_REQUEST, "Must provide course_id, question_ids, or import_all".to_string())); + }; + + mysql_pool.close().await; + + if mysql_questions.is_empty() { + return Err((StatusCode::NOT_FOUND, "No questions found in MySQL to import".to_string())); + } + + // Import questions into PostgreSQL + let mut imported_questions: Vec = vec![]; + let mut skipped_count = 0; + + for mq in mysql_questions { + // Check if question already imported + let exists: (bool,) = sqlx::query_as( + "SELECT EXISTS(SELECT 1 FROM question_bank WHERE imported_mysql_id = $1 AND organization_id = $2)" + ) + .bind(mq.id_pregunta) + .bind(org_ctx.id) + .fetch_one(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to check existing: {}", e)))?; + + if exists.0 { + skipped_count += 1; + continue; // Skip already imported question + } + + // Map MySQL question type to platform question type + let question_type = map_mysql_question_type(mq.id_tipo_pregunta); + + // Create options for multiple choice (if applicable) + let options = if question_type == QuestionBankType::MultipleChoice { + Some(json!(["Opción A", "Opción B", "Opción C", "Opción D"])) + } else if question_type == QuestionBankType::TrueFalse { + Some(json!(["Verdadero", "Falso"])) + } else { + None + }; + + let source_metadata = json!({ + "mysql_table": "bancopreguntas", + "idPregunta": mq.id_pregunta, + "idCursos": mq.id_cursos, + "nombre_curso": mq.nombre_curso, + "idPlanDeEstudios": mq.id_plan_de_estudios, + "plan_nombre": mq.plan_nombre, + "idTipoPregunta": mq.id_tipo_pregunta, + "imported_at": chrono::Utc::now().to_rfc3339(), + }); + + let question: QuestionBank = sqlx::query_as( + r#" + INSERT INTO question_bank ( + organization_id, created_by, question_text, question_type, + options, correct_answer, source, source_metadata, + imported_mysql_id, imported_mysql_course_id, + audio_status, is_active + ) + VALUES ($1, $2, $3, $4, $5, $6, 'imported-mysql', $7, $8, $9, 'pending', true) + RETURNING * + "# + ) + .bind(org_ctx.id) + .bind(claims.sub) + .bind(&mq.descripcion) + .bind(&question_type) + .bind(&options) + .bind(&serde_json::Value::Null) // Correct answer to be filled by user + .bind(&source_metadata) + .bind(mq.id_pregunta) + .bind(mq.id_cursos) + .fetch_one(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to import question {}: {}", mq.id_pregunta, e)))?; + + imported_questions.push(question); + } + + tracing::info!("Imported {} questions from MySQL (skipped {} already imported)", imported_questions.len(), skipped_count); + + Ok(Json(imported_questions)) +} + +// ==================== Audio Generation ==================== + +/// POST /api/question-bank/{id}/generate-audio - Generate audio for a question using Bark +pub async fn generate_audio( + Org(org_ctx): Org, + Path(id): Path, + State(pool): State, + payload: Option>, +) -> Result { + // Get question + let question: QuestionBank = sqlx::query_as( + "SELECT * FROM question_bank WHERE id = $1 AND organization_id = $2" + ) + .bind(id) + .bind(org_ctx.id) + .fetch_one(&pool) + .await + .map_err(|e| match e { + sqlx::Error::RowNotFound => (StatusCode::NOT_FOUND, "Question not found".to_string()), + _ => (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()), + })?; + + // Spawn async task for audio generation + tokio::spawn(async move { + let _ = generate_audio_for_question_with_params(id, pool, payload.map(|p| p.0)).await; + }); + + Ok(StatusCode::ACCEPTED) +} + +async fn generate_audio_for_question( + question_id: Uuid, + pool: PgPool, +) -> Result<(), String> { + generate_audio_for_question_with_params(question_id, pool, None).await +} + +async fn generate_audio_for_question_with_params( + question_id: Uuid, + pool: PgPool, + payload: Option, +) -> Result<(), String> { + use reqwest::Client; + use serde_json::json; + + // Get question text + let question_text: String = sqlx::query_scalar("SELECT audio_text FROM question_bank WHERE id = $1") + .bind(question_id) + .fetch_optional(&pool) + .await + .map_err(|e| format!("Failed to get question: {}", e))? + .unwrap_or_default(); + + let text = payload.as_ref().map(|p| p.text.clone()).unwrap_or(question_text); + + // Update status to generating + sqlx::query("UPDATE question_bank SET audio_status = 'generating' WHERE id = $1") + .bind(question_id) + .execute(&pool) + .await + .map_err(|e| format!("Failed to update status: {}", e))?; + + // Call Bark TTS API + let bark_url = std::env::var("BARK_API_URL").unwrap_or_else(|_| "http://localhost:8000".to_string()); + let client = Client::new(); + + let voice = payload.as_ref().and_then(|p| p.voice.clone()).unwrap_or_else(|| "v2/en_speaker_1".to_string()); + let speed = payload.as_ref().and_then(|p| p.speed).unwrap_or(1.0); + + let response = client + .post(&format!("{}/api/generate", bark_url)) + .json(&json!({ + "text": text, + "voice": voice, + "speed": speed, + "output_format": "mp3" + })) + .send() + .await + .map_err(|e| format!("Bark API request failed: {}", e))?; + + if !response.status().is_success() { + sqlx::query("UPDATE question_bank SET audio_status = 'failed' WHERE id = $1") + .bind(question_id) + .execute(&pool) + .await + .map_err(|_| "Failed to update status".to_string())?; + + return Err(format!("Bark API returned error: {}", response.status())); + } + + // Save audio file + let audio_bytes = response.bytes().await.map_err(|e| format!("Failed to get audio bytes: {}", e))?; + + // Save to uploads directory + let filename = format!("question_{}.mp3", question_id); + let file_path = format!("uploads/audio/{}", filename); + + std::fs::create_dir_all("uploads/audio").map_err(|e| format!("Failed to create directory: {}", e))?; + std::fs::write(&file_path, &audio_bytes).map_err(|e| format!("Failed to save audio: {}", e))?; + + // Update question with audio URL + let audio_url = format!("/audio/{}", filename); + sqlx::query( + "UPDATE question_bank SET audio_url = $1, audio_status = 'ready', audio_metadata = $2 WHERE id = $3" + ) + .bind(&audio_url) + .bind(&json!({ + "voice": voice, + "speed": speed, + "generated_at": chrono::Utc::now().to_rfc3339(), + "file_size": audio_bytes.len(), + })) + .bind(question_id) + .execute(&pool) + .await + .map_err(|e| format!("Failed to update question: {}", e))?; + + tracing::info!("Generated audio for question {}", question_id); + + Ok(()) +} + +// ==================== Helpers ==================== + +fn map_mysql_question_type(mysql_type: i32) -> QuestionBankType { + // Map MySQL question types to platform types + // This depends on how tipos are defined in the MySQL database + match mysql_type { + 1 => QuestionBankType::MultipleChoice, + 2 => QuestionBankType::TrueFalse, + 3 => QuestionBankType::ShortAnswer, + 4 => QuestionBankType::Matching, + _ => QuestionBankType::MultipleChoice, // Default + } +} + +// ==================== MySQL Integration ==================== + +/// GET /api/question-bank/mysql-courses - List courses from MySQL for import +pub async fn list_mysql_courses( + Org(_org_ctx): Org, + State(_pool): State, +) -> Result>, (StatusCode, String)> { + // Connect to MySQL + let mysql_url = std::env::var("MYSQL_DATABASE_URL") + .map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "MYSQL_DATABASE_URL not configured".to_string()))?; + + let mysql_pool = sqlx::MySqlPool::connect(&mysql_url) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to connect to MySQL: {}", e)))?; + + // Fetch courses with their plan names + let courses: Vec = sqlx::query_as( + r#" + SELECT DISTINCT + c.idCursos, + c.NombreCurso, + c.NivelCurso, + pe.idPlanDeEstudios, + pe.Nombre as NombrePlan + FROM curso c + JOIN plandeestudios pe ON c.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE c.Activo = 1 + ORDER BY pe.Nombre, c.NombreCurso + "# + ) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch courses: {}", e)))?; + + mysql_pool.close().await; + + Ok(Json(courses)) +} + +/// POST /api/question-bank/import-mysql-all - Import ALL questions from MySQL (bulk import) +pub async fn import_all_from_mysql( + Org(org_ctx): Org, + claims: Claims, + State(pool): State, +) -> Result, (StatusCode, String)> { + // Connect to MySQL + let mysql_url = std::env::var("MYSQL_DATABASE_URL") + .map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "MYSQL_DATABASE_URL not configured".to_string()))?; + + let mysql_pool = sqlx::MySqlPool::connect(&mysql_url) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to connect to MySQL: {}", e)))?; + + // Fetch ALL questions from MySQL + let mysql_questions: Vec = sqlx::query_as( + r#" + SELECT + bp.idPregunta, + bp.descripcion, + bp.idTipoPregunta, + bp.activo, + c.idCursos, + c.NombreCurso, + c.NivelCurso, + pe.idPlanDeEstudios, + pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.activo = 1 + ORDER BY pe.Nombre, c.NombreCurso, bp.idPregunta + "# + ) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch questions: {}", e)))?; + + mysql_pool.close().await; + + if mysql_questions.is_empty() { + return Ok(Json(ImportResult { + imported: 0, + skipped: 0, + updated: 0, + error: Some("No questions found in MySQL".to_string()), + })); + } + + // Import questions into PostgreSQL + let mut imported_count = 0; + let mut skipped_count = 0; + let mut updated_count = 0; + + for mq in mysql_questions { + // Check if question already exists + let existing: Option<(Uuid, bool)> = sqlx::query_as( + "SELECT id, is_active FROM question_bank WHERE imported_mysql_id = $1 AND organization_id = $2" + ) + .bind(mq.id_pregunta) + .bind(org_ctx.id) + .fetch_optional(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Check failed: {}", e)))?; + + match existing { + Some((id, is_active)) => { + // Question exists - update if it was inactive or has new data + if !is_active { + // Reactivate and update + let _ = sqlx::query( + "UPDATE question_bank SET is_active = true, question_text = $3, updated_at = NOW() WHERE id = $1 AND organization_id = $2" + ) + .bind(id) + .bind(org_ctx.id) + .bind(&mq.descripcion) + .execute(&pool) + .await; + updated_count += 1; + } else { + skipped_count += 1; // Already exists and active, skip + } + } + None => { + // New question - insert + let question_type = map_mysql_question_type(mq.id_tipo_pregunta); + let options = if question_type == QuestionBankType::MultipleChoice { + Some(serde_json::json!(["Opción A", "Opción B", "Opción C", "Opción D"])) + } else if question_type == QuestionBankType::TrueFalse { + Some(serde_json::json!(["Verdadero", "Falso"])) + } else { + None + }; + + let source_metadata = serde_json::json!({ + "mysql_table": "bancopreguntas", + "idPregunta": mq.id_pregunta, + "idCursos": mq.id_cursos, + "nombre_curso": mq.nombre_curso, + "nivel_curso": mq.nivel_curso, + "idPlanDeEstudios": mq.id_plan_de_estudios, + "plan_nombre": mq.plan_nombre, + "idTipoPregunta": mq.id_tipo_pregunta, + "imported_at": chrono::Utc::now().to_rfc3339(), + "import_method": "bulk_import_all", + }); + + let _ = sqlx::query( + r#" + INSERT INTO question_bank ( + organization_id, created_by, question_text, question_type, + options, correct_answer, source, source_metadata, + imported_mysql_id, imported_mysql_course_id, + audio_status, is_active + ) + VALUES ($1, $2, $3, $4, $5, $6, 'imported-mysql', $7, $8, $9, 'pending', true) + "# + ) + .bind(org_ctx.id) + .bind(claims.sub) + .bind(&mq.descripcion) + .bind(&question_type) + .bind(&options) + .bind(&serde_json::Value::Null) + .bind(&source_metadata) + .bind(mq.id_pregunta) + .bind(mq.id_cursos) + .execute(&pool) + .await; + + imported_count += 1; + } + } + } + + tracing::info!( + "Bulk import from MySQL: {} imported, {} skipped, {} updated", + imported_count, + skipped_count, + updated_count + ); + + Ok(Json(ImportResult { + imported: imported_count, + skipped: skipped_count, + updated: updated_count, + error: None, + })) +} + +#[derive(Debug, Serialize)] +pub struct ImportResult { + pub imported: i32, + pub skipped: i32, + pub updated: i32, + pub error: Option, +} + +#[derive(Debug, sqlx::FromRow, Serialize, Deserialize)] +pub struct MySqlCourseInfo { + pub id_cursos: i32, + pub nombre_curso: String, + pub nivel_curso: Option, + pub id_plan_de_estudios: i32, + pub nombre_plan: String, +} + +// Excel import - pendiente de fix +// /// POST /api/question-bank/import-excel - Import questions from Excel file +// pub async fn import_from_excel( +// Org(org_ctx): Org, +// claims: Claims, +// State(pool): State, +// multipart: axum::extract::Multipart, +// ) -> Result, (StatusCode, String)> { +// // Implementation pending +// unimplemented!() +// } + +#[derive(Debug, sqlx::FromRow, Serialize, Deserialize)] +pub struct MySqlQuestionFull { + pub id_pregunta: i32, + pub descripcion: String, + pub id_tipo_pregunta: i32, + pub activo: bool, + pub id_cursos: i32, + pub nombre_curso: String, + pub nivel_curso: Option, + pub id_plan_de_estudios: i32, + pub plan_nombre: String, +} + +#[derive(Debug, sqlx::FromRow)] +struct MySqlQuestion { + id_pregunta: i32, + descripcion: String, + id_tipo_pregunta: i32, + activo: bool, + id_cursos: i32, + nombre_curso: String, + id_plan_de_estudios: i32, + plan_nombre: String, +} diff --git a/services/cms-service/src/handlers_test_templates.rs b/services/cms-service/src/handlers_test_templates.rs index 481d9d0..6a9fc6d 100644 --- a/services/cms-service/src/handlers_test_templates.rs +++ b/services/cms-service/src/handlers_test_templates.rs @@ -484,8 +484,6 @@ pub async fn apply_template_to_lesson( State(pool): State, Json(payload): Json, ) -> Result { - use common::models::ApplyTemplatePayload; - // Verify template exists and belongs to organization let template: TestTemplate = sqlx::query_as( r#" @@ -519,18 +517,92 @@ pub async fn apply_template_to_lesson( return Err((StatusCode::NOT_FOUND, "Lesson not found".to_string())); } - // Update lesson with template data - // This would typically involve: - // 1. Setting lesson content_type to "quiz" or "test" - // 2. Setting lesson metadata with template_data - // 3. Optionally linking to a grading category - // For now, we just increment the usage count + // Get template questions with their sections + let template_questions: Vec = sqlx::query_as( + r#" + SELECT id, template_id, section_id, question_order, question_type, question_text, + options, correct_answer, explanation, points, metadata, created_at + FROM test_template_questions + WHERE template_id = $1 + ORDER BY section_id, question_order + "# + ) + .bind(template_id) + .fetch_all(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + + if template_questions.is_empty() { + return Err((StatusCode::BAD_REQUEST, "Template has no questions".to_string())); + } + + // Build quiz_data JSON from template questions + let questions_json: Vec = template_questions + .iter() + .map(|q| { + serde_json::json!({ + "id": q.id.to_string(), + "type": q.question_type, + "question": q.question_text, + "options": q.options.clone().unwrap_or(serde_json::Value::Null), + "correct": q.correct_answer.clone().unwrap_or(serde_json::Value::Null), + "explanation": q.explanation.clone().unwrap_or_default(), + "points": q.points, + }) + }) + .collect(); + + let quiz_data = serde_json::json!({ + "questions": questions_json, + "template_id": template_id.to_string(), + "template_name": template.name, + "test_type": template.test_type.to_string(), + "duration_minutes": template.duration_minutes, + "passing_score": template.passing_score, + "total_points": template.total_points, + "instructions": template.instructions, + "max_attempts": 1, // Single attempt as requested + "show_feedback": true, // Show explanations after answering + "permanent_history": true, // Student can always view their responses + }); + + // Update lesson with quiz data and configuration + sqlx::query( + r#" + UPDATE lessons + SET content_type = 'quiz', + content_url = NULL, + metadata = $1, + is_graded = true, + max_attempts = 1, + allow_retry = false, + grading_category_id = $2, + updated_at = NOW() + WHERE id = $3 AND organization_id = $4 + "# + ) + .bind(&quiz_data) + .bind(payload.grading_category_id) + .bind(payload.lesson_id) + .bind(org_ctx.id) + .execute(&pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + + // Increment template usage count sqlx::query("SELECT increment_template_usage($1)") .bind(template_id) .execute(&pool) .await .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()))?; + tracing::info!( + "Applied template '{}' to lesson '{}' with {} questions", + template.name, + payload.lesson_id, + template_questions.len() + ); + Ok(StatusCode::OK) } @@ -539,3 +611,244 @@ pub struct ApplyTemplatePayload { pub lesson_id: Uuid, pub grading_category_id: Option, } + +// ==================== RAG Question Generation ==================== + +/// POST /api/test-templates/generate-with-rag - Generate questions using RAG from MySQL question bank +pub async fn generate_questions_with_rag( + Org(org_ctx): Org, + State(pool): State, + Json(payload): Json, +) -> Result>, (StatusCode, String)> { + use serde_json::json; + + // 1. Fetch questions from external MySQL database (RAG context) + let mysql_url = std::env::var("MYSQL_DATABASE_URL") + .map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "MYSQL_DATABASE_URL not configured".to_string()))?; + + // Create MySQL pool connection + let mysql_pool = sqlx::MySqlPool::connect(&mysql_url) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to connect to MySQL: {}", e)))?; + + // Fetch questions from MySQL bank filtered by course if provided + let mysql_questions: Vec = if let Some(course_id) = payload.course_id { + sqlx::query_as( + r#" + SELECT bp.descripcion, bp.idTipoPregunta, c.NombreCurso, pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.idCursos = ? AND bp.activo = 1 + LIMIT 50 + "# + ) + .bind(course_id) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch questions: {}", e)))? + } else { + sqlx::query_as( + r#" + SELECT bp.descripcion, bp.idTipoPregunta, c.NombreCurso, pe.Nombre as PlanNombre + FROM bancopreguntas bp + JOIN curso c ON bp.idCursos = c.idCursos + JOIN plandeestudios pe ON bp.idPlanDeEstudios = pe.idPlanDeEstudios + WHERE bp.activo = 1 + LIMIT 50 + "# + ) + .fetch_all(&mysql_pool) + .await + .map_err(|e| (StatusCode::INTERNAL_SERVER_ERROR, format!("Failed to fetch questions: {}", e)))? + }; + + mysql_pool.close().await; + + if mysql_questions.is_empty() && payload.course_id.is_some() { + return Err((StatusCode::NOT_FOUND, "No questions found in MySQL bank for this course".to_string())); + } + + // 2. Build RAG context from MySQL questions + let rag_context: String = mysql_questions + .iter() + .map(|q| format!("- {} (Tipo: {}, Curso: {})", q.descripcion, q.id_tipo_pregunta, q.nombre_curso)) + .collect::>() + .join("\n"); + + // 3. Call AI to generate new questions based on RAG context + let provider = std::env::var("AI_PROVIDER").unwrap_or_else(|_| "local".to_string()); + let client = reqwest::Client::new(); + + let (url, auth_header, model) = if provider == "local" { + let base_url = std::env::var("LOCAL_OLLAMA_URL").unwrap_or_else(|_| "http://localhost:11434".to_string()); + let model = std::env::var("LOCAL_LLM_MODEL").unwrap_or_else(|_| "llama3.2:3b".to_string()); + ( + format!("{}/v1/chat/completions", base_url), + "".to_string(), + model, + ) + } else { + let api_key = std::env::var("OPENAI_API_KEY") + .map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "OPENAI_API_KEY not configured".to_string()))?; + ( + "https://api.openai.com/v1/chat/completions".to_string(), + format!("Bearer {}", api_key), + "gpt-4o".to_string(), + ) + }; + + let system_prompt = format!( + r#"You are an expert English Teacher creating ORIGINAL quiz questions that assess the FOUR KEY LANGUAGE SKILLS. + + Below are EXAMPLE questions from our existing question bank. Use them as INSPIRATION ONLY: + - Understand the TOPICS, STYLE, and DIFFICULTY LEVEL + - Create COMPLETELY NEW questions with different wording, contexts, and answer options + - Do NOT copy any question directly + - Adapt the concepts to fresh scenarios + + EXAMPLE QUESTIONS (for inspiration only): + {} + + Task: Create {} ORIGINAL multiple-choice questions about: {} + + IMPORTANT: Each question must assess ONE of these FOUR skills: + 1. READING - Comprehension, vocabulary in context, text analysis + 2. LISTENING - Audio comprehension, spoken dialogue understanding + 3. SPEAKING - Oral production, pronunciation, conversational response + 4. WRITING - Written production, grammar in writing, composition + + For EACH question, you MUST: + - Specify which skill it assesses (reading/listening/speaking/writing) + - Ensure the question actually tests that skill (not just knowledge) + - Provide pedagogically sound content for English language learning + - Match the difficulty level appropriately + + Return ONLY a JSON array of questions with this exact structure: + [ + {{ + "question_text": "Your ORIGINAL question text here", + "question_type": "multiple-choice", + "options": ["Option A", "Option B", "Option C", "Option D"], + "correct_answer": 0, + "explanation": "Brief explanation of why this is correct. End with: 'Skill assessed: [READING|LISTENING|SPEAKING|WRITING]'", + "points": 1, + "skill_assessed": "reading" + }} + ] + + GUIDELINES: + - Each question must be UNIQUE - rephrase concepts from examples + - Use different vocabulary, scenarios, and contexts + - Maintain similar difficulty level to the examples + - Ensure correct_answer is the index (0-3) of the correct option + - Write clear explanations that teach, not just state the answer + - DISTRIBUTE questions across all 4 skills (don't focus on just one) + + Example transformations by skill: + - READING: "Read this passage and answer..." or "What does the word X mean in context?" + - LISTENING: "After listening to the dialogue..." or "What would you hear in this situation?" + - SPEAKING: "Which response is most appropriate in this conversation?" + - WRITING: "Which sentence is grammatically correct?" or "Complete the sentence with..." + + Be creative while maintaining educational value and ensuring all 4 skills are covered!"#, + rag_context, + payload.num_questions.unwrap_or(5), + payload.topic.unwrap_or_else(|| "English grammar and vocabulary".to_string()) + ); + + let mut request = client + .post(&url) + .json(&json!({ + "model": model, + "messages": [ + { + "role": "system", + "content": system_prompt + } + ], + "response_format": { "type": "json_object" } + })); + + if !auth_header.is_empty() { + request = request.header("Authorization", auth_header); + } + + let response = request.send().await.map_err(|e| { + tracing::error!("AI request failed: {}", e); + (StatusCode::INTERNAL_SERVER_ERROR, "AI service unavailable".to_string()) + })?; + + let response_json: serde_json::Value = response.json().await.map_err(|e| { + tracing::error!("Failed to parse AI response: {}", e); + (StatusCode::INTERNAL_SERVER_ERROR, "Invalid AI response".to_string()) + })?; + + // Parse questions from AI response + let questions_data = response_json + .get("choices") + .and_then(|c| c.as_array()) + .and_then(|choices| choices.first()) + .and_then(|c| c.get("message")) + .and_then(|m| m.get("content")) + .and_then(|content| serde_json::from_str::(content.as_str().unwrap_or("{}")).ok()) + .and_then(|data| { + if let Some(questions) = data.get("questions").or(data.get("items")) { + questions.as_array().cloned() + } else if let Some(arr) = data.as_array() { + Some(arr.clone()) + } else { + None + } + }) + .unwrap_or_default(); + + // Convert to TestTemplateQuestion format + let generated_questions: Vec = questions_data + .iter() + .enumerate() + .map(|(idx, q)| { + TestTemplateQuestion { + id: Uuid::new_v4(), + template_id: Uuid::nil(), + section_id: None, + question_order: idx as i32, + question_type: q.get("question_type").and_then(|v| v.as_str()).unwrap_or("multiple-choice").to_string(), + question_text: q.get("question_text").and_then(|v| v.as_str()).unwrap_or("Question").to_string(), + options: q.get("options").cloned(), + correct_answer: q.get("correct_answer").or(q.get("correct")).cloned(), + explanation: q.get("explanation").and_then(|v| v.as_str()).map(String::from), + points: q.get("points").and_then(|v| v.as_i64()).unwrap_or(1) as i32, + metadata: Some(json!({ + "generated_by": "rag-ai", + "source": "mysql-bank", + "generated_at": chrono::Utc::now().to_rfc3339(), + })), + created_at: chrono::Utc::now(), + } + }) + .collect(); + + if generated_questions.is_empty() { + return Err((StatusCode::INTERNAL_SERVER_ERROR, "AI failed to generate questions".to_string())); + } + + tracing::info!("Generated {} questions using RAG from MySQL bank", generated_questions.len()); + + Ok(Json(generated_questions)) +} + +#[derive(Debug, Deserialize)] +pub struct RagGenerationPayload { + pub course_id: Option, // MySQL course ID + pub topic: Option, + pub num_questions: Option, +} + +#[derive(Debug, sqlx::FromRow)] +struct MySqlQuestion { + descripcion: String, + id_tipo_pregunta: i32, + nombre_curso: String, + plan_nombre: String, +} diff --git a/services/cms-service/src/main.rs b/services/cms-service/src/main.rs index 1684927..2e4ca48 100644 --- a/services/cms-service/src/main.rs +++ b/services/cms-service/src/main.rs @@ -8,6 +8,8 @@ mod handlers_dependencies; mod handlers_library; mod handlers_rubrics; mod handlers_test_templates; +mod handlers_question_bank; +mod handlers_admin; mod webhooks; use axum::{ @@ -321,6 +323,48 @@ async fn main() { "/test-templates/{id}/apply", post(handlers_test_templates::apply_template_to_lesson), ) + .route( + "/test-templates/generate-with-rag", + post(handlers_test_templates::generate_questions_with_rag), + ) + // Question Bank routes + .route( + "/question-bank", + get(handlers_question_bank::list_questions) + .post(handlers_question_bank::create_question), + ) + .route( + "/question-bank/{id}", + get(handlers_question_bank::get_question) + .put(handlers_question_bank::update_question) + .delete(handlers_question_bank::delete_question), + ) + .route( + "/question-bank/import-mysql", + post(handlers_question_bank::import_from_mysql), + ) + .route( + "/question-bank/{id}/generate-audio", + post(handlers_question_bank::generate_audio), + ) + .route( + "/question-bank/mysql-courses", + get(handlers_question_bank::list_mysql_courses), + ) + .route( + "/question-bank/import-mysql-all", + post(handlers_question_bank::import_all_from_mysql), + ) + // Excel import - pendiente de fix + // .route( + // "/question-bank/import-excel", + // post(handlers_question_bank::import_from_excel), + // ) + // Admin routes + .route( + "/admin/token-usage", + get(handlers_admin::get_token_usage), + ) .route_layer(middleware::from_fn( common::middleware::org_extractor_middleware, )); @@ -348,6 +392,10 @@ async fn main() { .route( "/branding", get(handlers_branding::get_organization_branding), + ) + .route( + "/organization", + get(handlers::get_public_organization), ); let public_routes = Router::new() diff --git a/shared/common/src/models.rs b/shared/common/src/models.rs index 65fd354..a50d0d9 100644 --- a/shared/common/src/models.rs +++ b/shared/common/src/models.rs @@ -1213,6 +1213,18 @@ pub enum TestType { FWT, // Final Written Test } +impl std::fmt::Display for TestType { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + match self { + TestType::CA => write!(f, "CA"), + TestType::MWT => write!(f, "MWT"), + TestType::MOT => write!(f, "MOT"), + TestType::FOT => write!(f, "FOT"), + TestType::FWT => write!(f, "FWT"), + } + } +} + #[derive(Debug, Serialize, Deserialize, sqlx::FromRow, Clone)] pub struct TestTemplate { pub id: Uuid, @@ -1307,3 +1319,133 @@ pub struct ApplyTemplatePayload { pub lesson_id: Uuid, pub grading_category_id: Option, } + +// ==================== Question Bank ==================== + +#[derive(Debug, Serialize, Deserialize, sqlx::Type, Clone, PartialEq)] +#[sqlx(type_name = "question_bank_type")] +pub enum QuestionBankType { + #[sqlx(rename = "multiple-choice")] + MultipleChoice, + #[sqlx(rename = "true-false")] + TrueFalse, + #[sqlx(rename = "short-answer")] + ShortAnswer, + #[sqlx(rename = "essay")] + Essay, + #[sqlx(rename = "matching")] + Matching, + #[sqlx(rename = "ordering")] + Ordering, + #[sqlx(rename = "fill-in-the-blanks")] + FillInTheBlanks, + #[sqlx(rename = "audio-response")] + AudioResponse, + #[sqlx(rename = "hotspot")] + Hotspot, + #[sqlx(rename = "code-lab")] + CodeLab, +} + +impl std::fmt::Display for QuestionBankType { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + match self { + QuestionBankType::MultipleChoice => write!(f, "multiple-choice"), + QuestionBankType::TrueFalse => write!(f, "true-false"), + QuestionBankType::ShortAnswer => write!(f, "short-answer"), + QuestionBankType::Essay => write!(f, "essay"), + QuestionBankType::Matching => write!(f, "matching"), + QuestionBankType::Ordering => write!(f, "ordering"), + QuestionBankType::FillInTheBlanks => write!(f, "fill-in-the-blanks"), + QuestionBankType::AudioResponse => write!(f, "audio-response"), + QuestionBankType::Hotspot => write!(f, "hotspot"), + QuestionBankType::CodeLab => write!(f, "code-lab"), + } + } +} + +#[derive(Debug, Serialize, Deserialize, sqlx::FromRow, Clone)] +pub struct QuestionBank { + pub id: Uuid, + pub organization_id: Uuid, + pub question_text: String, + pub question_type: QuestionBankType, + pub options: Option, + pub correct_answer: Option, + pub explanation: Option, + pub audio_url: Option, + pub audio_text: Option, + pub audio_status: Option, + pub audio_metadata: Option, + pub media_url: Option, + pub media_type: Option, + pub points: i32, + pub difficulty: Option, + pub tags: Option>, + pub skill_assessed: Option, // reading, listening, speaking, writing + pub source: Option, + pub source_metadata: Option, + pub imported_mysql_id: Option, + pub imported_mysql_course_id: Option, + pub usage_count: Option, + pub last_used_at: Option>, + pub is_active: bool, + pub is_archived: bool, + pub created_by: Option, + pub created_at: chrono::DateTime, + pub updated_at: chrono::DateTime, +} + +#[derive(Debug, Serialize, Deserialize, Clone)] +pub struct CreateQuestionBankPayload { + pub question_text: String, + pub question_type: QuestionBankType, + pub options: Option, + pub correct_answer: Option, + pub explanation: Option, + pub points: Option, + pub difficulty: Option, + pub tags: Option>, + pub media_url: Option, + pub media_type: Option, + pub generate_audio: Option, + pub skill_assessed: Option, // reading, listening, speaking, writing +} + +#[derive(Debug, Serialize, Deserialize, Clone)] +pub struct UpdateQuestionBankPayload { + pub question_text: Option, + pub question_type: Option, + pub options: Option, + pub correct_answer: Option, + pub explanation: Option, + pub points: Option, + pub difficulty: Option, + pub tags: Option>, + pub is_active: Option, + pub is_archived: Option, +} + +#[derive(Debug, Serialize, Deserialize, Clone)] +pub struct ImportQuestionFromMySQLPayload { + pub mysql_course_id: Option, + pub question_ids: Option>, // MySQL question IDs + pub import_all: Option, // Import all questions from MySQL +} + +#[derive(Debug, Serialize, Deserialize, Clone)] +pub struct GenerateAudioPayload { + pub text: String, + pub voice: Option, // Bark voice preset + pub speed: Option, +} + +#[derive(Debug, Serialize, Deserialize, Clone)] +pub struct QuestionBankFilters { + pub question_type: Option, + pub difficulty: Option, + pub tags: Option, // Comma-separated + pub source: Option, + pub search: Option, + pub has_audio: Option, +} diff --git a/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx b/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx index ec9b20d..18f4f74 100644 --- a/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx +++ b/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx @@ -364,6 +364,8 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les return ( )[block.id] || 0 : 0 } - onAttempt={async () => { + existingGrade={ + userGrade?.metadata?.quiz_answers + ? { + score: userGrade.score, + answers: userGrade.metadata.quiz_answers[block.id] || userGrade.metadata.quiz_answers, + created_at: userGrade.created_at, + } + : undefined + } + onAttempt={async (score, answers) => { if (user) { - const currentAttempts = (userGrade?.metadata?.block_attempts as Record) || {}; - const newAttempts = { - ...currentAttempts, - [block.id]: (currentAttempts[block.id] || 0) + 1 - }; - try { - const res = await lmsApi.submitScore( + // Submit the score for this specific quiz block + const res = await lmsApi.submitLessonScore( user.id, params.id, params.lessonId, - userGrade?.score || 0, - { ...userGrade?.metadata, block_attempts: newAttempts } + score, + { + quiz_answers: { [block.id]: answers }, + quiz_type: block.quiz_data?.test_type || 'quiz', + } ); setUserGrade(res); } catch (err) { - console.error("Error al guardar los intentos del bloque", err); + console.error("Error al guardar el puntaje del quiz", err); } } }} diff --git a/web/experience/src/components/blocks/QuizPlayer.tsx b/web/experience/src/components/blocks/QuizPlayer.tsx index b4e0c2b..98a06ce 100644 --- a/web/experience/src/components/blocks/QuizPlayer.tsx +++ b/web/experience/src/components/blocks/QuizPlayer.tsx @@ -1,33 +1,65 @@ "use client"; import { useState, useEffect } from "react"; +import { lmsApi } from "@/lib/api"; interface QuizQuestion { id: string; question: string; options: string[]; - correct: number[]; + correct: number | number[]; type?: 'multiple-choice' | 'true-false' | 'multiple-select'; + explanation?: string; + points?: number; } interface QuizPlayerProps { id: string; + lessonId: string; + courseId: string; title?: string; quizData: { questions: QuizQuestion[]; + instructions?: string; + passing_score?: number; + total_points?: number; + max_attempts?: number; + show_feedback?: boolean; + permanent_history?: boolean; }; allowRetry?: boolean; maxAttempts?: number; initialAttempts?: number; - onAttempt?: () => void; + existingGrade?: { + score: number; + answers: any; + created_at: string; + }; + onAttempt?: (score: number, answers: any) => void; } -export default function QuizPlayer({ id, title, quizData, allowRetry = true, maxAttempts = 0, initialAttempts = 0, onAttempt }: QuizPlayerProps) { +export default function QuizPlayer({ + id, + lessonId, + courseId, + title, + quizData, + allowRetry = true, + maxAttempts = 0, + initialAttempts = 0, + existingGrade, + onAttempt +}: QuizPlayerProps) { const [userAnswers, setUserAnswers] = useState>({}); const [submitted, setSubmitted] = useState(false); const [attempts, setAttempts] = useState(initialAttempts || 0); + const [submitting, setSubmitting] = useState(false); + const [score, setScore] = useState(null); + const [showHistory, setShowHistory] = useState(false); const questions = quizData?.questions || []; + const isSingleAttempt = maxAttempts === 1 || quizData.max_attempts === 1; + const hasExistingGrade = existingGrade !== undefined && existingGrade !== null; // Sync attempts with prop useEffect(() => { @@ -36,8 +68,18 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max } }, [initialAttempts]); + // Load existing grade if available + useEffect(() => { + if (hasExistingGrade && existingGrade?.answers) { + setUserAnswers(existingGrade.answers); + setSubmitted(true); + setScore(existingGrade.score * 100); + } + }, [existingGrade]); + const handleAnswer = (qId: string, optionIndex: number, isMulti: boolean) => { - if (submitted) return; + if (submitted) return; // No changes after submission + setUserAnswers(prev => { const current = prev[qId] || []; if (isMulti) { @@ -51,22 +93,234 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max }); }; - const handleValidate = () => { + const calculateScore = () => { + let totalPoints = 0; + let earnedPoints = 0; + + questions.forEach(q => { + const points = q.points || 1; + totalPoints += points; + + const userAnswer = userAnswers[q.id] || []; + const correctAnswer = Array.isArray(q.correct) ? q.correct : [q.correct]; + + // Check if all correct answers are selected and no incorrect ones + const allCorrectSelected = correctAnswer.every(idx => userAnswer.includes(idx)); + const noIncorrectSelected = userAnswer.every(idx => correctAnswer.includes(idx)); + + if (allCorrectSelected && noIncorrectSelected) { + earnedPoints += points; + } + }); + + return totalPoints > 0 ? earnedPoints / totalPoints : 0; + }; + + const handleValidate = async () => { if (maxAttempts > 0 && attempts >= maxAttempts) return; - setSubmitted(true); - if (onAttempt) { - onAttempt(); + // Check if all questions are answered + const allAnswered = questions.every(q => userAnswers[q.id] && userAnswers[q.id].length > 0); + if (!allAnswered) { + if (!confirm('Hay preguntas sin responder. ¿Estás seguro de que deseas enviar?')) { + return; + } + } + + try { + setSubmitting(true); + + // Calculate score + const calculatedScore = calculateScore(); + const scorePercent = Math.round(calculatedScore * 100); + setScore(scorePercent); + + // Prepare answers metadata + const answersMetadata = { + answers: userAnswers, + questions: questions.map(q => ({ + id: q.id, + question: q.question, + options: q.options, + correct: q.correct, + explanation: q.explanation, + points: q.points, + })), + submitted_at: new Date().toISOString(), + quiz_type: quizData.test_type || 'quiz', + }; + + // Submit to LMS API + await lmsApi.submitLessonScore(courseId, lessonId, calculatedScore, answersMetadata); + + setSubmitted(true); setAttempts(prev => prev + 1); + + if (onAttempt) { + onAttempt(calculatedScore, answersMetadata); + } + + // Show success message + alert(`¡Prueba enviada! Tu puntuación: ${scorePercent}%`); + } catch (error) { + console.error('Error submitting quiz:', error); + alert('Error al enviar la prueba. Por favor, inténtalo de nuevo.'); + } finally { + setSubmitting(false); } }; + const getQuestionScore = (q: QuizQuestion) => { + if (!submitted) return null; + + const userAnswer = userAnswers[q.id] || []; + const correctAnswer = Array.isArray(q.correct) ? q.correct : [q.correct]; + + const allCorrectSelected = correctAnswer.every(idx => userAnswer.includes(idx)); + const noIncorrectSelected = userAnswer.every(idx => correctAnswer.includes(idx)); + + if (allCorrectSelected && noIncorrectSelected) { + return 'correct'; + } else if (userAnswer.length === 0) { + return 'unanswered'; + } else { + return 'incorrect'; + } + }; + + // If already submitted and single attempt, show read-only view + if (hasExistingGrade && isSingleAttempt) { + return ( +
+
+
+

+ {title || "Prueba Completada"} +

+
+
+ {existingGrade?.score ? Math.round(existingGrade.score * 100) : 0}% +
+
+ {new Date(existingGrade?.created_at || Date.now()).toLocaleDateString()} +
+
+
+ +
+ + + Completado + + + 1 intento permitido + + +
+
+ + {showHistory && ( +
+ {questions.map((q, qIdx) => { + const userAnswer = userAnswers[q.id] || []; + const correctAnswer = Array.isArray(q.correct) ? q.correct : [q.correct]; + const questionScore = getQuestionScore(q); + + return ( +
+
+ + {questionScore === 'correct' ? '✓' : '✗'} + +
+

+ {qIdx + 1}. {q.question} +

+ +
+ {q.options.map((opt, oIdx) => { + const isSelected = userAnswer.includes(oIdx); + const isCorrect = correctAnswer.includes(oIdx); + + let optionClass = "p-3 rounded-lg border text-sm "; + if (isCorrect) { + optionClass += "border-green-500 bg-green-100 dark:bg-green-900/40 text-green-800 dark:text-green-200"; + } else if (isSelected && !isCorrect) { + optionClass += "border-red-500 bg-red-100 dark:bg-red-900/40 text-red-800 dark:text-red-200"; + } else { + optionClass += "border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400 opacity-60"; + } + + return ( +
+
+ {opt} + {isCorrect && ✓ Correcta} + {isSelected && !isCorrect && ✗ Tu respuesta} +
+
+ ); + })} +
+ + {q.explanation && ( +
+

+ 📝 Explicación: +

+

+ {q.explanation} +

+
+ )} +
+
+
+ ); + })} +
+ )} +
+ ); + } + + // Normal quiz mode (not yet submitted or allows retry) return (
-

- {title || "Verificación de Conocimientos"} -

+
+

+ {title || "Verificación de Conocimientos"} +

+ {isSingleAttempt && ( + + 1 Solo Intento + + )} +
+ + {quizData.instructions && ( +
+

+ Instrucciones: {quizData.instructions} +

+
+ )} + {maxAttempts > 0 && ( Intento {attempts} / {maxAttempts} @@ -75,9 +329,15 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max
- {questions.map((q) => ( -
- {q.question} + {questions.map((q, qIdx) => ( +
+ + {qIdx + 1}. {q.question} +
handleAnswer(q.id, oIdx, q.type === 'multiple-select')} - className={`p-5 rounded-xl border transition-all text-left text-sm font-bold outline-none focus:ring-2 focus:ring-blue-500/50 ${style}`} + className={`p-5 rounded-xl border transition-all text-left text-sm font-bold outline-none focus:ring-2 focus:ring-blue-500/50 disabled:cursor-not-allowed ${style}`} + disabled={submitted || submitting} >
{opt} @@ -123,34 +385,61 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max ); })}
+ + {/* Show explanation after submission if enabled */} + {submitted && q.explanation && quizData.show_feedback && ( +
+

+ 💡 Explicación: +

+

+ {q.explanation} +

+
+ )}
))} - {allowRetry && ( - <> - {!submitted && questions.length > 0 && ( - + {!submitted && questions.length > 0 && ( + + + )} + + {submitted && score !== null && ( +
+
Tu Puntuación
+
+ {score}% +
+ {quizData.passing_score && ( +
= quizData.passing_score + ? 'text-green-600 dark:text-green-400' + : 'text-red-600 dark:text-red-400' + }`}> + {score >= quizData.passing_score ? '✓ Aprobado' : '✗ No Aprobado'} + (Mínimo: {quizData.passing_score}%) +
)} - + {quizData.show_feedback && ( +

+ 📍 Revisa las explicaciones de cada pregunta más arriba +

+ )} +
)}
diff --git a/web/studio/src/app/admin/token-usage/page.tsx b/web/studio/src/app/admin/token-usage/page.tsx new file mode 100644 index 0000000..766bc10 --- /dev/null +++ b/web/studio/src/app/admin/token-usage/page.tsx @@ -0,0 +1,312 @@ +'use client'; + +import React, { useState, useEffect } from 'react'; +import { ShieldCheck, TrendingUp, Users, AlertTriangle, DollarSign, Activity } from 'lucide-react'; + +interface TokenUsage { + user_id: string; + email: string; + full_name: string; + role: string; + total_tokens: number; + input_tokens: number; + output_tokens: number; + ai_requests: number; + last_used: string; + estimated_cost_usd: number; +} + +interface TokenStats { + total_tokens: number; + total_input: number; + total_output: number; + total_requests: number; + total_cost_usd: number; + top_user_tokens: number; + avg_tokens_per_user: number; +} + +export default function AdminTokenTracking() { + const [usage, setUsage] = useState([]); + const [stats, setStats] = useState(null); + const [loading, setLoading] = useState(true); + const [filterRole, setFilterRole] = useState(''); + const [sortBy, setSortBy] = useState<'total_tokens' | 'ai_requests' | 'estimated_cost_usd'>('total_tokens'); + + useEffect(() => { + loadTokenUsage(); + }, []); + + const loadTokenUsage = async () => { + try { + const response = await fetch(`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/token-usage`, { + headers: { + 'Authorization': `Bearer ${localStorage.getItem('token')}`, + }, + }); + + if (response.ok) { + const data = await response.json(); + setUsage(data.usage || []); + setStats(data.stats); + } + } catch (error) { + console.error('Failed to load token usage:', error); + } finally { + setLoading(false); + } + }; + + const filteredUsage = usage + .filter(u => !filterRole || u.role === filterRole) + .sort((a, b) => b[sortBy] - a[sortBy]); + + const formatNumber = (num: number) => { + return new Intl.NumberFormat('en-US').format(num); + }; + + const formatCurrency = (num: number) => { + return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(num); + }; + + return ( +
+ {/* Header */} +
+
+
+
+ +
+

+ Control Global - Token Usage +

+

+ Monitoreo de tokens de IA y costos del sistema +

+
+
+
+
+
+ + {/* Stats Cards */} +
+ {stats && ( + <> +
+
+
+
+

Total Tokens

+

+ {formatNumber(stats.total_tokens)} +

+
+ +
+
+ Input: {formatNumber(stats.total_input)} | Output: {formatNumber(stats.total_output)} +
+
+ +
+
+
+

Requests IA

+

+ {formatNumber(stats.total_requests)} +

+
+ +
+
+ Avg: {formatNumber(stats.avg_tokens_per_user)} tokens/user +
+
+ +
+
+
+

Costo Estimado

+

+ {formatCurrency(stats.total_cost_usd)} +

+
+ +
+
+ Top user: {formatNumber(stats.top_user_tokens)} tokens +
+
+ +
+
+
+

Usuarios Activos

+

+ {usage.length} +

+
+ +
+
+ Monitoreando uso de IA +
+
+
+ + {/* Alerts */} + {usage.some(u => u.total_tokens > 1000000) && ( +
+ +
+

+ Usuarios con alto consumo detectado +

+

+ {usage.filter(u => u.total_tokens > 1000000).length} usuario(s) han superado 1M de tokens. + Considere implementar límites de uso. +

+
+
+ )} + + {/* Filters */} +
+
+
+ + +
+ +
+ + +
+
+
+ + {/* Usage Table */} +
+
+

+ Uso por Usuario +

+
+
+ + + + + + + + + + + + + + + {filteredUsage.map((user) => ( + + + + + + + + + + + ))} + +
+ Usuario + + Rol + + Input Tokens + + Output Tokens + + Total Tokens + + Requests + + Costo USD + + Última Actividad +
+
+
+ {user.full_name} +
+
+ {user.email} +
+
+ 		+ + {user.role} + + + {formatNumber(user.input_tokens)} + + {formatNumber(user.output_tokens)} + + 1000000 ? 'text-red-600' : + user.total_tokens > 500000 ? 'text-yellow-600' : + 'text-gray-900 dark:text-white' + }`}> + {formatNumber(user.total_tokens)} + + + {formatNumber(user.ai_requests)} + + {formatCurrency(user.estimated_cost_usd)} + + {new Date(user.last_used).toLocaleDateString()} +
+
+
+ + )} + + {loading && ( +
+
+

Cargando estadísticas de tokens...

+
+ )} +
+
+ ); +} diff --git a/web/studio/src/app/question-bank/page.tsx b/web/studio/src/app/question-bank/page.tsx new file mode 100644 index 0000000..38984be --- /dev/null +++ b/web/studio/src/app/question-bank/page.tsx @@ -0,0 +1,354 @@ +'use client'; + +import React, { useState, useEffect } from 'react'; +import { questionBankApi, QuestionBank, QuestionBankFilters, QuestionBankType } from '@/lib/api'; +import { + Plus, Search, Filter, Edit2, Trash2, Volume2, VolumeX, Download, + Upload, Sparkles, ChevronDown, ChevronUp, X, Check, AlertCircle, + Headphones, BookOpen, Tag, Hash, Globe +} from 'lucide-react'; +import QuestionBankEditor from '@/components/QuestionBank/QuestionBankEditor'; +import QuestionBankCard from '@/components/QuestionBank/QuestionBankCard'; +import MySQLImportModal from '@/components/QuestionBank/MySQLImportModal'; +import AudioGeneratorModal from '@/components/QuestionBank/AudioGeneratorModal'; + +export default function QuestionBankPage() { + const [questions, setQuestions] = useState([]); + const [loading, setLoading] = useState(true); + const [filters, setFilters] = useState({}); + const [searchTerm, setSearchTerm] = useState(''); + const [showFilters, setShowFilters] = useState(false); + const [showEditor, setShowEditor] = useState(false); + const [editingQuestion, setEditingQuestion] = useState(null); + const [showImportModal, setShowImportModal] = useState(false); + const [showAudioModal, setShowAudioModal] = useState(false); + const [selectedForAudio, setSelectedForAudio] = useState(null); + + const loadQuestions = async () => { + try { + setLoading(true); + const data = await questionBankApi.list(filters); + setQuestions(data); + } catch (error) { + console.error('Failed to load questions:', error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + loadQuestions(); + }, [filters]); + + const handleCreate = () => { + setEditingQuestion(null); + setShowEditor(true); + }; + + const handleEdit = (question: QuestionBank) => { + setEditingQuestion(question); + setShowEditor(true); + }; + + const handleDelete = async (id: string) => { + if (!confirm('¿Estás seguro de que deseas eliminar esta pregunta?')) return; + + try { + await questionBankApi.delete(id); + await loadQuestions(); + } catch (error) { + console.error('Failed to delete question:', error); + alert('Error al eliminar la pregunta'); + } + }; + + const handleImportSuccess = async () => { + setShowImportModal(false); + await loadQuestions(); + }; + + const handleAudioGenerate = (questionId: string) => { + setSelectedForAudio(questionId); + setShowAudioModal(true); + }; + + const handleAudioSuccess = async () => { + setShowAudioModal(false); + setSelectedForAudio(null); + await loadQuestions(); + }; + + const getQuestionTypeLabel = (type: QuestionBankType) => { + const labels: Record = { + 'multiple-choice': 'Opción Múltiple', + 'true-false': 'Verdadero/Falso', + 'short-answer': 'Respuesta Corta', + 'essay': 'Ensayo', + 'matching': 'Emparejamiento', + 'ordering': 'Ordenar', + 'fill-in-the-blanks': 'Completar', + 'audio-response': 'Respuesta Audio', + 'hotspot': 'Hotspot', + 'code-lab': 'Código', + }; + return labels[type] || type; + }; + + const getDifficultyColor = (difficulty?: string) => { + switch (difficulty) { + case 'easy': return 'bg-green-100 text-green-800'; + case 'medium': return 'bg-yellow-100 text-yellow-800'; + case 'hard': return 'bg-red-100 text-red-800'; + default: return 'bg-gray-100 text-gray-800'; + } + }; + + const getSourceBadge = (source?: string) => { + switch (source) { + case 'imported-mysql': + return MySQL; + case 'ai-generated': + return IA; + case 'manual': + return Manual; + default: + return null; + } + }; + + return ( +
+ {/* Header */} +
+
+
+
+

+ Banco de Preguntas +

+

+ Gestiona preguntas reutilizables con audio para tus evaluaciones +

+
+
+ + +
+
+
+
+ + {/* Stats */} +
+
+
+
{questions.length}
+
Total Preguntas
+
+
+
+ {questions.filter(q => q.source === 'imported-mysql').length} +
+
Importadas MySQL
+
+
+
+ {questions.filter(q => q.audio_status === 'ready').length} +
+
Con Audio
+
+
+
+ {questions.filter(q => q.source === 'ai-generated').length} +
+
Generadas IA
+
+
+ + {/* Search and Filters */} +
+
+ + setSearchTerm(e.target.value)} + onKeyPress={(e) => e.key === 'Enter' && loadQuestions()} + className="w-full pl-10 pr-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-800 dark:text-white" + /> +
+ +
+ + {/* Filter Panel */} + {showFilters && ( +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ )} + + {/* Questions Grid */} + {loading ? ( +
+
+

Cargando preguntas...

+
+ ) : questions.length === 0 ? ( +
+ +

No hay preguntas

+

+ Crea preguntas manualmente o impórtalas desde MySQL +

+
+ + +
+
+ ) : ( +
+ {questions.map((question) => ( + handleEdit(question)} + onDelete={() => handleDelete(question.id)} + onGenerateAudio={() => handleAudioGenerate(question.id)} + /> + ))} +
+ )} +
+ + {/* Editor Modal */} + {showEditor && ( + { + setShowEditor(false); + loadQuestions(); + }} + onCancel={() => setShowEditor(false)} + /> + )} + + {/* Import Modal */} + {showImportModal && ( + setShowImportModal(false)} + /> + )} + + {/* Audio Generator Modal */} + {showAudioModal && selectedForAudio && ( + { + setShowAudioModal(false); + setSelectedForAudio(null); + }} + /> + )} +
+ ); +} diff --git a/web/studio/src/components/Navbar.tsx b/web/studio/src/components/Navbar.tsx index cc53f02..1af422f 100644 --- a/web/studio/src/components/Navbar.tsx +++ b/web/studio/src/components/Navbar.tsx @@ -1,25 +1,32 @@ 'use client'; import Link from 'next/link'; +import { useState } from 'react'; import { useAuth } from '@/context/AuthContext'; import { useTranslation } from '@/context/I18nContext'; -import { LayoutDashboard, ShieldCheck, LogOut, Webhook, Settings, Globe, Library, BookOpen, Sun, Moon } from 'lucide-react'; +import { LayoutDashboard, ShieldCheck, LogOut, Settings, Globe, Library, BookOpen, Sun, Moon, ChevronDown, FileQuestion, Webhook, User } from 'lucide-react'; import { useBranding } from '@/context/BrandingContext'; import { useTheme } from '@/context/ThemeContext'; import { getImageUrl } from '@/lib/api'; import Image from 'next/image'; -// Clase base para TODOS los links de nav — idéntica para todos +// Clase base para TODOS los links de nav const NAV_LINK = "flex items-center gap-2 text-sm font-bold uppercase tracking-wide transition-colors text-slate-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400"; -// Admin variant — mismo tamaño pero con acento añil +// Admin variant const NAV_LINK_ADMIN = "flex items-center gap-2 text-sm font-bold uppercase tracking-wide transition-colors text-indigo-600 dark:text-indigo-400 hover:text-indigo-500 dark:hover:text-indigo-300"; +// Dropdown menu item +const DROPDOWN_ITEM = "flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"; + export function Navbar() { const { t, language, setLanguage } = useTranslation(); const { user, logout } = useAuth(); const { branding } = useBranding(); const { theme, toggleTheme } = useTheme(); + + const [coursesOpen, setCoursesOpen] = useState(false); + const [settingsOpen, setSettingsOpen] = useState(false); const platformName = branding?.platform_name || branding?.name || 'Studio'; @@ -52,39 +59,127 @@ export function Navbar() {
- - - {t('nav.courses')} - - - -