@jaimevalasek/aioson 1.30.0 → 1.30.2

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 (93) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/docs/design-previews/cognitive-core-ui-auth.html +95 -0
  3. package/docs/design-previews/cognitive-core-ui-kanban.html +231 -0
  4. package/docs/design-previews/cognitive-core-ui-list-detail.html +174 -0
  5. package/docs/design-previews/cognitive-core-ui-preview.css +1315 -0
  6. package/docs/design-previews/cognitive-core-ui-settings.html +142 -0
  7. package/docs/design-previews/cognitive-core-ui-website.html +190 -1009
  8. package/docs/design-previews/cognitive-core-ui.html +281 -463
  9. package/docs/design-previews/index.html +83 -31
  10. package/package.json +1 -1
  11. package/src/constants.js +578 -514
  12. package/template/.aioson/docs/integrations/dashboard-app-form-publish-mapping.md +183 -0
  13. package/template/.aioson/docs/play/README.md +74 -0
  14. package/template/.aioson/docs/play/agent-usage-guide.md +112 -0
  15. package/template/.aioson/docs/play/app-compatibility-guide.md +117 -0
  16. package/template/.aioson/docs/play/auth-services-and-testing.md +235 -0
  17. package/template/.aioson/docs/play/llm-data-and-bindings.md +238 -0
  18. package/template/.aioson/docs/play/manifest-and-runtime.md +267 -0
  19. package/template/.aioson/docs/play/source-map.md +104 -0
  20. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +266 -243
  21. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -293
  22. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -827
  23. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -250
  24. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -585
  25. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -365
  26. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +485 -482
  27. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +386 -387
  28. package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +228 -205
  29. package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -338
  30. package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -977
  31. package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -218
  32. package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -326
  33. package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -461
  34. package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -293
  35. package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -352
  36. package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +233 -210
  37. package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -319
  38. package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -365
  39. package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -196
  40. package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -244
  41. package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -235
  42. package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -215
  43. package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -295
  44. package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +239 -203
  45. package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -339
  46. package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +417 -407
  47. package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +289 -272
  48. package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +525 -524
  49. package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +279 -279
  50. package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +355 -289
  51. package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +443 -437
  52. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +245 -222
  53. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -159
  54. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -498
  55. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -236
  56. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -274
  57. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -355
  58. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -198
  59. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -307
  60. package/template/.aioson/skills/design/interface-design/SKILL.md +68 -47
  61. package/template/.aioson/skills/design/interface-design/references/components-and-states.md +105 -105
  62. package/template/.aioson/skills/design/interface-design/references/design-directions.md +101 -101
  63. package/template/.aioson/skills/design/interface-design/references/handoff-and-quality.md +92 -71
  64. package/template/.aioson/skills/design/interface-design/references/intent-and-domain.md +74 -74
  65. package/template/.aioson/skills/design/interface-design/references/tokens-and-depth.md +173 -173
  66. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +236 -213
  67. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -228
  68. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -855
  69. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -334
  70. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -342
  71. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -286
  72. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -458
  73. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -723
  74. package/template/.aioson/skills/design/premium-command-center-ui/SKILL.md +83 -62
  75. package/template/.aioson/skills/design/premium-command-center-ui/references/operations.md +74 -74
  76. package/template/.aioson/skills/design/premium-command-center-ui/references/patterns.md +116 -116
  77. package/template/.aioson/skills/design/premium-command-center-ui/references/validation.md +47 -47
  78. package/template/.aioson/skills/design/premium-command-center-ui/references/visual-system.md +215 -215
  79. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -31
  80. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +94 -66
  81. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +366 -366
  82. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -150
  83. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -270
  84. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -189
  85. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +161 -161
  86. package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +232 -209
  87. package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -324
  88. package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -508
  89. package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -223
  90. package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -374
  91. package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -356
  92. package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -288
  93. package/template/.aioson/skills/design/warm-craft-ui/references/websites.md +289 -289
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file.
4
4
 
