@sqlrooms/deck 0.29.0-rc.10 → 0.29.0-rc.12

package/README.md

@@ -4,7 +4,7 @@ preparation.
 
 ## Map resources and dashboard adapters
 
-Worksheet maps are first-class `deckMaps` resources. The root package export
+Document maps are first-class `deckMaps` resources. The root package export
 contains the resource slice, renderer, settings, direct DuckDB data adapter,
 and resource orchestration APIs. It does not require Mosaic.
 
@@ -14,14 +14,14 @@ selection, and issue translation inside that adapter boundary.
 
 `DeckMapSettingsPanel` is the shared host-neutral editor for both surfaces. It
 receives a map config, selected table, available tables, and edit callbacks;
-worksheet resources and Mosaic panels only adapt their respective stores to
+document resources and Mosaic panels only adapt their respective stores to
 that contract. Layer, binding, style, extrusion, and code-view controls therefore
-stay consistent without putting Mosaic APIs in the worksheet settings path.
+stay consistent without putting Mosaic APIs in the document settings path.
 
 Use `getDeckMapDataPolicy(...)` to resolve a map config into the exported
 `DeckMapDataPolicy` runtime row-limit policy.
 
-Worksheet map runtime issues distinguish dataset SQL failures (`sql-error`)
+Document map runtime issues distinguish dataset SQL failures (`sql-error`)
 from fit-to-data bounds failures (`fit-error`), so each issue is cleared only
 after its corresponding operation recovers.
 
@@ -29,7 +29,7 @@ after its corresponding operation recovers.
 fit-to-data bounds queries. The direct adapter uses the authored source for
 bounds while applying the configured row-limit policy only to rendered rows.
 
-Worksheet maps deliberately use independent selection semantics. Their direct
+Document maps deliberately use independent selection semantics. Their direct
 data adapter executes each configured SQL/table dataset through the room's
 DuckDB connector and neither reads nor publishes Mosaic selections. This drops
 the old incidental intra-map cross-filtering between datasets; a future
@@ -134,7 +134,8 @@ By default, the helper is conservative:
 
 - point / multipoint -> `GeoArrowScatterplotLayer`
 - linestring / multilinestring -> `GeoArrowPathLayer`
-- polygon / multipolygon -> `GeoArrowPolygonLayer`
+- native GeoArrow polygon / multipolygon -> `GeoArrowPolygonLayer`
+- WKB/WKT multipolygon -> `GeoJsonLayer`
 - mixed, unknown, or unsupported -> `GeoJsonLayer`
 
 You can provide semantic hints for special layers:
@@ -267,11 +268,11 @@ Runtime issue recovery can call `deckMaps.clearMapIssue(mapId, kind)` to clear
 only a matching issue kind; omit `kind` when the map state should clear any
 stale issue. Replacing a map config clears its prior render issue, while data
 issues remain until the corresponding dataset recovery is reported.
-Direct worksheet maps automatically fit the configured dataset when the map or
+Direct document maps automatically fit the configured dataset when the map or
 its source first becomes ready; the header action remains available for manual
 refitting.
 
-Hosts that expose direct worksheet-map AI capability should include
+Hosts that expose direct document-map AI capability should include
 `getDeckMapResourceAiInstructions()` in the responsible agent and tool
 instructions. `createOrUpdateDeckMapResource(...)` validates the fully merged
 resource before any durable block or map write: each dataset needs a
