coreci/inboxos-v1
18
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

[story #124] Frontend: Ops Console dashboard, logs, config, users views (INB-1.5-B-S4) #147

Merged
grimacing merged 2 commits from fe/INB-1.5-B-ui-impl-v2 into release/v1.5 2026-06-11 15:03:06 +00:00
Conversation 1 Commits 2 Files Changed 8
+1740 -10
frontend-engineer commented 2026-06-11 03:26:11 +00:00
Contributor
Copy Link
Copy Source

Story #124

Traces to: Epic #110 → INTV-5 #109 → MAJOR v1 #99.

Design bundle ref (Pattern B): Story #123 (UX spec — closed, cto-approved).
API contract ref (Pattern B): Story #121 (API spec — closed, cto-approved).
Component: src/admin/OpsConsole.tsx
Storybook story: src/admin/OpsConsole.stories.tsx (a11y addon enabled)
A11y level: WCAG 2.2 AA

Test plan: unit + component tests (24 tests, all passing); full suite 103/103 green; a11y addon must pass.

Changes:

  • New: src/admin/OpsConsole.tsx — four-view admin console (Dashboard, Logs, Config, Users) per UX spec
  • New: src/admin/OpsConsole.css — responsive layout (sidebar + content) with design-system tokens
  • New: src/admin/OpsConsole.stories.tsx — Storybook stories with a11y addon enabled
  • New: src/admin/OpsConsole.test.tsx — 24 unit + component tests
  • New: src/admin/index.ts — barrel export
  • New: src/api/admin.ts — type-safe client for admin endpoints (metrics, logs, config, users) per OpenAPI contract
  • New: src/api/index.ts — barrel export

UX spec compliance (Story #123):

  • Dashboard view: four metric cards with 30s auto-refresh, recent errors section
  • Logs view: filter bar (level, pipeline, search), expandable rows, monospace log messages
  • Config view: key-value table, edit modal for mutable keys, audit trail
  • Users view: users table, role change dropdown with confirmation dialog
  • Responsive: three-panel (≥ lg), drawer (md–lg), single column (< md)
  • A11y: WCAG 2.2 AA per UX spec §5 — role regions, aria-live, focus management, keyboard nav

Reviewer: @cto-ciagent (default Pillar III gate reviewer).

This PR is the Pillar III gate for Story #124. Merge into release/v1.5. Comments are append-only.

## Story #124 **Traces to:** Epic #110 → INTV-5 #109 → MAJOR v1 #99. **Design bundle ref (Pattern B):** Story #123 (UX spec — closed, cto-approved). **API contract ref (Pattern B):** Story #121 (API spec — closed, cto-approved). **Component:** `src/admin/OpsConsole.tsx` **Storybook story:** `src/admin/OpsConsole.stories.tsx` (a11y addon enabled) **A11y level:** WCAG 2.2 AA **Test plan:** unit + component tests (24 tests, all passing); full suite 103/103 green; a11y addon must pass. **Changes:** - New: `src/admin/OpsConsole.tsx` — four-view admin console (Dashboard, Logs, Config, Users) per UX spec - New: `src/admin/OpsConsole.css` — responsive layout (sidebar + content) with design-system tokens - New: `src/admin/OpsConsole.stories.tsx` — Storybook stories with a11y addon enabled - New: `src/admin/OpsConsole.test.tsx` — 24 unit + component tests - New: `src/admin/index.ts` — barrel export - New: `src/api/admin.ts` — type-safe client for admin endpoints (metrics, logs, config, users) per OpenAPI contract - New: `src/api/index.ts` — barrel export **UX spec compliance (Story #123):** - Dashboard view: four metric cards with 30s auto-refresh, recent errors section - Logs view: filter bar (level, pipeline, search), expandable rows, monospace log messages - Config view: key-value table, edit modal for mutable keys, audit trail - Users view: users table, role change dropdown with confirmation dialog - Responsive: three-panel (≥ lg), drawer (md–lg), single column (< md) - A11y: WCAG 2.2 AA per UX spec §5 — role regions, aria-live, focus management, keyboard nav **Reviewer:** @cto-ciagent (default Pillar III gate reviewer). --- *This PR is the Pillar III gate for Story #124. Merge into `release/v1.5`. Comments are append-only.*
solutions-architect requested review from cto-ciagent 2026-06-11 03:31:05 +00:00
devops added 1 commit 2026-06-11 03:35:54 +00:00
[story #124] Frontend: Ops Console dashboard, logs, config, users views (INB-1.5-B-S4) ac40b081c2 
- New: ui/src/admin/OpsConsole.tsx — four-view admin console (dashboard,
  logs, config, users) per UX spec (Story #123)
- New: ui/src/admin/OpsConsole.css — responsive three-panel layout with
  design-system token usage per tokens.json
- New: ui/src/admin/OpsConsole.stories.tsx — Storybook stories with a11y
  addon enabled (WCAG 2.2 AA)
- New: ui/src/admin/OpsConsole.test.tsx — 24 unit + component tests
- New: ui/src/admin/index.ts — barrel export
- New: ui/src/api/admin.ts — type-safe client for metrics, logs, config,
  users endpoints per OpenAPI contract (Story #121)
- New: ui/src/api/index.ts — barrel export for admin API

Design bundle ref (Pattern B): Story #123 (UX spec — closed, cto-approved)
API contract ref (Pattern B): Story #121 (API spec — closed, cto-approved)
Component: src/admin/OpsConsole.tsx
Storybook story: src/admin/OpsConsole.stories.tsx (a11y addon enabled)
A11y level: WCAG 2.2 AA (per UX spec §5.1)
Tests: 24 unit + component tests; all passing (103/103 suite)

Co-Authored-By: Paperclip <noreply@paperclip.ing>
devops force-pushed fe/INB-1.5-B-ui-impl-v2 from e5f6ed977c to ac40b081c2 2026-06-11 03:35:54 +00:00 Compare
devops added 1 commit 2026-06-11 03:36:57 +00:00
[story #124] fix: design-system lint compliance for OpsConsole and MailboxDashboard CSS 700b3943ae 
- Remove CSS custom property fallback values (var(--token, fallback) -> var(--token))
- Replace hardcoded hex colors with design-system token references
- Replace hardcoded font-weight/spacing/border-radius values with tokens
- Replace hardcoded box-shadow with var(--shadow-*) tokens
- Replace hardcoded z-index with var(--z-index-modal) token
- Fix CSS specificity order (disabled, focus-visible before hover)
- Add empty lines before rules in media queries
- Fix padding values using var(--spacing-0_5) to use standard spacing tokens
- Add afterEach to vitest import in OpsConsole.test.tsx

Co-Authored-By: Paperclip <noreply@paperclip.ing>
devops commented 2026-06-11 03:37:04 +00:00
Contributor
Copy Link
Copy Source

Rebased on latest release/v1.5 (includes Story #119 merge). Fixed design-system lint compliance:

  • OpsConsole.css: Removed all CSS fallback values, replaced hardcoded hex colors/spacing/shadows/z-index with design-system tokens
  • MailboxDashboard.css: Fixed specificity order, replaced hardcoded box-shadow, fixed spacing tokens, added empty lines in media queries
  • OpsConsole.test.tsx: Added missing afterEach import

All 119 tests pass. Lint clean (0 errors, 0 warnings). PR is now mergeable.

Rebased on latest `release/v1.5` (includes Story #119 merge). Fixed design-system lint compliance: - OpsConsole.css: Removed all CSS fallback values, replaced hardcoded hex colors/spacing/shadows/z-index with design-system tokens - MailboxDashboard.css: Fixed specificity order, replaced hardcoded box-shadow, fixed spacing tokens, added empty lines in media queries - OpsConsole.test.tsx: Added missing `afterEach` import All 119 tests pass. Lint clean (0 errors, 0 warnings). PR is now mergeable.
grimacing merged commit 700b3943ae into release/v1.5 2026-06-11 15:03:06 +00:00
grimacing deleted branch fe/INB-1.5-B-ui-impl-v2 2026-06-11 15:03:06 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
cto-ciagent
Labels
Clear labels
architecture
compliance
cpo-approval-required
Item carries CPO-APPROVAL-REQUIRED flag (board approval needed before PR dual-approval)
 cpo-review
CPO review required before EXECUTE wave
 cto-approved
CTO approved — Pillar III gate passed
 debt
domain/architecture
Engineering domain: architecture
 domain/backend
Engineering domain: backend
 domain/data-model
Engineering domain: data-model
 domain/data-pipeline
Engineering domain: data-pipeline
 domain/devops
Engineering domain: devops
 domain/frontend
Engineering domain: frontend
 domain/security
Engineering domain: security
 domain/ux
Engineering domain: ux
 epic
feature
infra
initiative
intake
New requirement submitted by the Client for SAA intake
 major/v1
MAJOR v1 umbrella — all v1 Initiatives/Epics/PRs trace to this label.
 needs-cto-clarification
Ambiguity detected — reassigned to CTO for design direction
 pattern/a
Dependency pattern a
 pattern/b
Dependency pattern b
 pattern/c
Dependency pattern c
 pattern/d
Dependency pattern d
 pattern/e
Dependency pattern e
 pattern/f
Dependency pattern f
 pattern/g
Dependency pattern g
 pillar-i
Pillar I (Strategic Alignment) gate artifact — Roadmap, MAJOR Umbrella, MINOR Milestones, gate PRs.
 pillar-ii
Execution / decomposition lane (CTO)
 pillar-ii-approved
Pillar II design/spec approved by CTO
 pillar-iii
Pillar III — implementation / integration / ADR stories
 refactor
risk
status:dev
Kanban state per INB-172 rule 2.
 status:done
Kanban state per INB-172 rule 2.
 status:qa
Kanban state per INB-172 rule 2.
 status:triage
Kanban state per INB-172 rule 2.
 story
technical-debt
Tech-debt sweep per INB-172 alias command (tea issues list --label technical-debt).
 trd
type:epic
issue-hierarchy canon class (standards/issue-hierarchy.md)
 type:feature
issue-hierarchy canon class (standards/issue-hierarchy.md)
 type:needs-triage
issue-hierarchy canon class (standards/issue-hierarchy.md)
 type:project
issue-hierarchy canon class (standards/issue-hierarchy.md)
 type:task
issue-hierarchy canon class (standards/issue-hierarchy.md)
 type:user-story
issue-hierarchy canon class (standards/issue-hierarchy.md)
 v1.0
v1.4
v1.5
MINOR v1.5 — Mailbox & Administrative Management Interface
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
coreci-bot coreci-cairo (Elena Voss (CAIRO)) coreci-ceo (Alexandra Reed — CEO) coreci-coo (Marcus Wright) grimacing jonathan (jonathan)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coreci/inboxos-v1#147
Delete Branch "fe/INB-1.5-B-ui-impl-v2"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?