• wwwillchen-bot's avatar
    move ActionHeader from TitleBar to right side bar (#2553) · 05e5403f
    wwwillchen-bot 提交于
    ## Summary
    - Move the ActionHeader component from TitleBar into PreviewPanel where
    it logically belongs
    - Improve component organization by separating preview-related controls
    from the global title bar
    - Update ActionHeader styling to fit its new location with sidebar
    background
    
    ## Test plan
    - Verify the ActionHeader appears at the top of the PreviewPanel instead
    of in the title bar
    - Confirm the tab switching (Preview/Code/Console) functionality works
    correctly
    - Test the refresh and external link buttons work as expected
    - Verify the title bar still renders correctly with the spacer element
    
    🤖 Generated with [Claude Code](https://claude.com/claude-code)
    <!-- devin-review-badge-begin -->
    
    ---
    
    <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2553"
    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 -->
    
    <!-- This is an auto-generated description by cubic. -->
    ---
    ## Summary by cubic
    Moved the preview action header into the PreviewPanel and added a right
    action sidebar for quick mode switching. Maintenance actions moved to a
    TitleBar “More” menu so controls are closer to their content.
    
    - New Features
    - RightActionSidebar on the chat page with buttons for Preview, Problems
    (with count), Code, Configure, Security, Publish.
    - TitleBar actions: Chat activity button and a “More” menu for Clean
    Rebuild and Clear Preview Data.
    
    - Refactors
    - Render ActionHeader at the top of PreviewPanel; remove it from
    TitleBar, drop useLocation, and add a spacer.
    - Polish styles for ActionHeader (px-2, sidebar background) and sidebar
    active/hover states.
    
    <sup>Written for commit 5cc7c53453f280024838a43fdd89a357abca3523.
    Summary will update on new commits.</sup>
    
    <!-- End of auto-generated description by cubic. -->
    
    ---------
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    Co-authored-by: 's avatarClaude Opus 4.5 <noreply@anthropic.com>
    05e5403f