form guarda y estadisticas

apps/api/src/app.module.ts

@@ -18,8 +18,8 @@ import { MailModule } from './features/mail/mail.module';
 import { RolesModule } from './features/roles/roles.module';
 import { UserRolesModule } from './features/user-roles/user-roles.module';
 import { SurveysModule } from './features/surveys/surveys.module';
-import {InventoryModule} from './features/inventory/inventory.module'
-import { PicturesModule } from './features/pictures/pictures.module';
+import { InventoryModule } from './features/inventory/inventory.module';
+import { TrainingModule } from './features/training/training.module';
 
 @Module({
   providers: [
@@ -61,7 +61,7 @@ import { PicturesModule } from './features/pictures/pictures.module';
     SurveysModule,
     LocationModule,
     InventoryModule,
-    PicturesModule
+    TrainingModule
   ],
 })
 export class AppModule { }

apps/api/src/database/migrations/0008_plain_scream.sql

@@ -0,0 +1,37 @@
+CREATE TABLE "training_surveys" (
+	"id" serial PRIMARY KEY NOT NULL,
+	"firstname" text NOT NULL,
+	"lastname" text NOT NULL,
+	"visit_date" timestamp NOT NULL,
+	"productive_activity" text NOT NULL,
+	"financial_requirement_description" text NOT NULL,
+	"situr_code_commune" text NOT NULL,
+	"communal_council" text NOT NULL,
+	"situr_code_communal_council" text NOT NULL,
+	"osp_name" text NOT NULL,
+	"osp_address" text NOT NULL,
+	"osp_rif" text NOT NULL,
+	"osp_type" text NOT NULL,
+	"current_status" text NOT NULL,
+	"company_constitution_year" integer NOT NULL,
+	"producer_count" integer NOT NULL,
+	"product_description" text NOT NULL,
+	"installed_capacity" text NOT NULL,
+	"operational_capacity" text NOT NULL,
+	"osp_responsible_fullname" text NOT NULL,
+	"osp_responsible_cedula" text NOT NULL,
+	"osp_responsible_rif" text NOT NULL,
+	"osp_responsible_phone" text NOT NULL,
+	"civil_state" text NOT NULL,
+	"family_burden" integer NOT NULL,
+	"number_of_children" integer NOT NULL,
+	"general_observations" text NOT NULL,
+	"photo1" text NOT NULL,
+	"photo2" text NOT NULL,
+	"photo3" text NOT NULL,
+	"paralysis_reason" text NOT NULL,
+	"created_at" timestamp DEFAULT now() NOT NULL,
+	"updated_at" timestamp (3)
+);
+--> statement-breakpoint
+CREATE INDEX "training_surveys_index_00" ON "training_surveys" USING btree ("firstname");

apps/api/src/database/migrations/0009_eminent_ares.sql

@@ -0,0 +1,7 @@
+ALTER TABLE "training_surveys" ADD COLUMN "state" integer;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD COLUMN "municipality" integer;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD COLUMN "parish" integer;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD COLUMN "osp_responsible_email" text NOT NULL;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD CONSTRAINT "training_surveys_state_states_id_fk" FOREIGN KEY ("state") REFERENCES "public"."states"("id") ON DELETE set null ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD CONSTRAINT "training_surveys_municipality_municipalities_id_fk" FOREIGN KEY ("municipality") REFERENCES "public"."municipalities"("id") ON DELETE set null ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "training_surveys" ADD CONSTRAINT "training_surveys_parish_parishes_id_fk" FOREIGN KEY ("parish") REFERENCES "public"."parishes"("id") ON DELETE set null ON UPDATE no action;

apps/api/src/database/migrations/meta/_journal.json

@@ -57,6 +57,20 @@
       "when": 1754420096323,
       "tag": "0007_curved_fantastic_four",
       "breakpoints": true
+    },
+    {
+      "idx": 8,
+      "version": "7",
+      "when": 1764623430844,
+      "tag": "0008_plain_scream",
+      "breakpoints": true
+    },
+    {
+      "idx": 9,
+      "version": "7",
+      "when": 1764883378610,
+      "tag": "0009_eminent_ares",
+      "breakpoints": true
     }
   ]
 }

apps/api/src/database/schema/surveys.ts

@@ -2,6 +2,7 @@ import * as t from 'drizzle-orm/pg-core';
 import { eq, lt, gte, ne, sql } from 'drizzle-orm';
 import { timestamps } from '../timestamps';
 import { users } from './auth';
+import { states, municipalities, parishes } from './general';
 
 
 // Tabla surveys
@@ -44,7 +45,57 @@ export const answersSurveys = t.pgTable(
   }),
 );
 
