Now I have the full picture. I need to restructure the main page to have 3 tabs:

1. Tareas Pendientes - pending tasks to approve/reject
2. Tareas Aprobadas - approved tasks that became templates (via the form)
3. Plantillas Generadas - templates created directly from the form

I'll need to track which templates were "approved" vs "generated directly". Let me also check the globals.css for tabs styling:

There's already a tabs.tsx component. Let me check it:

Now I have everything I need. I'll update the TaskTemplate interface to track the origin (approved vs generated), and rewrite the main page with 3 tabs using the existing shadcn Tabs component.

First, update the TaskTemplate to include an origin field:

Now rewrite the main page with 3 tabs:

La pagina de Plantillas ahora tiene 3 tabs: Tareas Pendientes (con badge ambar mostrando la cuenta de pendientes, donde se aprueban o rechazan), Tareas Aprobadas (con formulario pre-llenado al aprobar una tarea y su tabla de plantillas aprobadas), y Plantillas Generadas (formulario limpio para crear plantillas directamente con su propia tabla). Cada plantilla se clasifica automaticamente segun el tab donde fue creada, y al aprobar una tarea pendiente se cambia automaticamente al tab de Aprobadas con el formulario pre-llenado.

Now I understand the current state and what the user wants:

1. Tareas Pendientes: A table (not cards) showing titulo, descripcion, an inline field for duracion, and approve/reject buttons per row.
2. Tareas Aprobadas: Just a read-only list/table of what was approved (no form).
3. Plantillas Generadas: Keep as-is (form + table).

First, let me update the PendingTask type to store duracion, then rewrite the pending tasks component as a table with inline duracion editing, and simplify the main page.

Now add an useApprovedTasks hook to the store:

Now rewrite the pending tasks component as a table with inline duracion editing:

Now create the approved tasks table (read-only):

Now rewrite the main page with the simplified 3-tab layout:

Now clean up the TaskTemplate interface removing the unused origen field:

Also remove the unused prefillData prop since "Tareas Aprobadas" no longer has a form:

Ahora la pagina de Plantillas tiene 3 tabs claros: Tareas Pendientes muestra una tabla con titulo, descripcion y campos inline para duracion (numero + unidad) junto con botones Aprobar/Rechazar en cada fila. Tareas Aprobadas muestra una tabla de solo lectura con las tareas aprobadas, su duracion y la fecha de aprobacion. Plantillas Generadas mantiene el formulario completo y la tabla para crear plantillas directamente.