pm-cli en tu
navegador
pm-web es la PWA con capacidad offline para espacios de trabajo de pm CLI. Proporciona autenticación de usuarios, múltiples proyectos, compartir con control detallado entre usuarios y grupos, edición en tiempo real multiusuario, un grafo de conocimiento interactivo con simulación física, visualización de clústeres de etiquetas, flujos conectados a GitHub, búsqueda semántica con Ollama, interfaz de administración, import/export y una UI generada contra pm CLI 2026.8.10.
Espacios de trabajo de pm CLI, en el navegador
pm-web ejecuta comandos reales de pm CLI para operaciones de proyecto en directorios aislados. El sitio público regenera datos de comandos, esquemas, guías y documentos de la última CLI para que su referencia pública siga la versión actual.
┌─────────────────────────────────────────────────────────────────┐
│ pm-web · My Project ▾ [share] [settings] [log out] │
├──────────────┬──────────────────────────────────────────────────┤
│ │ │
│ Items │ Open Items (12) │
│ Plans │ │
│ ────────── │ T-001 Implement auth middleware [claimed] │
│ Search │ T-002 Add project sharing API [open] │
│ Stats │ T-003 Write migration scripts [in-progress]│
│ Calendar │ T-004 Set up Docker compose [open] │
│ Activity │ P-001 Migrate auth [plan · 3 steps] │
│ Graph │ │
│ GitHub │ › Create · Filter · Sort · ⌘K Search │
│ ────────── │ │
│ Health │ │
│ Admin │ │
└──────────────┴──────────────────────────────────────────────────┘Todo de pm-cli, sin terminal
pm-web convierte el contrato CLI en una interfaz rápida estilo PWA: CRUD de proyectos, colaboración, vinculación/importación de GitHub, import/export, inspección de grafos, búsqueda, health, validación y cobertura de comandos generada.
Autenticación de usuarios
Regístrate e inicia sesión con correo electrónico y contraseña. Las sesiones se gestionan por usuario. Cada cuenta administra su propio conjunto de proyectos con control de acceso independiente.
Múltiples proyectos
Crea todos los proyectos que necesites. Cada proyecto obtiene una raíz de workspace de pm dedicada, aislada de los demás proyectos y almacenada con control de acceso del lado del servidor.
Compartir proyectos
Comparte cualquier proyecto con otros usuarios registrados o grupos enteros. Asigna permisos de solo lectura o edición por colaborador. Revoca el acceso en cualquier momento.
Gestión de grupos
Crea grupos y añade miembros para compartir múltiples proyectos con un equipo en un solo paso. Los cambios de membresía de grupo se propagan automáticamente a todos los proyectos compartidos.
CRUD completo de items
Crea, actualiza, cierra y elimina los tipos de item actuales de pm: Chore, Decision, Epic, Event, Feature, Issue, Meeting, Milestone, Plan, Reminder, Task. Todas las mutaciones pasan por la pm CLI real y aparecen en el historial.
Dependencias y relaciones
Añade metadatos de dependencia entre items, muestra bloqueadores desde campos reales de CLI blocked_by e inspecciona grafos de relaciones. La vista de grafo incluye un modo de grafo de dependencias que filtra las aristas de bloqueo y resalta la ruta crítica completa.
Grafo de conocimiento interactivo
Grafo Canvas 2D dirigido por fuerzas con simulación física, zoom/pan, nodos arrastrables, flechas dirigidas, contadores de bloqueadores y anillos de ruta crítica. La visualización de clústeres de etiquetas agrupa nodos por etiquetas compartidas con controles de profundidad ajustables. Cambia entre presets de grafo (dependencia, etiqueta, tipo, estado) con el atajo de teclado G. Haz clic en cualquier nodo para resaltar sus vecinos; doble clic para abrir el item. Codificado por color según tipo, estado o etiquetas. Usa pm-graph export con Neo4j cuando esté instalado, recurre a datos en vivo de pm si no.
Ciclo de vida de tareas
El ciclo de vida completo de tareas de pm está soportado en la UI: reclamar, liberar, iniciar y pausar tareas. Las transiciones de estado siguen las mismas reglas que la CLI.
Comentarios, notas y aprendizajes
Añade y explora comentarios anidados, notas y aprendizajes en cualquier item. Todas las entradas tienen marca de tiempo y son visibles inline — una base de conocimiento persistente integrada en cada proyecto.
Tests vinculados
Adjunta comandos de test a cualquier item directamente desde el navegador. Consulta los tests vinculados existentes y añade nuevos — manteniendo criterios de aceptación y cobertura de tests en un solo lugar.
Plazos, sprints y releases
Establece plazos (absolutos o relativos: +1d, +2w), identificadores de sprint, etiquetas de release, responsables y estimaciones de tiempo en cada item. Filtra tu tablero por cualquiera de estos campos.
Actividad y calendario
Rastrea todos los cambios en el feed de actividad. Consulta items programados en un calendario, identifica tareas atrasadas y navega el historial por fecha.
Búsqueda y filtros
Búsqueda por palabras clave, semántica e híbrida en items. Los nuevos proyectos de pm-web configuran Ollama local qwen3-embedding:0.6b para búsqueda semántica por defecto, sujeto a la disponibilidad del servicio y modelo de Ollama.
Sincronización con GitHub
Conecta repositorios de GitHub, consulta el contexto del repositorio vinculado e importa issues de GitHub a proyectos de pm sin salir de la app.
Importar y exportar
Descarga datos de proyecto como JSON, CSV o YAML para copia de seguridad o transferencia, luego sube/importa snapshots de items en JSON al mover workspaces o restaurar estado.
Eventos de proyecto en tiempo real
Eventos de proyecto enviados por servidor mantienen a los colaboradores al día conforme cambian los datos del proyecto, con actualizaciones de UI diseñadas para flujos de edición multiusuario.
PWA offline y móvil
pm-web es una Progressive Web App — instálala en escritorio o móvil desde tu navegador. Un service worker almacena la app shell para que la UI cargue y navegue offline, sincronizando cambios al volver la conectividad.
Interfaz de administración
Los administradores del sitio obtienen un panel dedicado para gestionar usuarios, inspeccionar proyectos, revocar acceso y monitorizar la salud del sistema — separado de los controles de propietario por proyecto.
Salud del proyecto
Una vista de Health dedicada muestra una puntuación de salud de 0–100 con codificación de color y una lista completa de problemas: items obsoletos, contexto faltante, trabajo bloqueado y más.
Operaciones masivas
Actualiza campos masivamente en conjuntos filtrados de items — estado, responsable, prioridad, sprint. Un modal de Cierre Masivo dedicado te permite cerrar o cancelar lotes enteros con un motivo obligatorio, con vista previa de simulación antes de aplicar.
Plantillas y clonación de items
Crea desde plantillas preconstruidas o usa cualquier item existente como plantilla — los campos están prerrellenados y listos para personalizar, haciendo el trabajo repetitivo rápido sin salir de la UI.
Estadísticas y agregación
Las estadísticas de proyecto muestran recuentos de items abiertos vs. cerrados, tendencias de velocidad y distribuciones de prioridad. Las vistas agregadas ofrecen desgloses listos para gobernanza por tipo y estado.
Atajos de teclado
Navega sin levantar las manos: N para crear un item, / para buscar, Ctrl+K para el modal de búsqueda global, Esc para cerrar cualquier modal. En la vista de grafo: Space para pausar/reanudar la física, F para ajustar todos los nodos, R para resetear el layout, I para alternar info del item, G para cambiar presets de grafo.
Contexto y agregación
Genera contexto de pm y vistas agregadas directamente en el navegador. Perfecto para preparar notas de standup o proporcionar contexto a un agente de IA.
Planes para agentes
Crea, revisa y materializa items Plan directamente en el navegador. Cada plan contiene pasos ordenados con estado por paso (pending, in-progress, blocked, completed). Aprueba un plan antes de que un agente lo ejecute y luego materializa los pasos en items reales de pm con un solo clic. Ciclo de vida completo de pasos: añadir, completar, bloquear, eliminar y borrar planes.
Changelog y notas de versión
Explora el CHANGELOG del proyecto directamente en el navegador. pm-web muestra la salida de pm changelog como notas de versión formateadas para que tu equipo pueda revisar qué cambió entre versiones sin salir de la app.
Grafo interactivo dirigido por fuerzas — pm-graph + Neo4j
pm-web renderiza un grafo Canvas 2D dirigido por fuerzas con simulación física (repulsión, fuerzas de resorte, centrado) a 60fps. Zoom mediante scroll o pellizco, pan arrastrando el fondo, arrastra nodos individuales para reorganizar y haz clic para resaltar los vecinos directos de un nodo. El modo de grafo de dependencias filtra las aristas BLOCKED_BY, DEPENDS_ON y BLOCKS, luego resalta la cadena de bloqueo más larga como ruta crítica. pm-web delega primero la exportación del grafo a pm-graph/Neo4j; si no está disponible construye el grafo a partir de items en vivo de pm, blocked_by, deps, etiquetas, estado, tipo, responsable, sprint y metadatos de release.
| Superficie | Dato generado |
|---|---|
| Comandos | pm-graph ping, pm-graph export, pm-graph cypher, pm-graph sync, pm-graph status, pm-graph query, pm-graph neighbors |
| Fuentes | parent, deps, dependencies, type, status, assignee, sprint, release, tags |
| Neo4j | La sincronización usa NEO4J_URI, NEO4J_USER o NEO4J_USERNAME, NEO4J_PASSWORD y NEO4J_DATABASE opcional. |
Generado desde el contrato CLI actual
Esta lista de comandos se renderiza a partir de los mismos datos generados que usa el resto del sitio: pm contracts --json, pm help --json y salida de guías local de pm CLI 2026.8.10, generado 2026-08-10T17:05:56.446Z.
Compartir con detalle y grupos
Comparte proyectos con usuarios individuales o grupos enteros. Dos niveles de permiso te dan control sobre quién puede leer y quién puede escribir.
Permiso de lectura
- ✓ Explorar todos los items y sus detalles
- ✓ Leer comentarios, notas y aprendizajes
- ✓ Ejecutar búsqueda, estadísticas, health y contexto
- ✓ Ver feed de actividad y calendario
- — No puede crear ni modificar items
- — No puede añadir comentarios ni notas
Permiso de edición
- ✓ Todo lo del permiso de lectura
- ✓ Crear, actualizar, cerrar y eliminar items
- ✓ Reclamar, liberar, iniciar y pausar tareas
- ✓ Añadir comentarios, notas y aprendizajes
- ✓ Gestionar dependencias y relaciones
- — No puede gestionar la configuración de compartir del proyecto
Los grupos te permiten compartir un proyecto con un equipo entero en una acción. Añade o elimina miembros del grupo y todos los proyectos compartidos se actualizan al instante. Solo el propietario del proyecto puede cambiar la configuración de uso compartido.
Cómo está construido pm-web
Un stack limpio y diseñado a propósito sin frameworks pesados — solo primitives sólidos que dejan a pm CLI en el asiento del conductor.
| Capa | Tecnología |
|---|---|
| Backend | Express.js + TypeScript — servidor API ligero que maneja autenticación, gestión de proyectos y proxy de comandos CLI a contenedores. |
| Base de datos | PostgreSQL — almacena cuentas de usuario, proyectos, relaciones de compartir y membresías de grupos. La pm CLI misma lee/escribe archivos, no la base de datos. |
| Runtime de PM | El verdadero @unbrained/pm-cli se ejecuta contra directorios de proyecto aislados. Las acciones de la UI se traducen a invocaciones de pm CLI y preservan la pista de auditoría de la CLI. |
| Frontend | TypeScript vainilla compilado a JavaScript de navegador — sin runtime de React o Vue. UI rápida, ligera en dependencias, lista para PWA que se mantiene cerca del modelo CLI. |
| Búsqueda | Embeddings locales de Ollama con qwen3-embedding:0.6b configurados para búsqueda semántica de pm-web, además de modos de búsqueda por palabras clave e híbrida de pm CLI. |
| Grafo | pm-web expone un grafo de relaciones a partir de datos en vivo de pm y puede delegar export/sync a la extensión pm-graph. La sincronización con Neo4j usa NEO4J_URI, NEO4J_USER y NEO4J_PASSWORD. |
| Auth | Autenticación basada en sesiones con hash de contraseña bcrypt. Los permisos se verifican del lado del servidor en cada petición. |
| Despliegue | Docker + Docker Compose. Cada directorio de proyecto pm es un montaje de volumen; el contenedor de pm CLI se genera y reutiliza por proyecto. |
Prueba pm-web ahora
No necesitas instalación. Regístrate en pm-web.unbrained.dev, crea tu primer proyecto y empieza a gestionar trabajo desde tu navegador en segundos.