-
+// Tabla training_surveys
+export const trainingSurveys = t.pgTable(
+  'training_surveys',
+  {
+    // Datos basicos
+    id: t.serial('id').primaryKey(),
+    firstname: t.text('firstname').notNull(),
+    lastname: t.text('lastname').notNull(),
+    visitDate: t.timestamp('visit_date').notNull(),
+    // ubicacion
+    state: t.integer('state').references(() => states.id, { onDelete: 'set null' }),
+    municipality: t.integer('municipality').references(() => municipalities.id, { onDelete: 'set null' }),
+    parish: t.integer('parish').references(() => parishes.id, { onDelete: 'set null' }),
+    siturCodeCommune: t.text('situr_code_commune').notNull(),
+    communalCouncil: t.text('communal_council').notNull(),
+    siturCodeCommunalCouncil: t.text('situr_code_communal_council').notNull(),
+    // datos del OSP (ORGANIZACIÓN SOCIOPRODUCTIVA)
+    ospName: t.text('osp_name').notNull(),
+    ospAddress: t.text('osp_address').notNull(),
+    ospRif: t.text('osp_rif').notNull(),
+    ospType: t.text('osp_type').notNull(),
+    productiveActivity: t.text('productive_activity').notNull(),
+    financialRequirementDescription: t.text('financial_requirement_description').notNull(),
+    currentStatus: t.text('current_status').notNull(),
+    companyConstitutionYear: t.integer('company_constitution_year').notNull(),
+    producerCount: t.integer('producer_count').notNull(),
+    productDescription: t.text('product_description').notNull(),
+    installedCapacity: t.text('installed_capacity').notNull(),
+    operationalCapacity: t.text('operational_capacity').notNull(),
+    // datos del responsable
+    ospResponsibleFullname: t.text('osp_responsible_fullname').notNull(),
+    ospResponsibleCedula: t.text('osp_responsible_cedula').notNull(),
+    ospResponsibleRif: t.text('osp_responsible_rif').notNull(),
+    ospResponsiblePhone: t.text('osp_responsible_phone').notNull(),
+    ospResponsibleEmail: t.text('osp_responsible_email').notNull(),
+    civilState: t.text('civil_state').notNull(),
+    familyBurden: t.integer('family_burden').notNull(),
+    numberOfChildren: t.integer('number_of_children').notNull(),
+    // datos adicionales
+    generalObservations: t.text('general_observations').notNull(),
+    paralysisReason: t.text('paralysis_reason').notNull(),
+    // fotos
+    photo1: t.text('photo1').notNull(),
+    photo2: t.text('photo2').notNull(),
+    photo3: t.text('photo3').notNull(),
+    ...timestamps,
+  },
+  (trainingSurveys) => ({
+    trainingSurveysIndex: t.index('training_surveys_index_00').on(trainingSurveys.firstname),
+  })
+);
 
 export const viewSurveys = t.pgView('v_surveys', {
   surverId: t.integer('survey_id'),

apps/api/src/features/auth/auth.controller.ts

@@ -1,3 +1,4 @@
+// api/src/feacture/auth/auth.controller.ts
 import { Public } from '@/common/decorators';
 import { JwtRefreshGuard } from '@/common/guards/jwt-refresh.guard';
 import { RefreshTokenDto } from '@/features/auth/dto/refresh-token.dto';
@@ -51,24 +52,16 @@ export class AuthController {
   //   return { message: 'Password reset link sent to your email' };
   // }
 
-  @UseGuards(JwtRefreshGuard)
+  // @UseGuards(JwtRefreshGuard)
   @Public()
   @HttpCode(200)
   @Patch('refresh')
   //@RequirePermissions('auth:refresh-token')
-  async refreshToken(@Req() req: Request,@Body() refreshTokenDto: RefreshTokenDto) {
+  async refreshToken(@Body() refreshTokenDto: any) {
   
-    // console.log("Pepeeeee");
-    // console.log(req['user']);
-    // console.log("refreshTokenDto",refreshTokenDto);
-    // console.log(typeof refreshTokenDto);
+    const data = await this.authService.refreshToken(refreshTokenDto);
     
-    const data = await this.authService.refreshToken(refreshTokenDto,req['user'].sub);
-    // console.log("data",data);
-    
-    if (!data) {
-      return null;
-    }
+    if (!data) return null;
 
     return {tokens: data}
   }

apps/api/src/features/auth/auth.service.ts

@@ -1,3 +1,4 @@
+// auth.service
 import { envs } from '@/common/config/envs';
 import { Env, validateString } from '@/common/utils';
 import { DRIZZLE_PROVIDER } from '@/database/drizzle-provider';
@@ -88,7 +89,7 @@ export class AuthService {
         },
         {
           secret: envs.access_token_secret,
-          expiresIn: envs.access_token_expiration,
+          expiresIn: envs.access_token_expiration as any,
         },
       ),
       this.jwtService.signAsync(
@@ -98,7 +99,7 @@ export class AuthService {
         },
         {
           secret: envs.refresh_token_secret,
-          expiresIn: envs.refresh_token_expiration,
+          expiresIn: envs.refresh_token_expiration as any,
         },
       ),
     ]);
@@ -261,10 +262,16 @@ export class AuthService {
   }
 
   //Refresh User Access Token
-  async refreshToken(dto: RefreshTokenDto,user_id:number): Promise<RefreshTokenInterface> {
-    // const { user_id } = dto;
+  async refreshToken(dto: RefreshTokenDto): Promise<RefreshTokenInterface> {
+    const { user_id, refresh_token } = dto;
     // const user_id = 1;
 
+    const validation = await this.jwtService.verifyAsync(refresh_token, {
+      secret: envs.refresh_token_secret,
+    });
+
+    if (!validation) throw new UnauthorizedException('Invalid refresh token');
+
     const session = await this.drizzle
       .select()
       .from(sessions)

apps/api/src/features/auth/dto/refresh-token.dto.ts

@@ -1,3 +1,4 @@
+// refresh-token
 import { ApiProperty } from '@nestjs/swagger';
 import { IsNumber, IsString } from 'class-validator';
 
@@ -8,7 +9,7 @@ export class RefreshTokenDto {
   })
   refresh_token: string;
 
-  // @ApiProperty()
-  // @IsNumber()
-  // user_id: number;
+  @ApiProperty()
+  @IsNumber()
+  user_id: number;
 }

apps/api/src/features/pictures/pictures.controller.ts

@@ -1,19 +0,0 @@
-import { Controller, Post, UploadedFiles, UseInterceptors, Body } from '@nestjs/common';
-import { FilesInterceptor } from '@nestjs/platform-express';
-import { PicturesService } from './pictures.service';
-
-@Controller('pictures')
-export class PicturesController {
-  constructor(private readonly picturesService: PicturesService) {}
-
-  @Post('upload')
-  @UseInterceptors(FilesInterceptor('urlImg'))
-  async uploadFile(@UploadedFiles() files: Express.Multer.File[], @Body() body: any) {
-    // Aquí puedes acceder a los campos del formulario
-    // console.log('Archivos:', files);
-    // console.log('Otros campos del formulario:', body);
-    const result = await this.picturesService.saveImages(files);
-    
-    return { data: result };
-  }
-}

apps/api/src/features/pictures/pictures.module.ts

@@ -1,10 +0,0 @@
-
-import { Module } from '@nestjs/common';
-import { PicturesController } from './pictures.controller';
-import { PicturesService } from './pictures.service';
-
-@Module({
-  controllers: [PicturesController],
-  providers: [PicturesService],
-})
-export class PicturesModule {}

apps/api/src/features/pictures/pictures.service.ts

@@ -1,41 +0,0 @@
-
-import { Injectable } from '@nestjs/common';
-import { writeFile } from 'fs/promises';
-import { join } from 'path';
-
-@Injectable()
-export class PicturesService {
-  /**
-   * Guarda una imagen en el directorio de imágenes.
-   * @param file - El archivo de imagen a guardar.
-   * @returns La ruta de la imagen guardada.
-   */
-  async saveImages(file: Express.Multer.File[]): Promise<string[]> {
-    // Construye la ruta al directorio de imágenes.
-    
-    const picturesPath = join(__dirname, '..', '..', '..', '..', 'uploads','pict');
-    
-    console.log(picturesPath);
-    
-    let images : string[] = [];
-
-    let count = 0;
-
-    file.forEach(async (file) => {
-      count++
-      // Crea un nombre de archivo único para la imagen.
-      const fileName = `${Date.now()}-${count}-${file.originalname}`;
-      images.push(fileName);
-      // console.log(fileName);
-
-      // Construye la ruta completa al archivo de imagen.
-      const filePath = join(picturesPath, fileName);
-
-      // Escribe el archivo de imagen en el disco.
-      await writeFile(filePath, file.buffer);
-    });
-    // Devuelve la ruta de la imagen guardada.
-    // return [file[0].originalname]
-    return images;
-  }
-}

apps/api/src/features/training/dto/create-training.dto.ts

@@ -0,0 +1,140 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsInt, IsString, IsDateString, IsOptional } from 'class-validator';
+
+export class CreateTrainingDto {
+    @ApiProperty()
+    @IsString()
+    firstname: string;
+
+    @ApiProperty()
+    @IsString()
+    lastname: string;
+
+    @ApiProperty()
+    @IsDateString()
+    visitDate: string;
+
+    @ApiProperty()
+    @IsString()
+    productiveActivity: string;
+
+    @ApiProperty()
+    @IsString()
+    financialRequirementDescription: string;
+
+    @ApiProperty()
+    @IsInt()
+    state: number;
+
+    @ApiProperty()
+    @IsInt()
+    municipality: number;
+
+    @ApiProperty()
+    @IsInt()
+    parish: number;
+
+    @ApiProperty()
+    @IsString()
+    siturCodeCommune: string;
+
+    @ApiProperty()
+    @IsString()
+    communalCouncil: string;
+
+    @ApiProperty()
+    @IsString()
+    siturCodeCommunalCouncil: string;
+
+    @ApiProperty()
+    @IsString()
+    ospName: string;
+
+    @ApiProperty()
+    @IsString()
+    ospAddress: string;
+
+    @ApiProperty()
+    @IsString()
+    ospRif: string;
+
+    @ApiProperty()
+    @IsString()
+    ospType: string;
+
+    @ApiProperty()
+    @IsString()
+    currentStatus: string;
+
+    @ApiProperty()
+    @IsInt()
+    companyConstitutionYear: number;
+
+    @ApiProperty()
+    @IsInt()
+    producerCount: number;
+
+    @ApiProperty()
+    @IsString()
+    productDescription: string;
+
+    @ApiProperty()
+    @IsString()
+    installedCapacity: string;
+
+    @ApiProperty()
+    @IsString()
+    operationalCapacity: string;
+
+    @ApiProperty()
+    @IsString()
+    ospResponsibleFullname: string;
+
+    @ApiProperty()
+    @IsString()
+    ospResponsibleCedula: string;
+
+    @ApiProperty()
+    @IsString()
+    ospResponsibleRif: string;
+
+    @ApiProperty()
+    @IsString()
+    ospResponsiblePhone: string;
+
+    @ApiProperty()
+    @IsString()
+    ospResponsibleEmail: string;
+
+    @ApiProperty()
+    @IsString()
+    civilState: string;
+
+    @ApiProperty()
+    @IsInt()
+    familyBurden: number;
+
+    @ApiProperty()
+    @IsInt()
+    numberOfChildren: number;
+
+    @ApiProperty()
+    @IsString()
+    generalObservations: string;
+
+    @ApiProperty()
+    @IsString()
+    photo1: string;
+
+    @ApiProperty()
+    @IsString()
+    photo2: string;
+
+    @ApiProperty()
+    @IsString()
+    photo3: string;
+
+    @ApiProperty()
+    @IsString()
+    paralysisReason: string;
+}

apps/api/src/features/training/dto/training-statistics-filter.dto.ts

@@ -0,0 +1,38 @@
+import { IsOptional, IsString, IsNumber, IsDateString } from 'class-validator';
+import { Type } from 'class-transformer';
+import { ApiPropertyOptional } from '@nestjs/swagger';
+
+export class TrainingStatisticsFilterDto {
+    @ApiPropertyOptional()
+    @IsOptional()
+    @IsDateString()
+    startDate?: string;
+
+    @ApiPropertyOptional()
+    @IsOptional()
+    @IsDateString()
+    endDate?: string;
+
+    @ApiPropertyOptional()
+    @IsOptional()
+    @Type(() => Number)
+    @IsNumber()
+    stateId?: number;
+
+    @ApiPropertyOptional()
+    @IsOptional()
+    @Type(() => Number)
+    @IsNumber()
+    municipalityId?: number;
+
+    @ApiPropertyOptional()
+    @IsOptional()
+    @Type(() => Number)
+    @IsNumber()
+    parishId?: number;
+
+    @ApiPropertyOptional()
+    @IsOptional()
+    @IsString()
+    ospType?: string;
+}

apps/api/src/features/training/dto/update-training.dto.ts

@@ -0,0 +1,4 @@
+import { PartialType } from '@nestjs/swagger';
+import { CreateTrainingDto } from './create-training.dto';
+
+export class UpdateTrainingDto extends PartialType(CreateTrainingDto) { }

apps/api/src/features/training/training.controller.ts

