@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/intelligent-ui/renderers/map.js

@@ -1,9 +1,10 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useId, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Button, LazyBoundary, Spinner } from '@adecore/ui';
 import { useChatHost } from '../../../../host.js';
+import { useHostMapSource } from '../../../../host-hooks.js';
 import { lazyNamed } from '../../../../lazy.js';
 import { DiffFallbackBoundary } from '../../diff/DiffFallbackBoundary.js';
 import { uiChildrenOf, uiNodeLabel } from '../node-text.js';
@@ -13,101 +14,652 @@ import { useLater } from '../use-later.js';
 import { bindingOf, PENDING } from './binding.js';
 import { useMapSlot } from './map-slots.js';
 // MapLibre and its stylesheet load with the first map that is drawn, never with the chat.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MapView = lazyNamed(() => import('./map-view.js'), 'MapView');
 /* A map that is still loading shows a spinner only once the wait is noticeable. */
 const LOADING_SPINNER_MS = 1000;
 /* The number that ties a row to its marker. The list numbers itself for a screen reader, so the chip is only for the eye. */
-function NumberChip({ number, selected }) {
-    return (_jsx("span", { "aria-hidden": true, className: clsx('mt-px flex size-5 shrink-0 items-center justify-center rounded-md text-2xs font-semibold tabular-nums', selected ? 'bg-accent text-accent-text' : 'bg-ui-inset text-text'), children: number }));
+function NumberChip(t0) {
+  const $ = _c(5);
+  const {
+    number,
+    selected
+  } = t0;
+  const t1 = selected ? "bg-accent text-accent-text" : "bg-ui-inset text-text";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx("mt-px flex size-5 shrink-0 items-center justify-center rounded-md text-2xs font-semibold tabular-nums", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== number || $[3] !== t2) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      "aria-hidden": true,
+      className: t2,
+      children: number
+    });
+    $[2] = number;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 }
-function PlaceRow({ listed, number, selected, onPick }) {
-    const { t } = useTranslation('agent-chat');
-    const { detail, address } = listed.node.props;
-    const body = (_jsxs(_Fragment, { children: [_jsx(NumberChip, { number: number, selected: selected }), _jsxs("span", { className: "flex min-w-0 grow flex-col gap-0.5", children: [_jsx("span", { className: "text-xs font-medium wrap-break-word text-text", children: listed.name }), detail !== undefined && detail !== '' && _jsx("span", { className: "text-xs wrap-break-word text-text-muted", children: detail }), address !== undefined && address !== '' && _jsx("span", { className: "text-xs wrap-break-word text-text-faint", children: address }), listed.point === undefined && _jsx("span", { className: "text-xs text-text-faint", children: t('blocks.map.lookingUp') }), listed.point === null && _jsx("span", { className: "text-xs text-text-faint", children: t('blocks.map.notFound') })] })] }));
-    const row = 'flex h-full w-full min-h-12 items-start gap-2.5 rounded-xl bg-ui-tile px-3 py-2 text-left';
-    return (_jsx("li", { children: onPick === null ? (_jsx("div", { className: clsx(row, selected && 'ring-2 ring-accent ring-inset'), children: body })) : (_jsx("button", { type: "button", "aria-pressed": selected, className: clsx(row, 'hover:bg-surface-active', selected && 'ring-2 ring-accent ring-inset'), onClick: onPick, children: body })) }));
+function PlaceRow(t0) {
+  const $ = _c(28);
+  const {
+    listed,
+    number,
+    selected,
+    onPick
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    detail,
+    address
+  } = listed.node.props;
+  let t1;
+  if ($[0] !== number || $[1] !== selected) {
+    t1 = /*#__PURE__*/_jsx(NumberChip, {
+      number: number,
+      selected: selected
+    });
+    $[0] = number;
+    $[1] = selected;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== listed.name) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "text-xs font-medium wrap-break-word text-text",
+      children: listed.name
+    });
+    $[3] = listed.name;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== detail) {
+    t3 = detail !== undefined && detail !== "" && /*#__PURE__*/_jsx("span", {
+      className: "text-xs wrap-break-word text-text-muted",
+      children: detail
+    });
+    $[5] = detail;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== address) {
+    t4 = address !== undefined && address !== "" && /*#__PURE__*/_jsx("span", {
+      className: "text-xs wrap-break-word text-text-faint",
+      children: address
+    });
+    $[7] = address;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== listed.point || $[10] !== t) {
+    t5 = listed.point === undefined && /*#__PURE__*/_jsx("span", {
+      className: "text-xs text-text-faint",
+      children: t("blocks.map.lookingUp")
+    });
+    $[9] = listed.point;
+    $[10] = t;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== listed.point || $[13] !== t) {
+    t6 = listed.point === null && /*#__PURE__*/_jsx("span", {
+      className: "text-xs text-text-faint",
+      children: t("blocks.map.notFound")
+    });
+    $[12] = listed.point;
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t2 || $[16] !== t3 || $[17] !== t4 || $[18] !== t5 || $[19] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 grow flex-col gap-0.5",
+      children: [t2, t3, t4, t5, t6]
+    });
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== t1 || $[22] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t7]
+    });
+    $[21] = t1;
+    $[22] = t7;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  const body = t8;
+  let t9;
+  if ($[24] !== body || $[25] !== onPick || $[26] !== selected) {
+    t9 = /*#__PURE__*/_jsx("li", {
+      children: onPick === null ? /*#__PURE__*/_jsx("div", {
+        className: clsx("flex h-full w-full min-h-12 items-start gap-2.5 rounded-xl bg-ui-tile px-3 py-2 text-left", selected && "ring-2 ring-accent ring-inset"),
+        children: body
+      }) : /*#__PURE__*/_jsx("button", {
+        type: "button",
+        "aria-pressed": selected,
+        className: clsx("flex h-full w-full min-h-12 items-start gap-2.5 rounded-xl bg-ui-tile px-3 py-2 text-left", "hover:bg-surface-active", selected && "ring-2 ring-accent ring-inset"),
+        onClick: onPick,
+        children: body
+      })
+    });
+    $[24] = body;
+    $[25] = onPick;
+    $[26] = selected;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  return t9;
 }
 /* Why the map is not the host's: its own reason when the source has none, or what the view found out on the way. */
 function noteFor(t, source, status) {
-    if (status === 'offline') {
-        return t('blocks.map.offline');
-    }
-    if (status === 'unavailable' || status === 'failed' || status === 'lost') {
-        return t('blocks.map.unavailable');
-    }
-    if (source?.state === 'off') {
-        return t(source.reason === 'disabled' ? 'blocks.map.disabled' : source.reason === 'signed-out' ? 'blocks.map.signedOut' : 'blocks.map.unavailable');
-    }
-    return source?.state === 'tiles' && status === 'tiles' ? (source.attribution ?? null) : null;
+  if (status === 'offline') {
+    return t('blocks.map.offline');
+  }
+  if (status === 'unavailable' || status === 'failed' || status === 'lost') {
+    return t('blocks.map.unavailable');
+  }
+  if (source?.state === 'off') {
+    return t(source.reason === 'disabled' ? 'blocks.map.disabled' : source.reason === 'signed-out' ? 'blocks.map.signedOut' : 'blocks.map.unavailable');
+  }
+  return source?.state === 'tiles' && status === 'tiles' ? source.attribution ?? null : null;
 }
 /*
  * The picture of the places and the line under it that says whose tiles these are, or why there are none.
  * The map is only drawn while the frame is near the viewport and holds one of the page's few map slots
  * (`MAX_LIVE_MAPS`); one that waits for a slot, or whose graphics context the browser took back, offers a button.
  */
