trackops 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +238 -0
  2. package/lib/init.js +2 -2
  3. package/lib/locale.js +41 -17
  4. package/lib/opera-bootstrap.js +68 -7
  5. package/lib/opera.js +10 -2
  6. package/lib/registry.js +18 -0
  7. package/lib/server.js +312 -207
  8. package/locales/en.json +4 -0
  9. package/locales/es.json +4 -0
  10. package/package.json +1 -1
  11. package/skills/trackops/SKILL.md +39 -4
  12. package/skills/trackops/agents/openai.yaml +2 -2
  13. package/skills/trackops/locales/en/SKILL.md +39 -4
  14. package/skills/trackops/locales/en/references/activation.md +15 -0
  15. package/skills/trackops/locales/en/references/troubleshooting.md +12 -0
  16. package/skills/trackops/references/activation.md +15 -0
  17. package/skills/trackops/references/troubleshooting.md +12 -0
  18. package/skills/trackops/skill.json +4 -4
  19. package/ui/css/base.css +19 -1
  20. package/ui/css/charts.css +106 -8
  21. package/ui/css/components.css +554 -17
  22. package/ui/css/onboarding.css +133 -0
  23. package/ui/css/panels.css +345 -406
  24. package/ui/css/terminal.css +125 -0
  25. package/ui/css/timeline.css +58 -0
  26. package/ui/css/tokens.css +170 -113
  27. package/ui/index.html +3 -0
  28. package/ui/js/api.js +49 -13
  29. package/ui/js/app.js +28 -32
  30. package/ui/js/charts.js +526 -0
  31. package/ui/js/filters.js +247 -0
  32. package/ui/js/icons.js +82 -57
  33. package/ui/js/keyboard.js +229 -0
  34. package/ui/js/onboarding.js +33 -42
  35. package/ui/js/router.js +20 -3
  36. package/ui/js/views/board.js +84 -114
  37. package/ui/js/views/dashboard.js +870 -0
  38. package/ui/js/views/projects.js +745 -0
  39. package/ui/js/views/scrum.js +476 -0
  40. package/ui/js/views/settings.js +197 -247
  41. package/ui/js/views/sidebar.js +37 -31
  42. package/ui/js/views/tasks.js +218 -101
  43. package/ui/js/views/timeline.js +265 -0
  44. package/ui/js/views/topbar.js +94 -107
  45. package/ui/app.js +0 -950
  46. package/ui/js/views/insights.js +0 -340
  47. package/ui/js/views/overview.js +0 -369
  48. package/ui/styles.css +0 -688