@@ -0,0 +1,68 @@
+import { Controller, Get, Post, Body, Patch, Param, Delete, Query } from '@nestjs/common';
+import { TrainingService } from './training.service';
+import { CreateTrainingDto } from './dto/create-training.dto';
+import { UpdateTrainingDto } from './dto/update-training.dto';
+import { ApiOperation, ApiResponse, ApiTags } from '@nestjs/swagger';
+import { PaginationDto } from '../../common/dto/pagination.dto';
+
+import { TrainingStatisticsFilterDto } from './dto/training-statistics-filter.dto';
+
+@ApiTags('training')
+@Controller('training')
+export class TrainingController {
+    constructor(private readonly trainingService: TrainingService) { }
+
+    @Get()
+    @ApiOperation({ summary: 'Get all training records with pagination and filters' })
+    @ApiResponse({ status: 200, description: 'Return paginated training records.' })
+    async findAll(@Query() paginationDto: PaginationDto) {
+        const result = await this.trainingService.findAll(paginationDto);
+        return {
+            message: 'Training records fetched successfully',
+            data: result.data,
+            meta: result.meta
+        };
+    }
+
+    @Get('statistics')
+    @ApiOperation({ summary: 'Get training statistics' })
+    @ApiResponse({ status: 200, description: 'Return training statistics.' })
+    async getStatistics(@Query() filterDto: TrainingStatisticsFilterDto) {
+        const data = await this.trainingService.getStatistics(filterDto);
+        return { message: 'Training statistics fetched successfully', data };
+    }
+
+    @Get(':id')
+    @ApiOperation({ summary: 'Get a training record by ID' })
+    @ApiResponse({ status: 200, description: 'Return the training record.' })
+    @ApiResponse({ status: 404, description: 'Training record not found.' })
+    async findOne(@Param('id') id: string) {
+        const data = await this.trainingService.findOne(+id);
+        return { message: 'Training record fetched successfully', data };
+    }
+
+    @Post()
+    @ApiOperation({ summary: 'Create a new training record' })
+    @ApiResponse({ status: 201, description: 'Training record created successfully.' })
+    async create(@Body() createTrainingDto: CreateTrainingDto) {
+        const data = await this.trainingService.create(createTrainingDto);
+        return { message: 'Training record created successfully', data };
+    }
+
+    @Patch(':id')
+    @ApiOperation({ summary: 'Update a training record' })
+    @ApiResponse({ status: 200, description: 'Training record updated successfully.' })
+    @ApiResponse({ status: 404, description: 'Training record not found.' })
+    async update(@Param('id') id: string, @Body() updateTrainingDto: UpdateTrainingDto) {
+        const data = await this.trainingService.update(+id, updateTrainingDto);
+        return { message: 'Training record updated successfully', data };
+    }
+
+    @Delete(':id')
+    @ApiOperation({ summary: 'Delete a training record' })
+    @ApiResponse({ status: 200, description: 'Training record deleted successfully.' })
+    @ApiResponse({ status: 404, description: 'Training record not found.' })
+    async remove(@Param('id') id: string) {
+        return await this.trainingService.remove(+id);
+    }
+}

apps/api/src/features/training/training.module.ts

@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { TrainingService } from './training.service';
+import { TrainingController } from './training.controller';
+
+@Module({
+    controllers: [TrainingController],
+    providers: [TrainingService],
+    exports: [TrainingService],
+})
+export class TrainingModule { }

apps/api/src/features/training/training.service.ts

@@ -0,0 +1,223 @@
+import { DRIZZLE_PROVIDER } from 'src/database/drizzle-provider';
+import { Inject, Injectable, HttpException, HttpStatus } from '@nestjs/common';
+import { NodePgDatabase } from 'drizzle-orm/node-postgres';
+import * as schema from 'src/database/index';
+import { trainingSurveys } from 'src/database/index';
+import { eq, like, or, and, gte, lte, SQL, sql } from 'drizzle-orm';
+import { CreateTrainingDto } from './dto/create-training.dto';
+import { UpdateTrainingDto } from './dto/update-training.dto';
+import { TrainingStatisticsFilterDto } from './dto/training-statistics-filter.dto';
+import { states } from 'src/database/index';
+import { PaginationDto } from '../../common/dto/pagination.dto';
+
+@Injectable()
+export class TrainingService {
+    constructor(
+        @Inject(DRIZZLE_PROVIDER) private drizzle: NodePgDatabase<typeof schema>,
+    ) { }
+
+
+    async findAll(paginationDto?: PaginationDto) {
+        const { page = 1, limit = 10, search = '', sortBy = 'id', sortOrder = 'asc' } = paginationDto || {};
+
+        const offset = (page - 1) * limit;
+
+        let searchCondition: SQL<unknown> | undefined;
+        if (search) {
+            searchCondition = or(
+                like(trainingSurveys.firstname, `%${search}%`),
+                like(trainingSurveys.lastname, `%${search}%`),
+                like(trainingSurveys.ospName, `%${search}%`),
+                like(trainingSurveys.ospRif, `%${search}%`)
+            );
+        }
+
+        const orderBy = sortOrder === 'asc'
+            ? sql`${trainingSurveys[sortBy as keyof typeof trainingSurveys]} asc`
+            : sql`${trainingSurveys[sortBy as keyof typeof trainingSurveys]} desc`;
+
+        const totalCountResult = await this.drizzle
+            .select({ count: sql<number>`count(*)` })
+            .from(trainingSurveys)
+            .where(searchCondition);
+
+        const totalCount = Number(totalCountResult[0].count);
+        const totalPages = Math.ceil(totalCount / limit);
+
+        const data = await this.drizzle
+            .select()
+            .from(trainingSurveys)
+            .where(searchCondition)
+            .orderBy(orderBy)
+            .limit(limit)
+            .offset(offset);
+
+        const meta = {
+            page,
+            limit,
+            totalCount,
+            totalPages,
+            hasNextPage: page < totalPages,
+            hasPreviousPage: page > 1,
+            nextPage: page < totalPages ? page + 1 : null,
+            previousPage: page > 1 ? page - 1 : null,
+        };
+
+        return { data, meta };
+    }
+
+    async getStatistics(filterDto: TrainingStatisticsFilterDto) {
+        const { startDate, endDate, stateId, municipalityId, parishId, ospType } = filterDto;
+
+        const filters: SQL[] = [];
+
+        if (startDate) {
+            filters.push(gte(trainingSurveys.visitDate, new Date(startDate)));
+        }
+
+        if (endDate) {
+            filters.push(lte(trainingSurveys.visitDate, new Date(endDate)));
+        }
+
+        if (stateId) {
+            filters.push(eq(trainingSurveys.state, stateId));
+        }
+
+        if (municipalityId) {
+            filters.push(eq(trainingSurveys.municipality, municipalityId));
+        }
+
+        if (parishId) {
+            filters.push(eq(trainingSurveys.parish, parishId));
+        }
+
+        if (ospType) {
+            filters.push(eq(trainingSurveys.ospType, ospType));
+        }
+
+        const whereCondition = filters.length > 0 ? and(...filters) : undefined;
+
+        const totalOspsResult = await this.drizzle
+            .select({ count: sql<number>`count(*)` })
+            .from(trainingSurveys)
+            .where(whereCondition);
+        const totalOsps = Number(totalOspsResult[0].count);
+
+        const totalProducersResult = await this.drizzle
+            .select({ sum: sql<number>`sum(${trainingSurveys.producerCount})` })
+            .from(trainingSurveys)
+            .where(whereCondition);
+        const totalProducers = Number(totalProducersResult[0].sum || 0);
+
+        const statusDistribution = await this.drizzle
+            .select({
+                name: trainingSurveys.currentStatus,
+                value: sql<number>`count(*)`
+            })
+            .from(trainingSurveys)
+            .where(whereCondition)
+            .groupBy(trainingSurveys.currentStatus);
+
+        const activityDistribution = await this.drizzle
+            .select({
+                name: trainingSurveys.productiveActivity,
+                value: sql<number>`count(*)`
+            })
+            .from(trainingSurveys)
+            .where(whereCondition)
+            .groupBy(trainingSurveys.productiveActivity);
+
+        const typeDistribution = await this.drizzle
+            .select({
+                name: trainingSurveys.ospType,
+                value: sql<number>`count(*)`
+            })
+            .from(trainingSurveys)
+            .where(whereCondition)
+            .groupBy(trainingSurveys.ospType);
+
+        // New Aggregations
+        const stateDistribution = await this.drizzle
+            .select({
+                name: states.name,
+                value: sql<number>`count(${trainingSurveys.id})`
+            })
+            .from(trainingSurveys)
+            .leftJoin(states, eq(trainingSurveys.state, states.id))
+            .where(whereCondition)
+            .groupBy(states.name);
+
+        const yearDistribution = await this.drizzle
+            .select({
+                name: sql<string>`cast(${trainingSurveys.companyConstitutionYear} as text)`,
+                value: sql<number>`count(*)`
+            })
+            .from(trainingSurveys)
+            .where(whereCondition)
+            .groupBy(trainingSurveys.companyConstitutionYear)
+            .orderBy(trainingSurveys.companyConstitutionYear);
+
+        return {
+            totalOsps,
+            totalProducers,
+            statusDistribution: statusDistribution.map(item => ({ ...item, value: Number(item.value) })),
+            activityDistribution: activityDistribution.map(item => ({ ...item, value: Number(item.value) })),
+            typeDistribution: typeDistribution.map(item => ({ ...item, value: Number(item.value) })),
+            stateDistribution: stateDistribution.map(item => ({ ...item, value: Number(item.value) })),
+            yearDistribution: yearDistribution.map(item => ({ ...item, value: Number(item.value) })),
+        };
+    }
+
+    async findOne(id: number) {
+        const find = await this.drizzle
+            .select()
+            .from(trainingSurveys)
+            .where(eq(trainingSurveys.id, id));
+
+        if (find.length === 0) {
+            throw new HttpException('Training record not found', HttpStatus.NOT_FOUND);
+        }
+
+        return find[0];
+    }
+
+    async create(createTrainingDto: CreateTrainingDto) {
+        const [newRecord] = await this.drizzle
+            .insert(trainingSurveys)
+            .values({
+                ...createTrainingDto,
+                visitDate: new Date(createTrainingDto.visitDate),
+            })
+            .returning();
+
+        return newRecord;
+    }
+
+    async update(id: number, updateTrainingDto: UpdateTrainingDto) {
+        await this.findOne(id);
+
+        const updateData: any = { ...updateTrainingDto };
+        if (updateTrainingDto.visitDate) {
+            updateData.visitDate = new Date(updateTrainingDto.visitDate);
+        }
+
+        const [updatedRecord] = await this.drizzle
+            .update(trainingSurveys)
+            .set(updateData)
+            .where(eq(trainingSurveys.id, id))
+            .returning();
+
+        return updatedRecord;
+    }
+
+    async remove(id: number) {
+        await this.findOne(id);
+
+        const [deletedRecord] = await this.drizzle
+            .delete(trainingSurveys)
+            .where(eq(trainingSurveys.id, id))
+            .returning();
+
+        return { message: 'Training record deleted successfully', data: deletedRecord };
+    }
+}