-function MapFrame({ markers, source, selected, onPick }) {
-    const { t } = useTranslation('agent-chat');
-    const id = useId();
-    const [element, setElement] = useState(null);
-    const [status, setStatus] = useState('loading');
-    const [attempt, setAttempt] = useState(0);
-    const inView = useInView(element);
-    const broken = status === 'failed' || status === 'lost';
-    const slot = useMapSlot(id, inView && !broken);
-    const drawn = slot.state === 'granted' && !broken;
-    const waiting = useLater(drawn && status === 'loading', LOADING_SPINNER_MS);
-    const note = noteFor(t, source, status);
-    const quiet = (text, action) => (_jsxs("div", { className: "grid h-full place-items-center content-center justify-items-center gap-2 p-3 text-center", children: [_jsx("p", { className: "text-xs text-text-faint", children: text }), action !== undefined && (_jsx(Button, { size: "sm", variant: "secondary", onClick: action.run, children: action.label }))] }));
-    const retry = () => {
-        setStatus('loading');
-        setAttempt((previous) => previous + 1);
+function MapFrame(t0) {
+  const $ = _c(36);
+  const {
+    markers,
+    source,
+    selected,
+    onPick
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const id = useId();
+  const [element, setElement] = useState(null);
+  const [status, setStatus] = useState("loading");
+  const [attempt, setAttempt] = useState(0);
+  const inView = useInView(element);
+  const broken = status === "failed" || status === "lost";
+  const slot = useMapSlot(id, inView && !broken);
+  const drawn = slot.state === "granted" && !broken;
+  const waiting = useLater(drawn && status === "loading", LOADING_SPINNER_MS);
+  let t1;
+  if ($[0] !== source || $[1] !== status || $[2] !== t) {
+    t1 = noteFor(t, source, status);
+    $[0] = source;
+    $[1] = status;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const note = t1;
+  const quiet = _temp;
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setStatus("loading");
+      setAttempt(_temp2);
     };
-    let body = null;
-    if (status === 'failed') {
-        body = quiet(t('blocks.map.unavailable'));
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const retry = t2;
+  let body = null;
+  if (status === "failed") {
+    let t3;
+    if ($[5] !== t) {
+      t3 = quiet(t("blocks.map.unavailable"));
+      $[5] = t;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
     }
-    else if (status === 'lost') {
-        body = quiet(t('blocks.map.contextLost'), { label: t('blocks.map.show'), run: retry });
-    }
-    else if (slot.state === 'queued') {
-        body = quiet(t('blocks.map.waiting'), { label: t('blocks.map.show'), run: slot.take });
-    }
-    else if (drawn) {
-        body = (_jsx(DiffFallbackBoundary, { fallback: quiet(t('blocks.map.unavailable')), resetKeys: [], children: _jsx(LazyBoundary, { children: _jsx(MapView, { markers: markers, source: source ?? { state: 'off', reason: 'unavailable' }, selected: selected, onPick: onPick, onStatus: setStatus }, attempt) }) }));
+    body = t3;
+  } else {
+    if (status === "lost") {
+      let t3;
+      if ($[7] !== t) {
+        t3 = quiet(t("blocks.map.contextLost"), {
+          label: t("blocks.map.show"),
+          run: retry
+        });
+        $[7] = t;
+        $[8] = t3;
+      } else {
+        t3 = $[8];
+      }
+      body = t3;
+    } else {
+      if (slot.state === "queued") {
+        let t3;
+        if ($[9] !== slot.take || $[10] !== t) {
+          t3 = quiet(t("blocks.map.waiting"), {
+            label: t("blocks.map.show"),
+            run: slot.take
+          });
+          $[9] = slot.take;
+          $[10] = t;
+          $[11] = t3;
+        } else {
+          t3 = $[11];
+        }
+        body = t3;
+      } else {
+        if (drawn) {
+          let t3;
+          if ($[12] !== t) {
+            t3 = quiet(t("blocks.map.unavailable"));
+            $[12] = t;
+            $[13] = t3;
+          } else {
+            t3 = $[13];
+          }
+          let t4;
+          if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+            t4 = [];
+            $[14] = t4;
+          } else {
+            t4 = $[14];
+          }
+          let t5;
+          if ($[15] !== source) {
+            t5 = source ?? {
+              state: "off",
+              reason: "unavailable"
+            };
+            $[15] = source;
+            $[16] = t5;
+          } else {
+            t5 = $[16];
+          }
+          let t6;
+          if ($[17] !== attempt || $[18] !== markers || $[19] !== onPick || $[20] !== selected || $[21] !== t5) {
+            t6 = /*#__PURE__*/_jsx(LazyBoundary, {
+              children: /*#__PURE__*/_jsx(MapView, {
+                markers: markers,
+                source: t5,
+                selected: selected,
+                onPick: onPick,
+                onStatus: setStatus
+              }, attempt)
+            });
+            $[17] = attempt;
+            $[18] = markers;
+            $[19] = onPick;
+            $[20] = selected;
+            $[21] = t5;
+            $[22] = t6;
+          } else {
+            t6 = $[22];
+          }
+          let t7;
+          if ($[23] !== t3 || $[24] !== t6) {
+            t7 = /*#__PURE__*/_jsx(DiffFallbackBoundary, {
+              fallback: t3,
+              resetKeys: t4,
+              children: t6
+            });
+            $[23] = t3;
+            $[24] = t6;
+            $[25] = t7;
+          } else {
+            t7 = $[25];
+          }
+          body = t7;
+        }
+      }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: setElement, className: "relative h-50 overflow-hidden rounded-xl bg-ui-tile @min-[420px]:h-60", children: [body, waiting && (_jsx("div", { className: "pointer-events-none absolute inset-0 grid place-items-center", children: _jsx(Spinner, { size: 16 }) }))] }), note !== null && _jsx("p", { className: "px-0.5 text-xs text-text-faint", children: note })] }));
+  }
+  let t3;
+  if ($[26] !== waiting) {
+    t3 = waiting && /*#__PURE__*/_jsx("div", {
+      className: "pointer-events-none absolute inset-0 grid place-items-center",
+      children: /*#__PURE__*/_jsx(Spinner, {
+        size: 16
+      })
+    });
+    $[26] = waiting;
+    $[27] = t3;
+  } else {
+    t3 = $[27];
+  }
+  let t4;
+  if ($[28] !== body || $[29] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("div", {
+      ref: setElement,
+      className: "relative h-50 overflow-hidden rounded-xl bg-ui-tile @min-[420px]:h-60",
+      children: [body, t3]
+    });
+    $[28] = body;
+    $[29] = t3;
+    $[30] = t4;
+  } else {
+    t4 = $[30];
+  }
+  let t5;
+  if ($[31] !== note) {
+    t5 = note !== null && /*#__PURE__*/_jsx("p", {
+      className: "px-0.5 text-xs text-text-faint",
+      children: note
+    });
+    $[31] = note;
+    $[32] = t5;
+  } else {
+    t5 = $[32];
+  }
+  let t6;
+  if ($[33] !== t4 || $[34] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t4, t5]
+    });
+    $[33] = t4;
+    $[34] = t5;
+    $[35] = t6;
+  } else {
+    t6 = $[35];
+  }
+  return t6;
 }
 /* Asks the host for its tiles in a component of its own, since a host that offers none has no hook to call. */
