@k2b/ui 0.35.0 → 0.37.0

package/dist/browser/content/map-view-snapshot.js

@@ -0,0 +1,191 @@
+/** Same decoded RGBA budget as Cloud's isolated print-image worker (64 MiB). */
+export const MAP_SNAPSHOT_MAX_PIXELS = 16 * 1024 * 1024;
+export class MapSnapshotError extends Error {
+  constructor(code) {
+    super(`Map snapshot: ${code}`);
+    this.code = code;
+    this.name = "MapSnapshotError";
+  }
+}
+export function snapshotAborted(signal) {
+  return signal.reason instanceof MapSnapshotError ? signal.reason : new MapSnapshotError("aborted");
+}
+
+/** Also observes late rejection; a cancelled image/font/encoding operation never becomes unhandled. */
+export function snapshotWait(promise, signal) {
+  return new Promise((resolve, reject) => {
+    const abort = () => reject(snapshotAborted(signal));
+    if (signal.aborted) return abort();
+    signal.addEventListener("abort", abort, {
+      once: true
+    });
+    promise.then(resolve, reject).finally(() => signal.removeEventListener("abort", abort));
+  });
+}
+const svgNamespace = "http://www.w3.org/2000/svg";
+// Only renderer-owned shapes and paint cross into the rasterizer; no foreignObject, links, images or CSS URLs.
+const paints = ["fill", "fill-opacity", "stroke", "stroke-width", "stroke-opacity", "stroke-dasharray", "stroke-linecap", "stroke-linejoin"];
+function geometryImage(root, bounds) {
+  const source = root.querySelector(".k2b-map-view__geometry");
+  if (!source) return;
+  const svg = document.createElementNS(svgNamespace, "svg");
+  svg.setAttribute("width", String(bounds.width));
+  svg.setAttribute("height", String(bounds.height));
+  const geometry = document.createElementNS(svgNamespace, "svg");
+  const box = source.getBoundingClientRect();
+  for (const [name, value] of Object.entries({
+    x: box.left - bounds.left,
+    y: box.top - bounds.top,
+    width: box.width,
+    height: box.height,
+    viewBox: source.getAttribute("viewBox") ?? "",
+    preserveAspectRatio: "none",
+    overflow: "visible"
+  })) geometry.setAttribute(name, String(value));
+  for (const shape of source.querySelectorAll("path")) {
+    const copy = document.createElementNS(svgNamespace, shape.localName);
+    for (const name of ["d", "cx", "cy", "r", "vector-effect"]) {
+      const value = shape.getAttribute(name);
+      if (value !== null) copy.setAttribute(name, value);
+    }
+    const style = getComputedStyle(shape);
+    for (const name of paints) {
+      const value = style.getPropertyValue(name);
+      if (value.includes("url(")) throw new MapSnapshotError("capture_failed");
+      copy.setAttribute(name, value);
+    }
+    geometry.append(copy);
+  }
+  svg.append(geometry);
+  const image = new Image();
+  image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(new XMLSerializer().serializeToString(svg))}`;
+  return image;
+}
+function drawPins(ctx, root, bounds) {
+  const pins = Array.from(root.querySelectorAll(".k2b-map-view__pin"));
+  // The selected pin paints above the others, as in the DOM.
+  pins.sort((a, b) => Number(a.getAttribute("aria-pressed") === "true") - Number(b.getAttribute("aria-pressed") === "true"));
+  for (const pin of pins) {
+    const box = pin.getBoundingClientRect();
+    const style = getComputedStyle(pin);
+    const x = box.left - bounds.left,
+      y = box.top - bounds.top;
+    // Resolve CSS variables through a paint property, since custom properties can still contain var().
+    const selected = pin.getAttribute("aria-pressed") === "true" || pin.hasAttribute("data-selected");
+    const stop = pin.hasAttribute("data-stop");
+    const surface = getComputedStyle(root.querySelector(".k2b-map-view__attribution") ?? root).backgroundColor;
+    ctx.save();
+    if (pin.hasAttribute("data-drop")) {
+      const span = pin.querySelector("span");
+      ctx.fillStyle = getComputedStyle(span).backgroundColor;
+      ctx.beginPath();
+      ctx.ellipse(x + box.width / 2, y + box.height / 2, box.width / 2, box.height / 2, 0, Math.PI, Math.PI * 2);
+      ctx.lineTo(x + box.width, y + box.height * 0.68);
+      ctx.lineTo(x + box.width / 2, y + box.height);
+      ctx.lineTo(x, y + box.height * 0.68);
+      ctx.closePath();
+      ctx.fill();
+      if (selected) {
+        ctx.fillStyle = surface;
+        ctx.beginPath();
+        ctx.arc(x + box.width / 2, y + box.height * 0.34, 4, 0, Math.PI * 2);
+        ctx.fill();
+      }
+    } else {
+      ctx.beginPath();
+      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2 + 2.5, 0, Math.PI * 2);
+      ctx.fillStyle = surface;
+      ctx.fill();
+      ctx.beginPath();
+      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2, 0, Math.PI * 2);
+      ctx.fillStyle = style.backgroundColor;
+      ctx.fill();
+      // The first box-shadow is the resolved inset tone ring. Text ink can differ in dark mode.
+      const ring = style.boxShadow.match(/(?:rgba?|color|oklch|oklab)\([^)]*\)/)?.[0];
+      if (!ring && !stop && !selected) throw new MapSnapshotError("capture_failed");
+      ctx.strokeStyle = stop || selected ? style.backgroundColor : ring;
+      ctx.lineWidth = 2;
+      ctx.beginPath();
+      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2 - 1, 0, Math.PI * 2);
+      ctx.stroke();
+      ctx.fillStyle = style.color;
+      ctx.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+      ctx.textAlign = "center";
+      ctx.textBaseline = "middle";
+      ctx.fillText(pin.textContent ?? "", x + box.width / 2, y + box.height / 2);
+    }
+    ctx.restore();
+  }
+}
+function drawAttribution(ctx, root, bounds) {
+  const attribution = root.querySelector(".k2b-map-view__attribution");
+  if (!attribution?.textContent?.trim()) throw new MapSnapshotError("capture_failed");
+  const box = attribution.getBoundingClientRect();
+  const style = getComputedStyle(attribution);
+  ctx.fillStyle = style.backgroundColor;
+  ctx.fillRect(box.left - bounds.left, box.top - bounds.top, box.width, box.height);
+  const walker = document.createTreeWalker(attribution, NodeFilter.SHOW_TEXT);
+  while (walker.nextNode()) {
+    const node = walker.currentNode;
+    const parent = node.parentElement;
+    const ink = getComputedStyle(parent);
+    ctx.fillStyle = ink.color;
+    ctx.font = `${ink.fontWeight} ${ink.fontSize} ${ink.fontFamily}`;
+    ctx.textBaseline = "top";
+    ctx.textAlign = "left";
+    // Per-character ranges preserve line breaks, wrapping, and bidi positions without capturing arbitrary HTML.
+    const range = document.createRange();
+    for (let i = 0; i < (node.textContent?.length ?? 0); i++) {
+      range.setStart(node, i);
+      range.setEnd(node, i + 1);
+      const r = range.getBoundingClientRect();
+      ctx.fillText(node.textContent[i], r.left - bounds.left, r.top - bounds.top);
+    }
+  }
+}
+
+/** Called synchronously in MapLibre's render event, before WebGL clears its drawing buffer. */
+export async function rasterizeMapView(root, base, signal) {
+  const bounds = root.getBoundingClientRect();
+  const width = Math.round(bounds.width),
+    height = Math.round(bounds.height);
+  if (width < 1 || height < 1 || width > 16383 || height > 16383 || width * height > MAP_SNAPSHOT_MAX_PIXELS) throw new MapSnapshotError("too_large");
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new MapSnapshotError("capture_failed");
+  try {
+    // Copy the GPU frame immediately. No preserveDrawingBuffer overhead for ordinary interactive maps.
+    ctx.drawImage(base, 0, 0, width, height);
+    const geometry = geometryImage(root, bounds);
+    // Save all overlay pixels before yielding, so subsequent DOM changes cannot mix revisions.
+    const overlay = document.createElement("canvas");
+    overlay.width = width;
+    overlay.height = height;
+    try {
+      const ink = overlay.getContext("2d");
+      drawPins(ink, root, bounds);
+      drawAttribution(ink, root, bounds);
+      if (geometry) {
+        await snapshotWait(geometry.decode(), signal);
+        ctx.drawImage(geometry, 0, 0, width, height);
+      }
+      ctx.drawImage(overlay, 0, 0);
+    } finally {
+      overlay.width = overlay.height = 0;
+    }
+    const data = await snapshotWait(new Promise((resolve, reject) => canvas.toBlob(blob => blob ? resolve(blob) : reject(new MapSnapshotError("capture_failed")), "image/png")), signal);
+    return {
+      data,
+      width,
+      height
+    };
+  } catch (error) {
+    if (error instanceof MapSnapshotError) throw error;
+    throw new MapSnapshotError("capture_failed");
+  } finally {
+    canvas.width = canvas.height = 0;
+  }
+}
+//# sourceMappingURL=map-view-snapshot.js.map

package/dist/browser/content/map-view-snapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/map-view-snapshot.ts"],"sourcesContent":["import type { MapViewSnapshot } from \"./map-view-types\";\n\n/** Same decoded RGBA budget as Cloud's isolated print-image worker (64 MiB). */\nexport const MAP_SNAPSHOT_MAX_PIXELS = 16 * 1024 * 1024;\nexport type MapSnapshotErrorCode =\n  | \"not_ready\"\n  | \"resource_failed\"\n  | \"changed\"\n  | \"disposed\"\n  | \"busy\"\n  | \"too_large\"\n  | \"timed_out\"\n  | \"aborted\"\n  | \"capture_failed\";\nexport class MapSnapshotError extends Error {\n  constructor(readonly code: MapSnapshotErrorCode) {\n    super(`Map snapshot: ${code}`);\n    this.name = \"MapSnapshotError\";\n  }\n}\n\nexport function snapshotAborted(signal: AbortSignal): MapSnapshotError {\n  return signal.reason instanceof MapSnapshotError ? signal.reason : new MapSnapshotError(\"aborted\");\n}\n\n/** Also observes late rejection; a cancelled image/font/encoding operation never becomes unhandled. */\nexport function snapshotWait<T>(promise: Promise<T>, signal: AbortSignal): Promise<T> {\n  return new Promise((resolve, reject) => {\n    const abort = () => reject(snapshotAborted(signal));\n    if (signal.aborted) return abort();\n    signal.addEventListener(\"abort\", abort, { once: true });\n    promise.then(resolve, reject).finally(() => signal.removeEventListener(\"abort\", abort));\n  });\n}\n\nconst svgNamespace = \"http://www.w3.org/2000/svg\";\n// Only renderer-owned shapes and paint cross into the rasterizer; no foreignObject, links, images or CSS URLs.\nconst paints = [\n  \"fill\",\n  \"fill-opacity\",\n  \"stroke\",\n  \"stroke-width\",\n  \"stroke-opacity\",\n  \"stroke-dasharray\",\n  \"stroke-linecap\",\n  \"stroke-linejoin\",\n] as const;\nfunction geometryImage(root: HTMLElement, bounds: DOMRect): HTMLImageElement | undefined {\n  const source = root.querySelector<SVGSVGElement>(\".k2b-map-view__geometry\");\n  if (!source) return;\n  const svg = document.createElementNS(svgNamespace, \"svg\");\n  svg.setAttribute(\"width\", String(bounds.width));\n  svg.setAttribute(\"height\", String(bounds.height));\n  const geometry = document.createElementNS(svgNamespace, \"svg\");\n  const box = source.getBoundingClientRect();\n  for (const [name, value] of Object.entries({\n    x: box.left - bounds.left,\n    y: box.top - bounds.top,\n    width: box.width,\n    height: box.height,\n    viewBox: source.getAttribute(\"viewBox\") ?? \"\",\n    preserveAspectRatio: \"none\",\n    overflow: \"visible\",\n  }))\n    geometry.setAttribute(name, String(value));\n  for (const shape of source.querySelectorAll(\"path\")) {\n    const copy = document.createElementNS(svgNamespace, shape.localName);\n    for (const name of [\"d\", \"cx\", \"cy\", \"r\", \"vector-effect\"]) {\n      const value = shape.getAttribute(name);\n      if (value !== null) copy.setAttribute(name, value);\n    }\n    const style = getComputedStyle(shape);\n    for (const name of paints) {\n      const value = style.getPropertyValue(name);\n      if (value.includes(\"url(\")) throw new MapSnapshotError(\"capture_failed\");\n      copy.setAttribute(name, value);\n    }\n    geometry.append(copy);\n  }\n  svg.append(geometry);\n  const image = new Image();\n  image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(new XMLSerializer().serializeToString(svg))}`;\n  return image;\n}\n\nfunction drawPins(ctx: CanvasRenderingContext2D, root: HTMLElement, bounds: DOMRect) {\n  const pins = Array.from(root.querySelectorAll<HTMLElement>(\".k2b-map-view__pin\"));\n  // The selected pin paints above the others, as in the DOM.\n  pins.sort((a, b) => Number(a.getAttribute(\"aria-pressed\") === \"true\") - Number(b.getAttribute(\"aria-pressed\") === \"true\"));\n  for (const pin of pins) {\n    const box = pin.getBoundingClientRect();\n    const style = getComputedStyle(pin);\n    const x = box.left - bounds.left,\n      y = box.top - bounds.top;\n    // Resolve CSS variables through a paint property, since custom properties can still contain var().\n    const selected = pin.getAttribute(\"aria-pressed\") === \"true\" || pin.hasAttribute(\"data-selected\");\n    const stop = pin.hasAttribute(\"data-stop\");\n    const surface = getComputedStyle(root.querySelector(\".k2b-map-view__attribution\") ?? root).backgroundColor;\n    ctx.save();\n    if (pin.hasAttribute(\"data-drop\")) {\n      const span = pin.querySelector(\"span\")!;\n      ctx.fillStyle = getComputedStyle(span).backgroundColor;\n      ctx.beginPath();\n      ctx.ellipse(x + box.width / 2, y + box.height / 2, box.width / 2, box.height / 2, 0, Math.PI, Math.PI * 2);\n      ctx.lineTo(x + box.width, y + box.height * 0.68);\n      ctx.lineTo(x + box.width / 2, y + box.height);\n      ctx.lineTo(x, y + box.height * 0.68);\n      ctx.closePath();\n      ctx.fill();\n      if (selected) {\n        ctx.fillStyle = surface;\n        ctx.beginPath();\n        ctx.arc(x + box.width / 2, y + box.height * 0.34, 4, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    } else {\n      ctx.beginPath();\n      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2 + 2.5, 0, Math.PI * 2);\n      ctx.fillStyle = surface;\n      ctx.fill();\n      ctx.beginPath();\n      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2, 0, Math.PI * 2);\n      ctx.fillStyle = style.backgroundColor;\n      ctx.fill();\n      // The first box-shadow is the resolved inset tone ring. Text ink can differ in dark mode.\n      const ring = style.boxShadow.match(/(?:rgba?|color|oklch|oklab)\\([^)]*\\)/)?.[0];\n      if (!ring && !stop && !selected) throw new MapSnapshotError(\"capture_failed\");\n      ctx.strokeStyle = stop || selected ? style.backgroundColor : ring!;\n      ctx.lineWidth = 2;\n      ctx.beginPath();\n      ctx.arc(x + box.width / 2, y + box.height / 2, box.width / 2 - 1, 0, Math.PI * 2);\n      ctx.stroke();\n      ctx.fillStyle = style.color;\n      ctx.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n      ctx.textAlign = \"center\";\n      ctx.textBaseline = \"middle\";\n      ctx.fillText(pin.textContent ?? \"\", x + box.width / 2, y + box.height / 2);\n    }\n    ctx.restore();\n  }\n}\n\nfunction drawAttribution(ctx: CanvasRenderingContext2D, root: HTMLElement, bounds: DOMRect) {\n  const attribution = root.querySelector<HTMLElement>(\".k2b-map-view__attribution\");\n  if (!attribution?.textContent?.trim()) throw new MapSnapshotError(\"capture_failed\");\n  const box = attribution.getBoundingClientRect();\n  const style = getComputedStyle(attribution);\n  ctx.fillStyle = style.backgroundColor;\n  ctx.fillRect(box.left - bounds.left, box.top - bounds.top, box.width, box.height);\n  const walker = document.createTreeWalker(attribution, NodeFilter.SHOW_TEXT);\n  while (walker.nextNode()) {\n    const node = walker.currentNode;\n    const parent = node.parentElement!;\n    const ink = getComputedStyle(parent);\n    ctx.fillStyle = ink.color;\n    ctx.font = `${ink.fontWeight} ${ink.fontSize} ${ink.fontFamily}`;\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"left\";\n    // Per-character ranges preserve line breaks, wrapping, and bidi positions without capturing arbitrary HTML.\n    const range = document.createRange();\n    for (let i = 0; i < (node.textContent?.length ?? 0); i++) {\n      range.setStart(node, i);\n      range.setEnd(node, i + 1);\n      const r = range.getBoundingClientRect();\n      ctx.fillText(node.textContent![i]!, r.left - bounds.left, r.top - bounds.top);\n    }\n  }\n}\n\n/** Called synchronously in MapLibre's render event, before WebGL clears its drawing buffer. */\nexport async function rasterizeMapView(root: HTMLElement, base: HTMLCanvasElement, signal: AbortSignal): Promise<MapViewSnapshot> {\n  const bounds = root.getBoundingClientRect();\n  const width = Math.round(bounds.width),\n    height = Math.round(bounds.height);\n  if (width < 1 || height < 1 || width > 16383 || height > 16383 || width * height > MAP_SNAPSHOT_MAX_PIXELS)\n    throw new MapSnapshotError(\"too_large\");\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = width;\n  canvas.height = height;\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) throw new MapSnapshotError(\"capture_failed\");\n  try {\n    // Copy the GPU frame immediately. No preserveDrawingBuffer overhead for ordinary interactive maps.\n    ctx.drawImage(base, 0, 0, width, height);\n    const geometry = geometryImage(root, bounds);\n    // Save all overlay pixels before yielding, so subsequent DOM changes cannot mix revisions.\n    const overlay = document.createElement(\"canvas\");\n    overlay.width = width;\n    overlay.height = height;\n    try {\n      const ink = overlay.getContext(\"2d\")!;\n      drawPins(ink, root, bounds);\n      drawAttribution(ink, root, bounds);\n      if (geometry) {\n        await snapshotWait(geometry.decode(), signal);\n        ctx.drawImage(geometry, 0, 0, width, height);\n      }\n      ctx.drawImage(overlay, 0, 0);\n    } finally {\n      overlay.width = overlay.height = 0;\n    }\n    const data = await snapshotWait(\n      new Promise<Blob>((resolve, reject) =>\n        canvas.toBlob((blob) => (blob ? resolve(blob) : reject(new MapSnapshotError(\"capture_failed\"))), \"image/png\"),\n      ),\n      signal,\n    );\n    return { data, width, height };\n  } catch (error) {\n    if (error instanceof MapSnapshotError) throw error;\n    throw new MapSnapshotError(\"capture_failed\");\n  } finally {\n    canvas.width = canvas.height = 0;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/map-view-types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/map-view-types.ts"],"sourcesContent":["import type { StyleSpecification } from \"maplibre-gl\";\nimport type { JSX } from \"solid-js\";\n\nexport type MapViewPoint = { lat: number; lon: number };\nexport type MapViewTone = \"accent\" | \"second\" | \"neutral\" | \"warning\";\nexport type MapViewMarker = {\n  id: string;\n  point: MapViewPoint;\n  /** A number, a single letter, or \"+\". Omit for a drop pin. */\n  mark?: number | string;\n  label: string;\n  tone?: MapViewTone;\n  selected?: boolean;\n};\nexport type MapViewLineTone = \"accent\" | \"muted\" | \"preview\" | \"previous\";\nexport type MapViewLine = { id: string; tone?: MapViewLineTone } & ({ polyline6: string } | { points: MapViewPoint[] });\nexport type MapViewArea = { id: string; polygon: MapViewPoint[]; tone?: MapViewTone };\nexport type MapViewOwnLocation = { point: MapViewPoint; accuracyMeters?: number };\nexport type MapViewStyle = string | StyleSpecification;\nexport type MapViewStyleSource = MapViewStyle | { light: MapViewStyle; dark: MapViewStyle };\nexport type MapViewFit = \"all\" | \"markers\";\nexport type MapViewFrameProps = {\n  markers?: MapViewMarker[];\n  lines?: MapViewLine[];\n  areas?: MapViewArea[];\n  ownLocation?: MapViewOwnLocation;\n  height: number;\n  padding?: number;\n  fit?: MapViewFit;\n  selectedId?: string;\n  attribution?: JSX.Element;\n  class?: string;\n};\nexport type MapViewProps = Omit<MapViewFrameProps, \"attribution\"> & {\n  style: MapViewStyleSource;\n  attribution: JSX.Element;\n  onSelect?: (id: string) => void;\n  infoTile?: (marker: MapViewMarker) => JSX.Element;\n  notice?: JSX.Element;\n  empty?: JSX.Element;\n  onLocate?: () => void;\n  /** Observe rendering and resource failures without receiving provider responses or URLs. */\n  onStateChange?: (state: \"static\" | \"loading\" | \"ready\" | \"error\" | \"no-webgl\" | \"empty\") => void;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/map-view-types.ts"],"sourcesContent":["import type { StyleSpecification } from \"maplibre-gl\";\nimport type { JSX } from \"solid-js\";\n\nexport type MapViewPoint = { lat: number; lon: number };\nexport type MapViewTone = \"accent\" | \"second\" | \"neutral\" | \"warning\";\nexport type MapViewMarker = {\n  id: string;\n  point: MapViewPoint;\n  /** A number, a single letter, or \"+\". Omit for a drop pin. */\n  mark?: number | string;\n  label: string;\n  tone?: MapViewTone;\n  selected?: boolean;\n};\nexport type MapViewLineTone = \"accent\" | \"muted\" | \"preview\" | \"previous\";\nexport type MapViewLine = { id: string; tone?: MapViewLineTone } & ({ polyline6: string } | { points: MapViewPoint[] });\nexport type MapViewArea = { id: string; polygon: MapViewPoint[]; tone?: MapViewTone };\nexport type MapViewOwnLocation = { point: MapViewPoint; accuracyMeters?: number };\nexport type MapViewStyle = string | StyleSpecification;\nexport type MapViewStyleSource = MapViewStyle | { light: MapViewStyle; dark: MapViewStyle };\nexport type MapViewFit = \"all\" | \"markers\";\nexport type MapViewFrameProps = {\n  markers?: MapViewMarker[];\n  lines?: MapViewLine[];\n  areas?: MapViewArea[];\n  ownLocation?: MapViewOwnLocation;\n  height: number;\n  padding?: number;\n  fit?: MapViewFit;\n  selectedId?: string;\n  attribution?: JSX.Element;\n  class?: string;\n};\nexport type MapViewSnapshot = { data: Blob; width: number; height: number };\nexport type MapViewSnapshotOptions = { signal?: AbortSignal; timeoutMs?: number };\nexport type MapViewHandle = {\n  /** Capture the current complete view; never loads, pans, refits, or retries provider resources. */\n  snapshot: (options?: MapViewSnapshotOptions) => Promise<MapViewSnapshot>;\n};\nexport type MapViewProps = Omit<MapViewFrameProps, \"attribution\"> & {\n  style: MapViewStyleSource;\n  /** Browser-only handle; remains safely callable after disposal (rejects disposed). */\n  ref?: (handle: MapViewHandle) => void;\n  attribution: JSX.Element;\n  onSelect?: (id: string) => void;\n  infoTile?: (marker: MapViewMarker) => JSX.Element;\n  notice?: JSX.Element;\n  empty?: JSX.Element;\n  onLocate?: () => void;\n  /** Observe rendering and resource failures without receiving provider responses or URLs. */\n  onStateChange?: (state: \"static\" | \"loading\" | \"ready\" | \"error\" | \"no-webgl\" | \"empty\") => void;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/browser/feedback/prompts.js

@@ -50,6 +50,7 @@ import { Select } from "../inputs/Select";
 import { resolveSelectMessages } from "../inputs/select-messages";
 import { TagsInput } from "../inputs/TagsInput";
 import { TextInput } from "../inputs/TextInput";
+import { KeyedFor } from "../internal/keyed-for";
 import { resolveUiMessages } from "../intl/messages";
 import { dialogCore } from "./dialog-core";
 import { resolvePromptMessages } from "./prompt-messages";
@@ -460,6 +461,18 @@ const PromptFormDialog = props => {
     return _el$1;
   })();
 };
+
+// Results without an ID keep today's behavior: each object is its own identity, so a new answer replaces the row.
+const anonymousRows = new WeakMap();
+let anonymousRow = 0;
+const searchRowIdentity = item => {
+  if (item.id !== undefined) return `id:${item.id}`;
+  const known = anonymousRows.get(item);
+  if (known !== undefined) return known;
+  const key = `object:${anonymousRow++}`;
+  anonymousRows.set(item, key);
+  return key;
+};
 const openSearchPrompt = (resolver, options) => dialogCore.open(close => {
   const [query, setQuery] = createSignal(options?.initialQuery ?? "");
   const [items, setItems] = createSignal([]);
@@ -635,10 +648,11 @@ const openSearchPrompt = (resolver, options) => dialogCore.open(close => {
       get children() {
         var _el$29 = _$getNextElement(_tmpl$0);
         _$setAttribute(_el$29, "id", listboxId);
-        _$insert(_el$29, _$createComponent(For, {
+        _$insert(_el$29, _$createComponent(KeyedFor, {
           get each() {
             return items();
           },
+          by: searchRowIdentity,
           children: (item, index) => (() => {
             var _el$39 = _$getNextElement(_tmpl$15),
               _el$46 = _el$39.firstChild,
@@ -647,42 +661,42 @@ const openSearchPrompt = (resolver, options) => dialogCore.open(close => {
               _el$43 = _el$42.firstChild,
               _el$44 = _el$43.nextSibling,
               [_el$45, _co$9] = _$getNextMarker(_el$44.nextSibling);
-            _el$39.$$click = () => execute(item);
+            _el$39.$$click = () => execute(item());
             _el$39.addEventListener("mouseenter", () => setActiveIndex(index()));
             _$use(element => {
               if (!element) rowRefs.delete(index());else rowRefs.set(index(), element);
             }, _el$39);
             _$insert(_el$39, _$createComponent(Show, {
               get when() {
-                return item.previewUrl?.startsWith("/") || item.icon;
+                return item().previewUrl?.startsWith("/") || item().icon;
               },
               get children() {
                 var _el$40 = _$getNextElement(_tmpl$14);
                 _$insert(_el$40, _$createComponent(Show, {
                   get when() {
-                    return _$memo(() => !!item.previewUrl?.startsWith("/"))() && !failedPreviews[index()];
+                    return _$memo(() => !!item().previewUrl?.startsWith("/"))() && !failedPreviews[index()];
                   },
                   get fallback() {
                     return (() => {
                       var _el$48 = _$getNextElement(_tmpl$2);
-                      _$effect(() => _$className(_el$48, item.icon ?? "ti ti-file"));
+                      _$effect(() => _$className(_el$48, item().icon ?? "ti ti-file"));
                       return _el$48;
                     })();
                   },
                   get children() {
                     var _el$41 = _$getNextElement(_tmpl$13);
                     _el$41.addEventListener("error", () => setFailedPreviews(index(), true));
-                    _$effect(() => _$setAttribute(_el$41, "src", item.previewUrl));
+                    _$effect(() => _$setAttribute(_el$41, "src", item().previewUrl));
                     return _el$41;
                   }
                 }));
                 return _el$40;
               }
             }), _el$47, _co$0);
-            _$insert(_el$43, () => item.label);
+            _$insert(_el$43, () => item().label);
             _$insert(_el$42, _$createComponent(Show, {
               get when() {
-                return item.desc;
+                return item().desc;
               },
               children: description => (() => {
                 var _el$49 = _$getNextElement(_tmpl$16);
@@ -694,7 +708,7 @@ const openSearchPrompt = (resolver, options) => dialogCore.open(close => {
               var _v$9 = optionId(index()),
                 _v$0 = activeIndex() === index(),
                 _v$1 = activeIndex() === index() ? "true" : undefined,
-                _v$10 = item.desc ? "true" : undefined;
+                _v$10 = item().desc ? "true" : undefined;
               _v$9 !== _p$.e && _$setAttribute(_el$39, "id", _p$.e = _v$9);
               _v$0 !== _p$.t && _$setAttribute(_el$39, "aria-selected", _p$.t = _v$0);
               _v$1 !== _p$.a && _$setAttribute(_el$39, "data-active", _p$.a = _v$1);