@@ -333,6 +334,11 @@ const result = await createOrUpdateDeckMapResource(
     blockDocumentId,
     mapId,
     config,
+    pointBinding: {
+      dataset: 'places',
+      longitudeColumn: 'longitude',
+      latitudeColumn: 'latitude',
+    },
     tableName,
     title,
     intent,
@@ -354,10 +360,22 @@ title and uses it as the default block caption. Block metadata is written only
 after the map write succeeds.
 
 Map authoring helpers such as `normalizeDeckMapPointConfig(...)`,
-`normalizeDeckMapFillColor(...)`, `regenerateMapConfigForTable(...)`, and
+`applyDeckMapPointBinding(...)`, `normalizeDeckMapFillColor(...)`,
+`regenerateMapConfigForTable(...)`, and
 dataset-source helpers such as `getFirstDatasetSourceTableName(...)` are
 exported so hosts can normalize AI-authored configs before calling
-`createOrUpdateDeckMapResource(...)`. `normalizeDeckMapPointConfig(...)` only adds
+`createOrUpdateDeckMapResource(...)`. Passing structured `pointBinding` to the
+resource helper applies `applyDeckMapPointBinding(...)`: it generates canonical
+WKB point SQL through `createDeckMapPointTransformSql(...)` and aligns the target
+dataset, point layers, brush interaction, and fit binding. The host table lookup
+also supplies source columns so missing coordinate columns and a generated
+geometry alias that would duplicate an existing column are rejected before
+durable state is written. For a single table-backed dataset, its canonical table
+identity must also match the selected table because that selection overrides the
+authored dataset source at render time. This is the preferred path for standard
+table-backed longitude/latitude maps; raw `transformSql` remains available for
+custom spatial transforms.
+`normalizeDeckMapPointConfig(...)` only adds
 the standard lon/lat point transform to table-backed datasets that do not
 already declare `geometryColumn`, `source.sqlQuery`, or `source.transformSql`
 and whose resolved table does not expose a native geometry column; native
@@ -539,6 +557,21 @@ getFillColor: {
 }
 ```
 
+Optional `opacity` (0–1) is a SQLRooms `colorScale` extension. The compiler
+multiplies it into the color's alpha so fill, stroke, and arc endpoints can be
+dimmed independently of deck.gl `layer.opacity`:
+
+```tsx
+getFillColor: {
+  '@@function': 'colorScale',
+  field: 'Magnitude',
+  type: 'sequential',
+  scheme: 'YlOrRd',
+  domain: 'auto',
+  opacity: 0.6,
+}
+```
+
 Discrete numeric palettes are supported too:
 
 ```tsx
@@ -596,6 +629,10 @@ scenes. It accepts resolved Arrow tables with geometry stored as:
 - WKB / GeoArrow WKB
 - WKT / GeoArrow WKT
 
+The returned `PreparedDeckDataset` records the dataset-level
+`datasetGeometryColumn` and `datasetGeometryEncodingHint` used to prepare
+and identify that payload.
+
 It then produces canonical deck-facing geometry outputs for:
 
 - GeoArrow-native layers such as `GeoArrowScatterplotLayer`
@@ -623,7 +660,6 @@ The current curated layer set is:
 - `GeoArrowColumnLayer`
 - `GeoArrowPathLayer`
 - `GeoArrowPolygonLayer`
-- `GeoArrowSolidPolygonLayer`
 - `GeoArrowArcLayer`
 - `GeoArrowTripsLayer`
 - `GeoArrowH3HexagonLayer`
@@ -632,15 +668,51 @@ The current curated layer set is:
 GeoArrow-native geometry columns are the efficient path. WKB/WKT geometry falls
 back to decoding and GeoJSON-binary preparation, with promotion available
 for point-focused GeoArrow layers such as `GeoArrowScatterplotLayer`,
-`GeoArrowHeatmapLayer`, and `GeoArrowColumnLayer`, plus polygon promotion for
-`GeoArrowPolygonLayer` and `GeoArrowSolidPolygonLayer`.
+`GeoArrowHeatmapLayer`, and `GeoArrowColumnLayer`, plus Polygon promotion for
+`GeoArrowPolygonLayer`. WKB/WKT MultiPolygon
+uses the GeoJSON-binary path so separate polygon parts retain their nesting.
 
 The GeoArrow layer implementations themselves come from
 [`@geoarrow/deck.gl-geoarrow`](https://github.com/geoarrow/deck.gl-geoarrow).
 
-When querying DuckDB spatial `GEOMETRY` columns directly, convert them first
-with `ST_AsWKB(...)` or `ST_AsText(...)`. DuckDB's internal geometry payload is
-not the same as standard WKB.
+When querying DuckDB spatial `GEOMETRY` columns, the dataset pipeline probes
+output types with `DESCRIBE` and projects native `GEOMETRY` columns through
+`SELECT * REPLACE (ST_AsWKB(col) AS col)` before prepare/decode. Matching is
+exact for `GEOMETRY` and CRS-parameterized forms such as
+`GEOMETRY('EPSG:4326')` — not containers like `GEOMETRY[]`. Authored SQL is
+not rewritten — the wrap is an outer pipeline query. Prefer writing
+`ST_AsWKB(...)` in transforms when you control the SQL; the pipeline covers
+bare `ST_Point(...)` / table `GEOMETRY` columns for every authoring surface.
+
+## AI map config prepare
+
+AI and host tooling should prepare authored Deck map configs through the shared
+helpers exported from `@sqlrooms/deck`:
+
+- `prepareAiDeckMapConfig(config, {resolveTable?, stripCatalogNames?})` — preferred entrypoint:
+  validates `colorScale.field` names against known tables when a resolver is
+  provided, then runs normalization. Hosts that attach a workspace DB under a
+  catalog that is **not** in scope for dataset SQL should pass that catalog via
+  `stripCatalogNames` (CLI passes `['sqlrooms-cli']`). Default is **no
+  stripping** so other apps keep their own catalogs / attached remotes intact.
+  Dashboard AI helpers (`createDashboardAgentToolWithDeckMaps`,
+  `createDashboardWithDeckMapAiTools`, `createDeckMapDashboardTool`) accept the
+  same option.
+- `normalizeAiDeckMapConfig(config, {stripCatalogNames?})` — safe structural defaults only (scheme
+  casing, solo-dataset binding inject, size clamps, heatmap `colorRange` strip,
+  lon/lat → WKB transform inject). `SELECT *` / `ST_AsWKB` alias collisions are
+  rejected by validation for agent retry — SQL is not rewritten.
+  Does not invent schemes or silently mutate polygon geometry into centroids.
+- `validateAndFixColorScaleFields(config, resolveTable)` — casing fix for
+  base-table columns; hard-rejects unknown fields on bare `{tableName}` sources.
+  Skips unknown-field rejection when `transformSql` / `sqlQuery` is present
+  (aliases may be transform-only).
+
+Durable resource writes also run `getDeckMapResourceConfigIssues` /
+`assertDeckMapResourceConfig` for syntax, supported layer types, and type/scheme
+compatibility (e.g. `quantile` + `Viridis` is rejected; layer `@@type` must be
+one of the settings picker classes). Native `GEOMETRY` columns are
+normalized to WKB by the dataset pipeline (not by SQL-string validation).
 
 ## Runtime Props and Children
 

package/dist/BlockMapSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockMapSettings.d.ts","sourceRoot":"","sources":["../src/BlockMapSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,2BAA2B,EAEjC,MAAM,qBAAqB,CAAC;AAS7B,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,2CA0G7B"}
+{"version":3,"file":"BlockMapSettings.d.ts","sourceRoot":"","sources":["../src/BlockMapSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,2BAA2B,EAEjC,MAAM,qBAAqB,CAAC;AAM7B,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,2CA2E7B"}

package/dist/BlockMapSettings.js

@@ -1,13 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTableIdentity } from '@sqlrooms/duckdb';
 import { blockDocumentContentToBlocks, useStoreWithBlockDocuments, } from '@sqlrooms/documents';
-import { Button } from '@sqlrooms/ui';
-import { XIcon } from 'lucide-react';
 import { useCallback, useMemo } from 'react';
 import { useStoreWithDeckMaps } from './DeckMapsSlice';
 import { DeckMapSettingsPanel } from './MapSettings';
-import { regenerateMapConfigForTable } from './mapConfigUtils';
-import { getDeckMapResourceConfigIssues } from './mapResourceAuthoring';
+import { applyDeckMapTableSelection } from './mapConfigUtils';
 export function DeckMapBlockSettings({ blockId, dashboardId, blockInstanceId, onClose, readOnly, }) {
     const mapId = blockInstanceId ?? blockId;
     const map = useStoreWithDeckMaps((state) => state.deckMaps.config.mapsById[mapId]);
@@ -22,7 +19,6 @@ export function DeckMapBlockSettings({ blockId, dashboardId, blockInstanceId, on
             candidate.type === 'statefulBlock' &&
             candidate.blockType === 'map')
         : undefined, [artifact, blockId]);
-    const configIssues = useMemo(() => map ? getDeckMapResourceConfigIssues(map.config, { allowEmpty: true }) : [], [map]);
     const handleTitleChange = useCallback((title) => {
         if (readOnly)
             return;
@@ -37,21 +33,13 @@ export function DeckMapBlockSettings({ blockId, dashboardId, blockInstanceId, on
     const handleTableChange = useCallback((table) => {
         if (readOnly || !map)
             return;
-        const config = regenerateMapConfigForTable({ config: map.config }, table);
-        if (config === map.config)
-            return;
         updateMap(mapId, {
             selectedTable: getTableIdentity(table.table),
-            config: config,
+            config: applyDeckMapTableSelection(map.config, table),
         });
     }, [map, mapId, readOnly, updateMap]);
     if (!map)
         return (_jsx("div", { className: "text-muted-foreground p-4 text-sm", children: "Map settings not available" }));
-    if (configIssues.length > 0 || map.config.configMode === 'custom') {
-        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium", children: [_jsx("span", { children: "Map settings" }), onClose ? (_jsx(Button, { variant: "ghost", size: "icon", className: "h-5 w-5", onClick: onClose, "aria-label": "Close", children: _jsx(XIcon, { className: "h-3.5 w-3.5" }) })) : null] }), _jsx("div", { className: "text-muted-foreground flex flex-1 items-center justify-center p-4 text-center text-sm", children: configIssues.length > 0
-                        ? `Invalid map configuration: ${configIssues[0].path}: ${configIssues[0].message}`
-                        : 'This custom map configuration cannot be safely edited with the basic settings controls.' })] }));
-    }
-    return (_jsx(DeckMapSettingsPanel, { title: block?.caption ?? map.title, selectedTable: map.selectedTable, config: map.config, tables: tables.filter((table) => table.columns.length > 0), onClose: onClose, onTitleChange: handleTitleChange, onTableChange: handleTableChange, onConfigChange: (config) => updateMap(mapId, { config }), readOnly: readOnly }));
+    return (_jsx(DeckMapSettingsPanel, { title: block?.caption ?? map.title, selectedTable: map.selectedTable, config: map.config, tables: tables.filter((table) => table.columns.length > 0), onClose: onClose, onTitleChange: handleTitleChange, onTableChange: handleTableChange, onConfigChange: (config) => updateMap(mapId, { config }), readOnly: readOnly, customConfig: map.config.configMode === 'custom', preferDatasetSource: true }));
 }
 //# sourceMappingURL=BlockMapSettings.js.map

