feat(i18n): add Turkish translation for Web Dashboard UI & README

README.md

@@ -38,7 +38,7 @@ ocx start        # proxy + dashboard on localhost:10100
 </table>
 
 <p align="center">
-  <a href="README.md">English</a> · <a href="readme/README.ko.md">한국어</a> · <a href="readme/README.zh-CN.md">简体中文</a> · <a href="readme/README.ru.md">Русский</a> · <a href="readme/README.ja.md">日本語</a> · 📖 <a href="https://opencodex.me/"><b>Full documentation →</b></a>
+  <a href="README.md">English</a> · <a href="readme/README.ko.md">한국어</a> · <a href="readme/README.zh-CN.md">简体中文</a> · <a href="readme/README.ru.md">Русский</a> · <a href="readme/README.ja.md">日本語</a> · <a href="readme/README.tr.md">Türkçe</a> · 📖 <a href="https://opencodex.me/"><b>Full documentation →</b></a>
 </p>
 
 opencodex is a lightweight local proxy that translates Codex's Responses API into whatever your

gui/src/App.tsx

@@ -13,7 +13,7 @@ import Startup from "./pages/Startup";
 import ErrorBoundary from "./components/ErrorBoundary";
 import { SidebarGithubRow } from "./components/sidebar-github-row";
 import { IconGrid, IconServer, IconBoxes, IconBot, IconList, IconActivity, IconHardDrive, IconKey, IconMenu, IconSun, IconMoon, IconMonitor, IconGlobe, IconPower, IconX } from "./icons";
-import { useI18n, useT, LOCALES, type Locale, type TKey } from "./i18n/shared";
+import { useI18n, useT, LOCALES, localeDisplayName, type Locale, type TKey } from "./i18n/shared";
 import { Select } from "./ui";
 import { installApiAuthFetch } from "./api";
 import { type Page } from "./app-routing";
