Skip to content

UI redesign integration: journal archive, auth, IA restructure, design audit (units 1-8) - #39

Merged
duckyquang merged 17 commits into
mainfrom
integration/ui-redesign
Jul 13, 2026
Merged

UI redesign integration: journal archive, auth, IA restructure, design audit (units 1-8)#39
duckyquang merged 17 commits into
mainfrom
integration/ui-redesign

Conversation

@duckyquang

Copy link
Copy Markdown
Member

Summary

Integrates all 8 parallel redesign units, merged in dependency order with conflicts resolved, plus coordinator polish and a final design-audit pass. Merging this single PR lands the complete redesign; the 8 unit PRs (#31#38) will be auto-closed as their commits land via this branch.

Included unit PRs (merge order): #37 CSS foundation → #35 auth unification → #33 journal minimal → #32 article detail → #31 public shell → #36 researcher IA → #34 editor/admin split → #38 researcher deep pages.

Coordinator commits on top:

  • Integration polish: deleted the .comp-hero gradient override block, flattened remaining meter/badge gradients, new --gold-ink token, removed dead Dashboard.jsx, orphaned .login-pathway CSS, unused --dash-brand-grad
  • Design-audit fixes: WCAG AA contrast for micro-labels (--fg-subtle text → --fg-muted, 16 selectors), dark-mode fix for the onboarding card (lost override = white-on-white), onboarding overlay off the sky gradient, last transition: all removed
  • Rebuilt docs/ so GitHub Pages serves the new UI on merge

Verification

  • Backend suite: 25 files / 201 tests green on the integrated tree; npm run build clean
  • Browser QA (light + dark, desktop + 375 px): journal front/archive/volumes/issue/article, unified auth (real login exercised), researcher portal (10-link nav, ⌘K reaches demoted routes, breadcrumbs on hidden routes), editor Admin 4-tab split incl. #adm-* deep-link redirect, moderator console, verify-certificate
  • Final design audit: 98/100 overall, Accessibility 100/100 (report in session transcript)

🤖 Generated with Claude Code

duckyquang and others added 16 commits July 12, 2026 16:08
ArticleHero + PreprintDetail: Inter titles (no serif), tokenized
hairline rail with divided metadata groups (.art-group), mono cite
box on --bg-subtle, quiet green-dot open-access/published indicators,
hairline PDF embed, transform-only :active feedback with
prefers-reduced-motion reset. Presentation only — data flow, routes,
and JournalChrome untouched. New rules appended under the unit-3
marker; unit-2-owned jr-* / arx-* rules left intact (these pages now
use their own art-* classes instead).

Co-Authored-By: Claude Fable 5 <[email protected]>
- Layout: nav items with hidden:true stay in the nav array (command
  palette + breadcrumb keep working) but render no sidebar row and
  consume no alt-N shortcut.
- ResearcherApp: member nav trimmed to 10 visible links under
  Research / Community / Grow; Mentors, Drive, Programs, Competitions,
  News, Explore, Opportunities, Tools and the public Preprints/Archive
  links are hidden (cmd-K + direct URL only). Every route stays
  registered. Persona overlay blocks unchanged; spacer boundaries stop
  member section headers leaking into workspace views.
- views.js: consecutive nav spacers collapse into one.
- AssociateHome: Drive card added to the getting-started grid.
- Home-dashboard design sweep: chapter join code moved to a tokenized
  .join-code class (was wrong-palette inline hexes), handbook link uses
  hero-btn-ghost, flattened dash-guide/action/lead-hero gradients,
  gold stat tint via color-mix(--gold), lighter stat numerals.

Co-Authored-By: Claude Fable 5 <[email protected]>
- Delete the conflicting :root block in src/styles.css (19 tokens were
  defined in both files with different values); shared/design-system.css
  is now the only token source. Kill the phantom Garet font-face — Inter
  (already loaded by the design system) is what always rendered.
- One page canvas: body background comes from a single design-system rule
  (var(--bg-muted)); the dead #fcfdff body background is gone.
- De-duplicate component bases: .btn/.btn-primary/.btn-ghost/.btn-sm/
  .btn-approve/.btn-reject, .card, and input/textarea/select now have one
  canonical definition in design-system.css at today's rendered values;
  duplicate blocks removed from styles.css. ~52 !importants stripped;
  the input group keeps its four visual !importants because sibling
  class-level rules (.dm-compose-input, .ob-input…) still compete.
- Token sweep (owned regions): raw golds -> var(--gold)/--gold-deep;
  off-token #ef4444 -> var(--danger); --card-bg promoted to a real token
  (light: --bg, dark: --bg-muted); ~70 lines of dark-mode navy-hex
  overrides deleted where tokens now resolve the theme.
- Drop glass leftovers in owned ranges (page-loader blur, vestigial dark
  sidebar-ico chips).

Co-Authored-By: Claude Fable 5 <[email protected]>
…integration/ui-redesign

# Conflicts:
#	src/styles.css
…declutter

- Token/color sweep of unit-8 CSS ranges: raw golds/purples/teals/navies and
  gradients replaced with token-driven values (var(--accent/--gold/--card-bg/
  --bg-muted/--accent-subtle) with legacy fallbacks); flattened comp-hero,
  seg "brand edition", bar/kpi golds, cal-day gradient, drive/fm/dm chrome.
- Killed now-redundant explicit dark-mode rules in owned ranges (drive, fm,
  kpi, safety menu, danger zone, comp-hero) - tokens + alphas cover them.
- Fixed .dm-modal background: var(--bg) had no fallback -> var(--card-bg, #fff).
- ProjectDetail declutter: local OverflowMenu ("...", SafetyMenu pattern +
  styles) demotes per-row Remove (calendar events, resource links) and the
  role editor trigger; removed redundant side-tab accent borders.
- Reachability: People header gains a "Find a mentor" ghost link; Apply page
  gains a quiet "Also in Grow: Programs - Competitions" link row.
- Groups/GroupDetail banner placeholders flattened (.banner-ph); Community
  image-dismiss scrim moved to .img-dismiss class; comp-hero glow divs removed.
- Motion polish: ease-out transitions, scale(0.97) presses, reduced-motion
  kept intact; removed .bar-fill width animation (layout-property transition).

Note: shared/design-system.css (not owned by this unit) still overrides
.comp-hero with a blue gradient via !important - the styles.css flatten
takes effect once that override is removed by its owner.

Co-Authored-By: Claude Fable 5 <[email protected]>
… integration/ui-redesign

# Conflicts:
#	src/styles.css
…nto integration/ui-redesign

# Conflicts:
#	src/styles.css
…rop dead code

- Delete .comp-hero gradient/glow !important override block (unit 8's flat
  version underneath now takes effect)
- profile-meter: flat accent fill, no width transition (layout-thrash)
- badge-gold: flat --gold instead of gradient
- .dd-stat-gold: new --gold-ink token (amber on light, gold on dark)
- Remove unused --dash-brand-grad; delete dead researcher/Dashboard.jsx

Co-Authored-By: Claude Fable 5 <[email protected]>
…code

- Delete .comp-hero gradient/glow !important override block (unit 8's flat
  version underneath now takes effect)
- profile-meter: flat accent fill, no width transition (layout-thrash)
- badge-gold: flat --gold instead of gradient
- .dd-stat-gold: new --gold-ink token (amber on light, gold on dark)
- Remove unused --dash-brand-grad and orphaned .login-pathway block
- Delete dead researcher/Dashboard.jsx (zero imports)

Co-Authored-By: Claude Fable 5 <[email protected]>
…g, last gradients

- All 16 'color: var(--fg-subtle)' text usages -> --fg-muted (fg-subtle is
  2.5:1 on white; the token's own docs reserve it for decorative/disabled)
- .ob-card: hardcoded #fff -> var(--card-bg) (dark override was lost in the
  dark-block collapse; white card would have gotten near-white token text)
- .ob-overlay: sky gradient -> --bg-muted canvas (matches calmed auth flow)
- .arx-oa / .dash-stat-hot value: #b45309 -> var(--gold-ink)
- .progress fill gradient -> flat --accent; .ob-chip transition: all -> specific

Co-Authored-By: Claude Fable 5 <[email protected]>
@vercel

vercel Bot commented Jul 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
dashboard Ready Ready Preview, Comment Jul 13, 2026 5:52am

…ration tree

Those four unit branches are already fully contained in this branch with
their conflicts resolved against the unit-1 foundation (which main does not
have yet). main introduced no other content, so the integrated tree is kept
as-is.

Co-Authored-By: Claude Fable 5 <[email protected]>
@duckyquang
duckyquang merged commit a4bea6b into main Jul 13, 2026
3 of 4 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