From e6b2cc57cc2562e0ddc8ff891f7a5661b6567979 Mon Sep 17 00:00:00 2001 From: brennanb2025 Date: Sun, 7 Jun 2026 15:47:26 -0700 Subject: [PATCH] Place the browser grab tour step below its button with an upward arrow. Co-authored-by: Orca --- mock-browser-contextual-tour-step3.html | 2 +- src/shared/contextual-tours.test.ts | 4 ++++ src/shared/contextual-tours.ts | 3 ++- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/mock-browser-contextual-tour-step3.html b/mock-browser-contextual-tour-step3.html index b1549122649..ebbfa28bb38 100644 --- a/mock-browser-contextual-tour-step3.html +++ b/mock-browser-contextual-tour-step3.html @@ -349,7 +349,7 @@
- +
diff --git a/src/shared/contextual-tours.test.ts b/src/shared/contextual-tours.test.ts index 1b7ac64c344..0e27a3771bc 100644 --- a/src/shared/contextual-tours.test.ts +++ b/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"]', diff --git a/src/shared/contextual-tours.ts b/src/shared/contextual-tours.ts index 4e5a67c530c..176df66ea14 100644 --- a/src/shared/contextual-tours.ts +++ b/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',