-function HostedFrame({ maps, scopeId, ...frame }) {
-    return _jsx(MapFrame, { ...frame, source: maps.useSource(scopeId) });
+function _temp2(previous) {
+  return previous + 1;
+}
+function _temp(text, action) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: "grid h-full place-items-center content-center justify-items-center gap-2 p-3 text-center",
+    children: [/*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-faint",
+      children: text
+    }), action !== undefined && /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "secondary",
+      onClick: action.run,
+      children: action.label
+    })]
+  });
+}
+function HostedFrame(t0) {
+  const $ = _c(7);
+  let frame;
+  let maps;
+  let scopeId;
+  if ($[0] !== t0) {
+    ({
+      maps,
+      scopeId,
+      ...frame
+    } = t0);
+    $[0] = t0;
+    $[1] = frame;
+    $[2] = maps;
+    $[3] = scopeId;
+  } else {
+    frame = $[1];
+    maps = $[2];
+    scopeId = $[3];
+  }
+  const t1 = useHostMapSource(maps, scopeId);
+  let t2;
+  if ($[4] !== frame || $[5] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MapFrame, {
+      ...frame,
+      source: t1
+    });
+    $[4] = frame;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 /*
  * The places of a map as a numbered list, which is also the form a screen reader, an offline page and a
  * map without tiles all rely on. A place that carries a `value` is a button when the map is bound, and
  * picking it sets the binding. A place the lookup could not place stays in the list without a marker.
  */
-export function MapRenderer({ node, children, context }) {
-    const { t } = useTranslation('agent-chat');
-    const binding = bindingOf(node, context);
-    const current = binding?.value ?? node.props.value;
-    const maps = useChatHost().maps;
-    const places = uiChildrenOf(node, 'Place').map((place) => ({
+export function MapRenderer(t0) {
+  const $ = _c(46);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== context || $[1] !== node) {
+    t1 = bindingOf(node, context);
+    $[0] = context;
+    $[1] = node;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const binding = t1;
+  const current = binding?.value ?? node.props.value;
+  const maps = useChatHost().maps;
+  let markers;
+  let places;
+  let t2;
+  if ($[3] !== context || $[4] !== current || $[5] !== node) {
+    let t3;
+    if ($[9] !== context) {
+      t3 = place => ({
         node: place,
         name: uiNodeLabel(place),
         point: placePoint(place.props, place.id, context)
-    }));
-    const markers = places.flatMap((listed, index) => listed.point ? [{ id: listed.node.id, number: index + 1, lat: listed.point.lat, lon: listed.point.lon }] : []);
-    const selectedId = places.find((listed) => listed.node.props.value !== undefined && listed.node.props.value === current)?.node.id ?? null;
-    const pick = (id) => {
-        const value = places.find((listed) => listed.node.id === id)?.node.props.value;
-        if (value !== undefined) {
-            binding?.onValueChange(value);
-        }
+      });
+      $[9] = context;
+      $[10] = t3;
+    } else {
+      t3 = $[10];
+    }
+    places = uiChildrenOf(node, "Place").map(t3);
+    markers = places.flatMap(_temp3);
+    t2 = places.find(listed_0 => listed_0.node.props.value !== undefined && listed_0.node.props.value === current)?.node.id ?? null;
+    $[3] = context;
+    $[4] = current;
+    $[5] = node;
+    $[6] = markers;
+    $[7] = places;
+    $[8] = t2;
+  } else {
+    markers = $[6];
+    places = $[7];
+    t2 = $[8];
+  }
+  const selectedId = t2;
+  let t3;
+  if ($[11] !== binding || $[12] !== places) {
+    t3 = id => {
+      const value = places.find(listed_1 => listed_1.node.id === id)?.node.props.value;
+      if (value !== undefined) {
+        binding?.onValueChange(value);
+      }
     };
-    const onPick = binding !== null ? pick : null;
-    const frame = maps ? (_jsx(HostedFrame, { maps: maps, scopeId: context.scopeId, markers: markers, selected: selectedId, onPick: onPick })) : (_jsx(MapFrame, { markers: markers, source: null, selected: selectedId, onPick: onPick }));
-    return (_jsxs("div", { className: clsx('@container flex flex-col gap-1.5', !node.complete && PENDING), children: [frame, _jsx("ol", { "aria-label": t('blocks.map.label', { count: places.length }), className: "grid gap-1.5 @min-[420px]:grid-cols-2", children: places.map((listed, index) => {
-                    const { value } = listed.node.props;
-                    return (_jsx(PlaceRow, { listed: listed, number: index + 1, selected: value !== undefined && value === current, onPick: binding !== null && value !== undefined ? () => binding.onValueChange(value) : null }, listed.node.id));
-                }) }), node.omitted !== undefined && node.omitted > 0 && _jsx("p", { className: "text-2xs text-text-faint", children: t('blocks.map.omitted', { count: node.omitted }) }), _jsx("div", { className: "chat-ui-nodes flex flex-col gap-1.5 empty:hidden", children: children })] }));
+    $[11] = binding;
+    $[12] = places;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const pick = t3;
+  const onPick = binding !== null ? pick : null;
+  let t4;
+  if ($[14] !== context || $[15] !== maps || $[16] !== markers || $[17] !== onPick || $[18] !== selectedId) {
+    t4 = maps ? /*#__PURE__*/_jsx(HostedFrame, {
+      maps: maps,
+      scopeId: context.scopeId,
+      markers: markers,
+      selected: selectedId,
+      onPick: onPick
+    }) : /*#__PURE__*/_jsx(MapFrame, {
+      markers: markers,
+      source: null,
+      selected: selectedId,
+      onPick: onPick
+    });
+    $[14] = context;
+    $[15] = maps;
+    $[16] = markers;
+    $[17] = onPick;
+    $[18] = selectedId;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  const frame = t4;
+  const t5 = !node.complete && PENDING;
+  let t6;
+  if ($[20] !== t5) {
+    t6 = clsx("@container flex flex-col gap-1.5", t5);
+    $[20] = t5;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== places.length || $[23] !== t) {
+    t7 = t("blocks.map.label", {
+      count: places.length
+    });
+    $[22] = places.length;
+    $[23] = t;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  let t8;
+  if ($[25] !== binding || $[26] !== current || $[27] !== places) {
+    let t9;
+    if ($[29] !== binding || $[30] !== current) {
+      t9 = (listed_2, index_0) => {
+        const {
+          value: value_0
+        } = listed_2.node.props;
+        return /*#__PURE__*/_jsx(PlaceRow, {
+          listed: listed_2,
+          number: index_0 + 1,
+          selected: value_0 !== undefined && value_0 === current,
+          onPick: binding !== null && value_0 !== undefined ? () => binding.onValueChange(value_0) : null
+        }, listed_2.node.id);
+      };
+      $[29] = binding;
+      $[30] = current;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+    t8 = places.map(t9);
+    $[25] = binding;
+    $[26] = current;
+    $[27] = places;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[32] !== t7 || $[33] !== t8) {
+    t9 = /*#__PURE__*/_jsx("ol", {
+      "aria-label": t7,
+      className: "grid gap-1.5 @min-[420px]:grid-cols-2",
+      children: t8
+    });
+    $[32] = t7;
+    $[33] = t8;
+    $[34] = t9;
+  } else {
+    t9 = $[34];
+  }
+  let t10;
+  if ($[35] !== node.omitted || $[36] !== t) {
+    t10 = node.omitted !== undefined && node.omitted > 0 && /*#__PURE__*/_jsx("p", {
+      className: "text-2xs text-text-faint",
+      children: t("blocks.map.omitted", {
+        count: node.omitted
+      })
+    });
+    $[35] = node.omitted;
+    $[36] = t;
+    $[37] = t10;
+  } else {
+    t10 = $[37];
+  }
+  let t11;
+  if ($[38] !== children) {
+    t11 = /*#__PURE__*/_jsx("div", {
+      className: "chat-ui-nodes flex flex-col gap-1.5 empty:hidden",
+      children: children
+    });
+    $[38] = children;
+    $[39] = t11;
+  } else {
+    t11 = $[39];
+  }
+  let t12;
+  if ($[40] !== frame || $[41] !== t10 || $[42] !== t11 || $[43] !== t6 || $[44] !== t9) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      className: t6,
+      children: [frame, t9, t10, t11]
+    });
+    $[40] = frame;
+    $[41] = t10;
+    $[42] = t11;
+    $[43] = t6;
+    $[44] = t9;
+    $[45] = t12;
+  } else {
+    t12 = $[45];
+  }
+  return t12;
 }
+function _temp3(listed, index) {
+  return listed.point ? [{
+    id: listed.node.id,
+    number: index + 1,
+    lat: listed.point.lat,
+    lon: listed.point.lon
+  }] : [];
+}