apps/web/app/dashboard/configuraciones/caja-ahorro/page.tsx

@@ -1,19 +0,0 @@
-import PageContainer from '@/components/layout/page-container';
-
-const Page = () => {
-  return (
-    <PageContainer>
-        <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-          En mantenimiento
-        </div>
-      
-    </PageContainer>
-    // <div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">
-    //   <div className="flex w-full max-w-sm flex-col gap-6">
-       
-    //   </div>
-    // </div>
-  );
-};
-
-export default Page;

apps/web/app/dashboard/estadisticas/socioproductiva/page.tsx

@@ -0,0 +1,19 @@
+import PageContainer from '@/components/layout/page-container';
+import { TrainingStatistics } from '@/feactures/training/components/training-statistics';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Estadísticas Socioproductivas - Fondemi',
+    description: 'Análisis y estadísticas de las Organizaciones Socioproductivas',
+};
+
+export default function SocioproductivaStatisticsPage() {
+    return (
+        <PageContainer>
+            <div className="w-full">
+                <h1 className="text-2xl font-bold mb-6">Estadísticas Socioproductivas</h1>
+                <TrainingStatistics />
+            </div>
+        </PageContainer>
+    );
+}

apps/web/app/dashboard/formulario/page.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import PageContainer from '@/components/layout/page-container';
+import { CreateTrainingForm } from '@/feactures/training/components/form';
+
+const Page = () => {
+    return (
+
+        <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
+            <CreateTrainingForm />
+        </div>
+    );
+};
+
+export default Page;

apps/web/app/layout.tsx

