@seed-ship/mcp-ui-solid 6.3.0 → 6.4.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 { UIComponent, MapComponentParams, MapClusterOptions, MapGeoJSONStyle, MapPopupConfig, MapLayer, MapPMTilesConfig } from '../types'\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper'\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// ─── 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(style: MapGeoJSONStyle | undefined): (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(val, style.choroplethScale, style.choroplethFallback || '#ccc')\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 */\nfunction buildPopupContent(feature: any, popup: MapPopupConfig | undefined): string | null {\n    if (!popup || !feature?.properties) return null\n    const props = feature.properties\n\n    // Custom template\n    if (popup.template) {\n        return popup.template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n            const val = props[key]\n            return val != null ? 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(`<span style=\"color:#666;font-size:11px\">${escapeHtml(key)}</span>: ${escapeHtml(formatted)}`)\n    }\n\n    return parts.join('<br/>')\n}\n\nfunction escapeHtml(str: string): string {\n    return str\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n}\n\n/**\n * Add a GeoJSON layer to the map with style and popup support.\n * Returns the layer for bounds calculation.\n */\nfunction addGeoJSONLayer(\n    mapInst: any,\n    leaflet: any,\n    geojson: unknown,\n    style?: MapGeoJSONStyle,\n    popup?: MapPopupConfig\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)\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    const isExpanded = useExpanded()\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: p?.attribution || '&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            const p = params()\n            const allBoundsLayers: any[] = []\n\n            // Clear existing layers (markers, cluster groups, GeoJSON)\n            mapInstance.eachLayer((layer: any) => {\n                if (layer instanceof L.Marker || layer instanceof L.GeoJSON\n                    || layer instanceof L.CircleMarker\n                    || layer._group || layer._featureGroup) {\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 = 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                        if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                        if (marker.popup) m.bindPopup(marker.popup)\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                        if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                        if (marker.popup) m.bindPopup(marker.popup)\n                        markers.push(m)\n                    })\n                }\n            } else {\n                p?.markers?.forEach(marker => {\n                    const m = L.marker(marker.position).addTo(mapInstance)\n                    if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                    if (marker.popup) m.bindPopup(marker.popup)\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(mapInstance, L, p.geojson, p.geojsonStyle, p.popup)\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, L,\n                        layerDef.geojson,\n                        layerDef.style || p?.geojsonStyle,\n                        layerDef.popup || p?.popup\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            if (p?.pmtiles) {\n                try {\n                    // @ts-ignore — optional peer dependency, may not be installed\n                    const protomaps = await import(/* @vite-ignore */ 'protomaps-leaflet')\n                    const pmConfig = p.pmtiles\n\n                    const paintRules = pmConfig.paintRules?.map(rule => ({\n                        dataLayer: rule.dataLayer,\n                        symbolizer: new (protomaps as any)[\n                            rule.symbolizer === 'polygon' ? 'PolygonSymbolizer' :\n                            rule.symbolizer === 'line' ? '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 = 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                    console.warn('[MCP-UI] Failed to load protomaps-leaflet for PMTiles:', e)\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        }\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        >\n            <div 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                <Show when={error()}>\n                    <div class=\"p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center\">\n                        {error()}\n                    </div>\n                </Show>\n                <Show when={!error()}>\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","props","template","replace","_","key","String","parts","titleField","push","escapeHtml","fields","Object","keys","slice","formatted","toLocaleString","join","str","addGeoJSONLayer","mapInst","leaflet","geojson","styleFn","layer","geoJSON","pointToLayer","latlng","s","circleMarker","radius","onEachFeature","featureLayer","html","bindPopup","maxWidth","addTo","mapToGeoJSON","p","features","marker","markers","pos","position","lat","Array","isArray","lng","type","geometry","coordinates","tooltip","JSON","stringify","MapRenderer","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","isExpanded","useExpanded","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","m","bindTooltip","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","fitBounds","group","featureGroup","bounds","getBounds","isValid","pad","getZoom","onCleanup","remove","_$createComponent","ExpandableWrapper","title","copyData","copyLabel","children","_el$","_$getNextElement","_tmpl$3","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$6","_el$7","_co$2","_$insert","Show","when","_el$2","_tmpl$","_el$3","_tmpl$2","_ref$","_$use","_$effect","_p$","_v$","height","_v$2","_$style","t","_$className","undefined","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 } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { UIComponent, MapComponentParams, MapClusterOptions, MapGeoJSONStyle, MapPopupConfig, MapLayer, MapPMTilesConfig } from '../types'\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper'\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// ─── 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(style: MapGeoJSONStyle | undefined): (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(val, style.choroplethScale, style.choroplethFallback || '#ccc')\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 */\nfunction buildPopupContent(feature: any, popup: MapPopupConfig | undefined): string | null {\n    if (!popup || !feature?.properties) return null\n    const props = feature.properties\n\n    // Custom template\n    if (popup.template) {\n        return popup.template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n            const val = props[key]\n            return val != null ? 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(`<span style=\"color:#666;font-size:11px\">${escapeHtml(key)}</span>: ${escapeHtml(formatted)}`)\n    }\n\n    return parts.join('<br/>')\n}\n\nfunction escapeHtml(str: string): string {\n    return str\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n}\n\n/**\n * Add a GeoJSON layer to the map with style and popup support.\n * Returns the layer for bounds calculation.\n */\nfunction addGeoJSONLayer(\n    mapInst: any,\n    leaflet: any,\n    geojson: unknown,\n    style?: MapGeoJSONStyle,\n    popup?: MapPopupConfig\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)\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    const isExpanded = useExpanded()\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: p?.attribution || '&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            const p = params()\n            const allBoundsLayers: any[] = []\n\n            // Clear existing layers (markers, cluster groups, GeoJSON)\n            mapInstance.eachLayer((layer: any) => {\n                if (layer instanceof L.Marker || layer instanceof L.GeoJSON\n                    || layer instanceof L.CircleMarker\n                    || layer._group || layer._featureGroup) {\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 = 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                        if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                        if (marker.popup) m.bindPopup(marker.popup)\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                        if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                        if (marker.popup) m.bindPopup(marker.popup)\n                        markers.push(m)\n                    })\n                }\n            } else {\n                p?.markers?.forEach(marker => {\n                    const m = L.marker(marker.position).addTo(mapInstance)\n                    if (marker.tooltip) m.bindTooltip(marker.tooltip)\n                    if (marker.popup) m.bindPopup(marker.popup)\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(mapInstance, L, p.geojson, p.geojsonStyle, p.popup)\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, L,\n                        layerDef.geojson,\n                        layerDef.style || p?.geojsonStyle,\n                        layerDef.popup || p?.popup\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            if (p?.pmtiles) {\n                try {\n                    // @ts-ignore — optional peer dependency, may not be installed\n                    const protomaps = await import(/* @vite-ignore */ 'protomaps-leaflet')\n                    const pmConfig = p.pmtiles\n\n                    const paintRules = pmConfig.paintRules?.map(rule => ({\n                        dataLayer: rule.dataLayer,\n                        symbolizer: new (protomaps as any)[\n                            rule.symbolizer === 'polygon' ? 'PolygonSymbolizer' :\n                            rule.symbolizer === 'line' ? '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 = 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                    console.warn('[MCP-UI] Failed to load protomaps-leaflet for PMTiles:', e)\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        }\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 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                <Show when={error()}>\n                    <div class=\"p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center\">\n                        {error()}\n                    </div>\n                </Show>\n                <Show when={!error()}>\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","props","template","replace","_","key","String","parts","titleField","push","escapeHtml","fields","Object","keys","slice","formatted","toLocaleString","join","str","addGeoJSONLayer","mapInst","leaflet","geojson","styleFn","layer","geoJSON","pointToLayer","latlng","s","circleMarker","radius","onEachFeature","featureLayer","html","bindPopup","maxWidth","addTo","mapToGeoJSON","p","features","marker","markers","pos","position","lat","Array","isArray","lng","type","geometry","coordinates","tooltip","JSON","stringify","MapRenderer","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","isExpanded","useExpanded","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","m","bindTooltip","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","fitBounds","group","featureGroup","bounds","getBounds","isValid","pad","getZoom","onCleanup","remove","_$createComponent","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","children","_el$","_$getNextElement","_tmpl$3","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$6","_el$7","_co$2","_$insert","Show","when","_el$2","_tmpl$","_el$3","_tmpl$2","_ref$","_$use","_$effect","_p$","_v$","height","_v$2","_$style","t","_$className","undefined","className"],"mappings":"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"}

