@adecore/agents-react 0.24.1 → 0.25.0

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

@@ -0,0 +1,113 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-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 { lazyNamed } from '../../../../lazy.js';
+import { DiffFallbackBoundary } from '../../diff/DiffFallbackBoundary.js';
+import { uiChildrenOf, uiNodeLabel } from '../node-text.js';
+import { placePoint } from './place-point.js';
+import { useInView } from '../use-in-view.js';
+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.
+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-full text-xs tabular-nums', selected ? 'bg-accent text-accent-text' : 'bg-map-marker text-map-marker-text'), children: number }));
+}
+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-sm 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 w-full min-h-8 items-start gap-2 rounded-md px-2 py-1.5 text-left';
+    return (_jsx("li", { children: onPick === null ? (_jsx("div", { className: clsx(row, selected && 'bg-surface-hover'), children: body })) : (_jsx("button", { type: "button", "aria-pressed": selected, className: clsx(row, 'hover:bg-surface-hover', selected && 'bg-surface-hover'), onClick: onPick, children: body })) }));
+}
+/* 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;
+}
+/*
+ * 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);
+    };
+    let body = null;
+    if (status === 'failed') {
+        body = quiet(t('blocks.map.unavailable'));
+    }
+    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) }) }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: setElement, className: "relative h-50 overflow-hidden rounded-lg border border-border bg-surface-sunken @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 })] }));
+}
+/* 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) });
+}
+/*
+ * 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) => ({
+        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);
+        }
+    };
+    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 px-2', !node.complete && PENDING), children: [frame, _jsx("ol", { "aria-label": t('blocks.map.label', { count: places.length }), className: "flex flex-col", 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: "px-2 text-xs 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 })] }));
+}

package/dist/chat/ui/intelligent-ui/renderers/place-point.d.ts

@@ -0,0 +1,3 @@
+import type { UiProps } from '@adecore/intelligent-ui';
+import type { UiPlacePoint, UiRenderContext } from '../render-context.js';
+export declare function placePoint(props: UiProps<'Place'>, nodeId: string, context: Pick<UiRenderContext, 'place'>): UiPlacePoint | null | undefined;

package/dist/chat/ui/intelligent-ui/renderers/place-point.js

@@ -0,0 +1,13 @@
+/*
+ * What the host found for the address of a place wins over the coordinates the agent wrote, which stand
+ * while the lookup is on its way and when it finds nothing. An address alone waits for the host's reading.
+ */
+export function placePoint(props, nodeId, context) {
+    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;
+}

package/dist/chat/ui/intelligent-ui/renderers/text.d.ts

