Skip to content

dashboard: 6 UI/UX fixes (status colors, header, stat refresh, action transition, mobile, loader)#2

Closed
law-chain-hot wants to merge 1 commit into
codex/pr829-uiux-mobilefrom
codex/dashboard-ui-fixes
Closed

dashboard: 6 UI/UX fixes (status colors, header, stat refresh, action transition, mobile, loader)#2
law-chain-hot wants to merge 1 commit into
codex/pr829-uiux-mobilefrom
codex/dashboard-ui-fixes

Conversation

@law-chain-hot

@law-chain-hot law-chain-hot commented Jun 24, 2026

Copy link
Copy Markdown
Owner

Six dashboard polish fixes, frontend-only. Stacked on codex/pr829-uiux-mobile (PR boxlite-ai#840) so this diff shows only the fixes; retarget once boxlite-ai#840 lands.

# Fix Where
stopped≠error ERROR gets its own red (STATUS.error); STOPPED is now grey, no longer identical to error BoxTable, BoxDetails
header padding more L/R padding on the top-bar edge cells Sidebar
stat refresh counts now refresh on every box change — markAllBoxQueriesAsStale also invalidates the ['boxesCount'] queries (separate key) so the cards stay in sync via the existing socket/action invalidation Boxes.tsx
action transition action button no longer vanishes mid-transition — a disabled spinner placeholder fills the slot during starting/stopping BoxTable rows + BoxDetails strip
mobile stats stat cards collapse to a compact 3-up row (was 3 stacked), reclaiming vertical space for the list Boxes.tsx / StatCard
terminal loader LoadingFallback restyled to a 'booting console' terminal screen to match the console aesthetic LoadingFallback

Verified: build ✓ · eslint clean · vitest 9/9 · screenshots for the visual ones (status colors, header, mobile stats). Behavioral ones (stat refresh, action transition) are code-verified; testable on dev.


Summary by cubic

Improves dashboard clarity, consistency, and mobile usability with six UI/UX fixes. Stats stay in sync and the action button no longer disappears during start/stop transitions.

  • Bug Fixes
    • Different colors for ERROR (red) vs STOPPED (grey) in tables and details.
    • More left/right padding on header edge cells.
    • Invalidate ['boxesCount'] on every box change so stat cards stay current.
    • Show a disabled spinner during transitions to avoid flicker/vanish.
    • Mobile: stat cards render as a compact 3‑up row with a smaller value; desktop keeps dot‑matrix.
    • Loader restyled to a terminal‑style “booting console” screen.

Written for commit 79a5c68. Summary will update on new commits.

Review in cubic

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 5 files

Re-trigger cubic

…efresh, action transition, mobile stats, terminal loader

- stopped vs error: ERROR gets its own red (STATUS.error); stopped is now grey, no longer identical to error. (BoxTable + BoxDetails)
- header: more L/R padding on the top bar edge cells.
- stat counts refresh on every box change: markAllBoxQueriesAsStale now also invalidates the ['boxesCount'] queries (separate key), so cards stay in sync via the existing socket/action invalidation.
- action button no longer vanishes mid-transition: a disabled spinner placeholder fills the slot during starting/stopping. (table rows + detail strip)
- mobile stat cards collapse to a compact 3-up row (was 3 stacked), reclaiming list space.
- LoadingFallback restyled to a terminal 'booting console' screen to match the console aesthetic.
@law-chain-hot
law-chain-hot force-pushed the codex/dashboard-ui-fixes branch from 85f135f to 79a5c68 Compare June 25, 2026 03:18
@law-chain-hot

Copy link
Copy Markdown
Owner Author

Superseded by boxlite-ai#845 (created on the upstream repo, base=codex/pr829-uiux-mobile).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant