fix(desktop): PR返信ダイアログの返信元をMarkdownレンダリング対応 (#214)

[MocA-Love]

概要

Issue #214 対応。PR コメント返信ダイアログ (ReplyDialog) の「返信元コメント」表示が getCommentPreviewText によってプレーンテキスト化されており、画像・リンク・コードブロックなど Markdown 要素がレンダリングされていなかった問題を修正する。

変更内容

• ReviewPanel 内にインライン定義されていた CommentBody コンポーネントを components/CommentBody/ に切り出し、ReviewPanel と ReplyDialog の両方から再利用できるようにした
• ReplyDialog の返信元プレビュー表示を getCommentPreviewText による1行プレーンテキストから CommentBody によるフル Markdown レンダリング (GFM / rehype-sanitize / blockquote alert / コードブロック) に差し替え
• 返信元の高さ上限を max-h-32 → max-h-48 に拡張し、複数行/画像入りの本文でもスクロールで読めるように調整
• ReviewPanel から ReplyDialog へ onOpenUrl を渡し、返信元内リンクも既存のブラウザタブで開く挙動に統一

関連 Issue

Closes #214

テスト観点

• PR の通常コメントに画像/リンク/コードブロックが含まれる状態で返信ダイアログを開き、Markdown が正しくレンダリングされること
• レビュースレッドへの返信ダイアログでも同様に Markdown が表示されること
• 返信元内のリンクをクリックすると既存のブラウザタブで開くこと
• 返信投稿自体の動作に回帰がないこと

[chatgpt-codex-connector]

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Repo admins can enable using credits for code reviews in their settings.

[coderabbitai]

Warning

Rate limit exceeded

@MocA-Love has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 12 minutes and 4 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 12 minutes and 4 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 2b20fc6f-11b5-41d1-a94b-a756e31d759a

📥 Commits

Reviewing files that changed from the base of the PR and between 8c082df and 1aae961.

📒 Files selected for processing (4)

• apps/desktop/src/renderer/screens/main/components/WorkspaceView/RightSidebar/ChangesView/components/ReviewPanel/ReviewPanel.tsx
• apps/desktop/src/renderer/screens/main/components/WorkspaceView/RightSidebar/ChangesView/components/ReviewPanel/components/CommentBody/CommentBody.tsx
• apps/desktop/src/renderer/screens/main/components/WorkspaceView/RightSidebar/ChangesView/components/ReviewPanel/components/CommentBody/index.ts
• apps/desktop/src/renderer/screens/main/components/WorkspaceView/RightSidebar/ChangesView/components/ReviewPanel/components/ReplyDialog/ReplyDialog.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/reply-dialog-markdown-rendering

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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