Skip to content

Prototype threaded comments rendering#27601

Draft
jonatansberg wants to merge 1 commit intomainfrom
flat-comment-threading-poc
Draft

Prototype threaded comments rendering#27601
jonatansberg wants to merge 1 commit intomainfrom
flat-comment-threading-poc

Conversation

@jonatansberg
Copy link
Copy Markdown
Member

Summary

This is a proof-of-concept for conversation-preserving rendering in comments-ui.

  • Keeps top-level comment sorting intact while rendering replies as a reply graph.
  • Hydrates replies for visible top-level comments so hidden branches can participate in branch selection.
  • Promotes a primary branch and renders side branches behind compact inline toggles.
  • Removes the confusing outer top-level rail, adds top-level separators, and adjusts connector geometry for root-to-first-reply and expanded branch islands.

Notes

This intentionally avoids backend/API changes. Network efficiency and production-grade ranking can be revisited after the UI direction is evaluated.

Test file changes from the prototype iteration were left out of this commit because this pass is focused on the proof of concept UI behavior.

Validation

  • pnpm --filter @tryghost/comments-ui build
  • Browser checked http://localhost:2368/tangle-comments/
  • Browser checked http://localhost:2368/nested-comments/

Unit/e2e suites were not run for this prototype pass.

Prototype-first comments rendering needs to preserve conversation flow without backend API changes. This adds reply graph hydration, primary branch rendering, compact branch toggles, and adjusted connector rails for the exploratory UI.
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 28, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 39a2aabb-448d-4f92-bccf-5b7176c356ba

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch flat-comment-threading-poc

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link
Copy Markdown
Contributor

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 25046947807 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"

@jonatansberg jonatansberg changed the title [codex] Prototype threaded comments rendering Prototype threaded comments rendering Apr 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant