@sonordev/site-kit 6.5.0 → 7.0.0

package/dist/maps/index.js

@@ -1,13 +1,12 @@
 'use client';
-'use strict';
-
-var chunkIO65ROAO_js = require('../chunk-IO65ROAO.js');
-require('../chunk-PIPGH7GA.js');
-require('../chunk-PURI56RE.js');
-require('../chunk-SNAQBZPT.js');
-var react = require('react');
-var reactGoogleMaps = require('@vis.gl/react-google-maps');
-var jsxRuntime = require('react/jsx-runtime');
+import { monotonicMs } from '../chunk-MH2DSGC6.js';
+import { sonorFetch } from '../chunk-4WI3FU5L.js';
+import '../chunk-HPUXKMNR.js';
+import '../chunk-7ZHJIRM3.js';
+import '../chunk-PKBMQBKP.js';
+import { useState, useCallback, useEffect } from 'react';
+import { APIProvider, Map as Map$1, AdvancedMarker, Pin, InfoWindow } from '@vis.gl/react-google-maps';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function GoogleMap({
   apiKey,
@@ -22,24 +21,24 @@ function GoogleMap({
   propertyAddress,
   propertyPinColor = "#4a7c59"
 }) {
-  const [selectedMarker, setSelectedMarker] = react.useState(null);
-  const [showPropertyInfo, setShowPropertyInfo] = react.useState(false);
-  const handleMarkerClick = react.useCallback((marker) => {
+  const [selectedMarker, setSelectedMarker] = useState(null);
+  const [showPropertyInfo, setShowPropertyInfo] = useState(false);
+  const handleMarkerClick = useCallback((marker) => {
     setSelectedMarker(marker);
     setShowPropertyInfo(false);
   }, []);
-  const handlePropertyClick = react.useCallback(() => {
+  const handlePropertyClick = useCallback(() => {
     setShowPropertyInfo(true);
     setSelectedMarker(null);
   }, []);
   if (!apiKey) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `bg-gray-100 flex items-center justify-center rounded-2xl ${className}`, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "Map loading..." }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-2", children: "Google Maps API key not configured" })
+    return /* @__PURE__ */ jsx("div", { className: `bg-gray-100 flex items-center justify-center rounded-2xl ${className}`, style, children: /* @__PURE__ */ jsxs("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "Map loading..." }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-2", children: "Google Maps API key not configured" })
     ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative ${className}`, style: { height: "100%", ...style }, children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.APIProvider, { apiKey, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    reactGoogleMaps.Map,
+  return /* @__PURE__ */ jsx("div", { className: `relative ${className}`, style: { height: "100%", ...style }, children: /* @__PURE__ */ jsx(APIProvider, { apiKey, children: /* @__PURE__ */ jsxs(
+    Map$1,
     {
       defaultCenter: center,
       defaultZoom: zoom,
@@ -49,11 +48,11 @@ function GoogleMap({
       gestureHandling: "cooperative",
       style: { width: "100%", height: "100%", borderRadius: "1rem" },
       children: [
-        showPropertyMarker && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.AdvancedMarker, { position: center, onClick: handlePropertyClick, title: propertyName, children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.Pin, { background: propertyPinColor, glyphColor: "#ffffff", borderColor: "#ffffff", scale: 1.2 }) }),
-        showPropertyInfo && propertyName && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.InfoWindow, { position: center, onCloseClick: () => setShowPropertyInfo(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "12px", minWidth: 200 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontWeight: 600, fontSize: "1rem", margin: "0 0 4px" }, children: propertyName }),
-          propertyAddress && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: "#6b7280", margin: "0 0 8px" }, children: propertyAddress }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+        showPropertyMarker && /* @__PURE__ */ jsx(AdvancedMarker, { position: center, onClick: handlePropertyClick, title: propertyName, children: /* @__PURE__ */ jsx(Pin, { background: propertyPinColor, glyphColor: "#ffffff", borderColor: "#ffffff", scale: 1.2 }) }),
+        showPropertyInfo && propertyName && /* @__PURE__ */ jsx(InfoWindow, { position: center, onCloseClick: () => setShowPropertyInfo(false), children: /* @__PURE__ */ jsxs("div", { style: { padding: "12px", minWidth: 200 }, children: [
+          /* @__PURE__ */ jsx("h3", { style: { fontWeight: 600, fontSize: "1rem", margin: "0 0 4px" }, children: propertyName }),
+          propertyAddress && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "#6b7280", margin: "0 0 8px" }, children: propertyAddress }),
+          /* @__PURE__ */ jsx(
             "a",
             {
               href: `https://www.google.com/maps/search/?api=1&query=${center.lat},${center.lng}`,
@@ -64,20 +63,20 @@ function GoogleMap({
             }
           )
         ] }) }),
-        markers.map((marker, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          reactGoogleMaps.AdvancedMarker,
+        markers.map((marker, index) => /* @__PURE__ */ jsx(
+          AdvancedMarker,
           {
             position: marker.position,
             onClick: () => handleMarkerClick(marker),
             title: marker.title,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.Pin, { background: "#dc2626", glyphColor: "#ffffff", borderColor: "#ffffff" })
+            children: /* @__PURE__ */ jsx(Pin, { background: "#dc2626", glyphColor: "#ffffff", borderColor: "#ffffff" })
           },
           marker.title + index
         )),
-        selectedMarker && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.InfoWindow, { position: selectedMarker.position, onCloseClick: () => setSelectedMarker(null), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "12px", minWidth: 220, maxWidth: 280 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 8, marginBottom: 4 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: 0, lineHeight: 1.3 }, children: selectedMarker.title }),
-            selectedMarker.isOpen !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+        selectedMarker && /* @__PURE__ */ jsx(InfoWindow, { position: selectedMarker.position, onCloseClick: () => setSelectedMarker(null), children: /* @__PURE__ */ jsxs("div", { style: { padding: "12px", minWidth: 220, maxWidth: 280 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 8, marginBottom: 4 }, children: [
+            /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: 0, lineHeight: 1.3 }, children: selectedMarker.title }),
+            selectedMarker.isOpen !== void 0 && /* @__PURE__ */ jsx("span", { style: {
               fontSize: "0.75rem",
               padding: "2px 6px",
               borderRadius: 4,
@@ -85,19 +84,19 @@ function GoogleMap({
               color: selectedMarker.isOpen ? "#15803d" : "#b91c1c"
             }, children: selectedMarker.isOpen ? "Open" : "Closed" })
           ] }),
-          selectedMarker.type && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: "#9ca3af", margin: "0 0 4px" }, children: selectedMarker.type }),
-          selectedMarker.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, marginBottom: 8 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem" }, children: "\u2605" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem", fontWeight: 500 }, children: selectedMarker.rating.toFixed(1) }),
-            selectedMarker.totalRatings && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.75rem", color: "#9ca3af" }, children: [
+          selectedMarker.type && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: "#9ca3af", margin: "0 0 4px" }, children: selectedMarker.type }),
+          selectedMarker.rating && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, marginBottom: 8 }, children: [
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem" }, children: "\u2605" }),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", fontWeight: 500 }, children: selectedMarker.rating.toFixed(1) }),
+            selectedMarker.totalRatings && /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.75rem", color: "#9ca3af" }, children: [
               "(",
               selectedMarker.totalRatings.toLocaleString(),
               ")"
             ] })
           ] }),