package/dist/BlockMapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockMapSettings.js","sourceRoot":"","sources":["../src/BlockMapSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import {getTableIdentity, type DataTable} from '@sqlrooms/duckdb';\nimport {\n  blockDocumentContentToBlocks,\n  type BlockDocumentStatefulBlockBlock,\n  type BlockSettingsComponentProps,\n  useStoreWithBlockDocuments,\n} from '@sqlrooms/documents';\nimport {Button} from '@sqlrooms/ui';\nimport {XIcon} from 'lucide-react';\nimport {useCallback, useMemo} from 'react';\nimport {useStoreWithDeckMaps} from './DeckMapsSlice';\nimport {DeckMapSettingsPanel} from './MapSettings';\nimport {regenerateMapConfigForTable} from './mapConfigUtils';\nimport {getDeckMapResourceConfigIssues} from './mapResourceAuthoring';\n\nexport function DeckMapBlockSettings({\n  blockId,\n  dashboardId,\n  blockInstanceId,\n  onClose,\n  readOnly,\n}: BlockSettingsComponentProps) {\n  const mapId = blockInstanceId ?? blockId;\n  const map = useStoreWithDeckMaps(\n    (state) => state.deckMaps.config.mapsById[mapId],\n  );\n  const tables = useStoreWithDeckMaps((state) => state.db.tables);\n  const updateMap = useStoreWithDeckMaps((state) => state.deckMaps.updateMap);\n  const artifact = useStoreWithBlockDocuments((state) =>\n    dashboardId\n      ? state.blockDocuments.config.artifacts[dashboardId]\n      : undefined,\n  );\n  const updateBlock = useStoreWithBlockDocuments(\n    (state) => state.blockDocuments.updateBlock,\n  );\n  const block = useMemo(\n    () =>\n      artifact\n        ? blockDocumentContentToBlocks(artifact.content).find(\n            (candidate): candidate is BlockDocumentStatefulBlockBlock =>\n              candidate.id === blockId &&\n              candidate.type === 'statefulBlock' &&\n              candidate.blockType === 'map',\n          )\n        : undefined,\n    [artifact, blockId],\n  );\n  const configIssues = useMemo(\n    () =>\n      map ? getDeckMapResourceConfigIssues(map.config, {allowEmpty: true}) : [],\n    [map],\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string) => {\n      if (readOnly) return;\n      updateMap(mapId, {title});\n      if (dashboardId && block) {\n        updateBlock(dashboardId, blockId, {\n          ...block,\n          caption: title || undefined,\n        });\n      }\n    },\n    [block, blockId, dashboardId, mapId, readOnly, updateBlock, updateMap],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      if (readOnly || !map) return;\n      const config = regenerateMapConfigForTable({config: map.config}, table);\n      if (config === map.config) return;\n      updateMap(mapId, {\n        selectedTable: getTableIdentity(table.table),\n        config: config as typeof map.config,\n      });\n    },\n    [map, mapId, readOnly, updateMap],\n  );\n\n  if (!map)\n    return (\n      <div className=\"text-muted-foreground p-4 text-sm\">\n        Map settings not available\n      </div>\n    );\n\n  if (configIssues.length > 0 || map.config.configMode === 'custom') {\n    return (\n      <div className=\"flex h-full flex-col\">\n        <div className=\"flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium\">\n          <span>Map settings</span>\n          {onClose ? (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"h-5 w-5\"\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              <XIcon className=\"h-3.5 w-3.5\" />\n            </Button>\n          ) : null}\n        </div>\n        <div className=\"text-muted-foreground flex flex-1 items-center justify-center p-4 text-center text-sm\">\n          {configIssues.length > 0\n            ? `Invalid map configuration: ${configIssues[0]!.path}: ${configIssues[0]!.message}`\n            : 'This custom map configuration cannot be safely edited with the basic settings controls.'}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <DeckMapSettingsPanel\n      title={block?.caption ?? map.title}\n      selectedTable={map.selectedTable}\n      config={map.config}\n      tables={tables.filter((table) => table.columns.length > 0)}\n      onClose={onClose}\n      onTitleChange={handleTitleChange}\n      onTableChange={handleTableChange}\n      onConfigChange={(config) => updateMap(mapId, {config})}\n      readOnly={readOnly}\n    />\n  );\n}\n"]}
+{"version":3,"file":"BlockMapSettings.js","sourceRoot":"","sources":["../src/BlockMapSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAiB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EACL,4BAA4B,EAG5B,0BAA0B,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,oBAAoB,EAAC,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kBAAkB,CAAC;AAE5D,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,QAAQ,GACoB;IAC5B,MAAM,KAAK,GAAG,eAAe,IAAI,OAAO,CAAC;IACzC,MAAM,GAAG,GAAG,oBAAoB,CAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CACjD,CAAC;IACF,MAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC5E,MAAM,QAAQ,GAAG,0BAA0B,CAAC,CAAC,KAAK,EAAE,EAAE,CACpD,WAAW;QACT,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC;QACpD,CAAC,CAAC,SAAS,CACd,CAAC;IACF,MAAM,WAAW,GAAG,0BAA0B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAC5C,CAAC;IACF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,QAAQ;QACN,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CACjD,CAAC,SAAS,EAAgD,EAAE,CAC1D,SAAS,CAAC,EAAE,KAAK,OAAO;YACxB,SAAS,CAAC,IAAI,KAAK,eAAe;YAClC,SAAS,CAAC,SAAS,KAAK,KAAK,CAChC;QACH,CAAC,CAAC,SAAS,EACf,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,QAAQ;YAAE,OAAO;QACrB,SAAS,CAAC,KAAK,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;QAC1B,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;YACzB,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE;gBAChC,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,IAAI,SAAS;aAC5B,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,CAAC,CACvE,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,IAAI,CAAC,GAAG;YAAE,OAAO;QAC7B,SAAS,CAAC,KAAK,EAAE;YACf,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,MAAM,EAAE,0BAA0B,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC;SACtD,CAAC,CAAC;IACL,CAAC,EACD,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAClC,CAAC;IAEF,IAAI,CAAC,GAAG;QACN,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,2CAE5C,CACP,CAAC;IAEJ,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EAAE,OAAO,IAAI,GAAG,CAAC,KAAK,EAClC,aAAa,EAAE,GAAG,CAAC,aAAa,EAChC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAC1D,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,EAAC,MAAM,EAAC,CAAC,EACtD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,KAAK,QAAQ,EAChD,mBAAmB,SACnB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import {getTableIdentity, type DataTable} from '@sqlrooms/duckdb';\nimport {\n  blockDocumentContentToBlocks,\n  type BlockDocumentStatefulBlockBlock,\n  type BlockSettingsComponentProps,\n  useStoreWithBlockDocuments,\n} from '@sqlrooms/documents';\nimport {useCallback, useMemo} from 'react';\nimport {useStoreWithDeckMaps} from './DeckMapsSlice';\nimport {DeckMapSettingsPanel} from './MapSettings';\nimport {applyDeckMapTableSelection} from './mapConfigUtils';\n\nexport function DeckMapBlockSettings({\n  blockId,\n  dashboardId,\n  blockInstanceId,\n  onClose,\n  readOnly,\n}: BlockSettingsComponentProps) {\n  const mapId = blockInstanceId ?? blockId;\n  const map = useStoreWithDeckMaps(\n    (state) => state.deckMaps.config.mapsById[mapId],\n  );\n  const tables = useStoreWithDeckMaps((state) => state.db.tables);\n  const updateMap = useStoreWithDeckMaps((state) => state.deckMaps.updateMap);\n  const artifact = useStoreWithBlockDocuments((state) =>\n    dashboardId\n      ? state.blockDocuments.config.artifacts[dashboardId]\n      : undefined,\n  );\n  const updateBlock = useStoreWithBlockDocuments(\n    (state) => state.blockDocuments.updateBlock,\n  );\n  const block = useMemo(\n    () =>\n      artifact\n        ? blockDocumentContentToBlocks(artifact.content).find(\n            (candidate): candidate is BlockDocumentStatefulBlockBlock =>\n              candidate.id === blockId &&\n              candidate.type === 'statefulBlock' &&\n              candidate.blockType === 'map',\n          )\n        : undefined,\n    [artifact, blockId],\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string) => {\n      if (readOnly) return;\n      updateMap(mapId, {title});\n      if (dashboardId && block) {\n        updateBlock(dashboardId, blockId, {\n          ...block,\n          caption: title || undefined,\n        });\n      }\n    },\n    [block, blockId, dashboardId, mapId, readOnly, updateBlock, updateMap],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      if (readOnly || !map) return;\n      updateMap(mapId, {\n        selectedTable: getTableIdentity(table.table),\n        config: applyDeckMapTableSelection(map.config, table),\n      });\n    },\n    [map, mapId, readOnly, updateMap],\n  );\n\n  if (!map)\n    return (\n      <div className=\"text-muted-foreground p-4 text-sm\">\n        Map settings not available\n      </div>\n    );\n\n  return (\n    <DeckMapSettingsPanel\n      title={block?.caption ?? map.title}\n      selectedTable={map.selectedTable}\n      config={map.config}\n      tables={tables.filter((table) => table.columns.length > 0)}\n      onClose={onClose}\n      onTitleChange={handleTitleChange}\n      onTableChange={handleTableChange}\n      onConfigChange={(config) => updateMap(mapId, {config})}\n      readOnly={readOnly}\n      customConfig={map.config.configMode === 'custom'}\n      preferDatasetSource\n    />\n  );\n}\n"]}

