[Story-1098] Restyle KB in Settings shell

Story 1098Epic None22 files · +978/−305

PR #269 · pramaan-io/pramaan-app · merged 2026-06-08

Why this matters

Your help center shouldn't feel like a different app.

The KB wing is getting the same renovation as the rest of the house.

A paint job doesn't unify two architectures.

The fix — Same shell, same directory, same architect — the help center finally feels like home.

How it flows

sequenceDiagram
  autonumber
  participant shell as Settings Shell
  participant kb as KB Wing
  participant article as Article Room
  shell->>kb: Reuses shell layout
  kb->>kb: Sidebar fed by section metadata
  kb->>article: User picks article
  article->>article: Title, meta, body, sticky TOC
  article->>kb: Drawer opens for context

Files changed (22)

File±
docs/walkthroughs/story-1098-walkthrough.html+174
messages/en.json+8 −8
messages/hi.json+8 −8
src/app/[locale]/(workspace)/help/[section]/[article]/page.tsx ★+75 −63
src/app/[locale]/(workspace)/help/[section]/page.tsx+9 −7
src/app/[locale]/(workspace)/help/layout.tsx+62
src/app/[locale]/(workspace)/help/page.tsx+16 −25
src/components/kb/HelpArticle.stories.tsx+45 −1
src/components/kb/HelpArticle.tsx+48 −19
src/components/kb/HelpDrawer.tsx+21 −8
src/components/kb/HelpHome.stories.tsx+34 −20
src/components/kb/HelpHome.tsx+22 −58
src/components/kb/HelpSearch.tsx+9 −5
src/components/kb/HelpSidebar.stories.tsx ★+97
src/components/kb/KbSearchResults.tsx+5 −2
src/components/kb/PopularRow.tsx+0 −34
src/components/kb/SectionList.tsx+9 −5
src/components/kb/TopicCard.stories.tsx+22
src/components/kb/TopicCard.tsx+49 −17
src/components/kb/kb-icons.ts+19
src/components/settings/settings-shell.tsx+26 −4
src/components/settings/settings-sidebar.tsx ★+220 −21