From 371d9ce515437d862348ba27a87679ba907471b3 Mon Sep 17 00:00:00 2001
From: mcocdaa <2021137961@qq.com>
Date: Sat, 17 Oct 2026 10:29:47 +0200
Subject: [PATCH] fix(client-ui): localize all remaining hardcoded Chinese
 strings across views, components, and composables

---
 .../components/agent/AgentApprovalPanel.vue   |   2 +-
 .../src/components/agent/AgentChatSession.vue |   6 +-
 .../src/components/agent/AgentComposer.vue    |   2 +-
 .../src/components/agent/AgentMessageList.vue |  16 +-
 .../agent/AgentSensitiveReauthDialog.vue      |  24 +-
 .../src/components/agent/AgentSetupForm.vue   |   8 +-
 .../components/agent/TerminalAgentPanel.vue   |   9 +-
 .../components/computers/EnrollmentDialog.vue |   6 +-
 .../settings/AuthorizedClientsPanel.vue       |   4 +-
 .../src/components/terminal/MobileKeyBar.vue  |  10 +-
 .../components/terminal/TerminalTitlebar.vue  |   5 +-
 .../components/terminal/TmuxActionMenu.vue    |   4 +-
 .../components/terminal/TmuxControls.test.ts  |  15 ++
 .../src/composables/useAgentApprovals.ts      |  15 +-
 .../src/composables/useAgentConversation.ts   |   7 +-
 .../src/composables/useAgentConversations.ts  |  17 +-
 .../client-ui/src/composables/useDashboard.ts |   3 +-
 .../useDeviceAuthorizationApproval.ts         |  11 +-
 .../client-ui/src/composables/useTermAgent.ts |  39 +--
 .../src/composables/useTerminalSession.ts     |  22 +-
 packages/client-ui/src/i18n/index.ts          | 222 +++++++++++++++++-
 packages/client-ui/src/terminal/actions.ts    |  42 +++-
 .../client-ui/src/views/AgentPreviewView.vue  |  36 +--
 .../src/views/DeviceAuthorizeView.test.ts     |  18 ++
 .../src/views/DeviceAuthorizeView.vue         |  32 +--
 .../src/views/NativeAuthorizeView.vue         |  28 ++-
 packages/client-ui/src/views/TerminalView.vue |   2 +-
 27 files changed, 446 insertions(+), 159 deletions(-)

