From a62b35bf45e7cdb45946c67a056388c5e26ec148 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ullrich=20Sch=C3=A4fer?= <hi+github@ullrich.is>
Date: Sat, 11 Apr 2026 01:33:31 +0200
Subject: [PATCH] Show more info in POI popups: category, description, address,
 phone

Popup now shows: name, category label, description, address (street +
housenumber + postcode + city), phone (clickable tel: link), opening
hours, website, and OSM link.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/planner/app/components/PoiPanel.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/planner/app/components/PoiPanel.tsx b/apps/planner/app/components/PoiPanel.tsx
index e67b427..4650ed5 100644
--- a/apps/planner/app/components/PoiPanel.tsx
+++ b/apps/planner/app/components/PoiPanel.tsx
@@ -115,6 +115,13 @@ export function PoiMarkers({ poiState }: PoiPanelProps) {
       });
 
       const popupLines = [`<strong>${poi.name ?? cat.icon + " " + poi.category}</strong>`];
+      popupLines.push(`<span style="font-size:11px;color:#888">${cat.icon} ${cat.id.replace(/_/g, " ")}</span>`);
+      if (poi.tags.description) popupLines.push(`<span style="font-size:12px">${poi.tags.description}</span>`);
+      const addr = [poi.tags["addr:street"], poi.tags["addr:housenumber"]].filter(Boolean).join(" ");
+      const addrCity = [addr, poi.tags["addr:postcode"], poi.tags["addr:city"]].filter(Boolean).join(", ");
+      if (addrCity) popupLines.push(`📍 ${addrCity}`);
+      const phone = poi.tags.phone ?? poi.tags["contact:phone"];
+      if (phone) popupLines.push(`📞 <a href="tel:${phone}">${phone}</a>`);
       if (poi.tags.opening_hours) popupLines.push(`🕐 ${poi.tags.opening_hours}`);
       if (poi.tags.website) popupLines.push(`<a href="${poi.tags.website}" target="_blank" rel="noopener">Website</a>`);
       popupLines.push(`<a href="https://www.openstreetmap.org/node/${poi.id}" target="_blank" rel="noopener" style="font-size:11px;color:#666">OSM</a>`);