feat(#81): improve discussion discoverability with count badge and empty state #82

marcel · 2026-03-26T21:13:32+01:00

marcel commented

2026-03-26 21:13:32 +01:00

Closes #81

Summary

Count badge on Discussion tab — always visible (shows 0 when empty), seeded from SSR and updated live after new comments
Empty state hint inside the panel — speech-bubble icon + "Noch keine Kommentare – starte die Diskussion!" when no comments exist
Dark mode fixes — badge uses text-primary-fg (not hardcoded text-white); enrich hint box on document list uses semantic tokens (text-ink, accent-bg) instead of hardcoded brand-navy/brand-mint

Test plan

Document with comments → badge shows correct count on Discussion tab
Document without comments → badge shows 0; empty state hint visible inside panel
Post a comment → badge increments live
Toggle dark mode → badge text and enrich hint box render correctly
npm run check + npm run lint pass

🤖 Generated with Claude Code

Closes #81 ## Summary - **Count badge on Discussion tab** — always visible (shows 0 when empty), seeded from SSR and updated live after new comments - **Empty state hint** inside the panel — speech-bubble icon + "Noch keine Kommentare – starte die Diskussion!" when no comments exist - **Dark mode fixes** — badge uses `text-primary-fg` (not hardcoded `text-white`); enrich hint box on document list uses semantic tokens (`text-ink`, `accent-bg`) instead of hardcoded `brand-navy`/`brand-mint` ## Test plan - [ ] Document with comments → badge shows correct count on Discussion tab - [ ] Document without comments → badge shows 0; empty state hint visible inside panel - [ ] Post a comment → badge increments live - [ ] Toggle dark mode → badge text and enrich hint box render correctly - [ ] `npm run check` + `npm run lint` pass 🤖 Generated with [Claude Code](https://claude.ai/claude-code)

marcel added 4 commits 2026-03-26 21:13:33 +01:00

feat(#81 ): improve discussion discoverability bf82ebfe1d

- Add comment count badge on the Discussion tab (seeded from SSR, updated live)
- Add 'Diskussion starten' nudge above collapsed panel when no comments exist
- Add empty state hint with speech-bubble icon inside the discussion panel
- Fix CommentThread to fire onCountChange with SSR-seeded count on mount
- Add tests for all three behaviours in CommentThread and DocumentBottomPanel

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

refactor(#81 ): replace nudge button with always-visible count badge 20f6de4424

Show the discussion count badge on every state (including 0) instead of
a separate nudge button. Simpler, less intrusive, and works without
needing an extra element near the panel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix(#81 ): use text-primary-fg for badge text so dark mode reads correctly 0f0d74eb2f

In dark mode --c-primary flips to mint (#a1dcd8), making text-white
unreadable. text-primary-fg is already paired correctly in both modes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: use semantic color tokens for enrich hint box

CI / Unit & Component Tests (pull_request) Successful in 2m29s

Details

CI / Backend Unit Tests (pull_request) Successful in 2m12s

Details

CI / E2E Tests (pull_request) Failing after 24s

Details

CI / Unit & Component Tests (push) Successful in 2m17s

Details

CI / Backend Unit Tests (push) Successful in 2m1s

Details

CI / E2E Tests (push) Has started running

Details

5d0a2a2c9c

Replaced hardcoded brand-navy/brand-mint palette constants with
semantic tokens (ink, accent, accent-bg) so the hint box themes
correctly in dark mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

marcel merged commit 5d0a2a2c9c into main

2026-03-26 21:15:30 +01:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: marcel/familienarchiv#82