githubnext/chopinPublic

Let's compose rich plans together

Add tooltips to icon buttons #197

MergedMaggieAppletonmerged 4 commits intomainfromrefs/pull/197/head
  1. MA

    ## Summary

    - Show a delayed tooltip for icon-only buttons on hover and keyboard focus, using each button's label. - Use Chopin's typography, colour, radius, and shadow tokens; place tooltips above buttons with a viewport-aware fallback. - Keep tooltip copy in Title Case and at most two words while preserving contextual screen-reader labels. - Mark formatting toolbar glyphs as decorative so their accessible labels appear in tooltips. Keep existing comment previews separate from icon tooltips. - Remove the temporary tooltip jig from the PR.

    ## Preview

    ![Add Document icon button with its Title Case tooltip in Chopin’s design audit](https://github.com/user-attachments/assets/cbc644ce-12e4-4122-aef1-969252bbddbc)

    ## Tooltip copy

    - **Navigation:** Add Project, New Document, Open Sidebar, Close Sidebar, Document Actions, Close Document, Show Chat, Hide Chat. - **Conversation:** Send Message, Stop Planner, Withdraw Message, Add Comment, Close Comment, Post Comment, Send Reply. - **Formatting:** Block Type, Text, Heading 1, Heading 2, Heading 3, Blockquote, Bulleted List, Numbered List, Bold, Italic, Strikethrough, Underline, Inline Code, Add Link. - **Research:** Start Research, Place Research, Discard Research. - **Tables and editor:** Move Row, Move Column, Align Column, Remove Row, Remove Column, Insert Row, Insert Column, View Changes, Resize Sheet. - **Development design audit:** Add Document.

    ## Verification

    - `bun run ci` - `bun run types` - `bun test` (1,523 passed; 2 PostgreSQL tests skipped without `TEST_DATABASE_URL`) - `bun run build` - Focused Playwright browser tests for tooltip copy, formatting glyphs, comment previews, compact navigation, and research (8 passed)

  2. MaggieAppletonmerged ed738dc9c97blast month on GitHub

  3. MaggieAppletonclosedlast month on GitHub

  4. MaggieAppletonhead-ref-deletedlast month on GitHub