package/dist/DashboardMapSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardMapSettings.d.ts","sourceRoot":"","sources":["../src/DashboardMapSettings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,qBAAqB,CAAC;AASrE,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAQ3C;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,2BAA2B,CAoHpE,CAAC"}
+{"version":3,"file":"DashboardMapSettings.d.ts","sourceRoot":"","sources":["../src/DashboardMapSettings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,qBAAqB,CAAC;AAOrE,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAQ3C;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,2BAA2B,CA+FpE,CAAC"}

package/dist/DashboardMapSettings.js

@@ -1,8 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTableIdentity } from '@sqlrooms/duckdb';
 import { ConfirmDatasetChangeDialog, useConfirmDatasetChange, useStoreWithMosaicDashboard, useTablesWithColumns, } from '@sqlrooms/mosaic';
-import { Button } from '@sqlrooms/ui';
-import { XIcon } from 'lucide-react';
 import { useCallback } from 'react';
 import { DeckMapSettingsPanel } from './MapSettings';
 import { DECK_MAP_DASHBOARD_PANEL_TYPE, } from './dashboardConfig';
@@ -36,17 +34,16 @@ export const DeckMapDashboardSettings = ({ blockId, dashboardId, onClose, readOn
         });
     }, [blockId, dashboardId, readOnly, updatePanel]);
     const { handleChangeRequest, handleConfirm, handleCancel, isDialogOpen } = useConfirmDatasetChange(handleTableChange);
