The routes page loaded and displayed every saved route at once (630+ on a\nbusy account) in a plain table - overwhelming, slow to scan, and none of it\nworked on a phone.
\nNothing is shown until you type a search or choose a filter; the landing\nstate explains how many routes there are and prompts you to search. Results\nare capped to the first 50 matches, with a note showing the total and asking\nyou to narrow the search when there are more. Sorting moved to a Sort by\ncontrol with a direction toggle.
\nFor routes that have already been converted, the real GPX geometry is\nalready held in S3, so each card fetches it (reusing GpxParserService,\nRouteFollowPayloadService.gpxDownloadUrl and MapTilesService's base layer -\nthe same machinery the app's full map views already use) and draws an actual\nsmall Leaflet map: real OpenStreetMap tiles, the route line in its saved\ncolour, fitted to the route's bounds. A checkmark badge on the thumbnail\ncorner shows imported status, matching OS Maps' own visual language, instead\nof a separate text field. Not-yet-imported routes, which have no geometry\nanywhere in our system, keep an icon placeholder.
\nGetting the map's lifecycle right took a few passes: Angular's structural\n@if was recreating the map's container on every data change, and the leaflet\ndirective gave no way to guard against Leaflet's "container is being reused"\nerror when @for reused a DOM node across component instances faster than the\nold map's teardown ran. Fixed by taking direct control of L.map() construction\nin ngAfterViewInit, with an explicit clear of any stale internal marker\nbefore creating a new map.
\nDistance, date, a source badge and an imported-status line were crammed into\none free-flowing row, so a longer title or date pushed everything after it\nsideways - a jagged, misaligned look row to row. Rebuilt to match OS Maps'\nown card design instead: one short metadata line (distance + a compact date,\nnot the full weekday form), source as an icon-only tooltip rather than a text\nbadge, imported status moved to the thumbnail badge. The title (for\nalready-imported routes) and the thumbnail now open this app's own edit page\ndirectly, since "Open in OS Maps" already covers the external link and\nhaving both was redundant; the separate edit icon button is gone.
\nAlso added the real OS Maps logo (already used elsewhere in the app for\nattribution) to the "Open in OS Maps" link, in place of a generic icon.
\nAdded a one-off debug log of the real OS Maps routes/search response shape\n(route names redacted) - the fields we map today (id, title, date, distance)\nare a small slice of what that response might carry, and this lets a future\npass build a real preview for not-yet-imported routes against the actual\npayload instead of a guess.
\n"}