Milton Gonzalez 1e6e7fecdd fix(ui): reemplaza panel-debajo-del-listado por DetailPopup de tamaño fijo
El detalle de un item de listado (actividad, departamento, usuario, proyecto nuevo,
catalogo) ya no se apila debajo ni al costado del listado: ahora abre en un popup que
cubre la ventana, deja el listado inactivo detras, nunca se cierra con clic afuera (solo
con el boton Cerrar o una accion explicita del formulario) y mantiene un alto FIJO por
instancia para que cambiar de pestaña interna (Info/Subtareas/Dependencias/Comentarios/
Documentos) no reajuste su tamaño.

De paso corrige un bug real de stacking: ContentDialog no usaba portal a document.body,
así que un dialogo de confirmacion abierto desde dentro de un DetailPopup quedaba oculto
detras de este. Ahora ambos son portales con una jerarquia de z-index explicita
(Flyout 100 < DetailPopup 200 < ContentDialog 250 < Toast 300).

En el detalle de actividad, Subtareas y Dependencias pasan de estar apiladas dentro de la
pestaña Info a ser cada una su propia pestaña.

Regla documentada en project-md-templates/UI-UX-WINDOWS.md (componente DetailPopup) para
que aplique a futuros proyectos de escritorio Windows del grupo.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-03 11:21:07 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00
2026-09-03 08:37:58 -05:00

project.linkedcorp.net

Gestión y seguimiento de proyectos y actividades de TI para una empresa de tamaño medio. MVP simple por diseño (menos campos, menos módulos separados) con el modelo de datos preparado para crecer hacia el resto del alcance funcional (riesgos, incidencias, recursos, proveedores, presupuesto, reportes exportables, etc.) sin romper lo construido.

Stack

  • Frontend: React + Vite
  • Backend: Node.js + Express
  • Base de datos: MariaDB
  • Deploy: Debian 12 (dos servicios separados — arquetipo B del grupo)

Estructura

project.linkedcorp.net/
├── README.md
├── AGENTS.md
├── SPEC.md
├── API.md
├── BASE_DE_DATOS.md
├── CONFIGURACION.md
├── VERSIONADO.md
├── ESTADO.md
├── frontend/
├── backend/
├── docs/
└── scripts/

Modulos principales (MVP)

  • Seguridad (usuarios, roles, auditoría)
  • Organización (departamentos, usuarios)
  • Proyectos, Actividades y Subtareas
  • Dashboard, Calendario, Gantt (solo lectura)
  • Comentarios, adjuntos, notificaciones in-app
  • Configuración (catálogos)

Arranque rapido

Backend

cd backend
npm install
cp .env.example .env   # completar con las credenciales reales
npm run dev

Frontend

cd frontend
npm install
npm run dev

Puertos de este proyecto (registrados en PORTS_INVENTORY.md del grupo): frontend 5196, backend 4019. El frontend escucha en 0.0.0.0 para poder probarlo desde otro equipo/celular en la misma red.

Variables y configuracion

  • Revisar backend/.env.example y CONFIGURACION.md.
  • Base de datos dev: project_linkedcorp en 192.168.222.20 (ya creada).

Documentacion relacionada

  • AGENTS.md — contexto del proyecto para el asistente de IA (leer primero el orquestador del grupo).
  • SPEC.md — alcance funcional.
  • API.md — contrato de la API.
  • BASE_DE_DATOS.md — modelo de datos.
  • CONFIGURACION.md — variables de entorno y setup local.
  • docs/UI-UX-WINDOWS.md — identidad visual del proyecto (Fluent/Windows 11).
  • ESTADO.md — punto de retoma del proyecto (handoff).
S
Description
Gestion y seguimiento de proyectos/actividades TI
Readme 10 MiB
Languages
JavaScript 94.6%
CSS 3.7%
Shell 1.4%
PowerShell 0.2%