@schlenkr/ragents 0.1.9 → 0.1.11

package/apps/web/src/panel/connection-state.ts

@@ -1,7 +1,7 @@
 import type { ConnectionStateName } from "../ui/state-vocabulary";
 import type { ConnectionView, MissingEnvironment } from "./contract";
 
-/** Der Zustand eines Servers im Vokabular der Seiten; ein lokales Profil ist verbunden nicht "verbunden", sondern bereit. */
+/** The state of a server in the vocabulary of the pages; a connected local profile is not "connected" but ready. */
 export const connectionState = (connection: ConnectionView): ConnectionStateName => {
   switch (connection.state.kind) {
     case "stopped": return "stopped";
@@ -15,12 +15,12 @@ export const connectionState = (connection: ConnectionView): ConnectionStateName
   }
 };
 
-/** Warum eine fehlende Umgebungsvariable den Start aufhält: welche, wofür sie das Profil braucht und wohin ihr Wert gehört. */
+/** Why a missing environment variable holds up the start: which one, what the profile needs it for, and where its value belongs. */
 const missingEnvironmentDetail = (missing: MissingEnvironment): string =>
-  `Die Umgebungsvariable ${missing.variable} ist nicht gesetzt; die Konfiguration verlangt sie für ${missing.section}.${missing.key}. `
-  + "Hinterlege ihren Wert als Secret in VS Code; er bleibt in der SecretStorage und kommt beim nächsten Start in die Umgebung des Hosts.";
+  `The environment variable ${missing.variable} is not set; the configuration requires it for ${missing.section}.${missing.key}. `
+  + "Store its value as a secret in VS Code; it stays in the SecretStorage and goes into the host's environment on the next start.";
 
