trackops 2.0.2 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trackops",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Operational project control with task management, document generation, multi-project dashboard, and optional OPERA methodology",
   "main": "lib/control.js",
   "bin": {

package/skills/trackops/SKILL.md

@@ -1,13 +1,40 @@
 ---
 name: "trackops"
-description: "Skill global de TrackOps para preparar al agente, exigir la instalacion explicita del runtime con npm y guiar la activacion local de TrackOps y OPERA dentro de cada repositorio."
+description: "Skill global de TrackOps para explicar que hace TrackOps, exigir la instalacion explicita del runtime con npm y guiar la activacion local de proyectos y OPERA en cada repositorio."
 ---
 
 # TrackOps
 
 Si la conversacion y el proyecto deben trabajar en ingles, lee `locales/en/SKILL.md` antes de seguir.
 
-## Capa global
+TrackOps sirve para trabajar con agentes sobre proyectos reales sin mezclar la aplicacion y la capa operativa.
+
+Esta skill es la puerta de entrada cuando alguien:
+
+- quiere arrancar un proyecto con agentes IA
+- ya tiene un repo y necesita orden operativo
+- necesita activar TrackOps y, si hace falta, OPERA
+- quiere trabajar en espanol o en ingles con el mismo flujo
+
+## Que hace esta skill
+
+Esta skill:
+
+- explica que es TrackOps y cuando conviene usarlo
+- exige una instalacion explicita y visible del runtime
+- guia la activacion por repositorio
+- ayuda a decidir si OPERA debe seguir por `direct bootstrap` o por `agent handoff`
+
+## Que no hace esta skill
+
+Esta skill no:
+
+- instala paquetes por su cuenta
+- ejecuta codigo remoto en silencio
+- modifica un repositorio antes de que el runtime exista
+- sustituye al runtime `trackops`
+
+## Flujo rapido
 
 Instala la skill del marketplace con:
 
@@ -29,7 +56,7 @@ Reglas:
 - la skill puede verificar `trackops --version`, pero no debe encadenar instalaciones silenciosas
 - la skill no debe crear archivos dentro de un repositorio por si sola
 
-## Capa local del proyecto
+## Activacion en un proyecto
 
 Dentro del repositorio:
 
@@ -49,7 +76,7 @@ Reglas base:
 - deja la documentacion operativa generada dentro de `ops/`
 - usa `trackops locale get|set` y `trackops doctor locale` cuando el idioma importe
 
-## Onboarding de OPERA
+## Como entra OPERA
 
 OPERA ya no asume que todo usuario es tecnico.
 
@@ -80,6 +107,14 @@ Si TrackOps deriva al agente:
 trackops opera bootstrap --resume
 ```
 
+## Que debe entender alguien que llega desde skills.sh
+
+- la skill global instala instrucciones en el agente
+- el runtime se instala por separado con npm
+- `trackops init` activa el proyecto
+- `trackops opera install` anade el framework operativo completo solo cuando hace falta
+- TrackOps separa producto y operacion para que el repo no se vuelva caotico
+
 ## Que referencia leer y cuando
 
 - lee `references/activation.md` solo para instalacion, verificacion del runtime, locale bootstrap y activacion de un repo

package/skills/trackops/agents/openai.yaml

@@ -1,7 +1,7 @@
 interface:
   display_name: "TrackOps"
-  short_description: "Guide explicit TrackOps install and activate OPERA"
-  default_prompt: "Use $trackops to install the global skill, require explicit npm installation of the TrackOps runtime, and then activate TrackOps and OPERA in this repository."
+  short_description: "Explain TrackOps and guide explicit install"
+  default_prompt: "Use $trackops to explain what TrackOps does, require explicit npm installation of the TrackOps runtime, and then activate TrackOps and OPERA in this repository."
 
 policy:
   allow_implicit_invocation: true

package/skills/trackops/locales/en/SKILL.md

@@ -1,13 +1,40 @@
 ---
 name: "trackops"
-description: "Global TrackOps skill for preparing the agent, requiring explicit npm runtime installation, and guiding local TrackOps and OPERA activation inside each repository."
+description: "Global TrackOps skill for explaining what TrackOps does, requiring explicit npm runtime installation, and guiding local project and OPERA activation inside each repository."
 ---
 
 # TrackOps
 
 Use this localized file when the conversation and project should run in English.
 
-## Global layer
+TrackOps is for working with agents on real projects without mixing the product itself with the operational layer.
+
+Use this skill when someone:
+
+- wants to start a project with AI agents
+- already has a repository and needs operational structure
+- needs to activate TrackOps and, if needed, OPERA
+- wants the same workflow in English or Spanish
+
+## What this skill does
+
+This skill:
+
+- explains what TrackOps is and when to use it
+- requires an explicit and visible runtime installation
+- guides per-repository activation
+- helps route OPERA into either `direct bootstrap` or `agent handoff`
+
+## What this skill does not do
+
+This skill does not:
+
+- install packages by itself
+- execute remote code silently
+- modify a repository before the runtime exists
+- replace the `trackops` runtime
+
+## Quick flow
 
 Install the marketplace skill with:
 
@@ -29,7 +56,7 @@ Rules:
 - the skill may verify `trackops --version`, but it must not chain silent installs
 - the skill must not create repository files by itself
 
-## Local project layer
+## Project activation
 
 Inside the repository:
 
@@ -49,7 +76,7 @@ Core rules:
 - keep generated operational docs under `ops/`
 - use `trackops locale get|set` and `trackops doctor locale` when language matters
 
-## OPERA onboarding
+## How OPERA enters the flow
 
 OPERA no longer assumes every user is technical.
 
@@ -80,6 +107,14 @@ If TrackOps routes bootstrap to the agent:
 trackops opera bootstrap --resume
 ```
 
+## What someone arriving from skills.sh should understand
+
+- the global skill installs instructions into the agent
+- the runtime is installed separately with npm
+- `trackops init` activates the project
+- `trackops opera install` adds the full operating framework only when needed
+- TrackOps separates product and operations so the repository stays manageable
+
 ## Which reference to read and when
 
 - read `locales/en/references/activation.md` only for installation, runtime verification, locale bootstrap, and repository activation

package/skills/trackops/locales/en/references/activation.md

@@ -73,3 +73,18 @@ trackops locale get
 trackops locale set en
 trackops doctor locale
 ```
+
+## Uninstall
+
+Global:
+
+```bash
+npx skills remove --global trackops -y
+npm uninstall -g trackops
+```
+
+Local:
+
+- there is no `trackops uninstall` command yet
+- review and remove `.trackops-workspace.json`, `ops/`, and `app/.env` if it was only the bridge
+- do not delete `/.env` or `/.env.example` without checking whether the project still needs them

package/skills/trackops/locales/en/references/troubleshooting.md

@@ -53,3 +53,15 @@ Check that both files exist and contain usable data:
 - Run `trackops env status`.
 - Run `trackops env sync`.
 - If bridge mode is `copy`, do not edit `app/.env` directly.
+
+## I want to remove TrackOps completely
+
+- Remove the global skill:
+  `npx skills remove --global trackops -y`
+- Remove the global runtime:
+  `npm uninstall -g trackops`
+- Inside the repository, local removal is still manual:
+  - review `.trackops-workspace.json`
+  - review `ops/`
+  - review `app/.env` if it was only the bridge
+- Do not delete `/.env` or `/.env.example` before checking whether the project still depends on them

package/skills/trackops/references/activation.md

@@ -73,3 +73,18 @@ trackops locale get
 trackops locale set es
 trackops doctor locale
 ```
+
+## Desinstalacion
+
+Global:
+
+```bash
+npx skills remove --global trackops -y
+npm uninstall -g trackops
+```
+
+Local:
+
+- no existe todavia `trackops uninstall`
+- revisa y elimina manualmente `.trackops-workspace.json`, `ops/` y `app/.env` si solo era bridge
+- no borres `/.env` ni `/.env.example` sin revisar si el proyecto sigue necesitandolos

package/skills/trackops/references/troubleshooting.md

@@ -53,3 +53,15 @@ Comprueba que existan ambos archivos y contengan datos utiles:
 - Ejecuta `trackops env status`.
 - Ejecuta `trackops env sync`.
 - Si el modo bridge es `copy`, no edites `app/.env` directamente.
+
+## Quiero quitar TrackOps por completo
+
+- Quita la skill global:
+  `npx skills remove --global trackops -y`
+- Quita el runtime global:
+  `npm uninstall -g trackops`
+- En el repo, la retirada local sigue siendo manual:
+  - revisa `.trackops-workspace.json`
+  - revisa `ops/`
+  - revisa `app/.env` si era solo bridge
+- No borres `/.env` ni `/.env.example` sin comprobar antes si el proyecto sigue dependiendo de ellos

package/skills/trackops/skill.json

@@ -1,9 +1,9 @@
 {
   "name": "trackops",
-  "shortDescription": "Global TrackOps skill for secure agent guidance, explicit runtime install, bilingual onboarding, and local project orchestration.",
-  "description": "Installs TrackOps as a global skill, requires explicit runtime installation with npm, lets users choose Spanish or English, activates local project orchestration, and routes OPERA onboarding into either direct bootstrap or agent-led discovery.",
-  "skillVersion": "2.0.2",
-  "trackopsVersion": "2.0.2",
+  "shortDescription": "Global TrackOps skill that explains TrackOps, requires explicit runtime install, and guides per-repository activation.",
+  "description": "Explains what TrackOps does, installs the global skill layer, requires explicit runtime installation with npm, supports Spanish and English, activates TrackOps repository by repository, and routes OPERA onboarding into either direct bootstrap or agent-led discovery.",
+  "skillVersion": "2.0.4",
+  "trackopsVersion": "2.0.4",
   "npmPackage": "trackops",
   "bootstrapPolicy": "explicit_install",
   "supportedAgentsV1": [

package/ui/css/base.css

@@ -20,7 +20,8 @@ body {
   font-family: var(--font-ui);
   font-size: var(--text-base);
   color: var(--text-primary);
-  background-color: var(--surface-0);
+  background: var(--bg-gradient);
+  background-attachment: fixed;
   line-height: 1.55;
   min-height: 100dvh;
   overflow-x: hidden;
@@ -69,6 +70,12 @@ body {
     "sidebar topbar"
     "sidebar content";
   min-height: 100dvh;
+  transition: grid-template-columns var(--duration-slow) var(--ease-out);
+}
+
+.app-shell:has(.sidebar:hover),
+.app-shell:has(.sidebar:focus-within) {
+  grid-template-columns: var(--sidebar-width-expanded) 1fr;
 }
 
 #sidebar {
@@ -95,6 +102,7 @@ body {
   padding: var(--content-pad);
   min-height: calc(100dvh - var(--topbar-height));
   overflow-y: auto;
+  scroll-behavior: smooth;
 }
 
 /* ── Tipografía ── */
@@ -236,6 +244,16 @@ ul, ol { list-style: none; }
 .text-warning { color: var(--warning); }
 .text-danger  { color: var(--danger); }
 
+/* ── Reduced motion (WCAG 2.2 AA) ── */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
 /* ── Responsive: sidebar colapsable en pantallas menores a 1024px ── */
 @media (max-width: 1024px) {
   .app-shell {

package/ui/css/charts.css

@@ -6,13 +6,25 @@
    CHART CARD CONTAINER
    ─────────────────────────────────── */
 .chart-card {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
+  background: var(--glass-bg);
+  backdrop-filter: blur(var(--glass-blur));
+  -webkit-backdrop-filter: blur(var(--glass-blur));
+  border: 1px solid var(--glass-border);
   border-radius: var(--radius-xl);
   padding: var(--space-5);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
+  box-shadow: var(--glass-shadow), var(--glass-inner);
+  transition:
+    border-color var(--duration-base) var(--ease-out),
+    box-shadow var(--duration-base) var(--ease-out),
+    transform var(--duration-base) var(--ease-out);
+}
+.chart-card:hover {
+  border-color: var(--glass-border-hover);
+  box-shadow: var(--shadow-sm);
+  transform: translateY(-2px);
 }
 
 .chart-title {
@@ -62,7 +74,7 @@
 .bar-fill {
   height: 100%;
   border-radius: var(--radius-full);
-  background: linear-gradient(90deg, var(--accent), #818CF8);
+  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);
   transform-origin: left;
   animation: barGrow 0.8s var(--ease-out) both;
 }
@@ -104,13 +116,13 @@
   width: 100%;
   min-height: 4px;
   border-radius: var(--radius-xs) var(--radius-xs) 2px 2px;
-  background: linear-gradient(180deg, var(--accent) 0%, rgba(99,102,241,0.4) 100%);
+  background: linear-gradient(180deg, var(--accent) 0%, rgba(59,130,246,0.4) 100%);
   transform-origin: bottom;
   animation: heightGrow 0.9s var(--ease-out) both;
   transition: background var(--duration-fast);
 }
 .activity-bar:hover {
-  background: linear-gradient(180deg, var(--accent-hover) 0%, rgba(129,140,248,0.5) 100%);
+  background: linear-gradient(180deg, var(--accent-hover) 0%, rgba(96,165,250,0.5) 100%);
 }
 
 .activity-bar-label {
@@ -129,7 +141,7 @@
 
 .donut-track {
   fill: none;
-  stroke: var(--surface-3);
+  stroke: rgba(255,255,255,0.06);
   stroke-width: 12;
 }
 
@@ -275,8 +287,10 @@
 }
 
 .health-card {
-  background: var(--surface-3);
-  border: 1px solid var(--border);
+  background: var(--glass-bg-subtle);
+  backdrop-filter: blur(var(--glass-blur-sm));
+  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
+  border: 1px solid var(--glass-border);
   border-radius: var(--radius-md);
   padding: var(--space-4);
   display: flex;
@@ -325,3 +339,87 @@
   z-index: var(--z-panel);
 }
 .chart-tooltip.is-visible { opacity: 1; }
+
+/* ───────────────────────────────────
+   PERIOD SELECTOR
+   ─────────────────────────────────── */
+.period-selector {
+  display: flex;
+  gap: var(--space-1);
+  background: var(--surface-3);
+  border-radius: var(--radius-full);
+  padding: 2px;
+  border: 1px solid var(--border);
+}
+.period-btn {
+  padding: 0.3rem 0.85rem;
+  font-size: var(--text-xs);
+  font-weight: 600;
+  border-radius: var(--radius-full);
+  color: var(--text-secondary);
+  transition:
+    background var(--duration-fast) var(--ease-out),
+    color var(--duration-fast) var(--ease-out);
+}
+.period-btn:hover {
+  color: var(--text-primary);
+  background: var(--surface-4);
+}
+.period-btn.is-active {
+  background: var(--accent);
+  color: white;
+  box-shadow: var(--shadow-sm);
+}
+
+/* ───────────────────────────────────
+   LINE / AREA CHART SVG
+   ─────────────────────────────────── */
+.line-chart-container {
+  position: relative;
+  overflow: visible;
+}
+.line-chart-container svg {
+  display: block;
+  overflow: visible;
+}
+
+/* ───────────────────────────────────
+   HEATMAP CHART
+   ─────────────────────────────────── */
+.heatmap-container {
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--surface-3) transparent;
+}
+.heatmap-container svg {
+  display: block;
+}
+.heatmap-label {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  fill: var(--text-muted);
+}
+
+/* ───────────────────────────────────
+   DEPENDENCY GRAPH
+   ─────────────────────────────────── */
+.dep-graph-container {
+  overflow-x: auto;
+  padding: var(--space-3) 0;
+}
+.dep-graph-container svg {
+  display: block;
+}
+
+/* ───────────────────────────────────
+   CHART WRAPPER (responsive)
+   ─────────────────────────────────── */
+.chart-wrapper {
+  position: relative;
+  width: 100%;
+  min-height: 200px;
+}
+.chart-wrapper svg {
+  width: 100%;
+  height: auto;
+}