# 85 — Rich-text notes overhaul

## Goal

Land a shared rich-text editor (ADR 0004), wire it through notes create/edit and all display surfaces, and fix mobile horizontal overflow.

## Why

Journal (86) and notes need modern formatting and emoji. Notes currently overflow sideways on mobile. P1 pulls the full notes overhaul into this batch.

## Depends on

- 12 (notes module)
- ADR `0004-rich-text-editor.md` (research child: Gitea #8)
- Batch order: after bugs 80–84 and API foundation 87 is preferred for notes API extension, but editor work can proceed once ADR is accepted

## Scope

- Research and accept ADR 0004 (library e.g. TipTap, storage format, shared component contract).
- Shared editor component used by notes (and later journal).
- Notes create/edit use the shared editor.
- Render formatting on index, widgets, and share view.
- Fix mobile overflow (closes Gitea #5 / design #5).
- Playwright: extend `tests/e2e/notes.spec.ts` — formatted note visible; 375px no horizontal overflow.

## Out of scope

- Journal module (86) — consumes the shared editor after this lands.
- Appearance/theming epic.

## Acceptance criteria

- [ ] ADR 0004 accepted with library and storage format chosen.
- [ ] Shared editor component in tree.
- [ ] Notes create/edit use it.
- [ ] Formatting renders on all notes surfaces.
- [ ] Mobile overflow fixed; E2E green.

## Notes

- Gitea epic: [#7](https://gitea.ginnoir.com/ginnoir/famapp/issues/7); children #8–#12; overflow bug [#5](https://gitea.ginnoir.com/ginnoir/famapp/issues/5)
- Design: `docs/superpowers/specs/2026-07-03-backlog-triage-design.md`