+    const panel = dashboard?.panels.find((candidate) => candidate.id === blockId);
+    const mapConfig = panel?.type === DECK_MAP_DASHBOARD_PANEL_TYPE
+        ? panel.config
+        : undefined;
     if (!dashboard) {
         return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Dashboard not found" }) }));
     }
-    const panel = dashboard.panels.find((candidate) => candidate.id === blockId);
-    if (!panel || panel.type !== DECK_MAP_DASHBOARD_PANEL_TYPE) {
+    if (!panel || !mapConfig) {
         return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Map panel not found" }) }));
     }
-    const mapConfig = panel.config;
-    if (mapConfig.configMode === 'custom') {
-        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium", children: [_jsx("span", { children: "Map settings" }), onClose ? (_jsx(Button, { variant: "ghost", size: "icon", className: "h-5 w-5", onClick: onClose, "aria-label": "Close", children: _jsx(XIcon, { className: "h-3.5 w-3.5" }) })) : null] }), _jsx("div", { className: "text-muted-foreground flex flex-1 items-center justify-center p-4 text-center text-sm", children: "This custom map configuration cannot be safely edited with the basic settings controls." })] }));
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(DeckMapSettingsPanel, { title: panel.title, selectedTable: dashboard.selectedTable, config: mapConfig, tables: tables, onClose: onClose, onTableChange: handleChangeRequest, onTitleChange: handleTitleChange, onConfigChange: handleConfigChange, readOnly: readOnly }), _jsx(ConfirmDatasetChangeDialog, { open: isDialogOpen, onConfirm: handleConfirm, onCancel: handleCancel })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DeckMapSettingsPanel, { title: panel.title, selectedTable: dashboard.selectedTable, config: mapConfig, tables: tables, onClose: onClose, onTableChange: handleChangeRequest, onTitleChange: handleTitleChange, onConfigChange: handleConfigChange, readOnly: readOnly, customConfig: mapConfig.configMode === 'custom' }), _jsx(ConfirmDatasetChangeDialog, { open: isDialogOpen, onConfirm: handleConfirm, onCancel: handleCancel })] }));
 };
 //# sourceMappingURL=DashboardMapSettings.js.map

