@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.
- package/CHANGELOG.md +18 -0
- package/docs/design-previews/cognitive-core-ui-auth.html +95 -0
- package/docs/design-previews/cognitive-core-ui-kanban.html +231 -0
- package/docs/design-previews/cognitive-core-ui-list-detail.html +174 -0
- package/docs/design-previews/cognitive-core-ui-preview.css +1315 -0
- package/docs/design-previews/cognitive-core-ui-settings.html +142 -0
- package/docs/design-previews/cognitive-core-ui-website.html +190 -1009
- package/docs/design-previews/cognitive-core-ui.html +281 -463
- package/docs/design-previews/index.html +83 -31
- package/package.json +1 -1
- package/src/constants.js +578 -514
- package/template/.aioson/docs/integrations/dashboard-app-form-publish-mapping.md +183 -0
- package/template/.aioson/docs/play/README.md +74 -0
- package/template/.aioson/docs/play/agent-usage-guide.md +112 -0
- package/template/.aioson/docs/play/app-compatibility-guide.md +117 -0
- package/template/.aioson/docs/play/auth-services-and-testing.md +235 -0
- package/template/.aioson/docs/play/llm-data-and-bindings.md +238 -0
- package/template/.aioson/docs/play/manifest-and-runtime.md +267 -0
- package/template/.aioson/docs/play/source-map.md +104 -0
- package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +266 -243
- package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -293
- package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -827
- package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -250
- package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -585
- package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -365
- package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +485 -482
- package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +386 -387
- package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +228 -205
- package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -338
- package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -977
- package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -218
- package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -326
- package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -461
- package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -293
- package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -352
- package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +233 -210
- package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -319
- package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -365
- package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -196
- package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -244
- package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -235
- package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -215
- package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -295
- package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +239 -203
- package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -339
- package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +417 -407
- package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +289 -272
- package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +525 -524
- package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +279 -279
- package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +355 -289
- package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +443 -437
- package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +245 -222
- package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -159
- package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -498
- package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -236
- package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -274
- package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -355
- package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -198
- package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -307
- package/template/.aioson/skills/design/interface-design/SKILL.md +68 -47
- package/template/.aioson/skills/design/interface-design/references/components-and-states.md +105 -105
- package/template/.aioson/skills/design/interface-design/references/design-directions.md +101 -101
- package/template/.aioson/skills/design/interface-design/references/handoff-and-quality.md +92 -71
- package/template/.aioson/skills/design/interface-design/references/intent-and-domain.md +74 -74
- package/template/.aioson/skills/design/interface-design/references/tokens-and-depth.md +173 -173
- package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +236 -213
- package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -228
- package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -855
- package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -334
- package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -342
- package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -286
- package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -458
- package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -723
- package/template/.aioson/skills/design/premium-command-center-ui/SKILL.md +83 -62
- package/template/.aioson/skills/design/premium-command-center-ui/references/operations.md +74 -74
- package/template/.aioson/skills/design/premium-command-center-ui/references/patterns.md +116 -116
- package/template/.aioson/skills/design/premium-command-center-ui/references/validation.md +47 -47
- package/template/.aioson/skills/design/premium-command-center-ui/references/visual-system.md +215 -215
- package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -31
- package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +94 -66
- package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +366 -366
- package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -150
- package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -270
- package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -189
- package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +161 -161
- package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +232 -209
- package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -324
- package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -508
- package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -223
- package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -374
- package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -356
- package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -288
- 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>
|