@adecore/agents-react 0.21.2 → 0.22.0

package/dist/chat/ui/SubagentInfo.js

@@ -1,20 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useState } from 'react';
-import clsx from 'clsx';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ChevronDown } from 'lucide-react';
 import { entryTimeOf, statusWordOf, subagentFacts, taskIdOf } from '../subagent-list.js';
 import { useSubagentItem } from '../subagent-view.js';
 import { StatusIcon } from './ChatActivity.js';
-import { Markdown } from './Markdown.js';
-import { Icon, useNow } from '@adecore/ui';
+import { SubagentActions, SubagentBreadcrumb } from './SubagentControls.js';
+import { useNow } from '@adecore/ui';
 import { useModelName } from '../../agents/model-name.js';
 import { useChatRow } from '../../state/chats.js';
 import { chatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 /*
- * What a sub-agent is, over its conversation: its state and time, the model it runs on and what it
- * spent, and the task it was given behind a fold. Nothing for a conversation whose row the thread lost.
+ * What a sub-agent is, over its conversation: the way down to it, its state and time, the model it runs on
+ * and what it spent, and the way out. Only the way down and out for a conversation whose row the thread lost.
  */
 export function SubagentInfo({ chatId, toolUseId }) {
     const { t } = useTranslation('agent-chat');
@@ -24,11 +22,7 @@ export function SubagentInfo({ chatId, toolUseId }) {
     const task = chatHost().tasks.useTask(id, item === null ? null : taskIdOf(item));
     const modelName = useModelName(provider, item?.model ?? '');
     const now = useNow(1000, item?.status === 'running');
-    const [open, setOpen] = useState(false);
-    if (item === null) {
-        return null;
-    }
-    const word = statusWordOf(item, task);
-    const facts = subagentFacts(item, item.model === undefined ? null : modelName);
-    return (_jsx("section", { "aria-label": t('subagents.info.label'), className: "shrink-0 border-b border-border px-4 py-2", children: _jsxs("div", { className: "chat-column-content flex flex-col gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs text-text-faint", children: [_jsx(StatusIcon, { word: word }), _jsx("span", { className: "sr-only", children: t(`common.status.${word}`) }), _jsx("span", { className: "shrink-0 text-text-muted tabular-nums", children: entryTimeOf(item, task, now) }), facts.map((fact) => (_jsxs(Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "min-w-0 truncate", children: fact })] }, fact))), _jsx("span", { className: "grow" }), item.prompt && (_jsxs("button", { type: "button", className: "flex shrink-0 items-center gap-1.5 text-text-muted hover:text-text", "aria-expanded": open, onClick: () => setOpen((current) => !current), children: [_jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('transition-transform', open && 'rotate-180') }), open ? t('subagents.info.hideTask') : t('subagents.info.showTask')] }))] }), open && item.prompt && (_jsx("div", { className: "max-h-60 overflow-auto rounded-md border border-border bg-surface-raised px-3 py-2 text-xs select-text", children: _jsx(Markdown, { text: item.prompt }) }))] }) }));
+    const word = item === null ? null : statusWordOf(item, task);
+    const facts = item === null ? [] : subagentFacts(item, item.model === undefined ? null : modelName);
+    return (_jsx("section", { "aria-label": t('subagents.info.label'), className: "shrink-0 border-b border-border px-4 py-1.5", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs text-text-faint", children: [_jsx(SubagentBreadcrumb, { chatId: chatId, className: "max-w-1/3 shrink-0 font-medium" }), item !== null && word !== null && (_jsxs(_Fragment, { children: [_jsx(StatusIcon, { word: word }), _jsx("span", { className: "sr-only", children: t(`common.status.${word}`) }), _jsx("span", { className: "shrink-0 text-text-muted tabular-nums", children: entryTimeOf(item, task, now) })] })), facts.map((fact) => (_jsxs(Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "min-w-0 truncate", children: fact })] }, fact))), _jsx("span", { className: "grow" }), _jsx(SubagentActions, { chatId: chatId })] }) }));
 }

package/dist/chat/ui/SubagentStopButton.js

@@ -19,7 +19,8 @@ export function SubagentStopButton({ chatId, item, size = 'xs', className }) {
     }
     const send = () => {
         void actions.stopSubagent(chatId, item.toolUseId).catch((e) => {
-            const description = e instanceof Error ? e.message : t('subagents.noAnswer');
+            const stale = e instanceof Error && 'code' in e && e.code === 'subagent-stale';
+            const description = stale ? t('subagents.stale') : e instanceof Error ? e.message : t('subagents.noAnswer');
             chatHost().notify({ kind: 'error', title: t('subagents.stopFailed'), description });
         });
     };

package/dist/chat/ui/Timeline.js

@@ -37,6 +37,8 @@ import { AgentIcon } from '../../agents/AgentIcon.js';
 import { useModelName } from '../../agents/model-name.js';
 import { ContextMenu, EmptyState, ErrorBoundary, Icon, SectionLabel } from '@adecore/ui';
 const ESTIMATED_ROW_PX = 56;
+// How long a jump waits for a thread that is still loading before it calls the item missing.
+const JUMP_THREAD_WAIT_MS = 8000;
 /* A jump puts its row at the top and stops following the end, so the reader stays where they landed. */
 function showRowAtTop(virtualizer, followRef, index) {
     followRef.current = false;
@@ -347,9 +349,16 @@ export function Timeline({ chatId, composer, overlay }) {
         if (index !== -1) {
             setSeeking(null);
             showRowAtTop(virtualizer, followRef, index);
+            if (seeking.options?.flash) {
+                useTimelineFlash.getState().flash(seeking.key, seeking.itemId, false);
+            }
+            return;
+        }
+        // The thread has not loaded yet, so nothing says the item is missing; the effect below bounds the wait.
+        if (items === undefined) {
             return;
         }
-        const item = items?.[seeking.itemId];
+        const item = items[seeking.itemId];
         if (item === undefined && cursor !== null) {
             loadEarlier();
             return;
@@ -360,10 +369,22 @@ export function Timeline({ chatId, composer, overlay }) {
             return;
         }
         setSeeking(null);
+        seeking.options?.onMissing?.();
     }, [seeking, rows, items, turns, virtualizer, cursor, loadEarlier, keyOf, chatId]);
-    useEffect(() => registerItemJumper(keyOf(chatId), (itemId) => {
+    const waitingForThread = seeking !== null && items === undefined;
+    useEffect(() => {
+        if (!waitingForThread) {
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setSeeking(null);
+            seeking?.options?.onMissing?.();
+        }, JUMP_THREAD_WAIT_MS);
+        return () => window.clearTimeout(timer);
+    }, [waitingForThread, seeking]);
+    useEffect(() => registerItemJumper(keyOf(chatId), (itemId, options) => {
         setLanding(null);
-        setSeeking({ itemId, key: keyOf(chatId) });
+        setSeeking({ itemId, key: keyOf(chatId), options });
     }), [keyOf, chatId]);
     useLayoutEffect(() => {
         if (!landing || landing.key !== keyOf(chatId)) {

package/dist/chat/ui/composer/menu-aria.d.ts

@@ -0,0 +1,10 @@
+export interface ComposerMenuAriaInput {
+    label: string;
+    listId: string;
+    open: boolean;
+    activeIndex: number;
+    count: number;
+}
+export declare function clampMenuIndex(index: number, count: number): number;
+export declare function optionIdOf(listId: string, index: number): string;
+export declare function composerMenuAria({ label, listId, open, activeIndex, count }: ComposerMenuAriaInput): Record<string, string>;

package/dist/chat/ui/composer/menu-aria.js

@@ -0,0 +1,18 @@
+/* The index that still points at an option once the list has shrunk under a stale one. */
+export function clampMenuIndex(index, count) {
+    return Math.min(index, Math.max(count - 1, 0));
+}
+export function optionIdOf(listId, index) {
+    return `${listId}-${index}`;
+}
+/*
+ * The attributes the editor's content element takes while a suggestion menu stands beside it. The
+ * element keeps its `textbox` role; ARIA 1.2 lets it name the option the arrow keys are on.
+ */
+export function composerMenuAria({ label, listId, open, activeIndex, count }) {
+    return {
+        'aria-label': label,
+        'aria-autocomplete': 'list',
+        ...(open && count > 0 ? { 'aria-controls': listId, 'aria-activedescendant': optionIdOf(listId, activeIndex) } : {})
+    };
+}

package/dist/chat/ui/quote-selection.d.ts

@@ -1,3 +1,6 @@
-export type QuoteTaker = (quote: string) => void;
+export type QuoteTaker = (quote: string, itemId: string | null) => void;
 export declare const QuoteTakerContext: import("react").Context<((take: QuoteTaker) => () => void) | null>;
-export declare function selectedAnswerQuote(selection: Selection | null, thread: HTMLElement | null): string | null;
+export declare function selectedAnswerQuote(selection: Selection | null, thread: HTMLElement | null): {
+    text: string;
+    itemId: string | null;
+} | null;

package/dist/chat/ui/quote-selection.js

@@ -28,7 +28,7 @@ function selectsOutside(range, answer) {
     }
     return false;
 }
-/* The quote the selection makes, when it lies in one answer of this thread. */
+/* The quote the selection makes, when it lies in one answer of this thread, and the reply it was taken from. */
 export function selectedAnswerQuote(selection, thread) {
     if (thread === null || selection === null || selection.isCollapsed || selection.rangeCount === 0) {
         return null;
@@ -42,5 +42,6 @@ export function selectedAnswerQuote(selection, thread) {
     if (!inside && selectsOutside(range, answer)) {
         return null;
     }
-    return quoteOf(selection.toString());
+    const text = quoteOf(selection.toString());
+    return text === null ? null : { text, itemId: answer.closest('[data-find-item]')?.getAttribute('data-find-item') ?? null };
 }

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

@@ -3,10 +3,13 @@ import { useContext, useMemo, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Bot, Brain, Check, ChevronDown, CircleAlert, File, Info, MessageCircleQuestionMark, Reply, TriangleAlert, X } from 'lucide-react';
+import { WAITING_NOTE_PREFIX } from '@adecore/agent-contracts';
 import { fileBadge, formatBytes, isImageAttachment } from '../../attachments.js';
 import { useChatRow, useCurrentItem } from '../../../state/chats.js';
 import { chatHost } from '../../../host.js';
 import { useChatScope } from '../../../scope.js';
+import { splitQuote } from '../../quote.js';
+import { jumpToTimelineItem } from '../../timeline-scroll.js';
 import { useProviders } from '../../../state/providers.js';
 import { ChatReferenceChip } from '../ChatReferenceChip.js';
 import { ImageThumb } from '../ImageView.js';
@@ -55,8 +58,24 @@ export function UserRow({ chatId, item }) {
     const long = item.text.split('\n').length > USER_FOLD_LINES || item.text.length > USER_FOLD_CHARS;
     const attachments = item.attachments ?? [];
     const chats = item.chats ?? [];
+    const [missing, setMissing] = useState(false);
+    const { keyOf } = useChatScope();
     useOpenForFind(item.id, 'text', setOpen);
-    return (_jsxs("div", { "data-find-item": item.id, className: "flex flex-col items-end", children: [_jsx(MessageHeading, { children: t('rows.user.heading') }), attachments.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: attachments.map((attachment) => isImageAttachment(attachment.mime) ? (_jsx(AttachmentThumb, { chatId: chatId, attachment: attachment }, attachment.id)) : (_jsx(AttachmentLink, { chatId: chatId, attachment: attachment }, attachment.id))) })), chats.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: chats.map((id) => (_jsx(ChatReferenceChip, { chatId: id }, id))) })), item.uiChoice !== undefined && _jsx(ChoiceLine, { chatId: chatId, choice: item.uiChoice }), item.text !== '' && (_jsxs("div", { className: "relative max-w-[80%] rounded-2xl bg-surface-active px-3.5 py-2.5 text-sm wrap-anywhere text-text select-text", children: [_jsx("div", { "data-find-field": "text", className: clsx(long && !open && FOLD), children: _jsx(MessageMarkdown, { text: item.text, mentions: item.mentions, skills: item.skills }) }), long && (_jsxs("button", { className: "mt-1 flex items-center gap-1 text-xs text-text-muted hover:text-text", onClick: () => setOpen((o) => !o), children: [_jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('transition-transform', open && 'rotate-180') }), ' ', open ? t('rows.user.showLess') : t('rows.user.showAll')] }))] }))] }));
+    // A quote only leads somewhere when the message still opens with the blockquote it was sent with.
+    const quoted = item.quoteSource === undefined ? null : splitQuote(item.text);
+    const source = item.quoteSource?.itemId;
+    function goToSource() {
+        if (source !== undefined) {
+            setMissing(false);
+            jumpToTimelineItem(keyOf(chatId), source, { flash: true, onMissing: () => setMissing(true) });
+        }
+    }
+    return (_jsxs("div", { "data-find-item": item.id, className: "flex flex-col items-end", children: [_jsx(MessageHeading, { children: t('rows.user.heading') }), attachments.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: attachments.map((attachment) => isImageAttachment(attachment.mime) ? (_jsx(AttachmentThumb, { chatId: chatId, attachment: attachment }, attachment.id)) : (_jsx(AttachmentLink, { chatId: chatId, attachment: attachment }, attachment.id))) })), chats.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: chats.map((id) => (_jsx(ChatReferenceChip, { chatId: id }, id))) })), item.uiChoice !== undefined && _jsx(ChoiceLine, { chatId: chatId, choice: item.uiChoice }), item.text !== '' && (_jsxs("div", { className: "relative max-w-[80%] rounded-2xl bg-surface-active px-3.5 py-2.5 text-sm wrap-anywhere text-text select-text", children: [_jsx("div", { "data-find-field": "text", className: clsx(long && !open && FOLD), children: quoted !== null && source !== undefined ? (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('composer.quote.goToSource'), children: _jsx("div", { role: "button", tabIndex: 0, className: "mb-2 cursor-pointer rounded-sm border-l-2 border-border-strong pl-2.5 text-text-muted hover:bg-text/5 hover:text-text focus-visible:outline-2 focus-visible:outline-accent", onClick: goToSource, onKeyDown: (e) => {
+                                            if (e.key === 'Enter' || e.key === ' ') {
+                                                e.preventDefault();
+                                                goToSource();
+                                            }
+                                        }, children: _jsx(MessageMarkdown, { text: quoted.quote }) }) }), missing && _jsx("div", { className: "mb-2 text-xs text-text-faint", children: t('rows.user.quoteGone') }), quoted.rest !== '' && _jsx(MessageMarkdown, { text: quoted.rest, mentions: item.mentions, skills: item.skills })] })) : (_jsx(MessageMarkdown, { text: item.text, mentions: item.mentions, skills: item.skills })) }), long && (_jsxs("button", { className: "mt-1 flex items-center gap-1 text-xs text-text-muted hover:text-text", onClick: () => setOpen((o) => !o), children: [_jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('transition-transform', open && 'rotate-180') }), ' ', open ? t('rows.user.showLess') : t('rows.user.showAll')] }))] }))] }));
 }
 /*
  * The choice a message answers. The label stays out of the message, which holds exactly what the agent
@@ -174,16 +193,16 @@ export function NoteRow({ id, level, text, from }) {
     const head = breakAt === -1 ? text : text.slice(0, breakAt);
     const rest = breakAt === -1 ? '' : text.slice(breakAt + 1).trim();
     useOpenForFind(id, 'output', setOpen);
-    return (_jsxs("div", { "data-find-item": id, className: clsx('-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs', level === 'error' ? 'text-status-error' : level === 'warning' ? 'text-status-needs-you' : 'text-text-faint'), children: [_jsx("span", { className: ROW_GUTTER, children: NOTE_ICON[level] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2", children: [_jsx("span", { "data-find-field": "summary", className: "select-text", children: head }), rest !== '' && (_jsx("button", { className: "text-text-muted hover:text-text", onClick: () => setOpen(!open), children: open ? t('rows.note.hide') : t('rows.note.show') })), from !== undefined && _jsx(OpenChatButton, { chatId: from })] }), open && rest !== '' && (_jsx("div", { "data-find-field": "output", className: "mt-1 text-text-muted select-text", children: _jsx(MessageMarkdown, { text: rest }) }))] })] }));
+    return (_jsxs("div", { "data-find-item": id, className: clsx('-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs', level === 'error' ? 'text-status-error' : level === 'warning' ? 'text-status-needs-you' : 'text-text-faint'), children: [_jsx("span", { className: ROW_GUTTER, children: NOTE_ICON[level] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2", children: [_jsx("span", { "data-find-field": "summary", className: "select-text", children: head }), rest !== '' && (_jsx("button", { className: "text-text-muted hover:text-text", onClick: () => setOpen(!open), children: open ? t('rows.note.hide') : t('rows.note.show') })), from !== undefined && _jsx(OpenChatButton, { chatId: from, label: id.startsWith(WAITING_NOTE_PREFIX) ? 'openWaiting' : 'openFork' })] }), open && rest !== '' && (_jsx("div", { "data-find-field": "output", className: "mt-1 text-text-muted select-text", children: _jsx(MessageMarkdown, { text: rest }) }))] })] }));
 }
-/* "Open fork" on a note a fork sent, while that fork is still in the project. */
-function OpenChatButton({ chatId }) {
+/* "Open fork" on a note a fork sent, or "Open to answer" on one about a waiting child, while that chat is still in the project. */
+function OpenChatButton({ chatId, label }) {
     const { t } = useTranslation('agent-chat');
     const place = chatHost().useChatPlace(chatId);
     if (place.title === null) {
         return null;
     }
-    return (_jsx("button", { className: "text-text-muted hover:text-text", onClick: place.go, children: t('rows.note.openFork') }));
+    return (_jsx("button", { className: "text-text-muted hover:text-text", onClick: place.go, children: t(`rows.note.${label}`) }));
 }
 /*
  * The header of a turn the agent started itself, in place of a message of the person. What the

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

@@ -47,7 +47,7 @@ export function Row({ row, chatId, toggleGroup, toggleTurn, toggleSubagent, open
         case 'forks':
             return _jsx(ForksRow, { chatId: chatId, turnId: row.turnId });
         case 'changed-files':
-            return _jsx(ChangedFilesRow, { chatId: chatId, turnId: row.turnId, tools: row.tools, diff: row.diff, checkpoint: row.checkpoint });
+            return (_jsx(ChangedFilesRow, { chatId: chatId, turnId: row.turnId, tools: row.tools, diff: row.diff, checkpoint: row.checkpoint, baseMoved: row.baseMoved }));
         case 'approval':
             return _jsx(ApprovalHistoryRow, { item: row.item });
         case 'question':

package/dist/chat/ui/rows/WorkRows.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import type { ChatCheckpointDiff, ChatToolItem, ChatTurnItem } from '@adecore/agent-contracts';
+import type { BaseMoved } from '../../logic/timeline.js';
 export declare function ToggleLine({ icon, label, detail, open, onToggle, failed, live, trailing, className }: {
     icon: ReactNode;
     label: string;
@@ -39,10 +40,11 @@ export declare function TurnFoldRow({ turn, label, work, expanded, onToggle }: {
     expanded: boolean;
     onToggle(): void;
 }): import("react").JSX.Element;
-export declare function ChangedFilesRow({ tools, diff, checkpoint, chatId, turnId }: {
+export declare function ChangedFilesRow({ tools, diff, checkpoint, baseMoved, chatId, turnId }: {
     tools: ChatToolItem[];
     diff: ChatCheckpointDiff | null;
     checkpoint: boolean;
+    baseMoved?: BaseMoved | undefined;
     chatId: string;
     turnId: string;
 }): import("react").JSX.Element;

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

@@ -91,7 +91,7 @@ function CheckpointFileBody({ file }) {
     return (_jsx(DiffSuspense, { children: _jsx(UnifiedDiff, { change: file }) }));
 }
 /* The frame of a changed files card: a header that folds the list of files away. */
-function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, children }) {
+function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, baseMoved, children }) {
     const { t } = useTranslation('agent-chat');
     const [expanded, setExpanded] = useState(false);
     // A jump opens the card, also one that mounted it by scrolling it on screen; the flash is gone by the next visit.
@@ -100,7 +100,7 @@ function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, c
         setSeenReveal(revealNonce);
         setExpanded(true);
     }