package/dist/DashboardMapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardMapSettings.js","sourceRoot":"","sources":["../src/DashboardMapSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import {getTableIdentity, type DataTable} from '@sqlrooms/duckdb';\nimport type {BlockSettingsComponentProps} from '@sqlrooms/documents';\nimport {\n  ConfirmDatasetChangeDialog,\n  useConfirmDatasetChange,\n  useStoreWithMosaicDashboard,\n  useTablesWithColumns,\n} from '@sqlrooms/mosaic';\nimport {Button} from '@sqlrooms/ui';\nimport {XIcon} from 'lucide-react';\nimport {type FC, useCallback} from 'react';\nimport {DeckMapSettingsPanel} from './MapSettings';\nimport {\n  DECK_MAP_DASHBOARD_PANEL_TYPE,\n  type DeckMapDashboardPanelConfig,\n} from './dashboardConfig';\nimport type {DeckMapConfig} from './mapConfig';\n\n/**\n * Settings adapter for a Deck map panel inside a Mosaic dashboard.\n */\nexport const DeckMapDashboardSettings: FC<BlockSettingsComponentProps> = ({\n  blockId,\n  dashboardId,\n  onClose,\n  readOnly,\n}) => {\n  const dashboard = useStoreWithMosaicDashboard((state) =>\n    dashboardId ? state.mosaicDashboard.getDashboard(dashboardId) : undefined,\n  );\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n  const tables = useTablesWithColumns();\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      if (readOnly) return;\n\n      if (dashboardId) {\n        setSelectedTable(dashboardId, getTableIdentity(table.table));\n      }\n    },\n    [dashboardId, readOnly, setSelectedTable],\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string) => {\n      if (readOnly) return;\n\n      if (dashboardId) {\n        updatePanel(dashboardId, blockId, {title: title || undefined});\n      }\n    },\n    [dashboardId, blockId, readOnly, updatePanel],\n  );\n\n  const handleConfigChange = useCallback(\n    (config: DeckMapConfig) => {\n      if (readOnly || !dashboardId) return;\n      updatePanel(dashboardId, blockId, {\n        config: config as unknown as Record<string, unknown>,\n      });\n    },\n    [blockId, dashboardId, readOnly, updatePanel],\n  );\n\n  const {handleChangeRequest, handleConfirm, handleCancel, isDialogOpen} =\n    useConfirmDatasetChange(handleTableChange);\n\n  if (!dashboard) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <p className=\"text-muted-foreground text-sm\">Dashboard not found</p>\n      </div>\n    );\n  }\n\n  const panel = dashboard.panels.find((candidate) => candidate.id === blockId);\n\n  if (!panel || panel.type !== DECK_MAP_DASHBOARD_PANEL_TYPE) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <p className=\"text-muted-foreground text-sm\">Map panel not found</p>\n      </div>\n    );\n  }\n\n  const mapConfig = panel.config as DeckMapDashboardPanelConfig;\n  if (mapConfig.configMode === 'custom') {\n    return (\n      <div className=\"flex h-full flex-col\">\n        <div className=\"flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium\">\n          <span>Map settings</span>\n          {onClose ? (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"h-5 w-5\"\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              <XIcon className=\"h-3.5 w-3.5\" />\n            </Button>\n          ) : null}\n        </div>\n        <div className=\"text-muted-foreground flex flex-1 items-center justify-center p-4 text-center text-sm\">\n          This custom map configuration cannot be safely edited with the basic\n          settings controls.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DeckMapSettingsPanel\n        title={panel.title}\n        selectedTable={dashboard.selectedTable}\n        config={mapConfig}\n        tables={tables}\n        onClose={onClose}\n        onTableChange={handleChangeRequest}\n        onTitleChange={handleTitleChange}\n        onConfigChange={handleConfigChange}\n        readOnly={readOnly}\n      />\n      <ConfirmDatasetChangeDialog\n        open={isDialogOpen}\n        onConfirm={handleConfirm}\n        onCancel={handleCancel}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"DashboardMapSettings.js","sourceRoot":"","sources":["../src/DashboardMapSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import {getTableIdentity, type DataTable} from '@sqlrooms/duckdb';\nimport type {BlockSettingsComponentProps} from '@sqlrooms/documents';\nimport {\n  ConfirmDatasetChangeDialog,\n  useConfirmDatasetChange,\n  useStoreWithMosaicDashboard,\n  useTablesWithColumns,\n} from '@sqlrooms/mosaic';\nimport {type FC, useCallback} from 'react';\nimport {DeckMapSettingsPanel} from './MapSettings';\nimport {\n  DECK_MAP_DASHBOARD_PANEL_TYPE,\n  type DeckMapDashboardPanelConfig,\n} from './dashboardConfig';\nimport type {DeckMapConfig} from './mapConfig';\n\n/**\n * Settings adapter for a Deck map panel inside a Mosaic dashboard.\n */\nexport const DeckMapDashboardSettings: FC<BlockSettingsComponentProps> = ({\n  blockId,\n  dashboardId,\n  onClose,\n  readOnly,\n}) => {\n  const dashboard = useStoreWithMosaicDashboard((state) =>\n    dashboardId ? state.mosaicDashboard.getDashboard(dashboardId) : undefined,\n  );\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n  const tables = useTablesWithColumns();\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      if (readOnly) return;\n\n      if (dashboardId) {\n        setSelectedTable(dashboardId, getTableIdentity(table.table));\n      }\n    },\n    [dashboardId, readOnly, setSelectedTable],\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string) => {\n      if (readOnly) return;\n\n      if (dashboardId) {\n        updatePanel(dashboardId, blockId, {title: title || undefined});\n      }\n    },\n    [dashboardId, blockId, readOnly, updatePanel],\n  );\n\n  const handleConfigChange = useCallback(\n    (config: DeckMapConfig) => {\n      if (readOnly || !dashboardId) return;\n      updatePanel(dashboardId, blockId, {\n        config: config as unknown as Record<string, unknown>,\n      });\n    },\n    [blockId, dashboardId, readOnly, updatePanel],\n  );\n\n  const {handleChangeRequest, handleConfirm, handleCancel, isDialogOpen} =\n    useConfirmDatasetChange(handleTableChange);\n\n  const panel = dashboard?.panels.find((candidate) => candidate.id === blockId);\n  const mapConfig =\n    panel?.type === DECK_MAP_DASHBOARD_PANEL_TYPE\n      ? (panel.config as DeckMapDashboardPanelConfig)\n      : undefined;\n\n  if (!dashboard) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <p className=\"text-muted-foreground text-sm\">Dashboard not found</p>\n      </div>\n    );\n  }\n\n  if (!panel || !mapConfig) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <p className=\"text-muted-foreground text-sm\">Map panel not found</p>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DeckMapSettingsPanel\n        title={panel.title}\n        selectedTable={dashboard.selectedTable}\n        config={mapConfig}\n        tables={tables}\n        onClose={onClose}\n        onTableChange={handleChangeRequest}\n        onTitleChange={handleTitleChange}\n        onConfigChange={handleConfigChange}\n        readOnly={readOnly}\n        customConfig={mapConfig.configMode === 'custom'}\n      />\n      <ConfirmDatasetChangeDialog\n        open={isDialogOpen}\n        onConfirm={handleConfirm}\n        onCancel={handleCancel}\n      />\n    </>\n  );\n};\n"]}

