Improve the frontend and fix TODOs

frontend/src/pages/app/operations/production/ProductionPage.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useMemo } from 'react';
-import { Plus, Clock, AlertCircle, CheckCircle, Timer, ChefHat, Eye, Edit, Package, PlusCircle } from 'lucide-react';
+import { Plus, Clock, AlertCircle, CheckCircle, Timer, ChefHat, Eye, Edit, Package, PlusCircle, Play } from 'lucide-react';
 import { Button, StatsGrid, EditViewModal, Toggle, SearchAndFilter, type FilterConfig } from '../../../../components/ui';
 import { statusColors } from '../../../../styles/colors';
 import { formatters } from '../../../../components/ui/Stats/StatsPresets';
@@ -12,6 +12,7 @@ import {
   useActiveBatches,
   useCreateProductionBatch,
   useUpdateBatchStatus,
+  useTriggerProductionScheduler,
   productionService
 } from '../../../../api';
 import type {
@@ -25,6 +26,7 @@ import {
 } from '../../../../api';
 import { useTranslation } from 'react-i18next';
 import { ProcessStage } from '../../../../api/types/qualityTemplates';
+import toast from 'react-hot-toast';
 
 const ProductionPage: React.FC = () => {
   const [searchQuery, setSearchQuery] = useState('');
@@ -56,6 +58,7 @@ const ProductionPage: React.FC = () => {
   // Mutations
   const createBatchMutation = useCreateProductionBatch();
   const updateBatchStatusMutation = useUpdateBatchStatus();
+  const triggerSchedulerMutation = useTriggerProductionScheduler();
 
   // Handlers
   const handleCreateBatch = async (batchData: ProductionBatchCreate) => {
@@ -70,6 +73,16 @@ const ProductionPage: React.FC = () => {
     }
   };
 
+  const handleTriggerScheduler = async () => {
+    try {
+      await triggerSchedulerMutation.mutateAsync(tenantId);
+      toast.success('Scheduler ejecutado exitosamente');
+    } catch (error) {
+      console.error('Error triggering scheduler:', error);
+      toast.error('Error al ejecutar scheduler');
+    }
+  };
+
   // Stage management handlers
   const handleStageAdvance = async (batchId: string, currentStage: ProcessStage) => {
     const stages = Object.values(ProcessStage);
@@ -283,21 +296,30 @@ const ProductionPage: React.FC = () => {
 
   return (
     <div className="space-y-6">
-      <div className="flex items-center justify-between mb-6">
-        <PageHeader
-          title="Gestión de Producción"
-          description="Planifica y controla la producción diaria de tu panadería"
-        />
-        <Button
-          variant="primary"
-          size="md"
-          onClick={() => setShowCreateModal(true)}
-          className="flex items-center gap-2.5 px-6 py-3 text-sm font-semibold tracking-wide shadow-lg hover:shadow-xl transition-all duration-200"
-        >
-          <PlusCircle className="w-5 h-5" />
-          Nueva Orden de Producción
-        </Button>
-      </div>
+      <PageHeader
+        title="Gestión de Producción"
+        description="Planifica y controla la producción diaria de tu panadería"
+        actions={[
+          {
+            id: 'trigger-scheduler',
+            label: triggerSchedulerMutation.isPending ? 'Ejecutando...' : 'Ejecutar Scheduler',
+            icon: Play,
+            onClick: handleTriggerScheduler,
+            variant: 'outline',
+            size: 'sm',
+            disabled: triggerSchedulerMutation.isPending,
+            loading: triggerSchedulerMutation.isPending
+          },
+          {
+            id: 'create-batch',
+            label: 'Nueva Orden de Producción',
+            icon: PlusCircle,
+            onClick: () => setShowCreateModal(true),
+            variant: 'primary',
+            size: 'md'
+          }
+        ]}
+      />
 
       {/* Production Stats */}
       <StatsGrid