ci(medium): Implement PR-aware checkout for bot-triggered workflows (#9510)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: arii <342438+arii@users.noreply.github.com>

Author: arii

.github/workflows/gemini-coder.yml

@@ -95,6 +95,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
+        with:
+          ref: ${{ (github.event.issue.pull_request || github.event.pull_request) && format('refs/pull/{0}/head', github.event.issue.number || github.event.pull_request.number) || github.sha }}
 
       - name: Setup Python
         uses: actions/setup-python@v4

.github/workflows/gemini-triage.yml

@@ -42,6 +42,8 @@ jobs:
     runs-on: self-hosted
     steps:
       - uses: actions/checkout@v4
+        with:
+          ref: ${{ (github.event.issue.pull_request || github.event.pull_request) && format('refs/pull/{0}/head', inputs.issue_number || github.event.inputs.issue_number || github.event.issue.number || github.event.pull_request.number) || github.sha }}
       - uses: pnpm/action-setup@v4
 
       - uses: actions/setup-node@v6

.github/workflows/jules-session-manager.yml

@@ -21,6 +21,7 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
         with:
+          ref: ${{ github.event.issue.pull_request && format('refs/pull/{0}/head', github.event.issue.number) || github.sha }}
           fetch-depth: 0
 
       - name: Setup Python

.github/workflows/reusable-create-review-issues.yml

@@ -95,6 +95,7 @@ jobs:
       - name: Checkout Code
         uses: actions/checkout@v4
         with:
+          ref: ${{ (github.event.pull_request || github.event.issue.pull_request) && format('refs/pull/{0}/head', inputs.pr_number || github.event.pull_request.number || github.event.issue.number) || github.sha }}
           fetch-depth: 0
 
       - name: Setup Environment

.github/workflows/reusable-gemini-review.yml

@@ -91,6 +91,7 @@ jobs:
 
       - uses: actions/checkout@v4
         with:
+          ref: ${{ (github.event.pull_request || github.event.issue.pull_request) && format('refs/pull/{0}/head', inputs.pr_number || github.event.pull_request.number || github.event.issue.number) || github.sha }}
           fetch-depth: 0
 
       - name: Fetch PR SHAs
@@ -148,6 +149,7 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
         with:
+          ref: ${{ (github.event.pull_request || github.event.issue.pull_request) && format('refs/pull/{0}/head', inputs.pr_number || github.event.pull_request.number || github.event.issue.number) || github.sha }}
           fetch-depth: 0
 
       - name: Setup Environment
@@ -461,6 +463,7 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
         with:
+          ref: ${{ (github.event.pull_request || github.event.issue.pull_request) && format('refs/pull/{0}/head', inputs.pr_number || github.event.pull_request.number || github.event.issue.number) || github.sha }}
           fetch-depth: 0
 
       - name: Download review result

components/Footer.tsx

@@ -13,6 +13,10 @@ export default function Footer() {
       sx={{
         mt: 'auto',
         height: 54,
+        minHeight: 54,
+        maxHeight: 54,
+        p: 0,
+        m: 0,
         flexShrink: 0,
         display: 'flex',
         alignItems: 'center',

components/SpotifyDeviceSelector.tsx

@@ -49,6 +49,9 @@ const SpotifyDeviceSelector = ({
           horizontal: 'right',
         }}
         data-testid="spotify-device-selector-menu"
+        PaperProps={{
+          'data-testid': 'spotify-device-selector-menu-paper',
+        }}
       >
         {availableDevices.length > 0 ? (
           availableDevices.map((device) => (

tests/playwright/vrt-components.spec.ts

@@ -34,6 +34,8 @@ test.describe('Component-Specific VRT', () => {
       if (el) {
         el.style.opacity = '1'
         el.style.visibility = 'visible'
+        // Force an opaque background to prevent pixel leakage from underlying content
+        el.style.backgroundColor = 'rgb(0, 0, 0)'
         // Pause any CSS animations/transitions specifically on this element
         el.style.animationPlayState = 'paused'
         el.style.transition = 'none'
@@ -126,14 +128,14 @@ test.describe('Component-Specific VRT', () => {
     })
     await selectorButton.click()
 
-    const menu = dashboardPage.getByTestId('spotify-device-selector-menu')
+    const menu = dashboardPage.getByTestId('spotify-device-selector-menu-paper')
     await expect(menu).toBeVisible()
 
     // Perform manual accessibility check on the specific menu element to ensure context validity
     await checkAccessibility(menu)
 
     await takeScreenshot(menu, 'spotify-device-selector-menu.png', {
-      threshold: 0.3,
+      threshold: 0.2, // Tighter threshold for the Paper element
       skipA11y: true, // Accessibility checked manually above
     })
   })