Merge complete German and stable catalogs (#111) into the media integration branch

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MRtGG9ARfqqhma3t85Ro2u

apps/web/e2e/empty-project-starten.spec.ts

@@ -14,7 +14,7 @@ async function projectSidebarStart(projekte: Locator, name: string) {
   return projekte.getByTestId(`project-start-${spaceId}`);
 }
 
-test("empty project shows Starten instead of a fallback bot", async ({ page }) => {
+test("empty project shows Start instead of a fallback bot", async ({ page }) => {
   const stamp = Date.now();
   await signup(page, `empty-project-${stamp}@rakazo.test`, "password12", "Empty Project");
   await completeOnboarding(page);
@@ -29,14 +29,14 @@ test("empty project shows Starten instead of a fallback bot", async ({ page }) =
   await page.waitForURL(/\/app(?:\/)?$/);
 
   await expect(projekte.getByRole("button", { name: /^Chief/ })).toHaveCount(0);
-  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
+  await expect(projekte.getByRole("button", { name: "Start", exact: true })).toBeVisible();
   await expect(page.getByTestId("project-start-main")).toBeVisible();
 
   await page.getByTestId("project-start-main").click();
   await expect(page.getByTestId("side-panel")).toHaveAttribute("data-panel", "create");
 });
 
-test("Starten in an onboarded project opens the group create flow", async ({ page }) => {
+test("Start in an onboarded project opens the group create flow", async ({ page }) => {
   const stamp = Date.now();
   await signup(page, `project-start-${stamp}@rakazo.test`, "password12", "Project Start");
   await completeOnboarding(page);
@@ -70,7 +70,7 @@ test("Starten in an onboarded project opens the group create flow", async ({ pag
   ).toBeVisible();
 });
 
-test("archiving the only bot keeps Starten visible in the project sidebar", async ({ page }) => {
+test("archiving the only bot keeps Start visible in the project sidebar", async ({ page }) => {
   const stamp = Date.now();
   await signup(page, `project-archive-${stamp}@rakazo.test`, "password12", "Project Archive");
   await completeOnboarding(page);
@@ -93,6 +93,6 @@ test("archiving the only bot keeps Starten visible in the project sidebar", asyn
 
   await page.goto("/app");
   await page.waitForURL(/\/app(?:\/)?$/);
-  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
+  await expect(projekte.getByRole("button", { name: "Start", exact: true })).toBeVisible();
   await expect(page.getByTestId("project-start-main")).toBeVisible();
 });

apps/web/e2e/heute-brief.spec.ts

@@ -6,7 +6,7 @@ test("Heute shows native brief instead of Mission Control iframe", async ({ page
   await signup(page, `heute-${stamp}@rakazo.test`, "password12", "Heute");
   await completeOnboarding(page);
 
-  await page.getByRole("button", { name: "Heute", exact: true }).click();
+  await page.getByRole("button", { name: "Today", exact: true }).click();
   await expect(page).toHaveURL(/\/app\/[^/]+$/);
 
   const brief = page.getByTestId("heute-brief");

apps/web/e2e/sidebar-nav.spec.ts

@@ -21,20 +21,19 @@ test("sidebar has expected navigation items and no integrations", async ({ page
   // Actual sidebar structure (verified by snapshot):
   // - button "Activity" (top action)
   // - textbox "Search" (search input)
-  // - button "Heute" (today)
-  // - text "Sprich mit deinen Oo's" (conversations section header)
+  // - button "Today"
+  // - text "Talk to your Oos" (conversations section header)
   // - NO "Integration(en)" button or text
 
   // Search: it's a textbox, not a button
   const searchInput = sidebar.locator('input[placeholder="Search"], textbox[name="Search"]');
   await expect(searchInput).toBeVisible({ timeout: 5000 });
 
-  // "Heute" (Today)
-  const todayBtn = sidebar.getByRole("button", { name: "Heute", exact: true });
+  const todayBtn = sidebar.getByRole("button", { name: "Today", exact: true });
   await expect(todayBtn).toBeVisible({ timeout: 5000 });
 
-  // "Sprich mit deinen Oo's" is plain text, not a button
-  const conversationsText = sidebar.getByText("Sprich mit deinen Oo's");
+  // "Talk to your Oos" is plain text, not a button
+  const conversationsText = sidebar.getByText("Talk to your Oos");
   await expect(conversationsText).toBeVisible({ timeout: 5000 });
 
   // No "Integration(en)" button

apps/web/e2e/smoke.spec.ts

@@ -41,8 +41,8 @@ test("app loads without React hook errors", async ({ page }) => {
     bodyText.includes("Sign in") ||
     bodyText.includes("Anmelden") ||
     bodyText.includes("EvOo") ||
-    bodyText.includes("Projekte") ||
-    bodyText.includes("Heute") ||
+    bodyText.includes("Projects") ||
+    bodyText.includes("Today") ||
     bodyText.includes("Team");
 
   expect(hasContent).toBe(true);

apps/web/e2e/spaces.spec.ts

@@ -15,7 +15,7 @@ function projectSpace(projekte: Locator, name: string) {
   });
 }
 
-test("Projekte + opens new project dialog instead of group form", async ({ page }) => {
+test("Projects + opens new project dialog instead of group form", async ({ page }) => {
   const stamp = Date.now();
   await signup(page, `proj-create-${stamp}@rakazo.test`, "password12", "Project Create");
   await completeOnboarding(page);
@@ -42,7 +42,7 @@ test("Projekte + opens new project dialog instead of group form", async ({ page
     0,
   );
   await expect(page.getByTestId("project-start-main")).toBeVisible();
-  await expect(page.getByTestId("project-start-main")).toHaveText(/Starten/);
+  await expect(page.getByTestId("project-start-main")).toHaveText(/Start/);
 });
 
 test("spaces stay invisible by default and chat creation requires approval", async ({
@@ -104,7 +104,7 @@ test("spaces stay invisible by default and chat creation requires approval", asy
   await expect(projekte.getByText("Customer support", { exact: true })).toBeVisible();
   await expect(unterhaltungenOnly(page).getByRole("button", { name: /^Chief/ })).toHaveCount(1);
   await expect(projekte.getByRole("button", { name: /^Chief/ })).toHaveCount(0);
-  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
+  await expect(projekte.getByRole("button", { name: "Start", exact: true })).toBeVisible();
   await captureScreenshot(page, testInfo, "spaces-sidebar");
 
   await page.evaluate((id) => {
@@ -135,7 +135,7 @@ test("a new space opens empty and can be deleted from its menu", async ({ page }
   await expect(projekte.getByText("Temporary", { exact: true })).toBeVisible();
   await expect(unterhaltungenOnly(page).getByRole("button", { name: /^Chief/ })).toHaveCount(1);
   await expect(projekte.getByRole("button", { name: /^Chief/ })).toHaveCount(0);
-  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
+  await expect(projekte.getByRole("button", { name: "Start", exact: true })).toBeVisible();
   expect(await rpc<unknown[]>(page, "bots/list", {})).toEqual([]);
   await captureScreenshot(page, testInfo, "new-space-empty");
 

apps/web/e2e/unterhaltungen-sidebar.spec.ts

@@ -1,7 +1,7 @@
 import { expect, test } from "@playwright/test";
 import { completeOnboarding, openNewBot, signup, unterhaltungenOnly } from "./helpers";
 
-test("Unterhaltungen and Projekte stay separate; + opens bot picker", async ({ page }) => {
+test("conversations and projects stay separate; + opens bot picker", async ({ page }) => {
   const stamp = Date.now();
   await signup(page, `unterhaltungen-${stamp}@rakazo.test`, "password12", "Unterhaltungen UX");
   await completeOnboarding(page);
@@ -11,8 +11,8 @@ test("Unterhaltungen and Projekte stay separate; + opens bot picker", async ({ p
   const unterhaltungen = page.locator(".sidebar-unterhaltungen");
   const projekte = page.locator(".sidebar-projekte");
 
-  await expect(unterhaltungen.getByText("Sprich mit deinen Oo's", { exact: true })).toBeVisible();
-  await expect(projekte.getByText("Projekte", { exact: true })).toBeVisible();
+  await expect(unterhaltungen.getByText("Talk to your Oos", { exact: true })).toBeVisible();
+  await expect(projekte.getByText("Projects", { exact: true })).toBeVisible();
   await expect(unterhaltungen.getByRole("button", { name: /^Chief/ })).toBeVisible();
 
   await unterhaltungen.getByTestId("conversation-picker-trigger").click();

apps/web/lingui.config.ts

@@ -1,4 +1,28 @@
+import type { CatalogFormatter, CatalogType } from "@lingui/conf";
 import { defineConfig } from "@lingui/conf";
+import { formatter } from "@lingui/format-po";
+
+// File references without line numbers, so catalogs change only when messages change.
+const po = formatter({ lineNumbers: false });
+const collator = new Intl.Collator("en-US");
+
+// Lingui orders entries by source text but leaves ties (explicit ids, equal text) in the order the
+// files were found, which differs between file systems. Break ties by id so output is stable.
+function sortCatalog(catalog: CatalogType): CatalogType {
+  return Object.fromEntries(
+    Object.entries(catalog).sort(
+      ([aId, a], [bId, b]) =>
+        collator.compare(a.message ?? aId, b.message ?? bId) ||
+        collator.compare(a.context ?? "", b.context ?? "") ||
+        (aId < bId ? -1 : aId > bId ? 1 : 0),
+    ),
+  );
+}
+
+const stablePo: CatalogFormatter = {
+  ...po,
+  serialize: (catalog, ctx) => po.serialize(sortCatalog(catalog), ctx),
+};
 
 export default defineConfig({
   sourceLocale: "en",
@@ -10,5 +34,6 @@ export default defineConfig({
       exclude: ["**/locales/**", "**/*.test.*"],
     },
   ],
+  format: stablePo,
   compileNamespace: "es",
 });

apps/web/package.json

@@ -36,6 +36,7 @@
     "@lingui/babel-plugin-lingui-macro": "6.6.0",
     "@lingui/cli": "6.6.0",
     "@lingui/conf": "6.6.0",
+    "@lingui/format-po": "6.6.0",
     "@lingui/vite-plugin": "6.6.0",
     "@playwright/test": "1.63.0",
     "@rolldown/plugin-babel": "0.2.4",

apps/web/src/components/ai/ProjectCreatedCard.tsx

@@ -1,3 +1,4 @@
+import { Plural, Trans } from "@lingui/react/macro";
 import { FolderKanban } from "lucide-react";
 
 export interface ProjectCreatedCardProps {
@@ -22,17 +23,19 @@ export function ProjectCreatedCard({ name, memberCount, onClick }: ProjectCreate
             </span>
             <div className="truncate text-ui-body font-semibold text-foreground">{name}</div>
             <span className="rounded-md bg-muted px-1.5 py-0.5 text-ui-label font-medium uppercase tracking-wider text-muted-foreground">
-              Projekt
+              <Trans>Project</Trans>
             </span>
           </div>
           <span className="shrink-0 rounded-full bg-success/15 px-2.5 py-0.5 text-ui-body-sm font-medium text-success">
-            Erstellt
+            <Trans>Created</Trans>
           </span>
         </div>
         <p className="mt-2.5 text-ui-body-sm leading-relaxed text-muted-foreground">
-          {memberCount} Agent{memberCount === 1 ? "" : "en"} eingeladen
+          <Plural value={memberCount} one="# agent invited" other="# agents invited" />
         </p>
-        <div className="mt-2.5 text-ui-body-sm font-medium text-primary">Projekt öffnen →</div>
+        <div className="mt-2.5 text-ui-body-sm font-medium text-primary">
+          <Trans>Open project →</Trans>
+        </div>
       </button>
     </div>
   );

apps/web/src/components/stage/OoStage.tsx

@@ -421,7 +421,7 @@ export function OoGroupStage({
     if (sparkLabel && groupSpark?.kind === "peer-reply") return sparkLabel;
     if (awarenessLabel) return awarenessLabel;
     if (sparkLabel) return sparkLabel;
-    if (!speaker) return t`Gruppenunterhaltung`;
+    if (!speaker) return t`Group conversation`;
     if (running && workingBots.length > 1) {
       return t`${workingBots.length} Oos are working — ${speaker.name} has the floor`;
     }
@@ -495,7 +495,7 @@ export function OoGroupStage({
           <h2 className="mt-1.5 truncate text-ui-title font-semibold tracking-tight text-foreground">
             {groupName ?? t`Group`}
           </h2>
-          <p className="truncate text-ui-body-sm text-muted-foreground">{t`Gruppenunterhaltung`}</p>
+          <p className="truncate text-ui-body-sm text-muted-foreground">{t`Group conversation`}</p>
         </div>
 
         {awarenessLabel && awarenessEvent && speaker ? (

apps/web/src/components/stage/StageVoiceEntry.tsx

@@ -21,8 +21,8 @@ export function StageVoiceEntry({
         variant="outline"
         onClick={onStartVoice}
         data-testid="stage-voice-primary"
-        aria-label={voiceReady ? t`Sprechen starten` : t`Sprache einrichten`}
-        title={voiceReady ? t`Sprechen starten` : t`Sprache einrichten`}
+        aria-label={voiceReady ? t`Start talking` : t`Set up voice`}
+        title={voiceReady ? t`Start talking` : t`Set up voice`}
         className={`tactile-press h-control-lg w-full max-w-sm gap-2.5 rounded-full px-6 text-ui-body font-semibold transition-all ${
           voiceReady
             ? "relative overflow-hidden border-border bg-foreground/5 text-foreground hover:bg-foreground/10"
@@ -33,10 +33,10 @@ export function StageVoiceEntry({
           <VoiceAuroraRim botColor={botColor} className="inset-x-[12%] h-0.5 blur-[3px]" />
         ) : null}
         <Mic strokeWidth={2} className="size-icon-lg shrink-0" aria-hidden="true" />
-        {voiceReady ? <Trans>Sprechen starten</Trans> : <Trans>Sprache einrichten</Trans>}
+        {voiceReady ? <Trans>Start talking</Trans> : <Trans>Set up voice</Trans>}
       </Button>
       <p className="text-center text-ui-caption text-muted-foreground">
-        <Trans>Primär per Stimme — Transkript unten</Trans>
+        <Trans>Voice first — transcript below</Trans>
       </p>
     </div>
   );

apps/web/src/lib/agent-activity.test.ts

@@ -1,4 +1,5 @@
-import { describe, expect, it } from "vitest";
+import { i18n } from "@lingui/core";
+import { beforeAll, describe, expect, it } from "vitest";
 import {
   isDoingStatus,
   isNeedsYouStatus,
@@ -9,6 +10,11 @@ import {
 } from "./agent-activity";
 
 describe("agent-activity", () => {
+  beforeAll(() => {
+    i18n.load("en", {});
+    i18n.activate("en");
+  });
+
   it("classifies needs-you and doing statuses", () => {
     expect(isNeedsYouStatus("waiting_input")).toBe(true);
     expect(isNeedsYouStatus("waiting_takeover")).toBe(true);
@@ -17,16 +23,16 @@ describe("agent-activity", () => {
     expect(isDoingStatus("idle")).toBe(false);
   });
 
-  it("returns German doing verbs instead of raw status", () => {
-    expect(rosterDoingVerb("waiting_input")).toBe("Braucht deine Antwort");
-    expect(rosterDoingVerb("running")).toBe("Arbeitet…");
+  it("returns doing verbs instead of raw status", () => {
+    expect(rosterDoingVerb("waiting_input")).toBe("Needs your reply");
+    expect(rosterDoingVerb("running")).toBe("Working…");
     expect(rosterDoingVerb("idle")).toBeNull();
   });
 
   it("builds roster subtitle with verb priority", () => {
-    expect(rosterActivitySubtitle("running", "Some preview")).toBe("Arbeitet…");
+    expect(rosterActivitySubtitle("running", "Some preview")).toBe("Working…");
     expect(rosterActivitySubtitle("idle", "Hello there")).toBe("Hello there");
-    expect(rosterActivitySubtitle("idle", "")).toBe("Bereit");
+    expect(rosterActivitySubtitle("idle", "")).toBe("Ready");
   });
 
   it("maps status dot tones", () => {
@@ -36,7 +42,7 @@ describe("agent-activity", () => {
   });
 
   it("returns needs-you chip label only for waiting states", () => {
-    expect(needsYouChipLabel("waiting_input")).toBe("Braucht dich");
+    expect(needsYouChipLabel("waiting_input")).toBe("Needs you");
     expect(needsYouChipLabel("running")).toBeNull();
   });
 });

apps/web/src/lib/agent-activity.ts

@@ -1,5 +1,9 @@
+import { i18n } from "@lingui/core";
 import type { RunActivityRow } from "@rakazo/contracts";
 
+// Labels use `i18n._` with literal ids instead of the Lingui macro so this module stays
+// importable from plain unit tests; the extractor still collects them.
+
 /** Run statuses where the agent is blocked on the user. */
 export function isNeedsYouStatus(status: string | undefined): boolean {
   return status === "waiting_input" || status === "waiting_takeover";
@@ -18,19 +22,19 @@ export function isFailedRoutine(run: RunActivityRow): boolean {
   return run.trigger === "routine" && run.status === "failed";
 }
 
-/** German doing-verb for roster / activity surfaces — never raw status strings. */
+/** Doing-verb for roster / activity surfaces — never raw status strings. */
 export function rosterDoingVerb(status: string | undefined): string | null {
   switch (status) {
     case "queued":
-      return "Wartet an…";
+      return i18n._("Queued…");
     case "leased":
-      return "Startet…";
+      return i18n._("Starting…");
     case "running":
-      return "Arbeitet…";
+      return i18n._("Working…");
     case "waiting_input":
-      return "Braucht deine Antwort";
+      return i18n._("Needs your reply");
     case "waiting_takeover":
-      return "Braucht dich";
+      return i18n._("Needs you");
     default:
       return null;
   }
@@ -39,27 +43,27 @@ export function rosterDoingVerb(status: string | undefined): string | null {
 /** Short chip label for needs-you states. */
 export function needsYouChipLabel(status: string | undefined): string | null {
   if (!isNeedsYouStatus(status)) return null;
-  return status === "waiting_takeover" ? "Braucht dich" : "Braucht dich";
+  return i18n._("Needs you");
 }
 
 export function runActivityLabel(status: RunActivityRow["status"]): string {
   switch (status) {
     case "queued":
-      return "Wartet an…";
+      return i18n._("Queued…");
     case "leased":
-      return "Startet…";
+      return i18n._("Starting…");
     case "running":
-      return "Arbeitet…";
+      return i18n._("Working…");
     case "waiting_input":
-      return "Braucht deine Antwort";
+      return i18n._("Needs your reply");
     case "waiting_takeover":
-      return "Braucht dich";
+      return i18n._("Needs you");
     case "completed":
-      return "Erledigt";
+      return i18n._("Done");
     case "failed":
-      return "Fehlgeschlagen";
+      return i18n._("Failed");
     case "cancelled":
-      return "Abgebrochen";
+      return i18n._("Cancelled");
     default:
       return status;
   }
@@ -69,7 +73,7 @@ export function runActivityLabel(status: RunActivityRow["status"]): string {
 export function rosterActivitySubtitle(
   status: string | undefined,
   preview: string | undefined,
-  idleFallback = "Bereit",
+  idleFallback = i18n._("Ready"),
 ): string {
   const verb = rosterDoingVerb(status);
   if (verb) return verb;

apps/web/src/lib/i18n-catalog-sync.test.ts

@@ -0,0 +1,68 @@
+import { cpSync, mkdtempSync, readFileSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import type { AllCatalogsType } from "@lingui/cli/api";
+import { getCatalogs } from "@lingui/cli/api";
+import { getConfig } from "@lingui/conf";
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+
+const webRoot = fileURLToPath(new URL("../..", import.meta.url));
+const localesDir = path.join(webRoot, "src", "locales");
+const config = getConfig({ cwd: webRoot, configPath: path.join(webRoot, "lingui.config.ts") });
+const extractHint = "Run `pnpm --filter @rakazo/web intl:extract` and commit the catalogs.";
+
+/** Runs `lingui extract --clean` against a copy of the committed catalogs. */
+async function extractIntoCopy(dir: string): Promise<AllCatalogsType> {
+  cpSync(localesDir, dir, { recursive: true });
+  const catalogs = await getCatalogs({
+    ...config,
+    catalogs: config.catalogs.map((catalog) => ({
+      ...catalog,
+      path: path.join(dir, "{locale}", "messages"),
+      // Absolute, because the CLI resolves relative paths from apps/web and tests run from the root.
+      include: [path.join(webRoot, "src")],
+      exclude: catalog.exclude ?? [],
+    })),
+  });
+  expect(catalogs).toHaveLength(1);
+  const result = await catalogs[0]!.make({
+    clean: true,
+    overwrite: false,
+    orderBy: config.orderBy,
+  });
+  if (!result) throw new Error("Message extraction failed");
+  return result;
+}
+
+describe("lingui catalogs stay in sync with the source", () => {
+  let dir: string;
+  let extracted: AllCatalogsType;
+
+  beforeAll(async () => {
+    dir = mkdtempSync(path.join(tmpdir(), "evoo-locales-"));
+    extracted = await extractIntoCopy(dir);
+  }, 120_000);
+
+  afterAll(() => {
+    rmSync(dir, { recursive: true, force: true });
+  });
+
+  it("matches a fresh extraction for every locale", () => {
+    const stale = config.locales.filter((locale) => {
+      const file = path.join(locale, "messages.po");
+      return (
+        readFileSync(path.join(dir, file), "utf8") !==
+        readFileSync(path.join(localesDir, file), "utf8")
+      );
+    });
+    expect(stale, extractHint).toEqual([]);
+  });
+
+  it("translates every German message", () => {
+    const untranslated = Object.entries(extracted.de ?? {})
+      .filter(([, entry]) => !entry.translation)
+      .map(([id, entry]) => entry.message ?? id);
+    expect(untranslated).toEqual([]);
+  });
+});

apps/web/src/pages/ProjectSessionTimeline.tsx

@@ -15,11 +15,11 @@ function goalStatusTone(status: ProjectGoalStatus): string {
 function goalStatusLabel(status: ProjectGoalStatus): string {
   switch (status) {
     case "open":
-      return t`Offen`;
+      return t`To do`;
     case "doing":
-      return t`In Arbeit`;
+      return t`In progress`;
     case "done":
-      return t`Erledigt`;
+      return t`Done`;
     default: {
       const _exhaustive: never = status;
       return _exhaustive;
@@ -62,12 +62,12 @@ function sessionStatusLabel(status: ProjectSession["status"]): string {
 function formatRelativeTime(iso: string): string {
   const delta = Date.now() - new Date(iso).getTime();
   const minutes = Math.round(delta / 60_000);
-  if (minutes < 1) return t`gerade eben`;
-  if (minutes < 60) return t`vor ${minutes} Min.`;
+  if (minutes < 1) return t`just now`;
+  if (minutes < 60) return t`${minutes}m ago`;
   const hours = Math.round(minutes / 60);
-  if (hours < 24) return t`vor ${hours} Std.`;
+  if (hours < 24) return t`${hours}h ago`;
   const days = Math.round(hours / 24);
-  return t`vor ${days} T.`;
+  return t`${days}d ago`;
 }
 
 type ProjectSessionTimelineProps = {
@@ -165,13 +165,12 @@ export function ProjectSessionTimeline({
     <div className="flex flex-1 flex-col overflow-hidden">
       <div className="border-b border-border/60 px-4 py-4 md:px-8 md:py-5 lg:px-10">
         <p className="text-ui-label font-medium uppercase tracking-wide text-muted-foreground">
-          <Trans>Projekt</Trans>
+          <Trans>Project</Trans>
         </p>
         <h2 className="text-ui-body font-semibold tracking-tight text-foreground">{sectionName}</h2>
         <p className="mt-1 text-ui-body-sm text-muted-foreground">
           <Trans>
-            Goals für dieses Projekt — unabhängig von Chat-Nachrichten. Unterhaltungen findest du
-            weiter unten.
+            Goals for this project, separate from chat messages. Conversations are below.
           </Trans>
         </p>
       </div>
@@ -187,18 +186,18 @@ export function ProjectSessionTimeline({
                 <Trans>Goals</Trans>
               </h3>
               <span className="rounded-full border border-primary/25 bg-primary/10 px-2 py-0.5 text-ui-label font-medium text-primary">
-                Goal
+                <Trans>Goal</Trans>
               </span>
             </div>
 
             {loadingGoals ? (
               <p className="text-ui-body-sm text-muted-foreground">
-                <Trans>Goals werden geladen…</Trans>
+                <Trans>Loading goals…</Trans>
               </p>
             ) : goals.length === 0 ? (
               <div className="rounded-[16px] border border-dashed border-border/70 bg-card/40 px-4 py-6 text-center">
                 <p className="text-ui-body-sm text-muted-foreground">
-                  <Trans>Noch keine Goals in diesem Projekt.</Trans>
+                  <Trans>No goals in this project yet.</Trans>
                 </p>
               </div>
             ) : (
@@ -217,7 +216,7 @@ export function ProjectSessionTimeline({
                         <div className="min-w-0 flex-1">
                           <div className="flex flex-wrap items-center gap-2">
                             <span className="rounded-full border border-primary/30 bg-primary/10 px-2 py-0.5 text-ui-label font-semibold uppercase tracking-wide text-primary">
-                              Goal
+                              <Trans>Goal</Trans>
                             </span>
                             <p className="truncate text-ui-body font-medium text-foreground">
                               {goal.title}
@@ -252,7 +251,7 @@ export function ProjectSessionTimeline({
                             onClick={() => onStartVoiceFirst(linkedGroupId)}
                             className="rounded-lg border border-emerald-500/40 bg-emerald-500/15 px-3 py-1.5 text-ui-label font-semibold text-emerald-200 transition-colors hover:bg-emerald-500/25"
                           >
-                            <Trans>Voice First starten</Trans>
+                            <Trans>Start Voice First</Trans>
                           </button>
                         ) : null}
                         <button
@@ -260,7 +259,7 @@ export function ProjectSessionTimeline({
                           onClick={() => onOpenGroupChat(linkedGroupId)}
                           className="rounded-lg border border-border bg-background px-3 py-1.5 text-ui-label font-medium text-foreground transition-colors hover:bg-accent"
                         >
-                          <Trans>Unterhaltung öffnen</Trans>
+                          <Trans>Open conversation</Trans>
                         </button>
                       </div>
                     </article>
@@ -274,7 +273,7 @@ export function ProjectSessionTimeline({
                 type="text"
                 value={newGoalTitle}
                 onChange={(event) => setNewGoalTitle(event.target.value)}
-                placeholder={t`Neues Goal…`}
+                placeholder={t`New goal…`}
                 className="min-w-0 flex-1 rounded-xl border border-border bg-background px-3 py-2 text-ui-body-sm text-foreground"
                 onKeyDown={(event) => {
                   if (event.key === "Enter") void handleCreateGoal();
@@ -286,7 +285,7 @@ export function ProjectSessionTimeline({
                 onClick={() => void handleCreateGoal()}
                 className="rounded-xl border border-border bg-background px-4 py-2 text-ui-body-sm font-medium text-foreground transition-colors hover:bg-accent disabled:opacity-50"
               >
-                <Trans>Goal anlegen</Trans>
+                <Trans>Add goal</Trans>
               </button>
             </div>
           </section>
@@ -297,26 +296,26 @@ export function ProjectSessionTimeline({
                 id="project-chats-heading"
                 className="text-ui-body-sm font-semibold text-foreground"
               >
-                <Trans>Unterhaltungen</Trans>
+                <Trans>Conversations</Trans>
               </h3>
               <span className="text-ui-label text-muted-foreground">{groupName}</span>
             </div>
 
             {loadingSessions ? (
               <p className="text-ui-body-sm text-muted-foreground">
-                <Trans>Unterhaltungen werden geladen…</Trans>
+                <Trans>Loading conversations…</Trans>
               </p>
             ) : sessions.length === 0 ? (
               <div className="rounded-[16px] border border-border/70 bg-card/50 px-4 py-6 text-center">
                 <p className="text-ui-body-sm text-muted-foreground">
-                  <Trans>Noch keine Unterhaltung in diesem Projekt-Chat.</Trans>
+                  <Trans>No conversations in this project chat yet.</Trans>
                 </p>
                 <button
                   type="button"
                   onClick={onStartSession}
                   className="mt-4 rounded-xl border border-border bg-background px-4 py-2 text-ui-body-sm font-medium text-foreground transition-colors hover:bg-accent"
                 >
-                  <Trans>Chat starten</Trans>
+                  <Trans>Start chat</Trans>
                 </button>
               </div>
             ) : (
@@ -371,7 +370,7 @@ export function ProjectSessionTimeline({
                     onClick={() => setSessionsExpanded(true)}
                     className="self-start px-1 py-1 text-ui-body-sm font-medium text-primary hover:underline"
                   >
-                    <Trans>Mehr Unterhaltungen… ({hiddenSessionCount})</Trans>
+                    <Trans>More conversations ({hiddenSessionCount})</Trans>
                   </button>
                 ) : null}
                 <button
@@ -379,7 +378,7 @@ export function ProjectSessionTimeline({
                   onClick={onStartSession}
                   className="mt-1 self-start rounded-lg border border-border/70 px-3 py-1.5 text-ui-label font-medium text-foreground transition-colors hover:bg-accent"
                 >
-                  <Trans>Neue Unterhaltung</Trans>
+                  <Trans>New conversation</Trans>
                 </button>
               </div>
             )}

apps/web/src/pages/Shell.tsx

@@ -3556,7 +3556,7 @@ export function ShellPage() {
                 <button
                   type="button"
                   aria-label={
-                    heuteActionCount > 0 ? t`Heute, ${heuteActionCount} need you` : t`Heute`
+                    heuteActionCount > 0 ? t`Today, ${heuteActionCount} need you` : t`Today`
                   }
                   onClick={() => {
                     ooSound.play("interact");
@@ -3581,18 +3581,18 @@ export function ShellPage() {
                     ) : null}
                   </div>
                   <div className="font-semibold text-foreground/90 tracking-tight text-ui-body">
-                    Heute
+                    <Trans>Today</Trans>
                   </div>
                 </button>
               </div>
               <div className="sidebar-unterhaltungen">
                 <div className="flex items-center justify-between pt-4 pb-2 px-2.5">
-                  <div className="rk-shell-section-label">{t`Sprich mit deinen Oo's`}</div>
+                  <div className="rk-shell-section-label">{t`Talk to your Oos`}</div>
                   <div className="flex items-center">
                     <Popover open={conversationPickerOpen} onOpenChange={setConversationPickerOpen}>
                       <PopoverTrigger
                         type="button"
-                        aria-label={t`Neue Unterhaltung`}
+                        aria-label={t`New conversation`}
                         data-testid="conversation-picker-trigger"
                         className="text-muted-foreground/60 hover:text-foreground/90 transition-colors"
                       >
@@ -3636,7 +3636,7 @@ export function ShellPage() {
                 ) : null}
                 {conversationSidebarGroups.length === 0 && !mainConversationEntry ? (
                   <div className="p-4 text-center text-ui-label text-muted-foreground">
-                    <p>{t`Noch keine Unterhaltung.`}</p>
+                    <p>{t`No conversations yet.`}</p>
                     <Button
                       variant="outline"
                       size="sm"
@@ -3644,7 +3644,7 @@ export function ShellPage() {
                       onClick={() => setConversationPickerOpen(true)}
                     >
                       <Plus className="mr-1 size-icon-sm" />
-                      {t`Neue Unterhaltung`}
+                      {t`New conversation`}
                     </Button>
                   </div>
                 ) : null}
@@ -3894,8 +3894,8 @@ export function ShellPage() {
                           className="mt-1 w-full flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-ui-label font-medium text-muted-foreground hover:bg-sidebar-accent hover:text-foreground transition-colors"
                         >
                           {expandedTeamGroups[group.key]
-                            ? "Weniger anzeigen"
-                            : `Alle ${group.bots.length} anzeigen...`}
+                            ? t`Show less`
+                            : t`Show all ${group.bots.length}`}
                         </button>
                       )}
                     </div>
@@ -3905,7 +3905,7 @@ export function ShellPage() {
                   {/* PROJEKTE SECTION */}
                   <div className="flex items-center justify-between pt-4 pb-1 mt-3 border-t border-white/5 px-2.5">
                     <div>
-                      <div className="rk-shell-section-label">{t`Projekte`}</div>
+                      <div className="rk-shell-section-label">{t`Projects`}</div>
                       <p className="mt-0.5 px-0.5 text-ui-caption text-muted-foreground/70">
                         {t`Threads by topic · folders`}
                       </p>
@@ -4057,7 +4057,7 @@ export function ShellPage() {
                                     onClick={() => openProjectStart(group.spaceId, "group")}
                                   >
                                     <Plus className="mr-1 size-icon-sm" />
-                                    {t`Starten`}
+                                    {t`Start`}
                                   </Button>
                                 </div>
                               ) : null}
@@ -4481,21 +4481,19 @@ export function ShellPage() {
                     >
                       {inGroup
                         ? (activeGroup?.name ?? activeSnapshot?.groupName ?? t`Group`)
-                        : (active?.name ?? t`Unterhaltung wählen`)}
+                        : (active?.name ?? t`Choose a conversation`)}
                     </span>
                     {!inGroup && active && (composerRunning || active.status !== "idle") ? (
                       <span className="block truncate text-ui-body-sm font-medium text-muted-foreground/80 leading-snug">
-                        {composerRunning || active.status === "running"
-                          ? t`Beschäftigt`
-                          : active.status}
+                        {composerRunning || active.status === "running" ? t`Busy` : active.status}
                       </span>
                     ) : inGroup && projectSessionKey ? (
                       <span className="block truncate text-ui-body-sm font-medium text-muted-foreground/80 leading-snug">
-                        {t`Gruppenunterhaltung`}
+                        {t`Group conversation`}
                       </span>
                     ) : inGroup && activeGroup?.kind !== "main" ? (
                       <span className="block truncate text-ui-body-sm font-medium text-muted-foreground/80 leading-snug">
-                        {t`Projekt · Sessions & Ordner`}
+                        {t`Project · sessions & folders`}
                       </span>
                     ) : null}
                   </div>
@@ -4529,7 +4527,7 @@ export function ShellPage() {
                   onClick={() => currentSpaceId && openProjectStart(currentSpaceId, "create")}
                 >
                   <Plus aria-hidden="true" className="size-icon-md" />
-                  {t`Starten`}
+                  {t`Start`}
                 </Button>
               </div>
             ) : !active && !activeGroup && initialBotsLoaded ? (
@@ -4542,7 +4540,7 @@ export function ShellPage() {
             ) : showProjectTimeline && bots.length > 0 ? (
               <ProjectSessionTimeline
                 sectionId={activeGroup!.sectionId!}
-                sectionName={activeProjectSection?.name ?? activeGroup?.name ?? t`Projekt`}
+                sectionName={activeProjectSection?.name ?? activeGroup?.name ?? t`Project`}
                 groupId={groupId!}
                 groupName={activeGroup?.name ?? activeSnapshot?.groupName ?? t`Group`}
                 onOpenSession={openProjectSession}
@@ -4553,7 +4551,7 @@ export function ShellPage() {
             ) : showProjectTimeline && bots.length === 0 ? (
               <div className="flex flex-1 flex-col items-center justify-center gap-4 py-12">
                 <p className="text-ui-body text-muted-foreground">
-                  <Trans>Erstelle zuerst einen Bot, um Projekte starten zu können.</Trans>
+                  <Trans>Create a bot first to start a project.</Trans>
                 </p>
                 <Button onClick={() => setShowCreateBotModal(true)}>
                   <Plus aria-hidden="true" className="size-icon-md" />
@@ -6046,11 +6044,7 @@ const Transcript = memo(function Transcript({
       >
         {encounterMode ? (
           <p className="mx-auto w-full max-w-2xl px-1 text-ui-label font-medium uppercase tracking-wider text-muted-foreground/80">
-            {voiceEncounterActive ? (
-              <Trans>Transkript — sekundär zur Stimme</Trans>
-            ) : (
-              <Trans>Conversation record</Trans>
-            )}
+            {voiceEncounterActive ? <Trans>Transcript</Trans> : <Trans>Conversation record</Trans>}
           </p>
         ) : null}
         {olderCursor != null ? (
@@ -7764,10 +7758,10 @@ const MessageView = memo(function MessageView({
                         }
                       }}
                       className="inline-flex items-center gap-1.5 hover:text-foreground transition-colors cursor-pointer text-ui-body-sm font-medium"
-                      title={t`Antwort kopieren`}
+                      title={t`Copy reply`}
                     >
                       <Copy size={13.5} />
-                      <span>{t`Kopieren`}</span>
+                      <span>{t`Copy`}</span>
                     </button>
                     {voiceReady ? (
                       <button
@@ -7777,7 +7771,7 @@ const MessageView = memo(function MessageView({
                         className="inline-flex items-center gap-1.5 hover:text-foreground transition-colors cursor-pointer text-ui-body-sm font-medium"
                       >
                         <Volume2 size={13.5} />
-                        <span>{speaking ? t`Stop` : t`Vorlesen`}</span>
+                        <span>{speaking ? t`Stop` : t`Read aloud`}</span>
                       </button>
                     ) : null}
                   </div>

apps/web/src/pages/shell/bot-picker.tsx

@@ -12,7 +12,7 @@ import {
 import { Info, Lock, Plus, Users } from "lucide-react";
 import { useMemo, useState } from "react";
 
-/** 1:1-Unterhaltung: bestehenden Bot öffnen oder neuen Bot anlegen. */
+/** 1:1 conversation: open an existing bot or create a new one. */
 export function ConversationBotPicker({
   bots,
   onCreateBot,
@@ -31,29 +31,31 @@ export function ConversationBotPicker({
       (bot) => bot.name.toLowerCase().includes(needle) || bot.title.toLowerCase().includes(needle),
     );
   }, [bots, needle]);
+  const createLabel = t`Create new Bot`;
+  const createText = createLabel.toLowerCase();
   const showCreate =
     !needle ||
-    "neuen bot erstellen".includes(needle) ||
-    needle.split(/\s+/).every((part) => "neuen bot erstellen".includes(part));
+    createText.includes(needle) ||
+    needle.split(/\s+/).every((part) => createText.includes(part));
 
   return (
     <div data-testid="conversation-bot-picker" className="w-[min(320px,calc(100vw-2rem))]">
       <label className="flex items-center gap-2 border-b border-border px-3 py-2">
         <span className="shrink-0 text-ui-body-sm text-muted-foreground">
-          <Trans>Mit:</Trans>
+          <Trans>With:</Trans>
         </span>
         <input
           value={query}
           onChange={(event) => setQuery(event.target.value)}
-          placeholder={t`Suchen`}
-          aria-label={t`Suchen`}
+          placeholder={t`Search`}
+          aria-label={t`Search`}
           className="min-w-0 flex-1 bg-transparent text-ui-body text-foreground outline-none placeholder:text-muted-foreground"
         />
       </label>
       <Command shouldFilter={false} className="rounded-none border-0 bg-transparent p-0">
         <CommandList className="max-h-72 p-1">
           <CommandEmpty>
-            <Trans>Kein Bot gefunden</Trans>
+            <Trans>No bots match</Trans>
           </CommandEmpty>
           <CommandGroup>
             {showCreate ? (
@@ -64,7 +66,7 @@ export function ConversationBotPicker({
                 className="gap-2"
               >
                 <Plus strokeWidth={1.8} aria-hidden="true" className="size-icon-md" />
-                <Trans>Neuen Bot erstellen</Trans>
+                {createLabel}
               </CommandItem>
             ) : null}
             {matched.map((bot) => (

pnpm-lock.yaml

@@ -319,6 +319,9 @@ importers:
       '@lingui/conf':
         specifier: 6.6.0
         version: 6.6.0
+      '@lingui/format-po':
+        specifier: 6.6.0
+        version: 6.6.0
       '@lingui/vite-plugin':
         specifier: 6.6.0
         version: 6.6.0(@babel/core@7.29.7)(@lingui/babel-plugin-lingui-macro@6.6.0(@babel/core@7.29.7)(@babel/types@7.29.8))(@rolldown/plugin-babel@0.2.4(@babel/core@7.29.7)(@babel/plugin-transform-runtime@7.29.7(@babel/core@7.29.7))(@babel/runtime@7.29.7)(rolldown@1.2.8)(vite@8.3.0(@types/node@26.5.0)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.13)(yaml@2.9.0)))(esbuild@0.28.2)(rolldown@1.2.8)(vite@8.3.0(@types/node@26.5.0)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.13)(yaml@2.9.0))