@seed-ship/mcp-ui-solid 6.19.1 → 6.20.0

package/dist/components/MapRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapRenderer.js","sources":["../../src/components/MapRenderer.tsx"],"sourcesContent":["/**\n * MapRenderer - Interactive map Component\n * Sprint 6: Markers + clustering\n * v3.1.0: GeoJSON, choropleth, popups, multi-layer, PMTiles\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show } from 'solid-js';\nimport { isServer } from 'solid-js/web';\nimport type {\n  UIComponent,\n  MapComponentParams,\n  MapClusterOptions,\n  MapGeoJSONStyle,\n  MapPopupConfig,\n} from '../types';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { DegradedFallback } from './DegradedFallback';\nimport { mapToDegradedTable } from '../utils/degraded-projections';\nimport { escapeHtml } from '../utils/escape-html';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\n\n// Lazy load leaflet (it doesn't support SSR well)\nlet L: any = null;\n// Track if marker cluster CSS has been loaded\nlet clusterCssLoaded = false;\n\nexport interface MapRendererProps {\n  /**\n   * UIComponent containing map params\n   */\n  component?: UIComponent;\n\n  /**\n   * Direct map params\n   */\n  params?: MapComponentParams;\n\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n\n  /**\n   * Trust marker / popup content as raw HTML (v6.10.0, audit P1.2).\n   *\n   * Leaflet renders bound tooltip/popup strings as HTML, so `marker.tooltip`,\n   * `marker.popup` and a GeoJSON `popup.template` are XSS vectors when the\n   * payload is untrusted (the default for an LLM/connector-driven public\n   * package). **Default `false`** → those are escaped as plain text, and\n   * `popup.template` is ignored in favour of the safe auto-generated popup.\n   *\n   * This is a **host-level** trust decision, deliberately NOT a payload field\n   * (a malicious payload could just set its own flag). The\n   * `<UIResourceRenderer>` path never sets it, so payload-driven maps are\n   * always text-safe. A host rendering `<MapRenderer>` directly with trusted\n   * data may set `allowHtmlPopups` to restore rich HTML popups. The\n   * auto-generated popup (`titleField` / `fields`) is safe-by-construction\n   * and unaffected either way.\n   */\n  allowHtmlPopups?: boolean;\n}\n\n// ─── Helpers ────────────────────────────────────────────────\n\n/**\n * Resolve choropleth color for a feature based on property value and scale stops.\n */\nfunction getChoroplethColor(\n  value: unknown,\n  scale: Array<[number, string]>,\n  fallback: string\n): string {\n  if (value == null || typeof value !== 'number' || !isFinite(value)) return fallback;\n\n  // Scale is sorted ascending: [[0, '#eff3ff'], [100, '#084594']]\n  if (scale.length === 0) return fallback;\n  if (value <= scale[0][0]) return scale[0][1];\n  if (value >= scale[scale.length - 1][0]) return scale[scale.length - 1][1];\n\n  // Find surrounding stops and interpolate (use upper bracket color)\n  for (let i = 1; i < scale.length; i++) {\n    if (value <= scale[i][0]) return scale[i][1];\n  }\n  return scale[scale.length - 1][1];\n}\n\n/**\n * Build a Leaflet style function from MapGeoJSONStyle config.\n */\nfunction buildStyleFn(\n  style: MapGeoJSONStyle | undefined\n): (feature: any) => Record<string, unknown> {\n  if (!style) {\n    return () => ({\n      fillColor: '#3388ff',\n      fillOpacity: 0.6,\n      color: '#333',\n      weight: 1,\n      opacity: 1,\n    });\n  }\n\n  return (feature: any) => {\n    let fillColor = style.fillColor || '#3388ff';\n\n    // Choropleth: override fillColor based on feature property\n    if (style.choroplethField && style.choroplethScale && feature?.properties) {\n      const val = feature.properties[style.choroplethField];\n      fillColor = getChoroplethColor(\n        val,\n        style.choroplethScale,\n        style.choroplethFallback || '#ccc'\n      );\n    }\n\n    return {\n      fillColor,\n      fillOpacity: style.fillOpacity ?? 0.6,\n      color: style.strokeColor || '#333',\n      weight: style.strokeWeight ?? 1,\n      opacity: style.strokeOpacity ?? 1,\n    };\n  };\n}\n\n/**\n * Build popup HTML from a feature's properties using popup config.\n *\n * `allowHtml` (audit P1.2) gates the raw-HTML `popup.template`: it is honored\n * only when the host trusts the payload. On the default (untrusted) path the\n * template is ignored and we fall through to the auto-generated popup, whose\n * structure is renderer-authored and whose values are always escaped — safe\n * by construction. Even in the trusted path, substituted `{{prop}}` values\n * are escaped (they are data, not markup).\n */\nexport function buildPopupContent(\n  feature: any,\n  popup: MapPopupConfig | undefined,\n  allowHtml = false\n): string | null {\n  if (!popup || !feature?.properties) return null;\n  const props = feature.properties;\n\n  // Custom template — raw HTML, so trusted-host only.\n  if (allowHtml && popup.template) {\n    return popup.template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n      const val = props[key];\n      return val != null ? escapeHtml(String(val)) : '';\n    });\n  }\n\n  // Auto-generated popup\n  const parts: string[] = [];\n\n  if (popup.titleField && props[popup.titleField] != null) {\n    parts.push(`<strong>${escapeHtml(String(props[popup.titleField]))}</strong>`);\n  }\n\n  const fields = popup.fields || Object.keys(props).slice(0, 8);\n  for (const key of fields) {\n    if (key === popup.titleField) continue;\n    const val = props[key];\n    if (val == null) continue;\n    const formatted = typeof val === 'number' ? val.toLocaleString('fr-FR') : String(val);\n    parts.push(\n      `<span style=\"color:#666;font-size:11px\">${escapeHtml(key)}</span>: ${escapeHtml(formatted)}`\n    );\n  }\n\n  return parts.join('<br/>');\n}\n\n/**\n * Resolve a marker's tooltip/popup string for binding (audit P1.2). Leaflet\n * renders bound strings as HTML; `marker.tooltip` / `marker.popup` come from\n * the (untrusted) payload, so they are escaped to plain text unless the host\n * has opted into raw HTML via `allowHtmlPopups`. Pure + exported for tests.\n */\nexport function popupSafeText(value: string | undefined, allowHtml = false): string | undefined {\n  if (value == null) return undefined;\n  return allowHtml ? value : escapeHtml(value);\n}\n\n/** Bind a marker's tooltip + popup, escaping by default (see popupSafeText). */\nexport function bindMarkerContent(\n  m: any,\n  marker: { tooltip?: string; popup?: string },\n  allowHtml: boolean\n): void {\n  const tooltip = popupSafeText(marker.tooltip, allowHtml);\n  if (tooltip) m.bindTooltip(tooltip);\n  const popup = popupSafeText(marker.popup, allowHtml);\n  if (popup) m.bindPopup(popup);\n}\n\n/**\n * Add a GeoJSON layer to the map with style and popup support.\n * Returns the layer for bounds calculation.\n */\nexport function addGeoJSONLayer(\n  mapInst: any,\n  leaflet: any,\n  geojson: unknown,\n  style?: MapGeoJSONStyle,\n  popup?: MapPopupConfig,\n  allowHtml = false\n): any {\n  const styleFn = buildStyleFn(style);\n\n  const layer = leaflet.geoJSON(geojson, {\n    style: styleFn,\n    pointToLayer: (feature: any, latlng: any) => {\n      // Render points as circle markers for consistency\n      const s = styleFn(feature);\n      return leaflet.circleMarker(latlng, {\n        radius: 6,\n        fillColor: s.fillColor,\n        fillOpacity: s.fillOpacity,\n        color: s.color,\n        weight: s.weight,\n        opacity: s.opacity,\n      });\n    },\n    onEachFeature: (feature: any, featureLayer: any) => {\n      const html = buildPopupContent(feature, popup, allowHtml);\n      if (html) {\n        featureLayer.bindPopup(html, { maxWidth: 300 });\n      }\n    },\n  });\n\n  layer.addTo(mapInst);\n  return layer;\n}\n\n// ─── Component ──────────────────────────────────────────────\n\n/**\n * Build a GeoJSON FeatureCollection from the map's `markers` (and any\n * inlined GeoJSON layers, when present). Used by the \"Copy data\" button\n * shipped via `<ExpandableWrapper>` (v6.2.0). Best-effort — clusters,\n * tile layers, and choropleth-only data don't get round-tripped.\n */\nfunction mapToGeoJSON(p: MapComponentParams | undefined): string {\n  if (!p) return '{\"type\":\"FeatureCollection\",\"features\":[]}';\n  const features: any[] = [];\n  for (const marker of p.markers ?? []) {\n    const pos: any = marker.position as any;\n    // Accept both [lat, lng] tuple and {lat, lng} object shapes (v5.0.2 spec)\n    const lat = Array.isArray(pos) ? pos[0] : pos?.lat;\n    const lng = Array.isArray(pos) ? pos[1] : pos?.lng;\n    if (typeof lat !== 'number' || typeof lng !== 'number') continue;\n    features.push({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: [lng, lat] },\n      properties: {\n        ...(marker.tooltip ? { tooltip: marker.tooltip } : {}),\n        ...(marker.popup ? { popup: marker.popup } : {}),\n      },\n    });\n  }\n  return JSON.stringify({ type: 'FeatureCollection', features }, null, 2);\n}\n\nexport const MapRenderer: Component<MapRendererProps> = (props) => {\n  let mapContainer: HTMLDivElement | undefined;\n  let mapInstance: any = null;\n  const [isLeafletLoaded, setIsLeafletLoaded] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  // PMTiles is an optional overlay on top of the base map. When it fails we\n  // keep the base map but surface a visible notice (audit P1.3) instead of a\n  // silent console.warn that leaves the user with an unexplained empty layer.\n  const [pmtilesError, setPmtilesError] = createSignal<string | null>(null);\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  // Host-level trust for raw HTML in marker/popup content (audit P1.2).\n  // Default false → tooltip/popup escaped, GeoJSON `popup.template` ignored.\n  const allowHtml = () => props.allowHtmlPopups === true;\n\n  const params = () => props.params || (props.component?.params as MapComponentParams);\n\n  // v6.2.0 — Leaflet has to be told to re-measure when its container\n  // resizes (e.g. transitioning to fullscreen via ExpandableWrapper).\n  // We give the DOM a tick to settle the new dimensions, then ask\n  // Leaflet to reflow tiles.\n  createEffect(() => {\n    const expanded = isExpanded();\n    if (!mapInstance) return;\n    // Read the signal so the effect re-runs on toggle ; the value is\n    // observed for its side effects on layout.\n    void expanded;\n    setTimeout(() => mapInstance?.invalidateSize?.(), 100);\n  });\n\n  // Initialize Map\n  createEffect(async () => {\n    if (isServer) return; // Don't run on server\n\n    if (!L) {\n      try {\n        const module = await import('leaflet');\n        L = module.default || module;\n        await import('leaflet/dist/leaflet.css'); // Import CSS\n        setIsLeafletLoaded(true);\n      } catch (e) {\n        console.warn('Failed to load leaflet', e);\n        setError('Map library could not be loaded.');\n        return;\n      }\n    } else {\n      setIsLeafletLoaded(true);\n    }\n\n    if (isLeafletLoaded() && mapContainer && !mapInstance) {\n      const p = params();\n      const center = p?.center || [51.505, -0.09]; // Default to London\n      const zoom = p?.zoom || 13;\n\n      mapInstance = L.map(mapContainer, {\n        zoomControl: p?.zoomControl !== false,\n        scrollWheelZoom: p?.scrollWheelZoom !== false,\n        attributionControl: false,\n      }).setView(center, zoom);\n\n      // Add OpenStreetMap tile layer\n      const tileLayerUrl = p?.tileLayer || 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';\n      L.tileLayer(tileLayerUrl, {\n        attribution:\n          p?.attribution ||\n          '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\n      }).addTo(mapInstance);\n\n      if (p?.attribution !== '') {\n        L.control.attribution({ prefix: false }).addTo(mapInstance);\n      }\n\n      // Fix marker icons (Leaflet issue with bundlers)\n      delete (L.Icon.Default.prototype as any)._getIconUrl;\n      L.Icon.Default.mergeOptions({\n        iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',\n        iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',\n        shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',\n      });\n    }\n\n    // Update markers and view\n    if (mapInstance && L) {\n      try {\n        const p = params();\n        const allBoundsLayers: any[] = [];\n\n        // Clear existing layers (markers, cluster groups, GeoJSON)\n        mapInstance.eachLayer((layer: any) => {\n          if (\n            layer instanceof L.Marker ||\n            layer instanceof L.GeoJSON ||\n            layer instanceof L.CircleMarker ||\n            layer._group ||\n            layer._featureGroup\n          ) {\n            mapInstance.removeLayer(layer);\n          }\n        });\n\n        // ─── Markers (legacy) ────────────────────────\n        const markers: any[] = [];\n        const shouldCluster = p?.clustering && p?.markers && p.markers.length > 0;\n\n        if (shouldCluster) {\n          try {\n            await import('leaflet.markercluster');\n            if (!clusterCssLoaded) {\n              await import('leaflet.markercluster/dist/MarkerCluster.css');\n              await import('leaflet.markercluster/dist/MarkerCluster.Default.css');\n              clusterCssLoaded = true;\n            }\n            const clusterOpts: MapClusterOptions =\n              typeof p.clustering === 'object' ? p.clustering : {};\n            const clusterGroup = (L as any).markerClusterGroup({\n              maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,\n              spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,\n              showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,\n              disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,\n              animate: clusterOpts.animateAddingMarkers ?? true,\n            });\n            p?.markers?.forEach((marker) => {\n              const m = L.marker(marker.position);\n              bindMarkerContent(m, marker, allowHtml());\n              clusterGroup.addLayer(m);\n              markers.push(m);\n            });\n            mapInstance.addLayer(clusterGroup);\n          } catch {\n            p?.markers?.forEach((marker) => {\n              const m = L.marker(marker.position).addTo(mapInstance);\n              bindMarkerContent(m, marker, allowHtml());\n              markers.push(m);\n            });\n          }\n        } else {\n          p?.markers?.forEach((marker) => {\n            const m = L.marker(marker.position).addTo(mapInstance);\n            bindMarkerContent(m, marker, allowHtml());\n            markers.push(m);\n          });\n        }\n\n        if (markers.length > 0) {\n          allBoundsLayers.push(...markers);\n        }\n\n        // ─── GeoJSON (v3.1.0) ───────────────────────\n        if (p?.geojson) {\n          const geoLayer = addGeoJSONLayer(\n            mapInstance,\n            L,\n            p.geojson,\n            p.geojsonStyle,\n            p.popup,\n            allowHtml()\n          );\n          allBoundsLayers.push(geoLayer);\n        }\n\n        // ─── Named layers (v3.1.0) ──────────────────\n        if (p?.layers && p.layers.length > 0) {\n          const overlays: Record<string, any> = {};\n\n          for (const layerDef of p.layers) {\n            const geoLayer = addGeoJSONLayer(\n              mapInstance,\n              L,\n              layerDef.geojson,\n              layerDef.style || p?.geojsonStyle,\n              layerDef.popup || p?.popup,\n              allowHtml()\n            );\n\n            overlays[layerDef.name] = geoLayer;\n            allBoundsLayers.push(geoLayer);\n\n            // Respect initial visibility\n            if (layerDef.visible === false) {\n              mapInstance.removeLayer(geoLayer);\n            }\n          }\n\n          // Add layer control if multiple layers\n          if (Object.keys(overlays).length > 1) {\n            L.control.layers(null, overlays, { collapsed: true }).addTo(mapInstance);\n          }\n        }\n\n        // ─── PMTiles (v3.1.0) ────────────────────────\n        setPmtilesError(null);\n        if (p?.pmtiles) {\n          try {\n            const protomaps = await import(/* @vite-ignore */ 'protomaps-leaflet');\n            const pmConfig = p.pmtiles;\n\n            const paintRules =\n              pmConfig.paintRules?.map((rule) => ({\n                dataLayer: rule.dataLayer,\n                symbolizer: new (protomaps as any)[\n                  rule.symbolizer === 'polygon'\n                    ? 'PolygonSymbolizer'\n                    : rule.symbolizer === 'line'\n                      ? 'LineSymbolizer'\n                      : 'CircleSymbolizer'\n                ]({\n                  fill: rule.color || '#3388ff',\n                  stroke: rule.color || '#333',\n                  width: rule.width ?? 1,\n                  opacity: rule.opacity ?? 0.6,\n                }),\n              })) || [];\n\n            const labelRules =\n              pmConfig.labelRules?.map((rule) => ({\n                dataLayer: rule.dataLayer,\n                symbolizer: new (protomaps as any).TextSymbolizer({\n                  label_props: [rule.textField],\n                  fontSize: rule.fontSize ?? 12,\n                }),\n              })) || [];\n\n            const pmLayer = (protomaps as any).leafletLayer({\n              url: pmConfig.url,\n              attribution: pmConfig.attribution,\n              paintRules,\n              labelRules,\n              maxZoom: pmConfig.maxZoom,\n              minZoom: pmConfig.minZoom,\n            });\n\n            pmLayer.addTo(mapInstance);\n          } catch (e) {\n            // P1.3 — do NOT fail silently. Keep the base map, but surface a\n            // visible notice and report a renderer error via telemetry. The\n            // most common cause is the optional `protomaps-leaflet` peer not\n            // being installed.\n            const detail = e instanceof Error ? e.message : String(e);\n            const message =\n              'PMTiles layer unavailable — the optional \"protomaps-leaflet\" ' +\n              'peer dependency failed to load or render.';\n            console.warn('[MCP-UI] ' + message, e);\n            setPmtilesError(message);\n            telemetry?.dispatch({\n              type: 'render:error',\n              errorMessage: `${message} (${detail})`,\n              id: props.component?.id ?? '',\n              componentType: 'map',\n              ts: Date.now(),\n            });\n          }\n        }\n\n        // ─── Fit bounds ─────────────────────────────\n        if (p?.fitBounds && allBoundsLayers.length > 0) {\n          const group = L.featureGroup(allBoundsLayers);\n          const bounds = group.getBounds();\n          if (bounds.isValid()) {\n            mapInstance.fitBounds(bounds.pad(0.1));\n          }\n        } else if (p?.center) {\n          mapInstance.setView(p.center, p.zoom || mapInstance.getZoom());\n        }\n      } catch (err) {\n        // Fallback ladder (P2.5): a Leaflet drawing failure degrades to\n        // the coordinate table below instead of a blank/partial map.\n        const message = err instanceof Error ? err.message : 'Failed to render map';\n        setError(message);\n        telemetry?.dispatch({\n          type: 'render:error',\n          errorMessage: message,\n          id: props.component?.id ?? '',\n          componentType: 'map',\n          ts: Date.now(),\n        });\n      }\n    }\n  });\n\n  // Cleanup\n  onCleanup(() => {\n    if (mapInstance) {\n      mapInstance.remove();\n      mapInstance = null;\n    }\n  });\n\n  return (\n    <ExpandableWrapper\n      title={'Map'}\n      copyData={mapToGeoJSON(params())}\n      copyLabel=\"Copy markers as GeoJSON\"\n      toolbarVariant={props.toolbarVariant}\n    >\n      <div\n        class={`w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${params()?.className || ''} ${\n          isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n        }`}\n      >\n        <Show when={error()}>\n          {/* Fallback ladder (P2.5): degrade to a coordinate table\n                        rather than a bare error string. */}\n          <div class=\"p-3\">\n            <DegradedFallback\n              message={`Map rendering failed: ${error()}`}\n              caption=\"Showing the map data as a coordinate table — the interactive map is unavailable.\"\n              {...mapToDegradedTable(params() ?? {})}\n            />\n          </div>\n        </Show>\n        <Show when={!error()}>\n          {/* P1.3 — visible notice when the PMTiles overlay fails but the\n                        base map is still usable. */}\n          <Show when={pmtilesError()}>\n            <div\n              role=\"alert\"\n              class=\"m-2 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700/50 dark:bg-amber-900/20 dark:text-amber-200\"\n            >\n              {pmtilesError()} The base map is still shown.\n            </div>\n          </Show>\n          <div\n            ref={mapContainer}\n            style={\n              isExpanded()\n                ? { height: '100%', width: '100%', 'z-index': 0 }\n                : { height: params()?.height || '400px', width: '100%', 'z-index': 0 }\n            }\n            class={`relative z-0 ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n          />\n        </Show>\n      </div>\n    </ExpandableWrapper>\n  );\n};\n"],"names":["L","clusterCssLoaded","getChoroplethColor","value","scale","fallback","isFinite","length","i","buildStyleFn","style","fillColor","fillOpacity","color","weight","opacity","feature","choroplethField","choroplethScale","properties","val","choroplethFallback","strokeColor","strokeWeight","strokeOpacity","buildPopupContent","popup","allowHtml","props","template","replace","_","key","escapeHtml","String","parts","titleField","push","fields","Object","keys","slice","formatted","toLocaleString","join","popupSafeText","undefined","bindMarkerContent","m","marker","tooltip","bindTooltip","bindPopup","addGeoJSONLayer","mapInst","leaflet","geojson","styleFn","layer","geoJSON","pointToLayer","latlng","s","circleMarker","radius","onEachFeature","featureLayer","html","maxWidth","addTo","mapToGeoJSON","p","features","markers","pos","position","lat","Array","isArray","lng","type","geometry","coordinates","JSON","stringify","MapRenderer","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","pmtilesError","setPmtilesError","isExpanded","useExpanded","telemetry","useTelemetry","allowHtmlPopups","params","component","createEffect","setTimeout","invalidateSize","isServer","module","default","e","console","warn","center","zoom","map","zoomControl","scrollWheelZoom","attributionControl","setView","tileLayerUrl","tileLayer","attribution","control","prefix","Icon","Default","prototype","_getIconUrl","mergeOptions","iconRetinaUrl","iconUrl","shadowUrl","allBoundsLayers","eachLayer","Marker","GeoJSON","CircleMarker","_group","_featureGroup","removeLayer","shouldCluster","clustering","clusterOpts","clusterGroup","markerClusterGroup","maxClusterRadius","spiderfyOnMaxZoom","showCoverageOnHover","disableClusteringAtZoom","animate","animateAddingMarkers","forEach","addLayer","geoLayer","geojsonStyle","layers","overlays","layerDef","name","visible","collapsed","pmtiles","protomaps","pmConfig","paintRules","rule","dataLayer","symbolizer","fill","stroke","width","labelRules","TextSymbolizer","label_props","textField","fontSize","pmLayer","leafletLayer","url","maxZoom","minZoom","detail","Error","message","dispatch","errorMessage","id","componentType","ts","Date","now","fitBounds","group","featureGroup","bounds","getBounds","isValid","pad","getZoom","err","onCleanup","remove","_$createComponent","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","children","_el$","_$getNextElement","_tmpl$4","_el$8","firstChild","_el$9","_co$2","_$getNextMarker","nextSibling","_el$0","_el$1","_co$3","_$insert","Show","when","_el$2","_tmpl$","DegradedFallback","_$mergeProps","caption","mapToDegradedTable","_el$3","_tmpl$2","_el$5","_el$6","_co$","_el$7","_tmpl$3","_ref$","_$use","_$effect","_p$","_v$","height","_v$2","_$style","t","_$className","className"],"mappings":"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"}
+{"version":3,"file":"MapRenderer.js","sources":["../../src/components/MapRenderer.tsx"],"sourcesContent":["/**\n * MapRenderer - Interactive map Component\n * Sprint 6: Markers + clustering\n * v3.1.0: GeoJSON, choropleth, popups, multi-layer, PMTiles\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show, untrack } from 'solid-js';\nimport { isServer } from 'solid-js/web';\nimport type {\n  UIComponent,\n  MapComponentParams,\n  MapClusterOptions,\n  MapGeoJSONStyle,\n  MapPopupConfig,\n} from '../types';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { DegradedFallback } from './DegradedFallback';\nimport { mapToDegradedTable } from '../utils/degraded-projections';\nimport { escapeHtml } from '../utils/escape-html';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\nimport {\n  DEFAULT_MCPUI_STRINGS,\n  formatMCPUIString,\n  useMCPUIStrings,\n} from '../context/MCPUIStringsContext';\n\n// Lazy load leaflet (it doesn't support SSR well)\nlet L: any = null;\n// Track if marker cluster CSS has been loaded\nlet clusterCssLoaded = false;\n\nexport interface MapRendererProps {\n  /**\n   * UIComponent containing map params\n   */\n  component?: UIComponent;\n\n  /**\n   * Direct map params\n   */\n  params?: MapComponentParams;\n\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n\n  /**\n   * Trust marker / popup content as raw HTML (v6.10.0, audit P1.2).\n   *\n   * Leaflet renders bound tooltip/popup strings as HTML, so `marker.tooltip`,\n   * `marker.popup` and a GeoJSON `popup.template` are XSS vectors when the\n   * payload is untrusted (the default for an LLM/connector-driven public\n   * package). **Default `false`** → those are escaped as plain text, and\n   * `popup.template` is ignored in favour of the safe auto-generated popup.\n   *\n   * This is a **host-level** trust decision, deliberately NOT a payload field\n   * (a malicious payload could just set its own flag). The\n   * `<UIResourceRenderer>` path never sets it, so payload-driven maps are\n   * always text-safe. A host rendering `<MapRenderer>` directly with trusted\n   * data may set `allowHtmlPopups` to restore rich HTML popups. The\n   * auto-generated popup (`titleField` / `fields`) is safe-by-construction\n   * and unaffected either way.\n   */\n  allowHtmlPopups?: boolean;\n}\n\n// ─── Helpers ────────────────────────────────────────────────\n\n/**\n * Resolve choropleth color for a feature based on property value and scale stops.\n */\nfunction getChoroplethColor(\n  value: unknown,\n  scale: Array<[number, string]>,\n  fallback: string\n): string {\n  if (value == null || typeof value !== 'number' || !isFinite(value)) return fallback;\n\n  // Scale is sorted ascending: [[0, '#eff3ff'], [100, '#084594']]\n  if (scale.length === 0) return fallback;\n  if (value <= scale[0][0]) return scale[0][1];\n  if (value >= scale[scale.length - 1][0]) return scale[scale.length - 1][1];\n\n  // Find surrounding stops and interpolate (use upper bracket color)\n  for (let i = 1; i < scale.length; i++) {\n    if (value <= scale[i][0]) return scale[i][1];\n  }\n  return scale[scale.length - 1][1];\n}\n\n/**\n * Build a Leaflet style function from MapGeoJSONStyle config.\n */\nfunction buildStyleFn(\n  style: MapGeoJSONStyle | undefined\n): (feature: any) => Record<string, unknown> {\n  if (!style) {\n    return () => ({\n      fillColor: '#3388ff',\n      fillOpacity: 0.6,\n      color: '#333',\n      weight: 1,\n      opacity: 1,\n    });\n  }\n\n  return (feature: any) => {\n    let fillColor = style.fillColor || '#3388ff';\n\n    // Choropleth: override fillColor based on feature property\n    if (style.choroplethField && style.choroplethScale && feature?.properties) {\n      const val = feature.properties[style.choroplethField];\n      fillColor = getChoroplethColor(\n        val,\n        style.choroplethScale,\n        style.choroplethFallback || '#ccc'\n      );\n    }\n\n    return {\n      fillColor,\n      fillOpacity: style.fillOpacity ?? 0.6,\n      color: style.strokeColor || '#333',\n      weight: style.strokeWeight ?? 1,\n      opacity: style.strokeOpacity ?? 1,\n    };\n  };\n}\n\n/**\n * Build popup HTML from a feature's properties using popup config.\n *\n * `allowHtml` (audit P1.2) gates the raw-HTML `popup.template`: it is honored\n * only when the host trusts the payload. On the default (untrusted) path the\n * template is ignored and we fall through to the auto-generated popup, whose\n * structure is renderer-authored and whose values are always escaped — safe\n * by construction. Even in the trusted path, substituted `{{prop}}` values\n * are escaped (they are data, not markup).\n */\nexport function buildPopupContent(\n  feature: any,\n  popup: MapPopupConfig | undefined,\n  allowHtml = false,\n  /** BCP-47 tag for numeric values (`MCPUIStrings.locale`). Was `'fr-FR'` before 6.20.0. */\n  locale: string = DEFAULT_MCPUI_STRINGS.locale\n): string | null {\n  if (!popup || !feature?.properties) return null;\n  const props = feature.properties;\n\n  // Custom template — raw HTML, so trusted-host only.\n  if (allowHtml && popup.template) {\n    return popup.template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n      const val = props[key];\n      return val != null ? escapeHtml(String(val)) : '';\n    });\n  }\n\n  // Auto-generated popup\n  const parts: string[] = [];\n\n  if (popup.titleField && props[popup.titleField] != null) {\n    parts.push(`<strong>${escapeHtml(String(props[popup.titleField]))}</strong>`);\n  }\n\n  const fields = popup.fields || Object.keys(props).slice(0, 8);\n  for (const key of fields) {\n    if (key === popup.titleField) continue;\n    const val = props[key];\n    if (val == null) continue;\n    const formatted = typeof val === 'number' ? val.toLocaleString(locale) : String(val);\n    parts.push(\n      `<span style=\"color:#666;font-size:11px\">${escapeHtml(key)}</span>: ${escapeHtml(formatted)}`\n    );\n  }\n\n  return parts.join('<br/>');\n}\n\n/**\n * Resolve a marker's tooltip/popup string for binding (audit P1.2). Leaflet\n * renders bound strings as HTML; `marker.tooltip` / `marker.popup` come from\n * the (untrusted) payload, so they are escaped to plain text unless the host\n * has opted into raw HTML via `allowHtmlPopups`. Pure + exported for tests.\n */\nexport function popupSafeText(value: string | undefined, allowHtml = false): string | undefined {\n  if (value == null) return undefined;\n  return allowHtml ? value : escapeHtml(value);\n}\n\n/** Bind a marker's tooltip + popup, escaping by default (see popupSafeText). */\nexport function bindMarkerContent(\n  m: any,\n  marker: { tooltip?: string; popup?: string },\n  allowHtml: boolean\n): void {\n  const tooltip = popupSafeText(marker.tooltip, allowHtml);\n  if (tooltip) m.bindTooltip(tooltip);\n  const popup = popupSafeText(marker.popup, allowHtml);\n  if (popup) m.bindPopup(popup);\n}\n\n/**\n * Add a GeoJSON layer to the map with style and popup support.\n * Returns the layer for bounds calculation.\n */\nexport function addGeoJSONLayer(\n  mapInst: any,\n  leaflet: any,\n  geojson: unknown,\n  style?: MapGeoJSONStyle,\n  popup?: MapPopupConfig,\n  allowHtml = false,\n  /**\n   * BCP-47 tag forwarded to {@link buildPopupContent}, or a getter. With a\n   * getter, each popup is bound to a function Leaflet evaluates when the popup\n   * opens, so it follows locale changes without rebuilding the layer.\n   */\n  locale: string | (() => string) = DEFAULT_MCPUI_STRINGS.locale\n): any {\n  const styleFn = buildStyleFn(style);\n\n  const layer = leaflet.geoJSON(geojson, {\n    style: styleFn,\n    pointToLayer: (feature: any, latlng: any) => {\n      // Render points as circle markers for consistency\n      const s = styleFn(feature);\n      return leaflet.circleMarker(latlng, {\n        radius: 6,\n        fillColor: s.fillColor,\n        fillOpacity: s.fillOpacity,\n        color: s.color,\n        weight: s.weight,\n        opacity: s.opacity,\n      });\n    },\n    onEachFeature: (feature: any, featureLayer: any) => {\n      // `untrack`: onEachFeature runs synchronously inside the map setup effect\n      // when Leaflet is already loaded. A tracked read there would subscribe\n      // that non-idempotent effect to the locale.\n      const currentLocale = () => (typeof locale === 'function' ? untrack(locale) : locale);\n      const html = buildPopupContent(feature, popup, allowHtml, currentLocale());\n      if (html) {\n        featureLayer.bindPopup(\n          typeof locale === 'function'\n            ? () => buildPopupContent(feature, popup, allowHtml, currentLocale()) ?? ''\n            : html,\n          { maxWidth: 300 }\n        );\n      }\n    },\n  });\n\n  layer.addTo(mapInst);\n  return layer;\n}\n\n// ─── Component ──────────────────────────────────────────────\n\n/**\n * Build a GeoJSON FeatureCollection from the map's `markers` (and any\n * inlined GeoJSON layers, when present). Used by the \"Copy data\" button\n * shipped via `<ExpandableWrapper>` (v6.2.0). Best-effort — clusters,\n * tile layers, and choropleth-only data don't get round-tripped.\n */\nfunction mapToGeoJSON(p: MapComponentParams | undefined): string {\n  if (!p) return '{\"type\":\"FeatureCollection\",\"features\":[]}';\n  const features: any[] = [];\n  for (const marker of p.markers ?? []) {\n    const pos: any = marker.position as any;\n    // Accept both [lat, lng] tuple and {lat, lng} object shapes (v5.0.2 spec)\n    const lat = Array.isArray(pos) ? pos[0] : pos?.lat;\n    const lng = Array.isArray(pos) ? pos[1] : pos?.lng;\n    if (typeof lat !== 'number' || typeof lng !== 'number') continue;\n    features.push({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: [lng, lat] },\n      properties: {\n        ...(marker.tooltip ? { tooltip: marker.tooltip } : {}),\n        ...(marker.popup ? { popup: marker.popup } : {}),\n      },\n    });\n  }\n  return JSON.stringify({ type: 'FeatureCollection', features }, null, 2);\n}\n\nexport const MapRenderer: Component<MapRendererProps> = (props) => {\n  const strings = useMCPUIStrings();\n  let mapContainer: HTMLDivElement | undefined;\n  let mapInstance: any = null;\n  const [isLeafletLoaded, setIsLeafletLoaded] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  // PMTiles is an optional overlay on top of the base map. When it fails we\n  // keep the base map but surface a visible notice (audit P1.3) instead of a\n  // silent console.warn that leaves the user with an unexplained empty layer.\n  const [pmtilesError, setPmtilesError] = createSignal<string | null>(null);\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  // Host-level trust for raw HTML in marker/popup content (audit P1.2).\n  // Default false → tooltip/popup escaped, GeoJSON `popup.template` ignored.\n  const allowHtml = () => props.allowHtmlPopups === true;\n\n  const params = () => props.params || (props.component?.params as MapComponentParams);\n\n  // v6.2.0 — Leaflet has to be told to re-measure when its container\n  // resizes (e.g. transitioning to fullscreen via ExpandableWrapper).\n  // We give the DOM a tick to settle the new dimensions, then ask\n  // Leaflet to reflow tiles.\n  createEffect(() => {\n    const expanded = isExpanded();\n    if (!mapInstance) return;\n    // Read the signal so the effect re-runs on toggle ; the value is\n    // observed for its side effects on layout.\n    void expanded;\n    setTimeout(() => mapInstance?.invalidateSize?.(), 100);\n  });\n\n  // Initialize Map\n  createEffect(async () => {\n    if (isServer) return; // Don't run on server\n\n    if (!L) {\n      try {\n        const module = await import('leaflet');\n        L = module.default || module;\n        await import('leaflet/dist/leaflet.css'); // Import CSS\n        setIsLeafletLoaded(true);\n      } catch (e) {\n        console.warn('Failed to load leaflet', e);\n        setError(strings.mapLibraryUnavailable);\n        return;\n      }\n    } else {\n      setIsLeafletLoaded(true);\n    }\n\n    if (isLeafletLoaded() && mapContainer && !mapInstance) {\n      const p = params();\n      const center = p?.center || [51.505, -0.09]; // Default to London\n      const zoom = p?.zoom || 13;\n\n      mapInstance = L.map(mapContainer, {\n        zoomControl: p?.zoomControl !== false,\n        scrollWheelZoom: p?.scrollWheelZoom !== false,\n        attributionControl: false,\n      }).setView(center, zoom);\n\n      // Add OpenStreetMap tile layer\n      const tileLayerUrl = p?.tileLayer || 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';\n      L.tileLayer(tileLayerUrl, {\n        attribution:\n          p?.attribution ||\n          '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\n      }).addTo(mapInstance);\n\n      if (p?.attribution !== '') {\n        L.control.attribution({ prefix: false }).addTo(mapInstance);\n      }\n\n      // Fix marker icons (Leaflet issue with bundlers)\n      delete (L.Icon.Default.prototype as any)._getIconUrl;\n      L.Icon.Default.mergeOptions({\n        iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',\n        iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',\n        shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',\n      });\n    }\n\n    // Update markers and view\n    if (mapInstance && L) {\n      try {\n        const p = params();\n        const allBoundsLayers: any[] = [];\n\n        // Clear existing layers (markers, cluster groups, GeoJSON)\n        mapInstance.eachLayer((layer: any) => {\n          if (\n            layer instanceof L.Marker ||\n            layer instanceof L.GeoJSON ||\n            layer instanceof L.CircleMarker ||\n            layer._group ||\n            layer._featureGroup\n          ) {\n            mapInstance.removeLayer(layer);\n          }\n        });\n\n        // ─── Markers (legacy) ────────────────────────\n        const markers: any[] = [];\n        const shouldCluster = p?.clustering && p?.markers && p.markers.length > 0;\n\n        if (shouldCluster) {\n          try {\n            await import('leaflet.markercluster');\n            if (!clusterCssLoaded) {\n              await import('leaflet.markercluster/dist/MarkerCluster.css');\n              await import('leaflet.markercluster/dist/MarkerCluster.Default.css');\n              clusterCssLoaded = true;\n            }\n            const clusterOpts: MapClusterOptions =\n              typeof p.clustering === 'object' ? p.clustering : {};\n            const clusterGroup = (L as any).markerClusterGroup({\n              maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,\n              spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,\n              showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,\n              disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,\n              animate: clusterOpts.animateAddingMarkers ?? true,\n            });\n            p?.markers?.forEach((marker) => {\n              const m = L.marker(marker.position);\n              bindMarkerContent(m, marker, allowHtml());\n              clusterGroup.addLayer(m);\n              markers.push(m);\n            });\n            mapInstance.addLayer(clusterGroup);\n          } catch {\n            p?.markers?.forEach((marker) => {\n              const m = L.marker(marker.position).addTo(mapInstance);\n              bindMarkerContent(m, marker, allowHtml());\n              markers.push(m);\n            });\n          }\n        } else {\n          p?.markers?.forEach((marker) => {\n            const m = L.marker(marker.position).addTo(mapInstance);\n            bindMarkerContent(m, marker, allowHtml());\n            markers.push(m);\n          });\n        }\n\n        if (markers.length > 0) {\n          allBoundsLayers.push(...markers);\n        }\n\n        // ─── GeoJSON (v3.1.0) ───────────────────────\n        if (p?.geojson) {\n          const geoLayer = addGeoJSONLayer(\n            mapInstance,\n            L,\n            p.geojson,\n            p.geojsonStyle,\n            p.popup,\n            allowHtml(),\n            // A getter, not a value: popups read the current locale when they\n            // open. Tracking the locale here would re-run this effect, which is\n            // not idempotent (layer control, PMTiles layer, view reset).\n            () => strings.locale\n          );\n          allBoundsLayers.push(geoLayer);\n        }\n\n        // ─── Named layers (v3.1.0) ──────────────────\n        if (p?.layers && p.layers.length > 0) {\n          const overlays: Record<string, any> = {};\n\n          for (const layerDef of p.layers) {\n            const geoLayer = addGeoJSONLayer(\n              mapInstance,\n              L,\n              layerDef.geojson,\n              layerDef.style || p?.geojsonStyle,\n              layerDef.popup || p?.popup,\n              allowHtml(),\n              () => strings.locale\n            );\n\n            overlays[layerDef.name] = geoLayer;\n            allBoundsLayers.push(geoLayer);\n\n            // Respect initial visibility\n            if (layerDef.visible === false) {\n              mapInstance.removeLayer(geoLayer);\n            }\n          }\n\n          // Add layer control if multiple layers\n          if (Object.keys(overlays).length > 1) {\n            L.control.layers(null, overlays, { collapsed: true }).addTo(mapInstance);\n          }\n        }\n\n        // ─── PMTiles (v3.1.0) ────────────────────────\n        setPmtilesError(null);\n        if (p?.pmtiles) {\n          try {\n            const protomaps = await import(/* @vite-ignore */ 'protomaps-leaflet');\n            const pmConfig = p.pmtiles;\n\n            const paintRules =\n              pmConfig.paintRules?.map((rule) => ({\n                dataLayer: rule.dataLayer,\n                symbolizer: new (protomaps as any)[\n                  rule.symbolizer === 'polygon'\n                    ? 'PolygonSymbolizer'\n                    : rule.symbolizer === 'line'\n                      ? 'LineSymbolizer'\n                      : 'CircleSymbolizer'\n                ]({\n                  fill: rule.color || '#3388ff',\n                  stroke: rule.color || '#333',\n                  width: rule.width ?? 1,\n                  opacity: rule.opacity ?? 0.6,\n                }),\n              })) || [];\n\n            const labelRules =\n              pmConfig.labelRules?.map((rule) => ({\n                dataLayer: rule.dataLayer,\n                symbolizer: new (protomaps as any).TextSymbolizer({\n                  label_props: [rule.textField],\n                  fontSize: rule.fontSize ?? 12,\n                }),\n              })) || [];\n\n            const pmLayer = (protomaps as any).leafletLayer({\n              url: pmConfig.url,\n              attribution: pmConfig.attribution,\n              paintRules,\n              labelRules,\n              maxZoom: pmConfig.maxZoom,\n              minZoom: pmConfig.minZoom,\n            });\n\n            pmLayer.addTo(mapInstance);\n          } catch (e) {\n            // P1.3 — do NOT fail silently. Keep the base map, but surface a\n            // visible notice and report a renderer error via telemetry. The\n            // most common cause is the optional `protomaps-leaflet` peer not\n            // being installed.\n            const detail = e instanceof Error ? e.message : String(e);\n            // English diagnostic for logs and telemetry (P7); the visible\n            // banner reads the localized `mapPmtilesUnavailable` key.\n            const diagnostic =\n              'PMTiles layer unavailable — the optional \"protomaps-leaflet\" ' +\n              'peer dependency failed to load or render.';\n            console.warn('[MCP-UI] ' + diagnostic, e);\n            setPmtilesError(strings.mapPmtilesUnavailable);\n            telemetry?.dispatch({\n              type: 'render:error',\n              errorMessage: `${diagnostic} (${detail})`,\n              id: props.component?.id ?? '',\n              componentType: 'map',\n              ts: Date.now(),\n            });\n          }\n        }\n\n        // ─── Fit bounds ─────────────────────────────\n        if (p?.fitBounds && allBoundsLayers.length > 0) {\n          const group = L.featureGroup(allBoundsLayers);\n          const bounds = group.getBounds();\n          if (bounds.isValid()) {\n            mapInstance.fitBounds(bounds.pad(0.1));\n          }\n        } else if (p?.center) {\n          mapInstance.setView(p.center, p.zoom || mapInstance.getZoom());\n        }\n      } catch (err) {\n        // Fallback ladder (P2.5): a Leaflet drawing failure degrades to\n        // the coordinate table below instead of a blank/partial map.\n        const message = err instanceof Error ? err.message : strings.mapRenderError;\n        setError(message);\n        telemetry?.dispatch({\n          type: 'render:error',\n          errorMessage: message,\n          id: props.component?.id ?? '',\n          componentType: 'map',\n          ts: Date.now(),\n        });\n      }\n    }\n  });\n\n  // Cleanup\n  onCleanup(() => {\n    if (mapInstance) {\n      mapInstance.remove();\n      mapInstance = null;\n    }\n  });\n\n  return (\n    <ExpandableWrapper\n      title={strings.mapTitle}\n      copyData={mapToGeoJSON(params())}\n      copyLabel={strings.mapCopy}\n      toolbarVariant={props.toolbarVariant}\n    >\n      <div\n        class={`w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${params()?.className || ''} ${\n          isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n        }`}\n      >\n        <Show when={error()}>\n          {/* Fallback ladder (P2.5): degrade to a coordinate table\n                        rather than a bare error string. */}\n          <div class=\"p-3\">\n            <DegradedFallback\n              message={formatMCPUIString(strings.mapRenderFailed, { error: String(error()) })}\n              caption={strings.mapDegradedCaption}\n              {...mapToDegradedTable(params() ?? {}, {\n                type: strings.degradedColType,\n                lat: strings.degradedColLat,\n                lng: strings.degradedColLng,\n                info: strings.degradedColInfo,\n                marker: strings.degradedMarker,\n                feature: strings.degradedFeature,\n              })}\n            />\n          </div>\n        </Show>\n        <Show when={!error()}>\n          {/* P1.3 — visible notice when the PMTiles overlay fails but the\n                        base map is still usable. */}\n          <Show when={pmtilesError()}>\n            <div\n              role=\"alert\"\n              class=\"m-2 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700/50 dark:bg-amber-900/20 dark:text-amber-200\"\n            >\n              {pmtilesError()} {strings.mapBaseMapStillShown}\n            </div>\n          </Show>\n          <div\n            ref={mapContainer}\n            style={\n              isExpanded()\n                ? { height: '100%', width: '100%', 'z-index': 0 }\n                : { height: params()?.height || '400px', width: '100%', 'z-index': 0 }\n            }\n            class={`relative z-0 ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n          />\n        </Show>\n      </div>\n    </ExpandableWrapper>\n  );\n};\n"],"names":["L","clusterCssLoaded","getChoroplethColor","value","scale","fallback","isFinite","length","i","buildStyleFn","style","fillColor","fillOpacity","color","weight","opacity","feature","choroplethField","choroplethScale","properties","val","choroplethFallback","strokeColor","strokeWeight","strokeOpacity","buildPopupContent","popup","allowHtml","locale","DEFAULT_MCPUI_STRINGS","props","template","replace","_","key","escapeHtml","String","parts","titleField","push","fields","Object","keys","slice","formatted","toLocaleString","join","popupSafeText","undefined","bindMarkerContent","m","marker","tooltip","bindTooltip","bindPopup","addGeoJSONLayer","mapInst","leaflet","geojson","styleFn","layer","geoJSON","pointToLayer","latlng","s","circleMarker","radius","onEachFeature","featureLayer","currentLocale","untrack","html","maxWidth","addTo","mapToGeoJSON","p","features","markers","pos","position","lat","Array","isArray","lng","type","geometry","coordinates","JSON","stringify","MapRenderer","strings","useMCPUIStrings","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","pmtilesError","setPmtilesError","isExpanded","useExpanded","telemetry","useTelemetry","allowHtmlPopups","params","component","createEffect","setTimeout","invalidateSize","isServer","module","default","e","console","warn","mapLibraryUnavailable","center","zoom","map","zoomControl","scrollWheelZoom","attributionControl","setView","tileLayerUrl","tileLayer","attribution","control","prefix","Icon","Default","prototype","_getIconUrl","mergeOptions","iconRetinaUrl","iconUrl","shadowUrl","allBoundsLayers","eachLayer","Marker","GeoJSON","CircleMarker","_group","_featureGroup","removeLayer","shouldCluster","clustering","clusterOpts","clusterGroup","markerClusterGroup","maxClusterRadius","spiderfyOnMaxZoom","showCoverageOnHover","disableClusteringAtZoom","animate","animateAddingMarkers","forEach","addLayer","geoLayer","geojsonStyle","layers","overlays","layerDef","name","visible","collapsed","pmtiles","protomaps","pmConfig","paintRules","rule","dataLayer","symbolizer","fill","stroke","width","labelRules","TextSymbolizer","label_props","textField","fontSize","pmLayer","leafletLayer","url","maxZoom","minZoom","detail","Error","message","diagnostic","mapPmtilesUnavailable","dispatch","errorMessage","id","componentType","ts","Date","now","fitBounds","group","featureGroup","bounds","getBounds","isValid","pad","getZoom","err","mapRenderError","onCleanup","remove","_$createComponent","ExpandableWrapper","title","mapTitle","copyData","copyLabel","mapCopy","toolbarVariant","children","_el$","_$getNextElement","_tmpl$4","_el$0","firstChild","_el$1","_co$3","_$getNextMarker","nextSibling","_el$10","_el$11","_co$4","_$insert","Show","when","_el$2","_tmpl$","DegradedFallback","_$mergeProps","formatMCPUIString","mapRenderFailed","caption","mapDegradedCaption","mapToDegradedTable","degradedColType","degradedColLat","degradedColLng","info","degradedColInfo","degradedMarker","degradedFeature","_el$3","_tmpl$2","_el$5","_el$6","_co$","_el$4","_el$7","_el$8","_co$2","mapBaseMapStillShown","_el$9","_tmpl$3","_ref$","_$use","_$effect","_p$","_v$","height","_v$2","_$style","t","_$className","className"],"mappings":"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"}

