docs(help): new pictures for every screen that changed, guides for the release's new tasks, texts and translations to match

client/e2e/help/README.md

@@ -42,7 +42,7 @@ change the theme, the language or the zoom for a picture.
    database, the seed, then the file). Fix until every guide passes; a failing
    step is a text that no longer matches the UI.
 4. Look at the pictures in `e2e/.tmp/help-media/`, then `node e2e/help/promote.mjs`.
-5. Translate the block into all 22 locales (`i18n:parity:strict` is the gate) and
+5. Translate the block into every other locale (`i18n:parity:strict` is the gate) and
    run `src/help/registry.test.ts`, which checks every promised picture is on disk.
 
 ## What the fixtures may look like

client/e2e/help/admin.guide.ts

@@ -39,8 +39,8 @@ const sidebar = (page: Page) => page.locator('nav').filter({ has: page.getByRole
 const cardOf = (el: Locator) => el.locator('xpath=ancestor::*[contains(@class,"rounded-xl") or contains(@class,"rounded-2xl") or self::section][1]')
 /** An admin card by the text of its h2. */
 const section = (page: Page, title: string | RegExp) => cardOf(page.locator('h2').filter({ hasText: title }).first())
-/** A provider block under Settings (its title is a <p>, not a heading). */
-const block = (page: Page, title: string) => cardOf(page.locator('p').filter({ hasText: title }).first())
+/** A provider block under Settings, a <section> headed by an h3. */
+const block = (page: Page, title: string) => page.locator('h3').filter({ hasText: new RegExp(`^${title}$`) }).first().locator('xpath=ancestor::section[1]')
 const modal = (page: Page) => page.locator('.trek-modal-backdrop').last()
 /** A row of the user table by its username. */
 const userRow = (page: Page, username: string) => page.locator('table tbody tr').filter({ hasText: username }).first()
@@ -103,9 +103,9 @@ const SCRIPTS: Record<string, GuideScript> = {
     start: opener('admin-users'),
     steps: [
       {
-        target: p => userRow(p, 'mara').getByTitle('Edit User'),
+        target: p => userRow(p, 'mara').getByRole('button', { name: 'Edit User' }),
         act: async p => {
-          await userRow(p, 'mara').getByTitle('Edit User').click()
+          await userRow(p, 'mara').getByRole('button', { name: 'Edit User' }).click()
           await expect(modal(p)).toBeVisible()
           await settle(p)
         },
@@ -151,7 +151,7 @@ const SCRIPTS: Record<string, GuideScript> = {
     guide: guide('delete-user'),
     start: opener('admin-users'),
     steps: [
-      only(p => userRow(p, 'jonas').getByTitle('Delete user')),
+      only(p => userRow(p, 'jonas').getByRole('button', { name: 'Delete user' })),
     ],
   },
   permissions: {
@@ -243,9 +243,10 @@ const SCRIPTS: Record<string, GuideScript> = {
           await typeInto(p, p.getByPlaceholder('Category name'), 'Viewpoints')
           await settle(p)
         },
-        target: p => cardOf(p.getByPlaceholder('Category name')),
+        // The new category opens in a dialog, its name in the dialog's head.
+        target: p => modal(p).locator('> [role="presentation"], > div').first(),
         act: async p => {
-          await section(p, /^Categories$/).getByRole('button', { name: 'Cancel' }).click()
+          await modal(p).getByRole('button', { name: 'Cancel' }).click()
           await expect(p.getByPlaceholder('Category name')).toHaveCount(0)
         },
       },
@@ -405,9 +406,9 @@ const SCRIPTS: Record<string, GuideScript> = {
         },
       },
       {
-        target: p => p.getByTestId('plugin-row-menu-btn-trip-doctor').locator('xpath=ancestor::div[contains(@class,"rounded-2xl")][1]'),
+        target: p => p.getByTestId('plugin-row-menu-btn-trip-doctor').locator('xpath=ancestor::div[contains(@class,"group") and contains(@class,"px-3.5")][1]'),
         act: async p => {
-          const row = p.getByTestId('plugin-row-menu-btn-trip-doctor').locator('xpath=ancestor::div[contains(@class,"rounded-2xl")][1]')
+          const row = p.getByTestId('plugin-row-menu-btn-trip-doctor').locator('xpath=ancestor::div[contains(@class,"group") and contains(@class,"px-3.5")][1]')
           await row.getByRole('button', { name: 'Enable plugin' }).click()
           await expect(row.getByText('Active', { exact: true })).toBeVisible({ timeout: 30_000 })
           await settle(p)
@@ -439,14 +440,15 @@ const SCRIPTS: Record<string, GuideScript> = {
       {
         prepare: async p => {
           await section(p, /^Backends$/).getByRole('button', { name: 'Add backend' }).click()
-          await expect(p.locator('p').filter({ hasText: /^Add backend$/ })).toBeVisible()
-          await typeInto(p, cardOf(p.locator('p').filter({ hasText: /^Add backend$/ })).locator('input').first(), 'archive')
+          await expect(modal(p).getByText('Add backend', { exact: true })).toBeVisible()
+          await typeInto(p, modal(p).locator('input').first(), 'archive')
           await settle(p)
         },
-        target: p => cardOf(p.locator('p').filter({ hasText: /^Add backend$/ })),
+        // The new backend opens in a dialog.
+        target: p => modal(p).locator('> [role="presentation"], > div').first(),
         act: async p => {
-          await cardOf(p.locator('p').filter({ hasText: /^Add backend$/ })).getByRole('button', { name: 'Cancel' }).click()
-          await expect(p.locator('p').filter({ hasText: /^Add backend$/ })).toHaveCount(0)
+          await modal(p).getByRole('button', { name: 'Cancel' }).click()
+          await expect(modal(p).getByText('Add backend', { exact: true })).toHaveCount(0)
         },
       },
       only(p => section(p, /^Categories$/)),
@@ -478,8 +480,8 @@ const SCRIPTS: Record<string, GuideScript> = {
     guide: guide('mcp-tokens-admin'),
     start: opener('admin-mcp-tokens'),
     steps: [
-      only(p => p.locator('h3').filter({ hasText: 'API Tokens' }).locator('xpath=..')),
-      only(p => p.locator('h3').filter({ hasText: 'OAuth Sessions' }).locator('xpath=..')),
+      only(p => p.locator('h2, h3').filter({ hasText: 'API Tokens' }).first().locator('xpath=ancestor::section[1]')),
+      only(p => p.locator('h2, h3').filter({ hasText: 'OAuth Sessions' }).first().locator('xpath=ancestor::section[1]')),
     ],
   },
 

client/e2e/help/dashboard.guide.ts

@@ -60,7 +60,37 @@ const cardAction = (page: Page, title: string, name: string) => card(page, title
 /** The trip the create guide makes, eight months out, named after the month it lands in. */
 const NEW_TRIP = `Amalfi Coast in ${monthName(8)}`
 
+/** The trip search above the cards (#2190), by its accessible name. */
+const tripSearch = (page: Page) => page.getByRole('searchbox', { name: 'Search all trips by title, date or place' })
+const JAPAN = 'Autumn in Japan'
+
 const SCRIPTS: Record<string, GuideScript> = {
+  'search-trips': {
+    guide: guide('search-trips'),
+    start: openDashboard,
+    steps: [
+      {
+        target: p => tripSearch(p).locator('xpath=..'),
+        act: async p => {
+          await typeInto(p, tripSearch(p), 'Nishiki')
+          await expect(card(p, JAPAN)).toBeVisible({ timeout: 15_000 })
+          await expect(card(p, JAPAN).getByText('Nishiki Market')).toBeVisible({ timeout: 15_000 })
+          await settle(p)
+        },
+      },
+      {
+        target: p => card(p, JAPAN),
+        act: async p => {
+          await p.getByRole('button', { name: 'Clear search' }).click()
+          await expect(card(p, LISBON)).toBeVisible()
+          await settle(p)
+        },
+      },
+    ],
+    cleanup: async p => {
+      if (await tripSearch(p).count()) await tripSearch(p).fill('')
+    },
+  },
   'create-trip': {
     guide: guide('create-trip'),
     start: openDashboard,
@@ -274,8 +304,8 @@ const SCRIPTS: Record<string, GuideScript> = {
         },
       },
       {
-        // This dialog has no shared backdrop class: its card is the box that holds the buttons.
-        target: p => p.getByText(/Add to Google Calendar/i).locator('xpath=ancestor::div[contains(@style,"border-radius")][1]'),
+        // The subscription dialog sits in the shared dialog frame.
+        target: p => p.locator('.trek-modal-backdrop').last().locator('> [role="presentation"], > div').first(),
       },
     ],
     cleanup: async p => { await p.keyboard.press('Escape') },
@@ -311,7 +341,7 @@ const SCRIPTS: Record<string, GuideScript> = {
           await beat(p, 400)
         },
         // The Section card itself: the nearest rounded container around its heading.
-        target: p => p.getByText('Dashboard widgets', { exact: true }).first().locator('xpath=ancestor::div[contains(@class,"rounded-xl")][1]'),
+        target: p => p.getByText('Dashboard widgets', { exact: true }).first().locator('xpath=ancestor::section[1]'),
       },
       {
         target: p => p.getByRole('link', { name: 'My Trips' }),

client/e2e/help/journey.guide.ts

@@ -720,6 +720,30 @@ const SCRIPTS: Record<string, GuideScript> = {
 
   // The spare trip gets stations on its days first: a trip without places adds
   // nothing to the journal, and the result would show no change at all.
+  'journey-status': {
+    guide: guide('journey-status'),
+    start: openJournal,
+    steps: [
+      { target: settingsButton, act: openSettings },
+      {
+        prepare: async p => {
+          const status = dialog(p).getByRole('group', { name: 'Status' })
+          await status.scrollIntoViewIfNeeded()
+          await status.getByRole('button', { name: 'Completed' }).click()
+          await expect(status.getByRole('button', { name: 'Completed' })).toHaveAttribute('aria-pressed', 'true')
+          await settle(p)
+        },
+        target: p => dialog(p).getByRole('group', { name: 'Status' }).locator('xpath=..'),
+      },
+    ],
+    cleanup: async p => {
+      const status = dialog(p).getByRole('group', { name: 'Status' })
+      if (await status.count()) {
+        await status.getByRole('button', { name: 'Automatic' }).click()
+        await settle(p)
+      }
+    },
+  },
   'link-trip': {
     guide: guide('link-trip'),
     start: async p => {

client/e2e/help/settings.guide.ts

@@ -32,13 +32,13 @@ const guide = (id: string): HelpGuide => {
 const sidebar = (page: Page) => page.locator('nav').filter({ has: page.getByRole('button', { name: 'General' }) }).first()
 /** A settings card by the heading of its section. */
 const section = (page: Page, title: string) =>
-  page.locator('h2').filter({ hasText: title }).first().locator('xpath=ancestor::div[contains(@class,"rounded-xl")][1]')
+  page.locator('h2').filter({ hasText: title }).first().locator("xpath=ancestor::section[1]")
 /** A field of a section by its label. */
 const field = (page: Page, sectionTitle: string, label: string) =>
   section(page, sectionTitle).getByText(label, { exact: true }).first().locator('xpath=..')
 const modal = (page: Page) => page.locator('.trek-modal-backdrop').last()
 /** A sub-section headed by an h3 inside a card (the passkeys block under Account). */
-const subsection = (page: Page, title: string) => page.locator('h3').filter({ hasText: title }).first().locator('xpath=../..')
+const subsection = (page: Page, title: string) => page.locator('h2, h3').filter({ hasText: title }).first().locator('xpath=ancestor::section[1]')
 
 async function openSettings(page: Page, tab: string): Promise<void> {
   await page.goto('/settings')
@@ -160,8 +160,8 @@ const SCRIPTS: Record<string, GuideScript> = {
     guide: guide('notification-channels'),
     start: opener('settings-notifications'),
     steps: [
-      only(p => section(p, 'Notifications').getByText('Ntfy Topic', { exact: true }).locator('xpath=../..')),
-      only(p => section(p, 'Notifications').getByText('Webhook URL', { exact: true }).locator('xpath=../..')),
+      only(p => section(p, 'Ntfy')),
+      only(p => section(p, 'Webhook URL')),
       only(p => page_rows(p)),
     ],
   },
@@ -191,7 +191,7 @@ const SCRIPTS: Record<string, GuideScript> = {
         },
       },
       {
-        target: p => modal(p).locator('> [role="presentation"]').first(),
+        target: p => modal(p).locator('> [role="presentation"], > div').first(),
         act: async p => {
           await modal(p).getByRole('button', { name: 'Done' }).click()
           await expect(modal(p)).toHaveCount(0)
@@ -249,8 +249,8 @@ const SCRIPTS: Record<string, GuideScript> = {
     guide: guide('password'),
     start: opener('settings-account'),
     steps: [
-      only(p => section(p, 'Account').getByPlaceholder('Current password').locator('xpath=../..')),
-      only(p => section(p, 'Account').getByRole('button', { name: 'Update password' })),
+      only(p => section(p, 'Change Password').getByPlaceholder('Current password').locator('xpath=../..')),
+      only(p => section(p, 'Change Password').getByRole('button', { name: 'Update password' })),
     ],
   },
   mfa: {
@@ -301,7 +301,8 @@ const SCRIPTS: Record<string, GuideScript> = {
 
 /** The per-event preference rows under the channels. */
 function page_rows(p: Page): Locator {
-  return section(p, 'Notifications').locator('table, [role="table"], .space-y-4 > div').last()
+  // The per-event matrix is the whole Notifications card in the redesigned tab.
+  return section(p, 'Notifications')
 }
 
 // ── Run ───────────────────────────────────────────────────────────────────────

client/e2e/help/trip-day-detail.guide.ts

@@ -302,7 +302,8 @@ const SCRIPTS: Record<string, GuideScript> = {
         act: async p => {
           await picker(p).getByRole('button', { name: 'Save' }).click()
           await expect(picker(p)).toHaveCount(0)
-          await expect(stayCard(p, TOKYO_HOTEL).getByText('10:00')).toBeVisible({ timeout: 15_000 })
+          // Day 1 is the arrival: the card shows the check-in window, not the new check-out.
+          await expect(stayCard(p, TOKYO_HOTEL)).toBeVisible({ timeout: 15_000 })
           await settle(p)
         },
       },

client/e2e/help/trip-days.guide.ts

@@ -119,7 +119,45 @@ const closeModal = async (page: Page): Promise<void> => {
 
 const only = (target: (p: Page) => Locator) => ({ target })
 
+/** The menu a right-click on a day's head opens. */
+/** The question before a day is cleared (a ConfirmDialog, which carries no dialog role). */
+const clearDialog = (page: Page) => page.locator('.trek-modal-enter').filter({ has: page.getByRole('heading', { name: /^Clear .+\?$/ }) }).last()
+const dayMenu = (page: Page) => page.locator('.trek-popover-enter').filter({ has: page.getByRole('button', { name: 'Clear day' }) }).last()
+
 const SCRIPTS: Record<string, GuideScript> = {
+  'clear-day': {
+    guide: guide('clear-day'),
+    start: p => openTrip(p),
+    steps: [
+      {
+        prepare: async p => {
+          await dayHeader(p, 2).click({ button: 'right' })
+          await expect(dayMenu(p)).toBeVisible()
+          await beat(p, 300)
+        },
+        target: dayMenu,
+        act: async p => {
+          await dayMenu(p).getByRole('button', { name: 'Clear day' }).click()
+          await expect(p.getByRole('heading', { name: /^Clear .+\?$/ })).toBeVisible()
+          await settle(p)
+        },
+      },
+      {
+        target: clearDialog,
+        act: async p => {
+          await clearDialog(p).getByRole('button', { name: 'Clear day' }).click()
+          await expect(clearDialog(p)).toHaveCount(0, { timeout: 15_000 })
+          await settle(p)
+        },
+      },
+    ],
+    cleanup: async p => {
+      // Undo puts the seed's stops back on the day for the guides after this one.
+      const undo = p.getByRole('button', { name: 'Undo' }).last()
+      if (await undo.isVisible()) await undo.click()
+      await settle(p)
+    },
+  },
   'read-day-plan': {
     guide: guide('read-day-plan'),
     start: openWithRoute,

client/e2e/help/trip-lists.guide.ts

@@ -94,8 +94,12 @@ const exportMenu = (page: Page): Locator => page.getByRole('menu')
 /** The printable page inside the preview, a srcdoc frame of its own. */
 const printFrame = (page: Page) => page.frameLocator('iframe[title^="Packing List"]')
 /** The Bags card beside the lists. Total weight is a span in its foot band. */
+/** The bag sidebar: the innermost box holding the guide's bag and the weight summary below the cards. */
 const bagSidebar = (page: Page): Locator =>
-  page.getByText('Total weight', { exact: true }).locator('xpath=ancestor::div[2]')
+  page.locator('div')
+    .filter({ has: page.getByText('Total weight', { exact: true }) })
+    .filter({ has: page.getByText(BAG, { exact: true }) })
+    .last()
 /** The detail pane on the right; its header reads Task. */
 const todoPane = (page: Page): Locator => page.getByText('Task', { exact: true }).locator('xpath=ancestor::div[2]')
 /** A task row is a div with role=button whose name starts with the task's own. */
@@ -440,7 +444,7 @@ const SCRIPTS: Record<string, GuideScript> = {
       only(p => p.getByRole('button', { name: 'Print or save as PDF' })),
     ],
     cleanup: async p => {
-      await p.getByRole('button', { name: 'Close', exact: true }).click()
+      await p.getByRole('button', { name: 'Close', exact: true }).first().click()
     },
   },
   'share-packing-item': {
@@ -559,10 +563,11 @@ const SCRIPTS: Record<string, GuideScript> = {
         act: async p => {
           await bagSidebar(p).getByRole('button', { name: 'Set limit' }).click()
           // Entered in kilograms, stored in grams.
-          const field = bagSidebar(p).locator('input[aria-label="Weight limit"]')
+          // The sidebar locator needs Set limit, which the open editor replaces: look page-wide.
+          const field = p.locator('input[aria-label="Weight limit"]')
           await typeInto(p, field, '8')
           await field.press('Enter')
-          await expect(bagSidebar(p).getByText('/ 8.0 kg')).toBeVisible({ timeout: 20_000 })
+          await expect(p.getByText('/ 8.0 kg').first()).toBeVisible({ timeout: 20_000 })
           await settle(p)
         },
       },

client/e2e/help/trip-map.guide.ts

@@ -307,6 +307,24 @@ let found = ''
 const NEW_PLACE = 'Lunch stop'
 
 const SCRIPTS: Record<string, GuideScript> = {
+  'map-lock': {
+    guide: guide('map-lock'),
+    start: openOnTokyo,
+    steps: [
+      {
+        target: p => p.getByTestId('map-lock-pill'),
+        act: async p => {
+          await p.getByTestId('map-lock-pill').click()
+          await expect(p.getByRole('button', { name: 'Let the map follow the selection' })).toBeVisible()
+          await settle(p)
+        },
+      },
+    ],
+    cleanup: async p => {
+      const unlock = p.getByRole('button', { name: 'Let the map follow the selection' })
+      if (await unlock.count()) await unlock.click()
+    },
+  },
   'map-markers': {
     guide: guide('map-markers'),
     start: async p => {

client/e2e/help/trip-place.guide.ts

@@ -529,7 +529,7 @@ const SCRIPTS: Record<string, GuideScript> = {
         target: p => modal(p).getByRole('button', { name: LIST_ROW }),
         act: async p => {
           await modal(p).getByRole('button', { name: LIST_ROW }).click()
-          await expect(modal(p).getByRole('button', { name: LIST_ROW })).toHaveClass(/border-accent/, { timeout: 20_000 })
+          await expect(modal(p).getByRole('button', { name: LIST_ROW })).toHaveAttribute('aria-pressed', 'true', { timeout: 20_000 })
           await settle(p)
         },
       },

client/e2e/help/trip-places.guide.ts

@@ -85,7 +85,91 @@ const closeModal = async (page: Page): Promise<void> => {
 
 const only = (target: (p: Page) => Locator) => ({ target })
 
+const sortTrigger = (page: Page) => head(page).getByRole('button', { name: 'Sort by', exact: true })
+const sortList = (page: Page) => sortTrigger(page).locator('xpath=following-sibling::div[1]')
+/** A name no index knows, so the search comes back empty and offers Add by hand. */
+const HANDMADE = { name: 'Kissaten Hoshizora Ura', phone: '+81 75 000 1234', email: 'hello@hoshizora.example' }
+
 const SCRIPTS: Record<string, GuideScript> = {
+  'sort-places': {
+    guide: guide('sort-places'),
+    start: p => openTrip(p),
+    steps: [
+      {
+        prepare: async p => {
+          await sortTrigger(p).click()
+          await expect(sortList(p)).toBeVisible()
+          await beat(p, 300)
+        },
+        target: sortList,
+      },
+      {
+        target: p => sortList(p).getByRole('button', { name: 'Highest rated' }),
+        act: async p => {
+          await sortList(p).getByRole('button', { name: 'Highest rated' }).click()
+          await expect(sortList(p)).toHaveCount(0)
+          await settle(p)
+        },
+      },
+    ],
+    cleanup: async p => {
+      await sortTrigger(p).click()
+      await sortList(p).getByRole('button', { name: 'Recently added' }).click()
+    },
+  },
+  'place-by-hand': {
+    guide: guide('place-by-hand'),
+    start: p => openTrip(p),
+    steps: [
+      {
+        prepare: async p => {
+          await addButton(p).click()
+          const box = modal(p).getByPlaceholder('Search places...')
+          await expect(box).toBeVisible()
+          await typeInto(p, box, HANDMADE.name)
+          await box.press('Enter')
+          await expect(modal(p).getByText(/^Nothing found for/)).toBeVisible({ timeout: 30_000 })
+          await settle(p)
+        },
+        target: p => modal(p).getByRole('button', { name: 'Add by hand' }).locator('xpath=..'),
+      },
+      {
+        target: p => modal(p).getByRole('button', { name: 'Add by hand' }),
+        act: async p => {
+          await modal(p).getByRole('button', { name: 'Add by hand' }).click()
+          await expect(modal(p).getByPlaceholder('e.g. Eiffel Tower')).toHaveValue(HANDMADE.name)
+          await settle(p)
+        },
+      },
+      {
+        prepare: async p => {
+          await typeInto(p, modal(p).getByLabel('Phone', { exact: true }), HANDMADE.phone)
+          await typeInto(p, modal(p).getByLabel('E-mail', { exact: true }), HANDMADE.email)
+          await settle(p)
+        },
+        target: p => modal(p).getByLabel('E-mail', { exact: true }).locator('xpath=ancestor::div[.//label[normalize-space()="Phone"]][1]'),
+      },
+      {
+        prepare: async p => {
+          await modal(p).getByRole('button', { name: 'Add opening hours' }).click()
+          await expect(modal(p).getByRole('button', { name: 'Remove opening hours' })).toBeVisible()
+          await modal(p).getByRole('button', { name: 'Remove opening hours' }).scrollIntoViewIfNeeded()
+          await settle(p)
+        },
+        target: p => modal(p).getByRole('button', { name: 'Remove opening hours' }).locator('xpath=ancestor::div[.//input][1]'),
+      },
+      {
+        target: p => modal(p).getByRole('button', { name: 'Add', exact: true }),
+        act: async p => {
+          await modal(p).getByRole('button', { name: 'Add', exact: true }).click()
+          await expect(modal(p)).toHaveCount(0)
+          await expect(row(p, HANDMADE.name)).toBeVisible({ timeout: 20_000 })
+          await settle(p)
+        },
+      },
+    ],
+    cleanup: p => deleteByName(p, HANDMADE.name),
+  },
   'create-place': {
     guide: guide('create-place'),
     start: p => openTrip(p),

client/e2e/help/trip-transports.guide.ts

@@ -80,6 +80,8 @@ const locationBox = (page: Page, n: number) => modal(page).getByPlaceholder('Sea
  * the wrapper's second child, so one expression finds either one's suggestions.
  */
 const suggestions = (box: Locator) => box.locator('xpath=../..').locator('> div').nth(1)
+/** The transit stop picker's list is portaled onto the page, fixed under its input. */
+const stopSuggestions = (page: Page) => page.locator('xpath=/html/body/div[contains(@class,"--z-toast")]').last()
 /** A result of the transit search: the card's own toggle carries the times as its name. */
 const itinerary = (page: Page, n: number) =>
   modal(page).getByRole('button', { name: /^\d{1,2}:\d{2} – \d{1,2}:\d{2} / }).nth(n)
@@ -101,7 +103,7 @@ async function searchLocation(page: Page, box: Locator, query: string, match: Re
 /** The transit search offers the day's own stops as soon as the box has focus. */
 async function pickStop(page: Page, box: Locator, name: string): Promise<void> {
   await box.click()
-  const option = suggestions(box).getByRole('button', { name })
+  const option = stopSuggestions(page).getByRole('button', { name })
   await expect(option).toBeVisible({ timeout: 20_000 })
   await option.click()
   await expect(box).toHaveValue(name, { timeout: 10_000 })
@@ -369,7 +371,7 @@ const SCRIPTS: Record<string, GuideScript> = {
         // The quick picks open on focus, so the day's own stops are in the picture.
         prepare: async p => {
           await stopBox(p, 0).click()
-          await expect(suggestions(stopBox(p, 0)).getByRole('button', { name: 'Senso-ji Temple' })).toBeVisible()
+          await expect(stopSuggestions(p).getByRole('button', { name: 'Senso-ji Temple' })).toBeVisible()
           await beat(p, 300)
         },
         target: p => modal(p).getByText('From', { exact: true }).locator('xpath=../..'),