Lizandro GuarnizoandClaude Sonnet 5
d8f9acd1f8
El SPA pasa a llamarse uMind Studio y vive en /studio (el nombre "Orquestador" no le decía nada al cliente final, que ahora es quien lo usa). Diseño: - Los colores viven una sola vez como variables CSS + clases semánticas (.card, .input, .btn-*, .badge-*). Antes cada elemento repetía el par claro/oscuro a mano en cientos de lugares y cambiar un tono era buscar y reemplazar. - darkMode pasa de 'media' a 'class' con toggle propio persistido: el usuario elige, no el sistema operativo. Se aplica antes de montar la app para que no parpadee. - Componentes compartidos (UiModal, UiBadge, UiEmptyState) donde antes había markup duplicado inline. Nueva pantalla de consumo (/tenants/:id/uso): filtros por fecha con atajos, total del período, pendiente de facturar, barra contra el tope del plan, desglose por tipo y gráfico por día. El gráfico son divs con altura porcentual — no vale traer una librería de charts para esto. Rename: - /studio y /portal/studio; /orchestrator redirige 301 conservando la ruta interna, así los enlaces guardados siguen funcionando. Los assets del bundle quedan exentos (el `base` de Vite sigue en /orchestrator/): redirigirlos rompería el SPA. - El submódulo sembrado migra el mismo registro buscando por las tres URLs históricas (/app/umind → /orchestrator → /studio) en vez de dejar entradas duplicadas en el menú. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
24 lines
766 B
JavaScript
24 lines
766 B
JavaScript
import { createRouter, createWebHistory } from 'vue-router'
|
|
import Home from './views/Home.vue'
|
|
import TenantAgentes from './views/TenantAgentes.vue'
|
|
import AgenteDetail from './views/AgenteDetail.vue'
|
|
import Uso from './views/Uso.vue'
|
|
import { contexto } from './lib/contexto.js'
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(contexto.baseRuta),
|
|
routes: [
|
|
{ path: '/', name: 'home', component: Home },
|
|
{ path: '/tenants/:id', name: 'tenant-agentes', component: TenantAgentes, props: true },
|
|
{ path: '/tenants/:id/uso', name: 'uso', component: Uso, props: true },
|
|
{
|
|
path: '/tenants/:tenantId/agentes/:agenteId',
|
|
name: 'agente-detail',
|
|
component: AgenteDetail,
|
|
props: true,
|
|
},
|
|
],
|
|
})
|
|
|
|
export default router
|