@schlenkr/ragents 0.1.10 → 0.1.11

package/apps/web/src/actor-programs/client-ui/FlowDiagram.tsx

@@ -52,11 +52,11 @@ function summarize(text: string, width: number, count: number): string {
 const edgeStatuses = ["pending", "active", "done", "blocked"];
 
 function prepare({ nodes, edges, direction = "right", height = 360, viewport = "interactive", detailLevel = "summary", layout = "layered" }: FlowDiagramProps) {
-  if (viewport !== "interactive" && viewport !== "fit-width" && viewport !== "fit") throw new Error("Unbekannter Diagrammansichtsmodus.");
+  if (viewport !== "interactive" && viewport !== "fit-width" && viewport !== "fit") throw new Error("Unknown diagram viewport mode.");
   if (!Number.isFinite(height) || height <= 0) throw new Error("The diagram height must be positive.");
-  if (direction !== "right" && direction !== "down") throw new Error("Unbekannte Diagrammrichtung.");
-  if (detailLevel !== "full" && detailLevel !== "summary") throw new Error("Unbekannte Diagrammdetailstufe.");
-  if (layout !== "layered" && layout !== "star") throw new Error("Unbekannte Diagrammanordnung.");
+  if (direction !== "right" && direction !== "down") throw new Error("Unknown diagram direction.");
+  if (detailLevel !== "full" && detailLevel !== "summary") throw new Error("Unknown diagram detail level.");
+  if (layout !== "layered" && layout !== "star") throw new Error("Unknown diagram layout.");
   const summary = detailLevel === "summary";
   const textWidth = textMeasure();
   const ids = new Set<string>();
@@ -64,15 +64,15 @@ function prepare({ nodes, edges, direction = "right", height = 360, viewport = "
     if (typeof node.id !== "string" || !node.id.trim() || ids.has(node.id)) throw new Error("Nodes require unique, non-empty IDs.");
     ids.add(node.id);
     if (typeof node.label !== "string" || (node.detail !== undefined && typeof node.detail !== "string")) throw new Error("Node labels must be text.");
-    if (node.status !== undefined && !["pending", "active", "done", "blocked"].includes(node.status)) throw new Error("Unbekannter Knotenstatus.");
+    if (node.status !== undefined && !["pending", "active", "done", "blocked"].includes(node.status)) throw new Error("Unknown node status.");
     if (node.running !== undefined && typeof node.running !== "boolean") throw new Error("Node activity must be a boolean.");
-    if (node.kind !== undefined && !["actor", "agent", "service"].includes(node.kind)) throw new Error("Unbekannte Knotenart.");
+    if (node.kind !== undefined && !["actor", "agent", "service"].includes(node.kind)) throw new Error("Unknown node kind.");
     const labelLines = summary ? summarize(node.label, 284, 2) : wrap(node.label);
     const detailLines = summary || node.detail === undefined ? undefined : wrap(node.detail);
     if (node.items !== undefined && !Array.isArray(node.items)) throw new Error("Node items must be an array.");
     const itemLines = (node.items ?? []).map((item) => {
       if (typeof item.label !== "string" || (item.detail !== undefined && typeof item.detail !== "string")) throw new Error("Item labels must be text.");
-      if (item.status !== undefined && !["pending", "active", "done", "blocked", "skipped"].includes(item.status)) throw new Error("Unbekannter Punktstatus.");
+      if (item.status !== undefined && !["pending", "active", "done", "blocked", "skipped"].includes(item.status)) throw new Error("Unknown item status.");
       return { ...item, labelLines: wrap(item.label, summary ? 256 : 176), detailLines: summary || item.detail === undefined ? undefined : wrap(item.detail) };
     });
     if (node.actions !== undefined && !Array.isArray(node.actions)) throw new Error("Node actions must be an array.");
@@ -92,9 +92,9 @@ function prepare({ nodes, edges, direction = "right", height = 360, viewport = "
     const id = edge.id ?? `flow-edge-${index}`;
     if (typeof id !== "string" || !id.trim() || edgeIds.has(id)) throw new Error("Edges require unique, non-empty IDs.");
     edgeIds.add(id);
-    if (!ids.has(edge.source) || !ids.has(edge.target)) throw new Error("Eine Verbindung verweist auf einen fehlenden Knoten.");
-    if (edge.kind !== undefined && edge.kind !== "return") throw new Error("Unbekannte Verbindungsart.");
-    if (edge.status !== undefined && !edgeStatuses.includes(edge.status)) throw new Error("Unbekannter Verbindungsstatus.");
+    if (!ids.has(edge.source) || !ids.has(edge.target)) throw new Error("An edge refers to a missing node.");
+    if (edge.kind !== undefined && edge.kind !== "return") throw new Error("Unknown edge kind.");
+    if (edge.status !== undefined && !edgeStatuses.includes(edge.status)) throw new Error("Unknown edge status.");
     if (edge.label !== undefined && typeof edge.label !== "string") throw new Error("Edge labels must be text.");
     return { ...edge, id };
   });
@@ -228,9 +228,9 @@ export function FlowDiagram(props: FlowDiagramProps) {
   const cards = active?.nodes.map((node, index) => ({ ...node, data: { ...graph!.cards[index]!.data, onAction: props.onAction } })) ?? [];
   const viewport = props.viewport ?? "interactive";
   return <section aria-label={props.label} className={cn(flowSurface, props.className)} data-viewport={viewport} style={{ height: viewport !== "interactive" ? undefined : Number.isFinite(props.height) && props.height! > 0 ? props.height : 360 }}>
-    {error ? <p role="alert">Das Diagramm konnte nicht angezeigt werden: {error}</p>
+    {error ? <p role="alert">The diagram could not be displayed: {error}</p>
       : graph?.cards.length === 0 ? <p role="status">No nodes available.</p>
-        : !active ? <p role="status">Diagramm wird geladen ...</p>
-          : <Suspense fallback={<p role="status">Diagramm wird geladen ...</p>}><FlowDiagramRenderer key={key} mode={viewport} bounds={active.bounds!} nodes={cards} edges={active.edges.map((edge, index) => ({ ...edge, label: graph!.links[index]!.label, data: { ...edge.data!, status: graph!.links[index]!.status } }))} /></Suspense>}
+        : !active ? <p role="status">Loading diagram ...</p>
+          : <Suspense fallback={<p role="status">Loading diagram ...</p>}><FlowDiagramRenderer key={key} mode={viewport} bounds={active.bounds!} nodes={cards} edges={active.edges.map((edge, index) => ({ ...edge, label: graph!.links[index]!.label, data: { ...edge.data!, status: graph!.links[index]!.status } }))} /></Suspense>}
   </section>;
 }

package/apps/web/src/actor-programs/client-ui/Viewers.tsx

@@ -9,15 +9,15 @@ import type { DiffViewerProps, DocumentViewerProps, TaskProgressProps } from "./
 const taskLabels = { pending: "Pending", running: "In progress", done: "Done", error: "Failed", skipped: "Skipped" };
 const taskTones = { pending: "text-muted-foreground", running: "text-primary", done: "text-muted-foreground", error: "text-destructive", skipped: "text-muted-foreground" };
 
-export function TaskProgress({ title = "Aufgaben", tasks, showProgress = true }: TaskProgressProps) {
+export function TaskProgress({ title = "Tasks", tasks, showProgress = true }: TaskProgressProps) {
   const completed = tasks.filter((task) => task.status === "done" || task.status === "skipped").length;
   return <section aria-label={title} className="min-w-0 text-sm">
     <h3 className="mb-2 text-[15px] font-semibold">{title}</h3>
     {showProgress && tasks.length > 0 && <div className="mb-2 flex flex-wrap items-center gap-2 text-muted-foreground">
       <Progress aria-label={title} className="min-w-20 flex-1" max={tasks.length} value={completed} />
-      <span>{completed} von {tasks.length} abgeschlossen</span>
+      <span>{completed} of {tasks.length} completed</span>
     </div>}
-    {!tasks.length && <p>Noch keine Aufgaben.</p>}
+    {!tasks.length && <p>No tasks yet.</p>}
     <ol className="divide-y">{tasks.map((task) => <li className="py-1.5" data-status={task.status} key={task.id}>
       <div className="flex justify-between gap-3"><strong>{task.label}</strong><span className={cn("whitespace-nowrap", taskTones[task.status])}>{taskLabels[task.status]}</span></div>
       {task.description && <p className="mt-1 text-muted-foreground">{task.description}</p>}
@@ -26,7 +26,7 @@ export function TaskProgress({ title = "Aufgaben", tasks, showProgress = true }:
 }
 
 export function DocumentViewer({ title, content, format = "text", language, filename }: DocumentViewerProps) {
-  return <section aria-label={title ?? filename ?? "Dokument"} className="min-w-0 text-sm">
+  return <section aria-label={title ?? filename ?? "Document"} className="min-w-0 text-sm">
     {(title || filename) && <h3 className="mb-2 text-[15px] font-semibold">{title ?? filename}</h3>}
     {format === "markdown" ? <QuasselHost><Markdown text={content} /></QuasselHost>
       : format === "code" ? <SourceCode content={content} language={language} path={filename ?? ""} />

package/apps/web/src/actor-programs/client-ui/WorkflowDiagram.tsx

@@ -10,5 +10,5 @@ export function WorkflowDiagram({ definition, state, ...props }: WorkflowDiagram
   }, [definition, state]);
   return projection.graph
     ? <FlowDiagram direction="down" viewport="fit-width" {...props} {...projection.graph} />
-    : <section aria-label={props.label} className={props.className}><p role="alert">Der Ablauf konnte nicht angezeigt werden: {projection.error}</p></section>;
+    : <section aria-label={props.label} className={props.className}><p role="alert">The workflow could not be displayed: {projection.error}</p></section>;
 }

package/apps/web/src/actor-programs/client-ui/file-contracts.d.ts

@@ -3,14 +3,14 @@ import type { ReactElement } from "react";
 export interface FilePickerProps {
   label: string;
   files: readonly File[];
-  /** Auswahl bleibt lokal; die Ansicht entscheidet über Lesen und Übertragen. */
+  /** The selection stays local; the view decides about reading and transferring. */
   onChange: (files: File[]) => void | Promise<void>;
-  /** Dateiendungen oder MIME-Typen, z. B. .csv,image/*; wird auch für Drop und Paste geprüft. */
+  /** File extensions or MIME types, e.g. .csv,image/*; also checked for drop and paste. */
   accept?: string;
   multiple?: boolean;
-  /** Höchstzahl der gesamten Auswahl; Standard 10, bei multiple=false genau eine Datei. */
+  /** Maximum number of files in the whole selection; default 10, exactly one file with multiple=false. */
   maxFiles?: number;
-  /** Maximale Gesamtgröße in Bytes; Standard 20 MiB. */
+  /** Maximum total size in bytes; default 20 MiB. */
   maxBytes?: number;
   disabled?: boolean;
   showPreview?: boolean;

package/apps/web/src/actor-programs/client-ui/file-selection.ts

@@ -11,7 +11,7 @@ export const fileSelection = (current: readonly File[], incoming: readonly File[
     if (accepted.length && !accepted.some((type) => type.startsWith(".")
       ? file.name.toLowerCase().endsWith(type)
       : type.endsWith("/*") ? file.type.toLowerCase().startsWith(type.slice(0, -1)) : file.type.toLowerCase() === type)) {
-      throw new Error(`Dateityp von ${file.name} nicht erlaubt. Erlaubt: ${options.accept}`);
+      throw new Error(`File type of ${file.name} not allowed. Allowed: ${options.accept}`);
     }
   }
   const result = options.multiple === false ? [...incoming] : [...current];

package/apps/web/src/actor-programs/client-ui/viewer-contracts.d.ts

@@ -17,17 +17,17 @@ export interface DocumentViewerProps {
   title?: string;
   content: string;
   format?: "text" | "markdown" | "code";
-  /** Sprache für Code-Hervorhebung; alternativ bestimmt filename die Sprache. */
+  /** Language for code highlighting; alternatively filename determines the language. */
   language?: string;
   filename?: string;
 }
 
 export interface DiffViewerProps {
   title?: string;
-  /** Bereits vorliegender Unified-Diff; das Control vergleicht keine Dateien und schreibt nichts. */
+  /** An existing unified diff; the control compares no files and writes nothing. */
   patch: string;
   emptyText?: string;
-  /** Sprache für Code-Hervorhebung; alternativ bestimmt filename oder der Pfad im Diff die Sprache. */
+  /** Language for code highlighting; alternatively filename or the path in the diff determines the language. */
   language?: string;
   filename?: string;
 }

package/apps/web/src/api.ts

@@ -8,7 +8,7 @@ import { startOptionStateFrom, type StartOptionState } from "../../server/src/pl
 
 export type { StartOptionState };
 
-/** Unterbricht nur den laufenden Turn dieses Actors; der Actor bleibt aktiv, ohne laufenden Turn geschieht nichts. */
+/** Interrupts only the running turn of this actor; the actor stays active, without a running turn nothing happens. */
 export const interruptActorTurn = async (runId: string, actorId: string, client: RpcClient = rpc): Promise<void> => {
   await client.call(runContracts.interruptTurn, { runId, commandId: crypto.randomUUID(), actorId });
 };
@@ -41,12 +41,12 @@ export interface SessionInfo {
   updatedAt: number;
   revision?: number;
   running?: boolean;
-  /** Ob der Betrachter den Arbeitsbereich des Runs erreicht; fehlt, solange der Server den Run noch nicht gelistet hat. */
+  /** Whether the viewer can reach the run's workspace; missing as long as the server has not listed the run yet. */
   workspaceAccessible?: boolean;
   metadata?: Readonly<Record<string, unknown>>;
-  /** Warum ein Metadaten-Beitrag keinen Wert hat: gescheitert oder nicht rechtzeitig geantwortet. */
+  /** Why a metadata contribution has no value: failed or did not answer in time. */
   metadataUnavailable?: Readonly<Record<string, string>>;
-  /** Warum der Server den Run gesperrt hat; ein gesperrter Run lässt sich nur noch löschen. */
+  /** Why the server locked the run; a locked run can only be deleted. */
   locked?: string;
 }
 
@@ -366,7 +366,7 @@ const settingsResponseFrom = (value: unknown): SettingsResponse => {
     || !value.skills.every(isSettingsSkill)
     || !Array.isArray(value.tools)
     || !value.tools.every(isSettingsTool)) {
-    throw new Error("Die Einstellungen entsprechen nicht dem erwarteten Format");
+    throw new Error("The settings do not match the expected format");
   }
   return value as unknown as SettingsResponse;
 };
@@ -379,13 +379,13 @@ const settingsSkillDetailFrom = (value: unknown): SettingsSkillDetail => {
     || !isSettingsSkill(value)
     || !Array.isArray(value.files)
     || !value.files.every(isSettingsSkillFile)) {
-    throw new Error("Der Skill entspricht nicht dem erwarteten Format");
+    throw new Error("The skill does not match the expected format");
   }
   return value as unknown as SettingsSkillDetail;
 };
 
 export const getSettingsSkill = async (id: string, signal?: AbortSignal, client: RpcClient = rpc): Promise<SettingsSkillDetail> => {
   const detail = await client.call(coreContracts.settings.skill, { id }, { signal });
-  if (detail === null) throw new Error("Der Skill konnte nicht geladen werden");
+  if (detail === null) throw new Error("The skill could not be loaded");
   return settingsSkillDetailFrom(detail);
 };

package/apps/web/src/chat/StoppedActorNotice.tsx

@@ -4,7 +4,7 @@ import { restartChatActor } from "../api";
 import type { RunActor } from "../run-view";
 import { Button, cn } from "../ui";
 
-/** Steht an der Stelle der Eingabe, solange der Actor des Chats gestoppt ist: Grund und, wer bedienen darf, der Neustart; toolbar behält die Knöpfe der Eingabe. */
+/** Takes the place of the input while the chat's actor is stopped: the reason and, for those allowed to operate, the restart; toolbar keeps the input's buttons. */
 export function StoppedActorNotice({ actor, runId, className, toolbar }: { actor: RunActor; runId: string; className?: string; toolbar?: ReactNode }) {
   const access = useAccess();
   const [busy, setBusy] = useState(false);
@@ -26,13 +26,13 @@ export function StoppedActorNotice({ actor, runId, className, toolbar }: { actor
     data-slot="stopped-actor">
     <div className="flex min-w-0 items-center gap-2">
       <p className="min-w-0 flex-1 [overflow-wrap:anywhere]" role="status">
-        <span className="font-semibold">@{actor.handle} gestoppt:</span> {reason}
+        <span className="font-semibold">@{actor.handle} stopped:</span> {reason}
       </p>
-      {restartable && <Button disabled={busy} onClick={() => void restart()} size="sm" title={`@${actor.handle} neu starten; danach nimmt er wieder Nachrichten an`} variant="outline">
-        Neu starten
+      {restartable && <Button disabled={busy} onClick={() => void restart()} size="sm" title={`Restart @${actor.handle}; it then accepts messages again`} variant="outline">
+        Restart
       </Button>}
     </div>
-    {!restartable && <p className="text-[0.7rem] text-muted-foreground">Er nimmt keine Nachrichten an, bis ihn jemand mit Bedienrechten neu startet.</p>}
+    {!restartable && <p className="text-[0.7rem] text-muted-foreground">It accepts no messages until someone with operator rights restarts it.</p>}
     {error && <p className="text-[0.7rem] text-destructive" role="alert">{error}</p>}
     {toolbar && <div className="flex min-w-0 flex-wrap items-center gap-2">{toolbar}</div>}
   </div>;

package/apps/web/src/chat/chat-target.ts

@@ -1,7 +1,7 @@
 import { isRecord } from "../lib/guards";
 import { chatPrimaryId, runViewFrom, type RunActor } from "../run-view";
 
-/** Der Partner des Run-Chats: gestoppt mit Grund, oder aktiv und ob gerade sein eigener Turn läuft; nur den unterbricht die Eingabe. */
+/** The partner of the run chat: stopped with a reason, or active and whether its own turn is running; only that one is interrupted by the input. */
 export type PrimaryChatState =
   | { kind: "none" }
   | { kind: "stopped"; actor: RunActor }
@@ -16,14 +16,14 @@ export function primaryChatState(value: unknown, runId: string, liveTurn: boolea
   return { kind: "active", actorId: actor.id, turnRunning: liveTurn || actor.lifecycle?.kind === "running" };
 }
 
-export const programChatNotice = "Dieser TypeScript-Actor verarbeitet Programmeingaben und führt kein Gespräch. Verwende seine Mini-App oder seine dokumentierten Funktionen.";
+export const programChatNotice = "This TypeScript actor processes program input and does not hold a conversation. Use its mini-app or its documented functions.";
 
 export function primaryIsProgram(view: unknown, runId: string): boolean {
   return isRecord(view) && view.id === runId && Array.isArray(view.actors)
     && view.actors.some((actor: unknown) => isRecord(actor) && actor.id === view.primaryActorId && actor.kind === "script");
 }
 
-/** Laufender Turn irgendeines Agenten oder Programms; die Run-Liste verwendet dieselbe Lesart. */
+/** Running turn of any agent or program; the run list uses the same reading. */
 export function runIsWorking(view: unknown, runId: string): boolean {
   return isRecord(view) && view.id === runId && Array.isArray(view.actors)
     && view.actors.some((actor: unknown) => isRecord(actor) && actor.kind !== "human" && isRecord(actor.lifecycle) && actor.lifecycle.kind === "running");

package/apps/web/src/chat/requests.ts

@@ -16,7 +16,7 @@ export async function sendChatMessage(
   await client.call(coreContracts.chat.send, { runId, text, attachments, userLocation });
 }
 
-/** Die erste Nachricht eines Runs über eine Skill-Vorlage; der Server legt damit dessen Startoptionen fest. */
+/** The first message of a run from a skill template; the server uses it to set the run's start options. */
 export async function startSkillEntry(runId: string, entry: string, text: string, attachments?: ChatAttachmentInput[], client: RpcClient = rpc): Promise<void> {
   await client.call(coreContracts.chat.send, { runId, text, attachments, entry });
 }
@@ -25,7 +25,7 @@ export async function startChatEntry(runId: string, entry: string, input: unknow
   await client.call(coreContracts.chat.start, { runId, entry, input });
 }
 
-/** Eine Vorlage ohne Vorbereitungschat: ein Run-Script mit seinem Startwert, ein Skill mit seinem vorbereiteten Auftrag. */
+/** A template without a preparation chat: a run script with its start value, a skill with its prepared task. */
 export const startEntryDirectly = (runId: string, entry: StartEntry, input: unknown, client: RpcClient = rpc): Promise<void> => entry.action === "script"
   ? startChatEntry(runId, entry.id, input, client)
   : startSkillEntry(runId, entry.id, preparedRunInput([], entry.prompt, undefined, entry.skill).text, undefined, client);

package/apps/web/src/chat/useAttachmentCapabilities.ts

@@ -7,7 +7,7 @@ import type { RpcClient } from "../rpc/client";
 export async function getAttachmentCapabilities(runId: string, actor = "primary", signal?: AbortSignal, client: RpcClient = rpc): Promise<ChatAttachmentCapabilities> {
   const result = await client.call(coreContracts.chat.capabilities, { runId, actor }, { signal });
   if (typeof result.model !== "string" || !Array.isArray(result.input) || !result.input.every((entry) => typeof entry === "string")) {
-    throw new Error("Ungültige Angaben zur Unterstützung für Anhänge");
+    throw new Error("Invalid attachment support information");
   }
   return { model: result.model, input: result.input };
 }
@@ -29,7 +29,7 @@ export function useAttachmentCapabilities(runId: string, actor = "primary", revi
   }, [active, actor, key, runId]);
   return {
     attachmentCapabilities: result?.key === key ? result.capabilities : undefined,
-    attachmentCapabilitiesError: result?.key === key ? result.error : active ? "Anhänge werden geprüft ..." : undefined,
+    attachmentCapabilitiesError: result?.key === key ? result.error : active ? "Checking attachments ..." : undefined,
     onAttachmentsChange: setActive,
   };
 }

package/apps/web/src/chat-view-settings.tsx

@@ -8,7 +8,7 @@ const timestampSetting = createLocalStorageSetting({
   parse: (raw: string | null) => {
     if (raw === null || raw === "true") return true;
     if (raw === "false") return false;
-    throw new Error("Die gespeicherte Zeitstempel-Einstellung ist ungültig.");
+    throw new Error("The saved timestamp setting is invalid.");
   },
   serialize: JSON.stringify,
 });
@@ -22,7 +22,7 @@ export interface ChatViewSettings {
   readonly setShowTimestamps: (showTimestamps: boolean) => void;
 }
 
-/** Detailgrad und Zeitstempel eines Chats; display trennt nur den Detailgrad nach Anzeigeort, die Zeitstempel gelten je Run und Actor. */
+/** Detail level and timestamps of a chat; display separates only the detail level by display location, the timestamps apply per run and actor. */
 export function useChatViewSettings(runId: string, actorId: string, scope: ChatStepScope, display?: string): ChatViewSettings {
   const steps = useChatSteps(runId, actorId, display);
   const timestampKey = `ragents.chat.timestamps:${JSON.stringify([runId, actorId])}`;
@@ -36,14 +36,13 @@ export function useChatViewSettings(runId: string, actorId: string, scope: ChatS
   };
 }
 
-/** Die Schalter jeder Chat-Eingabe; collapsible gilt für die Beschriftung des Detailgrads. */
-export function ChatViewSwitches({ settings, collapsible = true, className }: {
+/** The switches of every chat input. */
+export function ChatViewSwitches({ settings, className }: {
   settings: ChatViewSettings;
-  collapsible?: boolean;
   className?: string;
 }) {
   return <>
-    {settings.detailSelectable && <DetailModeSwitch className={className} collapsible={collapsible} mode={settings.detailMode} onChange={settings.setDetailMode} />}
+    {settings.detailSelectable && <DetailModeSwitch className={className} mode={settings.detailMode} onChange={settings.setDetailMode} />}
     <TimestampSwitch className={className} onChange={settings.setShowTimestamps} showTimestamps={settings.showTimestamps} />
   </>;
 }

package/apps/web/src/diff-view.css

@@ -1,4 +1,4 @@
-/* react-diff-view erzeugt diese Klassennamen selbst; nur deshalb bleibt hier CSS statt Utilities. */
+/* react-diff-view generates these class names itself; that is the only reason this stays CSS instead of utilities. */
 
 @import "react-diff-view/style/index.css";
 

package/apps/web/src/highlighting.css

@@ -1,4 +1,4 @@
-/* highlight.js erzeugt diese Klassennamen selbst; nur deshalb bleibt hier CSS statt Utilities. */
+/* highlight.js generates these class names itself; that is the only reason this stays CSS instead of utilities. */
 
 .hljs-keyword,
 .hljs-selector-tag,

package/apps/web/src/language-server/language-server-plugin.tsx

@@ -38,30 +38,30 @@ const NO_SOLUTION = "none";
 const solutionValue = (path: string): string => `solution:${path}`;
 
 const severityLabels: Readonly<Record<LanguageServerSeverity, string>> = {
-  error: "Fehler",
-  warning: "Warnung",
-  information: "Hinweis",
-  hint: "Tipp",
+  error: "Error",
+  warning: "Warning",
+  information: "Info",
+  hint: "Hint",
 };
 
 const textFrom = (config: Readonly<Record<string, unknown>>, key: string, pluginId: string): string => {
   const value = config[key];
-  if (typeof value !== "string" || !value) throw new Error(`Plugin-Konfiguration für ${pluginId} enthält kein ${key}`);
+  if (typeof value !== "string" || !value) throw new Error(`Plugin configuration for ${pluginId} contains no ${key}`);
   return value;
 };
 
 const stateLabel = (state: LanguageServerState): string => {
-  if (state === "opening") return "wird geladen";
-  if (state === "failed") return "fehlgeschlagen";
-  if (state === "suspended") return "nach Leerlauf beendet";
-  return "bereit";
+  if (state === "opening") return "loading";
+  if (state === "failed") return "failed";
+  if (state === "suspended") return "ended after idle";
+  return "ready";
 };
 
 const headerLabel = (snapshot: LanguageServerSnapshot | undefined): string => {
-  if (!snapshot) return "wird geladen";
+  if (!snapshot) return "loading";
   const count = snapshot.instances.length;
-  if (count === 0) return "nicht gestartet";
-  return count === 1 ? "1 Instanz" : `${count} Instanzen`;
+  if (count === 0) return "not started";
+  return count === 1 ? "1 instance" : `${count} instances`;
 };
 
 const countLabel = (count: number, singular: string, plural: string): string =>
@@ -69,7 +69,7 @@ const countLabel = (count: number, singular: string, plural: string): string =>
 
 const messageOf = (caught: unknown): string => caught instanceof Error ? caught.message : String(caught);
 
-/** Genau eine offene Instanz einer gefundenen Solution oder keine ergibt eine Auswahl; mehrere oder eine andere Wurzel nicht. */
+/** Exactly one open instance of a found solution, or none, yields a selection; several or a different root do not. */
 const selectedSolution = (solutions: LanguageServerSolutions, snapshot: LanguageServerSnapshot): string | null => {
   const roots = snapshot.instances.map((instance) => instance.root);
   if (roots.length === 0) return NO_SOLUTION;
@@ -216,15 +216,15 @@ function SolutionSelect({ choice, snapshot }: { choice: SolutionChoice; snapshot
   const { solutions } = choice;
   if (!solutions || !snapshot) return null;
   if (solutions.solutions.length === 0) {
-    return <p className="border-t border-border-soft px-2.5 py-2 text-xs text-muted-foreground">Keine Solution im Arbeitsbereich.</p>;
+    return <p className="border-t border-border-soft px-2.5 py-2 text-xs text-muted-foreground">No solution in the workspace.</p>;
   }
   const openRoots = new Set(snapshot.instances.map((instance) => instance.root));
   const items = [
-    { value: NO_SOLUTION, path: null, label: "Keine" },
+    { value: NO_SOLUTION, path: null, label: "None" },
     ...solutions.solutions.map((solution) => ({
       value: solutionValue(solution.path),
       path: solution.path,
-      label: openRoots.has(solution.root) ? `${solution.path} (offen)` : solution.path,
+      label: openRoots.has(solution.root) ? `${solution.path} (open)` : solution.path,
     })),
   ];
   const instances = snapshot.instances.length;
@@ -241,12 +241,12 @@ function SolutionSelect({ choice, snapshot }: { choice: SolutionChoice; snapshot
         }}
         value={selectedSolution(solutions, snapshot)}
       >
-        <SelectTrigger aria-label="Solution wählen" className="min-w-0 flex-1" size="sm" title={choice.writable ? undefined : "Umschalten verlangt Schreibrechte"}>
-          <SelectValue placeholder={instances > 1 ? `${instances} Instanzen offen` : "Andere Wurzel offen"} />
+        <SelectTrigger aria-label="Choose solution" className="min-w-0 flex-1" size="sm" title={choice.writable ? undefined : "Switching requires write permission"}>
+          <SelectValue placeholder={instances > 1 ? `${instances} instances open` : "Other root open"} />
         </SelectTrigger>
         <SelectContent>{items.map((item) => <SelectItem key={item.value} value={item.value}>{item.label}</SelectItem>)}</SelectContent>
       </Select>
-      {choice.switching && <Spinner aria-label="Wird umgeschaltet" />}
+      {choice.switching && <Spinner aria-label="Switching" />}
     </div>
   );
 }
@@ -267,32 +267,32 @@ function LanguageServerInstanceView({ instance }: { instance: LanguageServerInst
       {instance.state === "opening" && (
         <Empty className={compactEmpty} role="status">
           <EmptyHeader>
-            <EmptyMedia><Spinner aria-label="Wird geladen" /></EmptyMedia>
-            <EmptyTitle>Sprachserver wird geladen</EmptyTitle>
-            <EmptyDescription>{instance.summary || "Die Initialisierung läuft."}</EmptyDescription>
+            <EmptyMedia><Spinner aria-label="Loading" /></EmptyMedia>
+            <EmptyTitle>Loading language server</EmptyTitle>
+            <EmptyDescription>{instance.summary || "Initialization is running."}</EmptyDescription>
           </EmptyHeader>
         </Empty>
       )}
       {instance.state === "failed" && (
         <Empty className={`${compactEmpty} text-destructive`} role="alert">
           <EmptyHeader>
-            <EmptyTitle>Sprachserver nicht verfügbar</EmptyTitle>
-            <EmptyDescription className="whitespace-pre-wrap text-destructive [overflow-wrap:anywhere]">{instance.summary || "Beim Laden ist ein Fehler aufgetreten."}</EmptyDescription>
+            <EmptyTitle>Language server unavailable</EmptyTitle>
+            <EmptyDescription className="whitespace-pre-wrap text-destructive [overflow-wrap:anywhere]">{instance.summary || "An error occurred while loading."}</EmptyDescription>
           </EmptyHeader>
         </Empty>
       )}
       {diagnosticsAvailable && rows.length === 0 && (
         <Empty className={compactEmpty}>
           <EmptyHeader>
-            <EmptyTitle>Keine Diagnosen</EmptyTitle>
-            <EmptyDescription>{files.length === 0 ? "Bisher wurde keine Datei geprüft." : "Alle geprüften Dateien sind fehlerfrei."}</EmptyDescription>
+            <EmptyTitle>No diagnostics</EmptyTitle>
+            <EmptyDescription>{files.length === 0 ? "No file has been checked yet." : "All checked files are free of errors."}</EmptyDescription>
           </EmptyHeader>
         </Empty>
       )}
       {rows.length > 0 && (
         <>
           <div className="border-y border-border-soft px-2.5 py-1.5 text-xs text-muted-foreground">
-            {`${countLabel(errors, "Fehler", "Fehler")}, ${countLabel(warnings, "Warnung", "Warnungen")} in ${countLabel(files.length, "Datei", "Dateien")}`}
+            {`${countLabel(errors, "error", "errors")}, ${countLabel(warnings, "warning", "warnings")} in ${countLabel(files.length, "file", "files")}`}
           </div>
           <div className="px-1.5 pt-1 pb-2.5">
             {rows.map((row, index) => (
@@ -329,7 +329,7 @@ export function LanguageServerPanelView({ settings, snapshot, error, pending, on
           <span className="text-[0.8rem] font-medium text-foreground">{settings.label}</span>
           <span className="text-xs text-muted-foreground">{headerLabel(snapshot)}</span>
         </div>
-        <Button aria-label="Diagnosen aktualisieren" onClick={onRefresh} size="icon" title="Aktualisieren" variant="ghost">
+        <Button aria-label="Refresh diagnostics" onClick={onRefresh} size="icon" title="Refresh" variant="ghost">
           <IconRefresh className={pending ? "animate-spin" : undefined} />
         </Button>
       </header>
@@ -340,8 +340,8 @@ export function LanguageServerPanelView({ settings, snapshot, error, pending, on
         <Empty>
           <EmptyHeader>
             <EmptyMedia><IconDiagnostics /></EmptyMedia>
-            <EmptyTitle>Kein Sprachserver</EmptyTitle>
-            <EmptyDescription>{`${settings.label}-Sprachserver ist nicht gestartet - ein Agent startet ihn mit ${settings.openTool}.`}</EmptyDescription>
+            <EmptyTitle>No language server</EmptyTitle>
+            <EmptyDescription>{`${settings.label} language server is not started - an agent starts it with ${settings.openTool}.`}</EmptyDescription>
           </EmptyHeader>
         </Empty>
       )}

package/apps/web/src/lib/labels.ts

@@ -1,11 +1,11 @@
 export const THINKING_LABELS: Record<string, string> = {
-  off: "aus",
+  off: "off",
   minimal: "minimal",
-  low: "niedrig",
-  medium: "mittel",
-  high: "hoch",
-  xhigh: "sehr hoch",
-  max: "maximal",
+  low: "low",
+  medium: "medium",
+  high: "high",
+  xhigh: "very high",
+  max: "max",
 };
 
 export const thinkingLabel = (level: string) => THINKING_LABELS[level] ?? level;

package/apps/web/src/main.tsx

@@ -1,4 +1,4 @@
-// Fremde Klassen von highlight.js und react-diff-view; hier statt in den Komponenten, die auch Mini-Apps bündeln.
+// Foreign classes of highlight.js and react-diff-view; here instead of in the components that mini-apps also bundle.
 import "./highlighting.css";
 import "./diff-view.css";
 import { StrictMode } from "react";
@@ -12,7 +12,7 @@ import { installHostModules } from "./host-modules";
 
 installHostModules();
 const root = document.getElementById("root");
-if (!root) throw new Error("Root-Element fehlt");
+if (!root) throw new Error("Root element is missing");
 
 const reactRoot = createRoot(root);
 try {
@@ -25,8 +25,8 @@ try {
   );
 } catch (cause) {
   reactRoot.render(<AccessScreen>
-    <h1 className="my-3 text-[1.5rem]">Darstellung konnte nicht geladen werden</h1>
+    <h1 className="my-3 text-[1.5rem]">The view could not be loaded</h1>
     <p className="mb-6 leading-normal" role="alert">{cause instanceof Error ? cause.message : String(cause)}</p>
-    <Button onClick={() => window.location.reload()} variant="outline">Erneut laden</Button>
+    <Button onClick={() => window.location.reload()} variant="outline">Reload</Button>
   </AccessScreen>);
 }

package/apps/web/src/offered-machines.ts

@@ -1,11 +1,11 @@
 import { createContext, useContext } from "react";
 
-/** Wo eine Oberfläche neue Runs anbietet: der Browser nur auf dem Server, VS Code als Arbeitsplatz auch auf Arbeitsplätzen. */
+/** Where a UI offers new runs: the browser only on the server, VS Code, being a workstation itself, also on workstations. */
 export type OfferedMachines = "server" | "all";
 
 const OfferedMachinesContext = createContext<OfferedMachines>("server");
 
-/** Der Host legt es fest; ohne ihn, etwa in der Web-App, gilt nur der Server. */
+/** The host decides; without one, for example in the web app, only the server applies. */
 export const OfferedMachinesProvider = OfferedMachinesContext.Provider;
 
 export const useOfferedMachines = (): OfferedMachines => useContext(OfferedMachinesContext);

package/apps/web/src/page-opener.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext } from "react";
 
-/** Ein Host, der Webseiten außerhalb der Oberfläche zeigen kann, etwa VS Code im Simple Browser; ohne Host bleibt es beim eigenen Dialog mit iframe. */
+/** A host that can show web pages outside the UI, for example VS Code in the Simple Browser; without a host it stays with the built-in dialog with an iframe. */
 export interface PageOpener {
   open(url: string, title: string): void;
 }