diff --git a/packages/client-ui/src/components/agent/AgentApprovalPanel.vue b/packages/client-ui/src/components/agent/AgentApprovalPanel.vue
index 60546445..cdedb4f0 100644
--- a/packages/client-ui/src/components/agent/AgentApprovalPanel.vue
+++ b/packages/client-ui/src/components/agent/AgentApprovalPanel.vue
@@ -204,7 +204,7 @@ function countdown(expiresAt: string): string {
   const parsed = parseTimestamp(expiresAt)
   const remaining = parsed - nowMs.value
   if (!Number.isFinite(remaining)) return '—'
-  if (remaining <= 0) return '已过期'
+  if (remaining <= 0) return t('agent.approval.state.expired')
   const total = Math.floor(remaining / 1_000)
   const minutes = Math.floor(total / 60)
   const seconds = total % 60
diff --git a/packages/client-ui/src/components/agent/AgentChatSession.vue b/packages/client-ui/src/components/agent/AgentChatSession.vue
index d833f9d5..715ebdb6 100644
--- a/packages/client-ui/src/components/agent/AgentChatSession.vue
+++ b/packages/client-ui/src/components/agent/AgentChatSession.vue
@@ -197,7 +197,7 @@ async function removeConversation() {
     await runtime.api.agents.deleteConversation(props.conversationId)
     await router.push('/agent')
   } catch (error) {
-    toast.show({ text: error instanceof Error ? error.message : '删除失败，请稍后重试。', tone: 'error' })
+    toast.show({ text: error instanceof Error ? error.message : t('agent.chat.deleteError'), tone: 'error' })
   } finally {
     deletePending.value = false
     deleteConfirm.value = false
@@ -211,7 +211,7 @@ async function changePolicy(policy: 'manual' | 'auto') {
     policyConfirm.value = false
     await loadDetail()
   } catch (error) {
-    toast.show({ text: error instanceof Error ? error.message : '无法更新审批方式。', tone: 'error' })
+    toast.show({ text: error instanceof Error ? error.message : t('agent.chat.policyUpdateError'), tone: 'error' })
   } finally {
     policyPending.value = false
   }
@@ -284,7 +284,7 @@ async function cancelRun() {
       }
       conversation.history.value = { ...base, runs }
     } else {
-      toast.show({ text: error instanceof Error ? error.message : '取消失败，请稍后重试。', tone: 'error' })
+      toast.show({ text: error instanceof Error ? error.message : t('agent.chat.cancelError'), tone: 'error' })
     }
   } finally {
     canceling.value = false
diff --git a/packages/client-ui/src/components/agent/AgentComposer.vue b/packages/client-ui/src/components/agent/AgentComposer.vue
index f798c2ae..915fa7da 100644
--- a/packages/client-ui/src/components/agent/AgentComposer.vue
+++ b/packages/client-ui/src/components/agent/AgentComposer.vue
@@ -137,7 +137,7 @@ function isRuntimeUnavailableError(error: unknown): boolean {
 }
 
 function errorMessage(error: unknown): string {
-  return error instanceof Error ? error.message : '操作失败，请稍后重试。'
+  return error instanceof Error ? error.message : t('common.actionFailed')
 }
 
 const normalizedText = computed(() => normalizePlainText(text.value))
diff --git a/packages/client-ui/src/components/agent/AgentMessageList.vue b/packages/client-ui/src/components/agent/AgentMessageList.vue
index a61a2587..628baa46 100644
--- a/packages/client-ui/src/components/agent/AgentMessageList.vue
+++ b/packages/client-ui/src/components/agent/AgentMessageList.vue
@@ -125,7 +125,7 @@ onMounted(scrollToBottom)
 watch(
   () => props.history,
   (next) => {
-    statusText.value = deriveAnnouncements(previousHistory, next).join('；')
+    statusText.value = deriveAnnouncements(previousHistory, next).join(t('agent.chat.announce.separator'))
     previousHistory = next
     if (stickToBottom) void nextTick(scrollToBottom)
   },
@@ -144,20 +144,20 @@ function deriveAnnouncements(previous: AgentHistoryState | null, next: AgentHist
   const out: string[] = []
   for (const [id, call] of next.toolCalls) {
     const before = previous.toolCalls.get(id)
-    const label = call.toolName === '' ? '调用' : call.toolName
-    if (call.status === 'completed' && (before === undefined || before.status === 'running')) out.push(`工具 ${label} 已完成`)
-    else if (call.status === 'failed' && (before === undefined || before.status === 'running')) out.push(`工具 ${label} 执行失败`)
+    const label = call.toolName === '' ? t('agent.chat.defaultToolLabel') : call.toolName
+    if (call.status === 'completed' && (before === undefined || before.status === 'running')) out.push(t('agent.chat.announce.toolCompleted', { label }))
+    else if (call.status === 'failed' && (before === undefined || before.status === 'running')) out.push(t('agent.chat.announce.toolFailed', { label }))
   }
   for (const [id, run] of next.runs) {
     const before = previous.runs.get(id)
-    if (run.status === 'finished' && (before === undefined || before.status === 'active')) out.push('运行已完成')
-    else if (run.status === 'error' && (before === undefined || before.status === 'active')) out.push('运行出错')
+    if (run.status === 'finished' && (before === undefined || before.status === 'active')) out.push(t('agent.chat.announce.runFinished'))
+    else if (run.status === 'error' && (before === undefined || before.status === 'active')) out.push(t('agent.chat.announce.runError'))
   }
   for (const [id, permission] of next.permissions) {
-    if (permission.state === 'pending' && !previous.permissions.has(id)) out.push('收到新的审批请求')
+    if (permission.state === 'pending' && !previous.permissions.has(id)) out.push(t('agent.chat.announce.newApproval'))
   }
   const state = next.backend.state
-  if (state !== null && state !== previous.backend.state) out.push(`后端状态：${state}`)
+  if (state !== null && state !== previous.backend.state) out.push(t('agent.chat.announce.backendState', { state }))
   return out
 }
 </script>
diff --git a/packages/client-ui/src/components/agent/AgentSensitiveReauthDialog.vue b/packages/client-ui/src/components/agent/AgentSensitiveReauthDialog.vue
index 449285b0..3d92a432 100644
--- a/packages/client-ui/src/components/agent/AgentSensitiveReauthDialog.vue
+++ b/packages/client-ui/src/components/agent/AgentSensitiveReauthDialog.vue
@@ -1,37 +1,37 @@
 <template>
   <div v-if="authorization.open.value" class="dialog-backdrop">
-    <section ref="panel" role="dialog" aria-modal="true" aria-label="重新验证身份" class="dialog-panel agent-reauth-dialog" @keydown="onKeydown">
+    <section ref="panel" role="dialog" aria-modal="true" :aria-label="t('agent.reauth.title')" class="dialog-panel agent-reauth-dialog" @keydown="onKeydown">
       <header>
         <div>
           <p class="eyebrow">Security Check</p>
-          <h2>重新验证身份</h2>
+          <h2>{{ t('agent.reauth.title') }}</h2>
         </div>
-        <button type="button" class="icon-button icon-only" aria-label="关闭" data-action="close-reauth-dialog" @click="cancel">
+        <button type="button" class="icon-button icon-only" :aria-label="t('common.close')" data-action="close-reauth-dialog" @click="cancel">
           <X :size="18" aria-hidden="true" />
         </button>
       </header>
       <p class="agent-reauth-dialog__hint">
         <ShieldCheck :size="16" aria-hidden="true" />
-        <span v-if="native">请在系统浏览器中完成身份验证。</span>
-        <span v-else>为保护终端安全，执行敏感操作前需要重新验证管理员身份。验证通过后本次操作会自动继续。</span>
+        <span v-if="native">{{ t('agent.reauth.nativeHint') }}</span>
+        <span v-else>{{ t('agent.reauth.webHint') }}</span>
       </p>
       <form v-if="!native" class="security-form" @submit.prevent="submit">
         <template v-if="!challenge">
-          <label for="reauth-root-credential">Root 凭据</label>
+          <label for="reauth-root-credential">{{ t('agent.reauth.rootCredential') }}</label>
           <input id="reauth-root-credential" ref="credentialInput" v-model="credential" name="root_credential" type="password" autocomplete="off" required />
         </template>
         <template v-else>
-          <label for="reauth-totp">动态验证码</label>
+          <label for="reauth-totp">{{ t('agent.reauth.totp') }}</label>
           <input id="reauth-totp" v-model="totp" name="totp" inputmode="numeric" autocomplete="one-time-code" required />
         </template>
         <p v-if="error" class="form-error" role="alert">{{ error }}</p>
         <div class="dialog-actions">
-          <button ref="cancelButton" type="button" class="secondary-button" :disabled="busy" @click="cancel">取消</button>
-          <button type="submit" class="primary-button" :disabled="busy">{{ busy ? '正在验证…' : '验证' }}</button>
+          <button ref="cancelButton" type="button" class="secondary-button" :disabled="busy" @click="cancel">{{ t('common.cancel') }}</button>
+          <button type="submit" class="primary-button" :disabled="busy">{{ busy ? t('settings.totp.verifying') : t('agent.reauth.verify') }}</button>
         </div>
       </form>
       <div v-else class="dialog-actions">
-        <button ref="cancelButton" type="button" class="secondary-button" @click="cancel">取消</button>
+        <button ref="cancelButton" type="button" class="secondary-button" @click="cancel">{{ t('common.cancel') }}</button>
       </div>
     </section>
   </div>
@@ -39,8 +39,10 @@
 <script setup lang="ts">
 import { ShieldCheck, X } from '@lucide/vue'
 import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+import { useI18n } from '../../i18n'
 import { useClientRuntime } from '../../runtime'
 import { useSensitiveAuthorization } from '../../composables/useSensitiveAuthorization'
+const { t } = useI18n()
 const runtime = useClientRuntime()
 const authorization = useSensitiveAuthorization()
 const native = computed(() => runtime.sensitiveAuthorization.mode === 'native-oauth')
@@ -66,7 +68,7 @@ async function submit() {
     if (signal.aborted) return
     if ('status' in result) { challenge.value = result.challenge_id; await nextTick(); panel.value?.querySelector<HTMLInputElement>('input')?.focus() }
     else if (result.authenticated) { challenge.value = null; authorization.finish(true) }
-  } catch { if (!signal.aborted) error.value = '验证失败，请重试。' }
+  } catch { if (!signal.aborted) error.value = t('agent.reauth.failed') }
   finally { credential.value = ''; totp.value = ''; busy.value = false }
 }
 function onKeydown(event: KeyboardEvent) {
diff --git a/packages/client-ui/src/components/agent/AgentSetupForm.vue b/packages/client-ui/src/components/agent/AgentSetupForm.vue
index 401a2375..18c1e207 100644
--- a/packages/client-ui/src/components/agent/AgentSetupForm.vue
+++ b/packages/client-ui/src/components/agent/AgentSetupForm.vue
@@ -35,8 +35,8 @@ const panesTouched = ref(false)
 const introHelp = computed(() => {
   const disclosure = props.setup.disclosure
   return disclosure === null
-    ? '部署尚未配置模型提供方，请联系管理员完成部署。'
-    : `Agent 使用部署配置的模型 ${disclosure.provider_id} · ${disclosure.model_id} 读取授权窗格的内容；写入命令时仍会逐一弹审批。`
+    ? t('agent.setup.noProviderHelp')
+    : t('agent.setup.providerHelp', { provider: disclosure.provider_id, model: disclosure.model_id })
 })
 watch(() => props.panes.map((pane) => pane.pane_id).join(','), () => {
   if (panesTouched.value) return
@@ -50,8 +50,8 @@ function submit() {
   localError.value = ''
   const disclosure = props.setup.disclosure
   if (props.busy) return
-  if (!paneIds.value.length || paneIds.value.some((id) => !props.panes.some((pane) => pane.pane_id === id))) { localError.value = '请至少选择一个当前窗格。'; return }
-  if (disclosure === null || props.setup.topology_revision === null) { localError.value = '提供方配置暂不可用，请管理员完成部署。'; return }
+  if (!paneIds.value.length || paneIds.value.some((id) => !props.panes.some((pane) => pane.pane_id === id))) { localError.value = t('agent.setup.selectPaneError'); return }
+  if (disclosure === null || props.setup.topology_revision === null) { localError.value = t('agent.setup.providerUnavailableError'); return }
   const common = { paneIds: [...paneIds.value], topologyRevision: props.setup.topology_revision, disclosureFingerprint: disclosure.disclosure_fingerprint, accepted: true as const }
   const matching = props.profiles.find((profile) => profile.provider_id === disclosure.provider_id && profile.model_id === disclosure.model_id)
   emit('submit', matching
diff --git a/packages/client-ui/src/components/agent/TerminalAgentPanel.vue b/packages/client-ui/src/components/agent/TerminalAgentPanel.vue
index 911d719c..817cb0fd 100644
--- a/packages/client-ui/src/components/agent/TerminalAgentPanel.vue
+++ b/packages/client-ui/src/components/agent/TerminalAgentPanel.vue
@@ -237,7 +237,7 @@
         class="terminal-agent-resize-handle"
         :class="`terminal-agent-resize-handle--${edge}`"
         :data-agent-resize-handle="edge"
-        :aria-label="`调整 Agent 面板大小（${resizeLabels[edge]}）`"
+        :aria-label="t('agent.panel.resizeAria', { edge: t(`agent.panel.edge.${edge}`) })"
         @pointerdown.stop.prevent="(event) => beginResize(edge, event)"
       />
     </template>
@@ -306,7 +306,7 @@ async function savePaneSettings() {
     settingsOpen.value = false
     await refresh()
   } catch (cause) {
-    settingsError.value = cause instanceof ApiError ? agentReasonMessage(cause.code) : '无法保存窗格授权。'
+    settingsError.value = cause instanceof ApiError ? agentReasonMessage(cause.code) : t('agent.panel.savePanesError')
   } finally {
     mutating.value = false
   }
@@ -337,7 +337,7 @@ async function changeWritePolicy(policy: 'manual' | 'auto') {
     pendingAutoPolicy.value = false
     await refresh()
   } catch (cause) {
-    error.value = cause instanceof Error ? cause.message : '无法更新写入审批方式。'
+    error.value = cause instanceof Error ? cause.message : t('agent.panel.writePolicyError')
   } finally {
     mutating.value = false
   }
@@ -400,9 +400,6 @@ const mergedStatusLabel = computed(() => {
   return key ? t(key) : backendState.value
 })
 const resizeEdges: FloatingPanelResizeEdge[] = ['n', 'e', 's', 'w', 'ne', 'se', 'sw', 'nw']
-const resizeLabels: Record<FloatingPanelResizeEdge, string> = {
-  n: '上边缘', e: '右边缘', s: '下边缘', w: '左边缘', ne: '右上角', se: '右下角', sw: '左下角', nw: '左上角',
-}
 
 watch(() => setup.value?.state, (state) => {
   if (state && state !== 'ready') settingsOpen.value = false
diff --git a/packages/client-ui/src/components/computers/EnrollmentDialog.vue b/packages/client-ui/src/components/computers/EnrollmentDialog.vue
index 9f39210a..4b4f59a6 100644
--- a/packages/client-ui/src/components/computers/EnrollmentDialog.vue
+++ b/packages/client-ui/src/components/computers/EnrollmentDialog.vue
@@ -109,7 +109,7 @@ async function pollForEnrollment() {
     open.value = false
     emit('added')
     void nextTick(() => { if (returnFocus?.isConnected) returnFocus.focus() })
-  } catch (error) { if (open.value) message.value = error instanceof ApiError ? error.message : '无法检查电脑是否已添加。' }
+  } catch (error) { if (open.value) message.value = error instanceof ApiError ? error.message : t('computers.enrollment.pollError') }
   finally { pollingEnrollment = false }
 }
 function startEnrollmentPolling() {
@@ -122,7 +122,7 @@ function validName(value: string) {
 async function create(automatic = false) {
   if (busy.value || !open.value) return
   if (!validName(displayName.value)) {
-    message.value = '电脑名称须为 1 至 128 个无控制字符的字符。'
+    message.value = t('computers.enrollment.nameInvalid')
     return
   }
   busy.value = true
@@ -141,7 +141,7 @@ async function create(automatic = false) {
     startTimer()
     startEnrollmentPolling()
     if (!automatic) void nextTick(() => copyButton.value?.focus())
-  } catch (error) { message.value = error instanceof ApiError ? error.message : automatic ? '注册码刷新失败，请手动重试。' : '无法创建注册码。' }
+  } catch (error) { message.value = error instanceof ApiError ? error.message : automatic ? t('computers.enrollment.refreshError') : t('computers.enrollment.createError') }
   finally { busy.value = false }
 }
 async function copy() { if (!command.value) return; await runtime.clipboard.writeText(command.value); copied.value = true }
diff --git a/packages/client-ui/src/components/settings/AuthorizedClientsPanel.vue b/packages/client-ui/src/components/settings/AuthorizedClientsPanel.vue
index b5a1802b..d78322a4 100644
--- a/packages/client-ui/src/components/settings/AuthorizedClientsPanel.vue
+++ b/packages/client-ui/src/components/settings/AuthorizedClientsPanel.vue
@@ -87,9 +87,9 @@ async function removeSelected() {
     selected.value = null
     clearSecrets()
     clients.value = clients.value.filter((client) => client.client_id !== removed)
-    toast.show({ text: '已撤销', tone: 'success' })
+    toast.show({ text: t('settings.clients.revokedToast'), tone: 'success' })
   } catch {
-    error.value = '撤销失败，请检查凭据后重试。'
+    error.value = t('settings.clients.revokeError')
   }
 }
 async function onApproved() { approvalOpen.value = false; await load() }
diff --git a/packages/client-ui/src/components/terminal/MobileKeyBar.vue b/packages/client-ui/src/components/terminal/MobileKeyBar.vue
index cc70c610..c0a32fb0 100644
--- a/packages/client-ui/src/components/terminal/MobileKeyBar.vue
+++ b/packages/client-ui/src/components/terminal/MobileKeyBar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="mobile-keybar-shell">
     <div class="mobile-keybar" :aria-label="t('terminal.mobileKeybar.aria')" @pointermove.stop>
-      <!-- 修饰键组 -->
+      <!-- Modifier keys -->
       <button
         v-for="key in modifierKeys"
         :key="key.id"
@@ -26,20 +26,20 @@
         Prefix
       </button>
 
-      <!-- 方向导航组 -->
+      <!-- Navigation keys -->
       <span class="mobile-keybar-divider" aria-hidden="true" />
       <button type="button" class="mobile-key-btn mobile-key-btn--nav" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.up')" @click="sendArrow('\u001b[A')">↑</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--nav" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.down')" @click="sendArrow('\u001b[B')">↓</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--nav" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.left')" @click="sendArrow('\u001b[D')">←</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--nav" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.right')" @click="sendArrow('\u001b[C')">→</button>
 
-      <!-- 高频控制与中断组 -->
+      <!-- Control & interrupt keys -->
       <span class="mobile-keybar-divider" aria-hidden="true" />
       <button type="button" class="mobile-key-btn mobile-key-btn--danger" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.interrupt')" @click="sendInterrupt">^C</button>
       <button type="button" class="mobile-key-btn" :disabled="disabled" aria-label="EOF (Ctrl+D)" @click="sendEof">^D</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--primary" :disabled="disabled" :aria-label="t('terminal.mobileKeybar.enter')" @click="sendEnter">↵</button>
 
-      <!-- 高频 Shell 符号组 -->
+      <!-- Shell symbol keys -->
       <button type="button" class="mobile-key-btn mobile-key-btn--sym" :disabled="disabled" @click="sendChar('/')">/</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--sym" :disabled="disabled" @click="sendChar('-')">-</button>
       <button type="button" class="mobile-key-btn mobile-key-btn--sym" :disabled="disabled" @click="sendChar('|')">|</button>
@@ -72,7 +72,7 @@ const modifierKeys: Array<{ id: ModifierKey; label: string }> = [
   { id: 'shift', label: 'Shift' },
 ]
 
-const usablePrefix = computed(() => !!props.prefix && !/未报告|未绑定|Unreported|Unbound/i.test(props.prefix))
+const usablePrefix = computed(() => !!props.prefix && props.prefix !== t('terminal.unreportedPrefix') && props.prefix !== t('terminal.tmux.unbound') && !/\u672a\u62a5\u544a|\u672a\u7ed1\u5b9a|Unreported|Unbound/i.test(props.prefix))
 let blurTimer: unknown | null = null
 
 function vibrate(ms = 12) {
diff --git a/packages/client-ui/src/components/terminal/TerminalTitlebar.vue b/packages/client-ui/src/components/terminal/TerminalTitlebar.vue
index 1f975443..17354645 100644
--- a/packages/client-ui/src/components/terminal/TerminalTitlebar.vue
+++ b/packages/client-ui/src/components/terminal/TerminalTitlebar.vue
@@ -13,7 +13,7 @@
             <span v-if="validationError" class="form-error" role="alert">{{ validationError }}</span>
           </form>
           <button v-else data-term-name data-action="edit-term-name" class="terminal-name-trigger" type="button" :aria-label="t('terminal.editNameAria', { title })" :title="t('terminal.editNameTitle')" @click="startEditing"><strong>{{ title }}</strong></button>
-          <small data-computer-name :title="computerName">{{ computerName }}</small>
+          <small data-computer-name :title="resolvedComputerName">{{ resolvedComputerName }}</small>
         </div>
       </div>
       <span data-connection-status class="terminal-status">{{ statusLabel }}</span>
@@ -57,12 +57,13 @@ import { useI18n } from '../../i18n'
 import type { DisplayMode } from '../../terminal/viewport'
 import DisplayMenu from './DisplayMenu.vue'
 const { t, toggleLocale } = useI18n()
-const props = withDefaults(defineProps<{ title: string; computerName?: string; status?: TerminalConnectionStatus; displayMode: DisplayMode; displayMenuOpen?: boolean; viewportLocked?: boolean }>(), { computerName: 'Computer 未报告', status: 'connecting', displayMenuOpen: false, viewportLocked: false })
+const props = withDefaults(defineProps<{ title: string; computerName?: string | undefined; status?: TerminalConnectionStatus; displayMode: DisplayMode; displayMenuOpen?: boolean; viewportLocked?: boolean }>(), { status: 'connecting', displayMenuOpen: false, viewportLocked: false })
 const emit = defineEmits<{ 'update:displayMode': [mode: DisplayMode]; 'update:displayMenuOpen': [open: boolean]; 'update:viewportLocked': [locked: boolean]; rename: [name: string] }>()
 const editing = ref(false)
 const draft = ref('')
 const validationError = ref('')
 const nameInput = ref<HTMLInputElement | null>(null)
+const resolvedComputerName = computed(() => props.computerName ?? t('terminal.unreportedComputer'))
 const statusLabel = computed(() => t(`terminal.status.${props.status}`))
 function startEditing() { draft.value = props.title; validationError.value = ''; editing.value = true; void nextTick(() => nameInput.value?.focus()) }
 function cancel() { editing.value = false; validationError.value = '' }
diff --git a/packages/client-ui/src/components/terminal/TmuxActionMenu.vue b/packages/client-ui/src/components/terminal/TmuxActionMenu.vue
index 2403e172..7a1ff03e 100644
--- a/packages/client-ui/src/components/terminal/TmuxActionMenu.vue
+++ b/packages/client-ui/src/components/terminal/TmuxActionMenu.vue
@@ -25,8 +25,8 @@ const emit = defineEmits<{ action: [actionId: TerminalActionId, paneId: string |
 const desktopTrigger = ref<HTMLButtonElement | null>(null)
 const query = ref('')
 const tooltipScope = useId()
-const actionLabel = (action: TmuxActionDefinition) => t(`terminal.tmux.action.${action.id}`)
-const filteredActions = computed(() => tmuxActions.filter((action) => actionLabel(action).toLocaleLowerCase().includes(query.value.trim().toLocaleLowerCase()) || action.label.toLocaleLowerCase().includes(query.value.trim().toLocaleLowerCase())))
+const actionLabel = (action: TmuxActionDefinition) => t(action.labelKey)
+const filteredActions = computed(() => tmuxActions.filter((action) => actionLabel(action).toLocaleLowerCase().includes(query.value.trim().toLocaleLowerCase())))
 const binding = (id: TerminalActionId) => props.bindings.bindings.find((item) => item.action === id)
 const bindingKey = (id: TerminalActionId) => binding(id)?.key ?? null
 const bindingTooltipId = (id: TerminalActionId) => `tmux-binding-${tooltipScope}-${id}`
diff --git a/packages/client-ui/src/components/terminal/TmuxControls.test.ts b/packages/client-ui/src/components/terminal/TmuxControls.test.ts
index 825c9435..bcd679c3 100644
--- a/packages/client-ui/src/components/terminal/TmuxControls.test.ts
+++ b/packages/client-ui/src/components/terminal/TmuxControls.test.ts
@@ -80,4 +80,19 @@ describe('tmux controls', () => {
     expect(wrapper.emitted('confirm')).toEqual([[{ paneId: '%3', confirmed: true }]])
     wrapper.unmount()
   })
+
+  it('localizes tmux action labels when locale is en', async () => {
+    const { setLocale } = await import('../../i18n')
+    const { tmuxActions } = await import('../../terminal/actions')
+    setLocale('en')
+    try {
+      expect(tmuxActions[0]?.label).toBe('Split Left / Right')
+      const wrapper = mount(TmuxActionMenu, { props: { bindings, activePaneId: '%3', open: true } })
+      expect(wrapper.get('[data-action="toggle-tmux-menu"] .control-label').text()).toBe('tmux Actions')
+      expect(wrapper.get('[data-action-id="split_left_right"] .action-label').text()).toBe('Split Left / Right')
+      expect(wrapper.get('[data-action-id="close_pane"] .action-label').text()).toBe('Close Pane')
+    } finally {
+      setLocale('zh')
+    }
+  })
 })
diff --git a/packages/client-ui/src/composables/useAgentApprovals.ts b/packages/client-ui/src/composables/useAgentApprovals.ts
index 303ca6c1..770a6bc6 100644
--- a/packages/client-ui/src/composables/useAgentApprovals.ts
+++ b/packages/client-ui/src/composables/useAgentApprovals.ts
@@ -7,6 +7,7 @@ import { createApprovalsApi, ApiError } from '@termflow/client-core'
 import type { ApprovalResponse } from '@termflow/client-contracts'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import { useBottomToast } from './useBottomToast'
 import { useSession } from './useSession'
@@ -118,7 +119,7 @@ export function useAgentApprovals(options: UseAgentApprovalsOptions = {}) {
           // error toast.
           if (!disposed && generation === loadGeneration) approvals.value = []
         } else {
-          toast.show({ text: '无法加载审批列表。', tone: 'error' })
+          toast.show({ text: t('agent.approval.loadError'), tone: 'error' })
         }
       }
     } finally {
@@ -142,13 +143,13 @@ export function useAgentApprovals(options: UseAgentApprovalsOptions = {}) {
   async function handleError(error: unknown, approvalId: string) {
     if (error instanceof Error && error.message === 'sensitive_authorization_cancelled') return
     if (!(error instanceof ApiError)) {
-      toast.show({ text: '操作失败，请稍后重试。', tone: 'error' })
+      toast.show({ text: t('common.actionFailed'), tone: 'error' })
       return
     }
     if (error.kind === 'aborted') return
     if (error.status === 404 || error.code === 'approval_not_found') {
       approvals.value = approvals.value.filter((approval) => approval.approval_id !== approvalId)
-      toast.show({ text: '该审批请求已不存在。', tone: 'error' })
+      toast.show({ text: t('agent.approval.notFoundError'), tone: 'error' })
       return
     }
     if (error.status === 409 && error.code === 'approval_auth_epoch_stale') {
@@ -160,13 +161,13 @@ export function useAgentApprovals(options: UseAgentApprovalsOptions = {}) {
     }
     if (error.status === 409 || error.status === 410) {
       toast.show({
-        text: error.status === 410 ? '该审批请求已过期。' : '审批状态已变化，列表已刷新。',
+        text: error.status === 410 ? t('agent.approval.expiredError') : t('agent.approval.stateChangedError'),
         tone: 'error',
       })
       await load()
       return
     }
-    toast.show({ text: error.status === 428 ? '身份验证已失效，请重新操作。' : '操作失败，请稍后重试。', tone: 'error' })
+    toast.show({ text: error.status === 428 ? t('agent.reason.sensitive_action_reauthentication_required') : t('common.actionFailed'), tone: 'error' })
   }
 
   async function decide(approvalId: string, decision: 'approve' | 'deny') {
@@ -177,7 +178,7 @@ export function useAgentApprovals(options: UseAgentApprovalsOptions = {}) {
       const operation = () => approvalsApi.decide(approvalId, decision, signal)
       if (decision === 'approve') await authorization.run(operation, 'approval_reauthentication_required', signal)
       else await operation()
-      toast.show({ text: decision === 'approve' ? '已批准。' : '已拒绝。', tone: 'success' })
+      toast.show({ text: decision === 'approve' ? t('agent.approval.approvedToast') : t('agent.approval.deniedToast'), tone: 'success' })
       await load()
     } catch (error) {
       await handleError(error, approvalId)
@@ -191,7 +192,7 @@ export function useAgentApprovals(options: UseAgentApprovalsOptions = {}) {
     setBusy(approvalId, true)
     try {
       await approvalsApi.revoke(approvalId, controller?.signal)
-      toast.show({ text: '已撤销审批。', tone: 'success' })
+      toast.show({ text: t('agent.approval.revokedToast'), tone: 'success' })
       await load()
     } catch (error) {
       await handleError(error, approvalId)
diff --git a/packages/client-ui/src/composables/useAgentConversation.ts b/packages/client-ui/src/composables/useAgentConversation.ts
index 8691a7ee..116f5717 100644
--- a/packages/client-ui/src/composables/useAgentConversation.ts
+++ b/packages/client-ui/src/composables/useAgentConversation.ts
@@ -22,6 +22,7 @@ import {
 } from '@termflow/client-core'
 import { onBeforeUnmount, onMounted, ref, toValue, watch, type MaybeRefOrGetter } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import { useSession } from './useSession'
 import { useBottomToast } from './useBottomToast'
@@ -117,16 +118,16 @@ export function useAgentConversation(options: UseAgentConversationOptions) {
         }
         if (info.code === AGENT_STREAM_CLOSE_NOT_FOUND) {
           runtime.agentCursorStore.clear(options.conversationId)
-          toast.show({ text: '该会话不存在或已被删除。', tone: 'error' })
+          toast.show({ text: t('agent.chat.notFoundToast'), tone: 'error' })
           return
         }
         if (info.code === AGENT_STREAM_CLOSE_FORBIDDEN) {
-          toast.show({ text: '当前客户端没有访问该会话的权限，请重新登录授权。', tone: 'error' })
+          toast.show({ text: t('agent.chat.forbiddenToast'), tone: 'error' })
         }
       },
       onError: (error) => {
         if (error.code === 'stream_too_slow') {
-          toast.show({ text: '连接恢复中，正在补齐消息…', tone: 'error' })
+          toast.show({ text: t('agent.chat.recoveringToast'), tone: 'error' })
         }
       },
       onAuthenticationRequired: handleAuthenticationRequired,
diff --git a/packages/client-ui/src/composables/useAgentConversations.ts b/packages/client-ui/src/composables/useAgentConversations.ts
index ee86fc13..6a8c0dd1 100644
--- a/packages/client-ui/src/composables/useAgentConversations.ts
+++ b/packages/client-ui/src/composables/useAgentConversations.ts
@@ -7,6 +7,7 @@
 import type { AgentConversationResponse } from '@termflow/client-contracts'
 import { ApiError, createApprovalsApi } from '@termflow/client-core'
 import { onBeforeUnmount, onMounted, ref, toValue, watch, type MaybeRefOrGetter } from 'vue'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import { useBottomToast } from './useBottomToast'
 
@@ -77,7 +78,7 @@ export function useAgentConversations(bindingId?: MaybeRefOrGetter<BindingScope>
     } catch (error) {
       // Aborted = superseded by a newer load or unmount; not a failure.
       if (!disposed && !(error instanceof ApiError && error.kind === 'aborted')) {
-        errorMessage.value = '无法加载 Agent 会话数据。'
+        errorMessage.value = t('agent.conversations.loadErrorShort')
         toast.show({ text: errorMessage.value, tone: 'error' })
       }
     } finally {
@@ -93,14 +94,14 @@ export function useAgentConversations(bindingId?: MaybeRefOrGetter<BindingScope>
       )
       conversations.value = [created, ...conversations.value]
       errorMessage.value = null
-      toast.show({ text: '会话已创建。', tone: 'success' })
+      toast.show({ text: t('agent.conversations.createdToast'), tone: 'success' })
       return created
     } catch (error) {
       // An unmount abort is not a user-visible failure (mirrors the list
       // load's aborted filter); the caller still sees null and keeps the
       // typed title for a retry.
       if (error instanceof ApiError && error.kind === 'aborted') return null
-      errorMessage.value = '创建会话失败，请稍后重试。'
+      errorMessage.value = t('agent.conversations.createError')
       toast.show({ text: errorMessage.value, tone: 'error' })
       return null
     }
@@ -109,7 +110,7 @@ export function useAgentConversations(bindingId?: MaybeRefOrGetter<BindingScope>
   async function rename(conversationId: string, title: string) {
     const normalized = title.trim()
     if (normalized.length < 1 || normalized.length > 255) {
-      errorMessage.value = '会话名称须为 1 至 255 个字符。'
+      errorMessage.value = t('agent.conversations.nameInvalid')
       return null
     }
     try {
@@ -122,11 +123,11 @@ export function useAgentConversations(bindingId?: MaybeRefOrGetter<BindingScope>
         conversation.conversation_id === conversationId ? updated : conversation,
       )
       errorMessage.value = null
-      toast.show({ text: '会话名称已更新。', tone: 'success' })
+      toast.show({ text: t('agent.conversations.renamedToast'), tone: 'success' })
       return updated
     } catch (requestError) {
       if (requestError instanceof ApiError && requestError.kind === 'aborted') return null
-      errorMessage.value = '保存会话名称失败，请稍后重试。'
+      errorMessage.value = t('agent.conversations.renameError')
       toast.show({ text: errorMessage.value, tone: 'error' })
       return null
     }
@@ -139,12 +140,12 @@ export function useAgentConversations(bindingId?: MaybeRefOrGetter<BindingScope>
       // Deleted conversations can never resume (M6b spec §4.4).
       runtime.agentCursorStore.clear(conversationId)
       errorMessage.value = null
-      toast.show({ text: '会话已删除。', tone: 'success' })
+      toast.show({ text: t('agent.conversations.deletedToast'), tone: 'success' })
     } catch (error) {
       // An unmount abort is not a user-visible failure (mirrors the list
       // load's aborted filter).
       if (error instanceof ApiError && error.kind === 'aborted') return
-      errorMessage.value = '删除会话失败，请稍后重试。'
+      errorMessage.value = t('agent.conversations.deleteError')
       toast.show({ text: errorMessage.value, tone: 'error' })
     }
   }
diff --git a/packages/client-ui/src/composables/useDashboard.ts b/packages/client-ui/src/composables/useDashboard.ts
index 0ca2d1d6..0649980b 100644
--- a/packages/client-ui/src/composables/useDashboard.ts
+++ b/packages/client-ui/src/composables/useDashboard.ts
@@ -1,5 +1,6 @@
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { ApiError } from '@termflow/client-core'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import type { DashboardSnapshot } from '../types'
 
@@ -28,7 +29,7 @@ export function useDashboard() {
       snapshot.value = await runtime.api.dashboard.get(controller.signal)
       message.value = ''
     } catch (error) {
-      if (!(error instanceof ApiError) || error.kind !== 'aborted') message.value = error instanceof ApiError ? error.message : '无法加载控制中心。'
+      if (!(error instanceof ApiError) || error.kind !== 'aborted') message.value = error instanceof ApiError ? error.message : t('dashboard.loadError')
     } finally {
       loading.value = false
       clearTimer()
diff --git a/packages/client-ui/src/composables/useDeviceAuthorizationApproval.ts b/packages/client-ui/src/composables/useDeviceAuthorizationApproval.ts
index 42e84972..3c717502 100644
--- a/packages/client-ui/src/composables/useDeviceAuthorizationApproval.ts
+++ b/packages/client-ui/src/composables/useDeviceAuthorizationApproval.ts
@@ -3,6 +3,7 @@ import type {
   OAuthAuthorizationPreviewResponse,
 } from '@termflow/client-contracts'
 import { ref } from 'vue'
+import { t } from '../i18n'
 
 type AuthorizationDecision = 'allow' | 'deny'
 
@@ -61,7 +62,7 @@ export function useDeviceAuthorizationApproval(
   async function lookup(value = userCode.value): Promise<void> {
     const code = normalizeDeviceAuthorizationCode(value)
     if (!/^[A-Z0-9]{4}-[A-Z0-9]{4}$/.test(code)) {
-      error.value = '请输入格式为 ABCD-EFGH 的设备码。'
+      error.value = t('deviceAuth.invalidCodeFormat')
       return
     }
 
@@ -74,8 +75,8 @@ export function useDeviceAuthorizationApproval(
     } catch (cause) {
       if (apiErrorKind(cause) === 'authentication' && await authenticationRequired()) return
       error.value = apiErrorCode(cause) === 'authorization_expired'
-        ? '设备码无效或已过期。'
-        : '无法查找设备码。'
+        ? t('deviceAuth.codeInvalidOrExpired')
+        : t('deviceAuth.lookupError')
     } finally {
       loading.value = false
     }
@@ -97,8 +98,8 @@ export function useDeviceAuthorizationApproval(
       totpCode.value = ''
       if (apiErrorKind(cause) === 'authentication' && await authenticationRequired()) return
       error.value = apiErrorCode(cause) === 'authorization_expired'
-        ? '设备码无效或已过期。'
-        : '无法完成授权。'
+        ? t('deviceAuth.codeInvalidOrExpired')
+        : t('nativeAuth.failed')
     } finally {
       busy.value = false
     }
diff --git a/packages/client-ui/src/composables/useTermAgent.ts b/packages/client-ui/src/composables/useTermAgent.ts
index 2b42c09d..31542f48 100644
--- a/packages/client-ui/src/composables/useTermAgent.ts
+++ b/packages/client-ui/src/composables/useTermAgent.ts
@@ -1,30 +1,33 @@
 import { ApiError } from '@termflow/client-core'
 import type { AgentConversationResponse, AgentSetupRequest, AgentSetupResponse } from '@termflow/client-contracts'
 import { computed, onBeforeUnmount, ref, toValue, watch, type MaybeRefOrGetter } from 'vue'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import type { PaneTopology } from '../types'
 import type { AgentSetupSelection } from '../components/agent/AgentSetupForm.vue'
 import { useSensitiveAuthorization } from './useSensitiveAuthorization'
 
+const REASON_KEYS: Record<string, string> = {
+  stale_topology: 'agent.reason.stale_topology',
+  stale_binding_revision: 'agent.reason.stale_binding_revision',
+  topology_unavailable: 'agent.reason.topology_unavailable',
+  disclosure_mismatch: 'agent.reason.disclosure_mismatch',
+  disclosure_required: 'agent.reason.disclosure_required',
+  binding_disclosure_stale: 'agent.reason.binding_disclosure_stale',
+  binding_disclosure_required: 'agent.reason.binding_disclosure_required',
+  provider_unavailable: 'agent.reason.provider_unavailable',
+  deployment_required: 'agent.reason.deployment_required',
+  sensitive_action_reauthentication_required: 'agent.reason.sensitive_action_reauthentication_required',
+  runtime_unreachable: 'agent.reason.runtime_unreachable',
+  mcp_not_connected: 'agent.reason.mcp_not_connected',
+  runtime_assignment_conflict: 'agent.reason.runtime_assignment_conflict',
+  pipeline_start_failed: 'agent.reason.pipeline_start_failed',
+  insufficient_scope: 'agent.reason.insufficient_scope',
+}
+
 export function agentReasonMessage(code: string | null | undefined): string {
-  const messages: Record<string, string> = {
-    stale_topology: '窗格布局已变化，请刷新后重新选择。',
-    stale_binding_revision: 'Agent 配置已变化，请刷新后重试。',
-    topology_unavailable: '窗格布局暂不可用，请连接终端后刷新。',
-    disclosure_mismatch: '提供方披露已变化，请重新确认。',
-    disclosure_required: '请确认当前提供方的数据发送说明。',
-    binding_disclosure_stale: '提供方披露已变化，请重新确认。',
-    binding_disclosure_required: '请确认当前提供方的数据发送说明。',
-    provider_unavailable: '模型提供方暂不可用。',
-    deployment_required: '请管理员完成 Agent 服务部署。',
-    sensitive_action_reauthentication_required: '身份验证已失效，请重新操作。',
-    runtime_unreachable: '运行时暂时不可达，稍候会自动重试。',
-    mcp_not_connected: '运行时尚未连上控制面，稍候会自动重试。',
-    runtime_assignment_conflict: '运行时身份冲突，请点击“重新激活”修复。',
-    pipeline_start_failed: '运行时启动失败，请稍候重试或联系管理员。',
-    insufficient_scope: '当前客户端缺少 Agent 权限，请重新登录授权。',
-  }
-  return messages[code ?? ''] ?? 'Agent 暂不可用，请稍后重试。'
+  const key = code ? REASON_KEYS[code] : undefined
+  return key ? t(key) : t('agent.reason.default')
 }
 
 export function useTermAgent(options: { termId: MaybeRefOrGetter<string>; requestedConversationId: MaybeRefOrGetter<string | null> }) {
diff --git a/packages/client-ui/src/composables/useTerminalSession.ts b/packages/client-ui/src/composables/useTerminalSession.ts
index 9c34b48e..3575b377 100644
--- a/packages/client-ui/src/composables/useTerminalSession.ts
+++ b/packages/client-ui/src/composables/useTerminalSession.ts
@@ -5,23 +5,25 @@ import type {
 } from '@termflow/client-core'
 import type { TerminalActionResultFrame } from '@termflow/client-contracts'
 import { onBeforeUnmount, onMounted, ref, type Ref } from 'vue'
+import { t } from '../i18n'
 import { useClientRuntime } from '../runtime'
 import type { BindingSnapshot, TerminalActionId } from '../types'
 import { createXtermAdapter, type TerminalAdapter, type TerminalAdapterFactory, type TerminalMouseDispatch } from '../terminal/xtermAdapter'
 
 export type TerminalFactory = (termId: string, callbacks: TerminalSessionCallbacks) => TerminalSessionLike
 
-const terminalErrorMessages: Record<string, string> = {
-  instance_offline: 'Term 当前离线，无法打开终端。',
-  unauthorized: '会话已过期，请重新登录。',
-  backpressure: '终端繁忙，请稍后重试。',
-  target_not_found: '目标 Pane 已不存在，请刷新状态。',
-  rate_limited: '操作过于频繁，请稍后重试。',
-  stream_gap: '连接已重建，正在等待终端重绘。',
+const terminalErrorKeys: Record<string, string> = {
+  instance_offline: 'terminal.error.instance_offline',
+  unauthorized: 'terminal.error.unauthorized',
+  backpressure: 'terminal.error.backpressure',
+  target_not_found: 'terminal.error.target_not_found',
+  rate_limited: 'terminal.error.rate_limited',
+  stream_gap: 'terminal.error.stream_gap',
 }
 
 function userFacingTerminalError(code?: string | null) {
-  return code ? terminalErrorMessages[code] ?? '终端发生错误，请稍后重试。' : '终端发生错误，请稍后重试。'
+  const key = code ? terminalErrorKeys[code] : undefined
+  return key ? t(key) : t('terminal.error.default')
 }
 
 export function useTerminalSession(
@@ -34,7 +36,7 @@ export function useTerminalSession(
   const runtime = useClientRuntime()
   const status = ref<TerminalConnectionStatus>('connecting')
   const dimensions = ref<{ rows: number; cols: number } | null>(null)
-  const bindings = ref<BindingSnapshot>({ prefix: '未报告', bindings: [] })
+  const bindings = ref<BindingSnapshot>({ prefix: t('terminal.unreportedPrefix'), bindings: [] })
   const terminalError = ref('')
   const lastActionResult = ref<TerminalActionResultFrame | null>(null)
   const resetKey = ref(0)
@@ -61,7 +63,7 @@ export function useTerminalSession(
     onSize: (size) => { dimensions.value = size; adapter?.resize(size.cols, size.rows) },
     onBindings: (control) => { bindings.value = { prefix: control.prefix, prefix2: control.prefix2, bindings: control.bindings } },
     onError: (error) => { terminalError.value = userFacingTerminalError(error.code) },
-    onClosed: (reason) => { terminalError.value = reason === 'replaced' ? '此终端已被另一个已认证连接接管。' : '终端连接已关闭。'; resetKey.value += 1 },
+    onClosed: (reason) => { terminalError.value = reason === 'replaced' ? t('terminal.closed.replaced') : t('terminal.closed.default'); resetKey.value += 1 },
     onReset: () => { adapter?.reset(); resetKey.value += 1 },
     onActionResult: (result) => { lastActionResult.value = result; if (!result.ok) terminalError.value = userFacingTerminalError(result.error_code) },
     onAuthenticationRequired: () => { authenticationRequired.value += 1 },
diff --git a/packages/client-ui/src/i18n/index.ts b/packages/client-ui/src/i18n/index.ts
index cc11c772..2e15ed7f 100644
--- a/packages/client-ui/src/i18n/index.ts
+++ b/packages/client-ui/src/i18n/index.ts
@@ -81,6 +81,8 @@ const messages: Record<Locale, Record<string, string>> = {
     'common.loading': '加载中…',
     'common.unknown': '未知',
     'common.unavailable': '详情不可用',
+    'common.detailUnavailable': '详情不可用',
+    'common.actionFailed': '操作失败，请稍后重试。',
 
     // Computers View
     'computers.eyebrow': '设备与注册',
@@ -181,6 +183,15 @@ const messages: Record<Locale, Record<string, string>> = {
     'terminal.mobileKeybar.right': '右箭头',
     'terminal.mobileKeybar.interrupt': '中断 (Ctrl+C)',
     'terminal.mobileKeybar.enter': '回车 (Enter)',
+    'terminal.error.instance_offline': 'Term 当前离线，无法打开终端。',
+    'terminal.error.unauthorized': '会话已过期，请重新登录。',
+    'terminal.error.backpressure': '终端繁忙，请稍后重试。',
+    'terminal.error.target_not_found': '目标 Pane 已不存在，请刷新状态。',
+    'terminal.error.rate_limited': '操作过于频繁，请稍后重试。',
+    'terminal.error.stream_gap': '连接已重建，正在等待终端重绘。',
+    'terminal.error.default': '终端发生错误，请稍后重试。',
+    'terminal.closed.replaced': '此终端已被另一个已认证连接接管。',
+    'terminal.closed.default': '终端连接已关闭。',
 
     // Settings View
     'settings.title': '设置',
@@ -252,7 +263,7 @@ const messages: Record<Locale, Record<string, string>> = {
     'settings.deviceApproval.allow': '允许此设备',
     'settings.deviceApproval.approvedToast': '已授权',
 
-    // Auth / Login Views
+    // Auth / Login / Authorize Views
     'login.title': '登录',
     'login.adminToken': '管理员令牌',
     'login.totpCode': '双重验证码',
@@ -260,6 +271,28 @@ const messages: Record<Locale, Record<string, string>> = {
     'login.submit': '登录',
     'login.verifyAndLogin': '验证并登录',
     'login.failed': '登录失败，请重试。',
+    'deviceAuth.title': '授权新设备',
+    'deviceAuth.backToLogin': '返回登录',
+    'deviceAuth.codeLabel': '设备码',
+    'deviceAuth.lookupBtn': '查找设备',
+    'deviceAuth.loading': '正在读取设备授权…',
+    'deviceAuth.qrAlt': '设备授权二维码',
+    'deviceAuth.codeHint': '设备码',
+    'deviceAuth.totpHint': '（请输入验证器应用当前显示的 6 位双重验证码。）',
+    'deviceAuth.statusPending': '待确认',
+    'deviceAuth.statusExpired': '已过期',
+    'deviceAuth.approvedMsg': '授权成功，设备可以继续连接。',
+    'deviceAuth.deniedMsg': '已拒绝该设备授权。',
+    'deviceAuth.invalidCodeFormat': '请输入格式为 ABCD-EFGH 的设备码。',
+    'deviceAuth.codeInvalidOrExpired': '设备码无效或已过期。',
+    'deviceAuth.lookupError': '无法查找设备码。',
+    'nativeAuth.title': '授权 TermFlow 客户端',
+    'nativeAuth.loading': '正在读取授权请求…',
+    'nativeAuth.server': '服务器',
+    'nativeAuth.keyFingerprint': '公钥指纹',
+    'nativeAuth.allow': '允许此客户端',
+    'nativeAuth.invalidOrExpired': '授权请求无效或已过期。',
+    'nativeAuth.failed': '无法完成授权。',
     'notFound.title': '页面不存在',
     'notFound.back': '返回控制中心',
 
@@ -288,6 +321,14 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.conversations.deleteDialogDesc': '将删除会话 {title} 及其全部消息历史，此操作不可撤销。',
     'agent.conversations.deleteConfirm': '确认删除',
     'agent.conversations.loadError': '无法加载 Agent 会话数据，请稍后重试。',
+    'agent.conversations.loadErrorShort': '无法加载 Agent 会话数据。',
+    'agent.conversations.createdToast': '会话已创建。',
+    'agent.conversations.createError': '创建会话失败，请稍后重试。',
+    'agent.conversations.nameInvalid': '会话名称须为 1 至 255 个字符。',
+    'agent.conversations.renamedToast': '会话名称已更新。',
+    'agent.conversations.renameError': '保存会话名称失败，请稍后重试。',
+    'agent.conversations.deletedToast': '会话已删除。',
+    'agent.conversations.deleteError': '删除会话失败，请稍后重试。',
     'agent.conversations.termNameError': '无法加载 Term 名称，部分会话信息可能不完整。',
     'agent.conversations.termUnknown': 'Term 未知',
     'agent.conversations.defaultTitle': '会话 {id}',
@@ -346,6 +387,31 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.panel.defaultChatTitle': 'Agent 对话',
     'agent.panel.savePanesError': '无法保存窗格授权。',
     'agent.panel.writePolicyError': '无法更新写入审批方式。',
+    'agent.panel.resizeAria': '调整 Agent 面板大小（{edge}）',
+    'agent.panel.edge.n': '上边缘',
+    'agent.panel.edge.e': '右边缘',
+    'agent.panel.edge.s': '下边缘',
+    'agent.panel.edge.w': '左边缘',
+    'agent.panel.edge.ne': '右上角',
+    'agent.panel.edge.se': '右下角',
+    'agent.panel.edge.sw': '左下角',
+    'agent.panel.edge.nw': '左上角',
+    'agent.reason.stale_topology': '窗格布局已变化，请刷新后重新选择。',
+    'agent.reason.stale_binding_revision': 'Agent 配置已变化，请刷新后重试。',
+    'agent.reason.topology_unavailable': '窗格布局暂不可用，请连接终端后刷新。',
+    'agent.reason.disclosure_mismatch': '提供方披露已变化，请重新确认。',
+    'agent.reason.disclosure_required': '请确认当前提供方的数据发送说明。',
+    'agent.reason.binding_disclosure_stale': '提供方披露已变化，请重新确认。',
+    'agent.reason.binding_disclosure_required': '请确认当前提供方的数据发送说明。',
+    'agent.reason.provider_unavailable': '模型提供方暂不可用。',
+    'agent.reason.deployment_required': '请管理员完成 Agent 服务部署。',
+    'agent.reason.sensitive_action_reauthentication_required': '身份验证已失效，请重新操作。',
+    'agent.reason.runtime_unreachable': '运行时暂时不可达，稍候会自动重试。',
+    'agent.reason.mcp_not_connected': '运行时尚未连上控制面，稍候会自动重试。',
+    'agent.reason.runtime_assignment_conflict': '运行时身份冲突，请点击“重新激活”修复。',
+    'agent.reason.pipeline_start_failed': '运行时启动失败，请稍候重试或联系管理员。',
+    'agent.reason.insufficient_scope': '当前客户端缺少 Agent 权限，请重新登录授权。',
+    'agent.reason.default': 'Agent 暂不可用，请稍后重试。',
     'agent.chat.backOverview': 'Agent 总览',
     'agent.chat.policyGroupAria': '本对话写入审批',
     'agent.chat.policyManual': '手动审批',
@@ -354,11 +420,17 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.cancelRun': '取消运行',
     'agent.chat.deleteConfirmAria': '确认删除会话',
     'agent.chat.deleteConfirmDesc': '删除后该会话及其事件会被清理，无法恢复。',
+    'agent.chat.deleteError': '删除失败，请稍后重试。',
     'agent.chat.policyConfirmAria': '确认完全放行本对话',
     'agent.chat.policyConfirmDesc': '本对话内，Agent 对已授权 Pane 的每次写入都会立即执行，不再弹审批。',
+    'agent.chat.policyUpdateError': '无法更新审批方式。',
+    'agent.chat.cancelError': '取消失败，请稍后重试。',
     'agent.chat.approvalPromptAria': '待批准操作',
     'agent.chat.notFoundBanner': '该会话不存在或已被删除，无法继续连接。',
     'agent.chat.revokedBanner': 'Agent Binding 已撤销，无法继续连接。',
+    'agent.chat.notFoundToast': '该会话不存在或已被删除。',
+    'agent.chat.forbiddenToast': '当前客户端没有访问该会话的权限，请重新登录授权。',
+    'agent.chat.recoveringToast': '连接恢复中，正在补齐消息…',
     'agent.chat.historyUnavailable': '历史消息内容不可用',
     'agent.chat.emptyPrompt': '输入一条消息，开始与 Agent 对话。',
     'agent.chat.roleSystem': '系统',
@@ -368,6 +440,7 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.thinking': '思考',
     'agent.chat.thinkingStreaming': '思考中…',
     'agent.chat.toolCall': '工具调用',
+    'agent.chat.defaultToolLabel': '调用',
     'agent.chat.toolInput': '输入',
     'agent.chat.toolDefaultsOmitted': '默认参数已省略：{items}',
     'agent.chat.toolOutput': '结果',
@@ -381,6 +454,13 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.collapseCode': '收起代码 ▴',
     'agent.chat.collapseOutput': '收起输出 ▴',
     'agent.chat.expandLines': '展开其余 {folded} 行 (共 {total} 行) ▾',
+    'agent.chat.announce.separator': '；',
+    'agent.chat.announce.toolCompleted': '工具 {label} 已完成',
+    'agent.chat.announce.toolFailed': '工具 {label} 执行失败',
+    'agent.chat.announce.runFinished': '运行已完成',
+    'agent.chat.announce.runError': '运行出错',
+    'agent.chat.announce.newApproval': '收到新的审批请求',
+    'agent.chat.announce.backendState': '后端状态：{state}',
     'agent.composer.inputAria': '发送给 Agent 的消息',
     'agent.composer.sendAria': '发送消息',
     'agent.composer.tooLong': '文本超出长度限制（最多 {max} 字节），请精简后重试。',
@@ -406,14 +486,32 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.approval.criticalWarning': '⚠️ 极高风险警示：此操作具有高危破坏性，请二次确认！',
     'agent.approval.criticalAck': '我已知晓该操作具有高危破坏性，确认执行',
     'agent.approval.confirmApprove': '确认批准',
+    'agent.approval.loadError': '无法加载审批列表。',
+    'agent.approval.notFoundError': '该审批请求已不存在。',
+    'agent.approval.expiredError': '该审批请求已过期。',
+    'agent.approval.stateChangedError': '审批状态已变化，列表已刷新。',
+    'agent.approval.approvedToast': '已批准。',
+    'agent.approval.deniedToast': '已拒绝。',
+    'agent.approval.revokedToast': '已撤销审批。',
     'agent.risk.level4': '极高危',
     'agent.risk.level3': '高风险',
     'agent.risk.level2': '中风险',
     'agent.risk.level1': '低风险',
+    'agent.reauth.title': '重新验证身份',
+    'agent.reauth.nativeHint': '请在系统浏览器中完成身份验证。',
+    'agent.reauth.webHint': '为保护终端安全，执行敏感操作前需要重新验证管理员身份。验证通过后本次操作会自动继续。',
+    'agent.reauth.rootCredential': 'Root 凭据',
+    'agent.reauth.totp': '动态验证码',
+    'agent.reauth.verify': '验证',
+    'agent.reauth.failed': '验证失败，请重试。',
     'agent.setup.title': '设置 Term Agent',
     'agent.setup.helpLabel': 'Term Agent 说明',
     'agent.setup.enable': '启用 Agent',
     'agent.setup.settingUp': '正在设置…',
+    'agent.setup.noProviderHelp': '部署尚未配置模型提供方，请联系管理员完成部署。',
+    'agent.setup.providerHelp': 'Agent 使用部署配置的模型 {provider} · {model} 读取授权窗格的内容；写入命令时仍会逐一弹审批。',
+    'agent.setup.selectPaneError': '请至少选择一个当前窗格。',
+    'agent.setup.providerUnavailableError': '提供方配置暂不可用，请管理员完成部署。',
     'agent.panes.defaultLegend': '允许 Agent 访问的窗格',
     'agent.panes.helpLabel': '窗格授权说明',
     'agent.panes.helpText': '窗格是终端里的一块分屏（% 编号）。Agent 只能读取勾选窗格的内容；写入仍会逐一弹审批。',
@@ -421,6 +519,17 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.panes.clear': '清空',
     'agent.panes.selectedCount': '已选 {selected}/{total}',
     'agent.panes.empty': '暂无可用窗格，请连接终端后刷新。',
+    'agent.preview.title': '部署检查',
+    'agent.preview.inputPlaceholder': '输入消息…',
+    'agent.preview.reauthBtn': '重新验证身份（预览）',
+    'agent.preview.mobileKeybarHeading': '移动端按键栏 (MobileKeyBar Preview)',
+    'agent.preview.themePickerHeading': '极客主题切换器 (10 款经典配色预览)',
+    'agent.preview.sampleUserPrompt': '请在当前允许的终端中执行 echo 1，并告诉我结果。',
+    'agent.preview.sampleThinking1': '用户想让我在终端执行 echo 1。我先列出 pane，确认可写后再发送命令并等待审批。',
+    'agent.preview.sampleAssistant1': '我先看一下有哪些 pane，然后执行 echo 1。',
+    'agent.preview.sampleAssistant2': '准备向 pane %0 写入 `echo 1`，需要你确认。',
+    'agent.preview.sampleThinking2': '准备更新配置文件，审查 patch 差异。',
+    'agent.preview.sampleFinalText': '已执行。结果输出为 `1`。',
   },
   en: {
     // App Shell & Navigation
@@ -485,6 +594,8 @@ const messages: Record<Locale, Record<string, string>> = {
     'common.loading': 'Loading…',
     'common.unknown': 'Unknown',
     'common.unavailable': 'Details unavailable',
+    'common.detailUnavailable': 'Details unavailable',
+    'common.actionFailed': 'Action failed. Please try again later.',
 
     // Computers View
     'computers.eyebrow': 'Devices & Enrollment',
@@ -585,6 +696,15 @@ const messages: Record<Locale, Record<string, string>> = {
     'terminal.mobileKeybar.right': 'Right Arrow',
     'terminal.mobileKeybar.interrupt': 'Interrupt (Ctrl+C)',
     'terminal.mobileKeybar.enter': 'Enter',
+    'terminal.error.instance_offline': 'Term is currently offline; cannot open terminal.',
+    'terminal.error.unauthorized': 'Session expired. Please sign in again.',
+    'terminal.error.backpressure': 'Terminal is busy. Please try again later.',
+    'terminal.error.target_not_found': 'Target pane no longer exists. Please refresh.',
+    'terminal.error.rate_limited': 'Too many requests. Please try again later.',
+    'terminal.error.stream_gap': 'Connection re-established; waiting for terminal redraw.',
+    'terminal.error.default': 'A terminal error occurred. Please try again later.',
+    'terminal.closed.replaced': 'This terminal has been taken over by another authenticated connection.',
+    'terminal.closed.default': 'Terminal connection closed.',
 
     // Settings View
     'settings.title': 'Settings',
@@ -656,7 +776,7 @@ const messages: Record<Locale, Record<string, string>> = {
     'settings.deviceApproval.allow': 'Allow Device',
     'settings.deviceApproval.approvedToast': 'Authorized',
 
-    // Auth / Login Views
+    // Auth / Login / Authorize Views
     'login.title': 'Sign In',
     'login.adminToken': 'Admin Token',
     'login.totpCode': '2FA Code',
@@ -664,6 +784,28 @@ const messages: Record<Locale, Record<string, string>> = {
     'login.submit': 'Sign In',
     'login.verifyAndLogin': 'Verify & Sign In',
     'login.failed': 'Sign-in failed. Please try again.',
+    'deviceAuth.title': 'Authorize New Device',
+    'deviceAuth.backToLogin': 'Back to Sign In',
+    'deviceAuth.codeLabel': 'Device Code',
+    'deviceAuth.lookupBtn': 'Find Device',
+    'deviceAuth.loading': 'Loading device authorization…',
+    'deviceAuth.qrAlt': 'Device authorization QR code',
+    'deviceAuth.codeHint': 'Device Code',
+    'deviceAuth.totpHint': ' (Enter the 6-digit 2FA code from your authenticator app.)',
+    'deviceAuth.statusPending': 'Pending',
+    'deviceAuth.statusExpired': 'Expired',
+    'deviceAuth.approvedMsg': 'Authorization approved. The device can now connect.',
+    'deviceAuth.deniedMsg': 'Device authorization denied.',
+    'deviceAuth.invalidCodeFormat': 'Please enter a device code in ABCD-EFGH format.',
+    'deviceAuth.codeInvalidOrExpired': 'Device code is invalid or has expired.',
+    'deviceAuth.lookupError': 'Unable to look up device code.',
+    'nativeAuth.title': 'Authorize TermFlow Client',
+    'nativeAuth.loading': 'Loading authorization request…',
+    'nativeAuth.server': 'Server',
+    'nativeAuth.keyFingerprint': 'Public Key Fingerprint',
+    'nativeAuth.allow': 'Allow Client',
+    'nativeAuth.invalidOrExpired': 'Authorization request is invalid or has expired.',
+    'nativeAuth.failed': 'Unable to complete authorization.',
     'notFound.title': 'Page Not Found',
     'notFound.back': 'Back to Dashboard',
 
@@ -692,6 +834,14 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.conversations.deleteDialogDesc': 'This permanently deletes {title} and its entire message history.',
     'agent.conversations.deleteConfirm': 'Delete',
     'agent.conversations.loadError': 'Unable to load Agent conversations. Please try again later.',
+    'agent.conversations.loadErrorShort': 'Unable to load Agent conversations.',
+    'agent.conversations.createdToast': 'Conversation created.',
+    'agent.conversations.createError': 'Failed to create conversation. Please try again later.',
+    'agent.conversations.nameInvalid': 'Conversation name must be 1–255 characters.',
+    'agent.conversations.renamedToast': 'Conversation name updated.',
+    'agent.conversations.renameError': 'Failed to save conversation name. Please try again later.',
+    'agent.conversations.deletedToast': 'Conversation deleted.',
+    'agent.conversations.deleteError': 'Failed to delete conversation. Please try again later.',
     'agent.conversations.termNameError': 'Unable to load Term names; some details may be incomplete.',
     'agent.conversations.termUnknown': 'Unknown Term',
     'agent.conversations.defaultTitle': 'Session {id}',
@@ -750,6 +900,31 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.panel.defaultChatTitle': 'Agent Chat',
     'agent.panel.savePanesError': 'Unable to save pane permissions.',
     'agent.panel.writePolicyError': 'Unable to update write approval policy.',
+    'agent.panel.resizeAria': 'Resize Agent panel ({edge})',
+    'agent.panel.edge.n': 'top edge',
+    'agent.panel.edge.e': 'right edge',
+    'agent.panel.edge.s': 'bottom edge',
+    'agent.panel.edge.w': 'left edge',
+    'agent.panel.edge.ne': 'top-right corner',
+    'agent.panel.edge.se': 'bottom-right corner',
+    'agent.panel.edge.sw': 'bottom-left corner',
+    'agent.panel.edge.nw': 'top-left corner',
+    'agent.reason.stale_topology': 'Pane layout has changed. Please refresh and select again.',
+    'agent.reason.stale_binding_revision': 'Agent configuration has changed. Please refresh and try again.',
+    'agent.reason.topology_unavailable': 'Pane layout is currently unavailable. Connect the terminal and refresh.',
+    'agent.reason.disclosure_mismatch': 'Provider disclosure has changed. Please confirm again.',
+    'agent.reason.disclosure_required': 'Please confirm the data disclosure for the current provider.',
+    'agent.reason.binding_disclosure_stale': 'Provider disclosure has changed. Please confirm again.',
+    'agent.reason.binding_disclosure_required': 'Please confirm the data disclosure for the current provider.',
+    'agent.reason.provider_unavailable': 'Model provider is currently unavailable.',
+    'agent.reason.deployment_required': 'Ask the administrator to complete Agent service deployment.',
+    'agent.reason.sensitive_action_reauthentication_required': 'Authentication has expired. Please try again.',
+    'agent.reason.runtime_unreachable': 'Runtime is temporarily unreachable and will retry automatically.',
+    'agent.reason.mcp_not_connected': 'Runtime has not connected to the control plane yet and will retry automatically.',
+    'agent.reason.runtime_assignment_conflict': 'Runtime identity conflict. Click "Reactivate" to fix.',
+    'agent.reason.pipeline_start_failed': 'Runtime failed to start. Try again later or contact the administrator.',
+    'agent.reason.insufficient_scope': 'Current client lacks Agent permissions. Please sign in and authorize again.',
+    'agent.reason.default': 'Agent is temporarily unavailable. Please try again later.',
     'agent.chat.backOverview': 'Agent Console',
     'agent.chat.policyGroupAria': 'Session write approval policy',
     'agent.chat.policyManual': 'Manual',
@@ -758,11 +933,17 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.cancelRun': 'Cancel Run',
     'agent.chat.deleteConfirmAria': 'Confirm Delete Session',
     'agent.chat.deleteConfirmDesc': 'This permanently deletes the session and its events.',
+    'agent.chat.deleteError': 'Failed to delete session. Please try again later.',
     'agent.chat.policyConfirmAria': 'Confirm Session Auto Approval',
     'agent.chat.policyConfirmDesc': 'In this session, Agent writes to authorized panes will execute immediately without prompts.',
+    'agent.chat.policyUpdateError': 'Unable to update approval policy.',
+    'agent.chat.cancelError': 'Failed to cancel run. Please try again later.',
     'agent.chat.approvalPromptAria': 'Pending approvals',
     'agent.chat.notFoundBanner': 'This session no longer exists and cannot be connected.',
     'agent.chat.revokedBanner': 'Agent Binding was revoked and cannot be connected.',
+    'agent.chat.notFoundToast': 'This session does not exist or has been deleted.',
+    'agent.chat.forbiddenToast': 'This client does not have permission to access this session. Please sign in and authorize again.',
+    'agent.chat.recoveringToast': 'Reconnecting and catching up on messages…',
     'agent.chat.historyUnavailable': 'Historical message content unavailable',
     'agent.chat.emptyPrompt': 'Send a message to start chatting with the Agent.',
     'agent.chat.roleSystem': 'System',
@@ -772,6 +953,7 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.thinking': 'Thinking',
     'agent.chat.thinkingStreaming': 'Thinking…',
     'agent.chat.toolCall': 'Tool Call',
+    'agent.chat.defaultToolLabel': 'Call',
     'agent.chat.toolInput': 'Input',
     'agent.chat.toolDefaultsOmitted': 'Defaults omitted: {items}',
     'agent.chat.toolOutput': 'Output',
@@ -785,6 +967,13 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.chat.collapseCode': 'Collapse diff ▴',
     'agent.chat.collapseOutput': 'Collapse output ▴',
     'agent.chat.expandLines': 'Expand {folded} more lines ({total} total) ▾',
+    'agent.chat.announce.separator': '; ',
+    'agent.chat.announce.toolCompleted': 'Tool {label} completed',
+    'agent.chat.announce.toolFailed': 'Tool {label} failed',
+    'agent.chat.announce.runFinished': 'Run finished',
+    'agent.chat.announce.runError': 'Run failed',
+    'agent.chat.announce.newApproval': 'New approval request received',
+    'agent.chat.announce.backendState': 'Backend state: {state}',
     'agent.composer.inputAria': 'Message to Agent',
     'agent.composer.sendAria': 'Send message',
     'agent.composer.tooLong': 'Message exceeds maximum length ({max} bytes). Please shorten it.',
@@ -810,14 +999,32 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.approval.criticalWarning': '⚠️ Critical Risk Warning: This operation is destructive. Please confirm carefully!',
     'agent.approval.criticalAck': 'I understand this operation is destructive and confirm execution',
     'agent.approval.confirmApprove': 'Confirm Approve',
+    'agent.approval.loadError': 'Unable to load approval list.',
+    'agent.approval.notFoundError': 'This approval request no longer exists.',
+    'agent.approval.expiredError': 'This approval request has expired.',
+    'agent.approval.stateChangedError': 'Approval state changed; list refreshed.',
+    'agent.approval.approvedToast': 'Approved.',
+    'agent.approval.deniedToast': 'Rejected.',
+    'agent.approval.revokedToast': 'Approval undone.',
     'agent.risk.level4': 'Critical',
     'agent.risk.level3': 'High Risk',
     'agent.risk.level2': 'Med Risk',
     'agent.risk.level1': 'Low Risk',
+    'agent.reauth.title': 'Re-authenticate Identity',
+    'agent.reauth.nativeHint': 'Please complete authentication in your system browser.',
+    'agent.reauth.webHint': 'To protect terminal security, please re-verify administrator identity before performing sensitive actions. Your action will resume automatically once verified.',
+    'agent.reauth.rootCredential': 'Root Credential',
+    'agent.reauth.totp': '2FA Code',
+    'agent.reauth.verify': 'Verify',
+    'agent.reauth.failed': 'Verification failed. Please try again.',
     'agent.setup.title': 'Configure Term Agent',
     'agent.setup.helpLabel': 'About Term Agent',
     'agent.setup.enable': 'Enable Agent',
     'agent.setup.settingUp': 'Configuring…',
+    'agent.setup.noProviderHelp': 'Model provider is not configured for this deployment. Contact the administrator.',
+    'agent.setup.providerHelp': 'The Agent uses the configured model {provider} · {model} to read authorized panes; writing commands still requires approval.',
+    'agent.setup.selectPaneError': 'Please select at least one active pane.',
+    'agent.setup.providerUnavailableError': 'Provider configuration is unavailable. Ask the administrator to complete deployment.',
     'agent.panes.defaultLegend': 'Panes accessible to Agent',
     'agent.panes.helpLabel': 'About Pane Permissions',
     'agent.panes.helpText': 'A pane is a split terminal view (% ID). The Agent can only read checked panes; writes still require approval.',
@@ -825,6 +1032,17 @@ const messages: Record<Locale, Record<string, string>> = {
     'agent.panes.clear': 'Clear',
     'agent.panes.selectedCount': 'Selected {selected}/{total}',
     'agent.panes.empty': 'No panes available. Connect the terminal and refresh.',
+    'agent.preview.title': 'Deployment Check',
+    'agent.preview.inputPlaceholder': 'Type a message…',
+    'agent.preview.reauthBtn': 'Re-authenticate Identity (Preview)',
+    'agent.preview.mobileKeybarHeading': 'Mobile Key Bar (MobileKeyBar Preview)',
+    'agent.preview.themePickerHeading': 'Geek Theme Switcher (10 Classic Palettes Preview)',
+    'agent.preview.sampleUserPrompt': 'Please run echo 1 in the currently allowed terminal and tell me the result.',
+    'agent.preview.sampleThinking1': 'The user wants me to run echo 1 in the terminal. I will list the panes first, verify write access, then send the command and wait for approval.',
+    'agent.preview.sampleAssistant1': 'I will check the available panes first, then run echo 1.',
+    'agent.preview.sampleAssistant2': 'Ready to write `echo 1` to pane %0; awaiting your confirmation.',
+    'agent.preview.sampleThinking2': 'Preparing to update configuration file and review patch diff.',
+    'agent.preview.sampleFinalText': 'Executed. Output is `1`.',
   },
 }
 
diff --git a/packages/client-ui/src/terminal/actions.ts b/packages/client-ui/src/terminal/actions.ts
index cff66121..a81f0724 100644
--- a/packages/client-ui/src/terminal/actions.ts
+++ b/packages/client-ui/src/terminal/actions.ts
@@ -1,15 +1,35 @@
 import type { TerminalAction as TerminalActionId } from '@termflow/client-contracts'
-export interface TmuxActionDefinition { id: TerminalActionId; label: string; destructive?: boolean }
+import { t } from '../i18n'
+
+export interface TmuxActionDefinition {
+  id: TerminalActionId
+  labelKey: string
+  readonly label: string
+  destructive?: boolean
+}
+
+function defineTmuxAction(id: TerminalActionId, destructive?: boolean): TmuxActionDefinition {
+  const labelKey = `terminal.tmux.action.${id}`
+  return {
+    id,
+    labelKey,
+    ...(destructive ? { destructive: true } : {}),
+    get label() {
+      return t(labelKey)
+    },
+  }
+}
 
 export const tmuxActions: readonly TmuxActionDefinition[] = [
-  { id: 'split_left_right', label: '左右切分 Pane' },
-  { id: 'split_top_bottom', label: '上下切分 Pane' },
-  { id: 'new_window', label: '新建 Window' },
-  { id: 'select_left', label: '选择左侧 Pane' },
-  { id: 'select_right', label: '选择右侧 Pane' },
-  { id: 'select_up', label: '选择上方 Pane' },
-  { id: 'select_down', label: '选择下方 Pane' },
-  { id: 'toggle_zoom', label: '切换 tmux Zoom' },
-  { id: 'copy_mode', label: '进入 Copy Mode' },
-  { id: 'close_pane', label: '关闭 Pane', destructive: true },
+  defineTmuxAction('split_left_right'),
+  defineTmuxAction('split_top_bottom'),
+  defineTmuxAction('new_window'),
+  defineTmuxAction('select_left'),
+  defineTmuxAction('select_right'),
+  defineTmuxAction('select_up'),
+  defineTmuxAction('select_down'),
+  defineTmuxAction('toggle_zoom'),
+  defineTmuxAction('copy_mode'),
+  defineTmuxAction('close_pane', true),
 ]
+
diff --git a/packages/client-ui/src/views/AgentPreviewView.vue b/packages/client-ui/src/views/AgentPreviewView.vue
index 20d17cdb..fe616d31 100644
--- a/packages/client-ui/src/views/AgentPreviewView.vue
+++ b/packages/client-ui/src/views/AgentPreviewView.vue
@@ -4,12 +4,12 @@
       <div class="agent-chat-header__left">
         <div>
           <p class="eyebrow">Agent Chat</p>
-          <h1>部署检查</h1>
+          <h1>{{ t('agent.preview.title') }}</h1>
           <p class="agent-chat-header__binding">Binding 2e2b1253 · Term ca70e9a5</p>
         </div>
       </div>
       <div class="agent-chat-header__actions">
-        <span class="agent-backend-status agent-backend-status--busy">处理中</span>
+        <span class="agent-backend-status agent-backend-status--busy">{{ t('agent.backend.busy') }}</span>
       </div>
     </header>
     <div class="agent-chat-body">
@@ -19,13 +19,13 @@
       <AgentApprovalCard :permission="permission" @focus="() => {}" />
     </section>
     <div class="x-preview__composer">
-      <span>输入消息…</span>
-      <button type="button" class="secondary-button compact-secondary-button" data-action="preview-reauth" @click="authorization.authorize()">重新验证身份（预览）</button>
-      <button type="button" class="icon-button icon-only" aria-label="发送消息"><Send :size="18" aria-hidden="true" /></button>
+      <span>{{ t('agent.preview.inputPlaceholder') }}</span>
+      <button type="button" class="secondary-button compact-secondary-button" data-action="preview-reauth" @click="authorization.authorize()">{{ t('agent.preview.reauthBtn') }}</button>
+      <button type="button" class="icon-button icon-only" :aria-label="t('agent.composer.sendAria')"><Send :size="18" aria-hidden="true" /></button>
     </div>
 
     <div class="x-preview__mobile-bar-wrap">
-      <p class="eyebrow" style="margin-block: var(--space-2)">移动端按键栏 (MobileKeyBar Preview)</p>
+      <p class="eyebrow" style="margin-block: var(--space-2)">{{ t('agent.preview.mobileKeybarHeading') }}</p>
       <MobileKeyBar
         prefix="^B"
         :controller="modifierController"
@@ -35,7 +35,7 @@
     </div>
 
     <details class="x-preview__theme-wrap" open>
-      <summary class="eyebrow" style="cursor: pointer; margin-block: var(--space-2)">极客主题切换器 (10 款经典配色预览)</summary>
+      <summary class="eyebrow" style="cursor: pointer; margin-block: var(--space-2)">{{ t('agent.preview.themePickerHeading') }}</summary>
       <ThemePicker style="margin-block: var(--space-2)" />
     </details>
   </section>
@@ -45,13 +45,14 @@
 //: Design preview for the rebuilt agent conversation window. Feeds the real
 //: history reducer with sample AG-UI frames so the shipped components render
 //: without any backend.
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import AgentApprovalCard from '../components/agent/AgentApprovalCard.vue'
 import AgentPartsList, { type AgentConversationPart } from '../components/agent/AgentPartsList.vue'
 import MobileKeyBar from '../components/terminal/MobileKeyBar.vue'
 import ThemePicker from '../components/settings/ThemePicker.vue'
 import { Send } from '@lucide/vue'
 import { useSensitiveAuthorization } from '../composables/useSensitiveAuthorization'
+import { useI18n } from '../i18n'
 import {
   applyAguiEvent,
   createAgentHistoryState,
@@ -61,6 +62,7 @@ import {
   type AguiEvent,
 } from '@termflow/client-core'
 
+const { t } = useI18n()
 const authorization = useSensitiveAuthorization()
 const modifierController = new MobileModifierController()
 const lastKeyInput = ref('')
@@ -81,7 +83,7 @@ state = seedUserMessages(
       assembly_revision: 1,
       is_final: false,
       body_digest: 'd',
-      body: '请在当前允许的终端中执行 echo 1，并告诉我结果。',
+      body: t('agent.preview.sampleUserPrompt'),
       created_at: new Date(now).toISOString(),
     },
   ] as never,
@@ -91,9 +93,9 @@ state = seedUserMessages(
 const frames: AguiEvent[] = [
   { type: 'RUN_STARTED', threadId: 'c1', runId: 'r1' },
   { type: 'STATE_DELTA', delta: [{ op: 'replace', path: '/backend', value: { state: 'busy', epoch: 1 } }] },
-  { type: 'CUSTOM', name: 'termflow.thinking_delta', value: { id: 'th1', delta: '用户想让我在终端执行 echo 1。我先列出 pane，确认可写后再发送命令并等待审批。' } },
+  { type: 'CUSTOM', name: 'termflow.thinking_delta', value: { id: 'th1', delta: t('agent.preview.sampleThinking1') } },
   { type: 'CUSTOM', name: 'termflow.thinking_completed', value: { id: 'th1' } },
-  { type: 'TEXT_MESSAGE_CHUNK', messageId: 'a1', delta: '我先看一下有哪些 pane，然后执行 echo 1。' },
+  { type: 'TEXT_MESSAGE_CHUNK', messageId: 'a1', delta: t('agent.preview.sampleAssistant1') },
   { type: 'TOOL_CALL_START', toolCallId: 't1', toolCallName: 'termflow_termflow_list_panes' },
   {
     type: 'TOOL_CALL_RESULT',
@@ -102,7 +104,7 @@ const frames: AguiEvent[] = [
     content: '{"status":"success","truncated":false}',
   },
   { type: 'TEXT_MESSAGE_END', messageId: 'a1' },
-  { type: 'TEXT_MESSAGE_CHUNK', messageId: 'a2', delta: '准备向 pane %0 写入 `echo 1`，需要你确认。' },
+  { type: 'TEXT_MESSAGE_CHUNK', messageId: 'a2', delta: t('agent.preview.sampleAssistant2') },
   {
     type: 'CUSTOM',
     name: 'termflow.permission_requested',
@@ -113,11 +115,11 @@ const frames: AguiEvent[] = [
 for (const frame of frames) state = applyAguiEvent(state, frame, () => now)
 
 const history: AgentHistoryState = state
-const parts: AgentConversationPart[] = [
+const parts = computed<AgentConversationPart[]>(() => [
   { type: 'step-start' },
-  { type: 'reasoning', text: '用户想让我在终端执行 echo 1。我先列出 pane，确认可写后再发送命令并等待审批。' },
+  { type: 'reasoning', text: t('agent.preview.sampleThinking1') },
   { type: 'tool', tool: 'termflow_termflow_list_panes', status: 'completed', input: '{}', output: '{\n  "instance_id": "a38adddd-f204-4bd8-9587-0b57aa21524c",\n  "panes": [{"pane_id": "%0", "active": true, "dead": false}]\n}' },
-  { type: 'reasoning', text: '准备更新配置文件，审查 patch 差异。' },
+  { type: 'reasoning', text: t('agent.preview.sampleThinking2') },
   {
     type: 'tool',
     tool: 'termflow_termflow_git_diff',
@@ -145,9 +147,9 @@ const parts: AgentConversationPart[] = [
   },
   { type: 'tool', tool: 'termflow_termflow_pane_send_text', status: 'completed', input: '{"params": {"pane_id": "%0", "text": "echo 1", "submit": true, "intent": "Run echo 1"}}', output: '{\n  "ok": true,\n  "outcome": "confirmed",\n  "approval_id": "5282e3e1-..."\n}' },
   { type: 'tool', tool: 'termflow_termflow_pane_read', status: 'completed', input: '{"params": {"pane_id": "%0"}}', output: '"$ echo 1\\n1\\n$ "' },
-  { type: 'text', text: '已执行。结果输出为 `1`。' },
+  { type: 'text', text: t('agent.preview.sampleFinalText') },
   { type: 'step-finish' },
-]
+])
 const permission = {
   approvalId: 'a0000000-0000-4000-8000-000000000001',
   toolName: 'rm',
diff --git a/packages/client-ui/src/views/DeviceAuthorizeView.test.ts b/packages/client-ui/src/views/DeviceAuthorizeView.test.ts
index f9be7c6b..32200672 100644
--- a/packages/client-ui/src/views/DeviceAuthorizeView.test.ts
+++ b/packages/client-ui/src/views/DeviceAuthorizeView.test.ts
@@ -84,4 +84,22 @@ describe('DeviceAuthorizeView', () => {
     await flushPromises()
     expect(deviceAuthorizationPreview).toHaveBeenCalledWith('ABCD-EFGH')
   })
+
+  it('renders localized English labels and status messages when locale is en', async () => {
+    const { setLocale } = await import('../i18n')
+    setLocale('en')
+    try {
+      const runtime = createFakeRuntime({ api: { oauth: {
+        deviceAuthorizationPreview: vi.fn().mockResolvedValue(preview),
+        decideAuthorization: vi.fn().mockResolvedValue({ status: 'approved', callback_uri: 'termflow://auth/callback' }),
+      } } as unknown as ClientRuntime['api'] })
+      const { wrapper } = await mountDevice(runtime)
+      expect(wrapper.get('#device-authorize-title').text()).toBe('Authorize New Device')
+      expect(wrapper.get('[data-action="back-to-login"]').text()).toBe('Back to Sign In')
+      expect(wrapper.text()).toContain('Allow Device')
+      expect(wrapper.text()).toContain('Deny')
+    } finally {
+      setLocale('zh')
+    }
+  })
 })
diff --git a/packages/client-ui/src/views/DeviceAuthorizeView.vue b/packages/client-ui/src/views/DeviceAuthorizeView.vue
index 45eccd2d..e7b3af84 100644
--- a/packages/client-ui/src/views/DeviceAuthorizeView.vue
+++ b/packages/client-ui/src/views/DeviceAuthorizeView.vue
@@ -2,38 +2,38 @@
   <section class="authorize-view" aria-labelledby="device-authorize-title">
     <div class="auth-card consent-card device-consent-card">
       <header class="authorize-card-heading">
-        <div><p class="eyebrow">Cross-device authorization</p><h1 id="device-authorize-title">授权新设备</h1></div>
-        <RouterLink data-action="back-to-login" class="secondary-button" to="/login">返回登录</RouterLink>
+        <div><p class="eyebrow">Cross-device authorization</p><h1 id="device-authorize-title">{{ t('deviceAuth.title') }}</h1></div>
+        <RouterLink data-action="back-to-login" class="secondary-button" to="/login">{{ t('deviceAuth.backToLogin') }}</RouterLink>
       </header>
       <template v-if="preview === null && !loading">
         <form data-action="lookup-device" class="security-form device-code-lookup" @submit.prevent="lookup()">
-          <label for="device-user-code">设备码</label>
+          <label for="device-user-code">{{ t('deviceAuth.codeLabel') }}</label>
           <input id="device-user-code" v-model="userCode" inputmode="text" autocomplete="off" placeholder="ABCD-EFGH" required />
           <p v-if="message" role="alert" class="form-error">{{ message }}</p>
-          <button class="primary-button" type="submit" :disabled="busy">查找设备</button>
+          <button class="primary-button" type="submit" :disabled="busy">{{ t('deviceAuth.lookupBtn') }}</button>
         </form>
       </template>
-      <p v-else-if="loading">正在读取设备授权…</p>
+      <p v-else-if="loading">{{ t('deviceAuth.loading') }}</p>
       <template v-else-if="preview">
         <div class="device-authorize-layout">
           <div class="device-authorize-qr">
-            <ThemedQrCode :value="verificationUrl" alt="设备授权二维码" />
-            <span class="form-hint">设备码 <code>{{ userCode }}</code></span>
+            <ThemedQrCode :value="verificationUrl" :alt="t('deviceAuth.qrAlt')" />
+            <span class="form-hint">{{ t('deviceAuth.codeHint') }} <code>{{ userCode }}</code></span>
           </div>
           <div class="device-authorize-status">
             <dl class="consent-details">
-              <div><dt>客户端</dt><dd>{{ preview.client_name }}</dd></div>
-              <div><dt>平台</dt><dd>{{ preview.platform }}{{ preview.client_version ? ` · ${preview.client_version}` : '' }}</dd></div>
-              <div><dt>权限</dt><dd>{{ preview.scopes.join(' · ') }}</dd></div>
-              <div><dt>有效期至</dt><dd>{{ formatExpiry(preview.expires_at) }}<span class="status-pill">{{ statusLabel }}</span></dd></div>
+              <div><dt>{{ t('settings.deviceApproval.client') }}</dt><dd>{{ preview.client_name }}</dd></div>
+              <div><dt>{{ t('settings.deviceApproval.platform') }}</dt><dd>{{ preview.platform }}{{ preview.client_version ? ` · ${preview.client_version}` : '' }}</dd></div>
+              <div><dt>{{ t('settings.deviceApproval.scopes') }}</dt><dd>{{ preview.scopes.join(' · ') }}</dd></div>
+              <div><dt>{{ t('settings.deviceApproval.expiresAt') }}</dt><dd>{{ formatExpiry(preview.expires_at) }}<span class="status-pill">{{ statusLabel }}</span></dd></div>
             </dl>
             <form class="security-form" @submit.prevent="decide('allow')">
               <template v-if="preview.totp_required">
-                <label for="device-authorize-totp">双重验证码<span class="totp-hint">（请输入验证器应用当前显示的 6 位双重验证码。）</span></label>
+                <label for="device-authorize-totp">{{ t('settings.totp.code') }}<span class="totp-hint">{{ t('deviceAuth.totpHint') }}</span></label>
                 <input id="device-authorize-totp" v-model="totpCode" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" required />
               </template>
               <p v-if="message" role="alert" class="form-error">{{ message }}</p>
-          <div class="dialog-actions"><button class="secondary-button" type="button" :disabled="busy" @click="decide('deny')">拒绝</button><button class="primary-button" type="submit" :disabled="busy">允许此设备</button></div>
+          <div class="dialog-actions"><button class="secondary-button" type="button" :disabled="busy" @click="decide('deny')">{{ t('settings.deviceApproval.deny') }}</button><button class="primary-button" type="submit" :disabled="busy">{{ t('settings.deviceApproval.allow') }}</button></div>
             </form>
           </div>
         </div>
@@ -48,8 +48,10 @@ import { computed, onMounted } from 'vue'
 import { RouterLink, useRoute, useRouter } from 'vue-router'
 import ThemedQrCode from '../components/common/ThemedQrCode.vue'
 import { useDeviceAuthorizationApproval } from '../composables/useDeviceAuthorizationApproval'
+import { useI18n } from '../i18n'
 import { useClientRuntime } from '../runtime'
 
+const { t } = useI18n()
 const runtime = useClientRuntime()
 const route = useRoute()
 const router = useRouter()
@@ -58,8 +60,8 @@ const { preview, loading, busy, userCode, totpCode, error: message, success, loo
   { onAuthenticationRequired: async () => { await router.replace({ path: '/login', query: { redirect: route.fullPath } }) } },
 )
 
-const statusLabel = computed(() => new Date(preview.value?.expires_at ?? 0).getTime() > Date.now() ? '待确认' : '已过期')
-const successLabel = computed(() => success.value === 'approved' ? '授权成功，设备可以继续连接。' : success.value === 'denied' ? '已拒绝该设备授权。' : '')
+const statusLabel = computed(() => new Date(preview.value?.expires_at ?? 0).getTime() > Date.now() ? t('deviceAuth.statusPending') : t('deviceAuth.statusExpired'))
+const successLabel = computed(() => success.value === 'approved' ? t('deviceAuth.approvedMsg') : success.value === 'denied' ? t('deviceAuth.deniedMsg') : '')
 const verificationUrl = computed(() => {
   if (preview.value === null || !userCode.value) return ''
   try {
diff --git a/packages/client-ui/src/views/NativeAuthorizeView.vue b/packages/client-ui/src/views/NativeAuthorizeView.vue
index ec64363b..ab2c15b6 100644
--- a/packages/client-ui/src/views/NativeAuthorizeView.vue
+++ b/packages/client-ui/src/views/NativeAuthorizeView.vue
@@ -2,29 +2,29 @@
   <section class="authorize-view">
     <div class="auth-card consent-card">
       <header class="authorize-card-heading">
-        <div><p class="eyebrow">Native client authorization</p><h1>授权 TermFlow 客户端</h1></div>
+        <div><p class="eyebrow">Native client authorization</p><h1>{{ t('nativeAuth.title') }}</h1></div>
       </header>
-      <p v-if="loading">正在读取授权请求…</p>
+      <p v-if="loading">{{ t('nativeAuth.loading') }}</p>
       <template v-else-if="preview">
         <dl class="consent-details">
-          <div><dt>服务器</dt><dd>{{ preview.issuer }}</dd></div>
-          <div><dt>客户端</dt><dd>{{ preview.client_name }}</dd></div>
-          <div><dt>平台</dt><dd>{{ preview.platform }}{{ preview.client_version ? ` · ${preview.client_version}` : '' }}</dd></div>
-          <div><dt>公钥指纹</dt><dd><code>{{ preview.key_fingerprint }}</code></dd></div>
-          <div><dt>权限</dt><dd>{{ preview.scopes.join(' · ') }}</dd></div>
+          <div><dt>{{ t('nativeAuth.server') }}</dt><dd>{{ preview.issuer }}</dd></div>
+          <div><dt>{{ t('settings.deviceApproval.client') }}</dt><dd>{{ preview.client_name }}</dd></div>
+          <div><dt>{{ t('settings.deviceApproval.platform') }}</dt><dd>{{ preview.platform }}{{ preview.client_version ? ` · ${preview.client_version}` : '' }}</dd></div>
+          <div><dt>{{ t('nativeAuth.keyFingerprint') }}</dt><dd><code>{{ preview.key_fingerprint }}</code></dd></div>
+          <div><dt>{{ t('settings.deviceApproval.scopes') }}</dt><dd>{{ preview.scopes.join(' · ') }}</dd></div>
         </dl>
         <form class="security-form native-authorize-form" @submit.prevent="decide('allow')">
-          <label for="authorize-admin-token">管理员令牌</label>
+          <label for="authorize-admin-token">{{ t('settings.totp.adminToken') }}</label>
           <input id="authorize-admin-token" v-model="adminToken" type="password" autocomplete="off" required />
           <template v-if="preview.totp_required">
-            <label for="authorize-totp">双重验证码<span class="totp-hint">（请输入验证器应用当前显示的 6 位双重验证码。）</span></label>
+            <label for="authorize-totp">{{ t('settings.totp.code') }}<span class="totp-hint">{{ t('deviceAuth.totpHint') }}</span></label>
             <input id="authorize-totp" v-model="totpCode" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" required />
           </template>
           <p v-if="message" role="alert" class="form-error">{{ message }}</p>
-          <div class="dialog-actions"><button class="secondary-button" type="button" @click="decide('deny')">拒绝</button><button class="primary-button" type="submit">允许此客户端</button></div>
+          <div class="dialog-actions"><button class="secondary-button" type="button" @click="decide('deny')">{{ t('settings.deviceApproval.deny') }}</button><button class="primary-button" type="submit">{{ t('nativeAuth.allow') }}</button></div>
         </form>
       </template>
-      <p v-else role="alert" class="form-error">{{ message || '授权请求无效或已过期。' }}</p>
+      <p v-else role="alert" class="form-error">{{ message || t('nativeAuth.invalidOrExpired') }}</p>
     </div>
   </section>
 </template>
@@ -34,8 +34,10 @@ import type { OAuthAuthorizationPreviewResponse } from '@termflow/client-contrac
 import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { ApiError } from '@termflow/client-core'
+import { useI18n } from '../i18n'
 import { useClientRuntime } from '../runtime'
 
+const { t } = useI18n()
 const runtime = useClientRuntime()
 const route = useRoute()
 const preview = ref<OAuthAuthorizationPreviewResponse | null>(null)
@@ -47,7 +49,7 @@ const message = ref('')
 onMounted(async () => {
   const transactionId = typeof route.query.transaction_id === 'string' ? route.query.transaction_id : ''
   try { preview.value = await runtime.api.oauth.authorizationPreview(transactionId) }
-  catch (error) { message.value = error instanceof ApiError ? error.message : '授权请求无效或已过期。' }
+  catch (error) { message.value = error instanceof ApiError ? error.message : t('nativeAuth.invalidOrExpired') }
   finally { loading.value = false }
 })
 
@@ -64,7 +66,7 @@ async function decide(decision: 'allow' | 'deny') {
     runtime.authorizationCompletion.navigate(result.callback_uri)
   } catch (error) {
     adminToken.value = ''; totpCode.value = ''
-    message.value = error instanceof ApiError ? error.message : '无法完成授权。'
+    message.value = error instanceof ApiError ? error.message : t('nativeAuth.failed')
   }
 }
 </script>
diff --git a/packages/client-ui/src/views/TerminalView.vue b/packages/client-ui/src/views/TerminalView.vue
index 2d55605f..974e895d 100644
--- a/packages/client-ui/src/views/TerminalView.vue
+++ b/packages/client-ui/src/views/TerminalView.vue
@@ -73,7 +73,7 @@ const displayMode = computed<DisplayMode>({
   },
 })
 const termName = ref(`Term · ${termId.value}`)
-const computerName = ref(t('terminal.unreportedComputer'))
+const computerName = ref<string | undefined>(undefined)
 const connectionStatus = ref<TerminalConnectionStatus>('connecting')
 type DesktopMenu = 'display' | 'tmux'
 const openMenu = ref<DesktopMenu | null>(null)