@adecore/agents-react 0.21.0 → 0.21.2

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/port-transport.js

@@ -93,15 +93,11 @@ export function portTransport(port) {
             return promise;
         },
         on(event, handler) {
-            let handlers = eventHandlers.get(event);
-            if (!handlers) {
-                handlers = new Set();
-                eventHandlers.set(event, handlers);
-            }
-            const set = handlers;
-            set.add(handler);
+            const handlers = eventHandlers.get(event) ?? new Set();
+            eventHandlers.set(event, handlers);
+            handlers.add(handler);
             return () => {
-                set.delete(handler);
+                handlers.delete(handler);
             };
         },
         subscribeStatus(handler) {

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) {
@@ -109,6 +113,14 @@ export function applyEvent(state, event) {
             return stateOf(event.info, event.items);
     }
 }
+/* Fields of a held chat that are not part of its thread; a chat this client does not hold stays as it is. */
+function withFields(store, key, fields) {
+    const current = store.byKey[key];
+    if (!current) {
+        return {};
+    }
+    return { byKey: { ...store.byKey, [key]: { ...current, ...fields } } };
+}
 export const useChats = create((set) => ({
     byKey: {},
     statusByKey: {},
@@ -162,22 +174,10 @@ export const useChats = create((set) => ({
         });
     },
     bookmarks(key, bookmarks) {
-        set((s) => {
-            const current = s.byKey[key];
-            if (!current) {
-                return {};
-            }
-            return { byKey: { ...s.byKey, [key]: { ...current, bookmarks } } };
-        });
+        set((s) => withFields(s, key, { bookmarks }));
     },
     visuals(key, visuals) {
-        set((s) => {
-            const current = s.byKey[key];
-            if (!current) {
-                return {};
-            }
-            return { byKey: { ...s.byKey, [key]: { ...current, visuals } } };
-        });
+        set((s) => withFields(s, key, { visuals }));
     },
     forget(key) {
         set((s) => {

package/dist/state/usage.js

@@ -32,12 +32,6 @@ function parsePreferences(raw) {
     }
 }
 const storage = persistedJson(storageKey, parsePreferences, DEFAULTS, () => chatStorageLegacyKeys('usage'));
-function readPreferences() {
-    return storage.read();
-}
-function persist(preferences) {
-    storage.write(preferences);
-}
 /* The three stored choices out of the store, so a setter writes the other two back unchanged. */
 function chosen(state) {
     return { period: state.period, metric: state.metric, currency: state.currency };
@@ -49,10 +43,7 @@ function pad(value) {
 export function dayOf(date) {
     return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
 }
-/*
- * What a period asks for. Today counts from local midnight in hours, the way the commit log already
- * groups days, so every other period reads as one bar per calendar day.
- */
+/* What a period asks for: today in hours from local midnight, every other period a bar per calendar day. */
 export function windowFor(period, now = new Date()) {
     const days = USAGE_PERIODS.find((entry) => entry.id === period)?.days ?? 7;
     const from = new Date(now.getFullYear(), now.getMonth(), now.getDate() - (days - 1));
@@ -75,46 +66,50 @@ export function askedKey(payload) {
 const EMPTY = { asked: null, summary: null, loading: false, failed: false, limits: null };
 /* Reads the period, metric and currency again, once another window of the same origin wrote them. */
 export function reloadUsagePreferences() {
-    useUsageStore.setState(readPreferences());
+    useUsageStore.setState(storage.read());
 }
-export const useUsageStore = createChatStore((set, get) => ({
-    ...DEFAULTS,
-    byScope: {},
-    chosen: null,
-    choose(scopeId) {
-        set({ chosen: scopeId });
-    },
-    setPeriod(period) {
-        persist({ ...chosen(get()), period });
-        set({ period });
-    },
-    setMetric(metric) {
-        persist({ ...chosen(get()), metric });
-        set({ metric });
-    },
-    setCurrency(currency) {
-        persist({ ...chosen(get()), currency });
-        set({ currency });
-    },
-    setLoading(scopeId, loading) {
-        set({ byScope: { ...get().byScope, [scopeId]: { ...(get().byScope[scopeId] ?? EMPTY), loading } } });
-    },
-    receive(scopeId, asked, summary) {
-        set({
-            byScope: { ...get().byScope, [scopeId]: { ...(get().byScope[scopeId] ?? EMPTY), asked, summary, loading: false, failed: false } }
-        });
-    },
-    fail(scopeId) {
-        set({ byScope: { ...get().byScope, [scopeId]: { ...(get().byScope[scopeId] ?? EMPTY), loading: false, failed: true } } });
-    },
-    setLimits(scopeId, limits) {
-        set({ byScope: { ...get().byScope, [scopeId]: { ...(get().byScope[scopeId] ?? EMPTY), limits } } });
-    },
-    forget(scopeId) {
-        const { [scopeId]: _gone, ...rest } = get().byScope;
-        set({ byScope: rest });
-    }
-}), (store) => store.setState(readPreferences()));
+export const useUsageStore = createChatStore((set, get) => {
+    const choosePreference = (change) => {
+        storage.write({ ...chosen(get()), ...change });
+        set(change);
+    };
+    const patchRow = (scopeId, change) => {
+        set({ byScope: { ...get().byScope, [scopeId]: { ...(get().byScope[scopeId] ?? EMPTY), ...change } } });
+    };
+    return {
+        ...DEFAULTS,
+        byScope: {},
+        chosen: null,
+        choose(scopeId) {
+            set({ chosen: scopeId });
+        },
+        setPeriod(period) {
+            choosePreference({ period });
+        },
+        setMetric(metric) {
+            choosePreference({ metric });
+        },
+        setCurrency(currency) {
+            choosePreference({ currency });
+        },
+        setLoading(scopeId, loading) {
+            patchRow(scopeId, { loading });
+        },
+        receive(scopeId, asked, summary) {
+            patchRow(scopeId, { asked, summary, loading: false, failed: false });
+        },
+        fail(scopeId) {
+            patchRow(scopeId, { loading: false, failed: true });
+        },
+        setLimits(scopeId, limits) {
+            patchRow(scopeId, { limits });
+        },
+        forget(scopeId) {
+            const { [scopeId]: _gone, ...rest } = get().byScope;
+            set({ byScope: rest });
+        }
+    };
+}, (store) => store.setState(storage.read()));
 export function useUsage(select) {
     const { id } = useChatScope();
     return useUsageStore((s) => select({ period: s.period, metric: s.metric, currency: s.currency, ...(s.byScope[id] ?? EMPTY) }));

package/dist/storage.js

@@ -64,25 +64,25 @@ export function createChatStore(initial, hydrate) {
         hydrate(store);
     };
     hydrators.push(hydrateOnce);
-    const useStore = ((...args) => {
+    const ready = () => {
         hydrateChatStorage();
         hydrateOnce();
+    };
+    const useStore = ((...args) => {
+        ready();
         return store(...args);
     });
     Object.assign(useStore, store);
     useStore.getState = () => {
-        hydrateChatStorage();
-        hydrateOnce();
+        ready();
         return store.getState();
     };
     useStore.subscribe = (...args) => {
-        hydrateChatStorage();
-        hydrateOnce();
+        ready();
         return store.subscribe(...args);
     };
     useStore.setState = ((...args) => {
-        hydrateChatStorage();
-        hydrateOnce();
+        ready();
         store.setState(...args);
     });
     return useStore;

package/dist/theme.css

@@ -76,8 +76,6 @@
 }
 
 @layer components {
-    /* ---------------------------------------------------------------- Chat */
-
     /* Text in a chat is there to be read and copied, so the thread selects even though the app does
        not. Its chrome stays out of it: a drag on a fold header or a chip would select the row.
        The pretty wrap from `body` would be recomputed on the growing paragraph every frame a reply
@@ -160,18 +158,12 @@
 }
 
 /*
- * Markdown, outside every layer on purpose. The typography plugin registers `.prose` as a utility,
- * and a later layer beats an earlier one whatever the specificity, so a rule that has to outrank
- * prose cannot live in `components`. Unlayered styles win over every layer, which is the one
- * place the app's tokens and scale are sure to land on top of the plugin's.
- */
-/*
- * Markdown anywhere in the app: the chat timeline, a note node and the file preview all render
- * the same `Markdown` component, which carries `prose prose-sm max-w-none text-sm` next to this
- * class. Prose brings the rhythm; everything here is what the app decides instead of the plugin.
- * The semantic tokens flip with the theme on their own, so the prose variables read from them
- * and `prose-invert` is a second source of truth the app does not need. The size comes from the
- * `text-sm` utility, which a node, a view and the file preview each move.
+ * Markdown, outside every layer on purpose: the typography plugin registers `.prose` as a utility,
+ * and only unlayered styles are sure to land on top of it.
+ *
+ * Every `Markdown` carries `prose prose-sm max-w-none text-sm` next to this class. Prose brings the
+ * rhythm; everything here is what the app decides instead. The semantic tokens flip with the theme on
+ * their own, so the prose variables read from them and `prose-invert` is not needed.
  */
 .prose.chat-markdown {
     --tw-prose-body: var(--text);

package/dist/usage/LimitsList.js

@@ -9,8 +9,7 @@ import { formatClock, formatWeekdayClock, isSameDay, formatCountdown, formatPerc
 import { ProviderLogo } from '../agents/ProviderLogo.js';
 import { PROVIDER_COLORS, PROVIDER_LABELS } from './format.js';
 import { accountNote, explain, isSignedOut, nextReset } from './limit-groups.js';
-/* Red where a window is nearly spent, amber where it is worth knowing. A window with room to spare
-   is not news, so it takes the text color rather than a hue that competes with the two that are. */
+/* Red where a window is nearly spent, amber where it is worth knowing; room to spare is not news and takes the text color. */
 function toneOf(used) {
     return used >= 0.9 ? 'bg-status-error' : used >= 0.7 ? 'bg-status-needs-you' : 'bg-text';
 }

package/dist/usage/UsageBreakdown.js

@@ -12,11 +12,9 @@ import { modelNameFromSlug } from '../agents/model-name.js';
 import { formatCount, formatTokens, PROVIDER_COLORS, PROVIDER_LABELS, shortPath, slotLabel } from './format.js';
 import { useMoney } from './money.js';
 import { deriveDays } from './summary.js';
-/* The row of every table, the same height and the same hover as a commit row in the git panel. */
 const ROW = 'flex h-8 items-center gap-2 rounded-md px-2 text-xs hover:bg-surface-hover';
 const HEAD = 'flex h-6 items-center gap-2 px-2 text-xs text-text-faint';
-/* A row is padded so its hover has room around the text, and the table pulls that padding back off
-   again. The first column then starts on the same line as every other section of the page. */
+/* The table pulls the padding that gives a row's hover room back off, so its first column lines up with the page. */
 const TABLE = '-mx-2 flex flex-col';
 const TABS = ['models', 'projects', 'day'];
 /* A share of the biggest row, never under one pixel. A row that did something has to be visible. */

package/dist/usage/UsageDialog.js

@@ -2,10 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import i18next from 'i18next';
 import { Dialog } from '@adecore/ui';
 /*
- * The frame of the usage page: larger than the settings, since the chart and the breakdown need the
- * width. What goes in it (`UsagePage`, in an `ErrorBoundary` of the app's) mounts only while it is
- * open, so nothing is scanned behind a closed dialog. It is a dialog and not a view, since none of it
- * belongs to one project.
+ * The frame of the usage page, wider than the settings for the chart and the breakdown. What goes in
+ * it mounts only while it is open, so nothing is scanned behind a closed dialog.
  */
 export function UsageDialog({ open, onOpenChange, children }) {
     return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Popup, { className: "flex h-[820px] w-[1080px] flex-col", children: [children, _jsx(Dialog.Description, { className: "sr-only", children: i18next.t('agent-usage:dialog.description') })] }) }));

package/dist/usage/format.js

@@ -1,7 +1,6 @@
 import { formatDay, formatHour, formatWeekdayDay, formatMoney, formatNumber, formatTokens } from '@adecore/ui/format';
 export { formatClock } from '@adecore/ui/format';
-/* Every number on this page is read in the region of the machine looking at it, as a bank statement
-   would be: `$5,480.96` in the US, `$ 5.480,96` in the Netherlands. The labels stay English. */
+/* Read in the region of the machine looking at it: `$5,480.96` in the US, `$ 5.480,96` in the Netherlands. */
 export function formatCount(value) {
     return formatNumber(value);
 }
@@ -23,8 +22,10 @@ export function moneyFormat(currency, rate) {
 }
 export const PROVIDER_LABELS = { claude: 'Claude Code', codex: 'Codex' };
 export const PROVIDER_COLORS = { claude: 'var(--chart-claude)', codex: 'var(--chart-codex)' };
-/* A slot is `2026-09-10` or `2026-09-10T14`, already in the viewer's own zone, so it is read as
-   plain wall clock and never handed to a parser that would shift it back. */
+/*
+ * A slot is `2026-09-10` or `2026-09-10T14`, already in the viewer's own zone, so it is read as plain
+ * wall clock and never handed to a parser that would shift it back.
+ */
 function dateOfSlot(slot) {
     return new Date(Number(slot.slice(0, 4)), Number(slot.slice(5, 7)) - 1, Number(slot.slice(8, 10)));
 }
@@ -47,8 +48,7 @@ export function slotAxisLabel(slot) {
 export function formatDate(at) {
     return formatDay(at);
 }
-/* A path under a row that already carries the name: enough of the tail to tell two checkouts of the
-   same repository apart, without the home directory nobody needs to read again. */
+/* Enough of a path's tail to tell two checkouts of the same repository apart, under a row that already carries the name. */
 export function shortPath(path) {
     const parts = path.split('/').filter(Boolean);
     return parts.length <= 3 ? path : `…/${parts.slice(-3).join('/')}`;

package/dist/usage/money.js

@@ -1,11 +1,7 @@
 import { useMemo } from 'react';
 import { useUsage } from '../state/usage.js';
 import { moneyFormat } from './format.js';
-/*
- * The formatter every amount on the page goes through: the currency that was chosen, at the rate
- * the summary on screen carries. It is a hook rather than a prop because every row wants it and
- * none of them wants to know where the rate came from.
- */
+/* The formatter every amount on the page goes through: the chosen currency, at the rate the summary on screen carries. */
 export function useMoney() {
     const currency = useUsage((s) => s.currency);
     const rate = useUsage((s) => s.summary?.rate ?? null);

package/dist/usage/summary.js

@@ -74,10 +74,8 @@ export function deriveUsage(summary, metric) {
     };
 }
 /*
- * The same buckets the chart draws, written out as a table of calendar days, newest first. Today is
- * drawn per hour but read per day, so an hour slot is folded onto the date it names. A day nothing
- * happened in is left out, since the chart already shows the gap, and a quiet fortnight would otherwise
- * be fourteen rows of zeroes between the days worth reading.
+ * The chart's buckets as a table of calendar days, newest first; an hour slot folds onto the date it
+ * names. A day nothing happened in is left out, since the chart already shows the gap.
  */
 export function deriveDays(summary) {
     const rows = new Map();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/agents-react",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "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.2",
+    "@adecore/intelligent-ui": "0.21.2",
     "@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.2",
     "i18next": "^26.4.2",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",

package/src/agents/status-look.ts

@@ -10,9 +10,8 @@ export interface StatusLook {
 }
 
 /*
- * One state, one mark: an entry in the sub-agent flyout, a task on its node (`TaskMark`), what finished
- * in the toolbar (`StatusSummary`) and work in progress in a toast. A spinner stops under reduced
- * motion with every other animation (`styles.css`).
+ * One state, one mark, wherever work is drawn: a sub-agent entry, a task, a summary or a toast. A
+ * spinner stops under reduced motion with every other animation.
  */
 const LOOKS: Record<StatusWord, StatusLook> = {
     running: { icon: LoaderCircle, tone: 'text-status-running', spins: true },

package/src/chat/chat-client.ts

@@ -63,6 +63,7 @@ export class ChatClient {
     private readonly mounted = new MountedRegistry<Mounted>();
     private readonly unsubscribe: Array<() => void> = [];
     private readonly earlier = new Map<string, Promise<void>>();
+    private readonly inspections = new Map<string, Promise<ChatAttachResult>>();
     private preferences: ChatPreferencesPayload | null = null;
 
     constructor(transport: ChatTransport, sink: ChatSink, providers: ProviderSink | null = null) {
@@ -89,8 +90,6 @@ export class ChatClient {
         }
     }
 
-    private readonly inspections = new Map<string, Promise<ChatAttachResult>>();
-
     inspect(chatId: string): Promise<ChatAttachResult> {
         const pending = this.inspections.get(chatId);
         if (pending) {
@@ -347,7 +346,7 @@ export class ChatClient {
             this.sendPreferences();
             void this.loadProviders();
             void this.loadStatuses();
-            void this.mounted.reattachAll((chatId) => this.attach(chatId).then(() => undefined));
+            void this.mounted.reattachAll((chatId) => this.attach(chatId));
             return;
         }
         this.mounted.detachAll();