@adecore/agents-react 0.21.0 → 0.21.1

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

@@ -5,3 +5,4 @@ export declare function ItemRenderer({ node, children }: UiRendererProps<UiProps
 export declare function SwitchRenderer({ node, children, context }: UiRendererProps<UiProps<'Switch'>>): import("react").JSX.Element;
 export declare function SliderRenderer({ node, context }: UiRendererProps<UiProps<'Slider'>>): import("react").JSX.Element;
 export declare function SegmentedRenderer({ node, context }: UiRendererProps<UiProps<'Segmented'>>): import("react").JSX.Element;
+export declare function ButtonRenderer({ node, children, context }: UiRendererProps<UiProps<'Button'>>): import("react").JSX.Element;

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
-import { Checkbox, Segmented, Slider, Switch } from '@adecore/ui';
-import { uiChildrenOf, uiNodeLabel } from '../node-text.js';
+import { Button, Checkbox, Segmented, Slider, Switch } from '@adecore/ui';
+import { uiChildrenOf, uiNodeLabel, uiWithUnit } from '../node-text.js';
 const ChecklistContext = createContext({ values: [], enabled: false, toggle: () => undefined });
 /*
  * The binding of an input, or null for a read-only node. An input works once its own node closed and
@@ -15,13 +15,18 @@ function bindingOf(node, context) {
 }
 /* An input whose node has not closed yet stands at 60% and takes no pointer. */
 const PENDING = 'pointer-events-none opacity-60';
+/* The rows of a checklist as one named group. */
+function ChecklistGroup({ pending, children }) {
+    const { t } = useTranslation('agent-chat');
+    return (_jsx("div", { role: "group", "aria-label": t('blocks.checklist'), className: clsx('chat-ui-nodes flex flex-col', pending && PENDING), children: children }));
+}
 export function ChecklistRenderer({ node, children, context }) {
     const binding = bindingOf(node, context);
     const values = binding?.value ?? node.props.value;
     const toggle = (value) => {
         binding?.onValueChange(values.includes(value) ? values.filter((entry) => entry !== value) : [...values, value]);
     };
-    return (_jsx(ChecklistContext, { value: { values, enabled: binding !== null, toggle }, children: _jsx("div", { className: clsx('chat-ui-nodes flex flex-col', !node.complete && PENDING), children: children }) }));
+    return (_jsx(ChecklistContext, { value: { values, enabled: binding !== null, toggle }, children: _jsx(ChecklistGroup, { pending: !node.complete, children: children }) }));
 }
 /* The whole row is the label; a link inside it keeps its own click and checks nothing. */
 export function ItemRenderer({ node, children }) {
@@ -42,7 +47,9 @@ export function SwitchRenderer({ node, children, context }) {
 export function SliderRenderer({ node, context }) {
     const binding = bindingOf(node, context);
     const { value, min, max, step, unit } = node.props;
-    return (_jsx(Slider, { value: binding?.value ?? value, onValueChange: (next) => binding?.onValueChange(next), min: min, max: max, step: step, unit: unit, label: uiNodeLabel(node), disabled: binding === null, className: clsx('px-2', !node.complete && PENDING) }));
+    return (_jsx(Slider, { value: binding?.value ?? value, onValueChange: (next) => binding?.onValueChange(next), min: min, max: max, step: step, 
+        // The slider prints its unit right after the number, so the space a unit stands apart with comes from here.
+        unit: uiWithUnit('', unit), label: uiNodeLabel(node), disabled: binding === null, className: clsx('px-2', !node.complete && PENDING) }));
 }
 /* Left aligned, never the full width. Each Option is a segment by its place, since a value may be any scalar. */
 export function SegmentedRenderer({ node, context }) {
@@ -58,3 +65,8 @@ export function SegmentedRenderer({ node, context }) {
                 }
             } }) }));
 }
