docs: Phase 217 roadmap, parity, markdown, and channel topic UI (v0.8.181)

Document bold+italic formatting, topic popover edit actions, composer keyboard shortcuts, and stream hover previews. Mark Phase 217 complete. Co-authored-by: Cursor <[email protected]>
2026-05-22 23:29:42 -04:00
parent 3c71012912
commit 150e2c00c1
5 changed files with 45 additions and 7 deletions
@@ -30,7 +30,8 @@ Forum channels reserve `topic` for the tag palette JSON (`{"forumTags":[...]}`).
 ## UI

 - Topic/description bar under the chat header
- **Channel name click** (v0.8.180): when a topic or description exists, opens a floating preview popover; **Edit topic** jumps to inline edit or meta modal
+- **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)
 - **✎** button (moderators) → edit modal
 - Cleared with empty string / null

@@ -8,6 +8,7 @@
 |--------|--------|
 | `**text**` | Bold |
 | `*text*` | Italic (v0.8.180) |
+| `***text***` | Bold + italic (v0.8.181) |
 | `__text__` | Underline |
 | `~~text~~` | Strikethrough |
 | `` `code` `` | Inline code |
@@ -43,7 +44,9 @@ Peers should receive ban records via gossip; local enforcement uses the ban row
 npm run test:markdown
 npm run test:heading-format
 npm run test:italic-format
+npm run test:bold-italic-format
 npm run test:composer-format-wrap
+npm run test:composer-format-shortcuts
 npm run test:underline-format
 npm run test:strikethrough-format
 npm run test:quote-block-render
@@ -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.

+## Summary (v0.8.181) — GUI focus
+
+| Area | Reference product | Pearcord | Gap |
+|------|-------------------|----------|-----|
+| Bold+italic | `***text***` | `<strong><em>` in messages | Nested spoiler combos |
+| Topic actions | Edit topic + description | Separate popover action buttons | Copy topic button |
+| Format shortcuts | ⌘B/I/U | Ctrl/Cmd+B/I/U wrap selection | Strikethrough shortcut |
+| Stream hover | Enlarge on hover | Floating preview after 400ms hover | Quality badges in hover |
+
 ## Summary (v0.8.180) — GUI focus

 | Area | Reference product | Pearcord | Gap |
@@ -1349,16 +1349,29 @@ When completing work, change `[ ]` → `[x]` and add a one-line note under **Cha

 ---

-### Phase 217 — Discord-like GUI sprint XXIII (planned)
+### Phase 217 — Discord-like GUI sprint XXIII (complete)

 | ID | Item | Status |
 |----|------|--------|
-| P217-1 | Messages: combined bold+italic (`***text***`) | [ ] |
-| P217-2 | Channels: channel description in topic popover actions | [ ] |
-| P217-3 | Composer: Ctrl/Cmd+B/I/U wrap shortcuts | [ ] |
-| P217-4 | Voice: stream tile hover preview enlargement | [ ] |
+| P217-1 | Messages: combined bold+italic (`***text***`) | [x] |
+| P217-2 | Channels: channel description in topic popover actions | [x] |
+| P217-3 | Composer: Ctrl/Cmd+B/I/U wrap shortcuts | [x] |
+| P217-4 | Voice: stream tile hover preview enlargement | [x] |

-**Next:** Combined format · topic actions · keyboard wrap · stream hover zoom.
+**Next:** ~~Combined format · topic actions · keyboard wrap · stream hover zoom~~ (Phase 217).
+
+---
+
+### Phase 218 — Discord-like GUI sprint XXIV (planned)
+
+| ID | Item | Status |
+|----|------|--------|
+| P218-1 | Messages: spoiler inside bold/italic (`**||x||**`) | [ ] |
+| P218-2 | Channels: copy topic from popover | [ ] |
+| P218-3 | Composer: strikethrough wrap button + shortcut | [ ] |
+| P218-4 | Voice: stream hover preview quality badges | [ ] |
+
+**Next:** Nested spoiler format · copy topic · strike wrap · hover badges.

 ---

@@ -2804,6 +2817,7 @@ Micro a11y/guild smokes deferred while GUI sprint is prioritized. See Phase 195

 ### Changelog

+- **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.179: Phase 215 GUI — heading markdown (`#`–`###`), slowmode header countdown badge, composer format hint on selection, stream tile speaking indicator for audio-only tiles (`test:heading-format`, `test:slowmode-header-badge`, `test:composer-format-hint`, `test:stream-tile-speaking`). Phase 216 planned.
 - **2026-05-22** — v0.8.178: Phase 214 GUI — underline formatting, channel type header tooltip, emoji picker recents row, stream tile mute badge (`test:underline-format`, `test:channel-type-header-tooltip`, `test:emoji-picker-recent-row`, `test:stream-tile-mute-badge`). Phase 215 planned.
@@ -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`.

+## Desktop GUI (v0.8.181)
+
+| Flow | Behavior |
+|------|----------|
+| Bold+italic | `***text***` renders bold and italic |
+| Topic actions | Popover offers Edit topic + Edit description |
+| Format shortcuts | ⌘/Ctrl+B/I/U wrap selected composer text |
+| Stream hover | Hover stream tile 400ms → enlarged floating preview |
+
+Smokes: `npm run test:bold-italic-format`, `npm run test:channel-topic-popover-actions`, `npm run test:composer-format-shortcuts`, `npm run test:stream-tile-hover-preview`.
+
 ## Desktop GUI (v0.8.180)

 | Flow | Behavior |