@adecore/agents-react 0.21.1 → 0.22.0

package/src/chat/ui/rows/WorkRows.tsx

@@ -1,9 +1,10 @@
-import { Suspense, useEffect, useState } from 'react';
+import { Suspense, useEffect, useState, type Dispatch, type ReactNode, type SetStateAction } from 'react';
 import clsx from 'clsx';
 import i18next from 'i18next';
 import { useTranslation } from 'react-i18next';
 import { ChevronRight, FileDiff, X } from 'lucide-react';
 import type { ChatCheckpointDiff, ChatCheckpointFile, ChatFileChange, ChatToolItem, ChatTurnItem } from '@adecore/agent-contracts';
+import type { BaseMoved } from '../../logic/timeline';
 import { fileChanges, liveOutput, readImagePath, toolStartedAt, toolSummary, unifiedChanges, type FileChange } from '../../logic/tools';
 import { useOpenForFind } from '../find-reveal';
 import { chatHost } from '../../../host';
@@ -40,14 +41,14 @@ export function ToggleLine({
     trailing,
     className
 }: {
-    icon: React.ReactNode;
+    icon: ReactNode;
     label: string;
     detail?: string;
     open: boolean;
     onToggle(): void;
     failed?: boolean;
     live?: boolean;
-    trailing?: React.ReactNode;
+    trailing?: ReactNode;
     className?: string;
 }) {
     return (
@@ -75,24 +76,60 @@ export function ToggleLine({
     );
 }
 
-function ToolBody({ tool }: { tool: ChatToolItem }) {
+/* The diff renderers load lazily, so a diff waits on them under a line that says so. */
+function DiffSuspense({ children }: { children: ReactNode }) {
     const { t } = useTranslation('agent-chat');
+    return <Suspense fallback={<div className="px-3 py-2 text-xs text-text-faint">{t('work.loadingDiff')}</div>}>{children}</Suspense>;
+}
+
+/* A file in a changed files card, which opens its diff under it. */
+function ChangedFileLine({
+    path,
+    open,
+    onToggle,
+    trailing,
+    children
+}: {
+    path: string;
+    open: boolean;
+    onToggle(): void;
+    trailing: ReactNode;
+    children: ReactNode;
+}) {
+    return (
+        <div className="border-t border-border">
+            <button
+                className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover"
+                data-file-path={path}
+                onClick={onToggle}
+            >
+                <Icon icon={ChevronRight} size={12} className={clsx('shrink-0 text-text-faint transition-transform', open && 'rotate-90')} />
+                <span className="min-w-0 truncate font-mono text-text">{path}</span>
+                <span className="grow" />
+                {trailing}
+            </button>
+            {open && <div className="border-t border-border">{children}</div>}
+        </div>
+    );
+}
+
+function ToolBody({ tool }: { tool: ChatToolItem }) {
     const patches = unifiedChanges(tool);
     const changes = patches.length > 0 ? [] : fileChanges(tool.name, tool.input);
     return (
         <div className="mt-1.5 mb-2 ml-6 overflow-hidden rounded-md border border-border bg-surface-raised">
             {patches.length > 0 ? (
-                <Suspense fallback={<div className="px-3 py-2 text-xs text-text-faint">{t('work.loadingDiff')}</div>}>
+                <DiffSuspense>
                     {patches.map((change, index) => (
                         <UnifiedDiff key={index} change={change} />
                     ))}
-                </Suspense>
+                </DiffSuspense>
             ) : changes.length > 0 ? (
-                <Suspense fallback={<div className="px-3 py-2 text-xs text-text-faint">{t('work.loadingDiff')}</div>}>
+                <DiffSuspense>
                     {changes.map((change, index) => (
                         <EditDiff key={index} change={change} />
                     ))}
-                </Suspense>
+                </DiffSuspense>
             ) : (
                 <pre className="max-h-64 overflow-auto px-3 py-2 font-mono text-code text-text-muted select-text">
                     {clip(JSON.stringify(tool.input, null, 2) ?? '')}
@@ -113,9 +150,10 @@ function ToolBody({ tool }: { tool: ChatToolItem }) {
     );
 }
 
-/* One settled tool call: a line, and its input and output behind it. An image the call looked at
-   is drawn under the line, because a picture says more about that read than its path does.
-   `icon`, `label` and `failed` let a row that knows the call better name it in its own words. */
+/*
+ * One settled tool call: a line, and its input and output behind it. An image the call looked at is
+ * drawn under the line. `icon`, `label` and `failed` let a row that knows the call better name it.
+ */
 export function WorkRow({
     tool,
     nested,
@@ -127,7 +165,7 @@ export function WorkRow({
     tool: ChatToolItem;
     nested?: boolean;
     detail?: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     label?: string;
     failed?: boolean;
 }) {
@@ -235,14 +273,13 @@ function omittedLabel(reason: 'binary' | 'too-large'): string {
 
 /* One file of a turn's checkpoint diff: its patch, or the reason there is none. */
 function CheckpointFileBody({ file }: { file: ChatCheckpointFile }) {
-    const { t } = useTranslation('agent-chat');
     if (file.omitted) {
         return <div className="px-3 py-2 text-xs text-text-faint">{omittedLabel(file.omitted)}</div>;
     }
     return (
-        <Suspense fallback={<div className="px-3 py-2 text-xs text-text-faint">{t('work.loadingDiff')}</div>}>
+        <DiffSuspense>
             <UnifiedDiff change={file} />
-        </Suspense>
+        </DiffSuspense>
     );
 }
 
@@ -253,19 +290,22 @@ function ChangedFilesCard({
     added,
     deleted,
     revealNonce = 0,
+    baseMoved,
     children
 }: {
     count: number;
     truncated?: boolean;
+    /* Set when the branch moved during the turn: the count is then what changed in the folder, not only the agent's work. */
+    baseMoved?: BaseMoved | undefined;
     added?: number;
     deleted?: number;
     /* A jump from outside the chat that asked for this card; each new one opens it. */
     revealNonce?: number;
-    children: React.ReactNode;
+    children: ReactNode;
 }) {
     const { t } = useTranslation('agent-chat');
     const [expanded, setExpanded] = useState(false);
-    // A jump from outside opens the card, also when the jump put the row on screen and so mounted it; the flash is gone by the time the row is scrolled to again.
+    // A jump opens the card, also one that mounted it by scrolling it on screen; the flash is gone by the next visit.
     const [seenReveal, setSeenReveal] = useState(0);
     if (revealNonce > 0 && revealNonce !== seenReveal) {
         setSeenReveal(revealNonce);
@@ -279,13 +319,20 @@ function ChangedFilesCard({
                 onClick={() => setExpanded((value) => !value)}
             >
                 <Icon icon={FileDiff} size={12} className="shrink-0" />
-                <span className="shrink-0 font-medium text-text">{t('work.changedFiles', { count })}</span>
+                <span className="shrink-0 font-medium text-text">
+                    {baseMoved === undefined ? t('work.changedFiles', { count }) : t('work.folderChanges', { count })}
+                </span>
                 {truncated && <span className="min-w-0 truncate text-text-faint">{t('work.andMore')}</span>}
                 <span className="grow" />
                 {added !== undefined && <span className="text-chat-added tabular-nums">+{added}</span>}
                 {deleted !== undefined && <span className="text-chat-removed tabular-nums">-{deleted}</span>}
                 <Icon icon={ChevronRight} size={12} className={clsx('shrink-0 text-text-faint transition-transform', expanded && 'rotate-90')} />
             </button>
+            {baseMoved !== undefined && (
+                <div className="pr-3 pb-2 pl-8 text-xs text-text-faint">
+                    {t('work.baseMoved', { from: baseMoved.from.slice(0, 7), to: baseMoved.to.slice(0, 7) })}
+                </div>
+            )}
             {expanded && children}
         </div>
     );
@@ -301,12 +348,14 @@ export function ChangedFilesRow({
     tools,
     diff,
     checkpoint,
+    baseMoved,
     chatId,
     turnId
 }: {
     tools: ChatToolItem[];
     diff: ChatCheckpointDiff | null;
     checkpoint: boolean;
+    baseMoved?: BaseMoved | undefined;
     chatId: string;
     turnId: string;
 }) {
@@ -339,34 +388,27 @@ export function ChangedFilesRow({
         return (
             <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)}
             >
                 {files.map((file) => (
-                    <div key={file.path} className="border-t border-border">
-                        <button
-                            className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover"
-                            data-file-path={file.path}
-                            onClick={() => setOpen((o) => ({ ...o, [file.path]: !o[file.path] }))}
-                        >
-                            <Icon
-                                icon={ChevronRight}
-                                size={12}
-                                className={clsx('shrink-0 text-text-faint transition-transform', open[file.path] && 'rotate-90')}
-                            />
-                            <span className="min-w-0 truncate font-mono text-text">{file.path}</span>
-                            <span className="grow" />
-                            <span className="text-chat-added tabular-nums">+{file.added}</span>
-                            <span className="text-chat-removed tabular-nums">-{file.deleted}</span>
-                        </button>
-                        {open[file.path] && (
-                            <div className="border-t border-border">
-                                <CheckpointFileBody file={file} />
-                            </div>
-                        )}
-                    </div>
+                    <ChangedFileLine
+                        key={file.path}
+                        path={file.path}
+                        open={open[file.path] === true}
+                        onToggle={() => setOpen((o) => ({ ...o, [file.path]: !o[file.path] }))}
+                        trailing={
+                            <>
+                                <span className="text-chat-added tabular-nums">+{file.added}</span>
+                                <span className="text-chat-removed tabular-nums">-{file.deleted}</span>
+                            </>
+                        }
+                    >
+                        <CheckpointFileBody file={file} />
+                    </ChangedFileLine>
                 ))}
             </ChangedFilesCard>
         );
@@ -384,7 +426,7 @@ function ProviderChangedFiles({
     tools: ChatToolItem[];
     open: Record<string, boolean>;
     revealNonce: number;
-    setOpen: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setOpen: Dispatch<SetStateAction<Record<string, boolean>>>;
 }) {
     const { t } = useTranslation('agent-chat');
     const byPath = new Map<string, { edits: FileChange[]; patches: ChatFileChange[] }>();
@@ -411,35 +453,24 @@ function ProviderChangedFiles({
     }
     return (
         <ChangedFilesCard count={byPath.size} revealNonce={revealNonce}>
-            {[...byPath].map(([path, entry]) => {
-                const count = entry.edits.length + entry.patches.length;
-                return (
-                    <div key={path} className="border-t border-border">
-                        <button
-                            className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover"
-                            data-file-path={path}
-                            onClick={() => setOpen((o) => ({ ...o, [path]: !o[path] }))}
-                        >
-                            <Icon icon={ChevronRight} size={12} className={clsx('shrink-0 text-text-faint transition-transform', open[path] && 'rotate-90')} />
-                            <span className="min-w-0 truncate font-mono text-text">{path}</span>
-                            <span className="grow" />
-                            <span className="text-text-faint">{t('work.edits', { count })}</span>
-                        </button>
-                        {open[path] && (
-                            <div className="border-t border-border">
-                                <Suspense fallback={<div className="px-3 py-2 text-xs text-text-faint">{t('work.loadingDiff')}</div>}>
-                                    {entry.patches.map((change, index) => (
-                                        <UnifiedDiff key={`patch-${index}`} change={change} />
-                                    ))}
-                                    {entry.edits.map((change, index) => (
-                                        <EditDiff key={`edit-${index}`} change={change} />
-                                    ))}
-                                </Suspense>
-                            </div>
-                        )}
-                    </div>
-                );
-            })}
+            {[...byPath].map(([path, entry]) => (
+                <ChangedFileLine
+                    key={path}
+                    path={path}
+                    open={open[path] === true}
+                    onToggle={() => setOpen((o) => ({ ...o, [path]: !o[path] }))}
+                    trailing={<span className="text-text-faint">{t('work.edits', { count: entry.edits.length + entry.patches.length })}</span>}
+                >
+                    <DiffSuspense>
+                        {entry.patches.map((change, index) => (
+                            <UnifiedDiff key={`patch-${index}`} change={change} />
+                        ))}
+                        {entry.edits.map((change, index) => (
+                            <EditDiff key={`edit-${index}`} change={change} />
+                        ))}
+                    </DiffSuspense>
+                </ChangedFileLine>
+            ))}
         </ChangedFilesCard>
     );
 }

package/src/chat/visual-viewport.ts

@@ -2,7 +2,7 @@ import type { VisualScrollRequest } from '@adecore/agent-contracts/visual';
 import { visualViewportGeometry } from './logic/visual-viewport';
 import type { VisualBridge } from './visual-bridge';
 
-/** Keeps one small frame in a full-height timeline row, without rendering React on scroll. */
+/* Keeps one small frame in a full-height timeline row, without rendering React on scroll. */
 export class VisualViewportController {
     private readonly box: HTMLElement;
     private readonly viewport: HTMLElement;
@@ -40,11 +40,7 @@ export class VisualViewportController {
         if (this.disposed) {
             return;
         }
-        const outer = this.scroller.getBoundingClientRect();
-        const box = this.box.getBoundingClientRect();
-        // A chat on a canvas can be scaled; messages inside its frame use unscaled CSS pixels.
-        const scale = outer.height / this.scroller.offsetHeight || 1;
-        const top = (box.top - outer.top) / scale - this.scroller.clientTop;
+        const top = this.offsetInScroller(this.scroller.getBoundingClientRect(), this.box.getBoundingClientRect());
         const available = this.scroller.clientHeight;
         const geometry = visualViewportGeometry(this.box.offsetHeight, available, top);
         this.viewport.style.height = `${geometry.height}px`;
@@ -67,8 +63,7 @@ export class VisualViewportController {
             return;
         }
         this.pendingDelta = 0;
-        const scale = outer.height / this.scroller.offsetHeight || 1;
-        const start = this.scroller.scrollTop + (box.top - outer.top) / scale - this.scroller.clientTop;
+        const start = this.scroller.scrollTop + this.offsetInScroller(outer, box);
         const top = 'to' in request ? start + request.to : request.edge === 'start' ? 0 : this.scroller.scrollHeight;
         this.scroller.scrollTo({ top, behavior: 'instant' });
         this.refresh();
@@ -83,6 +78,13 @@ export class VisualViewportController {
         this.bridge.setViewport(null);
     }
 
+    /* The box's top below the scroller's visible top, in the scroller's own pixels. */
+    private offsetInScroller(outer: DOMRect, box: DOMRect): number {
+        // A chat on a canvas can be scaled; messages inside its frame use unscaled CSS pixels.
+        const scale = outer.height / this.scroller.offsetHeight || 1;
+        return (box.top - outer.top) / scale - this.scroller.clientTop;
+    }
+
     private schedule(): void {
         if (this.frame || this.disposed) {
             return;

package/src/host.ts

@@ -134,7 +134,7 @@ export interface TimelineFind {
 /* The dictation control beside the composer's editor; it takes its text from the editor itself. */
 export interface ComposerDictationProps {
     targetRef: RefObject<HTMLElement | null>;
-    /* Where the button goes, in the composer's row of round controls. */
+    /* In the composer's row of round controls. */
     buttonContainer: HTMLElement | null | undefined;
     disabled: boolean;
     editor(): EditorView | null;
@@ -239,7 +239,6 @@ export interface ChatHost {
     /* The image a tool read, drawn under its row; null draws none. */
     ReadImage: ComponentType<{ path: string }> | null;
     code: {
-        /* Whether the app is light or dark right now. */
         useMode(): 'light' | 'dark';
         /* The Shiki theme ids code is drawn in, one per mode. */
         useThemes(): { light: string; dark: string };
@@ -280,6 +279,8 @@ export interface ChatHost {
     useLoginBlocked(scopeId: string): string | null;
     /* The name and the mark of a project of the host, for the usage per project; null draws the folder's own. */
     useProjectLook(scopeId: string, projectId: string | null): { name: string; mark: ReactNode } | null;
+    /* What a person calls the machine the scope's chats run on, or null when it has no name worth saying. */
+    useMachineLabel(scopeId: string): string | null;
     /* Where another chat of the app stands, for a fork's way back and a note from a fork. */
     useChatPlace(chatId: string): ChatPlace;
     /* What a chat may read besides its folder, named under an empty thread. */
@@ -300,7 +301,6 @@ export interface ChatHost {
     };
     /* Offers a fork of the chat after one of its turns; null offers none. */
     fork: ((chatId: string, turnId: string) => void) | null;
-    /* Opens the app's settings on a section: `providers`, or `agents`. */
     openSettings(section: 'providers' | 'agents'): void;
     /* Whether the host lets a chat go on by itself once a limit it stopped on lifts. */
     useResumeAtReset(scopeId: string): boolean;
@@ -347,6 +347,7 @@ const DEFAULT_HOST: ChatHost = {
     openLogin: null,
     useLoginBlocked: () => null,
     useProjectLook: () => null,
+    useMachineLabel: () => null,
     useChatPlace: () => NOWHERE,
     useContextSources: () => NO_SOURCES,
     useHidesFolder: () => false,

package/src/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/src/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/src/port-transport.ts

@@ -110,15 +110,11 @@ export function portTransport(port: FramePort): PortTransport {
             return promise;
         },
         on<E extends AgentEventType>(event: E, handler: (payload: ChatEventMap[E]) => void): () => void {
-            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: (status: ChatTransportStatus) => void): () => void {