@adecore/agents-react 0.39.0 → 0.40.0

package/src/chat/ui/intelligent-ui/renderers/inputs.tsx

@@ -22,6 +22,7 @@ const ChecklistContext = createContext<ChecklistState>({ values: [], enabled: fa
 /* The rows of a checklist as one named group. */
 function ChecklistGroup({ pending, children }: { pending: boolean; children: ReactNode }) {
     const { t } = useTranslation('agent-chat');
+
     return (
         <div role="group" aria-label={t('blocks.checklist')} className={clsx('chat-ui-nodes flex flex-col gap-1.5', pending && PENDING)}>
             {children}
@@ -32,9 +33,11 @@ function ChecklistGroup({ pending, children }: { pending: boolean; children: Rea
 export function ChecklistRenderer({ node, children, context }: UiRendererProps<UiProps<'Checklist'>>) {
     const binding = bindingOf(node, context);
     const values = binding?.value ?? node.props.value;
+
     const toggle = (value: Scalar): void => {
         binding?.onValueChange(values.includes(value) ? values.filter((entry) => entry !== value) : [...values, value]);
     };
+
     return (
         <ChecklistContext value={{ values, enabled: binding !== null, toggle }}>
             <ChecklistGroup pending={!node.complete}>{children}</ChecklistGroup>
@@ -47,11 +50,13 @@ export function ItemRenderer({ node, children }: UiRendererProps<UiProps<'Item'>
     const list = useContext(ChecklistContext);
     const { value } = node.props;
     const checked = list.values.includes(value);
+
     const toggleRow = (event: MouseEvent<HTMLDivElement>): void => {
         if (list.enabled && !(event.target as Element).closest('button, a')) {
             list.toggle(value);
         }
     };
+
     return (
         <div
             className={clsx(
@@ -69,6 +74,7 @@ export function ItemRenderer({ node, children }: UiRendererProps<UiProps<'Item'>
 
 export function SwitchRenderer({ node, children, context }: UiRendererProps<UiProps<'Switch'>>) {
     const binding = bindingOf(node, context);
+
     return (
         <div
             className={clsx('chat-ui-flat flex min-h-11 items-center justify-between gap-3 rounded-xl bg-ui-tile px-3 py-2 text-xs', !node.complete && PENDING)}
@@ -88,6 +94,7 @@ export function SwitchRenderer({ node, children, context }: UiRendererProps<UiPr
 export function SliderRenderer({ node, context }: UiRendererProps<UiProps<'Slider'>>) {
     const binding = bindingOf(node, context);
     const { value, min, max, step, unit } = node.props;
+
     return (
         <Slider
             value={binding?.value ?? value}
@@ -114,6 +121,7 @@ export function SegmentedRenderer({ node, context }: UiRendererProps<UiProps<'Se
     const current = binding?.value ?? node.props.value;
     const options = uiChildrenOf(node, 'Option').map((option, index) => ({ id: String(index), label: uiNodeLabel(option), value: option.props.value }));
     const picked = options.find((option) => option.value === current)?.id ?? '';
+
     return (
         <div className={clsx(!node.complete && PENDING)}>
             <Segmented
@@ -124,6 +132,7 @@ export function SegmentedRenderer({ node, context }: UiRendererProps<UiProps<'Se
                 disabled={binding === null}
                 onValueChange={(id) => {
                     const option = options[Number(id)];
+
                     if (option !== undefined) {
                         binding?.onValueChange(option.value);
                     }
@@ -151,6 +160,7 @@ export function TextFieldRenderer({ node, children, context }: UiRendererProps<U
     const value = binding?.value ?? node.props.value;
     const countId = `${id}-count`;
     const counting = value.length >= maxLength * COUNT_FROM;
+
     return (
         <div className={clsx('flex flex-col gap-1.5', !node.complete && PENDING)}>
             <label htmlFor={id} className="px-0.5 text-2xs text-text-muted">
@@ -186,6 +196,7 @@ export function SelectRenderer({ node, context }: UiRendererProps<UiProps<'Selec
     const current = binding?.value ?? node.props.value;
     const options = uiChildrenOf(node, 'Option').map((option, index) => ({ id: String(index), label: uiNodeLabel(option), value: option.props.value }));
     const label = uiOwnLabel(node);
+
     return (
         <div className={clsx('flex flex-col items-start gap-1.5', !node.complete && PENDING)}>
             {label !== '' && <span className="px-0.5 text-2xs text-text-muted">{label}</span>}
@@ -196,6 +207,7 @@ export function SelectRenderer({ node, context }: UiRendererProps<UiProps<'Selec
                 disabled={binding === null || options.length === 0}
                 onValueChange={(id) => {
                     const option = options[Number(id)];
+
                     if (option !== undefined) {
                         binding?.onValueChange(option.value);
                     }
@@ -210,6 +222,7 @@ export function ButtonRenderer({ node, children, context }: UiRendererProps<UiPr
     const enabled = node.onAction !== undefined && node.complete && context.answer === null && node.props.disabled !== true;
     const label = uiNodeLabel(node);
     const [measure, truncated] = useTruncated<HTMLSpanElement>();
+
     return (
         <div className={clsx(!node.complete && PENDING)}>
             <Tooltip label={label} disabled={!truncated}>

package/src/chat/ui/intelligent-ui/renderers/links.tsx

@@ -15,6 +15,7 @@ const UI_CHIP = 'bg-ui-inset font-mono text-text shadow-[inset_0_0_0_1px_var(--b
 
 function baseName(path: string): string {
     const trimmed = path.replace(/\/+$/, '');
+
     return trimmed.slice(trimmed.lastIndexOf('/') + 1) || path;
 }
 
@@ -85,18 +86,23 @@ function chipFace(target: UiLinkTarget, link: UiLink): { face: ReactNode; hint:
 export function UiLinkChip({ target, context }: { target: UiLinkTarget; context: UiRenderContext }) {
     const { t } = useTranslation('agent-chat');
     const link = context.link?.(target) ?? PLAIN;
+
     if (link.state === 'plain') {
         const reason = uiReasonText(t, link.code, link.reason) ?? (context.link === undefined ? null : t('blocks.outsideProject'));
+
         // Focusable only with a reason, so a keyboard reaches the tooltip.
         const text = (
             <span tabIndex={reason === null ? undefined : 0} className="font-mono text-code break-all text-text-muted">
                 {plainText(target, link)}
             </span>
         );
+
         return reason === null ? text : <Tooltip label={reason}>{text}</Tooltip>;
     }
+
     const { face, hint } = chipFace(target, link);
     const { openLink } = context;
+
     const chip =
         openLink === undefined ? (
             <span className={clsx(CHIP_IN_MESSAGE, UI_CHIP, 'transition-opacity duration-120 starting:opacity-0')}>{face}</span>
@@ -109,6 +115,7 @@ export function UiLinkChip({ target, context }: { target: UiLinkTarget; context:
                 {face}
             </button>
         );
+
     return hint === null ? chip : <Tooltip label={hint}>{chip}</Tooltip>;
 }
 
@@ -117,6 +124,7 @@ function LinkRow({ target, context, described, children }: { target: UiLinkTarge
     if (!described) {
         return <UiLinkChip target={target} context={context} />;
     }
+
     return (
         <div className="flex min-w-0 flex-wrap items-baseline gap-x-2 text-xs">
             <span className="max-w-full min-w-0">
@@ -129,6 +137,7 @@ function LinkRow({ target, context, described, children }: { target: UiLinkTarge
 
 export function FileRenderer({ node, children, context }: UiRendererProps<UiProps<'File'>>) {
     const { path, line } = node.props;
+
     return (
         <LinkRow target={{ type: 'File', path, line }} context={context} described={node.children.length > 0}>
             {children}

package/src/chat/ui/intelligent-ui/renderers/map-slots.ts

@@ -28,6 +28,7 @@ export class MapSlots {
         if (this.held.includes(id) || this.queue.includes(id)) {
             return;
         }
+
         (this.held.length < this.capacity ? this.held : this.queue).push(id);
         this.changed();
     }
@@ -35,14 +36,18 @@ export class MapSlots {
     release(id: string): void {
         const wasHeld = this.held.includes(id);
         const wasQueued = this.queue.includes(id);
+
         if (!wasHeld && !wasQueued) {
             return;
         }
+
         this.held.splice(0, this.held.length, ...this.held.filter((entry) => entry !== id));
         this.queue.splice(0, this.queue.length, ...this.queue.filter((entry) => entry !== id));
+
         while (this.held.length < this.capacity && this.queue.length > 0) {
             this.held.push(this.queue.shift()!);
         }
+
         this.changed();
     }
 
@@ -50,13 +55,17 @@ export class MapSlots {
         if (this.held.includes(id)) {
             return;
         }
+
         const at = this.queue.indexOf(id);
+
         if (at >= 0) {
             this.queue.splice(at, 1);
         }
+
         if (this.held.length >= this.capacity) {
             this.queue.unshift(this.held.shift()!);
         }
+
         this.held.push(id);
         this.changed();
     }
@@ -67,6 +76,7 @@ export class MapSlots {
 
     subscribe = (listener: () => void): (() => void) => {
         this.listeners.add(listener);
+
         return () => {
             this.listeners.delete(listener);
         };
@@ -84,6 +94,7 @@ let page: MapSlots | null = null;
 /* The one budget of the page, made on first use. */
 export function pageMapSlots(): MapSlots {
     page ??= new MapSlots(MAX_LIVE_MAPS);
+
     return page;
 }
 
@@ -94,12 +105,16 @@ export function useMapSlot(id: string, wanted: boolean, slots: MapSlots = pageMa
         () => slots.stateOf(id),
         () => 'idle' as const
     );
+
     useEffect(() => {
         if (!wanted) {
             return;
         }
+
         slots.request(id);
+
         return () => slots.release(id);
     }, [slots, id, wanted]);
+
     return { state, take: () => slots.take(id) };
 }

package/src/chat/ui/intelligent-ui/renderers/map-style.ts

@@ -67,13 +67,16 @@ const SPREAD_STEPS: readonly (readonly [number, number])[] = [
 export function spreadOverlaps(points: readonly ScreenPoint[]): Map<string, [number, number]> {
     const offsets = new Map<string, [number, number]>();
     const placed: { x: number; y: number }[] = [];
+
     for (const point of points) {
         const free = ([dx, dy]: readonly [number, number]): boolean =>
             placed.every((other) => Math.hypot(other.x - (point.x + dx), other.y - (point.y + dy)) >= MAP_MARKER_SIZE);
+
         const step = [[0, 0] as const, ...SPREAD_STEPS].find(free) ?? ([0, 0] as const);
         offsets.set(point.id, [step[0], step[1]]);
         placed.push({ x: point.x + step[0], y: point.y + step[1] });
     }
+
     return offsets;
 }
 
@@ -95,19 +98,24 @@ const TOKEN = /\{([^{}]+)\}/g;
 function tokenExpression(text: string): Expression | string {
     const parts: (Expression | string)[] = [];
     let at = 0;
+
     for (const match of text.matchAll(TOKEN)) {
         if (match.index > at) {
             parts.push(text.slice(at, match.index));
         }
+
         parts.push(['to-string', ['coalesce', ['get', match[1]], '']]);
         at = match.index + match[0].length;
     }
+
     if (parts.length === 0) {
         return text;
     }
+
     if (at < text.length) {
         parts.push(text.slice(at));
     }
+
     return parts.length === 1 && typeof parts[0] !== 'string' ? parts[0] : ['concat', ...parts];
 }
 
@@ -117,9 +125,11 @@ function tokenExpression(text: string): Expression | string {
  */
 export function localizedTextField(original: unknown, field: string): unknown {
     const fallback = typeof original === 'string' ? tokenExpression(original) : original;
+
     if (typeof fallback !== 'string' && !Array.isArray(fallback)) {
         return original;
     }
+
     return ['coalesce', ['get', field], fallback];
 }
 
@@ -132,19 +142,24 @@ export function boundsOf(points: readonly MapPoint[]): LngLatBoundsLike | null {
     if (points.length === 0) {
         return null;
     }
+
     const lons = points.map((point) => point.lon).sort((a, b) => a - b);
     let widest = lons[0]! + 360 - lons[lons.length - 1]!;
     let west = lons[0]!;
     let east = lons[lons.length - 1]!;
+
     for (let i = 1; i < lons.length; i++) {
         const gap = lons[i]! - lons[i - 1]!;
+
         if (gap > widest) {
             widest = gap;
             west = lons[i]!;
             east = lons[i - 1]! + 360;
         }
     }
+
     const lats = points.map((point) => point.lat);
+
     return [
         [west, Math.min(...lats)],
         [east, Math.max(...lats)]

package/src/chat/ui/intelligent-ui/renderers/map-view.tsx

@@ -44,6 +44,7 @@ let workerUrlSet: string | null = null;
  */
 function ensureBundledWorker(hosted: string | undefined): void {
     const url = hosted ?? new URL('maplibre-gl/dist/maplibre-gl-worker.mjs', import.meta.url).href;
+
     if (url !== workerUrlSet) {
         setWorkerUrl(url);
         workerUrlSet = url;
@@ -53,6 +54,7 @@ function ensureBundledWorker(hosted: string | undefined): void {
 /* The grounds of the built-in map are theme tokens, which the page resolves; the style needs plain colors. */
 function readColors(element: HTMLElement): MapColors {
     const style = getComputedStyle(element);
+
     return { land: style.getPropertyValue('--map-land').trim() || 'transparent', water: style.getPropertyValue('--map-water').trim() || 'transparent' };
 }
 
@@ -70,25 +72,31 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
     const [map, setMap] = useState<MapLibreMap | null>(null);
     const [outline, setOutline] = useState(false);
     const latest = useRef({ source, onStatus, onPick });
+
     useEffect(() => {
         latest.current = { source, onStatus, onPick };
     });
+
     const language = i18n.language.split('-')[0] ?? 'en';
     const styleKey = `${mode}:${source.state === 'tiles' ? source.styleUrl(mode) : 'outline'}`;
     const pointsKey = JSON.stringify(markers.map((marker) => [marker.id, marker.lat, marker.lon]));
 
     useEffect(() => {
         const container = element.current;
+
         if (container === null) {
             return;
         }
+
         const current = latest.current.source;
         let colors = readColors(container);
         const offline = current.state === 'tiles' && typeof navigator !== 'undefined' && navigator.onLine === false;
         const tiles = current.state === 'tiles' && !offline;
         let created: MapLibreMap;
+
         try {
             ensureBundledWorker(workerUrl);
+
             created = new MapLibreMap({
                 container,
                 style: current.state === 'tiles' && tiles ? current.styleUrl(mode) : baseMapStyle(colors),
@@ -106,13 +114,16 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
                 },
                 transformRequest: (url) => {
                     const now = latest.current.source;
+
                     return now.state === 'tiles' && now.transformRequest ? now.transformRequest(url) : { url };
                 }
             });
         } catch {
             latest.current.onStatus('failed');
+
             return;
         }
+
         created.touchZoomRotate.disableRotation();
         const canvas = created.getCanvas();
         canvas.tabIndex = -1;
@@ -130,16 +141,19 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
             if (drawing === 'outline' || !wantsTiles) {
                 return;
             }
+
             drawing = 'outline';
             reason = why;
             setOutline(true);
             created.setStyle(baseMapStyle(colors));
             latest.current.onStatus(why);
         };
+
         const drawTiles = (): void => {
             if (current.state !== 'tiles') {
                 return;
             }
+
             drawing = 'tiles';
             reason = null;
             styleLoaded = false;
@@ -149,74 +163,97 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
             created.setStyle(current.styleUrl(mode));
             latest.current.onStatus('loading');
         };
+
         const unreachable = (): 'offline' | 'unavailable' => (typeof navigator !== 'undefined' && navigator.onLine === false ? 'offline' : 'unavailable');
 
         created.on('style.load', () => {
             if (drawing !== 'tiles') {
                 return;
             }
+
             styleLoaded = true;
+
             if (restoring) {
                 restoring = false;
                 latest.current.onStatus('tiles');
             }
+
             const field = current.state === 'tiles' ? current.labelField?.(language) : undefined;
+
             if (field === undefined) {
                 return;
             }
+
             for (const layer of created.getStyle().layers) {
                 const textField = layer.type === 'symbol' ? layer.layout?.['text-field'] : undefined;
+
                 if (textField !== undefined) {
                     created.setLayoutProperty(layer.id, 'text-field', localizedTextField(textField, field) as never);
                 }
             }
         });
+
         created.on('load', () => {
             if (drawing === 'tiles') {
                 latest.current.onStatus('tiles');
             }
         });
+
         created.on('sourcedata', (event) => {
             if ('tile' in event) {
                 tileErrors = 0;
             }
         });
+
         created.on('error', (event) => {
             if (drawing !== 'tiles') {
                 return;
             }
+
             // Before the style is here there is nothing to draw. After it, a tile the host refuses (a ticket
             // that ran out) or several in a row leave an empty map; a single one the map retries itself.
             const status = (event.error as { status?: number } | undefined)?.status;
+
             if (!styleLoaded || status === 401 || status === 403 || ++tileErrors >= TILE_ERRORS_IN_A_ROW) {
                 drawOutline(unreachable());
             }
         });
+
         const goOffline = (): void => drawOutline('offline');
+
         const goOnline = (): void => {
             if (reason === 'offline') {
                 drawTiles();
             }
         };
+
         const contextLost = (): void => latest.current.onStatus('lost');
+
         if (wantsTiles) {
             window.addEventListener('offline', goOffline);
             window.addEventListener('online', goOnline);
         }
+
         canvas.addEventListener('webglcontextlost', contextLost);
+
         // Colors that change within the side repaint the outline in place: a style that differs only in its paint is
         // applied as a diff, so the map, its camera and its markers stay. The tiles draw colors of their own.
         const stopWatching = watchTheme(container.ownerDocument, () => {
             const next = readColors(container);
+
             if (next.land === colors.land && next.water === colors.water) {
                 return;
             }
+
             colors = next;
+
             if (drawing === 'outline') {
                 created.setStyle(baseMapStyle(colors));
             }
         });
+
         setMap(created);
+
         return () => {
             stopWatching();
             window.removeEventListener('offline', goOffline);
@@ -231,19 +268,23 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
 
     useEffect(() => {
         const bounds = boundsOf(markers);
+
         if (map === null || bounds === null) {
             return;
         }
+
         map.fitBounds(bounds, { ...mapFitOptions(outline), duration: 0 });
         // The points are compared by their coordinates, so a render that rebuilt the same list does not move the map.
         // oxlint-disable-next-line react-hooks/exhaustive-deps
     }, [map, pointsKey, outline]);
 
     const pickable = onPick !== null;
+
     useEffect(() => {
         if (map === null) {
             return;
         }
+
         const drawn = markers.map((marker) => {
             const node = document.createElement('div');
             node.setAttribute('aria-hidden', 'true');
@@ -251,18 +292,24 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
             node.className = `${MARKER} ${marker.id === selected ? PICKED : ''} ${pickable ? 'cursor-pointer' : ''}`;
             node.textContent = String(marker.number);
             node.addEventListener('click', () => latest.current.onPick?.(marker.id));
+
             return { marker, drawing: new Marker({ element: node }).setLngLat([marker.lon, marker.lat]).addTo(map) };
         });
+
         const spread = (): void => {
             const offsets = spreadOverlaps(drawn.map(({ marker }) => ({ id: marker.id, ...map.project([marker.lon, marker.lat]) })));
+
             for (const { marker, drawing } of drawn) {
                 drawing.setOffset(offsets.get(marker.id) ?? [0, 0]);
             }
         };
+
         spread();
         map.on('zoomend', spread);
+
         return () => {
             map.off('zoomend', spread);
+
             for (const { drawing } of drawn) {
                 drawing.remove();
             }
@@ -272,6 +319,7 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
 
     const showAll = (): void => {
         const bounds = boundsOf(markers);
+
         if (map !== null && bounds !== null) {
             map.fitBounds(bounds, mapFitOptions(outline));
         }

package/src/chat/ui/intelligent-ui/renderers/map.tsx

@@ -47,6 +47,7 @@ function NumberChip({ number, selected }: { number: number; selected: boolean })
 function PlaceRow({ listed, number, selected, onPick }: { listed: ListedPlace; number: number; selected: boolean; onPick: (() => void) | null }) {
     const { t } = useTranslation('agent-chat');
     const { detail, address } = listed.node.props;
+
     const body = (
         <>
             <NumberChip number={number} selected={selected} />
@@ -59,7 +60,9 @@ function PlaceRow({ listed, number, selected, onPick }: { listed: ListedPlace; n
             </span>
         </>
     );
+
     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 (
         <li>
             {onPick === null ? (
@@ -83,12 +86,15 @@ function noteFor(t: TFunction<'agent-chat'>, source: UiMapSource | null, 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;
 }
 
@@ -117,6 +123,7 @@ function MapFrame({ markers, source, selected, onPick }: FrameProps) {
     const drawn = slot.state === 'granted' && !broken;
     const waiting = useLater(drawn && status === 'loading', LOADING_SPINNER_MS);
     const note = noteFor(t, source, status);
+
     const quiet = (text: string, action?: { label: string; run(): void }) => (
         <div className="grid h-full place-items-center content-center justify-items-center gap-2 p-3 text-center">
             <p className="text-xs text-text-faint">{text}</p>
@@ -127,11 +134,14 @@ function MapFrame({ markers, source, selected, onPick }: FrameProps) {
             )}
         </div>
     );
+
     const retry = () => {
         setStatus('loading');
         setAttempt((previous) => previous + 1);
     };
+
     let body: ReactNode = null;
+
     if (status === 'failed') {
         body = quiet(t('blocks.map.unavailable'));
     } else if (status === 'lost') {
@@ -154,6 +164,7 @@ function MapFrame({ markers, source, selected, onPick }: FrameProps) {
             </DiffFallbackBoundary>
         );
     }
+
     return (
         <>
             <div ref={setElement} className="relative h-50 overflow-hidden rounded-xl bg-ui-tile @min-[420px]:h-60">
@@ -184,33 +195,42 @@ export function MapRenderer({ node, children, context }: UiRendererProps<UiProps
     const binding = bindingOf(node, context);
     const current = binding?.value ?? node.props.value;
     const maps = useChatHost().maps;
+
     const places: ListedPlace[] = uiChildrenOf(node, 'Place').map((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: string): void => {
         const value = places.find((listed) => listed.node.id === id)?.node.props.value;
+
         if (value !== undefined) {
             binding?.onValueChange(value);
         }
     };
+
     const onPick = binding !== null ? pick : null;
+
     const frame = maps ? (
         <HostedFrame maps={maps} scopeId={context.scopeId} markers={markers} selected={selectedId} onPick={onPick} />
     ) : (
         <MapFrame markers={markers} source={null} selected={selectedId} onPick={onPick} />
     );
+
     return (
         <div className={clsx('@container flex flex-col gap-1.5', !node.complete && PENDING)}>
             {frame}
             <ol aria-label={t('blocks.map.label', { count: places.length })} className="grid gap-1.5 @min-[420px]:grid-cols-2">
                 {places.map((listed, index) => {
                     const { value } = listed.node.props;
+
                     return (
                         <PlaceRow
                             key={listed.node.id}

package/src/chat/ui/intelligent-ui/renderers/place-point.ts

@@ -8,9 +8,12 @@ import type { UiPlacePoint, UiRenderContext } from '../render-context';
 export function placePoint(props: UiProps<'Place'>, nodeId: string, context: Pick<UiRenderContext, 'place'>): UiPlacePoint | null | undefined {
     const { lat, lon, address } = props;
     const written = lat !== undefined && lon !== undefined ? { lat, lon } : undefined;
+
     if (address === undefined || address.trim() === '') {
         return written ?? null;
     }
+
     const found = context.place === undefined ? null : context.place(nodeId, address);
+
     return found ?? written ?? found;
 }