5
+ ## [1.30.2] - 2026-06-24
6
+
7
+ ### Changed
8
+ - **Hardened packaged design skills.** Strengthened design skill quality gates, managed-file coverage, and Cognitive Core layout guidance to reduce brittle or low-quality UI output.
9
+ - **Refreshed Cognitive Core previews.** Rebuilt the design preview examples with a shared responsive CSS system and added cockpit, website, list/detail, settings, auth, and Kanban examples.
10
+
11
+ ### Docs
12
+ - **Updated Play permission guidance.** Clarified manifest-driven `auth.permissions[]` guidance across the AIOSON Play docs and shipped template copies.
13
+
14
+ ## [1.30.1] - 2026-06-23
15
+
16
+ ### Added
17
+ - **AIOSON Play app compatibility docs.** Added curated `.aioson/docs/play/` guidance for agents building apps that target AIOSON Play, shipped through the install/update template. It covers manifest/runtime behavior, ports, ProductBridge, `/api/aioson-play`, LLM env injection, app-owned databases, Data Bindings, auth, services, and local testing.
18
+ - **Framework integration docs surface.** Added `.aioson/docs/integrations/dashboard-app-form-publish-mapping.md` as a framework-managed integration reference and shipped it through the install/update template.
19
+
20
+ ### Fixed
21
+ - **Preservative integration docs update.** `update` now has regression coverage proving official framework integration docs are refreshed while project-owned files in `.aioson/docs/integrations/` remain untouched.
22
+
5
23
  ## [1.30.0] - 2026-06-22
6
24
 
7
25
  ### Added