package/dist/components/ModalRenderer.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
-var _tmpl$ = /* @__PURE__ */ web.template(`<h2 id=modal-title class="text-lg font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ web.template(`<div>`), _tmpl$3 = /* @__PURE__ */ web.template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label="Close modal"><svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700"><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"role=dialog aria-modal=true tabindex=-1 style="animation:modal-fade-in 0.15s ease-out"><div style="animation:modal-scale-in 0.15s ease-out"><!$><!/><div class=p-4>`), _tmpl$6 = /* @__PURE__ */ web.template(`<style>
+const MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<h2 id=modal-title class="text-lg font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ web.template(`<div>`), _tmpl$3 = /* @__PURE__ */ web.template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"><svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700"><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"role=dialog aria-modal=true tabindex=-1 style="animation:modal-fade-in 0.15s ease-out"><div style="animation:modal-scale-in 0.15s ease-out"><!$><!/><div class=p-4>`), _tmpl$6 = /* @__PURE__ */ web.template(`<style>
           @keyframes modal-fade-in {
             from { opacity: 0; }
             to { opacity: 1; }
@@ -13,6 +14,7 @@ var _tmpl$ = /* @__PURE__ */ web.template(`<h2 id=modal-title class="text-lg fon
           }
         `);
 const ModalRenderer = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   const [isVisible, setIsVisible] = solidJs.createSignal(false);
   const params = () => {
     var _a;
@@ -126,6 +128,7 @@ const ModalRenderer = (props) => {
                   get children() {
                     var _el$6 = web.getNextElement(_tmpl$3);
                     _el$6.$$click = handleClose;
+                    web.effect(() => web.setAttribute(_el$6, "aria-label", strings.modalClose));
                     web.runHydrationEvents();
                     return _el$6;
                   }

package/dist/components/ModalRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRenderer.cjs","sources":["../../src/components/ModalRenderer.tsx"],"sourcesContent":["/**\n * ModalRenderer - Dialog overlay component\n * Sprint 3: UX Improvements\n */\n\nimport { Component, Show, createSignal, createEffect, onCleanup, JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport type { UIComponent, ModalComponentParams } from '../types'\n\nexport interface ModalRendererProps {\n  /**\n   * UIComponent with modal params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct modal params (alternative to component)\n   */\n  params?: ModalComponentParams\n\n  /**\n   * External open state control\n   */\n  isOpen?: boolean\n\n  /**\n   * Callback when modal is closed\n   */\n  onClose?: () => void\n\n  /**\n   * Modal content (preferred for programmatic use)\n   */\n  children?: JSX.Element\n}\n\n/**\n * Modal/Dialog overlay component with Portal rendering\n *\n * @example Programmatic usage\n * ```tsx\n * function MyComponent() {\n *   const { isOpen, open, close } = useModal()\n *\n *   return (\n *     <>\n *       <button onClick={open}>Open Modal</button>\n *       <ModalRenderer\n *         isOpen={isOpen()}\n *         onClose={close}\n *         params={{ title: 'My Modal', size: 'md' }}\n *       >\n *         <p>Modal content here</p>\n *       </ModalRenderer>\n *     </>\n *   )\n * }\n * ```\n *\n * @example Declarative usage\n * ```tsx\n * const modalComponent: UIComponent = {\n *   id: 'details-modal',\n *   type: 'modal',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     title: 'User Details',\n *     size: 'lg',\n *   },\n * }\n * <ModalRenderer component={modalComponent} isOpen={true} onClose={close} />\n * ```\n */\nexport const ModalRenderer: Component<ModalRendererProps> = (props) => {\n  const [isVisible, setIsVisible] = createSignal(false)\n\n  const params = () => props.params || (props.component?.params as ModalComponentParams) || {}\n\n  // Sync with external isOpen prop\n  createEffect(() => {\n    if (props.isOpen !== undefined) {\n      setIsVisible(props.isOpen)\n    }\n  })\n\n  // Handle escape key\n  createEffect(() => {\n    if (!isVisible()) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && params()?.closeOnEscape !== false) {\n        handleClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    onCleanup(() => document.removeEventListener('keydown', handleEscape))\n  })\n\n  // Prevent body scroll when modal is open\n  createEffect(() => {\n    if (isVisible()) {\n      document.body.style.overflow = 'hidden'\n    } else {\n      document.body.style.overflow = ''\n    }\n    onCleanup(() => {\n      document.body.style.overflow = ''\n    })\n  })\n\n  // Focus trap - focus the modal when it opens\n  createEffect(() => {\n    if (isVisible()) {\n      // Small delay to ensure the modal is rendered\n      setTimeout(() => {\n        const modal = document.querySelector('[role=\"dialog\"]')\n        if (modal instanceof HTMLElement) {\n          modal.focus()\n        }\n      }, 10)\n    }\n  })\n\n  const handleClose = () => {\n    setIsVisible(false)\n    props.onClose?.()\n  }\n\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget && params()?.closeOnBackdrop !== false) {\n      handleClose()\n    }\n  }\n\n  const sizeClass = () => {\n    switch (params()?.size) {\n      case 'sm':\n        return 'max-w-md'\n      case 'lg':\n        return 'max-w-4xl'\n      case 'xl':\n        return 'max-w-6xl'\n      case 'full':\n        return 'max-w-full mx-4'\n      default: // md\n        return 'max-w-2xl'\n    }\n  }\n\n  return (\n    <Show when={isVisible()}>\n      <Portal>\n        {/* Backdrop */}\n        <div\n          class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm\"\n          style={{ animation: 'modal-fade-in 0.15s ease-out' }}\n          onClick={handleBackdropClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={params()?.title ? 'modal-title' : undefined}\n          tabIndex={-1}\n        >\n          {/* Modal container */}\n          <div\n            class={`relative w-full ${sizeClass()} bg-white dark:bg-gray-800 rounded-lg shadow-xl`}\n            style={{ animation: 'modal-scale-in 0.15s ease-out' }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Header */}\n            <Show when={params()?.title || params()?.showClose !== false}>\n              <div class=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700\">\n                <Show when={params()?.title}>\n                  <h2\n                    id=\"modal-title\"\n                    class=\"text-lg font-semibold text-gray-900 dark:text-white\"\n                  >\n                    {params()!.title}\n                  </h2>\n                </Show>\n                <Show when={!params()?.title}>\n                  <div />\n                </Show>\n                <Show when={params()?.showClose !== false}>\n                  <button\n                    onClick={handleClose}\n                    class=\"p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n                    aria-label=\"Close modal\"\n                  >\n                    <svg\n                      class=\"w-5 h-5\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        stroke-width=\"2\"\n                        d=\"M6 18L18 6M6 6l12 12\"\n                      />\n                    </svg>\n                  </button>\n                </Show>\n              </div>\n            </Show>\n\n            {/* Content */}\n            <div\n              class=\"p-4\"\n              style={params()?.maxHeight ? { 'max-height': params()!.maxHeight, 'overflow-y': 'auto' } : {}}\n            >\n              {props.children}\n            </div>\n          </div>\n        </div>\n\n        {/* CSS Animations */}\n        <style>{`\n          @keyframes modal-fade-in {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          @keyframes modal-scale-in {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}</style>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["ModalRenderer","props","isVisible","setIsVisible","createSignal","params","component","createEffect","isOpen","undefined","handleEscape","e","key","closeOnEscape","handleClose","document","addEventListener","onCleanup","removeEventListener","body","style","overflow","setTimeout","modal","querySelector","HTMLElement","focus","onClose","handleBackdropClick","target","currentTarget","closeOnBackdrop","sizeClass","size","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$12","_el$13","_co$4","_$getNextMarker","nextSibling","_el$11","$$click","stopPropagation","_$insert","title","showClose","_el$3","_tmpl$4","_el$7","_el$8","_co$","_el$9","_el$0","_co$2","_el$1","_el$10","_co$3","_el$4","_tmpl$","_tmpl$2","_el$6","_tmpl$3","_$runHydrationEvents","_$effect","_p$","_v$","_v$2","_v$3","maxHeight","_$setAttribute","t","_$className","a","_$style","_tmpl$6","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"ModalRenderer.cjs","sources":["../../src/components/ModalRenderer.tsx"],"sourcesContent":["/**\n * ModalRenderer - Dialog overlay component\n * Sprint 3: UX Improvements\n */\n\nimport { Component, Show, createSignal, createEffect, onCleanup, JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport type { UIComponent, ModalComponentParams } from '../types'\nimport { useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface ModalRendererProps {\n  /**\n   * UIComponent with modal params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct modal params (alternative to component)\n   */\n  params?: ModalComponentParams\n\n  /**\n   * External open state control\n   */\n  isOpen?: boolean\n\n  /**\n   * Callback when modal is closed\n   */\n  onClose?: () => void\n\n  /**\n   * Modal content (preferred for programmatic use)\n   */\n  children?: JSX.Element\n}\n\n/**\n * Modal/Dialog overlay component with Portal rendering\n *\n * @example Programmatic usage\n * ```tsx\n * function MyComponent() {\n *   const { isOpen, open, close } = useModal()\n *\n *   return (\n *     <>\n *       <button onClick={open}>Open Modal</button>\n *       <ModalRenderer\n *         isOpen={isOpen()}\n *         onClose={close}\n *         params={{ title: 'My Modal', size: 'md' }}\n *       >\n *         <p>Modal content here</p>\n *       </ModalRenderer>\n *     </>\n *   )\n * }\n * ```\n *\n * @example Declarative usage\n * ```tsx\n * const modalComponent: UIComponent = {\n *   id: 'details-modal',\n *   type: 'modal',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     title: 'User Details',\n *     size: 'lg',\n *   },\n * }\n * <ModalRenderer component={modalComponent} isOpen={true} onClose={close} />\n * ```\n */\nexport const ModalRenderer: Component<ModalRendererProps> = (props) => {\n  const strings = useMCPUIStrings()\n  const [isVisible, setIsVisible] = createSignal(false)\n\n  const params = () => props.params || (props.component?.params as ModalComponentParams) || {}\n\n  // Sync with external isOpen prop\n  createEffect(() => {\n    if (props.isOpen !== undefined) {\n      setIsVisible(props.isOpen)\n    }\n  })\n\n  // Handle escape key\n  createEffect(() => {\n    if (!isVisible()) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && params()?.closeOnEscape !== false) {\n        handleClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    onCleanup(() => document.removeEventListener('keydown', handleEscape))\n  })\n\n  // Prevent body scroll when modal is open\n  createEffect(() => {\n    if (isVisible()) {\n      document.body.style.overflow = 'hidden'\n    } else {\n      document.body.style.overflow = ''\n    }\n    onCleanup(() => {\n      document.body.style.overflow = ''\n    })\n  })\n\n  // Focus trap - focus the modal when it opens\n  createEffect(() => {\n    if (isVisible()) {\n      // Small delay to ensure the modal is rendered\n      setTimeout(() => {\n        const modal = document.querySelector('[role=\"dialog\"]')\n        if (modal instanceof HTMLElement) {\n          modal.focus()\n        }\n      }, 10)\n    }\n  })\n\n  const handleClose = () => {\n    setIsVisible(false)\n    props.onClose?.()\n  }\n\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget && params()?.closeOnBackdrop !== false) {\n      handleClose()\n    }\n  }\n\n  const sizeClass = () => {\n    switch (params()?.size) {\n      case 'sm':\n        return 'max-w-md'\n      case 'lg':\n        return 'max-w-4xl'\n      case 'xl':\n        return 'max-w-6xl'\n      case 'full':\n        return 'max-w-full mx-4'\n      default: // md\n        return 'max-w-2xl'\n    }\n  }\n\n  return (\n    <Show when={isVisible()}>\n      <Portal>\n        {/* Backdrop */}\n        <div\n          class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm\"\n          style={{ animation: 'modal-fade-in 0.15s ease-out' }}\n          onClick={handleBackdropClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={params()?.title ? 'modal-title' : undefined}\n          tabIndex={-1}\n        >\n          {/* Modal container */}\n          <div\n            class={`relative w-full ${sizeClass()} bg-white dark:bg-gray-800 rounded-lg shadow-xl`}\n            style={{ animation: 'modal-scale-in 0.15s ease-out' }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Header */}\n            <Show when={params()?.title || params()?.showClose !== false}>\n              <div class=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700\">\n                <Show when={params()?.title}>\n                  <h2\n                    id=\"modal-title\"\n                    class=\"text-lg font-semibold text-gray-900 dark:text-white\"\n                  >\n                    {params()!.title}\n                  </h2>\n                </Show>\n                <Show when={!params()?.title}>\n                  <div />\n                </Show>\n                <Show when={params()?.showClose !== false}>\n                  <button\n                    onClick={handleClose}\n                    class=\"p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n                    aria-label={strings.modalClose}\n                  >\n                    <svg\n                      class=\"w-5 h-5\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        stroke-width=\"2\"\n                        d=\"M6 18L18 6M6 6l12 12\"\n                      />\n                    </svg>\n                  </button>\n                </Show>\n              </div>\n            </Show>\n\n            {/* Content */}\n            <div\n              class=\"p-4\"\n              style={params()?.maxHeight ? { 'max-height': params()!.maxHeight, 'overflow-y': 'auto' } : {}}\n            >\n              {props.children}\n            </div>\n          </div>\n        </div>\n\n        {/* CSS Animations */}\n        <style>{`\n          @keyframes modal-fade-in {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          @keyframes modal-scale-in {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}</style>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["ModalRenderer","props","strings","useMCPUIStrings","isVisible","setIsVisible","createSignal","params","component","createEffect","isOpen","undefined","handleEscape","e","key","closeOnEscape","handleClose","document","addEventListener","onCleanup","removeEventListener","body","style","overflow","setTimeout","modal","querySelector","HTMLElement","focus","onClose","handleBackdropClick","target","currentTarget","closeOnBackdrop","sizeClass","size","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$12","_el$13","_co$4","_$getNextMarker","nextSibling","_el$11","$$click","stopPropagation","_$insert","title","showClose","_el$3","_tmpl$4","_el$7","_el$8","_co$","_el$9","_el$0","_co$2","_el$1","_el$10","_co$3","_el$4","_tmpl$","_tmpl$2","_el$6","_tmpl$3","_$effect","_$setAttribute","modalClose","_$runHydrationEvents","_p$","_v$","_v$2","_v$3","maxHeight","t","_$className","a","_$style","_tmpl$6","_$delegateEvents"],"mappings":"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"}

package/dist/components/ModalRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ModalRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAA+C,GAAG,EAAE,MAAM,UAAU,CAAA;AAEtF,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEjE,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CA8JvD,CAAA"}
+{"version":3,"file":"ModalRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ModalRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAA+C,GAAG,EAAE,MAAM,UAAU,CAAA;AAEtF,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGjE,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CA+JvD,CAAA"}

package/dist/components/ModalRenderer.js

@@ -1,6 +1,7 @@
-import { createComponent, Portal, getNextElement, getNextMarker, insert, runHydrationEvents, effect, setAttribute, className, style, template, delegateEvents } from "solid-js/web";
+import { createComponent, Portal, getNextElement, getNextMarker, insert, effect, setAttribute, runHydrationEvents, className, style, template, delegateEvents } from "solid-js/web";
 import { createSignal, createEffect, onCleanup, Show } from "solid-js";
-var _tmpl$ = /* @__PURE__ */ template(`<h2 id=modal-title class="text-lg font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label="Close modal"><svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700"><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"role=dialog aria-modal=true tabindex=-1 style="animation:modal-fade-in 0.15s ease-out"><div style="animation:modal-scale-in 0.15s ease-out"><!$><!/><div class=p-4>`), _tmpl$6 = /* @__PURE__ */ template(`<style>
+import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
+var _tmpl$ = /* @__PURE__ */ template(`<h2 id=modal-title class="text-lg font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"><svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700"><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"role=dialog aria-modal=true tabindex=-1 style="animation:modal-fade-in 0.15s ease-out"><div style="animation:modal-scale-in 0.15s ease-out"><!$><!/><div class=p-4>`), _tmpl$6 = /* @__PURE__ */ template(`<style>
           @keyframes modal-fade-in {
             from { opacity: 0; }
             to { opacity: 1; }
@@ -11,6 +12,7 @@ var _tmpl$ = /* @__PURE__ */ template(`<h2 id=modal-title class="text-lg font-se
           }
         `);
 const ModalRenderer = (props) => {
+  const strings = useMCPUIStrings();
   const [isVisible, setIsVisible] = createSignal(false);
   const params = () => {
     var _a;
@@ -124,6 +126,7 @@ const ModalRenderer = (props) => {
                   get children() {
                     var _el$6 = getNextElement(_tmpl$3);
                     _el$6.$$click = handleClose;
+                    effect(() => setAttribute(_el$6, "aria-label", strings.modalClose));
                     runHydrationEvents();
                     return _el$6;
                   }

package/dist/components/ModalRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRenderer.js","sources":["../../src/components/ModalRenderer.tsx"],"sourcesContent":["/**\n * ModalRenderer - Dialog overlay component\n * Sprint 3: UX Improvements\n */\n\nimport { Component, Show, createSignal, createEffect, onCleanup, JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport type { UIComponent, ModalComponentParams } from '../types'\n\nexport interface ModalRendererProps {\n  /**\n   * UIComponent with modal params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct modal params (alternative to component)\n   */\n  params?: ModalComponentParams\n\n  /**\n   * External open state control\n   */\n  isOpen?: boolean\n\n  /**\n   * Callback when modal is closed\n   */\n  onClose?: () => void\n\n  /**\n   * Modal content (preferred for programmatic use)\n   */\n  children?: JSX.Element\n}\n\n/**\n * Modal/Dialog overlay component with Portal rendering\n *\n * @example Programmatic usage\n * ```tsx\n * function MyComponent() {\n *   const { isOpen, open, close } = useModal()\n *\n *   return (\n *     <>\n *       <button onClick={open}>Open Modal</button>\n *       <ModalRenderer\n *         isOpen={isOpen()}\n *         onClose={close}\n *         params={{ title: 'My Modal', size: 'md' }}\n *       >\n *         <p>Modal content here</p>\n *       </ModalRenderer>\n *     </>\n *   )\n * }\n * ```\n *\n * @example Declarative usage\n * ```tsx\n * const modalComponent: UIComponent = {\n *   id: 'details-modal',\n *   type: 'modal',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     title: 'User Details',\n *     size: 'lg',\n *   },\n * }\n * <ModalRenderer component={modalComponent} isOpen={true} onClose={close} />\n * ```\n */\nexport const ModalRenderer: Component<ModalRendererProps> = (props) => {\n  const [isVisible, setIsVisible] = createSignal(false)\n\n  const params = () => props.params || (props.component?.params as ModalComponentParams) || {}\n\n  // Sync with external isOpen prop\n  createEffect(() => {\n    if (props.isOpen !== undefined) {\n      setIsVisible(props.isOpen)\n    }\n  })\n\n  // Handle escape key\n  createEffect(() => {\n    if (!isVisible()) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && params()?.closeOnEscape !== false) {\n        handleClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    onCleanup(() => document.removeEventListener('keydown', handleEscape))\n  })\n\n  // Prevent body scroll when modal is open\n  createEffect(() => {\n    if (isVisible()) {\n      document.body.style.overflow = 'hidden'\n    } else {\n      document.body.style.overflow = ''\n    }\n    onCleanup(() => {\n      document.body.style.overflow = ''\n    })\n  })\n\n  // Focus trap - focus the modal when it opens\n  createEffect(() => {\n    if (isVisible()) {\n      // Small delay to ensure the modal is rendered\n      setTimeout(() => {\n        const modal = document.querySelector('[role=\"dialog\"]')\n        if (modal instanceof HTMLElement) {\n          modal.focus()\n        }\n      }, 10)\n    }\n  })\n\n  const handleClose = () => {\n    setIsVisible(false)\n    props.onClose?.()\n  }\n\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget && params()?.closeOnBackdrop !== false) {\n      handleClose()\n    }\n  }\n\n  const sizeClass = () => {\n    switch (params()?.size) {\n      case 'sm':\n        return 'max-w-md'\n      case 'lg':\n        return 'max-w-4xl'\n      case 'xl':\n        return 'max-w-6xl'\n      case 'full':\n        return 'max-w-full mx-4'\n      default: // md\n        return 'max-w-2xl'\n    }\n  }\n\n  return (\n    <Show when={isVisible()}>\n      <Portal>\n        {/* Backdrop */}\n        <div\n          class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm\"\n          style={{ animation: 'modal-fade-in 0.15s ease-out' }}\n          onClick={handleBackdropClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={params()?.title ? 'modal-title' : undefined}\n          tabIndex={-1}\n        >\n          {/* Modal container */}\n          <div\n            class={`relative w-full ${sizeClass()} bg-white dark:bg-gray-800 rounded-lg shadow-xl`}\n            style={{ animation: 'modal-scale-in 0.15s ease-out' }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Header */}\n            <Show when={params()?.title || params()?.showClose !== false}>\n              <div class=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700\">\n                <Show when={params()?.title}>\n                  <h2\n                    id=\"modal-title\"\n                    class=\"text-lg font-semibold text-gray-900 dark:text-white\"\n                  >\n                    {params()!.title}\n                  </h2>\n                </Show>\n                <Show when={!params()?.title}>\n                  <div />\n                </Show>\n                <Show when={params()?.showClose !== false}>\n                  <button\n                    onClick={handleClose}\n                    class=\"p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n                    aria-label=\"Close modal\"\n                  >\n                    <svg\n                      class=\"w-5 h-5\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        stroke-width=\"2\"\n                        d=\"M6 18L18 6M6 6l12 12\"\n                      />\n                    </svg>\n                  </button>\n                </Show>\n              </div>\n            </Show>\n\n            {/* Content */}\n            <div\n              class=\"p-4\"\n              style={params()?.maxHeight ? { 'max-height': params()!.maxHeight, 'overflow-y': 'auto' } : {}}\n            >\n              {props.children}\n            </div>\n          </div>\n        </div>\n\n        {/* CSS Animations */}\n        <style>{`\n          @keyframes modal-fade-in {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          @keyframes modal-scale-in {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}</style>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["ModalRenderer","props","isVisible","setIsVisible","createSignal","params","component","createEffect","isOpen","undefined","handleEscape","e","key","closeOnEscape","handleClose","document","addEventListener","onCleanup","removeEventListener","body","style","overflow","setTimeout","modal","querySelector","HTMLElement","focus","onClose","handleBackdropClick","target","currentTarget","closeOnBackdrop","sizeClass","size","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$12","_el$13","_co$4","_$getNextMarker","nextSibling","_el$11","$$click","stopPropagation","_$insert","title","showClose","_el$3","_tmpl$4","_el$7","_el$8","_co$","_el$9","_el$0","_co$2","_el$1","_el$10","_co$3","_el$4","_tmpl$","_tmpl$2","_el$6","_tmpl$3","_$runHydrationEvents","_$effect","_p$","_v$","_v$2","_v$3","maxHeight","_$setAttribute","t","_$className","a","_$style","_tmpl$6","_$delegateEvents"],"mappings":";;;;;;;;;;;;AAyEO,MAAMA,gBAAgDC,CAAAA,UAAU;AACrE,QAAM,CAACC,WAAWC,YAAY,IAAIC,aAAa,KAAK;AAEpD,QAAMC,SAASA,MAAAA;;AAAMJ,iBAAMI,YAAWJ,WAAMK,cAANL,mBAAiBI,WAAmC,CAAA;AAAA;AAG1FE,eAAa,MAAM;AACjB,QAAIN,MAAMO,WAAWC,QAAW;AAC9BN,mBAAaF,MAAMO,MAAM;AAAA,IAC3B;AAAA,EACF,CAAC;AAGDD,eAAa,MAAM;AACjB,QAAI,CAACL,YAAa;AAElB,UAAMQ,eAAeA,CAACC,MAAqB;;AACzC,UAAIA,EAAEC,QAAQ,cAAYP,YAAAA,MAAAA,mBAAUQ,mBAAkB,OAAO;AAC3DC,oBAAAA;AAAAA,MACF;AAAA,IACF;AAEAC,aAASC,iBAAiB,WAAWN,YAAY;AACjDO,cAAU,MAAMF,SAASG,oBAAoB,WAAWR,YAAY,CAAC;AAAA,EACvE,CAAC;AAGDH,eAAa,MAAM;AACjB,QAAIL,aAAa;AACfa,eAASI,KAAKC,MAAMC,WAAW;AAAA,IACjC,OAAO;AACLN,eAASI,KAAKC,MAAMC,WAAW;AAAA,IACjC;AACAJ,cAAU,MAAM;AACdF,eAASI,KAAKC,MAAMC,WAAW;AAAA,IACjC,CAAC;AAAA,EACH,CAAC;AAGDd,eAAa,MAAM;AACjB,QAAIL,aAAa;AAEfoB,iBAAW,MAAM;AACf,cAAMC,QAAQR,SAASS,cAAc,iBAAiB;AACtD,YAAID,iBAAiBE,aAAa;AAChCF,gBAAMG,MAAAA;AAAAA,QACR;AAAA,MACF,GAAG,EAAE;AAAA,IACP;AAAA,EACF,CAAC;AAED,QAAMZ,cAAcA,MAAM;;AACxBX,iBAAa,KAAK;AAClBF,gBAAM0B,YAAN1B;AAAAA,EACF;AAEA,QAAM2B,sBAAsBA,CAACjB,MAAkB;;AAC7C,QAAIA,EAAEkB,WAAWlB,EAAEmB,mBAAiBzB,YAAAA,MAAAA,mBAAU0B,qBAAoB,OAAO;AACvEjB,kBAAAA;AAAAA,IACF;AAAA,EACF;AAEA,QAAMkB,YAAYA,MAAM;;AACtB,aAAQ3B,YAAAA,MAAAA,mBAAU4B,MAAAA;AAAAA,MAChB,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SAAAC,gBACGC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAElC,UAAAA;AAAAA,IAAW;AAAA,IAAA,IAAAmC,WAAA;AAAA,aAAAH,gBACpBI,QAAM;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAA,EAAA,MAAA;AAAA,gBAAAE,OAAAC,eAAAC,OAAA,GAAAC,QAAAH,KAAAI,YAAAC,SAAAF,MAAAC,YAAA,CAAAE,QAAAC,KAAA,IAAAC,cAAAH,OAAAI,WAAA,GAAAC,SAAAJ,OAAAG;AAAAT,iBAAAW,UAKMtB;AAAmBc,kBAAAQ,UAUhBvC,CAAAA,MAAMA,EAAEwC,gBAAAA;AAAiBC,mBAAAV,OAAAR,gBAGlCC,MAAI;AAAA,cAAA,IAACC,OAAI;;AAAA,yBAAE/B,YAAAA,MAAAA,mBAAUgD,YAAShD,YAAAA,MAAAA,mBAAUiD,eAAc;AAAA,cAAK;AAAA,cAAA,IAAAjB,WAAA;AAAA,oBAAAkB,QAAAf,eAAAgB,OAAA,GAAAC,QAAAF,MAAAZ,YAAA,CAAAe,OAAAC,IAAA,IAAAZ,cAAAU,MAAAT,WAAA,GAAAY,QAAAF,MAAAV,aAAA,CAAAa,OAAAC,KAAA,IAAAf,cAAAa,MAAAZ,WAAA,GAAAe,QAAAF,MAAAb,aAAA,CAAAgB,QAAAC,KAAA,IAAAlB,cAAAgB,MAAAf,WAAA;AAAAI,uBAAAG,OAAArB,gBAEvDC,MAAI;AAAA,kBAAA,IAACC,OAAI;;AAAA,4BAAE/B,kBAAAA,mBAAUgD;AAAAA,kBAAK;AAAA,kBAAA,IAAAhB,WAAA;AAAA,wBAAA6B,QAAA1B,eAAA2B,MAAA;AAAAf,2BAAAc,OAAA,MAKtB7D,OAAAA,EAAUgD,KAAK;AAAA,2BAAAa;AAAAA,kBAAA;AAAA,gBAAA,CAAA,GAAAR,OAAAC,IAAA;AAAAP,uBAAAG,OAAArB,gBAGnBC,MAAI;AAAA,kBAAA,IAACC,OAAI;;AAAA,2BAAE,GAAC/B,kBAAAA,mBAAUgD;AAAAA,kBAAK;AAAA,kBAAA,IAAAhB,WAAA;AAAA,2BAAAG,eAAA4B,OAAA;AAAA,kBAAA;AAAA,gBAAA,CAAA,GAAAP,OAAAC,KAAA;AAAAV,uBAAAG,OAAArB,gBAG3BC,MAAI;AAAA,kBAAA,IAACC,OAAI;;AAAA,6BAAE/B,YAAAA,MAAAA,mBAAUiD,eAAc;AAAA,kBAAK;AAAA,kBAAA,IAAAjB,WAAA;AAAA,wBAAAgC,QAAA7B,eAAA8B,OAAA;AAAAD,0BAAAnB,UAE5BpC;AAAWyD,uCAAAA;AAAA,2BAAAF;AAAAA,kBAAA;AAAA,gBAAA,CAAA,GAAAL,QAAAC,KAAA;AAAA,uBAAAV;AAAAA,cAAA;AAAA,YAAA,CAAA,GAAAV,QAAAC,KAAA;AAAAM,mBAAAH,QAAA,MA2BzBhD,MAAMoC,QAAQ;AAAAmC,mBAAAC,CAAAA,QAAA;;AAAA,kBAAAC,QApDFrE,YAAAA,MAAAA,mBAAUgD,SAAQ,gBAAgB5C,QAASkE,OAKnD,mBAAmB3C,UAAAA,CAAW,mDAAiD4C,SA6C7EvE,YAAAA,MAAAA,mBAAUwE,aAAY;AAAA,gBAAE,cAAcxE,SAAUwE;AAAAA,gBAAW,cAAc;AAAA,cAAA,IAAW,CAAA;AAAEH,sBAAAD,IAAA9D,KAAAmE,aAAAvC,MAAA,mBAAAkC,IAAA9D,IAAA+D,GAAA;AAAAC,uBAAAF,IAAAM,KAAAC,UAAAtC,OAAA+B,IAAAM,IAAAJ,IAAA;AAAAF,kBAAAQ,IAAAC,MAAAjC,QAAA2B,MAAAH,IAAAQ,CAAA;AAAA,qBAAAR;AAAAA,YAAA,GAAA;AAAA,cAAA9D,GAAAF;AAAAA,cAAAsE,GAAAtE;AAAAA,cAAAwE,GAAAxE;AAAAA,YAAAA,CAAA;AAAA8D,+BAAAA;AAAA,mBAAAhC;AAAAA,UAAA,GAAA,GAAAC,eAAA2C,OAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAqB3G;AAACC,eAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"ModalRenderer.js","sources":["../../src/components/ModalRenderer.tsx"],"sourcesContent":["/**\n * ModalRenderer - Dialog overlay component\n * Sprint 3: UX Improvements\n */\n\nimport { Component, Show, createSignal, createEffect, onCleanup, JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport type { UIComponent, ModalComponentParams } from '../types'\nimport { useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface ModalRendererProps {\n  /**\n   * UIComponent with modal params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct modal params (alternative to component)\n   */\n  params?: ModalComponentParams\n\n  /**\n   * External open state control\n   */\n  isOpen?: boolean\n\n  /**\n   * Callback when modal is closed\n   */\n  onClose?: () => void\n\n  /**\n   * Modal content (preferred for programmatic use)\n   */\n  children?: JSX.Element\n}\n\n/**\n * Modal/Dialog overlay component with Portal rendering\n *\n * @example Programmatic usage\n * ```tsx\n * function MyComponent() {\n *   const { isOpen, open, close } = useModal()\n *\n *   return (\n *     <>\n *       <button onClick={open}>Open Modal</button>\n *       <ModalRenderer\n *         isOpen={isOpen()}\n *         onClose={close}\n *         params={{ title: 'My Modal', size: 'md' }}\n *       >\n *         <p>Modal content here</p>\n *       </ModalRenderer>\n *     </>\n *   )\n * }\n * ```\n *\n * @example Declarative usage\n * ```tsx\n * const modalComponent: UIComponent = {\n *   id: 'details-modal',\n *   type: 'modal',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     title: 'User Details',\n *     size: 'lg',\n *   },\n * }\n * <ModalRenderer component={modalComponent} isOpen={true} onClose={close} />\n * ```\n */\nexport const ModalRenderer: Component<ModalRendererProps> = (props) => {\n  const strings = useMCPUIStrings()\n  const [isVisible, setIsVisible] = createSignal(false)\n\n  const params = () => props.params || (props.component?.params as ModalComponentParams) || {}\n\n  // Sync with external isOpen prop\n  createEffect(() => {\n    if (props.isOpen !== undefined) {\n      setIsVisible(props.isOpen)\n    }\n  })\n\n  // Handle escape key\n  createEffect(() => {\n    if (!isVisible()) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && params()?.closeOnEscape !== false) {\n        handleClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    onCleanup(() => document.removeEventListener('keydown', handleEscape))\n  })\n\n  // Prevent body scroll when modal is open\n  createEffect(() => {\n    if (isVisible()) {\n      document.body.style.overflow = 'hidden'\n    } else {\n      document.body.style.overflow = ''\n    }\n    onCleanup(() => {\n      document.body.style.overflow = ''\n    })\n  })\n\n  // Focus trap - focus the modal when it opens\n  createEffect(() => {\n    if (isVisible()) {\n      // Small delay to ensure the modal is rendered\n      setTimeout(() => {\n        const modal = document.querySelector('[role=\"dialog\"]')\n        if (modal instanceof HTMLElement) {\n          modal.focus()\n        }\n      }, 10)\n    }\n  })\n\n  const handleClose = () => {\n    setIsVisible(false)\n    props.onClose?.()\n  }\n\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget && params()?.closeOnBackdrop !== false) {\n      handleClose()\n    }\n  }\n\n  const sizeClass = () => {\n    switch (params()?.size) {\n      case 'sm':\n        return 'max-w-md'\n      case 'lg':\n        return 'max-w-4xl'\n      case 'xl':\n        return 'max-w-6xl'\n      case 'full':\n        return 'max-w-full mx-4'\n      default: // md\n        return 'max-w-2xl'\n    }\n  }\n\n  return (\n    <Show when={isVisible()}>\n      <Portal>\n        {/* Backdrop */}\n        <div\n          class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm\"\n          style={{ animation: 'modal-fade-in 0.15s ease-out' }}\n          onClick={handleBackdropClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={params()?.title ? 'modal-title' : undefined}\n          tabIndex={-1}\n        >\n          {/* Modal container */}\n          <div\n            class={`relative w-full ${sizeClass()} bg-white dark:bg-gray-800 rounded-lg shadow-xl`}\n            style={{ animation: 'modal-scale-in 0.15s ease-out' }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Header */}\n            <Show when={params()?.title || params()?.showClose !== false}>\n              <div class=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700\">\n                <Show when={params()?.title}>\n                  <h2\n                    id=\"modal-title\"\n                    class=\"text-lg font-semibold text-gray-900 dark:text-white\"\n                  >\n                    {params()!.title}\n                  </h2>\n                </Show>\n                <Show when={!params()?.title}>\n                  <div />\n                </Show>\n                <Show when={params()?.showClose !== false}>\n                  <button\n                    onClick={handleClose}\n                    class=\"p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n                    aria-label={strings.modalClose}\n                  >\n                    <svg\n                      class=\"w-5 h-5\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        stroke-width=\"2\"\n                        d=\"M6 18L18 6M6 6l12 12\"\n                      />\n                    </svg>\n                  </button>\n                </Show>\n              </div>\n            </Show>\n\n            {/* Content */}\n            <div\n              class=\"p-4\"\n              style={params()?.maxHeight ? { 'max-height': params()!.maxHeight, 'overflow-y': 'auto' } : {}}\n            >\n              {props.children}\n            </div>\n          </div>\n        </div>\n\n        {/* CSS Animations */}\n        <style>{`\n          @keyframes modal-fade-in {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          @keyframes modal-scale-in {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}</style>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["ModalRenderer","props","strings","useMCPUIStrings","isVisible","setIsVisible","createSignal","params","component","createEffect","isOpen","undefined","handleEscape","e","key","closeOnEscape","handleClose","document","addEventListener","onCleanup","removeEventListener","body","style","overflow","setTimeout","modal","querySelector","HTMLElement","focus","onClose","handleBackdropClick","target","currentTarget","closeOnBackdrop","sizeClass","size","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$12","_el$13","_co$4","_$getNextMarker","nextSibling","_el$11","$$click","stopPropagation","_$insert","title","showClose","_el$3","_tmpl$4","_el$7","_el$8","_co$","_el$9","_el$0","_co$2","_el$1","_el$10","_co$3","_el$4","_tmpl$","_tmpl$2","_el$6","_tmpl$3","_$effect","_$setAttribute","modalClose","_$runHydrationEvents","_p$","_v$","_v$2","_v$3","maxHeight","t","_$className","a","_$style","_tmpl$6","_$delegateEvents"],"mappings":"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"}