@@ -26,7 +26,7 @@ export const metadata = {
   openGraph: {
     type: 'website',
     title: 'fondemi',
-    description: 'Sistema integral para cajas de ahorro',
+    description: 'Sistema integral para fondemi',
     url: 'https://turbo-npn.onrender.com',
     images: [
       {

apps/web/components/layout/app-sidebar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { NavMain as GeneralMain, NavMain as AdministrationMain, NavMain as StatisticsMain, } from '@/components/nav-main';
-import { GeneralItems, AdministrationItems, StatisticsItems } from '@/constants/data';
+import { GeneralItems, AdministrationItems, StatisticsItems } from '@/constants/routes';
 import {
   Sidebar,
   SidebarContent,

apps/web/constants/routes.ts

@@ -18,6 +18,14 @@ export const GeneralItems: NavItem[] = [
     isActive: false,
     items: [], // No child items
   },
+  {
+    title: 'Formulario',
+    url: '/dashboard/formulario/',
+    icon: 'notepadText',
+    shortcut: ['p', 'p'],
+    isActive: false,
+    items: [], // No child items
+  },
 ];
 
 
@@ -71,6 +79,13 @@ export const StatisticsItems: NavItem[] = [
         icon: 'notepadText',
         role: ['admin', 'superadmin', 'autoridad'],
       },
+      {
+        title: 'Socioproductiva',
+        shortcut: ['s', 's'],
+        url: '/dashboard/estadisticas/socioproductiva',
+        icon: 'blocks',
+        role: ['admin', 'superadmin', 'autoridad'],
+      },
     ],
   },
 ];

apps/web/feactures/auth/actions/refresh-token-action.ts

@@ -1,3 +1,4 @@
+// auth/actions/refresh-token-action.ts
 'use server';
 import { refreshApi } from '@/lib/refreshApi'; // Importa la nueva instancia
 import {
@@ -7,7 +8,7 @@ import {
 
 export const resfreshTokenAction = async (refreshToken: RefreshTokenValue) => {
   try {
-    const response = await refreshApi.patch('/auth/refresh', {refresh_token: refreshToken.token});
+    const response = await refreshApi.patch('/auth/refresh', refreshToken);
 
     const parsed = RefreshTokenResponseSchema.safeParse(response.data);   
 

apps/web/feactures/auth/components/sigin-view.tsx

@@ -13,14 +13,14 @@ export function LoginForm({
 
   return (
     <div className={cn("", className)} {...props}>
-      <Card className="overflow-hidden">
-        <CardContent className="grid p-0 md:grid-cols-2">
+      <Card className="">
+        <CardContent className="flex flex-col-reverse md:flex-row p-0">
           <UserAuthForm />
-          <div className="relative hidden bg-muted md:block">
+          <div className="md:bg-muted">
             <img
               src="logo.png"
-              alt="Image"
-              className="absolute inset-0 p-10 h-full w-full"
+              alt="Imagen del Logo"
+              className="pt-3 md:p-3 h-full w-1/3 md:w-full m-auto "
             />
           </div>
         </CardContent>

apps/web/feactures/auth/components/signup-view.tsx

@@ -15,13 +15,13 @@ export function LoginForm({
   return (
     <div className={cn("", className)} {...props}>
       <Card className="overflow-hidden">
-        <CardContent className="flex p-0">
+        <CardContent className="flex flex-col-reverse md:flex-row p-0">
           <UserAuthForm />
-          <div className="hidden bg-muted md:block m-auto">
+          <div className="md:m-auto">
             <img
               src="logo.png"
               alt="Image"
-              className="inset-0 p-5"
+              className="pt-3 md:p-5 w-1/3 md:w-full m-auto"
             />
           </div>
         </CardContent>

apps/web/feactures/auth/components/user-auth-form.tsx

@@ -69,11 +69,11 @@ export default function UserAuthForm() {
     <>
       <Form {...form}>
 
-        <form className="p-6 md:p-8"  onSubmit={form.handleSubmit(onSubmit)}>
+        <form className="flex-none p-6 md:p-8"  onSubmit={form.handleSubmit(onSubmit)}>
             <div className="flex flex-col gap-6">
-              <div className="flex flex-col items-center text-center">
+              <div className="text-center">
                 <h1 className="text-2xl font-bold">Sistema para productores</h1>
-                <p className="text-balance text-muted-foreground">
+                <p className="text-balance text-muted-foreground hidden md:block">
                   Ingresa tus datos
                 </p>
               </div>

apps/web/feactures/auth/schemas/refreshToken.ts

@@ -1,8 +1,10 @@
+// refreshtoken
 import { z } from 'zod';
 import { tokensSchema } from './login';
 
 // Esquema para el refresh token
 export const refreshTokenSchema = z.object({
+  user_id: z.number(),
   token: z.string(),
 });
 

apps/web/feactures/surveys/components/admin/surveys-header.tsx

@@ -15,7 +15,7 @@ export function SurveysHeader() {
           description="Gestiona las encuestas disponibles en la plataforma"
         />
         <Button onClick={() => router.push(`/dashboard/administracion/encuestas/crear`)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Encuesta
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Encuesta</span>
         </Button>
       </div>
 

apps/web/feactures/training/actions/training-actions.ts

@@ -0,0 +1,123 @@
+'use server';
+import { safeFetchApi } from '@/lib/fetch.api';
+import {
+    TrainingSchema,
+    TrainingMutate,
+    trainingApiResponseSchema
+} from '../schemas/training';
+import { trainingStatisticsResponseSchema } from '../schemas/statistics';
+
+export const getTrainingStatisticsAction = async (params: {
+    startDate?: string;
+    endDate?: string;
+    stateId?: number;
+    municipalityId?: number;
+    parishId?: number;
+    ospType?: string;
+} = {}) => {
+    const searchParams = new URLSearchParams();
+    if (params.startDate) searchParams.append('startDate', params.startDate);
+    if (params.endDate) searchParams.append('endDate', params.endDate);
+    if (params.stateId) searchParams.append('stateId', params.stateId.toString());
+    if (params.municipalityId) searchParams.append('municipalityId', params.municipalityId.toString());
+    if (params.parishId) searchParams.append('parishId', params.parishId.toString());
+    if (params.ospType) searchParams.append('ospType', params.ospType);
+
+    const [error, response] = await safeFetchApi(
+        trainingStatisticsResponseSchema,
+        `/training/statistics?${searchParams.toString()}`,
+        'GET',
+    );
+
+    if (error) throw new Error(error.message);
+
+    return response?.data;
+}
+
+
+export const getTrainingAction = async (params: {
+    page?: number;
+    limit?: number;
+    search?: string;
+    sortBy?: string;
+    sortOrder?: 'asc' | 'desc';
+}) => {
+
+    const searchParams = new URLSearchParams({
+        page: (params.page || 1).toString(),
+        limit: (params.limit || 10).toString(),
+        ...(params.search && { search: params.search }),
+        ...(params.sortBy && { sortBy: params.sortBy }),
+        ...(params.sortOrder && { sortOrder: params.sortOrder }),
+    });
+
+    const [error, response] = await safeFetchApi(
+        trainingApiResponseSchema,
+        `/training?${searchParams}`,
+        'GET',
+    );
+
+    if (error) throw new Error(error.message);
+
+    return {
+        data: response?.data || [],
+        meta: response?.meta || {
+            page: 1,
+            limit: 10,
+            totalCount: 0,
+            totalPages: 1,
+            hasNextPage: false,
+            hasPreviousPage: false,
+            nextPage: null,
+            previousPage: null,
+        },
+    };
+}
+
+export const createTrainingAction = async (payload: TrainingSchema) => {
+    const { id, ...payloadWithoutId } = payload;
+
+    const [error, data] = await safeFetchApi(
+        TrainingMutate,
+        '/training',
+        'POST',
+        payloadWithoutId,
+    );
+
+    if (error) {
+        throw new Error(error.message || 'Error al crear el registro');
+    }
+
+    return data;
+};
+
+export const updateTrainingAction = async (payload: TrainingSchema) => {
+    const { id, ...payloadWithoutId } = payload;
+
+    if (!id) throw new Error('ID es requerido para actualizar');
+
+    const [error, data] = await safeFetchApi(
+        TrainingMutate,
+        `/training/${id}`,
+        'PATCH',
+        payloadWithoutId,
+    );
+
+    if (error) {
+        throw new Error(error.message || 'Error al actualizar el registro');
+    }
+
+    return data;
+};
+
+export const deleteTrainingAction = async (id: number) => {
+    const [error] = await safeFetchApi(
+        TrainingMutate,
+        `/training/${id}`,
+        'DELETE'
+    )
+
+    if (error) throw new Error(error.message || 'Error al eliminar el registro');
+
+    return true;
+}

apps/web/feactures/training/columnas del excel.sql

@@ -0,0 +1,41 @@
+-- datos basicos
+nombre,
+apellido,
+fecha de la visita,
+-->Falta
+hora de la visita,
+-- datos de la ubicacion
+estado,
+municipio,
+parroquia,
+nombre de la comuna,
+CODIGO SITUR COMUNA,
+CONSEJO COMUNAL,
+CODIGO SITUR CONSEJO COMUNAL,
+-- datos de la osp
+actividad productiva (agricola,textil,bloquera,carpinteria,unidad de suministro),
+realice una breve descripcion del requerimiento financiero,
+NOMBRE DE LA ORGANIZACIÓN SOCIOPRODUCTIVA,
+DIRECCIÓN DE LA ORGANIZACIÓN SOCIOPRODUCTIVA,
+RIF DE LA ORGANIZACIÓN SOCIOPRODUCTIVA,
+TIPO DE ORGANIZACIÓN SOCIOPRODUCTIVA,
+ESTATUS ACTUAL,
+AÑO DE CONSTITUCIÓN DE LA EMPRESA ,
+CANTIDAD DE PRODUCTORES QUE LA CONFORMAN,
+BREVE DESCRIPCIÓN DEL PRODUCTO O SERVICIO QUE OFRECE,
+CAPACIDAD INSTALADA,
+CAPACIDAD OPERATIVA,
+¿EXPLIQUE LAS RAZONES GENERALES POR LAS CUALES LA UNIDAD DE PRODUCCIÓN TUVO QUE PARALIZARSE?
+-- datos del responsable
+NOMBRE Y APELLIDO DEL RESPONSABLE DE LA OSP,
+CÉDULA DEL RESPONSABLE (SIN PUNTOS),
+RIF DEL RESPONSABLE (SIN PUNTOS),
+TELÉFONOS (COLOQUE 2 NUMEROS DE TELEFONOS),
+CORREO ELECTRÓNICO,
+ESTADO CIVIL DEL PRODUCTOR,
+CARGA FAMILIAR,
+NUMERO DE HIJOS,
+-- datos adicionales
+OBSERVACIONES GENERALES,
+-- fotos
+COLOCAR TRES (3) REGISTROS  FOTOGRÁFICOS VISIBLES DEL ESPACIO Y MAQUINARIAS ACTUALMENTE (OBLIGATORIO),

apps/web/feactures/training/components/form.tsx

@@ -0,0 +1,558 @@
+'use client';
+
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Button } from '@repo/shadcn/button';
+import {
+    Form,
+    FormControl,
+    FormField,
+    FormItem,
+    FormLabel,
+    FormMessage,
+} from '@repo/shadcn/form';
+import { Input } from '@repo/shadcn/input';
+import { Textarea } from '@repo/shadcn/textarea';
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@repo/shadcn/select';
+import { useForm } from 'react-hook-form';
+import { useCreateTraining } from "../hooks/use-training";
+import { TrainingSchema, trainingSchema } from '../schemas/training';
+
+import { SelectSearchable } from '@repo/shadcn/select-searchable'
+import React from 'react';
+import { useStateQuery, useMunicipalityQuery, useParishQuery } from '@/feactures/location/hooks/use-query-location';
+
+const PRODUCTIVE_ACTIVITIES = [
+    'Agricola',
+    'Textil',
+    'Bloquera',
+    'Carpinteria',
+    'Unidad de suministro'
+];
+
+interface CreateTrainingFormProps {
+    onSuccess?: () => void;
+    onCancel?: () => void;
+    defaultValues?: Partial<TrainingSchema>;
+}
+
+export function CreateTrainingForm({
+    onSuccess,
+    onCancel,
+    defaultValues,
+}: CreateTrainingFormProps) {
+    const {
+        mutate: saveTraining,
+        isPending: isSaving,
+    } = useCreateTraining();
+
+    const [state, setState] = React.useState(0);
+    const [municipality, setMunicipality] = React.useState(0);
+    const [disabledMunicipality, setDisabledMunicipality] = React.useState(true);
+    const [disabledParish, setDisabledParish] = React.useState(true);
+
+    const { data: dataState } = useStateQuery()
+    const { data: dataMunicipality } = useMunicipalityQuery(state)
+    const { data: dataParish } = useParishQuery(municipality)
+
+    const stateOptions = dataState?.data || [{ id: 0, name: 'Sin estados' }]
+
+    const municipalityOptions = Array.isArray(dataMunicipality?.data) && dataMunicipality.data.length > 0
+        ? dataMunicipality.data
+        : [{ id: 0, stateId: 0, name: 'Sin Municipios' }]
+    // const parishOptions =  dataParish?.data || [{id:0,municipalityId:0,name:'Sin Parroquias'}]
+    const parishOptions = Array.isArray(dataParish?.data) && dataParish.data.length > 0
+        ? dataParish.data
+        : [{ id: 0, stateId: 0, name: 'Sin Parroquias' }]
+
+    const form = useForm<TrainingSchema>({
+        resolver: zodResolver(trainingSchema),
+        defaultValues: {
+            firstname: defaultValues?.firstname || '',
+            lastname: defaultValues?.lastname || '',
+            visitDate: defaultValues?.visitDate || new Date().toISOString().split('T')[0],
+            productiveActivity: defaultValues?.productiveActivity || '',
+            financialRequirementDescription: defaultValues?.financialRequirementDescription || '',
+            siturCodeCommune: defaultValues?.siturCodeCommune || '',
+            communalCouncil: defaultValues?.communalCouncil || '',
+            siturCodeCommunalCouncil: defaultValues?.siturCodeCommunalCouncil || '',
+            ospName: defaultValues?.ospName || '',
+            ospAddress: defaultValues?.ospAddress || '',
+            ospRif: defaultValues?.ospRif || '',
+            ospType: defaultValues?.ospType || '',
+            currentStatus: defaultValues?.currentStatus || '',
+            companyConstitutionYear: defaultValues?.companyConstitutionYear || new Date().getFullYear(),
+            producerCount: defaultValues?.producerCount || 0,
+            productDescription: defaultValues?.productDescription || '',
+            installedCapacity: defaultValues?.installedCapacity || '',
+            operationalCapacity: defaultValues?.operationalCapacity || '',
+            ospResponsibleFullname: defaultValues?.ospResponsibleFullname || '',
+            ospResponsibleCedula: defaultValues?.ospResponsibleCedula || '',
+            ospResponsibleRif: defaultValues?.ospResponsibleRif || '',
+            ospResponsiblePhone: defaultValues?.ospResponsiblePhone || '',
+            civilState: defaultValues?.civilState || '',
+            familyBurden: defaultValues?.familyBurden || 0,
+            numberOfChildren: defaultValues?.numberOfChildren || 0,
+            generalObservations: defaultValues?.generalObservations || '',
+            ospResponsibleEmail: defaultValues?.ospResponsibleEmail || '',
+            photo1: defaultValues?.photo1 || '',
+            photo2: defaultValues?.photo2 || '',
+            photo3: defaultValues?.photo3 || '',
+            paralysisReason: defaultValues?.paralysisReason || '',
+            state: defaultValues?.state || undefined,
+            municipality: defaultValues?.municipality || undefined,
+            parish: defaultValues?.parish || undefined,
+        },
+        mode: 'onChange',
+    });
+
+    const onSubmit = async (formData: TrainingSchema) => {
+        saveTraining(formData, {
+            onSuccess: () => {
+                form.reset();
+                onSuccess?.();
+            },
+            onError: (e) => {
+                console.error(e);
+                form.setError('root', {
+                    type: 'manual',
+                    message: 'Error al guardar el registro',
+                });
+            },
+        });
+    };
+
+    return (
+        <Form {...form}>
+            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+                {form.formState.errors.root && (
+                    <div className="text-destructive text-sm">
+                        {form.formState.errors.root.message}
+                    </div>
+                )}
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    {/* Datos Personales */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2">Datos Básicos</h3>
+                    </div>
+
+                    <FormField control={form.control} name="firstname" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Nombre</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="lastname" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Apellido</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="visitDate" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Fecha de la visita</FormLabel>
+                            <FormControl>
+                                <Input
+                                    type="date"
+                                    value={field.value ? new Date(field.value).toISOString().split('T')[0] : ''}
+                                    onChange={(e) => {
+                                        // Convert YYYY-MM-DD to ISO 8601 string
+                                        const dateValue = e.target.value;
+                                        if (dateValue) {
+                                            field.onChange(new Date(dateValue).toISOString());
+                                        } else {
+                                            field.onChange('');
+                                        }
+                                    }}
+                                />
+                            </FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    {/* Ubicación */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2 mt-4">Ubicación</h3>
+                    </div>
+
+                    <FormField
+                        control={form.control}
+                        name="state"
+                        render={({ field }) => (
+                            <FormItem className="w-full">
+                                <FormLabel>Estado</FormLabel>
+
+                                <SelectSearchable
+                                    options={
+                                        stateOptions?.map((item) => ({
+                                            value: item.id.toString(),
+                                            label: item.name,
+                                        })) || []
+                                    }
+                                    onValueChange={(value: any) => { field.onChange(Number(value)); setState(value); setDisabledMunicipality(false); setDisabledParish(true) }
+                                    }
+                                    placeholder="Selecciona un estado"
+                                    defaultValue={field.value?.toString()}
+                                // disabled={readOnly}
+                                />
+                                <FormMessage />
+                            </FormItem>
+                        )}
+                    />
+
+                    <FormField
+                        control={form.control}
+                        name="municipality"
+                        render={({ field }) => (
+                            <FormItem className="w-full">
+                                <FormLabel>Municipio</FormLabel>
+
+                                <SelectSearchable
+                                    options={
+                                        municipalityOptions?.map((item) => ({
+                                            value: item.id.toString(),
+                                            label: item.name,
+                                        })) || []
+                                    }
+                                    onValueChange={(value: any) => { field.onChange(Number(value)); setMunicipality(value); setDisabledParish(false) }
+                                    }
+                                    placeholder="Selecciona un Municipio"
+                                    defaultValue={field.value?.toString()}
+                                    disabled={disabledMunicipality}
+                                />
+                                <FormMessage />
+                            </FormItem>
+                        )}
+                    />
+
+                    <FormField
+                        control={form.control}
+                        name="parish"
+                        render={({ field }) => (
+                            <FormItem className="w-full">
+                                <FormLabel>Parroquia</FormLabel>
+
+                                <SelectSearchable
+                                    options={
+                                        parishOptions?.map((item) => ({
+                                            value: item.id.toString(),
+                                            label: item.name,
+                                        })) || []
+                                    }
+                                    onValueChange={(value: any) =>
+                                        field.onChange(Number(value))
+                                    }
+                                    placeholder="Selecciona una Parroquia"
+                                    defaultValue={field.value?.toString()}
+                                    disabled={disabledParish}
+                                />
+                                <FormMessage />
+                            </FormItem>
+                        )}
+                    />
+
+                    {/* <FormField control={form.control} name="state" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Estado</FormLabel>
+                            <FormControl><Input {...field} value={field.value || ''} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="municipality" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Municipio</FormLabel>
+                            <FormControl><Input {...field} value={field.value || ''} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="parish" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Parroquia</FormLabel>
+                            <FormControl><Input {...field} value={field.value || ''} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} /> */}
+
+                    <FormField control={form.control} name="siturCodeCommune" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Código SITUR Comuna</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="communalCouncil" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Consejo Comunal</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="siturCodeCommunalCouncil" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Código SITUR Consejo Comunal</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    {/* Datos de la OSP */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2 mt-4">Datos de la Organización Socioproductiva (OSP)</h3>
+                    </div>
+
+                    <FormField control={form.control} name="ospName" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Nombre de la Organización</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospAddress" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Dirección</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospRif" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>RIF</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospType" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Tipo de Organización</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="productiveActivity" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Actividad Productiva</FormLabel>
+                            <Select onValueChange={field.onChange} defaultValue={field.value}>
+                                <FormControl>
+                                    <SelectTrigger>
+                                        <SelectValue placeholder="Seleccione actividad" />
+                                    </SelectTrigger>
+                                </FormControl>
+                                <SelectContent>
+                                    {PRODUCTIVE_ACTIVITIES.map((activity) => (
+                                        <SelectItem key={activity} value={activity}>
+                                            {activity}
+                                        </SelectItem>
+                                    ))}
+                                </SelectContent>
+                            </Select>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="currentStatus" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Estatus Actual</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="companyConstitutionYear" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Año de Constitución</FormLabel>
+                            <FormControl><Input type="number" {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="producerCount" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Cantidad de Productores</FormLabel>
+                            <FormControl><Input type="number" {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="productDescription" render={({ field }) => (
+                        <FormItem className="col-span-2">
+                            <FormLabel>Breve descripción del producto o servicio</FormLabel>
+                            <FormControl><Textarea {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="installedCapacity" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Capacidad Instalada</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="operationalCapacity" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Capacidad Operativa</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="financialRequirementDescription" render={({ field }) => (
+                        <FormItem className="col-span-2">
+                            <FormLabel>Descripción del Requerimiento Financiero</FormLabel>
+                            <FormControl><Textarea {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="paralysisReason" render={({ field }) => (
+                        <FormItem className="col-span-2">
+                            <FormLabel>Razones de paralización (si aplica)</FormLabel>
+                            <FormControl><Textarea {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    {/* Responsable */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2 mt-4">Datos del Responsable</h3>
+                    </div>
+
+                    <FormField control={form.control} name="ospResponsibleFullname" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Nombre y Apellido</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospResponsibleCedula" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Cédula (sin puntos)</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospResponsibleRif" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>RIF (sin puntos)</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospResponsiblePhone" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Teléfonos (2 números)</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="civilState" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Estado Civil</FormLabel>
+                            <FormControl><Input {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="ospResponsibleEmail" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Correo Electrónico</FormLabel>
+                            <FormControl><Input type="email" {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="familyBurden" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Carga Familiar</FormLabel>
+                            <FormControl><Input type="number" {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="numberOfChildren" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Número de Hijos</FormLabel>
+                            <FormControl><Input type="number" {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    {/* datos adicionales */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2 mt-4">Datos Adicionales</h3>
+                    </div>
+
+                    <FormField control={form.control} name="generalObservations" render={({ field }) => (
+                        <FormItem className="col-span-2">
+                            <FormLabel>Observaciones Generales</FormLabel>
+                            <FormControl><Textarea {...field} /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    {/* Fotos */}
+                    <div className="col-span-2">
+                        <h3 className="text-lg font-medium mb-2 mt-4">Registro Fotográfico (URLs)</h3>
+                    </div>
+
+                    <FormField control={form.control} name="photo1" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Foto 1</FormLabel>
+                            <FormControl><Input {...field} placeholder="URL de la imagen" /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="photo2" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Foto 2</FormLabel>
+                            <FormControl><Input {...field} placeholder="URL de la imagen" /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                    <FormField control={form.control} name="photo3" render={({ field }) => (
+                        <FormItem>
+                            <FormLabel>Foto 3</FormLabel>
+                            <FormControl><Input {...field} placeholder="URL de la imagen" /></FormControl>
+                            <FormMessage />
+                        </FormItem>
+                    )} />
+
+                </div>
+
+                <div className="flex justify-end gap-4 mt-6">
+                    <Button variant="outline" type="button" onClick={onCancel}>
+                        Cancelar
+                    </Button>
+                    <Button type="submit" disabled={isSaving}>
+                        {isSaving ? 'Guardando...' : 'Guardar'}
+                    </Button>
+                </div>
+            </form>
+        </Form>
+    );
+}

apps/web/feactures/training/components/training-statistics.tsx

@@ -0,0 +1,319 @@
+'use client';
+
+import { useState } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@repo/shadcn/card';
+import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
+import { useTrainingStatsQuery } from '../hooks/use-training-statistics';
+import { Input } from '@repo/shadcn/input';
+import { Button } from '@repo/shadcn/button';
+import { SelectSearchable } from '@repo/shadcn/select-searchable';
+import { useStateQuery, useMunicipalityQuery, useParishQuery } from '@/feactures/location/hooks/use-query-location';
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@repo/shadcn/select';
+
+const OSP_TYPES = [
+    'EPSD',
+    'EPSI',
+    'UPF',
+    'Cooperativa',
+    'Grupo de Intercambio',
+];
+
+export function TrainingStatistics() {
+    // Filter State
+    const [startDate, setStartDate] = useState<string>('');
+    const [endDate, setEndDate] = useState<string>('');
+    const [stateId, setStateId] = useState<number>(0);
+    const [municipalityId, setMunicipalityId] = useState<number>(0);
+    const [parishId, setParishId] = useState<number>(0);
+    const [ospType, setOspType] = useState<string>('');
+
+    // Location Data
+    const { data: dataState } = useStateQuery();
+    const { data: dataMunicipality } = useMunicipalityQuery(stateId);
+    const { data: dataParish } = useParishQuery(municipalityId);
+
+    const stateOptions = dataState?.data || [{ id: 0, name: 'Sin estados' }];
+    const municipalityOptions = Array.isArray(dataMunicipality?.data) && dataMunicipality.data.length > 0
+        ? dataMunicipality.data
+        : [{ id: 0, stateId: 0, name: 'Sin Municipios' }];
+    const parishOptions = Array.isArray(dataParish?.data) && dataParish.data.length > 0
+        ? dataParish.data
+        : [{ id: 0, stateId: 0, name: 'Sin Parroquias' }];
+
+    // Query with Filters
+    const { data, isLoading, refetch } = useTrainingStatsQuery({
+        startDate: startDate || undefined,
+        endDate: endDate || undefined,
+        stateId: stateId || undefined,
+        municipalityId: municipalityId || undefined,
+        parishId: parishId || undefined,
+        ospType: ospType || undefined,
+    });
+
+    const handleClearFilters = () => {
+        setStartDate('');
+        setEndDate('');
+        setStateId(0);
+        setMunicipalityId(0);
+        setParishId(0);
+        setOspType('');
+    };
+
+    if (isLoading) {
+        return <div className="flex justify-center p-8">Cargando estadísticas...</div>;
+    }
+
+    if (!data) {
+        return <div className="flex justify-center p-8">No hay datos disponibles.</div>;
+    }
+
+    const { totalOsps, totalProducers, statusDistribution, activityDistribution, typeDistribution, stateDistribution, yearDistribution } = data;
+
+    const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#8884d8', '#82ca9d'];
+
+    return (
+        <div className="space-y-6">
+            {/* Filters Section */}
+            <Card>
+                <CardHeader>
+                    <CardTitle>Filtros</CardTitle>
+                </CardHeader>
+                <CardContent>
+                    <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Fecha Inicio</label>
+                            <Input
+                                type="date"
+                                value={startDate}
+                                onChange={(e) => setStartDate(e.target.value)}
+                            />
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Fecha Fin</label>
+                            <Input
+                                type="date"
+                                value={endDate}
+                                onChange={(e) => setEndDate(e.target.value)}
+                            />
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Estado</label>
+                            <SelectSearchable
+                                options={stateOptions.map((item) => ({
+                                    value: item.id.toString(),
+                                    label: item.name,
+                                }))}
+                                onValueChange={(value: any) => {
+                                    setStateId(Number(value));
+                                    setMunicipalityId(0); // Reset municipality
+                                    setParishId(0); // Reset parish
+                                }}
+                                placeholder="Selecciona un estado"
+                                defaultValue={stateId ? stateId.toString() : ""}
+                            />
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Municipio</label>
+                            <SelectSearchable
+                                options={municipalityOptions.map((item) => ({
+                                    value: item.id.toString(),
+                                    label: item.name,
+                                }))}
+                                onValueChange={(value: any) => {
+                                    setMunicipalityId(Number(value));
+                                    setParishId(0);
+                                }}
+                                placeholder="Selecciona municipio"
+                                defaultValue={municipalityId ? municipalityId.toString() : ""}
+                                disabled={!stateId || stateId === 0}
+                            />
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Parroquia</label>
+                            <SelectSearchable
+                                options={parishOptions.map((item) => ({
+                                    value: item.id.toString(),
+                                    label: item.name,
+                                }))}
+                                onValueChange={(value: any) => setParishId(Number(value))}
+                                placeholder="Selecciona parroquia"
+                                defaultValue={parishId ? parishId.toString() : ""}
+                                disabled={!municipalityId || municipalityId === 0}
+                            />
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-sm font-medium">Tipo de OSP</label>
+                            <Select value={ospType} onValueChange={setOspType}>
+                                <SelectTrigger>
+                                    <SelectValue placeholder="Todos" />
+                                </SelectTrigger>
+                                <SelectContent>
+                                    <SelectItem value="all">Todos</SelectItem>
+                                    {OSP_TYPES.map(type => (
+                                        <SelectItem key={type} value={type}>{type}</SelectItem>
+                                    ))}
+                                </SelectContent>
+                            </Select>
+                        </div>
+                        <div className="flex items-end">
+                            <Button variant="outline" onClick={handleClearFilters}>
+                                Limpiar Filtros
+                            </Button>
+                        </div>
+                    </div>
+                </CardContent>
+            </Card>
+
+            {/* Statistics Cards */}
+            <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+                <Card>
+                    <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">Total de OSP Registradas</CardTitle>
+                    </CardHeader>
+                    <CardContent>
+                        <div className="text-2xl font-bold">{totalOsps}</div>
+                        <p className="text-xs text-muted-foreground">
+                            Organizaciones Socioproductivas
+                        </p>
+                    </CardContent>
+                </Card>
+                <Card>
+                    <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">Total de Productores</CardTitle>
+                    </CardHeader>
+                    <CardContent>
+                        <div className="text-2xl font-bold">{totalProducers}</div>
+                        <p className="text-xs text-muted-foreground">
+                            Productores asociados
+                        </p>
+                    </CardContent>
+                </Card>
+
+                <Card className="col-span-full">
+                    <CardHeader>
+                        <CardTitle>Actividad Productiva</CardTitle>
+                        <CardDescription>Distribución por tipo de actividad</CardDescription>
+                    </CardHeader>
+                    <CardContent className="h-[400px]">
+                        <ResponsiveContainer width="100%" height="100%">
+                            <BarChart
+                                data={activityDistribution}
+                                layout="vertical"
+                                margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+                            >
+                                <CartesianGrid strokeDasharray="3 3" />
+                                <XAxis type="number" />
+                                <YAxis dataKey="name" type="category" width={150} />
+                                <Tooltip wrapperStyle={{ color: '#000' }} />
+                                <Legend />
+                                <Bar dataKey="value" fill="#8884d8" name="Cantidad" />
+                            </BarChart>
+                        </ResponsiveContainer>
+                    </CardContent>
+                </Card>
+
+                {/* State Distribution */}
+                <Card className="col-span-full">
+                    <CardHeader>
+                        <CardTitle>Distribución por Estado</CardTitle>
+                        <CardDescription>OSP registradas por estado</CardDescription>
+                    </CardHeader>
+                    <CardContent className="h-[400px]">
+                        <ResponsiveContainer width="100%" height="100%">
+                            <BarChart
+                                data={stateDistribution}
+                                margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+                            >
+                                <CartesianGrid strokeDasharray="3 3" />
+                                <XAxis dataKey="name" />
+                                <YAxis />
+                                <Tooltip wrapperStyle={{ color: '#000' }} />
+                                <Legend />
+                                <Bar dataKey="value" fill="#00C49F" name="Cantidad" />
+                            </BarChart>
+                        </ResponsiveContainer>
+                    </CardContent>
+                </Card>
+
+                {/* Year Distribution */}
+                <Card className="col-span-full lg:col-span-1">
+                    <CardHeader>
+                        <CardTitle>Año de Constitución</CardTitle>
+                        <CardDescription>Año de registro de la empresa</CardDescription>
+                    </CardHeader>
+                    <CardContent className="h-[400px]">
+                        <ResponsiveContainer width="100%" height="100%">
+                            <BarChart
+                                data={yearDistribution}
+                                margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+                            >
+                                <CartesianGrid strokeDasharray="3 3" />
+                                <XAxis dataKey="name" />
+                                <YAxis />
+                                <Tooltip wrapperStyle={{ color: '#000' }} />
+                                <Legend />
+                                <Bar dataKey="value" fill="#FFBB28" name="Cantidad" />
+                            </BarChart>
+                        </ResponsiveContainer>
+                    </CardContent>
+                </Card>
+
+                <Card className="col-span-1 md:col-span-2 lg:col-span-1">
+                    <CardHeader>
+                        <CardTitle>Estatus Actual</CardTitle>
+                        <CardDescription>Estado operativo de las OSP</CardDescription>
+                    </CardHeader>
+                    <CardContent className="h-[300px]">
+                        <ResponsiveContainer width="100%" height="100%">
+                            <PieChart>
+                                <Pie
+                                    data={statusDistribution}
+                                    cx="50%"
+                                    cy="50%"
+                                    innerRadius={60}
+                                    outerRadius={80}
+                                    fill="#8884d8"
+                                    paddingAngle={5}
+                                    dataKey="value"
+                                >
+                                    {statusDistribution.map((entry, index) => (
+                                        <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
+                                    ))}
+                                </Pie>
+                                <Tooltip wrapperStyle={{ color: '#000' }} />
+                                <Legend />
+                            </PieChart>
+                        </ResponsiveContainer>
+                    </CardContent>
+                </Card>
+                <Card className="col-span-1 md:col-span-2 lg:col-span-1">
+                    <CardHeader>
+                        <CardTitle>Tipo de Organización</CardTitle>
+                        <CardDescription>Clasificación de las OSP</CardDescription>
+                    </CardHeader>
+                    <CardContent className="h-[300px]">
+                        <ResponsiveContainer width="100%" height="100%">
+                            <BarChart
+                                data={typeDistribution}
+                                margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+                            >
+                                <CartesianGrid strokeDasharray="3 3" />
+                                <XAxis dataKey="name" />
+                                <YAxis />
+                                <Tooltip wrapperStyle={{ color: '#000' }} />
+                                <Legend />
+                                <Bar dataKey="value" fill="#82ca9d" name="Cantidad" />
+                            </BarChart>
+                        </ResponsiveContainer>
+                    </CardContent>
+                </Card>
+            </div>
+        </div>
+    );
+}

apps/web/feactures/training/hooks/use-mutation-users.ts

@@ -0,0 +1,45 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { CreateUser, UpdateUser } from "../schemas/users";
+import { updateUserAction, createUserAction, deleteUserAction, updateProfileAction } from "../actions/actions";
+
+// Create mutation
+export function useCreateUser() {
+  const queryClient = useQueryClient();
+  const mutation = useMutation({
+    mutationFn: (data: CreateUser) => createUserAction(data),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['users'] }),
+    // onError: (e) => console.error('Error:', e),
+  })
+  return mutation
+}
+
+// Update mutation
+export function useUpdateUser() {
+  const queryClient = useQueryClient();
+  const mutation = useMutation({
+    mutationFn: (data: UpdateUser) => updateUserAction(data),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['users'] }),
+    onError: (e) => console.error('Error:', e)
+  })
+  return mutation;
+}
+
+export function useUpdateProfile() {
+  const queryClient = useQueryClient();
+  const mutation = useMutation({
+    mutationFn: (data: UpdateUser) => updateProfileAction(data),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['users'] }),
+    // onError: (e) => console.error('Error:', e)
+  })
+  return mutation;
+}
+
+// Delete mutation
+export function useDeleteUser() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id: number) => deleteUserAction(id),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['users'] }),
+    onError: (e) => console.error('Error:', e)
+  })
+}

apps/web/feactures/training/hooks/use-training-statistics.ts

@@ -0,0 +1,13 @@
+import { useSafeQuery } from '@/hooks/use-safe-query';
+import { getTrainingStatisticsAction } from '../actions/training-actions';
+
+export function useTrainingStatsQuery(params: {
+    startDate?: string;
+    endDate?: string;
+    stateId?: number;
+    municipalityId?: number;
+    parishId?: number;
+    ospType?: string;
+} = {}) {
+    return useSafeQuery(['training-statistics', JSON.stringify(params)], () => getTrainingStatisticsAction(params));
+}

apps/web/feactures/training/hooks/use-training.ts

@@ -0,0 +1,29 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { TrainingSchema } from "../schemas/training";
+import { createTrainingAction, updateTrainingAction, deleteTrainingAction } from "../actions/training-actions";
+
+export function useCreateTraining() {
+    const queryClient = useQueryClient();
+    const mutation = useMutation({
+        mutationFn: (data: TrainingSchema) => createTrainingAction(data),
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['training'] }),
+    })
+    return mutation
+}
+
+export function useUpdateTraining() {
+    const queryClient = useQueryClient();
+    const mutation = useMutation({
+        mutationFn: (data: TrainingSchema) => updateTrainingAction(data),
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['training'] }),
+    })
+    return mutation;
+}
+
+export function useDeleteTraining() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (id: number) => deleteTrainingAction(id),
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['training'] }),
+    })
+}

apps/web/feactures/training/schemas/statistics.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod';
+
+export const statisticsItemSchema = z.object({
+    name: z.string(),
+    value: z.number(),
+});
+
+export const trainingStatisticsSchema = z.object({
+    totalOsps: z.number(),
+    totalProducers: z.number(),
+    statusDistribution: z.array(statisticsItemSchema),
+    activityDistribution: z.array(statisticsItemSchema),
+    typeDistribution: z.array(statisticsItemSchema),
+    stateDistribution: z.array(statisticsItemSchema),
+    yearDistribution: z.array(statisticsItemSchema),
+});
+
+export type TrainingStatisticsData = z.infer<typeof trainingStatisticsSchema>;
+
+export const trainingStatisticsResponseSchema = z.object({
+    message: z.string(),
+    data: trainingStatisticsSchema,
+});

apps/web/feactures/training/schemas/training.ts

@@ -0,0 +1,61 @@
+import { z } from 'zod';
+
+export const trainingSchema = z.object({
+    id: z.number().optional(),
+    firstname: z.string().min(1, { message: "Nombre es requerido" }),
+    lastname: z.string().min(1, { message: "Apellido es requerido" }),
+    visitDate: z.string().or(z.date()).transform((val) => new Date(val).toISOString()),
+    productiveActivity: z.string().min(1, { message: "Actividad productiva es requerida" }),
+    financialRequirementDescription: z.string().min(1, { message: "Descripción es requerida" }),
+    siturCodeCommune: z.string().min(1, { message: "Código SITUR Comuna es requerido" }),
+    communalCouncil: z.string().min(1, { message: "Consejo Comunal es requerido" }),
+    siturCodeCommunalCouncil: z.string().min(1, { message: "Código SITUR Consejo Comunal es requerido" }),
+    ospName: z.string().min(1, { message: "Nombre de la OSP es requerido" }),
+    ospAddress: z.string().min(1, { message: "Dirección de la OSP es requerida" }),
+    ospRif: z.string().min(1, { message: "RIF de la OSP es requerido" }),
+    ospType: z.string().min(1, { message: "Tipo de OSP es requerido" }),
+    currentStatus: z.string().min(1, { message: "Estatus actual es requerido" }),
+    companyConstitutionYear: z.coerce.number().min(1900, { message: "Año inválido" }),
+    producerCount: z.coerce.number().min(1, { message: "Cantidad de productores requerida" }),
+    productDescription: z.string().min(1, { message: "Descripción del producto es requerida" }),
+    installedCapacity: z.string().min(1, { message: "Capacidad instalada es requerida" }),
+    operationalCapacity: z.string().min(1, { message: "Capacidad operativa es requerida" }),
+    ospResponsibleFullname: z.string().min(1, { message: "Nombre del responsable es requerido" }),
+    ospResponsibleCedula: z.string().min(1, { message: "Cédula del responsable es requerida" }),
+    ospResponsibleRif: z.string().min(1, { message: "RIF del responsable es requerido" }),
+    ospResponsiblePhone: z.string().min(1, { message: "Teléfono del responsable es requerido" }),
+    civilState: z.string().min(1, { message: "Estado civil es requerido" }),
+    familyBurden: z.coerce.number().min(0, { message: "Carga familiar requerida" }),
+    numberOfChildren: z.coerce.number().min(0, { message: "Número de hijos requerido" }),
+    ospResponsibleEmail: z.string().email({ message: "Correo electrónico inválido" }),
+    generalObservations: z.string().optional().default(''),
+    photo1: z.string().optional().default(''),
+    photo2: z.string().optional().default(''),
+    photo3: z.string().optional().default(''),
+    paralysisReason: z.string().optional().default(''),
+    state: z.number().optional().nullable(),
+    municipality: z.number().optional().nullable(),
+    parish: z.number().optional().nullable(),
+});
+
+export type TrainingSchema = z.infer<typeof trainingSchema>;
+
+export const trainingApiResponseSchema = z.object({
+    message: z.string(),
+    data: z.array(trainingSchema),
+    meta: z.object({
+        page: z.number(),
+        limit: z.number(),
+        totalCount: z.number(),
+        totalPages: z.number(),
+        hasNextPage: z.boolean(),
+        hasPreviousPage: z.boolean(),
+        nextPage: z.number().nullable(),
+        previousPage: z.number().nullable(),
+    }),
+});
+
+export const TrainingMutate = z.object({
+    message: z.string(),
+    data: trainingSchema,
+});

apps/web/feactures/users/components/admin/users-header.tsx

@@ -16,7 +16,7 @@ export function UsersHeader() {
           description="Gestiona los usuarios registrados en la plataforma"
         />
         <Button onClick={() => setOpen(true)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Usuario
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Usuario</span>
         </Button>
       </div>
 

apps/web/feactures/users/components/update-profile-form.tsx

@@ -78,9 +78,7 @@ export function ModalForm({
     parish: undefined
   }
 
- 
-
-  console.log(defaultValues);
+  // console.log(defaultValues);
 
   const form = useForm<UpdateUser>({
     resolver: zodResolver(updateUser),

apps/web/lib/auth.config.ts

@@ -1,3 +1,4 @@
+// lib/auth.config.ts
 import { SignInAction } from '@/feactures/auth/actions/login-action';
 import { resfreshTokenAction } from '@/feactures/auth/actions/refresh-token-action';
 import { CredentialsSignin, NextAuthConfig, Session, User } from 'next-auth';
@@ -146,7 +147,10 @@ const authConfig: NextAuthConfig = {
       // 4. Si el token de acceso ha expirado pero el refresh token es válido, renovar
       // console.log("Renovando token de acceso...");
       try {
-        const res = await resfreshTokenAction({ token: token.refresh_token as string });
+        const refresh_token = { token: token.refresh_token as string, user_id: Number(token.id) as number}
+        console.log(refresh_token);
+        
+        const res = await resfreshTokenAction(refresh_token);
 
         if (!res || !res.tokens) {
           throw new Error('Fallo en la respuesta de la API de refresco.');
@@ -185,6 +189,7 @@ const authConfig: NextAuthConfig = {
       return session;
     },
   },
+
 } satisfies NextAuthConfig;
 
 export default authConfig;