[mattpodwysocki]

Description

Moves render_map_tool's numbered side list to a results carousel along the bottom of the map, the pattern ChatGPT uses for its built-in place results. Closes #283.

• Place pins: white pins with a Maki icon for the place's category (Search Box's maki name, else matched from the category, else a plain marker), turning black when selected, like ChatGPT's place results and OpenAI's layout guidance. About 20 common icons are inlined (~12 KB, CC0). Numbered badges stay where the number means something: a caller's numbered label (visit order), optimized stops, start/end.
• Cards: name, category, distance and popularity, plus the photo once it loads. A second line shows today's hours and the phone number from Place Details.
• Selected pin: the selected place's pin turns black (a numbered badge turns white), comes to the front and shows the place name under it. The matching card gets a border. The first card starts selected.
• Sync both ways: swiping selects the card nearest the middle, clicking a card selects it, and clicking a pin scrolls to its card. The map only pans when the selected pin is off screen or hidden behind the cards.
• No popups for carousel pins. Pins without a card (route ends, the search center) keep theirs.
• Layout: the carousel sits above the Mapbox logo and attribution, the legend moves up above it, and fit-to-bounds padding accounts for both.
• Today's hours: parsed from OSM opening_hours for simple rules (Mo-Fr 07:00-19:00; Sa,Su 08:00-17:00, Su off, 24/7, wrap-around day ranges). Anything else shows no hours rather than wrong ones. No "Open now", since the viewer's clock may be in a different time zone than the place.
• OpenAI's UI guidelines (fourth commit): every card has a picture (the place's icon as a placeholder when there's no photo), labeled for screen readers; numbered badges pick dark or white text by contrast; and the tool description asks the model not to list the places again after rendering. Still open from those guidelines: one action per card (render_map_tool: click a place to ask the model about it #284), and an Expand-to-fullscreen button (render_map_tool: fullscreen button #286).
• Light and dark: cards, summary chip, legend and messages follow the host's theme (hostContext.theme at ui/initialize and on host-context-changed), falling back to prefers-color-scheme, and use the host's style variables (--color-background-primary, --color-text-primary, …) when sent. The map and pins look the same in both.
• Tool and schema descriptions say "carousel" instead of "panel".

Notes

• Photos still won't show in ChatGPT, since they load through resources/read (open question on render_map_tool: bottom carousel for place results on narrow/inline maps #283).
• feat(render_map_tool): live traffic and Satellite/Traffic buttons on the map #278 (traffic toggles) changes the same file and the legend position, so whichever merges second needs a small fix-up.

Testing

• npm test: 1117 pass. New tests cover card/pin selection, pin click scrolling to its card, swipe selection, pan-only-when-hidden, fit padding with the carousel, legend position, and 11 hours-parsing cases.
• npm run lint, tsc, npm run build clean.
• Rendered in headless Chrome at 800x560 and 400x600, in light and dark, from a live category_search_tool result (coffee near SF City Hall): cards, photos, hours and phone all fill in, and card click, pin click and selection sync work. That pass found a pin just above the cards whose name label was hidden behind them, fixed in the second commit (pan when the label is hidden, and only as far as needed). It also showed the summary chip covering the zoom-in button (already the case on main); the third commit moves the zoom buttons below it, copying feat(render_map_tool): live traffic and Satellite/Traffic buttons on the map #278's placeTopLeftControls as-is so the two PRs merge cleanly.
• Not yet checked inside Claude Desktop or ChatGPT.

Checklist

• I've added/updated tests as needed
• I've updated documentation if necessary (CHANGELOG, tool descriptions)
• Checked in Claude Desktop and ChatGPT

🤖 Generated with Claude Code