package/ui/css/onboarding.css ADDED
@@ -0,0 +1,133 @@
1
+ /* ═══════════════════════════════════════════════════════
2
+ ONBOARDING — Spotlight tour, tooltips, navigation
3
+ ═══════════════════════════════════════════════════════ */
4
+
5
+ .onboarding-spotlight {
6
+ /* Los estilos inline de position, inset, box-shadow se inyectan por JS */
7
+ background: transparent;
8
+ z-index: var(--z-onboard);
9
+ pointer-events: none;
10
+ }
11
+ .onboarding-spotlight.is-hidden { display: none; }
12
+
13
+ .onboarding-ring {
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ @keyframes ob-ring-pulse {
18
+ 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59,130,246,0.7); opacity: 1; }
19
+ 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(59,130,246,0); opacity: 0; }
20
+ 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59,130,246,0); opacity: 0; }
21
+ }
22
+
23
+ .onboarding-tooltip {
24
+ /* Los estilos inline de position y transform se inyectan por JS */
25
+ background: var(--glass-bg-strong);
26
+ backdrop-filter: blur(var(--glass-blur));
27
+ -webkit-backdrop-filter: blur(var(--glass-blur));
28
+ border: 1px solid var(--glass-border);
29
+ border-radius: var(--radius-xl);
30
+ padding: var(--space-6);
31
+ box-shadow: var(--shadow-xl);
32
+ opacity: 0;
33
+ transition: opacity var(--duration-base) var(--ease-out);
34
+ pointer-events: all;
35
+ color: var(--text-primary);
36
+ }
37
+ .onboarding-tooltip.is-hidden { display: none; pointer-events: none; }
38
+ .ob-enter {
39
+ animation: ob-enter-anim var(--duration-base) var(--ease-out) forwards;
40
+ }
41
+ @keyframes ob-enter-anim {
42
+ from { opacity: 0; transform: translateY(8px) scale(0.98); }
43
+ to { opacity: 1; transform: translateY(0) scale(1); }
44
+ }
45
+
46
+ /* ── Flechas (Bocadillo) ── */
47
+ .onboarding-tooltip::after {
48
+ content: '';
49
+ position: absolute;
50
+ width: 0;
51
+ height: 0;
52
+ border-style: solid;
53
+ }
54
+ /* Flecha apuntando hacia arriba (cuando el tooltip esta bottom) */
55
+ .onboarding-tooltip[data-pos="bottom"]::after {
56
+ top: -10px;
57
+ left: 50%;
58
+ margin-left: -10px;
59
+ border-width: 0 10px 10px 10px;
60
+ border-color: transparent transparent var(--glass-bg-strong) transparent;
61
+ }
62
+ /* Flecha apuntando hacia abajo (cuando el tooltip esta top) */
63
+ .onboarding-tooltip[data-pos="top"]::after {
64
+ bottom: -10px;
65
+ left: 50%;
66
+ margin-left: -10px;
67
+ border-width: 10px 10px 0 10px;
68
+ border-color: var(--glass-bg-strong) transparent transparent transparent;
69
+ }
70
+ /* Flecha apuntando hacia la izquierda (cuando el tooltip esta right) */
71
+ .onboarding-tooltip[data-pos="right"]::after {
72
+ left: -10px;
73
+ top: 50%;
74
+ margin-top: -10px;
75
+ border-width: 10px 10px 10px 0;
76
+ border-color: transparent var(--glass-bg-strong) transparent transparent;
77
+ }
78
+ /* Flecha apuntando hacia la derecha (cuando el tooltip esta left) */
79
+ .onboarding-tooltip[data-pos="left"]::after {
80
+ right: -10px;
81
+ top: 50%;
82
+ margin-top: -10px;
83
+ border-width: 10px 0 10px 10px;
84
+ border-color: transparent transparent transparent var(--surface-2);
85
+ }
86
+
87
+ .ob-step-label {
88
+ font-size: var(--text-xs);
89
+ font-weight: 700;
90
+ color: var(--accent);
91
+ letter-spacing: 0.08em;
92
+ text-transform: uppercase;
93
+ margin-bottom: var(--space-3);
94
+ }
95
+ .ob-title {
96
+ font-size: var(--text-lg);
97
+ font-weight: 800;
98
+ margin-bottom: var(--space-2);
99
+ }
100
+ .ob-desc {
101
+ font-size: var(--text-sm);
102
+ color: var(--text-secondary);
103
+ line-height: 1.6;
104
+ margin-bottom: var(--space-5);
105
+ }
106
+ .ob-nav {
107
+ display: flex;
108
+ align-items: center;
109
+ justify-content: space-between;
110
+ flex-wrap: wrap;
111
+ gap: var(--space-4);
112
+ }
113
+ .ob-dots {
114
+ display: flex;
115
+ gap: var(--space-2);
116
+ flex-wrap: wrap;
117
+ }
118
+ .ob-dot {
119
+ width: 6px; height: 6px;
120
+ border-radius: 50%;
121
+ background: var(--border-strong);
122
+ transition: background var(--duration-base);
123
+ }
124
+ .ob-dot.is-active {
125
+ background: var(--accent);
126
+ width: 18px;
127
+ border-radius: var(--radius-full);
128
+ }
129
+ .ob-actions {
130
+ display: flex;
131
+ gap: var(--space-2);
132
+ flex-wrap: wrap;
133
+ }