Render links and live mention chips in Bluebird threads#3349
Merged
adamleithp merged 2 commits intoJul 10, 2026
Conversation
Thread messages now render bare URLs as clickable links, and the thread composer shows @-mentions as styled chips while typing (via a Tiptap editor that serializes back to the shared mention token format) instead of the raw markdown token. Generated-By: PostHog Code Task-Id: 0c3b84d6-4b62-449f-9154-917103a1109a
|
Merging to
After your PR is submitted to the merge queue, this comment will be automatically updated with its status. If the PR fails, failure details will also be posted here |
|
React Doctor found 1 issue in 1 file · 1 warning. 1 warning
Reviewed by React Doctor for commit |
The quality check failed on formatting in the new test file. Also moves docToContent/contentToDoc out of the component file into the mentionComposer utils (with their tests) to address React Doctor's only-export-components warnings. Generated-By: PostHog Code Task-Id: 0c3b84d6-4b62-449f-9154-917103a1109a
Contributor
|
Reviews (1): Last reviewed commit: "Fix Biome formatting; move composer seri..." | Re-trigger Greptile |
adamleithp
approved these changes
Jul 10, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
In project-bluebird channel threads, URLs in messages render as plain text, and @-tagging a teammate in the composer shows the raw
@[Name](email)markdown token instead of the chip UI that sent messages use.Why
Threads are the main human-to-human surface in Channels; unclickable links and visible markdown tokens make them feel broken compared to the rest of the app.
Changes
MentionText, used by the thread panel and Activity view) now render bare http(s) URLs as links that open externally, with trailing punctuation kept as prose.MentionComposeron Tiptap: selecting a teammate from the @-typeahead inserts an inline chip styled exactly like mentions on sent messages. The editor serializes back to the shared@[Name](email)token format on every edit, so storage, notifications, and older clients are unchanged. The typeahead popup, keyboard handling (arrows/Enter/Tab/Escape, Enter-to-send, Shift+Enter for a newline), and analytics hooks carry over.How did you test this?
linkify.test.ts) and mention-token ⇄ editor-doc round-trip serialization (MentionComposer.test.ts).pnpm --filter @posthog/ui typecheck, Biome check, and the full canvas test suite (92 tests) pass.Automatic notifications
Created with PostHog Code