package/dist/components/PortalDropdownMenu.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div role=menu style=position:fixed;z-index:9999>`);
+const PortalDropdownMenu = (props) => {
+  const [position, setPosition] = solidJs.createSignal({
+    top: 0,
+    left: 0
+  });
+  let menuRef;
+  const updatePosition = () => {
+    const t = props.trigger;
+    if (!t) return;
+    const rect = t.getBoundingClientRect();
+    const w = props.width ?? 144;
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.right - w
+    });
+  };
+  solidJs.createEffect(() => {
+    if (!props.open) return;
+    updatePosition();
+    const onDown = (e) => {
+      var _a;
+      const target = e.target;
+      if ((menuRef == null ? void 0 : menuRef.contains(target)) || ((_a = props.trigger) == null ? void 0 : _a.contains(target))) return;
+      props.onClose();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") props.onClose();
+    };
+    const onScrollOrResize = () => updatePosition();
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScrollOrResize, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("resize", onScrollOrResize);
+    solidJs.onCleanup(() => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScrollOrResize, {
+        capture: true
+      });
+      window.removeEventListener("resize", onScrollOrResize);
+    });
+  });
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return props.open;
+    },
+    get children() {
+      return web.createComponent(web.Portal, {
+        get children() {
+          var _el$ = web.getNextElement(_tmpl$);
+          var _ref$ = menuRef;
+          typeof _ref$ === "function" ? web.use(_ref$, _el$) : menuRef = _el$;
+          web.insert(_el$, () => props.children);
+          web.effect((_p$) => {
+            var _v$ = `${position().top}px`, _v$2 = `${position().left}px`, _v$3 = `${props.width ?? 144}px`, _v$4 = `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ""}`;
+            _v$ !== _p$.e && web.setStyleProperty(_el$, "top", _p$.e = _v$);
+            _v$2 !== _p$.t && web.setStyleProperty(_el$, "left", _p$.t = _v$2);
+            _v$3 !== _p$.a && web.setStyleProperty(_el$, "width", _p$.a = _v$3);
+            _v$4 !== _p$.o && web.className(_el$, _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          return _el$;
+        }
+      });
+    }
+  });
+};
+exports.PortalDropdownMenu = PortalDropdownMenu;
+//# sourceMappingURL=PortalDropdownMenu.cjs.map

package/dist/components/PortalDropdownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.cjs","sources":["../../src/components/PortalDropdownMenu.tsx"],"sourcesContent":["/**\n * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via\n * `<Portal>` on `document.body` instead of an in-tree `position: absolute`\n * sibling. Eliminates two pain points around the legacy in-tree pattern :\n *\n *   1. **`overflow: hidden` clipping** — when the trigger lives inside a\n *      chat bubble or a card with `overflow: hidden`, an absolutely\n *      positioned menu sibling gets clipped at the ancestor's boundary.\n *      Mounting on `document.body` escapes the clip stack entirely.\n *   2. **`z-index` wars** — chat surfaces stack composer / message rails\n *      above the message list, and ancestor `z-index` creates a new\n *      stacking context that captures the in-tree menu. A portal is a\n *      sibling of the document, so a single `z-index: 9999` wins.\n *\n * The menu is positioned with `position: fixed` from the trigger's\n * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so\n * nested scrollables also fire) and `resize` to keep the menu pinned\n * while the user interacts with surrounding chrome.\n *\n * Close affordances : click outside, Escape, programmatic via `onClose`.\n */\n\nimport { Component, JSX, Show, createSignal, createEffect, onCleanup } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nexport interface PortalDropdownMenuProps {\n  /**\n   * Whether the menu is currently open. Controlled by the parent.\n   */\n  open: boolean\n\n  /**\n   * Called when the menu wants to close (outside click / Escape / item\n   * click — it's the parent's job to actually flip `open` to false).\n   */\n  onClose: () => void\n\n  /**\n   * Trigger element used as the positioning anchor. The menu's right\n   * edge is aligned to the trigger's right edge, top to its bottom + 4px.\n   */\n  trigger: HTMLElement | undefined\n\n  /**\n   * Menu width in pixels. Used to compute the left coordinate so the menu's\n   * right edge aligns with the trigger's right edge. Default : `144` (the\n   * legacy table menu width — `w-36`).\n   */\n  width?: number\n\n  /**\n   * Menu content. Wrapped in the rounded / shadowed container — keep\n   * children minimal (just the items).\n   */\n  children: JSX.Element\n\n  /**\n   * Optional additional class names for the menu container, appended after\n   * the default Tailwind classes. Useful to override width or padding.\n   */\n  class?: string\n}\n\nexport const PortalDropdownMenu: Component<PortalDropdownMenuProps> = (props) => {\n  const [position, setPosition] = createSignal({ top: 0, left: 0 })\n  let menuRef: HTMLDivElement | undefined\n\n  const updatePosition = () => {\n    const t = props.trigger\n    if (!t) return\n    const rect = t.getBoundingClientRect()\n    const w = props.width ?? 144\n    setPosition({\n      top: rect.bottom + 4,\n      left: rect.right - w,\n    })\n  }\n\n  // Measure once when the menu opens, then react to viewport changes.\n  createEffect(() => {\n    if (!props.open) return\n    updatePosition()\n\n    const onDown = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (menuRef?.contains(target) || props.trigger?.contains(target)) return\n      props.onClose()\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') props.onClose()\n    }\n    const onScrollOrResize = () => updatePosition()\n\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    // Capture phase so scrolls inside nested containers (e.g. chat virtual\n    // list) also re-position the menu. `passive: true` because we never\n    // preventDefault here.\n    window.addEventListener('scroll', onScrollOrResize, { capture: true, passive: true })\n    window.addEventListener('resize', onScrollOrResize)\n\n    onCleanup(() => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScrollOrResize, { capture: true })\n      window.removeEventListener('resize', onScrollOrResize)\n    })\n  })\n\n  return (\n    <Show when={props.open}>\n      <Portal>\n        <div\n          ref={menuRef}\n          role=\"menu\"\n          style={{\n            position: 'fixed',\n            top: `${position().top}px`,\n            left: `${position().left}px`,\n            'z-index': 9999,\n            width: `${props.width ?? 144}px`,\n          }}\n          class={`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ''}`}\n        >\n          {props.children}\n        </div>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["PortalDropdownMenu","props","position","setPosition","createSignal","top","left","menuRef","updatePosition","t","trigger","rect","getBoundingClientRect","w","width","bottom","right","createEffect","open","onDown","e","target","contains","onClose","onKey","key","onScrollOrResize","document","addEventListener","window","capture","passive","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","_v$3","_v$4","class","_$setStyleProperty","a","o","_$className","undefined"],"mappings":"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"}

package/dist/components/PortalDropdownMenu.d.ts

@@ -0,0 +1,56 @@
+/**
+ * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via
+ * `<Portal>` on `document.body` instead of an in-tree `position: absolute`
+ * sibling. Eliminates two pain points around the legacy in-tree pattern :
+ *
+ *   1. **`overflow: hidden` clipping** — when the trigger lives inside a
+ *      chat bubble or a card with `overflow: hidden`, an absolutely
+ *      positioned menu sibling gets clipped at the ancestor's boundary.
+ *      Mounting on `document.body` escapes the clip stack entirely.
+ *   2. **`z-index` wars** — chat surfaces stack composer / message rails
+ *      above the message list, and ancestor `z-index` creates a new
+ *      stacking context that captures the in-tree menu. A portal is a
+ *      sibling of the document, so a single `z-index: 9999` wins.
+ *
+ * The menu is positioned with `position: fixed` from the trigger's
+ * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so
+ * nested scrollables also fire) and `resize` to keep the menu pinned
+ * while the user interacts with surrounding chrome.
+ *
+ * Close affordances : click outside, Escape, programmatic via `onClose`.
+ */
+import { Component, JSX } from 'solid-js';
+export interface PortalDropdownMenuProps {
+    /**
+     * Whether the menu is currently open. Controlled by the parent.
+     */
+    open: boolean;
+    /**
+     * Called when the menu wants to close (outside click / Escape / item
+     * click — it's the parent's job to actually flip `open` to false).
+     */
+    onClose: () => void;
+    /**
+     * Trigger element used as the positioning anchor. The menu's right
+     * edge is aligned to the trigger's right edge, top to its bottom + 4px.
+     */
+    trigger: HTMLElement | undefined;
+    /**
+     * Menu width in pixels. Used to compute the left coordinate so the menu's
+     * right edge aligns with the trigger's right edge. Default : `144` (the
+     * legacy table menu width — `w-36`).
+     */
+    width?: number;
+    /**
+     * Menu content. Wrapped in the rounded / shadowed container — keep
+     * children minimal (just the items).
+     */
+    children: JSX.Element;
+    /**
+     * Optional additional class names for the menu container, appended after
+     * the default Tailwind classes. Useful to override width or padding.
+     */
+    class?: string;
+}
+export declare const PortalDropdownMenu: Component<PortalDropdownMenuProps>;
+//# sourceMappingURL=PortalDropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.d.ts","sourceRoot":"","sources":["../../src/components/PortalDropdownMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,SAAS,EAAE,GAAG,EAA+C,MAAM,UAAU,CAAA;AAGtF,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IAEb;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;;OAGG;IACH,OAAO,EAAE,WAAW,GAAG,SAAS,CAAA;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAkEjE,CAAA"}

package/dist/components/PortalDropdownMenu.js

@@ -0,0 +1,82 @@
+import { createComponent, Portal, getNextElement, template, insert, effect, setStyleProperty, className, use } from "solid-js/web";
+import { createSignal, createEffect, onCleanup, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div role=menu style=position:fixed;z-index:9999>`);
+const PortalDropdownMenu = (props) => {
+  const [position, setPosition] = createSignal({
+    top: 0,
+    left: 0
+  });
+  let menuRef;
+  const updatePosition = () => {
+    const t = props.trigger;
+    if (!t) return;
+    const rect = t.getBoundingClientRect();
+    const w = props.width ?? 144;
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.right - w
+    });
+  };
+  createEffect(() => {
+    if (!props.open) return;
+    updatePosition();
+    const onDown = (e) => {
+      var _a;
+      const target = e.target;
+      if ((menuRef == null ? void 0 : menuRef.contains(target)) || ((_a = props.trigger) == null ? void 0 : _a.contains(target))) return;
+      props.onClose();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") props.onClose();
+    };
+    const onScrollOrResize = () => updatePosition();
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScrollOrResize, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("resize", onScrollOrResize);
+    onCleanup(() => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScrollOrResize, {
+        capture: true
+      });
+      window.removeEventListener("resize", onScrollOrResize);
+    });
+  });
+  return createComponent(Show, {
+    get when() {
+      return props.open;
+    },
+    get children() {
+      return createComponent(Portal, {
+        get children() {
+          var _el$ = getNextElement(_tmpl$);
+          var _ref$ = menuRef;
+          typeof _ref$ === "function" ? use(_ref$, _el$) : menuRef = _el$;
+          insert(_el$, () => props.children);
+          effect((_p$) => {
+            var _v$ = `${position().top}px`, _v$2 = `${position().left}px`, _v$3 = `${props.width ?? 144}px`, _v$4 = `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ""}`;
+            _v$ !== _p$.e && setStyleProperty(_el$, "top", _p$.e = _v$);
+            _v$2 !== _p$.t && setStyleProperty(_el$, "left", _p$.t = _v$2);
+            _v$3 !== _p$.a && setStyleProperty(_el$, "width", _p$.a = _v$3);
+            _v$4 !== _p$.o && className(_el$, _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          return _el$;
+        }
+      });
+    }
+  });
+};
+export {
+  PortalDropdownMenu
+};
+//# sourceMappingURL=PortalDropdownMenu.js.map

package/dist/components/PortalDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalDropdownMenu.js","sources":["../../src/components/PortalDropdownMenu.tsx"],"sourcesContent":["/**\n * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via\n * `<Portal>` on `document.body` instead of an in-tree `position: absolute`\n * sibling. Eliminates two pain points around the legacy in-tree pattern :\n *\n *   1. **`overflow: hidden` clipping** — when the trigger lives inside a\n *      chat bubble or a card with `overflow: hidden`, an absolutely\n *      positioned menu sibling gets clipped at the ancestor's boundary.\n *      Mounting on `document.body` escapes the clip stack entirely.\n *   2. **`z-index` wars** — chat surfaces stack composer / message rails\n *      above the message list, and ancestor `z-index` creates a new\n *      stacking context that captures the in-tree menu. A portal is a\n *      sibling of the document, so a single `z-index: 9999` wins.\n *\n * The menu is positioned with `position: fixed` from the trigger's\n * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so\n * nested scrollables also fire) and `resize` to keep the menu pinned\n * while the user interacts with surrounding chrome.\n *\n * Close affordances : click outside, Escape, programmatic via `onClose`.\n */\n\nimport { Component, JSX, Show, createSignal, createEffect, onCleanup } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nexport interface PortalDropdownMenuProps {\n  /**\n   * Whether the menu is currently open. Controlled by the parent.\n   */\n  open: boolean\n\n  /**\n   * Called when the menu wants to close (outside click / Escape / item\n   * click — it's the parent's job to actually flip `open` to false).\n   */\n  onClose: () => void\n\n  /**\n   * Trigger element used as the positioning anchor. The menu's right\n   * edge is aligned to the trigger's right edge, top to its bottom + 4px.\n   */\n  trigger: HTMLElement | undefined\n\n  /**\n   * Menu width in pixels. Used to compute the left coordinate so the menu's\n   * right edge aligns with the trigger's right edge. Default : `144` (the\n   * legacy table menu width — `w-36`).\n   */\n  width?: number\n\n  /**\n   * Menu content. Wrapped in the rounded / shadowed container — keep\n   * children minimal (just the items).\n   */\n  children: JSX.Element\n\n  /**\n   * Optional additional class names for the menu container, appended after\n   * the default Tailwind classes. Useful to override width or padding.\n   */\n  class?: string\n}\n\nexport const PortalDropdownMenu: Component<PortalDropdownMenuProps> = (props) => {\n  const [position, setPosition] = createSignal({ top: 0, left: 0 })\n  let menuRef: HTMLDivElement | undefined\n\n  const updatePosition = () => {\n    const t = props.trigger\n    if (!t) return\n    const rect = t.getBoundingClientRect()\n    const w = props.width ?? 144\n    setPosition({\n      top: rect.bottom + 4,\n      left: rect.right - w,\n    })\n  }\n\n  // Measure once when the menu opens, then react to viewport changes.\n  createEffect(() => {\n    if (!props.open) return\n    updatePosition()\n\n    const onDown = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (menuRef?.contains(target) || props.trigger?.contains(target)) return\n      props.onClose()\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') props.onClose()\n    }\n    const onScrollOrResize = () => updatePosition()\n\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    // Capture phase so scrolls inside nested containers (e.g. chat virtual\n    // list) also re-position the menu. `passive: true` because we never\n    // preventDefault here.\n    window.addEventListener('scroll', onScrollOrResize, { capture: true, passive: true })\n    window.addEventListener('resize', onScrollOrResize)\n\n    onCleanup(() => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScrollOrResize, { capture: true })\n      window.removeEventListener('resize', onScrollOrResize)\n    })\n  })\n\n  return (\n    <Show when={props.open}>\n      <Portal>\n        <div\n          ref={menuRef}\n          role=\"menu\"\n          style={{\n            position: 'fixed',\n            top: `${position().top}px`,\n            left: `${position().left}px`,\n            'z-index': 9999,\n            width: `${props.width ?? 144}px`,\n          }}\n          class={`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ''}`}\n        >\n          {props.children}\n        </div>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["PortalDropdownMenu","props","position","setPosition","createSignal","top","left","menuRef","updatePosition","t","trigger","rect","getBoundingClientRect","w","width","bottom","right","createEffect","open","onDown","e","target","contains","onClose","onKey","key","onScrollOrResize","document","addEventListener","window","capture","passive","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","_v$3","_v$4","class","_$setStyleProperty","a","o","_$className","undefined"],"mappings":";;;AA+DO,MAAMA,qBAA0DC,CAAAA,UAAU;AAC/E,QAAM,CAACC,UAAUC,WAAW,IAAIC,aAAa;AAAA,IAAEC,KAAK;AAAA,IAAGC,MAAM;AAAA,EAAA,CAAG;AAChE,MAAIC;AAEJ,QAAMC,iBAAiBA,MAAM;AAC3B,UAAMC,IAAIR,MAAMS;AAChB,QAAI,CAACD,EAAG;AACR,UAAME,OAAOF,EAAEG,sBAAAA;AACf,UAAMC,IAAIZ,MAAMa,SAAS;AACzBX,gBAAY;AAAA,MACVE,KAAKM,KAAKI,SAAS;AAAA,MACnBT,MAAMK,KAAKK,QAAQH;AAAAA,IAAAA,CACpB;AAAA,EACH;AAGAI,eAAa,MAAM;AACjB,QAAI,CAAChB,MAAMiB,KAAM;AACjBV,mBAAAA;AAEA,UAAMW,SAASA,CAACC,MAAkB;;AAChC,YAAMC,SAASD,EAAEC;AACjB,WAAId,mCAASe,SAASD,cAAWpB,WAAMS,YAANT,mBAAeqB,SAASD,SAAS;AAClEpB,YAAMsB,QAAAA;AAAAA,IACR;AACA,UAAMC,QAAQA,CAACJ,MAAqB;AAClC,UAAIA,EAAEK,QAAQ,SAAUxB,OAAMsB,QAAAA;AAAAA,IAChC;AACA,UAAMG,mBAAmBA,MAAMlB,eAAAA;AAE/BmB,aAASC,iBAAiB,aAAaT,MAAM;AAC7CQ,aAASC,iBAAiB,WAAWJ,KAAK;AAI1CK,WAAOD,iBAAiB,UAAUF,kBAAkB;AAAA,MAAEI,SAAS;AAAA,MAAMC,SAAS;AAAA,IAAA,CAAM;AACpFF,WAAOD,iBAAiB,UAAUF,gBAAgB;AAElDM,cAAU,MAAM;AACdL,eAASM,oBAAoB,aAAad,MAAM;AAChDQ,eAASM,oBAAoB,WAAWT,KAAK;AAC7CK,aAAOI,oBAAoB,UAAUP,kBAAkB;AAAA,QAAEI,SAAS;AAAA,MAAA,CAAM;AACxED,aAAOI,oBAAoB,UAAUP,gBAAgB;AAAA,IACvD,CAAC;AAAA,EACH,CAAC;AAED,SAAAQ,gBACGC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEnC,MAAMiB;AAAAA,IAAI;AAAA,IAAA,IAAAmB,WAAA;AAAA,aAAAH,gBACnBI,QAAM;AAAA,QAAA,IAAAD,WAAA;AAAA,cAAAE,OAAAC,eAAAC,MAAA;AAAA,cAAAC,QAEEnC;AAAO,iBAAAmC,UAAA,aAAAC,IAAAD,OAAAH,IAAA,IAAPhC,UAAOgC;AAAAK,iBAAAL,MAAA,MAWXtC,MAAMoC,QAAQ;AAAAQ,iBAAAC,CAAAA,QAAA;AAAA,gBAAAC,MAPR,GAAG7C,SAAAA,EAAWG,GAAG,MAAI2C,OACpB,GAAG9C,SAAAA,EAAWI,IAAI,MAAI2C,OAErB,GAAGhD,MAAMa,SAAS,GAAG,MAAIoC,OAE3B,2GAA2GjD,MAAMkD,SAAS,EAAE;AAAEJ,oBAAAD,IAAA1B,KAAAgC,iBAAAb,MAAA,OAAAO,IAAA1B,IAAA2B,GAAA;AAAAC,qBAAAF,IAAArC,KAAA2C,iBAAAb,MAAA,QAAAO,IAAArC,IAAAuC,IAAA;AAAAC,qBAAAH,IAAAO,KAAAD,iBAAAb,MAAA,SAAAO,IAAAO,IAAAJ,IAAA;AAAAC,qBAAAJ,IAAAQ,KAAAC,UAAAhB,MAAAO,IAAAQ,IAAAJ,IAAA;AAAA,mBAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAA1B,GAAAoC;AAAAA,YAAA/C,GAAA+C;AAAAA,YAAAH,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,UAAAA,CAAA;AAAA,iBAAAjB;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAO/I;"}