package/dist/DeckJsonMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckJsonMap.d.ts","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAwB1C,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AAgPjB,eAAO,MAAM,WAAW,gHA+VvB,CAAC"}
+{"version":3,"file":"DeckJsonMap.d.ts","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"AAYA,OAAO,kCAAkC,CAAC;AAyB1C,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AA+QjB,eAAO,MAAM,WAAW,gHAuVvB,CAAC"}

package/dist/DeckJsonMap.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { JSONConverter } from '@deck.gl/json';
 import { MapboxOverlay } from '@deck.gl/mapbox';
 import { ColorScaleLegend } from '@sqlrooms/color-scales';
-import { cn, useTheme } from '@sqlrooms/ui';
+import { cn, Collapsible, CollapsibleContent, CollapsibleTrigger, useTheme, } from '@sqlrooms/ui';
+import { ChevronRightIcon } from 'lucide-react';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { forwardRef } from 'react';
@@ -15,6 +16,7 @@ import { createDeckJsonConfiguration } from './json/createDeckJsonConfiguration'
 import { extractColorScaleLegends } from './json/extractColorScaleLegends';
 import { getLayerCompatibility } from './json/layerCompatibility';
 import { resolveDatasetId } from './json/layerConfig';
+import { buildDeckMapJumpToOptions } from './mapFit';
 const DEFAULT_MAP_STYLES = {
     light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
     dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
@@ -102,6 +104,14 @@ const TripsTimeControl = ({ currentTime, maxTime, playing, onPlayPause, onSeek }
     }
     return (_jsxs("div", { className: "bg-background/90 border-border/70 pointer-events-auto relative flex items-center gap-1.5 rounded-md border px-2 py-1.5 pr-7 shadow-sm backdrop-blur-sm", children: [_jsx("button", { type: "button", onClick: onPlayPause, className: "text-foreground hover:bg-accent flex h-5 w-5 shrink-0 items-center justify-center rounded", title: playing ? 'Pause' : 'Play', children: playing ? (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: [_jsx("rect", { x: "1", y: "1", width: "3", height: "8" }), _jsx("rect", { x: "6", y: "1", width: "3", height: "8" })] })) : (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: _jsx("polygon", { points: "2,1 9,5 2,9" }) })) }), _jsx("input", { type: "range", min: 0, max: 1000, value: Math.round(progress * 1000), onChange: (e) => onSeek((Number(e.target.value) / 1000) * maxTime), className: "h-1 w-24 flex-1 cursor-pointer" }), _jsx("button", { type: "button", onClick: () => setCollapsed(true), className: "text-muted-foreground hover:text-foreground absolute top-1.5 right-1.5 flex h-4 w-4 items-center justify-center rounded-sm transition-colors", title: "Collapse", children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", children: _jsx("path", { d: "M1 1L7 7M7 1L1 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })] }));
 };
+function getDeckLayerTypeName(layer) {
+    if (!layer || typeof layer !== 'object')
+        return '?';
+    const ctor = layer.constructor;
+    // Prefer static layerName: table-to-RecordBatch adapters all share
+    // constructor.name "Adapter", which would miss heatmap ↔ scatterplot swaps.
+    return ctor?.layerName ?? ctor?.name ?? '?';
+}
 // Workaround for deck.gl HeatmapLayer not releasing its WebGL framebuffer
 // when replaced by another layer type (e.g. switching heatmap → scatterplot).
 // We detect layer class changes and clear layers for one animation frame,
