Skip to content

fix(channels): hub UX — crosswalk 404, media-diet layout, health enrichment - #2173

Merged
jung-thomas merged 1 commit into
DEVfrom
feat/channels-hub-ux
Sep 6, 2026
Merged

jung-thomas merged 1 commit into
DEVfrom
feat/channels-hub-ux

Conversation

@jung-thomas

Copy link
Copy Markdown
Contributor

Addresses live-DEV QA feedback on the channels hub subsystem.

Changes

1. Crosswalk 404 (bug). The directory's Learn ↔ Follow hub card linked to /channels/crosswalk/, but that page was never built — xs-app.json reserves the route (excludes it from the channel-detail catch-all) yet nothing serves it, so the link dead-ended at 404. Removed the card. The crosswalk data already surfaces both directions: Related channels bands on /topics/* pages and the topics section on channel-detail pages.

2. Media Diet layout + cap. The full-width tag list pushed results below the fold, so users couldn't tell they had matches. Now a two-column layout (sticky focus-area picker rail + results column) with a live N channels match your diet count. Focus-area selection cap raised 3 → 6 (12-result display cap retained).

3. Ecosystem Health enrichment. Replaced the bare number table with: a one-line narrative summary, an active-rate % headline (color-coded good ≥60 / warn ≥35 / poor), proportion bars on each breakdown panel, and thin-coverage flags on under-covered categories. No new backend data fields — all derived from the existing /build stats DTO.

Tests

  • Hub band: 4→3 cards + explicit no-/channels/crosswalk/ assertion
  • Media Diet: cap→6, live-count element
  • Health: narrative summary + active-rate headline
  • 32/32 island unit tests pass (vitest --project unit across the 3 islands)

Deploy note

Island source changes — go live only after a build that rebundles the islands (full build:all → mbt build/deploy). A --skip-build or content-only rebuild won't ship them.

…enrich health

- ChannelsDirectory: remove Learn↔Follow hub card linking to /channels/crosswalk/
  (page was never built; xs-app.json reserves but does not serve it → 404).
  Crosswalk data already surfaces on topic pages + channel-detail pages.
- MediaDiet: two-column layout (sticky picker rail + results), live match
  count so results are never invisible below the fold, raise focus-area cap 3→6.
- ChannelsHealth: add narrative summary, active-rate % headline (color-coded
  good/warn/poor), proportion bars per panel, and 'thin' coverage flags —
  replaces the bare number table. No new data fields required.

Tests updated: hub band 4→3 cards + no-crosswalk assertion; media-diet cap→6
+ live-count; health narrative + active-rate. 32/32 island tests pass.
@jung-thomas
jung-thomas merged commit 9b965a7 into DEV Sep 6, 2026
3 of 4 checks passed
@jung-thomas
jung-thomas deleted the feat/channels-hub-ux branch September 6, 2026 15:25
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