@@ -0,0 +1,95 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Cognitive Core UI - Secure Access Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
10
+ <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
11
+ </head>
12
+ <body>
13
+ <div class="cc-page">
14
+ <main class="auth-shell">
15
+ <section class="auth-visual">
16
+ <a class="brand" href="index.html">
17
+ <span class="brand-mark">N</span>
18
+ <span class="brand-copy">
19
+ <span class="brand-name">Nexus Core</span>
20
+ <span class="brand-sub cc-mono">Secure operator access</span>
21
+ </span>
22
+ </a>
23
+
24
+ <div>
25
+ <div class="eyebrow">Access control</div>
26
+ <h1 class="auth-title">Enter the command plane.</h1>
27
+ <p class="auth-copy">A focused auth surface with real product context, not a blank login box floating on a decorative background.</p>
28
+ </div>
29
+
30
+ <section class="content-panel">
31
+ <div class="panel-header">
32
+ <div>
33
+ <h2 class="panel-title">Pre-login posture</h2>
34
+ <p class="panel-subtitle">Tenant health visible before handoff.</p>
35
+ </div>
36
+ <span class="tag green">Ready</span>
37
+ </div>
38
+ <div class="panel-body">
39
+ <div class="metric-grid">
40
+ <div class="metric-panel">
41
+ <div class="metric-label">Region</div>
42
+ <div class="metric-value">US-E</div>
43
+ <div class="metric-note">Primary zone active</div>
44
+ </div>
45
+ <div class="metric-panel">
46
+ <div class="metric-label">Policy</div>
47
+ <div class="metric-value">MFA</div>
48
+ <div class="metric-note">Hardware key preferred</div>
49
+ </div>
50
+ <div class="metric-panel">
51
+ <div class="metric-label">SLA</div>
52
+ <div class="metric-value">99.99%</div>
53
+ <div class="metric-note">Last 30 days</div>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </section>
58
+ </section>
59
+
60
+ <section class="auth-panel" aria-label="Sign in">
61
+ <div class="eyebrow">Operator sign in</div>
62
+ <h2 class="panel-title" style="font-size:1.55rem;margin-top:10px">Authenticate</h2>
63
+ <p class="muted-copy">Use your workspace identity to continue to the production cockpit.</p>
64
+
65
+ <form class="auth-form">
66
+ <label class="field">
67
+ <span class="field-label">Workspace</span>
68
+ <input class="input" type="text" value="nexus-command" />
69
+ </label>
70
+ <label class="field">
71
+ <span class="field-label">Email</span>
72
+ <input class="input" type="email" value="operator@nexus.example" />
73
+ </label>
74
+ <label class="field">
75
+ <span class="field-label">Passcode</span>
76
+ <input class="input" type="password" value="00000000" />
77
+ </label>
78
+ <button class="primary-button" type="button" style="width:100%;min-height:44px">Continue</button>
79
+ <button class="ghost-button" type="button" style="width:100%;min-height:44px">Use hardware key</button>
80
+ </form>
81
+
82
+ <div style="height:18px"></div>
83
+
84
+ <div class="inset-panel" style="padding:14px">
85
+ <div class="row-top">
86
+ <span class="row-title">Session policy</span>
87
+ <span class="tag cyan">Strict</span>
88
+ </div>
89
+ <p class="row-meta">This preview keeps form controls dense, legible, and responsive across mobile widths.</p>
90
+ </div>
91
+ </section>
92
+ </main>
93
+ </div>
94
+ </body>
95
+ </html>
@@ -0,0 +1,231 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Cognitive Core UI - Kanban Board Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
10
+ <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
11
+ </head>
12
+ <body>
13
+ <div class="cc-page">
14
+ <div class="cc-shell">
15
+ <header class="cc-topbar">
16
+ <a class="brand" href="index.html">
17
+ <span class="brand-mark">N</span>
18
+ <span class="brand-copy">
19
+ <span class="brand-name">Nexus Core</span>
20
+ <span class="brand-sub cc-mono">Kanban command board</span>
21
+ </span>
22
+ </a>
23
+
24
+ <nav class="top-nav" aria-label="Primary">
25
+ <a class="nav-pill" href="cognitive-core-ui.html">Overview</a>
26
+ <a class="nav-pill" href="cognitive-core-ui-list-detail.html">Incidents</a>
27
+ <a class="nav-pill active" href="#">Kanban</a>
28
+ <a class="nav-pill" href="cognitive-core-ui-settings.html">Controls</a>
29
+ <a class="nav-pill" href="cognitive-core-ui-auth.html">Access</a>
30
+ </nav>
31
+
32
+ <div class="top-actions">
33
+ <span class="status-chip"><span class="status-light"></span> FLOW LIVE</span>
34
+ <button class="primary-button" type="button">New card</button>
35
+ </div>
36
+ </header>
37
+
38
+ <main class="workspace">
39
+ <div class="workspace-stack">
40
+ <section class="page-heading">
41
+ <div>
42
+ <div class="eyebrow">Delivery board</div>
43
+ <h1>Kanban for agent workflows</h1>
44
+ <p>Operational task flow with compact cards, visible risk, owners, and throughput signals.</p>
45
+ </div>
46
+ <button class="ghost-button" type="button">Board settings</button>
47
+ </section>
48
+
49
+ <section class="kanban-summary" aria-label="Kanban flow metrics">
50
+ <article class="metric-panel accent">
51
+ <div class="metric-label">Cycle time</div>
52
+ <div class="metric-value">2.8d</div>
53
+ <div class="metric-note">Down 14% this sprint</div>
54
+ </article>
55
+ <article class="metric-panel">
56
+ <div class="metric-label">Cards in flight</div>
57
+ <div class="metric-value">18</div>
58
+ <div class="metric-note">WIP limit is 22</div>
59
+ </article>
60
+ <article class="metric-panel">
61
+ <div class="metric-label">Blocked work</div>
62
+ <div class="metric-value">03</div>
63
+ <div class="metric-note">Needs owner response</div>
64
+ </article>
65
+ <article class="metric-panel">
66
+ <div class="metric-label">Release confidence</div>
67
+ <div class="metric-value">91%</div>
68
+ <div class="metric-note">Gate B and C passed</div>
69
+ </article>
70
+ </section>
71
+
72
+ <section class="content-panel">
73
+ <div class="panel-header">
74
+ <div>
75
+ <h2 class="panel-title">Command board</h2>
76
+ <p class="panel-subtitle">A responsive Kanban surface for product, QA, and agent execution lanes.</p>
77
+ </div>
78
+ <div class="kanban-toolbar">
79
+ <span class="tag cyan">Sprint 24.06</span>
80
+ <span class="tag green">Auto-synced</span>
81
+ </div>
82
+ </div>
83
+
84
+ <div class="panel-body">
85
+ <div class="kanban-board">
86
+ <section class="kanban-column" aria-label="Backlog">
87
+ <div class="kanban-column-header">
88
+ <span class="kanban-column-title">Backlog</span>
89
+ <span class="tag kanban-column-count">05</span>
90
+ </div>
91
+ <div class="kanban-stack">
92
+ <article class="kanban-card featured">
93
+ <div class="row-top">
94
+ <span class="tag cyan">Design</span>
95
+ <span class="mini-code">DS-104</span>
96
+ </div>
97
+ <div class="kanban-card-title">Document board empty, loading, and overflow states</div>
98
+ <div class="row-meta">Acceptance criteria drafted by UX agent.</div>
99
+ <div class="kanban-card-meta">
100
+ <span>8 points</span>
101
+ <span class="avatar-group" aria-label="Assigned operators"><span class="avatar">UX</span><span class="avatar">PM</span></span>
102
+ </div>
103
+ </article>
104
+
105
+ <article class="kanban-card">
106
+ <div class="row-top">
107
+ <span class="tag violet">Research</span>
108
+ <span class="mini-code">AI-229</span>
109
+ </div>
110
+ <div class="kanban-card-title">Compare fallback routing policies for premium models</div>
111
+ <div class="row-meta">Needs cost analysis before grooming.</div>
112
+ <div class="kanban-card-meta">
113
+ <span>5 points</span>
114
+ <span class="avatar-group"><span class="avatar">AN</span></span>
115
+ </div>
116
+ </article>
117
+ </div>
118
+ </section>
119
+
120
+ <section class="kanban-column" aria-label="In progress">
121
+ <div class="kanban-column-header">
122
+ <span class="kanban-column-title">In progress</span>
123
+ <span class="tag kanban-column-count cyan">07</span>
124
+ </div>
125
+ <div class="kanban-stack">
126
+ <article class="kanban-card featured">
127
+ <div class="row-top">
128
+ <span class="tag cyan">Build</span>
129
+ <span class="mini-code">UI-312</span>
130
+ </div>
131
+ <div class="kanban-card-title">Ship Cognitive Core Kanban preview with responsive lanes</div>
132
+ <div class="row-meta">Desktop/mobile screenshots required before close.</div>
133
+ <div class="progress"><div class="progress-fill" style="width:72%"></div></div>
134
+ <div class="kanban-card-meta">
135
+ <span>Due today</span>
136
+ <span class="avatar-group"><span class="avatar">DV</span><span class="avatar">QA</span></span>
137
+ </div>
138
+ </article>
139
+
140
+ <article class="kanban-card">
141
+ <div class="row-top">
142
+ <span class="tag amber">Risk</span>
143
+ <span class="mini-code">OPS-118</span>
144
+ </div>
145
+ <div class="kanban-card-title">Tighten WIP alerts for blocked review lanes</div>
146
+ <div class="row-meta">Waiting on runtime threshold decision.</div>
147
+ <div class="progress"><div class="progress-fill" style="width:48%;background:linear-gradient(90deg,var(--cc-amber),var(--cc-accent))"></div></div>
148
+ <div class="kanban-card-meta">
149
+ <span>Blocked 4h</span>
150
+ <span class="avatar-group"><span class="avatar">OP</span></span>
151
+ </div>
152
+ </article>
153
+ </div>
154
+ </section>
155
+
156
+ <section class="kanban-column" aria-label="Review">
157
+ <div class="kanban-column-header">
158
+ <span class="kanban-column-title">Review</span>
159
+ <span class="tag kanban-column-count amber">04</span>
160
+ </div>
161
+ <div class="kanban-stack">
162
+ <article class="kanban-card">
163
+ <div class="row-top">
164
+ <span class="tag green">QA</span>
165
+ <span class="mini-code">QA-087</span>
166
+ </div>
167
+ <div class="kanban-card-title">Validate no horizontal overflow across preview gallery</div>
168
+ <div class="row-meta">Automated check passing, visual review pending.</div>
169
+ <div class="kanban-card-meta">
170
+ <span>2 checks</span>
171
+ <span class="avatar-group"><span class="avatar">QA</span><span class="avatar">CD</span></span>
172
+ </div>
173
+ </article>
174
+
175
+ <article class="kanban-card">
176
+ <div class="row-top">
177
+ <span class="tag red">P1</span>
178
+ <span class="mini-code">INC-2407</span>
179
+ </div>
180
+ <div class="kanban-card-title">Resolve eval drift after support prompt sync</div>
181
+ <div class="row-meta">Rollback plan approved by release captain.</div>
182
+ <div class="kanban-card-meta">
183
+ <span>Hotfix lane</span>
184
+ <span class="avatar-group"><span class="avatar">RL</span></span>
185
+ </div>
186
+ </article>
187
+ </div>
188
+ </section>
189
+
190
+ <section class="kanban-column" aria-label="Done">
191
+ <div class="kanban-column-header">
192
+ <span class="kanban-column-title">Done</span>
193
+ <span class="tag kanban-column-count green">12</span>
194
+ </div>
195
+ <div class="kanban-stack">
196
+ <article class="kanban-card">
197
+ <div class="row-top">
198
+ <span class="tag green">Shipped</span>
199
+ <span class="mini-code">UX-071</span>
200
+ </div>
201
+ <div class="kanban-card-title">Replace brittle tables with responsive data rows</div>
202
+ <div class="row-meta">Merged after screenshot review.</div>
203
+ <div class="kanban-card-meta">
204
+ <span>Closed 10:42</span>
205
+ <span class="avatar-group"><span class="avatar">FE</span></span>
206
+ </div>
207
+ </article>
208
+
209
+ <article class="kanban-card">
210
+ <div class="row-top">
211
+ <span class="tag green">Shipped</span>
212
+ <span class="mini-code">WEB-062</span>
213
+ </div>
214
+ <div class="kanban-card-title">Rebuild landing hero around actual product surface</div>
215
+ <div class="row-meta">Next section visible on desktop and mobile.</div>
216
+ <div class="kanban-card-meta">
217
+ <span>Closed 09:18</span>
218
+ <span class="avatar-group"><span class="avatar">UX</span></span>
219
+ </div>
220
+ </article>
221
+ </div>
222
+ </section>
223
+ </div>
224
+ </div>
225
+ </section>
226
+ </div>
227
+ </main>
228
+ </div>
229
+ </div>
230
+ </body>
231
+ </html>
@@ -0,0 +1,174 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Cognitive Core UI - Incident List Detail Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
10
+ <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
11
+ </head>
12
+ <body>
13
+ <div class="cc-page">
14
+ <div class="cc-shell">
15
+ <header class="cc-topbar">
16
+ <a class="brand" href="index.html">
17
+ <span class="brand-mark">N</span>
18
+ <span class="brand-copy">
19
+ <span class="brand-name">Nexus Core</span>
20
+ <span class="brand-sub cc-mono">Incident command</span>
21
+ </span>
22
+ </a>
23
+
24
+ <nav class="top-nav" aria-label="Primary">
25
+ <a class="nav-pill" href="cognitive-core-ui.html">Overview</a>
26
+ <a class="nav-pill active" href="#">Incidents</a>
27
+ <a class="nav-pill" href="cognitive-core-ui-kanban.html">Kanban</a>
28
+ <a class="nav-pill" href="cognitive-core-ui-settings.html">Controls</a>
29
+ <a class="nav-pill" href="cognitive-core-ui-auth.html">Access</a>
30
+ </nav>
31
+
32
+ <div class="top-actions">
33
+ <span class="status-chip"><span class="status-light"></span> RESPONSE 03</span>
34
+ <button class="action-button" type="button">Assign</button>
35
+ </div>
36
+ </header>
37
+
38
+ <main class="workspace">
39
+ <div class="workspace-stack">
40
+ <section class="page-heading">
41
+ <div>
42
+ <div class="eyebrow">Incident queue</div>
43
+ <h1>List and detail layout</h1>
44
+ <p>A high-density operational pattern that collapses cleanly without horizontal scrolling.</p>
45
+ </div>
46
+ <button class="ghost-button" type="button">Filter queue</button>
47
+ </section>
48
+
49
+ <section class="list-detail-shell">
50
+ <aside class="list-pane">
51
+ <div class="panel-header">
52
+ <div>
53
+ <h2 class="panel-title">Open incidents</h2>
54
+ <p class="panel-subtitle">Sorted by operational risk.</p>
55
+ </div>
56
+ </div>
57
+ <div class="panel-body">
58
+ <div class="queue-list">
59
+ <article class="queue-row">
60
+ <div class="row-top">
61
+ <span class="row-title">Eval drift after prompt sync</span>
62
+ <span class="tag red">P1</span>
63
+ </div>
64
+ <div class="row-meta">Support lane - 19 min open</div>
65
+ </article>
66
+ <article class="queue-row">
67
+ <div class="row-top">
68
+ <span class="row-title">Fallback provider saturation</span>
69
+ <span class="tag amber">P2</span>
70
+ </div>
71
+ <div class="row-meta">Routing mesh - 42 min open</div>
72
+ </article>
73
+ <article class="queue-row">
74
+ <div class="row-top">
75
+ <span class="row-title">Staging deploy gate paused</span>
76
+ <span class="tag violet">P3</span>
77
+ </div>
78
+ <div class="row-meta">Release lane - waiting on QA</div>
79
+ </article>
80
+ <article class="queue-row">
81
+ <div class="row-top">
82
+ <span class="row-title">Budget forecast advisory</span>
83
+ <span class="tag cyan">P4</span>
84
+ </div>
85
+ <div class="row-meta">Finance guard - next review 15:00</div>
86
+ </article>
87
+ </div>
88
+ </div>
89
+ </aside>
90
+
91
+ <article class="detail-pane">
92
+ <div class="detail-hero">
93
+ <div>
94
+ <div class="eyebrow">INC-2407</div>
95
+ <h2 class="panel-title" style="font-size:1.45rem">Eval drift after prompt sync</h2>
96
+ <p class="panel-subtitle">Regression detected in support intent resolution after a template update reached production.</p>
97
+ </div>
98
+ <span class="tag red">P1 active</span>
99
+ </div>
100
+
101
+ <div class="panel-body">
102
+ <div class="metric-grid">
103
+ <div class="metric-panel">
104
+ <div class="metric-label">Confidence drop</div>
105
+ <div class="metric-value">-4.8%</div>
106
+ <div class="metric-note">Against seven-day baseline</div>
107
+ </div>
108
+ <div class="metric-panel">
109
+ <div class="metric-label">Affected flows</div>
110
+ <div class="metric-value">12</div>
111
+ <div class="metric-note">Mostly billing triage</div>
112
+ </div>
113
+ <div class="metric-panel">
114
+ <div class="metric-label">Rollback ETA</div>
115
+ <div class="metric-value">08m</div>
116
+ <div class="metric-note">Gate can auto-close</div>
117
+ </div>
118
+ </div>
119
+
120
+ <div style="height:16px"></div>
121
+
122
+ <div class="trace-map">
123
+ <div class="trace-row">
124
+ <span class="trace-step">1</span>
125
+ <div>
126
+ <div class="cell-title">Template sync released</div>
127
+ <div class="cell-sub">Prompt bundle v31 moved to production support lane.</div>
128
+ </div>
129
+ <span class="mini-code">14:02</span>
130
+ </div>
131
+ <div class="trace-row">
132
+ <span class="trace-step">2</span>
133
+ <div>
134
+ <div class="cell-title">Eval canary failed</div>
135
+ <div class="cell-sub">Billing cancellation intents dropped below threshold.</div>
136
+ </div>
137
+ <span class="mini-code">14:09</span>
138
+ </div>
139
+ <div class="trace-row">
140
+ <span class="trace-step">3</span>
141
+ <div>
142
+ <div class="cell-title">Rollback prepared</div>
143
+ <div class="cell-sub">Previous prompt bundle is staged for controlled reactivation.</div>
144
+ </div>
145
+ <span class="mini-code">14:18</span>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </article>
150
+
151
+ <aside class="right-rail">
152
+ <section class="rail-panel">
153
+ <div class="panel-header">
154
+ <div>
155
+ <h2 class="panel-title">Response team</h2>
156
+ <p class="panel-subtitle">Current owners and next action.</p>
157
+ </div>
158
+ </div>
159
+ <div class="panel-body">
160
+ <div class="queue-list">
161
+ <div class="queue-row"><div class="row-top"><span class="row-title">QA verifier</span><span class="tag green">Online</span></div><div class="row-meta">Running regression suite</div></div>
162
+ <div class="queue-row"><div class="row-top"><span class="row-title">Prompt owner</span><span class="tag cyan">Ack</span></div><div class="row-meta">Preparing diff summary</div></div>
163
+ <div class="queue-row"><div class="row-top"><span class="row-title">Release captain</span><span class="tag amber">Wait</span></div><div class="row-meta">Holding deploy lane</div></div>
164
+ </div>
165
+ </div>
166
+ </section>
167
+ </aside>
168
+ </section>
169
+ </div>
170
+ </main>
171
+ </div>
172
+ </div>
173
+ </body>
174
+ </html>