Place the browser grab tour step below its button with an upward arrow.

Co-authored-by: Orca <help@stably.ai>

src/shared/contextual-tours.test.ts

@@ -107,6 +107,10 @@ describe('contextual tour definitions', () => {
       'Mark design feedback in place',
       'Stay logged in'
     ])
+    expect(tour?.steps[0]).toMatchObject({
+      targetSelector: '[data-contextual-tour-target="browser-grab-control"]',
+      preferredPlacement: 'bottom'
+    })
     expect(tour?.steps[2]).toMatchObject({
       body: 'Bring your existing logins into Orca to stay signed in immediately.',
       targetSelector: '[data-contextual-tour-target="browser-import-cookies-control"]',

src/shared/contextual-tours.ts

@@ -104,7 +104,8 @@ export const CONTEXTUAL_TOURS = [
         title: 'Grab page context for agents',
         body: 'Grab controls can copy elements or hand page context to an agent.',
         targetSelector: '[data-contextual-tour-target="browser-grab-control"]',
-        requiredForStart: true
+        requiredForStart: true,
+        preferredPlacement: 'bottom'
       },
       {
         title: 'Mark design feedback in place',