-    return (_jsxs("div", { className: "mb-3 overflow-hidden rounded-lg border border-border bg-surface-raised", children: [_jsxs("button", { className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-text-muted hover:bg-surface-hover", "aria-expanded": expanded, onClick: () => setExpanded((value) => !value), children: [_jsx(Icon, { icon: FileDiff, size: 12, className: "shrink-0" }), _jsx("span", { className: "shrink-0 font-medium text-text", children: t('work.changedFiles', { count }) }), truncated && _jsx("span", { className: "min-w-0 truncate text-text-faint", children: t('work.andMore') }), _jsx("span", { className: "grow" }), added !== undefined && _jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", added] }), deleted !== undefined && _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", deleted] }), _jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('shrink-0 text-text-faint transition-transform', expanded && 'rotate-90') })] }), expanded && children] }));
+    return (_jsxs("div", { className: "mb-3 overflow-hidden rounded-lg border border-border bg-surface-raised", children: [_jsxs("button", { className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-text-muted hover:bg-surface-hover", "aria-expanded": expanded, onClick: () => setExpanded((value) => !value), children: [_jsx(Icon, { icon: FileDiff, size: 12, className: "shrink-0" }), _jsx("span", { className: "shrink-0 font-medium text-text", children: baseMoved === undefined ? t('work.changedFiles', { count }) : t('work.folderChanges', { count }) }), truncated && _jsx("span", { className: "min-w-0 truncate text-text-faint", children: t('work.andMore') }), _jsx("span", { className: "grow" }), added !== undefined && _jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", added] }), deleted !== undefined && _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", deleted] }), _jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('shrink-0 text-text-faint transition-transform', expanded && 'rotate-90') })] }), baseMoved !== undefined && (_jsx("div", { className: "pr-3 pb-2 pl-8 text-xs text-text-faint", children: t('work.baseMoved', { from: baseMoved.from.slice(0, 7), to: baseMoved.to.slice(0, 7) }) })), expanded && children] }));
 }
 /*
  * The files a settled turn changed, as a card; each file opens its diff in place. The host's
@@ -108,7 +108,7 @@ function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, c
  * unified diffs the CLI reported, then the before and after of its own edits. A turn that has a
  * checkpoint but no stored diff asks the host for one, which is also how a running turn gets it.
  */
-export function ChangedFilesRow({ tools, diff, checkpoint, chatId, turnId }) {
+export function ChangedFilesRow({ tools, diff, checkpoint, baseMoved, chatId, turnId }) {
     const [open, setOpen] = useState({});
     const [fetched, setFetched] = useState(null);
     const actions = useChatActions();
@@ -135,7 +135,7 @@ export function ChangedFilesRow({ tools, diff, checkpoint, chatId, turnId }) {
     const revealNonce = flash !== null && flash.opens && flash.key === keyOf(chatId) && flash.rowId === `files-${turnId}` ? flash.nonce : 0;
     if (checkpointDiff !== null && checkpointDiff.files.length > 0) {
         const files = checkpointDiff.files;
-        return (_jsx(ChangedFilesCard, { revealNonce: revealNonce, count: files.length, truncated: checkpointDiff.truncated, added: files.reduce((sum, file) => sum + file.added, 0), deleted: files.reduce((sum, file) => sum + file.deleted, 0), children: files.map((file) => (_jsx(ChangedFileLine, { path: file.path, open: open[file.path] === true, onToggle: () => setOpen((o) => ({ ...o, [file.path]: !o[file.path] })), trailing: _jsxs(_Fragment, { children: [_jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", file.added] }), _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", file.deleted] })] }), children: _jsx(CheckpointFileBody, { file: file }) }, file.path))) }));
+        return (_jsx(ChangedFilesCard, { revealNonce: revealNonce, baseMoved: baseMoved, count: files.length, truncated: checkpointDiff.truncated, added: files.reduce((sum, file) => sum + file.added, 0), deleted: files.reduce((sum, file) => sum + file.deleted, 0), children: files.map((file) => (_jsx(ChangedFileLine, { path: file.path, open: open[file.path] === true, onToggle: () => setOpen((o) => ({ ...o, [file.path]: !o[file.path] })), trailing: _jsxs(_Fragment, { children: [_jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", file.added] }), _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", file.deleted] })] }), children: _jsx(CheckpointFileBody, { file: file }) }, file.path))) }));
     }
     return _jsx(ProviderChangedFiles, { tools: tools, open: open, setOpen: setOpen, revealNonce: revealNonce });
 }

package/dist/host.d.ts

@@ -194,6 +194,7 @@ export interface ChatHost {
         name: string;
         mark: ReactNode;
     } | null;
+    useMachineLabel(scopeId: string): string | null;
     useChatPlace(chatId: string): ChatPlace;
     useContextSources(chatId: string): ReadonlyArray<{
         title: string;

package/dist/host.js

@@ -29,6 +29,7 @@ const DEFAULT_HOST = {
     openLogin: null,
     useLoginBlocked: () => null,
     useProjectLook: () => null,
+    useMachineLabel: () => null,
     useChatPlace: () => NOWHERE,
     useContextSources: () => NO_SOURCES,
     useHidesFolder: () => false,

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

@@ -91,7 +91,8 @@
     "user": {
       "heading": "You",
       "showAll": "Show all",
-      "showLess": "Show less"
+      "showLess": "Show less",
+      "quoteGone": "The reply this quote came from is no longer in this chat."
     },
     "report": {
       "heading": "Report"
@@ -107,7 +108,8 @@
     "note": {
       "hide": "Hide",
       "show": "Show",
-      "openFork": "Open fork"
+      "openFork": "Open fork",
+      "openWaiting": "Open to answer"
     },
     "compaction": {
       "plain": "Context compacted",
@@ -165,6 +167,9 @@
     },
     "changedFiles_one": "{{count}} changed file",
     "changedFiles_other": "{{count}} changed files",
+    "folderChanges_one": "{{count}} change in the folder this turn",
+    "folderChanges_other": "{{count}} changes in the folder this turn",
+    "baseMoved": "The branch moved during this turn ({{from}} to {{to}}), so this includes what came in with it.",
     "andMore": "and more, truncated",
     "edits_one": "{{count}} edit",
     "edits_other": "{{count}} edits",
@@ -249,6 +254,17 @@
   },
   "composer": {
     "slotFailed": "This control failed to render",
+    "inputLabel": "Message",
+    "menu": {
+      "commands": "Commands",
+      "skills": "Skills",
+      "mentions": "Mentions"
+    },
+    "held": {
+      "question": "A question is waiting. It opens when you pause typing.",
+      "approval": "An approval is waiting. It opens when you pause typing.",
+      "show": "Show now"
+    },
     "commands": {
       "model": "Switch the model",
       "compact": "Compact the context",
@@ -294,7 +310,8 @@
     },
     "quote": {
       "add": "Quote",
-      "remove": "Remove quote"
+      "remove": "Remove quote",
+      "goToSource": "Go to the reply"
     },
     "removeAttachment": "Remove {{name}}",
     "attach": "Attach files",
@@ -319,6 +336,9 @@
     "monitors_one": "{{count}} monitor",
     "monitors_other": "{{count}} monitors",
     "pausedUntil": "paused until {{time}}",
+    "progress": "{{done}} of {{total}} sub-agents done",
+    "needsYou_one": "{{count}} needs you",
+    "needsYou_other": "{{count}} need you",
     "took": {
       "done": "done in {{duration}}",
       "failed": "failed after {{duration}}",
@@ -332,8 +352,10 @@
   "subagents": {
     "stop": {
       "task": "Stop this task",
+      "native": "Stop this sub-agent",
       "mark": "Mark as stopped. The CLI cannot stop one sub-agent, so it may keep working until the chat's process ends."
     },
+    "stale": "This sub-agent belongs to a process that has ended.",
     "title": "Sub-agents",
     "backToMain": "Back to the main agent",
     "loading": "Loading the conversation…",
@@ -344,9 +366,7 @@
     "stopFailed": "The sub-agent could not be stopped",
     "info": {
       "label": "About this sub-agent",
-      "tokens": "{{tokens}} tokens",
-      "showTask": "Show its task",
-      "hideTask": "Hide its task"
+      "tokens": "{{tokens}} tokens"
     }
   },
   "modes": {
@@ -382,7 +402,10 @@
       "noMatch": "No models match",
       "legacyGroup_one": "Legacy models ({{count}})",
       "legacyGroup_other": "Legacy models ({{count}})",
-      "legacy": "Legacy"
+      "legacy": "Legacy",
+      "requires": "Requires {{cli}} {{version}} or later on {{machine}}",
+      "requiresHere": "Requires {{cli}} {{version}} or later",
+      "providerSettings": "Provider settings"
     },
     "stash": {
       "title": "Stashed prompts",

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

@@ -91,7 +91,8 @@
     "user": {
       "heading": "Jij",
       "showAll": "Alles tonen",
-      "showLess": "Minder tonen"
+      "showLess": "Minder tonen",
+      "quoteGone": "Het antwoord waar dit citaat vandaan kwam, staat niet meer in deze chat."
     },
     "report": {
       "heading": "Rapport"
@@ -107,7 +108,8 @@
     "note": {
       "hide": "Verbergen",
       "show": "Tonen",
-      "openFork": "Fork openen"
+      "openFork": "Fork openen",
+      "openWaiting": "Openen om te antwoorden"
     },
     "compaction": {
       "plain": "Context gecomprimeerd",
@@ -165,6 +167,9 @@
     },
     "changedFiles_one": "{{count}} gewijzigd bestand",
     "changedFiles_other": "{{count}} gewijzigde bestanden",
+    "folderChanges_one": "{{count}} wijziging in de map tijdens deze beurt",
+    "folderChanges_other": "{{count}} wijzigingen in de map tijdens deze beurt",
+    "baseMoved": "De branch is tijdens deze beurt verplaatst ({{from}} naar {{to}}), dus dit omvat ook wat daarmee binnenkwam.",
     "andMore": "en meer, afgekapt",
     "edits_one": "{{count}} bewerking",
     "edits_other": "{{count}} bewerkingen",
@@ -249,6 +254,17 @@
   },
   "composer": {
     "slotFailed": "Dit onderdeel kon niet worden getekend",
+    "inputLabel": "Bericht",
+    "menu": {
+      "commands": "Commando's",
+      "skills": "Skills",
+      "mentions": "Vermeldingen"
+    },
+    "held": {
+      "question": "Er wacht een vraag. Die opent zodra je even stopt met typen.",
+      "approval": "Er wacht een goedkeuring. Die opent zodra je even stopt met typen.",
+      "show": "Nu tonen"
+    },
     "commands": {
       "model": "Wissel van model",
       "compact": "Comprimeer de context",
@@ -294,7 +310,8 @@
     },
     "quote": {
       "add": "Citeren",
-      "remove": "Citaat verwijderen"
+      "remove": "Citaat verwijderen",
+      "goToSource": "Naar het antwoord"
     },
     "removeAttachment": "{{name}} verwijderen",
     "attach": "Bestanden toevoegen",
@@ -319,6 +336,9 @@
     "monitors_one": "{{count}} monitor",
     "monitors_other": "{{count}} monitors",
     "pausedUntil": "gepauzeerd tot {{time}}",
+    "progress": "{{done}} van {{total}} sub-agents klaar",
+    "needsYou_one": "{{count}} vraagt aandacht",
+    "needsYou_other": "{{count}} vragen aandacht",
     "took": {
       "done": "klaar in {{duration}}",
       "failed": "mislukt na {{duration}}",
@@ -332,8 +352,10 @@
   "subagents": {
     "stop": {
       "task": "Deze taak stoppen",
+      "native": "Deze sub-agent stoppen",
       "mark": "Markeren als gestopt. De CLI kan een losse sub-agent niet stoppen, dus die werkt mogelijk door tot het proces van de chat eindigt."
     },
+    "stale": "Deze sub-agent hoort bij een proces dat al gestopt is.",
     "title": "Sub-agents",
     "backToMain": "Terug naar de main agent",
     "loading": "Gesprek laden…",
@@ -344,9 +366,7 @@
     "stopFailed": "De sub-agent kon niet worden gestopt",
     "info": {
       "label": "Over deze sub-agent",
-      "tokens": "{{tokens}} tokens",
-      "showTask": "Opdracht tonen",
-      "hideTask": "Opdracht verbergen"
+      "tokens": "{{tokens}} tokens"
     }
   },
   "modes": {
@@ -382,7 +402,10 @@
       "noMatch": "Geen modellen gevonden",
       "legacyGroup_one": "Legacy-modellen ({{count}})",
       "legacyGroup_other": "Legacy-modellen ({{count}})",
-      "legacy": "Legacy"
+      "legacy": "Legacy",
+      "requires": "Vereist {{cli}} {{version}} of nieuwer op {{machine}}",
+      "requiresHere": "Vereist {{cli}} {{version}} of nieuwer",
+      "providerSettings": "Providerinstellingen"
     },
     "stash": {
       "title": "Stashed prompts",

package/dist/state/chats.d.ts

@@ -1,4 +1,4 @@
-import type { ChatApprovalItem, ChatBookmark, ChatEvent, ChatHistoryResult, ChatInfo, ChatItem, ChatQuestionItem, ChatVisual } from '@adecore/agent-contracts';
+import type { AgentKind, ChatApprovalItem, ChatBookmark, ChatEvent, ChatHistoryResult, ChatInfo, ChatItem, ChatQuestionItem, ChatVisual } from '@adecore/agent-contracts';
 export interface ChatState {
     info: ChatInfo;
     items: Record<string, ChatItem>;
@@ -43,5 +43,6 @@ export declare function applyEvent(state: ChatState, event: ChatEvent): ChatStat
 export declare const useChats: import("zustand").UseBoundStore<import("zustand").StoreApi<ChatsStore>>;
 export declare function chatSink(keyOf: (chatId: string) => string): ChatSink;
 export declare function useChatRow<T>(chatId: string, select: (row: ChatState | undefined) => T): T;
+export declare function useReportedModels(provider: AgentKind): ReadonlySet<string>;
 export declare function useCurrentItem<T extends ChatItem>(chatId: string, derived: T): T;
 export {};

package/dist/state/chats.js

@@ -1,5 +1,6 @@
+import { useContext, useMemo } from 'react';
 import { create } from 'zustand';
-import { useChatScope } from '../scope.js';
+import { ChatScopeContext, useChatScope } from '../scope.js';
 function isWaiting(item) {
     return (item?.kind === 'approval' && item.decision === 'pending') || (item?.kind === 'question' && item.state === 'pending');
 }
@@ -209,6 +210,23 @@ export function useChatRow(chatId, select) {
     const { keyOf } = useChatScope();
     return useChats((s) => select(s.byKey[keyOf(chatId)]));
 }
+/*
+ * The models the CLI of this provider reported running in the chats this client holds of the host.
+ * A model it ran is proof the CLI offers it, whatever the version says. Outside a scope there is none.
+ */
+export function useReportedModels(provider) {
+    const scope = useContext(ChatScopeContext);
+    const joined = useChats((s) => {
+        const names = new Set();
+        for (const [key, state] of Object.entries(s.statusByKey)) {
+            if (scope?.owns(key) === true && state.info.provider === provider && state.info.model !== null) {
+                names.add(state.info.model);
+            }
+        }
+        return [...names].sort().join('\n');
+    });
+    return useMemo(() => new Set(joined === '' ? [] : joined.split('\n')), [joined]);
+}
 /* The item as the thread holds it now, for a row derived from the structure, which a delta leaves alone. */
 export function useCurrentItem(chatId, derived) {
     return useChatRow(chatId, (row) => {