- Extract shared helpers (formatSettingsLines, formatSystemInfoSection, openGitHubIssue) to eliminate duplication between Report a Bug and Upload Chat Session flows - Extract reusable components (AnimatedScreen, ReviewDetailsSection, CopyButton) for modularity - Add smooth slide animations between dialog screens using framer-motion, with no animation on initial open - Collapse all review screen sections into accordions - Redesign upload complete screen: inline checkmark, animated copy button, Create GitHub Issue button above warning banner - Include error logs and system info in Upload Chat Session's GitHub issue (previously only in Report a Bug) - Add visual hierarchy to main screen: bordered cards for each report option, labeled divider separating self-help from issue reporting - Show clear "Open a chat first" warning when no chat is selected <!-- devin-review-badge-begin --> --- <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2629" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1"> <img src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1" alt="Open with Devin"> </picture> </a> <!-- devin-review-badge-end --> <!-- CURSOR_SUMMARY --> --- > [!NOTE] > **Low Risk** > Primarily UI/UX refactoring and animation changes, plus expanded GitHub issue prefill content; low risk but could affect support/reporting flow behavior if screen navigation or issue URL construction regresses. > > **Overview** > Refactors `HelpDialog` into a 3-screen flow (`main` → `review` → `upload-complete`) with slide transitions via `framer-motion`, including reusable subcomponents (`AnimatedScreen`, `ReviewDetailsSection`, `CopyButton`) and a navigation helper. > > Unifies GitHub issue creation for both bug reports and session uploads with shared formatting helpers and `openGitHubIssue`, and **expands session-upload issues to include system info, settings, and recent logs** (plus a `v2:` session ID prefix). Updates the main screen layout into clearer “self-help” vs “report an issue” sections with card styling and a disabled-state warning when no chat is selected, and makes review sections collapsible plus redesigns the upload-complete screen with an animated copy affordance and a clearer call-to-action to create the GitHub issue. > > ^{Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit a3b76962ec8796ce1a081dcfb8447d5da4d2e15b. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).} <!-- /CURSOR_SUMMARY --> Co-authored-by: Cursor <cursoragent@cursor.com>