@@ -6,3 +6,5 @@ export declare function TagRenderer({ node, children }: UiRendererProps<UiProps<
 export declare function ProgressRenderer({ node, children, context }: UiRendererProps<UiProps<'Progress'>>): import("react").JSX.Element;
 export declare function StepsRenderer({ children }: UiRendererProps<UiProps<'Steps'>>): import("react").JSX.Element;
 export declare function StepRenderer({ node, children, context }: UiRendererProps<UiProps<'Step'>>): import("react").JSX.Element;
+export declare function TimelineRenderer({ children }: UiRendererProps<UiProps<'Timeline'>>): import("react").JSX.Element;
+export declare function EventRenderer({ node, children }: UiRendererProps<UiProps<'Event'>>): import("react").JSX.Element;

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

@@ -6,7 +6,7 @@ import { Circle, CircleCheck, CircleDot, CircleMinus, CircleX } from 'lucide-rea
 import { Icon, Meter, Pill, Spinner } from '@adecore/ui';
 import { formatNumber, formatPercent } from '@adecore/ui/format';
 import { UiHeadContext } from '../render-context.js';
-import { uiNodeLabel } from '../node-text.js';
+import { uiEventTime, uiNodeLabel } from '../node-text.js';
 import { UI_TONE_ICONS, UI_TONE_PILL, UI_TONE_SURFACE, UI_TONE_TEXT } from '../tones.js';
 const STEP_ICONS = {
     done: CircleCheck,
@@ -62,3 +62,16 @@ export function StepRenderer({ node, children, context }) {
     const quiet = state === 'pending' || state === 'skipped';
     return (_jsxs("li", { className: "flex min-h-7 items-center gap-2 text-sm", children: [_jsx("span", { className: clsx('grid size-4 shrink-0 place-items-center', STEP_TONES[state]), children: state === 'running' ? (isLive(context) ? (_jsx(Spinner, { size: 14 })) : (_jsx(Icon, { icon: CircleDot, size: 14 }))) : (_jsx(Icon, { icon: STEP_ICONS[state], size: 14 })) }), _jsx("span", { className: "sr-only", children: t(`blocks.step.${state}`) }), _jsxs("span", { className: "flex min-w-0 grow flex-wrap items-baseline justify-between gap-x-2", children: [_jsx("span", { className: clsx('max-w-full min-w-0 grow basis-48 wrap-break-word', quiet ? 'text-text-faint' : 'text-text'), children: children }), detail !== undefined && detail !== '' && _jsx("span", { className: "max-w-full text-xs wrap-anywhere text-text-faint tabular-nums", children: detail })] })] }));
 }
+export function TimelineRenderer({ children }) {
+    return _jsx("ol", { className: "chat-ui-nodes flex flex-col px-2", children: children });
+}
+/* Each row draws its own stretch of the line, down to the next dot, so a row that failed to draw leaves the others whole. */
+export function EventRenderer({ node, children }) {
+    const { t } = useTranslation('agent-chat');
+    const { at, detail } = node.props;
+    const tone = node.props.tone ?? 'neutral';
+    const time = uiEventTime(at);
+    // A neutral dot says nothing the title does not, and a detail is part of what the row says.
+    const label = [time, uiNodeLabel(node), tone === 'neutral' ? '' : t(`blocks.event.tone.${tone}`), detail ?? ''].filter((part) => part !== '').join(', ');
+    return (_jsxs("li", { "aria-label": label, className: "group/event relative flex min-h-7 gap-3 pb-3 last:pb-0", children: [_jsx("span", { "aria-hidden": true, className: clsx('mt-1 size-2 shrink-0 rounded-full bg-current', UI_TONE_TEXT[tone]) }), _jsx("span", { "aria-hidden": true, className: "absolute top-3.5 bottom-0 left-0.75 w-px bg-border group-last/event:hidden" }), _jsxs("div", { className: "flex min-w-0 grow flex-col gap-0.5", children: [_jsx("time", { dateTime: at, className: "text-xs text-text-faint tabular-nums", children: time }), _jsx("div", { className: "text-sm wrap-break-word text-text", children: children }), detail !== undefined && detail !== '' && _jsx("div", { className: "text-xs wrap-anywhere text-text-faint", children: detail })] })] }));
+}

package/dist/chat/ui/intelligent-ui/use-in-view.d.ts

@@ -0,0 +1 @@
+export declare function useInView(element: Element | null, margin?: string): boolean;

package/dist/chat/ui/intelligent-ui/use-in-view.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+/*
+ * Whether `element` is near the viewport, with `margin` to spare so it is ready by the time it scrolls in.
+ * Without an observer (a server render, a test) it counts as in view.
+ */
+export function useInView(element, margin = '200px') {
+    const [inView, setInView] = useState(typeof IntersectionObserver === 'undefined');
+    useEffect(() => {
+        if (element === null || typeof IntersectionObserver === 'undefined') {
+            return;
+        }
+        const observer = new IntersectionObserver((entries) => setInView(entries.at(-1)?.isIntersecting ?? false), { rootMargin: margin });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [element, margin]);
+    return inView;
+}

package/dist/chat/ui/rows/WorkRows.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, Suspense, useEffect, useState } from 'react';
+import { Fragment, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import i18next from 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -13,7 +13,7 @@ import { useChatScope } from '../../../scope.js';
 import { useCurrentItem } from '../../../state/chats.js';
 import { useTimelineFlash } from '../../timeline-flash.js';
 import { formatClockDuration, formatElapsedShort } from '@adecore/ui/format';
-import { Icon, MiddleTruncate, Spinner, useTickingText } from '@adecore/ui';
+import { Icon, LazyBoundary, MiddleTruncate, Spinner, useTickingText } from '@adecore/ui';
 import { ROW_GUTTER, toolIcon } from '../icons.js';
 import { AnsiOutput } from '../AnsiOutput.js';
 import { RowTime } from '../RowTime.js';
@@ -48,7 +48,7 @@ export function ToggleLine({ icon, label, detail, command, path, open = false, o
 /* The diff renderers load lazily, so a diff waits on them under a line that says so. */
 function DiffSuspense({ children }) {
     const { t } = useTranslation('agent-chat');
-    return _jsx(Suspense, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: children });
+    return _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: children });
 }
 /* A file in a changed files card, which opens its diff under it. */
 function ChangedFileLine({ path, open, onToggle, trailing, children }) {

package/dist/host.d.ts

@@ -125,6 +125,19 @@ export interface ReplyAuthor {
     name: string;
     mark?: ReactNode;
 }
+export type UiMapSource = {
+    state: 'tiles';
+    styleUrl(theme: 'light' | 'dark'): string;
+    transformRequest?(url: string): {
+        url: string;
+        headers?: Record<string, string>;
+    };
+    labelField?(language: string): string;
+    attribution?: string;
+} | {
+    state: 'off';
+    reason: 'disabled' | 'signed-out' | 'unavailable';
+};
 export interface ChatHost {
     intelligentUi?: {
         subscribe?(scopeId: string, chatId: string, changed: () => void): () => void;
@@ -134,6 +147,9 @@ export interface ChatHost {
         query?(scopeId: string, payload: ChatUiQueryPayload): Promise<ChatUiQueryReading>;
         sendChoice(scopeId: string, payload: ChatUiChoicePayload): Promise<'sent' | 'queued'>;
     };
+    maps?: {
+        useSource(scopeId: string): UiMapSource;
+    };
     accents: {
         all: readonly AccentChoice[];
         featured: readonly string[];

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { type ChatActions, type FileRef, type ShellCodeBlockContext, type ChatPlace, type SubagentTask, type TimelineFindOptions, type TimelineFind, type ComposerDictationProps, type ComposerSlotProps, type SubagentSlotProps, type ThreadCard, type VisualHost, type ReplyAuthor, type ChatHost, ChatHostProvider, useChatHost, type AccentChoice, type ChatToast, type TextareaProps, type ResourceUrl } from './host.js';
+export { type ChatActions, type FileRef, type ShellCodeBlockContext, type ChatPlace, type SubagentTask, type TimelineFindOptions, type TimelineFind, type ComposerDictationProps, type ComposerSlotProps, type SubagentSlotProps, type ThreadCard, type VisualHost, type ReplyAuthor, type ChatHost, type UiMapSource, ChatHostProvider, useChatHost, type AccentChoice, type ChatToast, type TextareaProps, type ResourceUrl } from './host.js';
 export { type ChatScope, ChatScopeContext, useChatScope } from './scope.js';
 export { type ChatRequestMap, type ChatEventMap, type ChatTransportStatus, type ChatTransport, ChatTransportError, errorCode, isConnectionError } from './transport.js';
 export { portTransport, type PortTransport } from './port-transport.js';
-export { onChatStorageConfiguration, configureChatStorage, chatStorageKey, chatStorageLegacyKeys, chatStorageAdapter, hydrateChatStorage, createChatStore, type ChatStorageRecord, type ChatStorageAdapter, type ChatStorageOptions } from './storage.js';
+export { configureChatStorage, type ChatStorageRecord, type ChatStorageAdapter, type ChatStorageOptions } from './storage.js';
 export { setLazyPrefetch, onLazyOpenError } from './lazy.js';
 export { type MountedEntry, MountedRegistry } from './mounted-registry.js';
 export { type AgentsSettingsSection, PROVIDERS_SECTION, USAGE_SECTION, settingsSection } from './settings/sections.js';

package/dist/index.js

@@ -3,7 +3,7 @@ export { ChatHostProvider, useChatHost } from './host.js';
 export { ChatScopeContext, useChatScope } from './scope.js';
 export { ChatTransportError, errorCode, isConnectionError } from './transport.js';
 export { portTransport } from './port-transport.js';
-export { onChatStorageConfiguration, configureChatStorage, chatStorageKey, chatStorageLegacyKeys, chatStorageAdapter, hydrateChatStorage, createChatStore } from './storage.js';
+export { configureChatStorage } from './storage.js';
 export { setLazyPrefetch, onLazyOpenError } from './lazy.js';
 export { MountedRegistry } from './mounted-registry.js';
 export { PROVIDERS_SECTION, USAGE_SECTION, settingsSection } from './settings/sections.js';

package/dist/lazy.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { lazy } from 'react';
+import { LoadedComponent } from '@adecore/ui';
 const loaders = [];
 let register = null;
 const openErrorListeners = new Set();
@@ -29,12 +30,9 @@ export function onLazyOpenError(listener) {
  * module the prefetcher already fetched.
  */
 export function lazyNamed(load, name, options) {
-    let loaded = null;
-    const open = async () => {
-        const component = (await load())[name];
-        loaded ??= component;
-        return component;
-    };
+    // Through `LoadedComponent`, so a `LazyBoundary` around it draws the moment the module lands.
+    const loaded = new LoadedComponent(async () => (await load())[name]);
+    const open = () => loaded.load();
     if (options?.prefetch !== false) {
         loaders.push(open);
         register?.(open);
@@ -52,7 +50,7 @@ export function lazyNamed(load, name, options) {
         }
     });
     const LazyNamed = (props) => {
-        const Component = loaded ?? Lazy;
+        const Component = loaded.current ?? Lazy;
         return _jsx(Component, { ...props });
     };
     return LazyNamed;

package/dist/locales/en/agent-chat.d.ts

@@ -301,6 +301,8 @@ declare const _default: {
         };
         notice: {
             clearFailed: string;
+            stashChatsDropped_one: string;
+            stashChatsDropped_other: string;
             compactFailed: string;
             noAttachments: string;
             thisAgent: string;
@@ -344,6 +346,8 @@ declare const _default: {
         tooLong: string;
         stop: string;
         queueButton: string;
+        continue: string;
+        continueHint: string;
         send: string;
         clear: {
             title: string;
@@ -438,6 +442,8 @@ declare const _default: {
             noText: string;
             files_one: string;
             files_other: string;
+            chats_one: string;
+            chats_other: string;
         };
         mode: {
             label: string;
@@ -549,6 +555,15 @@ declare const _default: {
             failed: string;
             skipped: string;
         };
+        event: {
+            tone: {
+                neutral: string;
+                info: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+        };
         stat: {
             change: string;
             from: string;
@@ -568,6 +583,35 @@ declare const _default: {
             showValues: string;
             hideValues: string;
         };
+        gallery: {
+            label_one: string;
+            label_other: string;
+        };
+        map: {
+            label_one: string;
+            label_other: string;
+            omitted_one: string;
+            omitted_other: string;
+            show: string;
+            waiting: string;
+            contextLost: string;
+            lookingUp: string;
+            notFound: string;
+            zoomIn: string;
+            zoomOut: string;
+            scrollHint: string;
+            touchHint: string;
+            offline: string;
+            disabled: string;
+            signedOut: string;
+            unavailable: string;
+        };
+        compare: {
+            label: string;
+            before: string;
+            after: string;
+            missing: string;
+        };
         image: {
             label: string;
             unavailable: string;
@@ -575,6 +619,9 @@ declare const _default: {
         sources: string;
         citation: string;
         outsideProject: string;
+        textField: {
+            count: string;
+        };
         options: string;
         choices: string;
         checklist: string;

package/dist/locales/en/agent-chat.js

@@ -301,6 +301,8 @@ export default {
         },
         notice: {
             clearFailed: 'The thread could not be cleared',
+            stashChatsDropped_one: '1 attached chat is not in this project and was left out',
+            stashChatsDropped_other: '{{count}} attached chats are not in this project and were left out',
             compactFailed: 'The context could not be compacted',
             noAttachments: '{{agent}} takes no attachments',
             thisAgent: 'This agent',
@@ -344,6 +346,8 @@ export default {
         tooLong: 'characters, too long to send',
         stop: 'Stop, Shift-click to also stop its sub-agents',
         queueButton: 'Queue',
+        continue: 'Continue',
+        continueHint: 'Continue where the stopped turn left off',
         send: 'Send',
         clear: {
             title: 'Clear the thread?',
@@ -437,7 +441,9 @@ export default {
             title: 'Stashed prompts',
             noText: 'No text',
             files_one: '{{count}} file, not kept',
-            files_other: '{{count}} files, not kept'
+            files_other: '{{count}} files, not kept',
+            chats_one: '{{count}} chat attached',
+            chats_other: '{{count}} chats attached'
         },
         mode: {
             label: 'Permissions',
@@ -549,6 +555,15 @@ export default {
             failed: 'Failed',
             skipped: 'Skipped'
         },
+        event: {
+            tone: {
+                neutral: 'Neutral',
+                info: 'Info',
+                success: 'Success',
+                warning: 'Warning',
+                danger: 'Danger'
+            }
+        },
         stat: {
             change: '{{change}} from {{previous}}',
             from: 'from {{previous}}'
@@ -568,6 +583,35 @@ export default {
             showValues: 'Show all values',
             hideValues: 'Hide values'
         },
+        gallery: {
+            label_one: '{{count}} image',
+            label_other: '{{count}} images'
+        },
+        map: {
+            label_one: 'Map of {{count}} place',
+            label_other: 'Map of {{count}} places',
+            omitted_one: '{{count}} more place is not shown',
+            omitted_other: '{{count}} more places are not shown',
+            show: 'Show map',
+            waiting: 'The map waits for a free spot: only a few maps are drawn at once.',
+            contextLost: 'The map lost its graphics. The places stay listed.',
+            lookingUp: 'Looking up',
+            notFound: 'Not on the map',
+            zoomIn: 'Zoom in',
+            zoomOut: 'Zoom out',
+            scrollHint: 'Hold ⌘ or Ctrl and scroll to zoom',
+            touchHint: 'Use two fingers to move the map',
+            offline: 'Map tiles are not available offline. The places stay listed.',
+            disabled: 'Map tiles are off.',
+            signedOut: 'Sign in to show map tiles.',
+            unavailable: 'Map tiles are not available right now.'
+        },
+        compare: {
+            label: 'Compare {{before}} and {{after}}',
+            before: 'Before',
+            after: 'After',
+            missing: 'One image is not available'
+        },
         image: {
             label: 'Image',
             unavailable: 'The image is not available'
@@ -575,6 +619,9 @@ export default {
         sources: 'Sources',
         citation: 'Source {{number}}: {{title}}',
         outsideProject: 'Outside the project, shown as text',
+        textField: {
+            count: '{{used}} of {{max}} characters'
+        },
         options: 'Options',
         choices: 'Choices',
         checklist: 'Checklist',

package/dist/locales/nl/agent-chat.d.ts

@@ -301,6 +301,8 @@ declare const _default: {
         };
         notice: {
             clearFailed: string;
+            stashChatsDropped_one: string;
+            stashChatsDropped_other: string;
             compactFailed: string;
             noAttachments: string;
             thisAgent: string;
@@ -344,6 +346,8 @@ declare const _default: {
         tooLong: string;
         stop: string;
         queueButton: string;
+        continue: string;
+        continueHint: string;
         send: string;
         clear: {
             title: string;
@@ -438,6 +442,8 @@ declare const _default: {
             noText: string;
             files_one: string;
             files_other: string;
+            chats_one: string;
+            chats_other: string;
         };
         mode: {
             label: string;
@@ -549,6 +555,15 @@ declare const _default: {
             failed: string;
             skipped: string;
         };
+        event: {
+            tone: {
+                neutral: string;
+                info: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+        };
         stat: {
             change: string;
             from: string;
@@ -568,6 +583,35 @@ declare const _default: {
             showValues: string;
             hideValues: string;
         };
+        gallery: {
+            label_one: string;
+            label_other: string;
+        };
+        map: {
+            label_one: string;
+            label_other: string;
+            omitted_one: string;
+            omitted_other: string;
+            show: string;
+            waiting: string;
+            contextLost: string;
+            lookingUp: string;
+            notFound: string;
+            zoomIn: string;
+            zoomOut: string;
+            scrollHint: string;
+            touchHint: string;
+            offline: string;
+            disabled: string;
+            signedOut: string;
+            unavailable: string;
+        };
+        compare: {
+            label: string;
+            before: string;
+            after: string;
+            missing: string;
+        };
         image: {
             label: string;
             unavailable: string;
@@ -575,6 +619,9 @@ declare const _default: {
         sources: string;
         citation: string;
         outsideProject: string;
+        textField: {
+            count: string;
+        };
         options: string;
         choices: string;
         checklist: string;

package/dist/locales/nl/agent-chat.js

@@ -301,6 +301,8 @@ export default {
         },
         notice: {
             clearFailed: 'De thread kon niet worden gewist',
+            stashChatsDropped_one: '1 bijgevoegde chat hoort niet bij dit project en is weggelaten',
+            stashChatsDropped_other: '{{count}} bijgevoegde chats horen niet bij dit project en zijn weggelaten',
             compactFailed: 'De context kon niet worden gecomprimeerd',
             noAttachments: '{{agent}} neemt geen bijlagen aan',
             thisAgent: 'Deze agent',
@@ -344,6 +346,8 @@ export default {
         tooLong: 'tekens, te lang om te versturen',
         stop: 'Stoppen, Shift-klik stopt ook de sub-agents',
         queueButton: 'In de wachtrij zetten',
+        continue: 'Doorgaan',
+        continueHint: 'Ga verder waar de gestopte beurt ophield',
         send: 'Versturen',
         clear: {
             title: 'Thread wissen?',
@@ -437,7 +441,9 @@ export default {
             title: 'Stashed prompts',
             noText: 'Geen tekst',
             files_one: '{{count}} bestand, niet bewaard',
-            files_other: '{{count}} bestanden, niet bewaard'
+            files_other: '{{count}} bestanden, niet bewaard',
+            chats_one: '{{count}} chat bijgevoegd',
+            chats_other: '{{count}} chats bijgevoegd'
         },
         mode: {
             label: 'Rechten',
@@ -549,6 +555,15 @@ export default {
             failed: 'Mislukt',
             skipped: 'Overgeslagen'
         },
+        event: {
+            tone: {
+                neutral: 'Neutraal',
+                info: 'Info',
+                success: 'Gelukt',
+                warning: 'Waarschuwing',
+                danger: 'Gevaar'
+            }
+        },
         stat: {
             change: '{{change}} vanaf {{previous}}',
             from: 'vanaf {{previous}}'
@@ -568,6 +583,35 @@ export default {
             showValues: 'Alle waarden tonen',
             hideValues: 'Waarden verbergen'
         },
+        gallery: {
+            label_one: '{{count}} afbeelding',
+            label_other: '{{count}} afbeeldingen'
+        },
+        map: {
+            label_one: 'Kaart met {{count}} plek',
+            label_other: 'Kaart met {{count}} plekken',
+            omitted_one: '{{count}} plek meer wordt niet getoond',
+            omitted_other: '{{count}} plekken meer worden niet getoond',
+            show: 'Kaart tonen',
+            waiting: 'De kaart wacht op een vrije plek: er worden maar een paar kaarten tegelijk getekend.',
+            contextLost: 'De kaart is zijn beeldgeheugen kwijt. De plekken blijven in de lijst.',
+            lookingUp: 'Wordt opgezocht',
+            notFound: 'Niet op de kaart',
+            zoomIn: 'Inzoomen',
+            zoomOut: 'Uitzoomen',
+            scrollHint: 'Houd ⌘ of Ctrl ingedrukt en scrol om te zoomen',
+            touchHint: 'Gebruik twee vingers om de kaart te bewegen',
+            offline: 'Kaarttegels zijn offline niet beschikbaar. De plekken blijven in de lijst.',
+            disabled: 'Kaarttegels staan uit.',
+            signedOut: 'Log in om kaarttegels te tonen.',
+            unavailable: 'Kaarttegels zijn nu niet beschikbaar.'
+        },
+        compare: {
+            label: 'Vergelijk {{before}} en {{after}}',
+            before: 'Voor',
+            after: 'Na',
+            missing: 'Eén afbeelding is niet beschikbaar'
+        },
         image: {
             label: 'Afbeelding',
             unavailable: 'De afbeelding is niet beschikbaar'
@@ -575,6 +619,9 @@ export default {
         sources: 'Bronnen',
         citation: 'Bron {{number}}: {{title}}',
         outsideProject: 'Buiten het project, als tekst getoond',
+        textField: {
+            count: '{{used}} van {{max}} tekens'
+        },
         options: 'Opties',
         choices: 'Keuzes',
         checklist: 'Checklijst',