docs: Phase 219 roadmap, parity, markdown, and channel topic UI (v0.8.183)

Document underline spoiler combos, copy description action, composer code wrap,
and stream hover aspect ring. Mark Phase 219 complete and plan Phase 220.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
Raven Scott
2026-05-22 23:35:29 -04:00
co-authored by Cursor
parent 14e9be5270
commit d5f2e84a60
5 changed files with 44 additions and 7 deletions
+1
View File
@@ -33,6 +33,7 @@ Forum channels reserve `topic` for the tag palette JSON (`{"forumTags":[...]}`).
- **Channel name click** (v0.8.180): when a topic or description exists, opens a floating preview popover - **Channel name click** (v0.8.180): when a topic or description exists, opens a floating preview popover
- **Popover actions** (v0.8.181): **Edit topic** (inline) and **Edit description** (meta modal, description focused) - **Popover actions** (v0.8.181): **Edit topic** (inline) and **Edit description** (meta modal, description focused)
- **Copy topic** (v0.8.182): one-click copy from the topic popover - **Copy topic** (v0.8.182): one-click copy from the topic popover
- **Copy description** (v0.8.183): one-click copy when a description is set
- **✎** button (moderators) → edit modal - **✎** button (moderators) → edit modal
- Cleared with empty string / null - Cleared with empty string / null
+3 -1
View File
@@ -15,7 +15,7 @@
| ` ```lang`` ``` ` | Fenced code block with language label | | ` ```lang`` ``` ` | Fenced code block with language label |
| `> quote` | Blockquote (line prefix) | | `> quote` | Blockquote (line prefix) |
| `#` / `##` / `###` + space | Heading h1h3 (v0.8.179) | | `#` / `##` / `###` + space | Heading h1h3 (v0.8.179) |
| `\|\|spoiler\|\|` | Click-to-reveal spoiler (nestable inside **bold** / *italic* — v0.8.182) | | `\|\|spoiler\|\|` | Click-to-reveal spoiler (nestable inside **bold** / *italic* / __underline__ — v0.8.182+) |
| `@username` | Mention highlight (when name is in `view.mentionNames`) | | `@username` | Mention highlight (when name is in `view.mentionNames`) |
| `:emoji_name:` | Custom guild emoji image | | `:emoji_name:` | Custom guild emoji image |
@@ -48,7 +48,9 @@ npm run test:bold-italic-format
npm run test:composer-format-wrap npm run test:composer-format-wrap
npm run test:composer-format-shortcuts npm run test:composer-format-shortcuts
npm run test:composer-strike-wrap npm run test:composer-strike-wrap
npm run test:composer-code-wrap
npm run test:spoiler-in-format npm run test:spoiler-in-format
npm run test:spoiler-underline-format
npm run test:underline-format npm run test:underline-format
npm run test:strikethrough-format npm run test:strikethrough-format
npm run test:quote-block-render npm run test:quote-block-render
+9
View File
@@ -4,6 +4,15 @@ Gap analysis between **Pearcord** (P2P Pear app) and a typical **centralized cha
> This is the only doc that compares against an external reference product. All other docs use Pearcord naming only. > This is the only doc that compares against an external reference product. All other docs use Pearcord naming only.
## Summary (v0.8.183) — GUI focus
| Area | Reference product | Pearcord | Gap |
|------|-------------------|----------|-----|
| Underline spoiler | `__||x||__` | Nested via spoiler placeholders | Strikethrough/spoiler |
| Copy description | Clipboard | Copy description in topic popover | Copy both at once |
| Code wrap | Inline code | backtick button + ⌘⇧E | Spoiler wrap |
| Hover aspect ring | Visual frame | aspect-ratio ring on hover preview | Pinned hover |
## Summary (v0.8.182) — GUI focus ## Summary (v0.8.182) — GUI focus
| Area | Reference product | Pearcord | Gap | | Area | Reference product | Pearcord | Gap |
+20 -6
View File
@@ -1375,16 +1375,29 @@ When completing work, change `[ ]` → `[x]` and add a one-line note under **Cha
--- ---
### Phase 219 — Discord-like GUI sprint XXV (planned) ### Phase 219 — Discord-like GUI sprint XXV (complete)
| ID | Item | Status | | ID | Item | Status |
|----|------|--------| |----|------|--------|
| P219-1 | Messages: spoiler inside underline (`__||x||__`) | [ ] | | P219-1 | Messages: spoiler inside underline (`__||x||__`) | [x] |
| P219-2 | Channels: copy description from topic popover | [ ] | | P219-2 | Channels: copy description from topic popover | [x] |
| P219-3 | Composer: code wrap button + shortcut | [ ] | | P219-3 | Composer: code wrap button + shortcut | [x] |
| P219-4 | Voice: stream hover preview aspect ratio ring | [ ] | | P219-4 | Voice: stream hover preview aspect ratio ring | [x] |
**Next:** Underline spoiler · copy description · code wrap · hover aspect ring. **Next:** ~~Underline spoiler · copy description · code wrap · hover aspect ring~~ (Phase 219).
---
### Phase 220 — Discord-like GUI sprint XXVI (planned)
| ID | Item | Status |
|----|------|--------|
| P220-1 | Messages: spoiler inside strikethrough (`~~||x||~~`) | [ ] |
| P220-2 | Channels: topic popover keyboard focus trap | [ ] |
| P220-3 | Composer: spoiler wrap button + shortcut | [ ] |
| P220-4 | Voice: stream tile pinned hover preview | [ ] |
**Next:** Strike spoiler · topic a11y · spoiler wrap · pinned hover.
--- ---
@@ -2830,6 +2843,7 @@ Micro a11y/guild smokes deferred while GUI sprint is prioritized. See Phase 195
### Changelog ### Changelog
- **2026-05-22** — v0.8.183: Phase 219 GUI — spoiler inside underline, copy description from popover, code wrap (⌘⇧E), stream hover aspect ratio ring (`test:spoiler-underline-format`, `test:channel-topic-copy-desc`, `test:composer-code-wrap`, `test:stream-hover-aspect-ring`). Phase 220 planned.
- **2026-05-22** — v0.8.182: Phase 218 GUI — spoiler inside bold/italic, copy topic from popover, strikethrough wrap (⌘⇧S), stream hover quality badges (`test:spoiler-in-format`, `test:channel-topic-copy`, `test:composer-strike-wrap`, `test:stream-hover-quality-badges`). Phase 219 planned. - **2026-05-22** — v0.8.182: Phase 218 GUI — spoiler inside bold/italic, copy topic from popover, strikethrough wrap (⌘⇧S), stream hover quality badges (`test:spoiler-in-format`, `test:channel-topic-copy`, `test:composer-strike-wrap`, `test:stream-hover-quality-badges`). Phase 219 planned.
- **2026-05-22** — v0.8.181: Phase 217 GUI — bold+italic (`***`), topic popover edit actions, Ctrl/Cmd+B/I/U shortcuts, stream tile hover enlargement (`test:bold-italic-format`, `test:channel-topic-popover-actions`, `test:composer-format-shortcuts`, `test:stream-tile-hover-preview`). Phase 218 planned. - **2026-05-22** — v0.8.181: Phase 217 GUI — bold+italic (`***`), topic popover edit actions, Ctrl/Cmd+B/I/U shortcuts, stream tile hover enlargement (`test:bold-italic-format`, `test:channel-topic-popover-actions`, `test:composer-format-shortcuts`, `test:stream-tile-hover-preview`). Phase 218 planned.
- **2026-05-22** — v0.8.180: Phase 216 GUI — italic formatting, channel topic header popover, composer B/I/U wrap toolbar, camera-off badge on audio-only stream tiles (`test:italic-format`, `test:channel-topic-popover`, `test:composer-format-wrap`, `test:stream-camera-off-badge`). Phase 217 planned. - **2026-05-22** — v0.8.180: Phase 216 GUI — italic formatting, channel topic header popover, composer B/I/U wrap toolbar, camera-off badge on audio-only stream tiles (`test:italic-format`, `test:channel-topic-popover`, `test:composer-format-wrap`, `test:stream-camera-off-badge`). Phase 217 planned.
+11
View File
@@ -133,6 +133,17 @@ Smokes: `npm run test:reply-preview-hover`, `npm run test:channel-notification-l
Smokes: `npm run test:embed-card-layout`, `npm run test:unread-divider`, `npm run test:role-reorder`, `npm run test:group-dm-header`. Smokes: `npm run test:embed-card-layout`, `npm run test:unread-divider`, `npm run test:role-reorder`, `npm run test:group-dm-header`.
## Desktop GUI (v0.8.183)
| Flow | Behavior |
|------|----------|
| Underline spoiler | `__||text||__` renders underlined spoiler |
| Copy description | Topic popover includes Copy description |
| Code wrap | backtick button and ⌘⇧E wrap selection |
| Hover aspect ring | Stream hover preview uses aspect-ratio border ring |
Smokes: `npm run test:spoiler-underline-format`, `npm run test:channel-topic-copy-desc`, `npm run test:composer-code-wrap`, `npm run test:stream-hover-aspect-ring`.
## Desktop GUI (v0.8.182) ## Desktop GUI (v0.8.182)
| Flow | Behavior | | Flow | Behavior |