Hub /tools — Página de herramientas del workspace
Hub /tools — Página de herramientas del workspace
Qué es
El Hub /tools es la página de entrada a la sección de herramientas del workspace (/tools). Presenta las herramientas disponibles en formato de cards con estadísticas vivas (contadores en tiempo real), facilitando el acceso rápido a cada utilidad.
Diseño y componentes
ToolsHub.tsx
Componente React principal (src/components/tools/ToolsHub.tsx) que:
- Renderiza 3 cards activas + 1 card placeholder para features futuras.
- Carga estadísticas en paralelo (
Promise.all) al montar, usando fetch a los endpoints de cada tool. - Muestra contadores vivos en cada card (p.ej. número de notas, número de direcciones, número de quick links).
Cards activas
| Card | Feature | Ruta | Stat mostrada |
|---|---|---|---|
| Quick Links | Accesos rápidos del equipo | /tools/quick-links | Nº de links guardados |
| Cuaderno | Editor WYSIWYG personal | /tools/notebook | Nº de notas del usuario |
| Direcciones | Agenda de direcciones | /tools/direcciones | Nº de direcciones |
| (Placeholder) | Feature futura | — | — |
Ruta Astro
src/pages/tools/index.astro — rehecho completamente para usar ToolsHub. Anteriormente era una página estática o vacía.
Estilos
src/styles/tools.css añade:
.tool-hub-*— grid de cards del Hub..cuaderno-*— estilos del editor Cuaderno (compartido en el mismo fichero CSS).
Navegación
src/lib/navigation.ts
Se añade la entrada “Cuaderno” bajo el grupo Tools:
Tools/
├── /tools (Hub)
├── /tools/quick-links
├── /tools/notebook ← nuevo
└── /tools/direcciones
src/components/shell/Sidebar.tsx
Se actualiza con NAV_TOOLS para incluir el Hub y el Cuaderno en la barra lateral.
Contexto del plan s52
El Hub /tools es la PR4 de 4 (y última) del plan workspace tools s52, que completa la sección de herramientas:
| PR | Feature | Estado |
|---|---|---|
| PR1 | Quick Links | ✅ cerrada (s52pm) |
| PR2 | Direcciones | ✅ cerrada (s54) |
| PR3 | Cuaderno TipTap | ✅ cerrada (s52) |
| PR4 | Hub /tools (esta feature) | ✅ cerrada (s52) |
Con esta PR se cierra el plan completo. La sección /tools queda funcional al 100%.
Véase también
- [[feature—tools—cuaderno-tiptap]]
- [[workspace—que-es-workspace]]
- [[workspace—dashboard]]
- [[workspace—tareas-notas]]