From c387fe190bbd22e9396d264effe242d157f866d2 Mon Sep 17 00:00:00 2001 From: Luke Parker <10430890+Hona@users.noreply.github.com> Date: Tue, 4 Aug 2026 18:52:37 +1000 Subject: [PATCH] feat(app): add debug layout direction toggle (#40393) --- packages/app/src/app.tsx | 4 +- packages/app/src/components/debug-bar.tsx | 49 ++++++++++++++++------- packages/app/src/context/language.tsx | 19 ++++++++- packages/app/src/i18n/ar.ts | 8 ++++ packages/app/src/i18n/az.ts | 8 ++++ packages/app/src/i18n/br.ts | 8 ++++ packages/app/src/i18n/bs.ts | 8 ++++ packages/app/src/i18n/da.ts | 8 ++++ packages/app/src/i18n/de.ts | 8 ++++ packages/app/src/i18n/en.ts | 8 ++++ packages/app/src/i18n/es.ts | 8 ++++ packages/app/src/i18n/fi.ts | 8 ++++ packages/app/src/i18n/fr.ts | 8 ++++ packages/app/src/i18n/hi.ts | 8 ++++ packages/app/src/i18n/id.ts | 8 ++++ packages/app/src/i18n/it.ts | 8 ++++ packages/app/src/i18n/ja.ts | 8 ++++ packages/app/src/i18n/ko.ts | 8 ++++ packages/app/src/i18n/nl.ts | 8 ++++ packages/app/src/i18n/no.ts | 8 ++++ packages/app/src/i18n/pa.ts | 8 ++++ packages/app/src/i18n/pl.ts | 8 ++++ packages/app/src/i18n/ru.ts | 8 ++++ packages/app/src/i18n/sv.ts | 8 ++++ packages/app/src/i18n/th.ts | 8 ++++ packages/app/src/i18n/tr.ts | 8 ++++ packages/app/src/i18n/uk.ts | 8 ++++ packages/app/src/i18n/ur.ts | 8 ++++ packages/app/src/i18n/vi.ts | 8 ++++ packages/app/src/i18n/zh.ts | 8 ++++ packages/app/src/i18n/zht.ts | 8 ++++ packages/ui/src/context/i18n.tsx | 3 +- 32 files changed, 281 insertions(+), 18 deletions(-) diff --git a/packages/app/src/app.tsx b/packages/app/src/app.tsx index 5355281acc9..0c950871a33 100644 --- a/packages/app/src/app.tsx +++ b/packages/app/src/app.tsx @@ -234,7 +234,9 @@ function ResolvedDraftRoute(props: { draft: DraftTab }) { function UiI18nBridge(props: ParentProps) { const language = useLanguage() return ( - + {props.children} ) diff --git a/packages/app/src/components/debug-bar.tsx b/packages/app/src/components/debug-bar.tsx index adadeda3035..9465374cbb0 100644 --- a/packages/app/src/components/debug-bar.tsx +++ b/packages/app/src/components/debug-bar.tsx @@ -60,7 +60,7 @@ function Cell(props: { label: string tip: string value: string - wide?: boolean + span?: 2 | 3 }) { const content = () => (
void }) { +function ToggleCell(props: { + active: boolean + inline?: boolean + label: string + onClick: () => void + tip: string + value: string +}) { const content = () => ( ) if (props.inline) { return ( - + {content()} ) } return ( - + {content()} ) @@ -475,7 +479,7 @@ export function DebugBar(props: { inline?: boolean } = {}) { "gap-[9px]": !!props.inline, "gap-px": !props.inline, "flex w-full flex-nowrap items-center justify-start": !!props.inline, - "grid-cols-5": !props.inline, + "grid-cols-4": !props.inline, grid: !props.inline, }} > @@ -557,10 +561,25 @@ export function DebugBar(props: { inline?: boolean } = {}) { bad={bad(heap(), 0.8)} dim={state.heap.used === undefined} inline={props.inline} - wide={!platform.setForceFocus} + span={platform.setForceFocus ? 2 : 3} + /> + language.setDirection(language.direction() === "rtl" ? "ltr" : "rtl")} /> {platform.setForceFocus && ( - void toggleFocus()} /> + void toggleFocus()} + /> )}
diff --git a/packages/app/src/context/language.tsx b/packages/app/src/context/language.tsx index adab9ddb72f..8772fd3111a 100644 --- a/packages/app/src/context/language.tsx +++ b/packages/app/src/context/language.tsx @@ -15,9 +15,14 @@ import { } from "@/i18n/desktop-native" export type Locale = DesktopNativeLocale +export type Direction = "ltr" | "rtl" const RTL_LOCALES: ReadonlySet = new Set(["ar", "ur", "pa"]) +function localeDirection(locale: Locale): Direction { + return RTL_LOCALES.has(locale) ? "rtl" : "ltr" +} + type RawDictionary = typeof en & typeof uiEn type Dictionary = i18n.Flatten type PluralKey = @@ -242,6 +247,13 @@ export const { use: useLanguage, provider: LanguageProvider } = createSimpleCont const locale = createMemo(() => normalizeLocale(store.locale)) const intl = createMemo(() => INTL[locale()]) + const [layout, setLayout] = createStore({ direction: undefined as Direction | undefined }) + const direction = createMemo(() => layout.direction ?? localeDirection(locale())) + const layoutLocale = createMemo(() => { + if (!layout.direction) return intl() + // Kobalte derives menu direction from locale rather than accepting a direction override. + return layout.direction === "rtl" ? "ar" : "en" + }) const [dict] = createResource(locale, loadDict, { initialValue: dicts.get(initial) ?? base, @@ -270,7 +282,7 @@ export const { use: useLanguage, provider: LanguageProvider } = createSimpleCont if (typeof document !== "object") return const value = locale() document.documentElement.lang = value - document.documentElement.dir = RTL_LOCALES.has(value) ? "rtl" : "ltr" + document.documentElement.dir = direction() document.cookie = cookie(value) }) @@ -287,6 +299,8 @@ export const { use: useLanguage, provider: LanguageProvider } = createSimpleCont ready, locale, intl, + direction, + layoutLocale, locales: LOCALES, label, t, @@ -294,6 +308,9 @@ export const { use: useLanguage, provider: LanguageProvider } = createSimpleCont setLocale(next: Locale) { setStore("locale", normalizeLocale(next)) }, + setDirection(next: Direction) { + setLayout("direction", next === localeDirection(locale()) ? undefined : next) + }, } }, }) diff --git a/packages/app/src/i18n/ar.ts b/packages/app/src/i18n/ar.ts index 1d2e2ee80f6..f916bb487ae 100644 --- a/packages/app/src/i18n/ar.ts +++ b/packages/app/src/i18n/ar.ts @@ -1124,6 +1124,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "كومة JS المستخدمة مقابل حد الكومة. Chromium فقط.", "debugBar.mem.tip": "كومة JS المستخدمة مقابل حد الكومة. {{used}} من {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "فرض أنماط التركيز على جميع العناصر التفاعلية", + "debugBar.focus.on": "تشغيل", + "debugBar.focus.off": "إيقاف", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "فرض اتجاه التخطيط على التطبيق بالكامل دون تغيير اللغة المحددة", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/az.ts b/packages/app/src/i18n/az.ts index 66f4b72ab00..df3506c3d55 100644 --- a/packages/app/src/i18n/az.ts +++ b/packages/app/src/i18n/az.ts @@ -896,6 +896,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "İstifadə olunmuş JS yığını və yığın limiti. Yalnız Chromium.", "debugBar.mem.tip": "İstifadə olunmuş JS yığını və yığın limiti. {{used}} və {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Bütün interaktiv elementlərə fokus üslublarını məcburi tətbiq et", + "debugBar.focus.on": "AÇIQ", + "debugBar.focus.off": "QAPALI", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Seçilmiş dili dəyişmədən bütün tətbiq üçün tərtibat istiqamətini məcburi təyin et", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Masaüstü", "settings.section.server": "Server", diff --git a/packages/app/src/i18n/br.ts b/packages/app/src/i18n/br.ts index 19cb9a4cab4..90acd260370 100644 --- a/packages/app/src/i18n/br.ts +++ b/packages/app/src/i18n/br.ts @@ -1134,6 +1134,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Heap JS usado vs limite de heap. Apenas Chromium.", "debugBar.mem.tip": "Heap JS usado vs limite de heap. {{used}} de {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Forçar estilos de foco em todos os elementos interativos", + "debugBar.focus.on": "LIGADO", + "debugBar.focus.off": "DESLIGADO", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Forçar a direção do layout de todo o aplicativo sem alterar o idioma selecionado", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/bs.ts b/packages/app/src/i18n/bs.ts index 207acfc9609..6be962720b8 100644 --- a/packages/app/src/i18n/bs.ts +++ b/packages/app/src/i18n/bs.ts @@ -1210,6 +1210,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Korišteni JS heap naspram limita heapa. Samo Chromium.", "debugBar.mem.tip": "Korišteni JS heap naspram limita heapa. {{used}} od {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Prisilno primijeni stilove fokusa na sve interaktivne elemente", + "debugBar.focus.on": "UKLJUČENO", + "debugBar.focus.off": "ISKLJUČENO", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Prisilno postavi smjer rasporeda cijele aplikacije bez promjene odabranog jezika", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/da.ts b/packages/app/src/i18n/da.ts index f822b6d02e7..8221b31af8e 100644 --- a/packages/app/src/i18n/da.ts +++ b/packages/app/src/i18n/da.ts @@ -1084,6 +1084,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Brugt JS-heap sammenholdt med heapgrænsen. Kun Chromium.", "debugBar.mem.tip": "Brugt JS-heap sammenholdt med heapgrænsen. {{used}} af {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Gennemtving fokusstile for alle interaktive elementer", + "debugBar.focus.on": "TIL", + "debugBar.focus.off": "FRA", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Gennemtving layoutretningen for hele appen uden at ændre det valgte sprog", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/de.ts b/packages/app/src/i18n/de.ts index 359d6ff318f..60be89a70a9 100644 --- a/packages/app/src/i18n/de.ts +++ b/packages/app/src/i18n/de.ts @@ -1029,6 +1029,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Belegter JS-Heap im Verhältnis zum Heap-Limit. Nur Chromium.", "debugBar.mem.tip": "Belegter JS-Heap im Verhältnis zum Heap-Limit. {{used}} von {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Fokusstile für alle interaktiven Elemente erzwingen", + "debugBar.focus.on": "EIN", + "debugBar.focus.off": "AUS", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Layoutrichtung für die gesamte App erzwingen, ohne die ausgewählte Sprache zu ändern", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Strg", "common.key.alt": "Alt", "common.key.shift": "Umschalt", diff --git a/packages/app/src/i18n/en.ts b/packages/app/src/i18n/en.ts index 5e24547d74f..c37c9c21161 100644 --- a/packages/app/src/i18n/en.ts +++ b/packages/app/src/i18n/en.ts @@ -868,6 +868,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Used JS heap vs heap limit. Chromium only.", "debugBar.mem.tip": "Used JS heap vs heap limit. {{used}} of {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Force focus styles on all interactive elements", + "debugBar.focus.on": "ON", + "debugBar.focus.off": "OFF", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Force the full app layout direction without changing the selected language", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", diff --git a/packages/app/src/i18n/es.ts b/packages/app/src/i18n/es.ts index 37d79400639..ef728ec0849 100644 --- a/packages/app/src/i18n/es.ts +++ b/packages/app/src/i18n/es.ts @@ -1218,6 +1218,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Heap JS usado vs límite de heap. Solo Chromium.", "debugBar.mem.tip": "Heap JS usado vs límite de heap. {{used}} de {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Forzar los estilos de foco en todos los elementos interactivos", + "debugBar.focus.on": "SÍ", + "debugBar.focus.off": "NO", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Forzar la dirección del diseño de toda la aplicación sin cambiar el idioma seleccionado", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Mayús", diff --git a/packages/app/src/i18n/fi.ts b/packages/app/src/i18n/fi.ts index 90e14265e46..7955cda59a6 100644 --- a/packages/app/src/i18n/fi.ts +++ b/packages/app/src/i18n/fi.ts @@ -786,6 +786,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Käytetty JS-keko suhteessa keon rajaan. Vain Chromium.", "debugBar.mem.tip": "Käytetty JS-keko suhteessa keon rajaan. {{used}} / {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Pakota kohdistustyylit kaikkiin vuorovaikutteisiin elementteihin", + "debugBar.focus.on": "KÄYTÖSSÄ", + "debugBar.focus.off": "EI KÄYTÖSSÄ", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Pakota koko sovelluksen asettelun suunta valittua kieltä muuttamatta", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Työpöytä", "settings.section.server": "Palvelin", diff --git a/packages/app/src/i18n/fr.ts b/packages/app/src/i18n/fr.ts index e6347550fca..c628ec2f79f 100644 --- a/packages/app/src/i18n/fr.ts +++ b/packages/app/src/i18n/fr.ts @@ -1145,6 +1145,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Tas JS utilisé vs limite de tas. Chromium uniquement.", "debugBar.mem.tip": "Tas JS utilisé vs limite de tas. {{used}} sur {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Forcer les styles de focus sur tous les éléments interactifs", + "debugBar.focus.on": "ACTIVÉ", + "debugBar.focus.off": "DÉSACTIVÉ", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Forcer le sens de disposition de toute l’application sans changer la langue sélectionnée", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Maj", diff --git a/packages/app/src/i18n/hi.ts b/packages/app/src/i18n/hi.ts index 9def5f9121d..a704e6233ef 100644 --- a/packages/app/src/i18n/hi.ts +++ b/packages/app/src/i18n/hi.ts @@ -895,6 +895,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "उपयोग किया गया JS हीप बनाम हीप सीमा। केवल Chromium।", "debugBar.mem.tip": "उपयोग किया गया JS हीप बनाम हीप सीमा। {{limit}} में से {{used}}।", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "सभी इंटरैक्टिव एलिमेंट पर फ़ोकस स्टाइल ज़बरदस्ती लागू करें", + "debugBar.focus.on": "चालू", + "debugBar.focus.off": "बंद", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "चुनी गई भाषा बदले बिना पूरे ऐप की लेआउट दिशा ज़बरदस्ती सेट करें", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "डेस्कटॉप", "settings.section.server": "सर्वर", diff --git a/packages/app/src/i18n/id.ts b/packages/app/src/i18n/id.ts index 76b117a7f54..e693869089e 100644 --- a/packages/app/src/i18n/id.ts +++ b/packages/app/src/i18n/id.ts @@ -963,6 +963,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Heap JS terpakai vs batas heap. Khusus Chromium.", "debugBar.mem.tip": "Heap JS terpakai vs batas heap. {{used}} dari {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Paksa gaya fokus pada semua elemen interaktif", + "debugBar.focus.on": "AKTIF", + "debugBar.focus.off": "NONAKTIF", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Paksa arah tata letak seluruh aplikasi tanpa mengubah bahasa yang dipilih", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", diff --git a/packages/app/src/i18n/it.ts b/packages/app/src/i18n/it.ts index 56397ce6294..3f4089018dd 100644 --- a/packages/app/src/i18n/it.ts +++ b/packages/app/src/i18n/it.ts @@ -807,6 +807,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Heap JS utilizzato rispetto al limite dell'heap. Solo Chromium.", "debugBar.mem.tip": "Heap JS utilizzato rispetto al limite dell'heap. {{used}} di {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Forza gli stili di focus su tutti gli elementi interattivi", + "debugBar.focus.on": "ON", + "debugBar.focus.off": "OFF", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Forza la direzione del layout dell’intera app senza cambiare la lingua selezionata", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Desktop", "settings.section.server": "Server", diff --git a/packages/app/src/i18n/ja.ts b/packages/app/src/i18n/ja.ts index 2178234b174..37f6d5c5f69 100644 --- a/packages/app/src/i18n/ja.ts +++ b/packages/app/src/i18n/ja.ts @@ -1116,6 +1116,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "使用中の JS ヒープ対ヒープ制限。Chromium のみ。", "debugBar.mem.tip": "使用中の JS ヒープ対ヒープ制限。{{limit}} 中 {{used}}。", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "すべてのインタラクティブ要素にフォーカススタイルを強制適用", + "debugBar.focus.on": "オン", + "debugBar.focus.off": "オフ", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "選択中の言語を変更せずに、アプリ全体のレイアウト方向を強制設定", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/ko.ts b/packages/app/src/i18n/ko.ts index 7f950ede61b..9d3821660cb 100644 --- a/packages/app/src/i18n/ko.ts +++ b/packages/app/src/i18n/ko.ts @@ -840,6 +840,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "사용된 JS 힙 대 힙 제한. Chromium 전용.", "debugBar.mem.tip": "사용된 JS 힙 대 힙 제한. {{limit}} 중 {{used}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "모든 대화형 요소에 포커스 스타일 강제 적용", + "debugBar.focus.on": "켬", + "debugBar.focus.off": "끔", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "선택한 언어를 변경하지 않고 전체 앱의 레이아웃 방향 강제 설정", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/nl.ts b/packages/app/src/i18n/nl.ts index ffdfdd9cfb5..7ac999c7a79 100644 --- a/packages/app/src/i18n/nl.ts +++ b/packages/app/src/i18n/nl.ts @@ -896,6 +896,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Gebruikte JS-heap versus heap-limiet. Alleen Chromium.", "debugBar.mem.tip": "Gebruikte JS-heap versus heaplimiet. {{used}} van {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Dwing focusstijlen af voor alle interactieve elementen", + "debugBar.focus.on": "AAN", + "debugBar.focus.off": "UIT", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Dwing de lay-outrichting voor de hele app af zonder de geselecteerde taal te wijzigen", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Desktop", "settings.section.server": "Server", diff --git a/packages/app/src/i18n/no.ts b/packages/app/src/i18n/no.ts index f2048f3bd88..7ff1ac5dc1d 100644 --- a/packages/app/src/i18n/no.ts +++ b/packages/app/src/i18n/no.ts @@ -1037,6 +1037,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Brukt JS-heap kontra heap-grense. Kun Chromium.", "debugBar.mem.tip": "Brukt JS-heap kontra heap-grense. {{used}} av {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Tving fokusstiler på alle interaktive elementer", + "debugBar.focus.on": "PÅ", + "debugBar.focus.off": "AV", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Tving layoutretningen for hele appen uten å endre valgt språk", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/pa.ts b/packages/app/src/i18n/pa.ts index 4c09514872d..4e0ff16f87e 100644 --- a/packages/app/src/i18n/pa.ts +++ b/packages/app/src/i18n/pa.ts @@ -893,6 +893,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "جے ایس ہیپ بمقابلہ ہیپ لیمٹ استعمال کیتا گیا۔ صرف Chromium۔", "debugBar.mem.tip": "ورتیا JS ہیپ تے ہیپ دی حد۔ {{limit}} وچوں {{used}}۔", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "سارے انٹرایکٹو عناصر اُتے فوکس سٹائل لازمی لاگو کرو", + "debugBar.focus.on": "چالو", + "debugBar.focus.off": "بند", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "چُنی ہوئی زبان نوں بدلے بغیر پوری ایپ دے لے آؤٹ دی سمت لازمی مقرر کرو", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode ڈیسک ٹاپ", "settings.section.desktop": "ڈیسک ٹاپ", "settings.section.server": "سرور", diff --git a/packages/app/src/i18n/pl.ts b/packages/app/src/i18n/pl.ts index 843a5400061..17c9fb639fb 100644 --- a/packages/app/src/i18n/pl.ts +++ b/packages/app/src/i18n/pl.ts @@ -1137,6 +1137,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Wykorzystana pamięć sterty JS względem jej limitu. Tylko Chromium.", "debugBar.mem.tip": "Wykorzystana pamięć sterty JS względem jej limitu: {{used}} z {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Wymuś style fokusu dla wszystkich elementów interaktywnych", + "debugBar.focus.on": "WŁ.", + "debugBar.focus.off": "WYŁ.", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Wymuś kierunek układu całej aplikacji bez zmiany wybranego języka", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/ru.ts b/packages/app/src/i18n/ru.ts index 5a113e100f5..6d119926148 100644 --- a/packages/app/src/i18n/ru.ts +++ b/packages/app/src/i18n/ru.ts @@ -1215,6 +1215,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Используемая куча JS по сравнению с лимитом кучи. Только Chromium.", "debugBar.mem.tip": "Используемая куча JS по сравнению с лимитом кучи. {{used}} из {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Принудительно применить стили фокуса ко всем интерактивным элементам", + "debugBar.focus.on": "ВКЛ.", + "debugBar.focus.off": "ВЫКЛ.", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Принудительно задать направление макета всего приложения, не меняя выбранный язык", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/sv.ts b/packages/app/src/i18n/sv.ts index 401c47bb492..ab5007238b6 100644 --- a/packages/app/src/i18n/sv.ts +++ b/packages/app/src/i18n/sv.ts @@ -892,6 +892,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Använd JS-heap jämfört med heapgränsen. Endast Chromium.", "debugBar.mem.tip": "Använd JS-heap jämfört med heapgränsen. {{used}} av {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Tvinga fram fokusstilar på alla interaktiva element", + "debugBar.focus.on": "PÅ", + "debugBar.focus.off": "AV", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Tvinga fram hela appens layoutriktning utan att ändra valt språk", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Skrivbord", "settings.section.server": "Server", diff --git a/packages/app/src/i18n/th.ts b/packages/app/src/i18n/th.ts index b6d5f6ff11c..e87d0db164d 100644 --- a/packages/app/src/i18n/th.ts +++ b/packages/app/src/i18n/th.ts @@ -1191,6 +1191,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "JS heap ที่ใช้เทียบกับขีดจำกัด heap เฉพาะ Chromium", "debugBar.mem.tip": "JS heap ที่ใช้เทียบกับขีดจำกัด heap {{used}} จาก {{limit}}", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "บังคับใช้สไตล์โฟกัสกับองค์ประกอบแบบโต้ตอบทั้งหมด", + "debugBar.focus.on": "เปิด", + "debugBar.focus.off": "ปิด", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "บังคับกำหนดทิศทางเค้าโครงของทั้งแอปโดยไม่เปลี่ยนภาษาที่เลือก", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/tr.ts b/packages/app/src/i18n/tr.ts index a60f7250774..d0d3a495034 100644 --- a/packages/app/src/i18n/tr.ts +++ b/packages/app/src/i18n/tr.ts @@ -1213,6 +1213,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Kullanılan JS yığınının yığın sınırına oranı. Yalnızca Chromium.", "debugBar.mem.tip": "Kullanılan JS yığınının yığın sınırına oranı: {{used}} / {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Tüm etkileşimli öğelere odak stillerini zorla uygula", + "debugBar.focus.on": "AÇIK", + "debugBar.focus.off": "KAPALI", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Seçili dili değiştirmeden tüm uygulamanın düzen yönünü zorla ayarla", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/uk.ts b/packages/app/src/i18n/uk.ts index 4a439e920e1..fdeb0b83fb9 100644 --- a/packages/app/src/i18n/uk.ts +++ b/packages/app/src/i18n/uk.ts @@ -977,6 +977,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Використана купа JS проти ліміту купи. Тільки Chromium.", "debugBar.mem.tip": "Використана купа JS проти ліміту купи. {{used}} з {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Примусово застосувати стилі фокуса до всіх інтерактивних елементів", + "debugBar.focus.on": "УВІМК.", + "debugBar.focus.off": "ВИМК.", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Примусово задати напрямок макета всієї програми, не змінюючи вибрану мову", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", diff --git a/packages/app/src/i18n/ur.ts b/packages/app/src/i18n/ur.ts index 67f13676d36..661c013ebe7 100644 --- a/packages/app/src/i18n/ur.ts +++ b/packages/app/src/i18n/ur.ts @@ -896,6 +896,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "استعمال شدہ JS ہیپ بمقابلہ ہیپ کی حد۔ صرف Chromium۔", "debugBar.mem.tip": "استعمال شدہ JS ہیپ بمقابلہ ہیپ کی حد۔ {{limit}} میں سے {{used}}۔", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "تمام تفاعلی عناصر پر فوکس اسٹائلز لازماً لاگو کریں", + "debugBar.focus.on": "چالو", + "debugBar.focus.off": "بند", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "منتخب زبان تبدیل کیے بغیر پوری ایپ کے لے آؤٹ کی سمت لازماً مقرر کریں", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode ڈیسک ٹاپ", "settings.section.desktop": "ڈیسک ٹاپ", "settings.section.server": "سرور", diff --git a/packages/app/src/i18n/vi.ts b/packages/app/src/i18n/vi.ts index e0787217d3c..1e243ba17d6 100644 --- a/packages/app/src/i18n/vi.ts +++ b/packages/app/src/i18n/vi.ts @@ -898,6 +898,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "Bộ nhớ heap JS đã dùng so với giới hạn heap. Chỉ hỗ trợ Chromium.", "debugBar.mem.tip": "Đã sử dụng JS heap so với giới hạn heap. {{used}} của {{limit}}.", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "Buộc áp dụng kiểu tiêu điểm cho mọi phần tử tương tác", + "debugBar.focus.on": "BẬT", + "debugBar.focus.off": "TẮT", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "Buộc đặt hướng bố cục cho toàn bộ ứng dụng mà không thay đổi ngôn ngữ đã chọn", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "app.name.desktop": "OpenCode Desktop", "settings.section.desktop": "Desktop", "settings.section.server": "Máy chủ", diff --git a/packages/app/src/i18n/zh.ts b/packages/app/src/i18n/zh.ts index 1a725433afb..08bda71a65e 100644 --- a/packages/app/src/i18n/zh.ts +++ b/packages/app/src/i18n/zh.ts @@ -1180,6 +1180,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "使用的 JS 堆与堆限制。仅限 Chromium。", "debugBar.mem.tip": "使用的 JS 堆与堆限制。{{used}} / {{limit}}。", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "强制所有交互元素显示焦点样式", + "debugBar.focus.on": "开", + "debugBar.focus.off": "关", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "在不更改所选语言的情况下，强制设置整个应用的布局方向", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/app/src/i18n/zht.ts b/packages/app/src/i18n/zht.ts index b1b85acd244..78a452070a7 100644 --- a/packages/app/src/i18n/zht.ts +++ b/packages/app/src/i18n/zht.ts @@ -1176,6 +1176,14 @@ export const dict = { "debugBar.mem.label": "MEM", "debugBar.mem.tipUnavailable": "使用的 JS 堆積與堆積限制。僅限 Chromium。", "debugBar.mem.tip": "使用的 JS 堆積與堆積限制。{{used}} / {{limit}}。", + "debugBar.focus.label": "FOCUS", + "debugBar.focus.tip": "強制所有互動元素顯示焦點樣式", + "debugBar.focus.on": "開啟", + "debugBar.focus.off": "關閉", + "debugBar.direction.label": "DIR", + "debugBar.direction.tip": "在不變更所選語言的情況下，強制設定整個應用程式的版面配置方向", + "debugBar.direction.ltr": "LTR", + "debugBar.direction.rtl": "RTL", "common.key.ctrl": "Ctrl", "common.key.alt": "Alt", "common.key.shift": "Shift", diff --git a/packages/ui/src/context/i18n.tsx b/packages/ui/src/context/i18n.tsx index e6b76ae2ec1..be7a4d4f1e9 100644 --- a/packages/ui/src/context/i18n.tsx +++ b/packages/ui/src/context/i18n.tsx @@ -18,6 +18,7 @@ export type UiI18nParams = Record export type UiI18n = { locale: Accessor + layoutLocale?: Accessor t: (key: UiI18nKey, params?: UiI18nParams) => string plural: (key: UiI18nPluralKey, count: number, params?: UiI18nParams) => string } @@ -60,7 +61,7 @@ const Context = createContext(fallback) function UiI18nProvider(props: ParentProps<{ value: UiI18n }>) { return ( - + {props.children} )