diff --git a/src/lib/components/DirectionsPanel.svelte b/src/lib/components/DirectionsPanel.svelte index 6c3d0f9..827be96 100644 --- a/src/lib/components/DirectionsPanel.svelte +++ b/src/lib/components/DirectionsPanel.svelte @@ -214,6 +214,15 @@ } const canCalculate = $derived(!!origin && !!destination && hasGraph && !computing); + // Saved points filtered by the destination query (shown inside the results). + const savedMatches = $derived(() => { + const q = destQuery.trim().toLowerCase(); + if (!q) return savedPoints.filter((p) => !!p.label); // with a label when not searching + return savedPoints.filter((p) => { + const hay = (p.label || `${p.lat}, ${p.lon}`).toLowerCase(); + return hay.includes(q); + }); + }); const turns = $derived<{ list: TurnStep[]; total: number } | null>( mode === 'drive' && result?.turns?.length ? { list: result.turns, total: result.turns.reduce((a, t) => a + t.distanceM, 0) } @@ -253,8 +262,16 @@ oninput={() => { showDestResults = true; void inputDestSearch(); }} onfocus={() => (showDestResults = true)} /> - {#if showDestResults && (destSearchResults.length || destGeoResults.length || destSearching)} + {#if showDestResults && (destSearchResults.length || destGeoResults.length || destSearching || savedMatches().length)}