Skip to content

Polish every dashboard page and strengthen shared presentation - #32

Merged
mohsinht merged 6 commits into
mainfrom
codex/dashboard-design-polish
Sep 6, 2026
Merged

Polish every dashboard page and strengthen shared presentation#32
mohsinht merged 6 commits into
mainfrom
codex/dashboard-design-polish

Conversation

@mohsinht

@mohsinht mohsinht commented Sep 6, 2026

Copy link
Copy Markdown
Owner

Why

The page structure was broadly useful, but supporting cards stretched into empty panels, calendar entries looked like a plain list, and static content moved on hover. Component discovery also required scrolling through the entire catalog.

Changes

  • Consistent bounded page frame, neutral workspace surface, clearer active navigation, and compact headers.
  • Calendar date tile, timezone, start/end labels, derived durations, locations, and chronological ordering with all-day events first.
  • Numbered queues, continuing numbering through expanded items, item counts, more readable table rows, and content-sized supporting panels.
  • Editorial typography keeps controls and data sans-serif. Remove hover lift and timeline marker scaling from static content.
  • Use existing shadcn Tabs and Input for Component Lab categories and intersecting search, with empty-result and clipboard failure feedback.
  • Turn briefing questions into a list and make weekly reply suggestions respect explicit deadlines. Keep a meaningful timeline example in the component catalog.
  • Refresh all 28 source-page screenshots in desktop/mobile and light/dark, plus the README preview. Document the nine-page review.

Validation

  • npm run check passed, including 56 tests, coverage, strict build, contracts, privacy, repository policy, tutorial, performance, and accessibility.
  • Accessibility matrix: all nine pages at 320, 390, 768, 1024, and 1440px in light/dark, plus palettes, dialogs, chart interactions, and reduced motion.
  • Visually reviewed all nine pages across desktop/mobile and light/dark. Verified catalog category/search intersection and empty results in Chromium.
  • JavaScript 112 KB gzip, CSS 10 KB gzip, dashboard data 89 KB gzip, within existing budgets.
  • Published Git tree matches the locally tested tree.

No new dependencies or snapshot schema fields. Screenshots and fixtures are synthetic. Visual review and automated axe checks do not replace physical-device or screen-reader testing.

Preview screenshots: Today, Agenda, Money.

mohsinht commented Sep 6, 2026

Copy link
Copy Markdown
Owner Author

Follow-up fixes are now on this PR.

  • Fixed the CI coverage failure. Provider subprocesses no longer inherit NODE_V8_COVERAGE, so intentionally terminated test children cannot leave partial V8 coverage JSON behind.
  • Fixed the large desktop whitespace gaps shown on Money with shared dashboard packing. At 1280px and above, intrinsic-height dashboard cards now pack into the available columns with the existing 20px vertical rhythm instead of being trapped by the tallest card in a CSS grid row.
  • The layout fix is shared by every dashboard presentation page, not special-cased to Money. Focus, timeline, and smaller responsive layouts keep their existing flow.
  • Latest head: ba9d26cd609894abcdf1b663e9efb26e7bd3a4fa.
  • GitHub CI, CodeQL, and Dependency Review all pass on the latest head.

@github-actions
github-actions Bot force-pushed the codex/dashboard-design-polish branch from 5becfb4 to 8460341 Compare September 6, 2026 08:03
@mohsinht
mohsinht merged commit 4c32839 into main Sep 6, 2026
9 checks passed
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