-/** Der Grund, der zum Zustand gehört; er steht unter der Zeile des Servers. */
+/** The reason that belongs to the state; it appears below the server's row. */
 export const stateDetail = (connection: ConnectionView): string | undefined => {
   if (connection.missingEnvironment) return missingEnvironmentDetail(connection.missingEnvironment);
   const state = connection.state;
@@ -28,13 +28,13 @@ export const stateDetail = (connection: ConnectionView): string | undefined => {
   return undefined;
 };
 
-export const kindLabel = (connection: ConnectionView): string => connection.kind === "profile" ? "lokales Profil" : "Server";
+export const kindLabel = (connection: ConnectionView): string => connection.kind === "profile" ? "local profile" : "server";
 
-/** Die Zielzeile unter dem Namen: das lokale Profil, der Host des Servers oder der Server, dessen Profil lokal läuft. */
+/** The route line below the name: the local profile, the server's host, or the server whose profile runs locally. */
 export const routeLabel = (connection: ConnectionView): string => {
   const route = connection.route;
-  if (route.kind === "profile") return `lokal \u00b7 ${route.profile}`;
-  return route.localHost ? `${route.host} \u00b7 lokal` : route.host;
+  if (route.kind === "profile") return `local \u00b7 ${route.profile}`;
+  return route.localHost ? `${route.host} \u00b7 local` : route.host;
 };
 
 export const busyState = (connection: ConnectionView): boolean => connection.state.kind === "starting" || connection.state.kind === "connecting";

package/apps/web/src/panel/contract.ts

@@ -1,6 +1,6 @@
 import type { RunPanelTheme } from "../run-panel/host-contract";
 
-/** Ein Server der Erweiterung: ein RAgents-Server per Adresse oder ein lokales Profil, das sie selbst startet. */
+/** A server of the extension: a RAgents server by address or a local profile that the extension starts itself. */
 export type ConnectionKind = "server" | "profile";
 
 export type ConnectionState =
@@ -13,10 +13,10 @@ export type ConnectionState =
   | { readonly kind: "forbidden"; readonly message: string }
   | { readonly kind: "failed"; readonly message: string };
 
-/** Eine Umgebungsvariable, die die Konfiguration eines Profils mit env("NAME") verlangt, ohne dass sie gesetzt ist. */
+/** An environment variable that a profile's configuration requires with env("NAME") without it being set. */
 export interface MissingEnvironment {
   readonly variable: string;
-  /** Die Sektion der Konfiguration, die sie braucht, etwa ein Plugin. */
+  /** The configuration section that needs it, for example a plugin. */
   readonly section: string;
   readonly key: string;
 }
@@ -27,9 +27,9 @@ export interface ConnectionRun {
   readonly state: "running" | "waiting" | "idle" | "ended";
   readonly pendingActions: number;
   readonly updatedAt: number;
-  /** Die Erweiterung konnte die Run-Ansicht nicht lesen; die Zeile nennt den Grund. */
+  /** The extension could not read the run view; the row names the reason. */
   readonly problem?: string;
-  /** Warum der Server den Run gesperrt hat; die Zeile öffnet ihn nicht, löschen bleibt möglich. */
+  /** Why the server locked the run; the row does not open it, deleting stays possible. */
   readonly locked?: string;
 }
 
@@ -38,13 +38,13 @@ export interface ConnectionEntry {
   readonly title: string;
   readonly description: string;
   readonly kind: "skill" | "script";
-  /** Die Gruppe der Vorlagen auf Start; ein Run-Script ohne eigene Kategorie steht unter "Run-Scripts". */
+  /** The template group on Start; a run script without its own category is listed under "Run scripts". */
   readonly category: string;
-  /** Ein Leitfaden fragt vor dem Start nach; die Vorlage heißt dann "Einrichten" statt "Starten". */
+  /** A guide asks questions before the start; the template is then labeled "Set up" instead of "Start". */
   readonly guided?: boolean;
 }
 
-/** Wohin der Server geht: ein lokales Profil, eine Adresse oder eine Adresse, deren verteiltes Profil auf einem lokalen Host läuft. */
+/** Where the server points: a local profile, an address, or an address whose distributed profile runs on a local host. */
 export type ConnectionRoute =
   | { readonly kind: "profile"; readonly profile: string }
   | { readonly kind: "server"; readonly host: string; readonly localHost: boolean };
@@ -52,57 +52,64 @@ export type ConnectionRoute =
 export interface ConnectionView {
   readonly name: string;
   readonly kind: ConnectionKind;
-  /** Adresse des Servers oder Pfad der Profildatei. */
+  /** Address of the server or path of the profile file. */
   readonly address: string;
   readonly route: ConnectionRoute;
   readonly state: ConnectionState;
   readonly runs: readonly ConnectionRun[];
   readonly entries: readonly ConnectionEntry[];
-  /** Die Vorlage aus entries, die das Plus am Chip nimmt und die auf Start zuerst steht; ohne sie ist ein neuer Run ein leerer Chat. */
+  /** The template from entries that the plus on the chip uses and that comes first on Start; without it a new run is an empty chat. */
   readonly defaultEntry?: string;
-  /** Neue Runs sind erlaubt; ohne das Recht bleibt nur die Liste. */
+  /** New runs are allowed; without the right only the list remains. */
   readonly canCreate: boolean;
-  /** Der angemeldete Benutzer, sofern der Server Benutzer führt. */
+  /** The signed-in user, if the server manages users. */
   readonly user?: string;
-  /** Die zuletzt versuchte Kennung; das Anmeldeformular übernimmt sie. */
+  /** The most recently tried user name; the sign-in form takes it over. */
   readonly loginUser?: string;
-  /** Anmeldedaten liegen in der SecretStorage, damit sich die Erweiterung still am Server anmeldet. */
+  /** Credentials are stored in the SecretStorage so the extension signs in to the server silently. */
   readonly savedLogin?: boolean;
-  /** Fehler der letzten Aktion an diesem Server, direkt in seiner Zeile. */
+  /** Error of the last action on this server, directly in its row. */
   readonly problem?: string;
-  /** Start oder Übernahme scheiterten an dieser Umgebungsvariablen; die Zeile führt von hier zum Wert und zum neuen Versuch. */
+  /** Start or takeover failed because of this environment variable; the row leads from here to the value and the retry. */
   readonly missingEnvironment?: MissingEnvironment;
+  /** Extension and server carry a different RAgents version; an error if the workstation is not registered because of it. */
+  readonly versionNotice?: ConnectionNotice;
 }
 
-/** Die vier Seiten der Erweiterung; "run" zeigt das Run-Panel statt dieser Seite. */
+export interface ConnectionNotice {
+  readonly level: "error" | "warning";
+  readonly text: string;
+}
+
+/** The four pages of the extension; "run" shows the run panel instead of this page. */
 export type PanelPage = "start" | "runs" | "run" | "connections";
 
-/** Die Seiten, auf die das Panel selbst umschalten darf; zum Run führt openRun. */
+/** The pages the panel may switch to itself; openRun leads to the run. */
 export const PANEL_PAGES = ["start", "runs", "connections"] as const;
 
 export interface PanelState {
   readonly theme: RunPanelTheme;
   readonly page: PanelPage;
   readonly connections: readonly ConnectionView[];
-  /** Die Profildateien im Host-Ordner; der Dialog bietet sie an, ohne Host bleibt die Liste leer. */
+  /** The profile files in the host folder; the dialog offers them, without a host the list stays empty. */
   readonly profileSuggestions: readonly string[];
-  /** Die Einstellung ragents.connections ist fehlerhaft; die Seite nennt den Grund. */
+  /** The ragents.connections setting is invalid; the page names the reason. */
   readonly problem?: string;
-  /** Der zuletzt über den Dateidialog gewählte Profilpfad; der Dialog übernimmt ihn. */
+  /** The profile path most recently chosen in the file dialog; the dialog takes it over. */
   readonly pickedProfileFile?: string;
-  /** Die Seite Runs beginnt mit den Runs dieses Servers; der Chip auf Start setzt ihn, die Titelzeile nicht. */
+  /** The Runs page starts with the runs of this server; the chip on Start sets it, the title bar does not. */
   readonly runsConnection?: string;
-  /** Namen aus ragents.hostEnvironment ohne Wert in der SecretStorage; die Einstellung gilt für alle Server, darum steht die Liste einmal. */
+  /** Names from ragents.hostEnvironment without a value in the SecretStorage; the setting applies to all servers, so the list appears once. */
   readonly missingSecrets?: readonly string[];
 }
 
-/** Der Zustand kommt von der Erweiterung, zuerst eingebettet in die Seite, danach als Nachricht. */
+/** The state comes from the extension, first embedded in the page, then as a message. */
 export interface PanelStateMessage {
   readonly type: "ragents.panel.state";
   readonly state: PanelState;
 }
 
-/** Was die Panelseite an die Erweiterung schickt. */
+/** What the panel page sends to the extension. */
 export type PanelAction =
   | { readonly action: "page"; readonly page: (typeof PANEL_PAGES)[number]; readonly connection?: string }
   | { readonly action: "settingsFile" }
@@ -113,8 +120,8 @@ export type PanelAction =
   | { readonly action: "updateServer"; readonly name: string; readonly newName: string; readonly url: string }
   | { readonly action: "updateProfile"; readonly name: string; readonly newName: string; readonly profileFile: string }
   | { readonly action: "remove" | "connect" | "disconnect" | "logout" | "startProfile" | "stopProfile" | "retry"; readonly name: string }
-  /** Der Name einer Umgebungsvariablen, nicht der eines Servers: die Erweiterung fragt den Wert ab und legt ihn in die SecretStorage.
-   * Mit connection kommt der Name zuerst in ragents.hostEnvironment, und dieser Server startet danach erneut. */
+  /** The name of an environment variable, not of a server: the extension asks for the value and puts it into the SecretStorage.
+   * With connection the name first goes into ragents.hostEnvironment, and this server then restarts. */
   | { readonly action: "setSecret"; readonly name: string; readonly connection?: string }
   | { readonly action: "login"; readonly name: string; readonly user: string; readonly password: string }
   | { readonly action: "login"; readonly name: string; readonly token: string }

package/apps/web/src/panel.tsx

@@ -9,7 +9,7 @@ declare function acquireVsCodeApi(): { postMessage(message: unknown): void };
 
 const root = document.getElementById("root");
 const embedded = document.getElementById("state");
-if (!root || !embedded?.textContent) throw new Error("Root-Element oder eingebetteter Zustand fehlt");
+if (!root || !embedded?.textContent) throw new Error("Root element or embedded state is missing");
 
 const vscode = acquireVsCodeApi();
 const initial = JSON.parse(embedded.textContent) as PanelState;

package/apps/web/src/plugin-bootstrap.ts

@@ -36,17 +36,17 @@ const isWebPlugin = (value: unknown): value is WebPlugin =>
 const webPluginFrom = (id: string, module: unknown): WebPlugin => {
   const plugin = (module as Record<string, unknown>).webPlugin;
   if (!isWebPlugin(plugin)) {
-    throw new Error(`Der Web-Einstieg des Plugins ${id} exportiert keine Konstante webPlugin mit einer Plugin-Kennung`);
+    throw new Error(`The web entry of plugin ${id} does not export a webPlugin constant with a plugin id`);
   }
   if (plugin.id !== id) {
-    throw new Error(`Das Bundle ${id} meldet die abweichende Kennung ${plugin.id}`);
+    throw new Error(`The bundle ${id} reports the different id ${plugin.id}`);
   }
   return plugin;
 };
 
 const loaded = <T>(id: string, url: string, load: Promise<T>): Promise<T> =>
   load.catch((cause: unknown) => {
-    throw new Error(`Die Web-Hälfte des Plugins ${id} lädt nicht von ${url}: ${cause instanceof Error ? cause.message : String(cause)}`);
+    throw new Error(`The web half of plugin ${id} does not load from ${url}: ${cause instanceof Error ? cause.message : String(cause)}`);
   });
 
 /** A plugin without a web half stays a bare descriptor; one with a web half loads its bundle and stylesheet. */
@@ -97,12 +97,12 @@ export const pluginBootstrapFrom = (value: unknown): PluginBootstrap => {
     || value.defaultStartEntry !== undefined && typeof value.defaultStartEntry !== "string"
     || typeof value.product.id !== "string" || !value.product.id
     || typeof value.product.title !== "string" || !value.product.title) {
-    throw new Error("Die Plugin-Konfiguration entspricht nicht dem erwarteten Format");
+    throw new Error("The plugin configuration does not match the expected format");
   }
   const plugins = value.plugins.map((entry): PluginDescriptor => {
     if (!isRecord(entry) || typeof entry.id !== "string" || !entry.id || entry.web !== undefined && !isWebAddresses(entry.web)
       || entry.config !== undefined && !isRecord(entry.config)) {
-      throw new Error("Die Plugin-Konfiguration enthält einen ungültigen Plugin-Descriptor");
+      throw new Error("The plugin configuration contains an invalid plugin descriptor");
     }
     return {
       id: entry.id,

package/apps/web/src/product/ModelControl.tsx

@@ -21,7 +21,7 @@ const modelPresentationFrom = (presentation: unknown, optionId: string): ModelPr
   const raw = presentation as Record<string, unknown> | null;
   if (typeof raw !== "object" || raw === null || raw.kind !== "model"
     || typeof raw.provider !== "string" || !isStringList(raw.options) || !isStringList(raw.thinkingOptions)) {
-    throw new Error(`Die Startoption ${optionId} liefert keine Modell-Darstellung`);
+    throw new Error(`The start option ${optionId} does not provide a model presentation`);
   }
   return { provider: raw.provider, options: raw.options, thinkingOptions: raw.thinkingOptions };
 };
@@ -30,7 +30,7 @@ const modelValueFrom = (value: unknown, optionId: string): ModelValue => {
   const raw = value as Record<string, unknown> | null;
   if (typeof raw !== "object" || raw === null || typeof raw.model !== "string"
     || (raw.thinking !== undefined && typeof raw.thinking !== "string")) {
-    throw new Error(`Der Wert der Startoption ${optionId} ist keine Modellwahl`);
+    throw new Error(`The value of start option ${optionId} is not a model choice`);
   }
   return { model: raw.model, ...(typeof raw.thinking === "string" ? { thinking: raw.thinking } : {}) };
 };
@@ -66,7 +66,7 @@ export function ModelControl({ disabled, error, option, setValue }: StartOptionC
   return (
     <div className="grid flex-1 min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-1.5">
       <Select disabled={disabled} items={modelOptions} value={value.model} onValueChange={(model) => { if (model !== null) chooseModel(model); }}>
-        <SelectTrigger aria-label="Modell" className="min-w-0 max-w-full" size="sm"><SelectValue /></SelectTrigger>
+        <SelectTrigger aria-label="Model" className="min-w-0 max-w-full" size="sm"><SelectValue /></SelectTrigger>
         <SelectContent>{modelOptions.map((option) => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}</SelectContent>
       </Select>
       {presentation.thinkingOptions.length > 0 && (

package/apps/web/src/product/ProductModelSettings.tsx

@@ -7,10 +7,10 @@ import { modelDraftOf, requestProductModelSettings } from "./model-settings";
 import { modelDefaultsChangedEvent } from "../model-settings-events";
 
 const profileLabels: Record<string, { title: string; description: string }> = {
-  coordinator: { title: "Run-Koordinator", description: "Die Vorgabe beim Start eines neuen Runs." },
-  relay: { title: "Vermittler", description: "Agenten, die Nachrichten und Ergebnisse weitergeben." },
-  standard: { title: "Agenten", description: "Die Vorgabe für weitere Agenten im Run." },
-  reviewer: { title: "Prüfung", description: "Die Vorgabe für Agenten mit Prüfauftrag." },
+  coordinator: { title: "Run coordinator", description: "The default when a new run starts." },
+  relay: { title: "Relay", description: "Agents that pass on messages and results." },
+  standard: { title: "Agents", description: "The default for further agents in the run." },
+  reviewer: { title: "Review", description: "The default for agents with a review task." },
 };
 
 type LoadState = { status: "loading" } | { status: "failed"; error: string }
@@ -54,9 +54,9 @@ export function ProductModelSettings({ pluginId }: { pluginId: string }) {
   if (!readable) return null;
   if (state.status === "failed") return <Alert variant="destructive">
     <AlertDescription>{state.error}</AlertDescription>
-    <AlertAction><Button onClick={() => setRetry((value) => value + 1)} size="sm" variant="outline">Erneut laden</Button></AlertAction>
+    <AlertAction><Button onClick={() => setRetry((value) => value + 1)} size="sm" variant="outline">Reload</Button></AlertAction>
   </Alert>;
-  if (state.status !== "ready" || !draft) return <p role="status">Modellvorgaben werden geladen ...</p>;
+  if (state.status !== "ready" || !draft) return <p role="status">Loading model defaults ...</p>;
   const { settings } = state;
   const change = (name: string, model: string, thinking: ProductModelDraft["profiles"][number]["thinking"]) => {
     setDraft({ profiles: draft.profiles.map((profile) => profile.name === name ? { ...profile, model, thinking } : profile) });
@@ -73,18 +73,18 @@ export function ProductModelSettings({ pluginId }: { pluginId: string }) {
       const saved = await requestProductModelSettings(pluginId, { draft });
       setState({ status: "ready", settings: saved });
       setDraft(modelDraftOf(saved));
-      setNotice("Vorgaben gespeichert. Sie gelten für neue Actors und noch nicht gestartete Runs.");
+      setNotice("Defaults saved. They apply to new actors and runs that have not started yet.");
       window.dispatchEvent(new Event(modelDefaultsChangedEvent));
     } catch (cause) { setError(messageOf(cause)); }
     finally { saving.current = false; setPending(false); }
   };
-  return <form className="grid min-w-0 gap-4.5" aria-label="Modellvorgaben für neue Runs und Agenten" onSubmit={(event) => {
+  return <form className="grid min-w-0 gap-4.5" aria-label="Model defaults for new runs and agents" onSubmit={(event) => {
     event.preventDefault();
     void save();
   }}>
-    <p className={noteClass}>Für dieses Profil gespeichert. Bereits angelegte Actors behalten ihr Modell.
-      Eine ausdrücklich gewählte Modellauswahl im Run hat Vorrang.</p>
-    {!writable && <p className={noteClass}>Du hast Lesezugriff auf diese Einstellungen.</p>}
+    <p className={noteClass}>Saved for this profile. Actors that already exist keep their model.
+      A model explicitly chosen in the run takes precedence.</p>
+    {!writable && <p className={noteClass}>You have read access to these settings.</p>}
     <div className="grid gap-4">
       {settings.profiles.map((profile) => {
         const value = draft.profiles.find((entry) => entry.name === profile.name)!;
@@ -102,9 +102,9 @@ export function ProductModelSettings({ pluginId }: { pluginId: string }) {
                 const next = settings.models.find((entry) => entry.id === model && entry.provider === profile.provider)!;
                 const thinking = next.thinking.includes(value.thinking) ? value.thinking : next.thinking[0]!;
                 change(profile.name, model, thinking);
-                if (thinking !== value.thinking) setNotice(`Für ${label.title} wurde die verfügbare Reasoning-Stufe ${thinkingLabel(thinking)} gewählt. Prüfe sie vor dem Speichern.`);
+                if (thinking !== value.thinking) setNotice(`The available reasoning level ${thinkingLabel(thinking)} was chosen for ${label.title}. Check it before saving.`);
               }}>
-              <SelectTrigger aria-label="Modell" className={triggerClass}><SelectValue /></SelectTrigger>
+              <SelectTrigger aria-label="Model" className={triggerClass}><SelectValue /></SelectTrigger>
               <SelectContent>{modelOptions.map((option) => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}</SelectContent>
             </Select>
             <Select disabled={!writable || pending || metadata.thinking.length < 2} items={thinkingOptions} value={value.thinking}
@@ -120,11 +120,11 @@ export function ProductModelSettings({ pluginId }: { pluginId: string }) {
       })}
     </div>
     <div className="flex flex-wrap items-center gap-2.5">
-      <Button type="submit" disabled={!writable || pending || !dirty}>{pending ? "Wird gespeichert ..." : "Vorgaben speichern"}</Button>
+      <Button type="submit" disabled={!writable || pending || !dirty}>{pending ? "Saving ..." : "Save defaults"}</Button>
       {dirty && <Button disabled={pending} variant="outline" onClick={() => {
         setDraft(modelDraftOf(settings)); setError(undefined); setNotice(undefined);
-      }}>Änderungen verwerfen</Button>}
-      <span className={`${noteClass} basis-full`} role="status">{notice ?? (dirty ? "Ungespeicherte Änderungen" : "")}</span>
+      }}>Discard changes</Button>}
+      <span className={`${noteClass} basis-full`} role="status">{notice ?? (dirty ? "Unsaved changes" : "")}</span>
     </div>
     {error && <Alert variant="destructive"><AlertDescription>{error}</AlertDescription></Alert>}
   </form>;

package/apps/web/src/product/SystemPromptControl.tsx

@@ -28,7 +28,7 @@ const presentationFrom = (presentation: unknown, optionId: string): SystemPrompt
   const raw = presentation as Record<string, unknown> | null;
   if (typeof raw !== "object" || raw === null || raw.kind !== "system-prompt"
     || !Array.isArray(raw.options) || !raw.options.every(isPromptOption)) {
-    throw new Error(`Die Startoption ${optionId} liefert keine Systemprompt-Darstellung`);
+    throw new Error(`The start option ${optionId} does not provide a system prompt presentation`);
   }
   return { options: raw.options };
 };
@@ -38,7 +38,7 @@ const valueFrom = (value: unknown, optionId: string): SystemPromptValue => {
   if (typeof raw !== "object" || raw === null
     || !Array.isArray(raw.promptIds) || raw.promptIds.some((id) => typeof id !== "string")
     || typeof raw.shareWithAgents !== "boolean") {
-    throw new Error(`Der Wert der Startoption ${optionId} ist keine Systemprompt-Auswahl`);
+    throw new Error(`The value of start option ${optionId} is not a system prompt selection`);
   }
   return { promptIds: raw.promptIds as string[], shareWithAgents: raw.shareWithAgents };
 };
@@ -75,9 +75,9 @@ export function SystemPromptControl({ disabled, error, option, setValue }: Start
 
   return (
     <div className="flex flex-col items-start gap-2" onMouseLeave={() => setPreviewId(undefined)}>
-      <span className="text-[0.72rem] font-semibold text-muted-foreground">Systemprompts</span>
+      <span className="text-[0.72rem] font-semibold text-muted-foreground">System prompts</span>
       <div className="relative flex justify-center">
-        <div aria-label="Systemprompts" className="flex flex-wrap justify-center gap-2" role="group">
+        <div aria-label="System prompts" className="flex flex-wrap justify-center gap-2" role="group">
           {presentation.options.map((entry) => (
             <Toggle
               disabled={disabled}
@@ -104,11 +104,11 @@ export function SystemPromptControl({ disabled, error, option, setValue }: Start
           onCheckedChange={(checked) => share(checked)}
         />
         <span>
-          Auch an die Agenten weiterreichen
+          Also pass on to the agents
           <span className="block text-[0.72rem] text-muted-foreground">
             {value.shareWithAgents
-              ? "Erzeugte Agenten bekommen die Prompts zusätzlich. Plain-LLMs mit tools: [] bleiben ausgenommen."
-              : "Die Prompts gelten nur für den Koordinator."}
+              ? "Spawned agents get the prompts as well. Plain LLMs with tools: [] are excluded."
+              : "The prompts apply only to the coordinator."}
           </span>
         </span>
       </label>
@@ -120,17 +120,17 @@ export function SystemPromptControl({ disabled, error, option, setValue }: Start
 export function SystemPromptBadge({ option }: StartOptionBadgeContext) {
   if (!option.selectable || !option.locked) return null;
   const parsed = parse(option);
-  if ("message" in parsed) return <ToolbarItem title={parsed.message}><ToolbarText>Systemprompts unlesbar</ToolbarText></ToolbarItem>;
+  if ("message" in parsed) return <ToolbarItem title={parsed.message}><ToolbarText>System prompts unreadable</ToolbarText></ToolbarItem>;
   const { presentation, value } = parsed;
   const labels = presentation.options
     .filter((entry) => value.promptIds.includes(entry.id))
     .map((entry) => entry.label);
   if (labels.length === 0) return null;
-  const scopeLabel = value.shareWithAgents ? "Koordinator und Agenten" : "nur Koordinator";
+  const scopeLabel = value.shareWithAgents ? "coordinator and agents" : "coordinator only";
   const text = labels.join(" + ");
   return (
-    <ToolbarItem title={`Systemprompts: ${text} (${scopeLabel})`}>
-      <ToolbarCopy><ToolbarLabel>Systemprompts</ToolbarLabel><ToolbarText>{value.shareWithAgents ? `${text} + Agenten` : text}</ToolbarText></ToolbarCopy>
+    <ToolbarItem title={`System prompts: ${text} (${scopeLabel})`}>
+      <ToolbarCopy><ToolbarLabel>System prompts</ToolbarLabel><ToolbarText>{value.shareWithAgents ? `${text} + agents` : text}</ToolbarText></ToolbarCopy>
     </ToolbarItem>
   );
 }

package/apps/web/src/product/model-settings.ts

@@ -13,13 +13,13 @@ export const productModelSettingsFrom = (value: unknown): ProductModelSettings =
       && text(model.label) && Array.isArray(model.thinking) && model.thinking.length > 0 && model.thinking.every(text))
     || !value.profiles.every((profile) => record(profile) && text(profile.name) && typeof profile.description === "string"
       && text(profile.provider) && text(profile.model) && text(profile.thinking))) {
-    throw new Error("Der Server hat ungültige Modellvorgaben geliefert.");
+    throw new Error("The server returned invalid model defaults.");
   }
   const settings = value as unknown as ProductModelSettings;
   const names = settings.profiles.map((profile) => profile.name);
   if (new Set(names).size !== names.length || settings.profiles.some((profile) => !settings.models.some((model) =>
     model.id === profile.model && model.provider === profile.provider && model.thinking.includes(profile.thinking)))) {
-    throw new Error("Die Modellvorgaben passen nicht zum verfügbaren Modellkatalog.");
+    throw new Error("The model defaults do not match the available model catalog.");
   }
   return settings;
 };

package/apps/web/src/rpc/client.ts

@@ -29,7 +29,7 @@ export interface RpcClientOptions {
   baseUrl?: string;
   fetch?: typeof fetch;
   retryDelayMs?: number;
-  /** So lange darf der Strom schweigen, bevor er als verloren gilt; der Server pingt alle 15 Sekunden. */
+  /** How long the stream may stay silent before it counts as lost; the server pings every 15 seconds. */
   idleTimeoutMs?: number;
 }
 
@@ -47,7 +47,7 @@ const EARLY_EVENT_TTL_MS = 10_000;
 
 const messageOf = (cause: unknown): string => cause instanceof Error ? cause.message : String(cause);
 
-/** Liest einen SSE-Strom Block für Block; ein Block ist bis zur Leerzeile. */
+/** Reads an SSE stream block by block; a block runs up to the blank line. */
 async function* sseBlocks(body: ReadableStream<Uint8Array>, onChunk: () => void): AsyncGenerator<{ event: string | undefined; data: string | undefined }> {
   const reader = body.getReader();
   const decoder = new TextDecoder();
@@ -71,7 +71,7 @@ async function* sseBlocks(body: ReadableStream<Uint8Array>, onChunk: () => void)
   }
 }
 
-/** Der Client der Nachrichtenschicht: Anfragen per POST, Benachrichtigungen und Anfragen des Servers über einen Strom. */
+/** The client of the messaging layer: requests via POST, notifications and server requests over a stream. */
 export class RpcClient {
   readonly #baseUrl: string;
   readonly #fetch: typeof fetch;
@@ -131,7 +131,7 @@ export class RpcClient {
     };
   }
 
-  /** Beantwortet Anfragen des Servers, etwa an einen Arbeitsplatz; hält dafür den Strom offen. */
+  /** Answers requests from the server, for example to a workstation; keeps the stream open for that. */
   handle<C extends OperationContract>(
     contract: C,
     handler: (input: OperationInput<C>, context: RpcHandlerContext) => OperationResult<C> | Promise<OperationResult<C>>,
@@ -151,7 +151,7 @@ export class RpcClient {
     return () => { this.#statusListeners.delete(listener); };
   }
 
-  /** Nach jeder neuen Verbindung, wenn die Abonnements wieder stehen; ein Arbeitsplatz meldet sich dann erneut an. */
+  /** After every new connection, once the subscriptions are back in place; a workstation then registers again. */
   onConnected(listener: () => void): () => void {
     this.#connectedListeners.add(listener);
     return () => { this.#connectedListeners.delete(listener); };
@@ -162,7 +162,7 @@ export class RpcClient {
     this.#open();
   }
 
-  /** Beendet den Strom; offene Anfragen des Servers werden abgebrochen, eigene Anfragen bleiben möglich. */
+  /** Ends the stream; open requests from the server are cancelled, own requests stay possible. */
   close(): void {
     this.#stop();
     this.#set({ kind: "idle" });
@@ -177,7 +177,7 @@ export class RpcClient {
     for (const listener of [...this.#statusListeners]) listener(status);
   }
 
-  /** Ohne Strom erreicht keine Antwort mehr den Server; laufende Handler enden deshalb mit ihm. */
+  /** Without a stream no answer reaches the server anymore; running handlers therefore end with it. */
   #stop(): void {
     if (this.#retry !== undefined) clearTimeout(this.#retry);
     this.#retry = undefined;
@@ -190,12 +190,12 @@ export class RpcClient {
     for (const subscription of this.#subscriptions) subscription.serverId = undefined;
   }
 
-  /** Ein halb offener Strom liefert nichts mehr, auch keinen Ping; nach der Ruhezeit gilt er als verloren. */
+  /** A half-open stream delivers nothing anymore, not even a ping; after the idle time it counts as lost. */
   #watchIdle(controller: AbortController): void {
     if (this.#idle !== undefined) clearTimeout(this.#idle);
     this.#idle = setTimeout(() => {
       this.#idle = undefined;
-      if (this.#stream === controller) this.#scheduleRetry(`Der Ereignisstrom schweigt seit ${Math.round(this.#idleTimeoutMs / 1000)} s.`);
+      if (this.#stream === controller) this.#scheduleRetry(`The event stream has been silent for ${Math.round(this.#idleTimeoutMs / 1000)} s.`);
     }, this.#idleTimeoutMs);
   }
 
@@ -217,7 +217,7 @@ export class RpcClient {
       this.#set({ kind: "unauthorized" });
       return;
     }
-    if (!response.ok || !response.body) throw new Error(`Der Ereignisstrom antwortete mit ${response.status}.`);
+    if (!response.ok || !response.body) throw new Error(`The event stream responded with ${response.status}.`);
     this.#watchIdle(controller);
     for await (const block of sseBlocks(response.body, () => this.#watchIdle(controller))) {
       if (controller.signal.aborted) return;
@@ -232,7 +232,7 @@ export class RpcClient {
       const message = JSON.parse(block.data) as unknown;
       if (isRpcMessage(message)) this.#peer.receive(message);
     }
-    if (!controller.signal.aborted) this.#scheduleRetry("Der Server hat den Ereignisstrom beendet.");
+    if (!controller.signal.aborted) this.#scheduleRetry("The server ended the event stream.");
   }
 
   #scheduleRetry(message: string): void {
@@ -260,7 +260,7 @@ export class RpcClient {
       this.#earlyEvents.delete(serverId);
       for (const message of early?.messages ?? []) subscription.onMessage(message);
     } catch (cause) {
-      subscription.onError?.(`Kanal ${subscription.contract.id}: ${messageOf(cause)}`);
+      subscription.onError?.(`Channel ${subscription.contract.id}: ${messageOf(cause)}`);
     }
   }
 
@@ -270,7 +270,7 @@ export class RpcClient {
       subscription.onMessage(params.message);
       return;
     }
-    // Das Ereignis kann vor der Antwort auf das Abonnement eintreffen; kurz aufheben.
+    // The event can arrive before the answer to the subscription; keep it briefly.
     const now = Date.now();
     for (const [id, entry] of this.#earlyEvents) if (now - entry.at > EARLY_EVENT_TTL_MS) this.#earlyEvents.delete(id);
     const entry = this.#earlyEvents.get(params.subscription) ?? { at: now, messages: [] };
@@ -291,7 +291,7 @@ export class RpcClient {
     if (this.#connection) headers[RPC_CONNECTION_HEADER] = this.#connection;
     if (!isRpcRequest(message)) {
       if (!this.#connection) return;
-      // Benachrichtigungen und Antworten gehen in Reihenfolge, damit Fortschritt nie sein Ergebnis überholt.
+      // Notifications and responses go out in order so progress never overtakes its result.
       const send = this.#outgoing.then(() => this.#fetch(`${this.#baseUrl}${RPC_PATH}`, { method: "POST", headers, body: JSON.stringify(message) }));
       this.#outgoing = send.then(() => undefined, () => undefined);
       await send;
@@ -308,12 +308,12 @@ export class RpcClient {
         return;
       }
       const detail = body as { error?: unknown; code?: unknown } | undefined;
-      const text = typeof detail?.error === "string" ? detail.error : `Der Server antwortete mit ${response.status}.`;
+      const text = typeof detail?.error === "string" ? detail.error : `The server responded with ${response.status}.`;
       this.#peer.receive(rpcFailure(message.id, RPC_ERROR_CODES.application, text, { code: typeof detail?.code === "string" ? detail.code : "http-error", status: response.status }));
     } catch (cause) {
       const cancelled = controller.signal.aborted;
       this.#peer.receive(rpcFailure(message.id, cancelled ? RPC_ERROR_CODES.cancelled : RPC_ERROR_CODES.connectionClosed,
-        cancelled ? "Abgebrochen" : `${this.#baseUrl || "Der Server"} ist nicht erreichbar: ${messageOf(cause)}`));
+        cancelled ? "Cancelled" : `${this.#baseUrl || "The server"} is unreachable: ${messageOf(cause)}`));
     } finally {
       this.#inFlight.delete(id);
     }

package/apps/web/src/rpc.ts

@@ -1,4 +1,4 @@
 import { RpcClient } from "./rpc/client";
 
-/** Der eine Client der Seite; der Ereignisstrom öffnet sich mit dem ersten Abonnement. */
+/** The page's single client; the event stream opens with the first subscription. */
 export const rpc = new RpcClient();

package/apps/web/src/run-overview.ts

@@ -18,7 +18,7 @@ export function groupRunsByActivity(sessions: readonly SessionInfo[], now = new
     const key = dayKey(date);
     const group = groups.get(key) ?? {
       date: key,
-      label: key === today ? "Heute" : key === dayKey(yesterday) ? "Gestern" : date.toLocaleDateString("de-DE", { weekday: "long", day: "numeric", month: "long", ...(date.getFullYear() === now.getFullYear() ? {} : { year: "numeric" }) }),
+      label: key === today ? "Today" : key === dayKey(yesterday) ? "Yesterday" : date.toLocaleDateString("en-US", { weekday: "long", day: "numeric", month: "long", ...(date.getFullYear() === now.getFullYear() ? {} : { year: "numeric" }) }),
       sessions: [],
     };
     group.sessions.push(session);