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:

1. Renderiza 3 cards activas + 1 card placeholder para features futuras.
2. Carga estadísticas en paralelo (Promise.all) al montar, usando fetch a los endpoints de cada tool.
3. Muestra contadores vivos en cada card (p.ej. número de notas, número de direcciones, número de quick links).

Cards activas

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:

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]]