wip(app): i18n

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

@@ -3,10 +3,22 @@ import { createSortable } from "@thisbeyond/solid-dnd"
 import { IconButton } from "@opencode-ai/ui/icon-button"
 import { Tabs } from "@opencode-ai/ui/tabs"
 import { useTerminal, type LocalPTY } from "@/context/terminal"
+import { useLanguage } from "@/context/language"
 
 export function SortableTerminalTab(props: { terminal: LocalPTY }): JSX.Element {
   const terminal = useTerminal()
+  const language = useLanguage()
   const sortable = createSortable(props.terminal.id)
+
+  const label = () => {
+    language.locale()
+    const number = props.terminal.titleNumber
+    if (Number.isFinite(number) && number > 0) {
+      return language.t("terminal.title.numbered", { number })
+    }
+    if (props.terminal.title) return props.terminal.title
+    return language.t("terminal.title")
+  }
   return (
     // @ts-ignore
     <div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}>
@@ -19,7 +31,7 @@ export function SortableTerminalTab(props: { terminal: LocalPTY }): JSX.Element
             )
           }
         >
-          {props.terminal.title}
+          {label()}
         </Tabs.Trigger>
       </div>
     </div>

packages/app/src/context/terminal.tsx

@@ -1,6 +1,6 @@
 import { createStore, produce } from "solid-js/store"
 import { createSimpleContext } from "@opencode-ai/ui/context"
-import { batch, createMemo, createRoot, onCleanup } from "solid-js"
+import { batch, createEffect, createMemo, createRoot, onCleanup } from "solid-js"
 import { useParams } from "@solidjs/router"
 import { useSDK } from "./sdk"
 import { Persist, persisted } from "@/utils/persist"
@@ -28,6 +28,14 @@ type TerminalCacheEntry = {
 function createTerminalSession(sdk: ReturnType<typeof useSDK>, dir: string, session?: string) {
   const legacy = session ? [`${dir}/terminal/${session}.v1`, `${dir}/terminal.v1`] : [`${dir}/terminal.v1`]
 
+  const numberFromTitle = (title: string) => {
+    const match = title.match(/^Terminal (\d+)$/)
+    if (!match) return
+    const value = Number(match[1])
+    if (!Number.isFinite(value) || value <= 0) return
+    return value
+  }
+
   const [store, setStore, _, ready] = persisted(
     Persist.workspace(dir, "terminal", legacy),
     createStore<{
@@ -54,24 +62,36 @@ function createTerminalSession(sdk: ReturnType<typeof useSDK>, dir: string, sess
   })
   onCleanup(unsub)
 
+  const meta = { migrated: false }
+
+  createEffect(() => {
+    if (!ready()) return
+    if (meta.migrated) return
+    meta.migrated = true
+
+    setStore("all", (all) => {
+      const next = all.map((pty) => {
+        const direct = Number.isFinite(pty.titleNumber) && pty.titleNumber > 0 ? pty.titleNumber : undefined
+        if (direct !== undefined) return pty
+        const parsed = numberFromTitle(pty.title)
+        if (parsed === undefined) return pty
+        return { ...pty, titleNumber: parsed }
+      })
+      if (next.every((pty, index) => pty === all[index])) return all
+      return next
+    })
+  })
+
   return {
     ready,
     all: createMemo(() => Object.values(store.all)),
     active: createMemo(() => store.active),
     new() {
-      const parse = (title: string) => {
-        const match = title.match(/^Terminal (\d+)$/)
-        if (!match) return
-        const value = Number(match[1])
-        if (!Number.isFinite(value) || value <= 0) return
-        return value
-      }
-
       const existingTitleNumbers = new Set(
         store.all.flatMap((pty) => {
           const direct = Number.isFinite(pty.titleNumber) && pty.titleNumber > 0 ? pty.titleNumber : undefined
           if (direct !== undefined) return [direct]
-          const parsed = parse(pty.title)
+          const parsed = numberFromTitle(pty.title)
           if (parsed === undefined) return []
           return [parsed]
         }),

packages/app/src/i18n/en.ts

@@ -384,6 +384,8 @@ export const dict = {
 
   "prompt.loading": "Loading prompt...",
   "terminal.loading": "Loading terminal...",
+  "terminal.title": "Terminal",
+  "terminal.title.numbered": "Terminal {{number}}",
 
   "common.closeTab": "Close tab",
   "common.dismiss": "Dismiss",

packages/app/src/i18n/zh.ts

@@ -381,6 +381,8 @@ export const dict = {
 
   "prompt.loading": "正在加载提示...",
   "terminal.loading": "正在加载终端...",
+  "terminal.title": "终端",
+  "terminal.title.numbered": "终端 {{number}}",
 
   "common.closeTab": "关闭标签页",
   "common.dismiss": "忽略",

packages/app/src/pages/session.tsx

@@ -1172,7 +1172,18 @@ export default function Page() {
 
   createEffect(() => {
     if (!terminal.ready()) return
-    handoff.terminals = terminal.all().map((t) => t.title)
+    language.locale()
+
+    const label = (pty: LocalPTY) => {
+      const number = pty.titleNumber
+      if (Number.isFinite(number) && number > 0) {
+        return language.t("terminal.title.numbered", { number })
+      }
+      if (pty.title) return pty.title
+      return language.t("terminal.title")
+    }
+
+    handoff.terminals = terminal.all().map(label)
   })
 
   createEffect(() => {
@@ -1906,7 +1917,14 @@ export default function Page() {
                       <Show when={pty()}>
                         {(t) => (
                           <div class="relative p-1 h-10 flex items-center bg-background-stronger text-14-regular">
-                            {t().title}
+                            {(() => {
+                              const number = t().titleNumber
+                              if (Number.isFinite(number) && number > 0) {
+                                return language.t("terminal.title.numbered", { number })
+                              }
+                              if (t().title) return t().title
+                              return language.t("terminal.title")
+                            })()}
                           </div>
                         )}
                       </Show>