feat(webui): redesign settings and BYOK configuration

Co-authored-by: Cursor <cursoragent@cursor.com>

webui/src/tests/i18n.test.tsx

@@ -8,6 +8,7 @@ import { resources } from "@/i18n";
 
 const QUICK_ACTION_KEYS = ["plan", "analyze", "brainstorm", "code", "summarize", "more"];
 const IMAGE_QUICK_ACTION_KEYS = ["icon", "sticker", "poster", "product", "portrait", "edit"];
+const SETTINGS_NAV_KEYS = ["general", "byok"];
 
 describe("webui i18n", () => {
   it("switches UI copy and document locale through the language switcher", async () => {
@@ -62,4 +63,28 @@ describe("webui i18n", () => {
       }
     }
   });
+
+  it("keeps settings navigation localized for every registered locale", () => {
+    for (const resource of Object.values(resources)) {
+      const common = resource.common;
+      expect(common.app.system.restarting).toBeTruthy();
+      expect(common.sidebar.settings).toBeTruthy();
+      expect(common.settings.sidebar.title).toBeTruthy();
+      expect(common.settings.backToChat).toBeTruthy();
+      for (const key of SETTINGS_NAV_KEYS) {
+        expect(common.settings.nav[key as keyof typeof common.settings.nav]).toBeTruthy();
+      }
+      expect(common.settings.rows.theme).toBeTruthy();
+      expect(common.settings.status.loading).toBeTruthy();
+      expect(common.settings.actions.save).toBeTruthy();
+      expect(common.settings.actions.edit).toBeTruthy();
+      expect(common.settings.byok.configured).toBeTruthy();
+      expect(common.settings.byok.configuredSection).toBeTruthy();
+      expect(common.settings.byok.showMore).toBeTruthy();
+      expect(common.settings.byok.apiKeyRequired).toBeTruthy();
+      expect(common.settings.byok.showApiKey).toBeTruthy();
+      expect(common.settings.byok.hideApiKey).toBeTruthy();
+      expect(common.settings.byok.configuredKeyHint).toBeTruthy();
+    }
+  });
 });