@@ -252,7 +252,7 @@ export default function App() {
             <IconGlobe aria-hidden />
             <Select
               value={locale}
-              options={LOCALES.map(l => ({ value: l.code, label: l.name }))}
+              options={LOCALES.map(l => ({ value: l.code, label: localeDisplayName(l.code) }))}
               onChange={v => setLocale(v as Locale)}
               label={t("lang.label")}
               placement="right"

gui/src/components/QuotaBars.tsx

@@ -124,6 +124,8 @@ function bcp47(locale: Locale): string {
       return "ru-RU";
     case "ja":
       return "ja-JP";
+    case "tr":
+      return "tr-TR";
     default: {
       const _exhaustive: never = locale;
       return _exhaustive;

gui/src/formatUptime.ts

@@ -1,30 +1,24 @@
-import type { Locale } from "./i18n/shared";
-
-const UPTIME_UNITS: Record<Locale, { day: string; hour: string; minute: string; second: string }> = {
-  en: { day: "d", hour: "h", minute: "m", second: "s" },
-  de: { day: "T", hour: "Std", minute: "Min", second: "Sek" },
-  ko: { day: "일", hour: "시간", minute: "분", second: "초" },
-  zh: { day: "天", hour: "小时", minute: "分钟", second: "秒" },
-  ru: { day: "д", hour: "ч", minute: "мин", second: "с" },
-  ja: { day: "日", hour: "時間", minute: "分", second: "秒" },
-};
+import { catalogValue, type Locale } from "./i18n/catalogs";
 
 export function formatUptime(seconds: number, locale: Locale): string {
   const totalSeconds = Math.max(0, Math.floor(seconds));
-  const units = UPTIME_UNITS[locale] ?? UPTIME_UNITS.en;
+  const day = catalogValue(locale, "uptime.day");
+  const hour = catalogValue(locale, "uptime.hour");
+  const minute = catalogValue(locale, "uptime.minute");
+  const second = catalogValue(locale, "uptime.second");
 
-  if (totalSeconds < 5 * 60) return `${totalSeconds}${units.second}`;
+  if (totalSeconds < 5 * 60) return `${totalSeconds}${second}`;
 
   const totalMinutes = Math.floor(totalSeconds / 60);
-  if (totalMinutes < 60) return `${totalMinutes}${units.minute}`;
+  if (totalMinutes < 60) return `${totalMinutes}${minute}`;
 
   const totalHours = Math.floor(totalMinutes / 60);
   if (totalHours < 24) {
     const minutes = totalMinutes % 60;
-    return minutes > 0 ? `${totalHours}${units.hour} ${minutes}${units.minute}` : `${totalHours}${units.hour}`;
+    return minutes > 0 ? `${totalHours}${hour} ${minutes}${minute}` : `${totalHours}${hour}`;
   }
 
   const days = Math.floor(totalHours / 24);
   const hours = totalHours % 24;
-  return hours > 0 ? `${days}${units.day} ${hours}${units.hour}` : `${days}${units.day}`;
+  return hours > 0 ? `${days}${day} ${hours}${hour}` : `${days}${day}`;
 }

gui/src/i18n/catalogs.ts

@@ -0,0 +1,23 @@
+import { en, type TKey } from "./en";
+import { de } from "./de";
+import { ko } from "./ko";
+import { zh } from "./zh";
+import { ru } from "./ru";
+import { ja } from "./ja";
+import { tr } from "./tr";
+
+/** React-free locale catalog registry for formatters and other shared helpers. */
+export type Locale = "en" | "de" | "ko" | "zh" | "ru" | "ja" | "tr";
+
+export const DICTS: Record<Locale, Record<TKey, string>> = { en, de, ko, zh, ru, ja, tr };
+
+/** Native language names shown by the language picker, kept inside i18n rather than UI metadata. */
+export function localeDisplayName(locale: Locale): string {
+  return DICTS[locale]["lang.nativeName"];
+}
+
+export function catalogValue(locale: Locale, key: TKey): string {
+  return DICTS[locale][key];
+}
+
+export type { TKey };

gui/src/i18n/de.ts

@@ -6,6 +6,10 @@ import type { TKey } from "./en";
  */
 export const de: Record<TKey, string> = {
   "nav.dashboard": "Übersicht",
+  "uptime.day": "T",
+  "uptime.hour": "Std",
+  "uptime.minute": "Min",
+  "uptime.second": "Sek",
   "nav.startup": "Startsicherheit",
   "nav.providers": "Anbieter",
   "nav.models": "Modelle",
@@ -84,6 +88,7 @@ export const de: Record<TKey, string> = {
   "theme.dark": "Dunkel",
   "theme.system": "System",
   "lang.label": "Sprache",
+  "lang.nativeName": "Deutsch",
   "provider.name.commandCodeAuth": "Command Code - Auth",
   "provider.name.commandCodeApi": "Command Code - API",
   "provider.name.volcengine": "Volcengine Ark",
@@ -1693,8 +1698,8 @@ export const de: Record<TKey, string> = {
   "modal.apiKeyPlaceholder": "sk-… (oder $ENV_VAR)",
   "modal.defaultModelPlaceholder": "z. B. gpt-5.5",
  "modal.baseUrlPlaceholder": "https://...",
-  "modal.baseUrlPlaceholderError": "Base-URL enthält einen ungelösten {Platzhalter}. Ersetze ihn durch deinen tatsächlichen Wert.",
-  "modal.baseUrlPlaceholderHint": "Ersetze den {Platzhalter} in der Base-URL durch deine tatsächliche Account-ID, bevor du hinzufügst.",
+  "modal.baseUrlPlaceholderError": "Base-URL enthält einen ungelösten {placeholder}. Ersetze ihn durch deinen tatsächlichen Wert.",
+  "modal.baseUrlPlaceholderHint": "Ersetze den {placeholder} in der Base-URL durch deine tatsächliche Account-ID, bevor du hinzufügst.",
   "modal.adding": "Wird hinzugefügt…",
   "modal.useOauthLogin": "← OAuth-Login verwenden",
   "codexAuth.addIdPlaceholder": "codex-work, codex-alt, team…",

gui/src/i18n/en.ts

@@ -8,6 +8,10 @@
 export const en = {
   // sidebar / nav / common
   "nav.dashboard": "Dashboard",
+  "uptime.day": "d",
+  "uptime.hour": "h",
+  "uptime.minute": "m",
+  "uptime.second": "s",
   "nav.startup": "Startup",
   "nav.providers": "Providers",
   "nav.models": "Models",
@@ -44,6 +48,7 @@ export const en = {
   "theme.dark": "Dark",
   "theme.system": "System",
   "lang.label": "Language",
+  "lang.nativeName": "English",
   "provider.name.commandCodeAuth": "Command Code - Auth",
   "provider.name.commandCodeApi": "Command Code - API",
   "provider.name.volcengine": "Volcengine Ark",

gui/src/i18n/ja.ts

@@ -6,6 +6,10 @@ import type { TKey } from "./en";
 export const ja: Record<TKey, string> = {
   // sidebar / nav / common
   "nav.dashboard": "ダッシュボード",
+  "uptime.day": "日",
+  "uptime.hour": "時間",
+  "uptime.minute": "分",
+  "uptime.second": "秒",
   "nav.startup": "起動安全性",
   "nav.providers": "プロバイダー",
   "nav.models": "モデル",
@@ -89,6 +93,7 @@ export const ja: Record<TKey, string> = {
   "theme.dark": "ダーク",
   "theme.system": "システム",
   "lang.label": "言語",
+  "lang.nativeName": "日本語",
   "provider.name.commandCodeAuth": "Command Code - Auth",
   "provider.name.commandCodeApi": "Command Code - API",
   "provider.name.volcengine": "Volcengine Ark",

gui/src/i18n/ko.ts

@@ -6,6 +6,10 @@ import type { TKey } from "./en";
 export const ko: Record<TKey, string> = {
   // sidebar / nav / common
   "nav.dashboard": "대시보드",
+  "uptime.day": "일",
+  "uptime.hour": "시간",
+  "uptime.minute": "분",
+  "uptime.second": "초",
   "nav.startup": "시작 안전성",
   "nav.providers": "프로바이더",
   "nav.models": "모델",
@@ -84,6 +88,7 @@ export const ko: Record<TKey, string> = {
   "theme.dark": "다크",
   "theme.system": "시스템",
   "lang.label": "언어",
+  "lang.nativeName": "한국어",
   "provider.name.commandCodeAuth": "Command Code - Auth",
   "provider.name.commandCodeApi": "Command Code - API",
   "provider.name.volcengine": "Volcengine Ark",

gui/src/i18n/ru.ts

@@ -6,6 +6,10 @@ import type { TKey } from "./en";
 export const ru: Record<TKey, string> = {
   // sidebar / nav / common
   "nav.dashboard": "Дашборд",
+  "uptime.day": "д",
+  "uptime.hour": "ч",
+  "uptime.minute": "мин",
+  "uptime.second": "с",
   "nav.startup": "Безопасность запуска",
   "nav.providers": "Провайдеры",
   "nav.models": "Модели",
@@ -89,6 +93,7 @@ export const ru: Record<TKey, string> = {
   "theme.dark": "Тёмная",
   "theme.system": "Системная",
   "lang.label": "Язык",
+  "lang.nativeName": "Русский",
   "provider.name.commandCodeAuth": "Command Code - Auth",
   "provider.name.commandCodeApi": "Command Code - API",
   "provider.name.volcengine": "Volcengine Ark",

gui/src/i18n/shared.ts

@@ -1,23 +1,16 @@
 import { createContext, useContext } from "react";
-import { en, type TKey } from "./en";
-import { de } from "./de";
-import { ko } from "./ko";
-import { zh } from "./zh";
-import { ru } from "./ru";
-import { ja } from "./ja";
+import { DICTS, localeDisplayName, type Locale, type TKey } from "./catalogs";
 
-export type Locale = "en" | "de" | "ko" | "zh" | "ru" | "ja";
-export type { TKey };
+export { DICTS, localeDisplayName, type Locale, type TKey };
 
-export const DICTS: Record<Locale, Record<TKey, string>> = { en, de, ko, zh, ru, ja };
-
-export const LOCALES: { code: Locale; name: string; htmlLang: string }[] = [
-  { code: "en", name: "English", htmlLang: "en" },
-  { code: "de", name: "Deutsch", htmlLang: "de" },
-  { code: "ko", name: "한국어", htmlLang: "ko" },
-  { code: "zh", name: "中文", htmlLang: "zh-CN" },
-  { code: "ru", name: "Русский", htmlLang: "ru" },
-  { code: "ja", name: "日本語", htmlLang: "ja" },
+export const LOCALES: { code: Locale; htmlLang: string }[] = [
+  { code: "en", htmlLang: "en" },
+  { code: "de", htmlLang: "de" },
+  { code: "ko", htmlLang: "ko" },
+  { code: "zh", htmlLang: "zh-CN" },
+  { code: "ru", htmlLang: "ru" },
+  { code: "ja", htmlLang: "ja" },
+  { code: "tr", htmlLang: "tr" },
 ];
 
 const LANG_KEY = "ocx-lang";
@@ -27,14 +20,15 @@ let activeLocale: Locale | null = null;
 export function detectInitial(): Locale {
   try {
     const stored = localStorage.getItem(LANG_KEY);
-    if (stored === "en" || stored === "de" || stored === "ko" || stored === "zh" || stored === "ru" || stored === "ja") return stored;
+    if (stored === "en" || stored === "de" || stored === "ko" || stored === "zh" || stored === "ru" || stored === "ja" || stored === "tr") return stored;
   } catch { /* ignore */ }
-  const nav = typeof navigator !== "undefined" ? navigator.language.toLowerCase() : "en";
+  const nav = typeof navigator !== "undefined" && navigator?.language ? navigator.language.toLowerCase() : "en";
   if (nav.startsWith("de")) return "de";
   if (nav.startsWith("ko")) return "ko";
   if (nav.startsWith("zh")) return "zh";
   if (nav.startsWith("ru")) return "ru";
   if (nav.startsWith("ja")) return "ja";
+  if (nav.startsWith("tr")) return "tr";
   return "en";
 }