first commit

.claude/memory/qa-and-fixes.md

@@ -0,0 +1,31 @@
+---
+name: qa-and-fixes
+description: The deep-QA pass and what was fixed (reactions, composer, dead controls, responsive)
+metadata:
+  type: project
+---
+
+A deep QA pass (a 5-agent static audit → 68 findings, plus live Playwright driving) fixed the
+issues the stakeholder reported and more. All verified in-browser + typecheck clean.
+
+**Headline fixes:**
+- **Reactions** — the hover toolbar's emoji picker used to unmount on `mouseleave` (it floats in a
+  gap outside the row), so reacting was impossible for messages without existing reactions. Fixed:
+  toolbar stays while the picker/menu is open; picker also works in the thread panel (which had
+  no handlers wired). `useThread` now exposes react/pin/save.
+- **Composer** — was a plain textarea inserting literal `**` markers. Now a **contentEditable
+  WYSIWYG** (`Composer.tsx`) where Bold/Italic/Strike/Code/lists format live and serialize to
+  markdown on send; `lib/rich-text.tsx` renders it (added `~~strike~~` + `[label](url)`).
+- **Dead controls → real** — create-channel (real BFF create + navigate + appears in sidebar),
+  new-message, invite, add-workspace, callback, channel-details are modals (`overlays/Modals.tsx`
+  + `ui/Modal.tsx`); huddle mute/video/share toggle + live timer; profile Message/Huddle; palette
+  person/file; workspace switcher; a toast system (`Toaster.tsx`, `useUi().toast`).
+- **Layout/scroll "not fit"** — responsive down to ~400px: sidebar drawer closes on nav; thread
+  panel is a mobile overlay; Support master-detail stacks (list ↔ detail + back button); no
+  horizontal overflow.
+- **Support state** — list + detail + stats now share one `useTickets` source, so Resolve/reply
+  update everywhere at once.
+- **Theme flash** — pre-paint script in `layout.tsx` + light tokens under `html:not(.dark)` in
+  `globals.css`; ThemingPanel System mode works (matchMedia).
+
+See [[architecture-decisions]] and [[conventions]].