-          selectedMarker.address && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: "#6b7280", margin: "0 0 8px" }, children: selectedMarker.address }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 12, paddingTop: 8, borderTop: "1px solid #f3f4f6" }, children: [
-            selectedMarker.mapsUrl && /* @__PURE__ */ jsxRuntime.jsx(
+          selectedMarker.address && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: "#6b7280", margin: "0 0 8px" }, children: selectedMarker.address }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12, paddingTop: 8, borderTop: "1px solid #f3f4f6" }, children: [
+            selectedMarker.mapsUrl && /* @__PURE__ */ jsx(
               "a",
               {
                 href: selectedMarker.mapsUrl,
@@ -107,7 +106,7 @@ function GoogleMap({
                 children: "Directions"
               }
             ),
-            selectedMarker.website && /* @__PURE__ */ jsxRuntime.jsx(
+            selectedMarker.website && /* @__PURE__ */ jsx(
               "a",
               {
                 href: selectedMarker.website,
@@ -135,13 +134,13 @@ var CONFIG_CACHE_TTL = 3e5;
 var placesCache = /* @__PURE__ */ new Map();
 var PLACES_CACHE_TTL = 6e4;
 async function fetchMapsConfig() {
-  if (configCache && Date.now() - configCache.timestamp < CONFIG_CACHE_TTL) {
+  if (configCache && monotonicMs() - configCache.timestamp < CONFIG_CACHE_TTL) {
     return configCache.data;
   }
   const { apiUrl, apiKey } = getApiConfig();
   if (apiKey) {
     try {
-      const res = await chunkIO65ROAO_js.sonorFetch(
+      const res = await sonorFetch(
         `${apiUrl}/api/public/maps/config`,
         { headers: { "Content-Type": "application/json" } },
         { apiKey }
@@ -149,7 +148,7 @@ async function fetchMapsConfig() {
       if (res.ok) {
         const data = await res.json();
         if (data.apiKey) {
-          configCache = { data, timestamp: Date.now() };
+          configCache = { data, timestamp: monotonicMs() };
           return data;
         }
       }
@@ -160,7 +159,7 @@ async function fetchMapsConfig() {
   const fallbackMapId = typeof window !== "undefined" ? "" : process.env.NEXT_PUBLIC_GOOGLE_MAPS_MAP_ID || "";
   if (fallbackKey) {
     const data = { apiKey: fallbackKey, mapId: fallbackMapId || "fcca3cd2bb19cf9a960994e7" };
-    configCache = { data, timestamp: Date.now() };
+    configCache = { data, timestamp: monotonicMs() };
     return data;
   }
   return null;
@@ -168,7 +167,7 @@ async function fetchMapsConfig() {
 async function fetchNearbyPlaces(params) {
   const cacheKey = `${params.lat},${params.lng}:${params.type}`;
   const cached = placesCache.get(cacheKey);
-  if (cached && Date.now() - cached.timestamp < PLACES_CACHE_TTL) {
+  if (cached && monotonicMs() - cached.timestamp < PLACES_CACHE_TTL) {
     return cached.data;
   }
   const { apiUrl, apiKey } = getApiConfig();
@@ -181,7 +180,7 @@ async function fetchNearbyPlaces(params) {
     });
     if (params.radius) searchParams.set("radius", String(params.radius));
     if (params.limit) searchParams.set("limit", String(params.limit));
-    const res = await chunkIO65ROAO_js.sonorFetch(
+    const res = await sonorFetch(
       `${apiUrl}/api/public/maps/nearby-places?${searchParams}`,
       { headers: { "Content-Type": "application/json" } },
       { apiKey }
@@ -189,7 +188,7 @@ async function fetchNearbyPlaces(params) {
     if (!res.ok) return [];
     const data = await res.json();
     const places = data.places || [];
-    placesCache.set(cacheKey, { data: places, timestamp: Date.now() });
+    placesCache.set(cacheKey, { data: places, timestamp: monotonicMs() });
     return places;
   } catch (err) {
     console.warn("[site-kit/maps] Failed to fetch nearby places:", err);
@@ -216,14 +215,14 @@ function NeighborhoodMap({
   subtitle,
   propertyPinColor
 }) {
-  const [config, setConfig] = react.useState(null);
-  const [places, setPlaces] = react.useState([]);
-  const [loading, setLoading] = react.useState(true);
-  const [activeFilter, setActiveFilter] = react.useState(placeTypes[0]?.id || "restaurant");
-  react.useEffect(() => {
+  const [config, setConfig] = useState(null);
+  const [places, setPlaces] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [activeFilter, setActiveFilter] = useState(placeTypes[0]?.id || "restaurant");
+  useEffect(() => {
     fetchMapsConfig().then(setConfig);
   }, []);
-  const loadPlaces = react.useCallback(async () => {
+  const loadPlaces = useCallback(async () => {
     setLoading(true);
     try {
       const results = await fetchNearbyPlaces({
@@ -238,7 +237,7 @@ function NeighborhoodMap({
       setLoading(false);
     }
   }, [center.lat, center.lng, activeFilter]);
-  react.useEffect(() => {
+  useEffect(() => {
     loadPlaces();
   }, [loadPlaces]);
   const markers = places.map((place) => ({
@@ -255,25 +254,25 @@ function NeighborhoodMap({
   }));
   const mapsQuery = encodeURIComponent(propertyAddress);
   const activeLabel = placeTypes.find((t) => t.id === activeFilter)?.label || "Places";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `py-8 ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-heading text-2xl md:text-3xl font-medium text-foreground mb-2", children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-2xl mx-auto text-sm", children: subtitle })
+  return /* @__PURE__ */ jsxs("div", { className: `py-8 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-heading text-2xl md:text-3xl font-medium text-foreground mb-2", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-2xl mx-auto text-sm", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: placeTypes.map((type) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: placeTypes.map((type) => /* @__PURE__ */ jsxs(
       "button",
       {
         onClick: () => setActiveFilter(type.id),
         className: `px-4 py-2 rounded-full text-sm font-medium transition-all ${activeFilter === type.id ? "bg-primary text-white shadow-md" : "bg-white text-foreground hover:bg-primary/10 border border-border"}`,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1.5", children: type.icon }),
+          /* @__PURE__ */ jsx("span", { className: "mr-1.5", children: type.icon }),
           type.label
         ]
       },
       type.id
     )) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid lg:grid-cols-3 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-2", children: config?.apiKey ? /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: config?.apiKey ? /* @__PURE__ */ jsx(
         GoogleMap,
         {
           apiKey: config.apiKey,
@@ -287,45 +286,45 @@ function NeighborhoodMap({
           propertyAddress,
           propertyPinColor
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[500px] w-full rounded-2xl shadow-lg bg-muted flex items-center justify-center", style: { height: 500 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "Loading map..." })
+      ) : /* @__PURE__ */ jsx("div", { className: "h-[500px] w-full rounded-2xl shadow-lg bg-muted flex items-center justify-center", style: { height: 500 }, children: /* @__PURE__ */ jsxs("div", { className: "text-center p-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Loading map..." })
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden h-[500px] flex flex-col", style: { height: 500 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b border-border bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-semibold text-foreground flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden h-[500px] flex flex-col", style: { height: 500 }, children: [
+        /* @__PURE__ */ jsx("div", { className: "p-4 border-b border-border bg-gray-50", children: /* @__PURE__ */ jsxs("h3", { className: "font-semibold text-foreground flex items-center gap-2", children: [
           activeLabel,
           " Nearby",
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground font-normal text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground font-normal text-sm", children: [
             "(",
             places.length,
             ")"
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-8 text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "Loading places..." })
-        ] }) : places.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No places found nearby" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border", children: places.slice(0, 10).map((place) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: loading ? /* @__PURE__ */ jsxs("div", { className: "p-8 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Loading places..." })
+        ] }) : places.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No places found nearby" }) }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: places.slice(0, 10).map((place) => /* @__PURE__ */ jsx(
           "a",
           {
             href: place.mapsUrl,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "block p-4 hover:bg-gray-50 transition-colors group",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-foreground group-hover:text-primary transition-colors truncate", children: place.name }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground truncate", children: place.placeType || place.category }),
-                place.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400 text-sm", children: "\u2605" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: place.rating.toFixed(1) }),
-                  place.totalRatings && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium text-foreground group-hover:text-primary transition-colors truncate", children: place.name }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: place.placeType || place.category }),
+                place.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-yellow-400 text-sm", children: "\u2605" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: place.rating.toFixed(1) }),
+                  place.totalRatings && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
                     "(",
                     place.totalRatings.toLocaleString(),
                     ")"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-end gap-1", children: place.isOpen !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end gap-1", children: place.isOpen !== void 0 && /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: `text-xs px-2 py-0.5 rounded-full ${place.isOpen ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`,
@@ -338,7 +337,7 @@ function NeighborhoodMap({
         )) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center mt-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsx("div", { className: "text-center mt-6", children: /* @__PURE__ */ jsxs(
       "a",
       {
         href: `https://www.google.com/maps/search/?api=1&query=attractions+near+${mapsQuery}`,
@@ -347,10 +346,10 @@ function NeighborhoodMap({
         className: "inline-flex items-center gap-2 px-6 py-2.5 border border-primary text-primary rounded-md text-sm font-medium hover:bg-primary hover:text-white transition-colors",
         children: [
           "Explore More on Google Maps",
-          /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 3 21 3 21 9" }),
-            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+          /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+            /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+            /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
           ] })
         ]
       }
@@ -358,10 +357,4 @@ function NeighborhoodMap({
   ] });
 }
 
-exports.DEFAULT_PLACE_TYPES = DEFAULT_PLACE_TYPES;
-exports.GoogleMap = GoogleMap;
-exports.NeighborhoodMap = NeighborhoodMap;
-exports.fetchMapsConfig = fetchMapsConfig;
-exports.fetchNearbyPlaces = fetchNearbyPlaces;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export { DEFAULT_PLACE_TYPES, GoogleMap, NeighborhoodMap, fetchMapsConfig, fetchNearbyPlaces };

package/dist/maps/types.d.ts

@@ -90,4 +90,3 @@ export interface NeighborhoodMapProps {
     propertyPinColor?: string;
 }
 export declare const DEFAULT_PLACE_TYPES: PlaceTypeFilter[];
-//# sourceMappingURL=types.d.ts.map

package/dist/mcp/WebMcpTools.d.ts

@@ -60,4 +60,3 @@ export interface WebMcpToolsProps {
  * descriptors passed as props land in every page's RSC payload.
  */
 export declare function WebMcpTools({ tools, localTools, endpoint, defer, discover, }: WebMcpToolsProps): null;
-//# sourceMappingURL=WebMcpTools.d.ts.map

package/dist/mcp/client.d.ts

@@ -6,4 +6,3 @@
  */
 export { WebMcpTools, isWebMcpAvailable } from './WebMcpTools';
 export type { WebMcpToolsProps, WebMcpToolDescriptor, WebMcpLocalTool, } from './WebMcpTools';
-//# sourceMappingURL=client.d.ts.map

package/dist/mcp/client.js

@@ -1,9 +1,7 @@
 'use client';
-'use strict';
-
-var chunkHGNSJXWT_js = require('../chunk-HGNSJXWT.js');
-require('../chunk-SNAQBZPT.js');
-var react = require('react');
+import { useDeferredActivation } from '../chunk-YC7ELZS3.js';
+import '../chunk-PKBMQBKP.js';
+import { useEffect } from 'react';
 
 function getModelContext() {
   if (typeof window === "undefined") return null;
@@ -22,8 +20,8 @@ function WebMcpTools({
   defer = true,
   discover = true
 }) {
-  const ready = chunkHGNSJXWT_js.useDeferredActivation(defer);
-  react.useEffect(() => {
+  const ready = useDeferredActivation(defer);
+  useEffect(() => {
     if (!ready) return;
     const modelContext = getModelContext();
     if (!modelContext) return;
@@ -36,7 +34,9 @@ function WebMcpTools({
             "Content-Type": "application/json",
             Accept: "application/json, text/event-stream",
             "Mcp-Method": "tools/call",
-            "Mcp-Name": name
+            "Mcp-Name": name,
+            // Marks the call as a browser agent's (handlers.ts, WEBMCP_SURFACE_HEADER).
+            "x-sk-webmcp": "1"
           },
           body: JSON.stringify({
             jsonrpc: "2.0",
@@ -126,7 +126,4 @@ function WebMcpTools({
   return null;
 }
 
-exports.WebMcpTools = WebMcpTools;
-exports.isWebMcpAvailable = isWebMcpAvailable;
-//# sourceMappingURL=client.js.map
-//# sourceMappingURL=client.js.map
+export { WebMcpTools, isWebMcpAvailable };

package/dist/mcp/declarative.d.ts

@@ -74,4 +74,3 @@ export interface DeclarativeToolFieldAttributes {
  * ```
  */
 export declare function declarativeToolField(description: string): DeclarativeToolFieldAttributes;
-//# sourceMappingURL=declarative.d.ts.map

package/dist/mcp/handlers.d.ts

@@ -12,7 +12,8 @@
  * 2026-07-28 revision asks for and also the only thing that works on a
  * serverless host where consecutive requests hit different instances.
  */
-import { MCP_SUPPORTED_PROTOCOL_VERSIONS, type McpServerDefinition } from './protocol';
+import { MCP_SUPPORTED_PROTOCOL_VERSIONS, type DispatchOutcome, type JsonRpcRequest, type McpServerDefinition } from './protocol';
+import type { McpToolCallRecord } from './types';
 import { type BuildMcpServerCardOptions } from './serverCard';
 /**
  * Undo the spec's Base64 sentinel wrapper: `=?base64?{b64}?=`.
@@ -36,7 +37,20 @@ export interface McpHandlerOptions {
     allowedOrigins?: string[] | '*';
     /** Reject modern requests missing the mirror headers. See DispatchOptions. */
     strictHeaders?: boolean;
+    /**
+     * Called once per `tools/call`, after it's answered, with who called and
+     * how it went. Never awaited and never allowed to fail the response.
+     * `reportToolCallsToSonor()` (`@sonordev/site-kit/mcp/sonor`) sends them
+     * to Sonor.
+     */
+    onToolCall?: (call: McpToolCallRecord) => void | Promise<void>;
 }
+/** The header WebMcpTools stamps on the calls it proxies, so a browser agent's calls read as `webmcp`. */
+export declare const WEBMCP_SURFACE_HEADER = "x-sk-webmcp";
+/** Who sent a message: its 2026-07-28 clientInfo when present, else the User-Agent. */
+export declare function agentOf(message: JsonRpcRequest, request: Request): McpToolCallRecord['agent'];
+/** The record for one answered tools/call, or null for any other method. */
+export declare function toolCallRecord(message: JsonRpcRequest, outcome: DispatchOutcome, request: Request, durationMs: number, protocolVersion?: string | null): McpToolCallRecord | null;
 export interface McpRouteHandlers {
     POST: (request: Request) => Promise<Response>;
     GET: (request: Request) => Promise<Response>;
@@ -89,4 +103,3 @@ export interface McpServerCardRouteHandlers {
  */
 export declare function createMcpServerCardHandler(options: McpServerCardHandlerOptions): McpServerCardRouteHandlers;
 export { MCP_SUPPORTED_PROTOCOL_VERSIONS };
-//# sourceMappingURL=handlers.d.ts.map

package/dist/mcp/index.d.ts

@@ -16,14 +16,13 @@
  * @see https://modelcontextprotocol.io/specification/2026-07-28
  * @see https://github.com/webmachinelearning/webmcp
  */
-export type { JsonSchemaNode, JsonSchemaObject, McpContent, McpTextContent, McpResourceLinkContent, McpToolResult, McpToolHandlerResult, McpToolAnnotations, McpToolContext, McpToolHandler, SiteKitMcpTool, McpServerInfo, McpServerIcon, } from './types';
+export type { JsonSchemaNode, JsonSchemaObject, McpContent, McpTextContent, McpResourceLinkContent, McpToolResult, McpToolHandlerResult, McpToolAnnotations, McpToolContext, McpToolHandler, SiteKitMcpTool, McpServerInfo, McpServerIcon, McpToolCallRecord, } from './types';
 export { defineMcpTool } from './types';
 export { MCP_PROTOCOL_VERSION_MODERN, MCP_PROTOCOL_VERSIONS_LEGACY, MCP_SUPPORTED_PROTOCOL_VERSIONS, META_PROTOCOL_VERSION, META_CLIENT_INFO, META_SERVER_INFO, MCP_ERROR_HEADER_MISMATCH, MCP_ERROR_UNSUPPORTED_PROTOCOL_VERSION, JSONRPC_METHOD_NOT_FOUND, dispatch, toToolResult, toolErrorResult, toToolDescriptor, validateArgs, isSupportedVersion, } from './protocol';
 export type { JsonRpcRequest, JsonRpcResponse, JsonRpcError, DispatchOutcome, DispatchOptions, McpServerDefinition, McpToolDescriptor, } from './protocol';
 export { buildMcpServerCard, validateMcpServerCard, MCP_SERVER_CARD_SCHEMA, MCP_SERVER_CARD_PATH, MCP_SERVER_CARD_LEGACY_PATH, SITE_KIT_CARD_META_KEY, } from './serverCard';
 export type { McpServerCard, McpRemote, BuildMcpServerCardOptions, } from './serverCard';
-export { createMcpHandler, createMcpServerCardHandler, decodeHeaderValue, } from './handlers';
+export { createMcpHandler, createMcpServerCardHandler, decodeHeaderValue, toolCallRecord, WEBMCP_SURFACE_HEADER, } from './handlers';
 export type { McpHandlerOptions, McpRouteHandlers, McpServerCardHandlerOptions, McpServerCardRouteHandlers, } from './handlers';
 export { declarativeToolForm, declarativeToolField } from './declarative';
 export type { DeclarativeToolFormOptions, DeclarativeToolFormAttributes, DeclarativeToolFieldAttributes, } from './declarative';
-//# sourceMappingURL=index.d.ts.map