Hub /tools · página índice de tools del workspace (PR4 plan s52)
Qué es
Página /tools (src/pages/tools/index.astro) — hub que lista las tools internas del staff con stats vivas. Cierra el plan workspace tools s52 (PR4 de 4).
3 tools activas + card placeholder:
- Quick Links — bookmarks compartidos.
- Cuaderno — notas markdown scope user.
- Direcciones — agenda de contactos compartida.
Implementación
ToolsHub.tsx es un componente React que en useEffect lanza 3 fetches en paralelo (/api/quicklinks, /api/notebook, /api/directions) y calcula contadores agregados:
| Tool | Detail line |
|---|---|
| Quick Links | N enlaces |
| Cuaderno | N notas · M ancladas · K archivadas |
| Direcciones | N empresas · M personas |
Si los fetches fallan (no hay sesión CF Access, dev local), las cards muestran “Sin datos” en vez de explotar.
Cada card es un <a> que navega a /tools/<slug>. El placeholder (“¿Te falta una?”) es un <div> no clicable con opacity reducida, claramente diferenciado visualmente del resto.
Decisiones
- Stats live, no cacheadas. Coste despreciable (3 listas de <500 filas cada una). Si en futuro hay decenas de miles de filas, añadir endpoints
/api/<tool>/countque devuelvan solo aggregates. - Sin “soon” / “in-development”. Las tools que aparecen aquí están en producción. Tools en desarrollo no entran en el hub hasta que estén live.
- AI Eval no aparece en el hub. Razón: es interna de Edu/Dani para evaluar modelos AI, no encaja con la narrativa “tools del staff” del hub. Sigue accesible vía
/tools/ai-evaly desde el sidebar.
Sidebar
Sidebar.tsx NAV_TOOLS lista en orden:
- Hub (
/tools) - Quick Links (
/tools/quicklinks) - Cuaderno (
/tools/notebook) - Direcciones (
/tools/directions) - AI Eval (
/tools/ai-eval)
navigation.ts mantiene el mismo orden (hardcoded duplicado, footgun documentado).
Véase también
- [[feature—workspace—quick-links]]
- [[feature—workspace—notebook]]
- [[feature—workspace—directions]]