+/* Runs its local action once its own node closed; like an input, it closes once the block is answered. */
+export function ButtonRenderer({ node, children, context }) {
+    const enabled = node.onAction !== undefined && node.complete && context.answer === null && node.props.disabled !== true;
+    return (_jsx("div", { className: clsx('px-2', !node.complete && PENDING), children: _jsx(Button, { variant: "secondary", size: "sm", disabled: !enabled, onClick: () => node.onAction?.(), children: children }) }));
+}

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

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { FileDiff, GitCommitHorizontal, SquareDashed } from 'lucide-react';
 import { FileIcon, Icon, Tooltip } from '@adecore/ui';
 import { CHIP_IN_MESSAGE, MENTION_TONE } from '../../chips.js';
+import { uiReasonText } from '../node-text.js';
 const PLAIN = { state: 'plain' };
 function baseName(path) {
     const trimmed = path.replace(/\/+$/, '');
@@ -54,7 +55,7 @@ export function UiLinkChip({ target, context }) {
     const { t } = useTranslation('agent-chat');
     const link = context.link?.(target) ?? PLAIN;
     if (link.state === 'plain') {
-        const reason = link.reason ?? (context.link === undefined ? null : t('blocks.outsideProject'));
+        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 = (_jsx("span", { tabIndex: reason === null ? undefined : 0, className: "font-mono text-code break-all text-text-muted", children: plainText(target, link) }));
         return reason === null ? text : _jsx(Tooltip, { label: reason, children: text });

package/dist/chat/ui/intelligent-ui/use-ui-links.d.ts

@@ -1,9 +1,9 @@
-import type { ChatUiQueryState } from '@adecore/agent-contracts';
+import type { ChatUiLinkReading, ChatUiQueryState } from '@adecore/agent-contracts';
 import { type UiLinkTarget } from '@adecore/intelligent-ui/links';
 import { type UiBlock, UiState } from '@adecore/intelligent-ui';
 import type { UiRenderContext } from './render-context.js';
-export declare function useUiLinks(block: UiBlock, state: UiState, context: UiRenderContext, reads: Readonly<Record<string, string>>, frozen?: ChatUiQueryState['blocks'][string]): {
-    link: ((target: UiLinkTarget) => import("./render-context.js").UiLink) | undefined;
+export declare function useUiLinks(block: UiBlock, state: UiState, context: Pick<UiRenderContext, 'scopeId' | 'chatId' | 'itemId' | 'phase'>, reads: Readonly<Record<string, string>>, frozen?: ChatUiQueryState['blocks'][string]): {
+    link: ((target: UiLinkTarget) => ChatUiLinkReading) | undefined;
     openLink: ((target: UiLinkTarget) => void) | undefined;
-    openUrl: ((url: string) => void) | undefined;
+    openUrl: ((url: string) => void | undefined) | undefined;
 };

package/dist/chat/ui/intelligent-ui/use-ui-links.js

@@ -1,9 +1,13 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { uiLinkTargets } from '@adecore/intelligent-ui/links';
-import { uiInputValues, UiState } from '@adecore/intelligent-ui';
+import { uiInputValues, UI_HOST_LIMITS, UiState } from '@adecore/intelligent-ui';
 import { chatHost } from '../../../host.js';
+// Inputs that change in a run, such as a dragged slider, check their links once the run rested.
+const LINK_SETTLE_MS = 300;
 export function useUiLinks(block, state, context, reads, frozen) {
     const [checked, setChecked] = useState({});
+    // What each node was last checked as, so a change of input checks only the targets it moved.
+    const asked = useRef(new Map());
     const host = chatHost().intelligentUi;
     const values = uiInputValues(block, state);
     const scope = state.scope();
@@ -20,14 +24,25 @@ export function useUiLinks(block, state, context, reads, frozen) {
     const signature = JSON.stringify(targets);
     const input = JSON.stringify(values);
     const tickets = JSON.stringify(reads);
+    const defaultInput = useMemo(() => JSON.stringify(uiInputValues(block, new UiState(block))), [block]);
     const link = host?.link;
+    useEffect(() => {
+        asked.current.clear();
+    }, [block.id, block.revision, context.scopeId, context.chatId, context.itemId, link]);
     useEffect(() => {
         if (!link || !block.revision || context.phase !== 'final') {
             return;
         }
         let stopped = false;
         const validate = async () => {
-            for (const [nodeId, target] of Object.entries(JSON.parse(signature)).slice(0, 64)) {
+            const moved = Object.entries(JSON.parse(signature))
+                .slice(0, UI_HOST_LIMITS.links)
+                .filter(([nodeId, target]) => asked.current.get(nodeId) !== JSON.stringify(target));
+            for (const [nodeId, target] of moved) {
+                const record = (reading) => {
+                    asked.current.set(nodeId, JSON.stringify(target));
+                    setChecked((previous) => ({ ...previous, [nodeId]: { target: JSON.stringify(target), reading } }));
+                };
                 try {
                     const reading = await link(context.scopeId, {
                         chatId: context.chatId,
@@ -41,19 +56,21 @@ export function useUiLinks(block, state, context, reads, frozen) {
                     if (stopped) {
                         return;
                     }
-                    setChecked((previous) => ({ ...previous, [nodeId]: { target: JSON.stringify(target), reading } }));
+                    record(reading);
                 }
                 catch {
                     if (stopped) {
                         return;
                     }
-                    setChecked((previous) => ({ ...previous, [nodeId]: { target: JSON.stringify(target), reading: { state: 'plain' } } }));
+                    record({ state: 'plain' });
                 }
             }
         };
-        void validate();
+        // The first check runs at once; a later one waits until the inputs rested.
+        const timer = setTimeout(() => void validate(), asked.current.size === 0 ? 0 : LINK_SETTLE_MS);
         return () => {
             stopped = true;
+            clearTimeout(timer);
         };
     }, [block.id, block.revision, context.scopeId, context.chatId, context.itemId, context.phase, signature, input, tickets, link]);
     const idOf = (target) => Object.entries(targets).find(([, entry]) => JSON.stringify(entry) === JSON.stringify(target))?.[0];
@@ -65,7 +82,7 @@ export function useUiLinks(block, state, context, reads, frozen) {
         if (checked[id]?.target === JSON.stringify(target)) {
             return checked[id].reading;
         }
-        if (input === JSON.stringify(uiInputValues(block, new UiState(block))) && frozen && frozen.revision === block.revision) {
+        if (input === defaultInput && frozen && frozen.revision === block.revision) {
             const firstQueries = Object.fromEntries(Object.entries(frozen.readings)
                 .filter(([, reading]) => reading.state === 'fresh')
                 .map(([name, reading]) => [name, reading.value]));
@@ -99,9 +116,11 @@ export function useUiLinks(block, state, context, reads, frozen) {
             setChecked((previous) => ({ ...previous, [nodeId]: { target: JSON.stringify(target), reading: { state: 'plain' } } }));
         });
     };
+    const hostOpenUrl = host?.openUrl;
+    const openUrl = useCallback((url) => hostOpenUrl?.(context.scopeId, url), [hostOpenUrl, context.scopeId]);
     return {
-        link: link ? resolution : context.link,
-        openLink: link && host?.openLink ? open : context.openLink,
-        openUrl: host?.openUrl ? (url) => host.openUrl(context.scopeId, url) : context.openUrl
+        link: link ? resolution : undefined,
+        openLink: link && host?.openLink ? open : undefined,
+        openUrl: hostOpenUrl ? openUrl : undefined
     };
 }

package/dist/chat/ui/intelligent-ui/use-ui-queries.d.ts

@@ -1,7 +1,7 @@
 import type { ChatUiQueryReading, ChatUiQueryState } from '@adecore/agent-contracts';
 import { UiState, type UiBlock, type UiViewNode } from '@adecore/intelligent-ui';
 import type { UiLiveValue, UiLiveStatus, UiRenderContext } from './render-context.js';
-export declare function useUiQueries(block: UiBlock, state: UiState, context: UiRenderContext, element: HTMLDivElement | null, frozen?: ChatUiQueryState['blocks'][string]): {
+export declare function useUiQueries(block: UiBlock, state: UiState, context: Pick<UiRenderContext, 'scopeId' | 'chatId' | 'itemId' | 'phase'>, element: HTMLDivElement | null, frozen?: ChatUiQueryState['blocks'][string]): {
     live: UiLiveStatus | undefined;
     reads: Record<string, string>;
     reading: boolean;
@@ -13,6 +13,7 @@ export declare function useUiQueries(block: UiBlock, state: UiState, context: Ui
             value?: unknown;
             readId?: string | undefined;
             readAt: number;
+            code?: string | undefined;
             reason?: string | undefined;
         };
     };

package/dist/chat/ui/intelligent-ui/use-ui-queries.js

@@ -1,27 +1,34 @@
-import { useEffect, useRef, useState } from 'react';
-import { uiInputValues, UI_CATALOG_VERSION, UiState } from '@adecore/intelligent-ui';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { uiInputValues, UI_CATALOG_VERSION, UI_HOST_LIMITS, UiState } from '@adecore/intelligent-ui';
 import { chatHost } from '../../../host.js';
+const NO_READINGS = {};
+// A changed input reads once it has rested this long, so dragging a slider reads its last value only.
+const INPUT_SETTLE_MS = 300;
+/* The reading that holds for these inputs: this view's own read of them, or the frozen first one for the inputs the block starts with. */
+function successfulReading(local, initial, identity, signature, defaultInputs) {
+    if (local?.identity === identity && local.successful?.inputs === signature) {
+        return local.successful.reading;
+    }
+    return signature === defaultInputs && initial?.state === 'fresh' ? initial : undefined;
+}
+function settleDeadline() {
+    return Date.now() + INPUT_SETTLE_MS;
+}
 function documentVisible() {
     return document.visibilityState !== 'hidden';
 }
 export function useUiQueries(block, state, context, element, frozen) {
     const [readings, setReadings] = useState({});
     const [busyInput, setBusyInput] = useState(null);
-    const lastReadAt = useRef({ identity: '', at: 0 });
+    const lastRead = useRef({ inputKey: '', at: 0 });
     const names = Object.keys(block.queries);
     const inputs = JSON.stringify(uiInputValues(block, state));
     const identity = JSON.stringify([context.scopeId, context.chatId, context.itemId, block.id, block.revision]);
     const inputKey = JSON.stringify([identity, inputs]);
     const reading = busyInput === inputKey;
-    const defaultInputs = JSON.stringify(uiInputValues(block, new UiState(block)));
-    const initial = frozen && frozen.revision === block.revision ? frozen.readings : {};
-    const successfulFor = (name, signature) => {
-        const local = readings[name];
-        if (local?.identity === identity && local.successful?.inputs === signature) {
-            return local.successful.reading;
-        }
-        return signature === defaultInputs && initial[name]?.state === 'fresh' ? initial[name] : undefined;
-    };
+    const defaultInputs = useMemo(() => JSON.stringify(uiInputValues(block, new UiState(block))), [block]);
+    const initial = frozen && frozen.revision === block.revision ? frozen.readings : NO_READINGS;
+    const successfulFor = (name, signature) => successfulReading(readings[name], initial[name], identity, signature, defaultInputs);
     const readsFor = (values) => {
         const signature = JSON.stringify(values);
         const reads = {};
@@ -41,13 +48,13 @@ export function useUiQueries(block, state, context, element, frozen) {
     const subscribe = chatHost().intelligentUi?.subscribe;
     useEffect(() => {
         const scope = state.scope();
-        for (const name of names) {
-            const successful = successfulFor(name, inputs);
+        for (const name of Object.keys(block.queries)) {
+            const successful = successfulReading(readings[name], initial[name], identity, inputs, defaultInputs);
             if (successful && JSON.stringify(scope[name]) !== JSON.stringify(successful.value)) {
                 state.setQuery(name, successful.value, block);
             }
         }
-    });
+    }, [state, block, readings, identity, inputs, defaultInputs, initial]);
     useEffect(() => {
         if (!query ||
             !element ||
@@ -62,11 +69,14 @@ export function useUiQueries(block, state, context, element, frozen) {
         let visible = typeof IntersectionObserver === 'undefined';
         let busy = false;
         let timer = null;
+        // The first read of this block reads at once; a changed input waits until it rests.
+        const changed = lastRead.current.inputKey !== '' && lastRead.current.inputKey !== inputKey;
+        const settledAt = changed ? settleDeadline() : 0;
         const refresh = async () => {
             if (stopped || !visible || !documentVisible() || busy) {
                 return;
             }
-            const wait = lastReadAt.current.identity === identity ? 10_000 - (Date.now() - lastReadAt.current.at) : 0;
+            const wait = Math.max(settledAt - Date.now(), lastRead.current.inputKey === inputKey ? UI_HOST_LIMITS.refreshMilliseconds - (Date.now() - lastRead.current.at) : 0);
             if (wait > 0) {
                 if (timer === null) {
                     if (!visible || !documentVisible()) {
@@ -80,9 +90,9 @@ export function useUiQueries(block, state, context, element, frozen) {
                 return;
             }
             busy = true;
-            lastReadAt.current = { identity, at: Date.now() };
+            lastRead.current = { inputKey, at: Date.now() };
             setBusyInput(inputKey);
-            for (const name of Object.keys(block.queries).slice(0, 8)) {
+            for (const name of Object.keys(block.queries).slice(0, UI_HOST_LIMITS.queries)) {
                 if (!visible || !documentVisible()) {
                     break;
                 }
@@ -118,7 +128,7 @@ export function useUiQueries(block, state, context, element, frozen) {
                         ...previous,
                         [name]: {
                             identity,
-                            reading: { state: 'failed', readAt: Date.now(), reason: error instanceof Error ? error.message : 'This query could not be read.' },
+                            reading: { state: 'failed', readAt: Date.now(), code: 'unreadable', reason: error instanceof Error ? error.message : undefined },
                             successful: previous[name]?.identity === identity ? previous[name].successful : undefined
                         }
                     }));
@@ -132,7 +142,7 @@ export function useUiQueries(block, state, context, element, frozen) {
             timer = setTimeout(() => {
                 timer = null;
                 void refresh();
-            }, 10_000);
+            }, UI_HOST_LIMITS.refreshMilliseconds);
         };
         const observer = typeof IntersectionObserver === 'undefined'
             ? null
@@ -157,6 +167,8 @@ export function useUiQueries(block, state, context, element, frozen) {
         void refresh();
         return () => {
             stopped = true;
+            // A read cut short by this cleanup never reaches its own reset, which would leave the choices closed.
+            setBusyInput((current) => (current === inputKey ? null : current));
             observer?.disconnect();
             unsubscribe?.();
             document.removeEventListener('visibilitychange', focus);
@@ -179,7 +191,8 @@ export function useUiQueries(block, state, context, element, frozen) {
                 .filter((reading) => reading.state === 'fresh')
                 .reduce((at, value) => (at === null ? value.readAt : Math.min(at, value.readAt)), null),
             source: failed ? block.queries[failed[0]]?.source : undefined,
-            reason: failed?.[1].reason
+            reason: failed?.[1].reason,
+            code: failed?.[1].code
         }
         : undefined;
     return { live, reads: reads ?? {}, reading, ready, readsFor, currentReadings };

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

@@ -129,7 +129,7 @@ export function AssistantRow({ chatId, item: derived }) {
     const live = mode === 'words' && item.streaming;
     const reveal = useRevealedText(item.text, live);
     if (item.ui?.length && !item.parentToolUseId && !(mode === 'whole' && item.streaming)) {
-        return (_jsxs("div", { "data-find-item": item.id, className: "-mx-1 px-1 pb-2", children: [_jsx(ReplyHeading, { chatId: chatId }), _jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(UiReply, { text: item.text, blocks: item.ui, answers: item.uiAnswers, queries: item.uiQueries, reply: reply, context: { scopeId: scope.id, chatId, itemId: item.id, phase: item.streaming ? 'streaming' : 'final', answer: null } }) })] }));
+        return (_jsxs("div", { "data-find-item": item.id, className: "-mx-1 px-1 pb-2", children: [_jsx(ReplyHeading, { chatId: chatId }), _jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(UiReply, { text: item.text, blocks: item.ui, answers: item.uiAnswers, queries: item.uiQueries, reply: reply, context: { scopeId: scope.id, chatId, itemId: item.id, phase: item.streaming ? 'streaming' : 'final' } }) })] }));
     }
     if (mode === 'blocks') {
         const settled = item.streaming ? settledBlocksText(item.text) : item.text;

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

@@ -498,6 +498,7 @@
       "from": "from {{previous}}"
     },
     "table": {
+      "label": "Table of {{columns}}",
       "showAll": "Show all {{total}} rows"
     },
     "chart": {
@@ -514,8 +515,10 @@
     "outsideProject": "Outside the project, shown as text",
     "options": "Options",
     "choices": "Choices",
+    "checklist": "Checklist",
     "choice": {
       "waiting": "Available when the reply is done",
+      "reading": "Available once the live data is read",
       "unavailable": "Not available",
       "sent": "Sent",
       "queued": "Queued",
@@ -525,14 +528,11 @@
     "answered": "Answered with “{{label}}”",
     "chose": "Chose “{{label}}”",
     "choseOlder": "Chose “{{label}}” on the reply of {{time}}",
-    "sendContext": "Send",
-    "copyText": "Copy text",
     "fixes_one": "{{count}} fix",
     "fixes_other": "{{count}} fixes",
     "shownAsText": "Shown as text",
     "unknownComponent": "This version cannot draw {{component}}",
     "renderFailed": "Could not draw this part",
-    "tooLarge": "The block is too large to draw",
     "unreadable": "The block could not be read",
     "live": {
       "label": "Live",
@@ -540,7 +540,26 @@
       "sources": "Reads {{sources}}",
       "failed": "Could not read {{source}}",
       "refused": "Not allowed to read {{source}}",
-      "notRead": "Not read"
+      "notRead": "Not read",
+      "reasons": {
+        "access-unavailable": "The access of the chat that wrote this is no longer available.",
+        "block-stale": "This block changed since it was drawn.",
+        "busy": "Too many live blocks are reading right now.",
+        "link-unchecked": "This link has to be checked again.",
+        "link-unsupported": "This is not a link the machine can open.",
+        "links-unsupported": "The machine does not open links from blocks.",
+        "no-unique-match": "The source found no single match for that name.",
+        "outside-project": "This is outside the project the agent wrote this in.",
+        "query-undeclared": "This block does not read that source.",
+        "refresh-limit": "This source reads at most once every ten seconds.",
+        "result-too-large": "What the source returned is too large.",
+        "snapshot-too-large": "The first readings were too large to keep.",
+        "source-unregistered": "The machine does not know this source.",
+        "stale-read": "Read the source again before you choose.",
+        "target-unavailable": "What this points to is no longer available.",
+        "timed-out": "The source took too long to answer.",
+        "unreadable": "The source could not be read."
+      }
     }
   }
 }

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

@@ -498,6 +498,7 @@
       "from": "vanaf {{previous}}"
     },
     "table": {
+      "label": "Tabel van {{columns}}",
       "showAll": "Alle {{total}} rijen tonen"
     },
     "chart": {
@@ -514,8 +515,10 @@
     "outsideProject": "Buiten het project, als tekst getoond",
     "options": "Opties",
     "choices": "Keuzes",
+    "checklist": "Checklijst",
     "choice": {
       "waiting": "Beschikbaar zodra het antwoord klaar is",
+      "reading": "Beschikbaar zodra de live gegevens gelezen zijn",
       "unavailable": "Niet beschikbaar",
       "sent": "Verstuurd",
       "queued": "In de wachtrij",
@@ -525,14 +528,11 @@
     "answered": "Beantwoord met “{{label}}”",
     "chose": "Gekozen: “{{label}}”",
     "choseOlder": "Gekozen: “{{label}}”, bij het antwoord van {{time}}",
-    "sendContext": "Versturen",
-    "copyText": "Tekst kopiëren",
     "fixes_one": "{{count}} correctie",
     "fixes_other": "{{count}} correcties",
     "shownAsText": "Als tekst getoond",
     "unknownComponent": "Deze versie kan {{component}} niet tekenen",
     "renderFailed": "Dit deel kon niet getekend worden",
-    "tooLarge": "Het blok is te groot om te tekenen",
     "unreadable": "Het blok kon niet gelezen worden",
     "live": {
       "label": "Live",
@@ -540,7 +540,26 @@
       "sources": "Leest {{sources}}",
       "failed": "{{source}} lezen lukte niet",
       "refused": "Geen toegang tot {{source}}",
-      "notRead": "Niet gelezen"
+      "notRead": "Niet gelezen",
+      "reasons": {
+        "access-unavailable": "De toegang van de chat die dit schreef is niet meer beschikbaar.",
+        "block-stale": "Dit blok is veranderd sinds het getekend werd.",
+        "busy": "Er lezen nu te veel live blokken tegelijk.",
+        "link-unchecked": "Deze link moet opnieuw gecontroleerd worden.",
+        "link-unsupported": "Dit is geen link die de machine kan openen.",
+        "links-unsupported": "De machine opent geen links uit blokken.",
+        "no-unique-match": "De bron vond voor die naam niet precies één overeenkomst.",
+        "outside-project": "Dit valt buiten het project waarin de agent dit schreef.",
+        "query-undeclared": "Dit blok leest die bron niet.",
+        "refresh-limit": "Deze bron leest hooguit eens per tien seconden.",
+        "result-too-large": "Wat de bron teruggaf is te groot.",
+        "snapshot-too-large": "De eerste metingen waren te groot om te bewaren.",
+        "source-unregistered": "De machine kent deze bron niet.",
+        "stale-read": "Lees de bron opnieuw voordat je kiest.",
+        "target-unavailable": "Waar dit naar verwijst is niet meer beschikbaar.",
+        "timed-out": "De bron deed er te lang over om te antwoorden.",
+        "unreadable": "De bron kon niet gelezen worden."
+      }
     }
   }
 }

package/dist/state/chats.js

@@ -80,7 +80,11 @@ export function applyEvent(state, event) {
         case 'delta': {
             const item = state.items[event.itemId];
             if (event.uiQueries && item?.kind === 'assistant') {
-                return { ...state, items: { ...state.items, [event.itemId]: { ...item, uiQueries: event.uiQueries } } };
+                // The text first, as the daemon's thread applies it, then the metadata on what it grew into.
+                const { uiQueries, ...text } = event;
+                const grown = event.text === '' ? state : applyEvent(state, text);
+                const reply = grown.items[event.itemId] ?? item;
+                return { ...grown, items: { ...grown.items, [event.itemId]: { ...reply, uiQueries } } };
             }
             if (event.ui !== undefined && event.text === '') {
                 if (item?.kind === 'assistant' && item.streaming && event.textLength === item.text.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/agents-react",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "React agent chat threads, composers, approvals, provider accounts and usage views.",
   "type": "module",
   "exports": {
@@ -519,11 +519,6 @@
       "types": "./dist/chat/ui/icons.d.ts",
       "default": "./dist/chat/ui/icons.js"
     },
-    "./chat/ui/intelligent-ui/UiBlockFooter": {
-      "source": "./src/chat/ui/intelligent-ui/UiBlockFooter.tsx",
-      "types": "./dist/chat/ui/intelligent-ui/UiBlockFooter.d.ts",
-      "default": "./dist/chat/ui/intelligent-ui/UiBlockFooter.js"
-    },
     "./chat/ui/intelligent-ui/UiBlockFrame": {
       "source": "./src/chat/ui/intelligent-ui/UiBlockFrame.tsx",
       "types": "./dist/chat/ui/intelligent-ui/UiBlockFrame.d.ts",
@@ -534,6 +529,11 @@
       "types": "./dist/chat/ui/intelligent-ui/UiFallbackPart.d.ts",
       "default": "./dist/chat/ui/intelligent-ui/UiFallbackPart.js"
     },
+    "./chat/ui/intelligent-ui/UiReply": {
+      "source": "./src/chat/ui/intelligent-ui/UiReply.tsx",
+      "types": "./dist/chat/ui/intelligent-ui/UiReply.d.ts",
+      "default": "./dist/chat/ui/intelligent-ui/UiReply.js"
+    },
     "./chat/ui/intelligent-ui/block-local": {
       "source": "./src/chat/ui/intelligent-ui/block-local.ts",
       "types": "./dist/chat/ui/intelligent-ui/block-local.d.ts",
@@ -599,6 +599,11 @@
       "types": "./dist/chat/ui/intelligent-ui/renderers/text.d.ts",
       "default": "./dist/chat/ui/intelligent-ui/renderers/text.js"
     },
+    "./chat/ui/intelligent-ui/reply-parts": {
+      "source": "./src/chat/ui/intelligent-ui/reply-parts.ts",
+      "types": "./dist/chat/ui/intelligent-ui/reply-parts.d.ts",
+      "default": "./dist/chat/ui/intelligent-ui/reply-parts.js"
+    },
     "./chat/ui/intelligent-ui/table-data": {
       "source": "./src/chat/ui/intelligent-ui/table-data.ts",
       "types": "./dist/chat/ui/intelligent-ui/table-data.d.ts",
@@ -614,6 +619,16 @@
       "types": "./dist/chat/ui/intelligent-ui/use-later.d.ts",
       "default": "./dist/chat/ui/intelligent-ui/use-later.js"
     },
+    "./chat/ui/intelligent-ui/use-ui-links": {
+      "source": "./src/chat/ui/intelligent-ui/use-ui-links.ts",
+      "types": "./dist/chat/ui/intelligent-ui/use-ui-links.d.ts",
+      "default": "./dist/chat/ui/intelligent-ui/use-ui-links.js"
+    },
+    "./chat/ui/intelligent-ui/use-ui-queries": {
+      "source": "./src/chat/ui/intelligent-ui/use-ui-queries.ts",
+      "types": "./dist/chat/ui/intelligent-ui/use-ui-queries.d.ts",
+      "default": "./dist/chat/ui/intelligent-ui/use-ui-queries.js"
+    },
     "./chat/ui/markdown-blocks": {
       "source": "./src/chat/ui/markdown-blocks.ts",
       "types": "./dist/chat/ui/markdown-blocks.d.ts",
@@ -987,26 +1002,6 @@
       "source": "./src/chat/visual-viewport.ts",
       "types": "./dist/chat/visual-viewport.d.ts",
       "default": "./dist/chat/visual-viewport.js"
-    },
-    "./chat/ui/intelligent-ui/use-ui-links": {
-      "source": "./src/chat/ui/intelligent-ui/use-ui-links.ts",
-      "types": "./dist/chat/ui/intelligent-ui/use-ui-links.d.ts",
-      "default": "./dist/chat/ui/intelligent-ui/use-ui-links.js"
-    },
-    "./chat/ui/intelligent-ui/use-ui-queries": {
-      "source": "./src/chat/ui/intelligent-ui/use-ui-queries.ts",
-      "types": "./dist/chat/ui/intelligent-ui/use-ui-queries.d.ts",
-      "default": "./dist/chat/ui/intelligent-ui/use-ui-queries.js"
-    },
-    "./chat/ui/intelligent-ui/UiReply": {
-      "source": "./src/chat/ui/intelligent-ui/UiReply.tsx",
-      "types": "./dist/chat/ui/intelligent-ui/UiReply.d.ts",
-      "default": "./dist/chat/ui/intelligent-ui/UiReply.js"
-    },
-    "./chat/ui/intelligent-ui/reply-parts": {
-      "source": "./src/chat/ui/intelligent-ui/reply-parts.ts",
-      "types": "./dist/chat/ui/intelligent-ui/reply-parts.d.ts",
-      "default": "./dist/chat/ui/intelligent-ui/reply-parts.js"
     }
   },
   "scripts": {
@@ -1016,8 +1011,8 @@
     "test:visuals": "bun --config=integration.bunfig.toml --conditions=source test ./src/chat/visual-viewport.integration.test.ts"
   },
   "dependencies": {
-    "@adecore/agent-contracts": "0.21.0",
-    "@adecore/intelligent-ui": "0.21.0",
+    "@adecore/agent-contracts": "0.21.1",
+    "@adecore/intelligent-ui": "0.21.1",
     "@codemirror/commands": "^6.11.1",
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.6",
@@ -1038,7 +1033,7 @@
     "zustand": "^5.0.15"
   },
   "peerDependencies": {
-    "@adecore/ui": "^0.21.0",
+    "@adecore/ui": "^0.21.1",
     "i18next": "^26.4.2",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",