@@ -113,14 +123,7 @@ function DeckOverlayControl({ interleaved, ...deckProps }) {
     const [clearing, setClearing] = useState(false);
     const layers = deckProps.layers;
     const layerKey = Array.isArray(layers)
-        ? layers
-            .map((l) => {
-            if (!l || typeof l !== 'object')
-                return '?';
-            const ctor = l.constructor;
-            return ctor?.name ?? '?';
-        })
-            .join(',')
+        ? layers.map(getDeckLayerTypeName).join(',')
         : '';
     useEffect(() => {
         if (prevLayerKeyRef.current &&
@@ -141,9 +144,13 @@ function DeckOverlayControl({ interleaved, ...deckProps }) {
     }
     return null;
 }
+function DeckMapRenderingErrorOverlay({ error }) {
+    return (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center p-4", children: _jsx("div", { className: "max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm", children: _jsxs(Collapsible, { children: [_jsxs("div", { className: "flex items-start gap-1", children: [_jsx("span", { children: "Map couldn't be rendered" }), _jsx(CollapsibleTrigger, { className: "group mt-0.5 shrink-0 rounded p-0.5 hover:bg-red-100", "aria-label": "Show error details", children: _jsx(ChevronRightIcon, { className: "h-3.5 w-3.5 transition-transform group-data-[state=open]:rotate-90" }) })] }), _jsx(CollapsibleContent, { children: _jsx("pre", { className: "mt-2 max-h-40 overflow-auto font-mono text-xs whitespace-pre-wrap", children: error.message }) })] }) }) }));
+}
 export const DeckJsonMap = forwardRef(function DeckJsonMap({ spec, datasets, mapStyle, interleaved = true, deckProps, mapProps, showLegends = true, className, children, onDatasetStatesChange, onRenderingError, }, ref) {
     const normalizedDatasets = useMemo(() => normalizeDatasets(datasets), [datasets]);
-    const datasetIds = useMemo(() => Object.keys(normalizedDatasets), [normalizedDatasets]);
+    const datasetIdKey = JSON.stringify(Object.keys(normalizedDatasets).sort());
+    const datasetIds = useMemo(() => JSON.parse(datasetIdKey), [datasetIdKey]);
     const datasetStates = usePreparedDatasetStates(normalizedDatasets);
     const onDatasetStatesChangeRef = useRef(onDatasetStatesChange);
     const { spec: parsedSpec, error: specError } = useMemo(() => parseSpec(spec), [spec]);
@@ -322,12 +329,7 @@ export const DeckJsonMap = forwardRef(function DeckJsonMap({ spec, datasets, map
     const pendingJumpRef = useRef(null);
     useImperativeHandle(ref, () => ({
         jumpTo(opts) {
-            const jumpOpts = {
-                center: [opts.longitude, opts.latitude],
-                zoom: opts.zoom,
-                bearing: opts.bearing ?? 0,
-                pitch: opts.pitch ?? 0,
-            };
+            const jumpOpts = buildDeckMapJumpToOptions(opts);
             if (mapRef.current) {
                 mapRef.current.jumpTo(jumpOpts);
             }
@@ -362,8 +364,8 @@ export const DeckJsonMap = forwardRef(function DeckJsonMap({ spec, datasets, map
             datasetIds,
             datasetStates,
         })
-        : [], [availableSpec, datasetIds, datasetStates, showLegends]);
-    return (_jsxs("div", { className: cn('relative h-full w-full', className), children: [hasRenderingError ? (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center p-4", children: _jsx("div", { className: "max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm", children: `Map couldn't be rendered. Check the console for details.` }) })) : null, _jsxs(Map, { ref: mapRef, ...mergedMapProps, ...(initialViewState
+        : [], [availableSpec, datasetIds, showLegends, datasetStates]);
+    return (_jsxs("div", { className: cn('relative h-full w-full', className), children: [finalDeckPropsResult.error ? (_jsx(DeckMapRenderingErrorOverlay, { error: finalDeckPropsResult.error })) : null, _jsxs(Map, { ref: mapRef, ...mergedMapProps, ...(initialViewState
                     ? { initialViewState: initialViewState }
                     : {}), onLoad: handleMapLoad, style: { width: '100%', height: '100%', ...mapProps?.style }, children: [_jsx(DeckOverlayControl, { interleaved: interleaved, ...overlayDeckProps }), children] }), renderDatasetErrorOverlay(datasetStates), !hasRenderingError && showLegends ? (_jsxs("div", { className: "pointer-events-none absolute bottom-2 left-2 z-10 max-w-56", children: [hasTripsLayer && tripsMaxTimeValue > 0 ? (_jsx("div", { className: "mb-1", children: _jsx(TripsTimeControl, { currentTime: tripsCurrentTime, maxTime: tripsMaxTimeValue, playing: tripsPlaying, onPlayPause: handleTripsPlayPause, onSeek: handleTripsSeek }) })) : null, _jsx(ColorScaleLegend, { legends: legends })] })) : hasTripsLayer && tripsMaxTimeValue > 0 ? (_jsx("div", { className: "pointer-events-none absolute bottom-2 left-2 z-10", children: _jsx(TripsTimeControl, { currentTime: tripsCurrentTime, maxTime: tripsMaxTimeValue, playing: tripsPlaying, onPlayPause: handleTripsPlayPause, onSeek: handleTripsSeek }) })) : null] }));
 });