Visión general
Ruta /pimia/dashboard · componentes, campos y acciones del checkout documentado.
Ruta y puntos de edición
Ruta: /pimia/dashboard. Revisión: 2aec1b16cc01.
Esta ficha procede de lectura estática del código. Los componentes asociados pueden incluir diálogos cerrados y bloques condicionales. Las expresiones dinámicas se conservan como código; no equivalen a campos siempre visibles ni a permisos concedidos.
| Capa | Archivo relativo al repositorio |
|---|---|
| Ruta | src/app/pimia/dashboard/page.tsx |
| Adaptador Next.js | src/host/screens/PimiaDashboardScreens.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaDashboardScreen.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaStates.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaScreenShell.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaPageHeader.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaDashboardPeriodTabs.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaArranqueAviso.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaDashboardSkeleton.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaDashboardKpis.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaFinancialHealthChart.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaLeadFunnel.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaLeadsMonthlyChart.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaDashboardRanking.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRecentDocuments.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaConnectDialog.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaStatCards.tsx |
PimiaDashboardScreen
Fuente: src/features/pimia/ui/PimiaDashboardScreen.tsx.
Estados reutilizados
-
PimiaNotConnected -
PimiaDashboardSkeleton -
PimiaErrorState
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
text-center, text-sm, text-foreground, text-muted-foreground, gap-4, sm:gap-6, lg:grid-cols-2.
PimiaStates
Fuente: src/features/pimia/ui/PimiaStates.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Conectar una empresa | () => setIsConnectOpen(true) | No declarado en este nodo | 99 |
| Rótulo dinámico / icono | () => void goPimiaPath(notFound.listPath) | No declarado en este nodo | 233 |
| Rótulo dinámico / icono | delegado al contenedor | No declarado en este nodo | 247 |
| Rótulo dinámico / icono | () => void goPimiaPath( closedDoor.action?.kind === "plan" ? PLAN_PATH : MODULES_SETTINGS_PATH, ) | No declarado en este nodo | 257 |
| Volver a conectar | () => setIsConnectOpen(true) | No declarado en este nodo | 273 |
| Reintentar | onRetry | No declarado en este nodo | 279 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-4, p-8, text-center, text-base, text-foreground, text-sm, text-muted-foreground, gap-2, overflow-hidden, bg-muted/40.
PimiaDashboardPeriodTabs
Fuente: src/features/pimia/ui/PimiaDashboardPeriodTabs.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Rótulo dinámico / icono | () => onChange(period.key) | No declarado en este nodo | 41 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-1, bg-muted, p-1.
PimiaArranqueAviso
Fuente: src/features/pimia/ui/PimiaArranqueAviso.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Empieza por aquí | () => void goPimiaPath("/pimia/primeros-pasos") | No declarado en este nodo | 47 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-x-4, gap-y-3, bg-muted/40, text-primary, text-sm, text-foreground.
PimiaLeadFunnel
Fuente: src/features/pimia/ui/PimiaLeadFunnel.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| label | onSelect | No declarado en este nodo | 133 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
text-left, bg-card, p-4, sm:p-5, text-base, text-foreground, text-xs, text-muted-foreground, text-center, text-sm, gap-2, overflow-hidden, bg-muted, gap-1, text-success, bg-success.
PimiaConnectDialog
Fuente: src/features/pimia/ui/PimiaConnectDialog.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Tu empresa | Input | baseUrl | disabled=connect.isPending | 114 |
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Cancelar | () => handleOpenChange(false) | No declarado en este nodo | 155 |
| Rótulo dinámico / icono | submit del formulario | !canSubmit | 162 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
text-sm, text-foreground, gap-2, text-muted-foreground, text-xs, text-destructive.
Hooks, adaptadores y utilidades relacionados
-
src/features/pimia/api/auth.ts -
src/features/pimia/api/dashboard.ts -
src/features/pimia/api/pimiaClient.ts -
src/features/pimia/hooks/usePimiaArranque.ts -
src/features/pimia/hooks/usePimiaAuth.ts -
src/features/pimia/hooks/usePimiaDashboard.ts -
src/features/pimia/hooks/usePimiaResources.ts -
src/features/pimia/lib/closedDoors.ts -
src/features/pimia/lib/dashboard.ts -
src/features/pimia/lib/leads.ts -
src/features/pimia/lib/missingRecord.ts -
src/features/pimia/lib/money.ts -
src/features/pimia/lib/scopeDenial.ts
Antes de entregar un retoque
- Revisa los archivos de formulario y sus helpers antes de cambiar tipos, obligatoriedad o valores iniciales.
- Prueba carga, error, vacío, permisos insuficientes y guardado pendiente en las variantes que usa esta pantalla.
- Comprueba escritorio, móvil, teclado, tema oscuro y scroll con suficientes filas.
- Conserva los handlers y la invalidación de datos al modificar la presentación.