fix(app): a11y translations

Author: adamdotdevin

packages/app/src/components/dialog-connect-provider.tsx

@@ -144,7 +144,15 @@ export function DialogConnectProvider(props: { provider: string }) {
 
   return (
     <Dialog
-      title={<IconButton tabIndex={-1} icon="arrow-left" variant="ghost" onClick={goBack} aria-label="Go back" />}
+      title={
+        <IconButton
+          tabIndex={-1}
+          icon="arrow-left"
+          variant="ghost"
+          onClick={goBack}
+          aria-label={language.t("common.goBack")}
+        />
+      }
     >
       <div class="flex flex-col gap-6 px-2.5 pb-3">
         <div class="px-2.5 flex gap-4 items-center">

packages/app/src/components/dialog-edit-project.tsx

@@ -193,7 +193,7 @@ export function DialogEditProject(props: { project: LocalProject }) {
                   {(color) => (
                     <button
                       type="button"
-                      aria-label={`Select ${color} color`}
+                      aria-label={language.t("dialog.project.edit.color.select", { color })}
                       aria-pressed={store.color === color}
                       classList={{
                         "flex items-center justify-center size-10 p-0.5 rounded-lg overflow-hidden transition-colors cursor-default": true,

packages/app/src/components/dialog-select-server.tsx

@@ -158,7 +158,7 @@ export function DialogSelectServer() {
                   icon="circle-x"
                   variant="ghost"
                   class="bg-transparent transition-opacity shrink-0 hover:scale-110"
-                  aria-label="Remove server"
+                  aria-label={language.t("dialog.server.action.remove")}
                   onClick={(e) => {
                     e.stopPropagation()
                     handleRemove(i)

packages/app/src/components/prompt-input.tsx

@@ -1487,7 +1487,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                     variant="ghost"
                     class="h-6 w-6"
                     onClick={() => prompt.context.removeActive()}
-                    aria-label="Remove active file from context"
+                    aria-label={language.t("prompt.context.removeActiveFile")}
                   />
                 </div>
               )}
@@ -1525,7 +1525,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                     variant="ghost"
                     class="h-6 w-6"
                     onClick={() => prompt.context.remove(item.key)}
-                    aria-label="Remove file from context"
+                    aria-label={language.t("prompt.context.removeFile")}
                   />
                 </div>
               )}
@@ -1558,7 +1558,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                     type="button"
                     onClick={() => removeImageAttachment(attachment.id)}
                     class="absolute -top-1.5 -right-1.5 size-5 rounded-full bg-surface-raised-stronger-non-alpha border border-border-base flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-surface-raised-base-hover"
-                    aria-label="Remove attachment"
+                    aria-label={language.t("prompt.attachment.remove")}
                   >
                     <Icon name="close" class="size-3 text-text-weak" />
                   </button>
@@ -1691,7 +1691,11 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                         "text-text-base": !permission.isAutoAccepting(params.id!, sdk.directory),
                         "hover:bg-surface-success-base": permission.isAutoAccepting(params.id!, sdk.directory),
                       }}
-                      aria-label="Toggle auto-accept permissions"
+                      aria-label={
+                        permission.isAutoAccepting(params.id!, sdk.directory)
+                          ? language.t("command.permissions.autoaccept.disable")
+                          : language.t("command.permissions.autoaccept.enable")
+                      }
                       aria-pressed={permission.isAutoAccepting(params.id!, sdk.directory)}
                     >
                       <Icon
@@ -1726,7 +1730,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                     variant="ghost"
                     class="size-6"
                     onClick={() => fileInputRef.click()}
-                    aria-label="Attach file"
+                    aria-label={language.t("prompt.action.attachFile")}
                   >
                     <Icon name="photo" class="size-4.5" />
                   </Button>
@@ -1759,7 +1763,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                 icon={working() ? "stop" : "arrow-up"}
                 variant="primary"
                 class="h-6 w-4.5"
-                aria-label={working() ? "Stop" : "Send message"}
+                aria-label={working() ? language.t("prompt.action.stop") : language.t("prompt.action.send")}
               />
             </Tooltip>
           </div>

packages/app/src/components/session-context-usage.tsx

@@ -96,7 +96,13 @@ export function SessionContextUsage(props: SessionContextUsageProps) {
         <Switch>
           <Match when={variant() === "indicator"}>{circle()}</Match>
           <Match when={true}>
-            <Button type="button" variant="ghost" class="size-6" onClick={openContext} aria-label="View context usage">
+            <Button
+              type="button"
+              variant="ghost"
+              class="size-6"
+              onClick={openContext}
+              aria-label={language.t("context.usage.view")}
+            >
               {circle()}
             </Button>
           </Match>

packages/app/src/components/session/session-header.tsx

@@ -48,6 +48,7 @@ export function SessionHeader() {
   const currentSession = createMemo(() => sync.data.session.find((s) => s.id === params.id))
   const shareEnabled = createMemo(() => sync.data.config.share !== "disabled")
   const showShare = createMemo(() => shareEnabled() && !!currentSession())
+  const showReview = createMemo(() => !!currentSession())
   const sessionKey = createMemo(() => `${params.dir}${params.id ? "/" + params.id : ""}`)
   const view = createMemo(() => layout.view(sessionKey()))
 
@@ -135,7 +136,7 @@ export function SessionHeader() {
               type="button"
               class="hidden md:flex w-[320px] p-1 pl-1.5 items-center gap-2 justify-between rounded-md border border-border-weak-base bg-surface-raised-base transition-colors cursor-default hover:bg-surface-raised-base-hover focus:bg-surface-raised-base-hover active:bg-surface-raised-base-active"
               onClick={() => command.trigger("file.open")}
-              aria-label="Search files"
+              aria-label={language.t("session.header.searchFiles")}
             >
               <div class="flex min-w-0 flex-1 items-center gap-2 overflow-visible">
                 <Icon name="magnifying-glass" size="normal" class="icon-base shrink-0" />
@@ -185,7 +186,7 @@ export function SessionHeader() {
                       variant="ghost"
                       class="group/review-toggle size-6 p-0"
                       onClick={() => view().reviewPanel.toggle()}
-                      aria-label="Toggle review panel"
+                      aria-label={language.t("command.review.toggle")}
                       aria-expanded={view().reviewPanel.opened()}
                       aria-controls="review-panel"
                       tabIndex={showReview() ? 0 : -1}
@@ -219,7 +220,7 @@ export function SessionHeader() {
                     variant="ghost"
                     class="group/terminal-toggle size-6 p-0"
                     onClick={() => view().terminal.toggle()}
-                    aria-label="Toggle terminal"
+                    aria-label={language.t("command.terminal.toggle")}
                     aria-expanded={view().terminal.opened()}
                     aria-controls="terminal-panel"
                   >
@@ -323,7 +324,11 @@ export function SessionHeader() {
                         class="rounded-l-none"
                         onClick={copyLink}
                         disabled={state.unshare}
-                        aria-label="Copy share link"
+                        aria-label={
+                          state.copied
+                            ? language.t("session.share.copy.copied")
+                            : language.t("session.share.copy.copyLink")
+                        }
                       />
                     </Tooltip>
                   </Show>

packages/app/src/components/session/session-sortable-tab.tsx

@@ -41,7 +41,7 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v
                 icon="close"
                 variant="ghost"
                 onClick={() => props.onTabClose(props.tab)}
-                aria-label="Close tab"
+                aria-label={language.t("common.closeTab")}
               />
             </Tooltip>
           }

packages/app/src/components/session/session-sortable-terminal-tab.tsx

@@ -139,7 +139,7 @@ export function SortableTerminalTab(props: { terminal: LocalPTY; onClose?: () =>
                 e.stopPropagation()
                 close()
               }}
-              aria-label="Close terminal"
+              aria-label={language.t("terminal.close")}
             />
           }
         >

packages/app/src/i18n/ar.ts

@@ -153,6 +153,7 @@ export const dict = {
   "model.tooltip.context": "حد السياق {{limit}}",
 
   "common.search.placeholder": "بحث",
+  "common.goBack": "رجوع",
   "common.loading": "جارٍ التحميل",
   "common.loading.ellipsis": "...",
   "common.cancel": "إلغاء",
@@ -199,7 +200,10 @@ export const dict = {
   "prompt.slash.badge.custom": "مخصص",
   "prompt.context.active": "نشط",
   "prompt.context.includeActiveFile": "تضمين الملف النشط",
+  "prompt.context.removeActiveFile": "إزالة الملف النشط من السياق",
+  "prompt.context.removeFile": "إزالة الملف من السياق",
   "prompt.action.attachFile": "إرفاق ملف",
+  "prompt.attachment.remove": "إزالة المرفق",
   "prompt.action.send": "إرسال",
   "prompt.action.stop": "توقف",
 
@@ -243,6 +247,7 @@ export const dict = {
   "dialog.server.default.none": "لم يتم تحديد خادم",
   "dialog.server.default.set": "تعيين الخادم الحالي كافتراضي",
   "dialog.server.default.clear": "مسح",
+  "dialog.server.action.remove": "إزالة الخادم",
 
   "dialog.project.edit.title": "تحرير المشروع",
   "dialog.project.edit.name": "الاسم",
@@ -251,6 +256,7 @@ export const dict = {
   "dialog.project.edit.icon.hint": "انقر أو اسحب صورة",
   "dialog.project.edit.icon.recommended": "موصى به: 128x128px",
   "dialog.project.edit.color": "لون",
+  "dialog.project.edit.color.select": "اختر لون {{color}}",
 
   "context.breakdown.title": "تفصيل السياق",
   "context.breakdown.note": 'تفصيل تقريبي لرموز الإدخال. يشمل "أخرى" تعريفات الأدوات والنفقات العامة.',
@@ -284,6 +290,7 @@ export const dict = {
   "context.usage.usage": "استخدام",
   "context.usage.cost": "تكلفة",
   "context.usage.clickToView": "انقر لعرض السياق",
+  "context.usage.view": "عرض استخدام السياق",
 
   "language.en": "الإنجليزية",
   "language.zh": "الصينية (المبسطة)",
@@ -385,6 +392,7 @@ export const dict = {
   "session.tab.session": "جلسة",
   "session.tab.review": "مراجعة",
   "session.tab.context": "سياق",
+  "session.panel.reviewAndFiles": "المراجعة والملفات",
   "session.review.filesChanged": "تم تغيير {{count}} ملفات",
   "session.review.loadingChanges": "جارٍ تحميل التغييرات...",
   "session.review.empty": "لا توجد تغييرات في هذه الجلسة بعد",
@@ -402,6 +410,7 @@ export const dict = {
   "session.new.lastModified": "آخر تعديل",
 
   "session.header.search.placeholder": "بحث {{project}}",
+  "session.header.searchFiles": "بحث عن الملفات",
 
   "session.share.popover.title": "نشر على الويب",
   "session.share.popover.description.shared": "هذه الجلسة عامة على الويب. يمكن لأي شخص لديه الرابط الوصول إليها.",
@@ -422,6 +431,7 @@ export const dict = {
   "terminal.loading": "جارٍ تحميل المحطة الطرفية...",
   "terminal.title": "محطة طرفية",
   "terminal.title.numbered": "محطة طرفية {{number}}",
+  "terminal.close": "إغلاق المحطة الطرفية",
   "terminal.connectionLost.title": "فقد الاتصال",
   "terminal.connectionLost.description": "انقطع اتصال المحطة الطرفية. يمكن أن يحدث هذا عند إعادة تشغيل الخادم.",
 
@@ -439,6 +449,7 @@ export const dict = {
   "common.key.esc": "ESC",
 
   "sidebar.menu.toggle": "تبديل القائمة",
+  "sidebar.nav.projectsAndSessions": "المشاريع والجلسات",
   "sidebar.settings": "الإعدادات",
   "sidebar.help": "مساعدة",
   "sidebar.workspaces.enable": "تمكين مساحات العمل",

packages/app/src/i18n/da.ts

@@ -136,6 +136,7 @@ export const dict = {
   "model.tag.latest": "Nyeste",
 
   "common.search.placeholder": "Søg",
+  "common.goBack": "Gå tilbage",
   "common.loading": "Indlæser",
   "common.cancel": "Annuller",
   "common.submit": "Indsend",
@@ -181,7 +182,10 @@ export const dict = {
   "prompt.slash.badge.custom": "brugerdefineret",
   "prompt.context.active": "aktiv",
   "prompt.context.includeActiveFile": "Inkluder aktiv fil",
+  "prompt.context.removeActiveFile": "Fjern aktiv fil fra kontekst",
+  "prompt.context.removeFile": "Fjern fil fra kontekst",
   "prompt.action.attachFile": "Vedhæft fil",
+  "prompt.attachment.remove": "Fjern vedhæftning",
   "prompt.action.send": "Send",
   "prompt.action.stop": "Stop",
 
@@ -225,6 +229,7 @@ export const dict = {
   "dialog.server.default.none": "Ingen server valgt",
   "dialog.server.default.set": "Sæt nuværende server som standard",
   "dialog.server.default.clear": "Ryd",
+  "dialog.server.action.remove": "Fjern server",
 
   "dialog.project.edit.title": "Rediger projekt",
   "dialog.project.edit.name": "Navn",
@@ -233,6 +238,7 @@ export const dict = {
   "dialog.project.edit.icon.hint": "Klik eller træk et billede",
   "dialog.project.edit.icon.recommended": "Anbefalet: 128x128px",
   "dialog.project.edit.color": "Farve",
+  "dialog.project.edit.color.select": "Vælg farven {{color}}",
 
   "context.breakdown.title": "Kontekstfordeling",
   "context.breakdown.note":
@@ -267,6 +273,7 @@ export const dict = {
   "context.usage.usage": "Forbrug",
   "context.usage.cost": "Omkostning",
   "context.usage.clickToView": "Klik for at se kontekst",
+  "context.usage.view": "Se kontekstforbrug",
 
   "language.en": "Engelsk",
   "language.zh": "Kinesisk (forenklet)",
@@ -369,6 +376,7 @@ export const dict = {
   "session.tab.session": "Session",
   "session.tab.review": "Gennemgang",
   "session.tab.context": "Kontekst",
+  "session.panel.reviewAndFiles": "Gennemgang og filer",
   "session.review.filesChanged": "{{count}} Filer ændret",
   "session.review.loadingChanges": "Indlæser ændringer...",
   "session.review.empty": "Ingen ændringer i denne session endnu",
@@ -385,6 +393,7 @@ export const dict = {
   "session.new.lastModified": "Sidst ændret",
 
   "session.header.search.placeholder": "Søg {{project}}",
+  "session.header.searchFiles": "Søg efter filer",
 
   "session.share.popover.title": "Udgiv på nettet",
   "session.share.popover.description.shared":
@@ -407,6 +416,7 @@ export const dict = {
   "terminal.loading": "Indlæser terminal...",
   "terminal.title": "Terminal",
   "terminal.title.numbered": "Terminal {{number}}",
+  "terminal.close": "Luk terminal",
 
   "common.closeTab": "Luk fane",
   "common.dismiss": "Afvis",
@@ -420,6 +430,7 @@ export const dict = {
   "common.edit": "Rediger",
   "common.loadMore": "Indlæs flere",
 
+  "sidebar.nav.projectsAndSessions": "Projekter og sessioner",
   "sidebar.settings": "Indstillinger",
   "sidebar.help": "Hjælp",
   "sidebar.workspaces.enable": "Aktiver arbejdsområder",