From b751504e722043359682e27d628b080b3000d5b5 Mon Sep 17 00:00:00 2001
From: yunpeng7 <yunpeng7@staff.weibo.com>
Date: Wed, 27 May 2026 19:25:43 +0800
Subject: [PATCH 1/2] feat(wework): add connection settings page

---
 .../components/layout/DesktopSettingsMenu.tsx |   4 +-
 .../src/components/layout/DesktopSidebar.tsx  |  13 +-
 .../layout/DesktopWorkbenchLayout.test.tsx    |  65 ++++
 .../layout/DesktopWorkbenchLayout.tsx         |  29 +-
 .../settings/ConnectionsSettingsPage.tsx      | 326 ++++++++++++++++++
 wework/src/i18n/locales/en/common.json        |  23 +-
 wework/src/i18n/locales/zh-CN/common.json     |  23 +-
 7 files changed, 466 insertions(+), 17 deletions(-)
 create mode 100644 wework/src/components/settings/ConnectionsSettingsPage.tsx

diff --git a/wework/src/components/layout/DesktopSettingsMenu.tsx b/wework/src/components/layout/DesktopSettingsMenu.tsx
index be2f1fc091..4577a8c815 100644
--- a/wework/src/components/layout/DesktopSettingsMenu.tsx
+++ b/wework/src/components/layout/DesktopSettingsMenu.tsx
@@ -4,10 +4,11 @@ import type { User as UserProfile } from '@/types/api'
 
 interface DesktopSettingsMenuProps {
   user: UserProfile | null
+  onOpenSettings: () => void
   onLogout: () => void
 }
 
-export function DesktopSettingsMenu({ user, onLogout }: DesktopSettingsMenuProps) {
+export function DesktopSettingsMenu({ user, onOpenSettings, onLogout }: DesktopSettingsMenuProps) {
   const { t } = useTranslation('common')
   const accountLabel =
     user?.email || user?.user_name || t('workbench.account_fallback', '当前账号')
@@ -33,6 +34,7 @@ export function DesktopSettingsMenu({ user, onLogout }: DesktopSettingsMenuProps
       <button
         type="button"
         data-testid="settings-menu-button"
+        onClick={onOpenSettings}
         className="flex h-11 w-full items-center gap-3 px-4 text-left text-sm font-medium text-[#333] hover:bg-muted"
       >
         <Settings className="h-5 w-5 shrink-0 text-[#555]" />
diff --git a/wework/src/components/layout/DesktopSidebar.tsx b/wework/src/components/layout/DesktopSidebar.tsx
index b9629c3167..98187b009a 100644
--- a/wework/src/components/layout/DesktopSidebar.tsx
+++ b/wework/src/components/layout/DesktopSidebar.tsx
@@ -22,6 +22,7 @@ interface DesktopSidebarProps {
   onCollapse: () => void
   onSelectProject: (projectId: number) => void
   onOpenTask: (taskId: number) => void
+  onOpenSettings: () => void
   onLogout: () => void
 }
 
@@ -93,6 +94,7 @@ export function DesktopSidebar({
   onCollapse,
   onSelectProject,
   onOpenTask,
+  onOpenSettings,
   onLogout,
 }: DesktopSidebarProps) {
   const { t } = useTranslation('common')
@@ -176,7 +178,16 @@ export function DesktopSidebar({
         <Settings className="h-4 w-4" />
         {t('workbench.settings', '设置')}
       </button>
-      {settingsMenuOpen && <DesktopSettingsMenu user={user} onLogout={onLogout} />}
+      {settingsMenuOpen && (
+        <DesktopSettingsMenu
+          user={user}
+          onOpenSettings={() => {
+            setSettingsMenuOpen(false)
+            onOpenSettings()
+          }}
+          onLogout={onLogout}
+        />
+      )}
 
       <button
         type="button"
diff --git a/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx b/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
index 3734569aef..d0792af267 100644
--- a/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
+++ b/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
@@ -97,6 +97,71 @@ describe('DesktopWorkbenchLayout', () => {
     expect(screen.getByText('退出登录')).toBeInTheDocument()
   })
 
+  test('opens the independent connection settings page from the settings menu', async () => {
+    render(<DesktopWorkbenchLayout {...baseProps} />)
+
+    await userEvent.click(screen.getByTestId('settings-button'))
+    await userEvent.click(screen.getByTestId('settings-menu-button'))
+
+    expect(screen.getByTestId('wework-settings-page')).toBeInTheDocument()
+    expect(screen.getByTestId('settings-back-button')).toHaveTextContent('返回')
+    expect(screen.queryByText('返回应用')).not.toBeInTheDocument()
+    expect(screen.getByRole('heading', { name: '连接' })).toBeInTheDocument()
+    expect(screen.getByText('连接这台设备')).toBeInTheDocument()
+    expect(screen.queryByText('链接这台设备')).not.toBeInTheDocument()
+    expect(screen.queryByText('控制其他设备')).not.toBeInTheDocument()
+    expect(screen.queryByText('SSH')).not.toBeInTheDocument()
+    expect(screen.getByTestId('settings-nav-connections')).toBeInTheDocument()
+    expect(screen.getByTestId('settings-nav-projects')).toBeInTheDocument()
+    expect(screen.getByText('项目')).toBeInTheDocument()
+    expect(screen.queryByTestId('settings-nav-general')).not.toBeInTheDocument()
+    expect(screen.queryByText('Personal Devices')).not.toBeInTheDocument()
+    expect(screen.queryByText('Linux-Device-481b616e8e0b')).not.toBeInTheDocument()
+    expect(screen.getByText('可连接的设备')).toBeInTheDocument()
+    expect(screen.queryByText('可连接这台设备的云设备')).not.toBeInTheDocument()
+    expect(screen.getByText('云设备')).toBeInTheDocument()
+    expect(
+      screen.getByTestId('connection-device-icon-24a59054-4638-4744-983d-372706c30fcd'),
+    ).toHaveClass('text-[#3c4043]')
+    expect(
+      screen.getByTestId('connection-device-icon-24a59054-4638-4744-983d-372706c30fcd'),
+    ).not.toHaveClass('bg-[#f7f7f8]')
+    expect(screen.getByText('yunpeng7-executor-372706c30fcd')).toBeInTheDocument()
+    expect(screen.getByText('v1.712')).toBeInTheDocument()
+    expect(screen.getByText('在线')).toBeInTheDocument()
+    expect(screen.queryByText('Online')).not.toBeInTheDocument()
+    expect(
+      screen.getByTestId('connection-terminal-button-24a59054-4638-4744-983d-372706c30fcd'),
+    ).toBeInTheDocument()
+    expect(
+      screen.getByTestId('connection-code-server-button-24a59054-4638-4744-983d-372706c30fcd'),
+    ).toBeInTheDocument()
+    expect(
+      screen.getByTestId('connection-vnc-button-24a59054-4638-4744-983d-372706c30fcd'),
+    ).toBeInTheDocument()
+    expect(screen.getByText('终端')).toBeInTheDocument()
+    expect(screen.getByText('IDE')).toBeInTheDocument()
+    expect(screen.getByText('桌面')).toBeInTheDocument()
+    expect(screen.queryByText('Terminal')).not.toBeInTheDocument()
+    expect(screen.queryByText('Code Server')).not.toBeInTheDocument()
+    expect(screen.queryByText('桌面 VNC')).not.toBeInTheDocument()
+    expect(screen.getByText('CPU')).toBeInTheDocument()
+    expect(screen.getByText('MEM')).toBeInTheDocument()
+    expect(screen.getByText('磁盘')).toBeInTheDocument()
+    expect(screen.getByText('42%')).toBeInTheDocument()
+    expect(screen.getByText('68%')).toBeInTheDocument()
+    expect(screen.getByText('57%')).toBeInTheDocument()
+    expect(screen.getByTestId('connection-scale-wiki')).toBeInTheDocument()
+    expect(screen.getByText('说明')).toBeInTheDocument()
+    expect(screen.queryByText('扩容 Wiki')).not.toBeInTheDocument()
+    expect(screen.getByText(/持续超过 80%/)).toBeInTheDocument()
+    expect(screen.queryByText('a8791aa3-4e8a-4076-b9a6-481b616e8e0b')).not.toBeInTheDocument()
+    expect(screen.queryByText('Nevis')).not.toBeInTheDocument()
+    expect(screen.queryByText('Cloud computing powered by Nevis')).not.toBeInTheDocument()
+    expect(screen.queryByText('其他设置')).not.toBeInTheDocument()
+    expect(screen.queryByText('Start Task')).not.toBeInTheDocument()
+  })
+
   test('opens and resizes the right workspace panel', async () => {
     render(<DesktopWorkbenchLayout {...baseProps} />)
 
diff --git a/wework/src/components/layout/DesktopWorkbenchLayout.tsx b/wework/src/components/layout/DesktopWorkbenchLayout.tsx
index 13021cf47e..e7fea64c52 100644
--- a/wework/src/components/layout/DesktopWorkbenchLayout.tsx
+++ b/wework/src/components/layout/DesktopWorkbenchLayout.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react'
 import type { WorkbenchMessage, WorkbenchState } from '@/types/workbench'
 import { DesktopSidebar } from './DesktopSidebar'
 import { DesktopWorkbenchMain } from './DesktopWorkbenchMain'
+import { ConnectionsSettingsPage } from '@/components/settings/ConnectionsSettingsPage'
 
 interface DesktopWorkbenchLayoutProps {
   state: WorkbenchState
@@ -23,10 +24,11 @@ export function DesktopWorkbenchLayout({
   onLogout,
 }: DesktopWorkbenchLayoutProps) {
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
+  const [settingsOpen, setSettingsOpen] = useState(false)
 
   return (
     <div className="flex h-screen overflow-hidden bg-base text-text-primary">
-      {!sidebarCollapsed && (
+      {!settingsOpen && !sidebarCollapsed && (
         <DesktopSidebar
           user={state.user}
           projects={state.projects}
@@ -35,20 +37,25 @@ export function DesktopWorkbenchLayout({
           onCollapse={() => setSidebarCollapsed(true)}
           onSelectProject={onSelectProject}
           onOpenTask={onOpenTask}
+          onOpenSettings={() => setSettingsOpen(true)}
           onLogout={onLogout}
         />
       )}
 
-      <DesktopWorkbenchMain
-        sidebarCollapsed={sidebarCollapsed}
-        currentTask={state.currentTask}
-        messages={messages}
-        input={state.input}
-        isSending={state.isSending}
-        onExpandSidebar={() => setSidebarCollapsed(false)}
-        onInputChange={onInputChange}
-        onSend={onSend}
-      />
+      {settingsOpen ? (
+        <ConnectionsSettingsPage onBack={() => setSettingsOpen(false)} />
+      ) : (
+        <DesktopWorkbenchMain
+          sidebarCollapsed={sidebarCollapsed}
+          currentTask={state.currentTask}
+          messages={messages}
+          input={state.input}
+          isSending={state.isSending}
+          onExpandSidebar={() => setSidebarCollapsed(false)}
+          onInputChange={onInputChange}
+          onSend={onSend}
+        />
+      )}
     </div>
   )
 }
diff --git a/wework/src/components/settings/ConnectionsSettingsPage.tsx b/wework/src/components/settings/ConnectionsSettingsPage.tsx
new file mode 100644
index 0000000000..90aea440a7
--- /dev/null
+++ b/wework/src/components/settings/ConnectionsSettingsPage.tsx
@@ -0,0 +1,326 @@
+import {
+  ArrowLeft,
+  BookOpen,
+  Cloud,
+  Code2,
+  Cpu,
+  Folder,
+  Globe2,
+  HardDrive,
+  MemoryStick,
+  Monitor,
+  Plus,
+  Terminal,
+} from 'lucide-react'
+import type { ComponentType } from 'react'
+import { useTranslation } from 'react-i18next'
+
+interface ConnectionsSettingsPageProps {
+  onBack: () => void
+}
+
+interface SettingsNavItem {
+  key: string
+  icon: ComponentType<{ className?: string }>
+  label: string
+  fallback: string
+  active?: boolean
+}
+
+interface DeviceRow {
+  name: string
+  id: string
+  status: 'online' | 'offline'
+  version?: string
+  cpuUsage: number
+  memoryUsage: number
+  diskUsage: number
+}
+
+const settingsNavItems: SettingsNavItem[] = [
+  {
+    key: 'connections',
+    icon: Globe2,
+    label: 'settings_nav_connections',
+    fallback: '连接',
+    active: true,
+  },
+  { key: 'projects', icon: Folder, label: 'settings_nav_projects', fallback: '项目' },
+]
+
+const cloudDevices: DeviceRow[] = [
+  {
+    name: 'yunpeng7-executor-372706c30fcd',
+    id: '24a59054-4638-4744-983d-372706c30fcd',
+    status: 'online',
+    version: 'v1.712',
+    cpuUsage: 42,
+    memoryUsage: 68,
+    diskUsage: 57,
+  },
+]
+
+function StatusPill({ status }: { status: DeviceRow['status'] }) {
+  const { t } = useTranslation('common')
+  const isOnline = status === 'online'
+
+  return (
+    <span className="inline-flex items-center gap-2 text-xs text-[#6b6f76]">
+      <span
+        className={`h-1.5 w-1.5 rounded-full ${isOnline ? 'bg-[#35c26b]' : 'bg-[#aab1bc]'}`}
+        aria-hidden="true"
+      />
+      {isOnline
+        ? t('workbench.connection_status_online', '在线')
+        : t('workbench.connection_status_offline', '离线')}
+    </span>
+  )
+}
+
+function DeviceCard({ device }: { device: DeviceRow }) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div
+      data-testid={`connection-device-${device.id}`}
+      className="rounded-lg border border-[#e2e2e2] bg-white p-3"
+    >
+      <div className="flex items-start justify-between gap-4">
+        <div className="flex min-w-0 items-start gap-3">
+          <div
+            data-testid={`connection-device-icon-${device.id}`}
+            className="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center text-[#3c4043]"
+          >
+            <Cloud className="h-4 w-4" />
+          </div>
+          <div className="min-w-0">
+            <div className="flex min-w-0 items-center gap-2">
+              <h3 className="truncate text-sm font-semibold text-[#2d2d2d]">{device.name}</h3>
+              <span className="shrink-0 rounded-full bg-[#f7f7f8] px-2 py-0.5 text-xs text-[#6b6f76]">
+                {device.version || '-'}
+              </span>
+            </div>
+            <div className="mt-1">
+              <StatusPill status={device.status} />
+            </div>
+          </div>
+        </div>
+
+        <div className="flex shrink-0 gap-2">
+          <DeviceActionButton
+            testId={`connection-terminal-button-${device.id}`}
+            icon={Terminal}
+            label="终端"
+          />
+          <DeviceActionButton
+            testId={`connection-code-server-button-${device.id}`}
+            icon={Code2}
+            label="IDE"
+          />
+          <DeviceActionButton
+            testId={`connection-vnc-button-${device.id}`}
+            icon={Monitor}
+            label="桌面"
+          />
+        </div>
+      </div>
+
+      <div className="mt-3 flex flex-wrap items-center gap-x-5 gap-y-2 rounded-md bg-[#fafafa] px-3 py-2">
+        <ResourceMetric
+          icon={Cpu}
+          label={t('workbench.connection_resource_cpu', 'CPU')}
+          value={device.cpuUsage}
+        />
+        <ResourceMetric
+          icon={MemoryStick}
+          label={t('workbench.connection_resource_memory', 'MEM')}
+          value={device.memoryUsage}
+        />
+        <ResourceMetric
+          icon={HardDrive}
+          label={t('workbench.connection_resource_disk', '磁盘')}
+          value={device.diskUsage}
+        />
+      </div>
+    </div>
+  )
+}
+
+function DeviceActionButton({
+  testId,
+  icon: Icon,
+  label,
+}: {
+  testId: string
+  icon: ComponentType<{ className?: string }>
+  label: string
+}) {
+  return (
+    <button
+      type="button"
+      data-testid={testId}
+      className="inline-flex h-8 items-center gap-1.5 rounded-md border border-[#dedede] bg-white px-2.5 text-xs font-medium text-[#3c4043] hover:bg-[#f7f7f8]"
+    >
+      <Icon className="h-3.5 w-3.5" />
+      <span>{label}</span>
+    </button>
+  )
+}
+
+function ResourceMetric({
+  icon: Icon,
+  label,
+  value,
+}: {
+  icon: ComponentType<{ className?: string }>
+  label: string
+  value: number
+}) {
+  return (
+    <div className="flex min-w-[150px] items-center gap-2 text-xs text-[#6b6f76]">
+      <span className="inline-flex w-12 shrink-0 items-center gap-1.5">
+        <Icon className="h-3.5 w-3.5" />
+        {label}
+      </span>
+      <div className="h-1.5 flex-1 overflow-hidden rounded-full bg-[#e8eaed]">
+        <div className="h-full rounded-full bg-[#3c4043]" style={{ width: `${value}%` }} />
+      </div>
+      <span className="w-8 shrink-0 text-right font-medium text-[#3c4043]">{value}%</span>
+    </div>
+  )
+}
+
+function DeviceSection({ title, devices }: { title: string; devices: DeviceRow[] }) {
+  const { t } = useTranslation('common')
+
+  return (
+    <section className="space-y-2.5">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-2 text-[#5f6368]">
+          <Cloud className="h-4 w-4" />
+          <h2 className="text-sm font-medium">{title}</h2>
+          <span className="text-xs text-[#8a8f98]">({devices.length})</span>
+        </div>
+      </div>
+      <div className="space-y-3">
+        {devices.map(device => (
+          <DeviceCard key={device.id} device={device} />
+        ))}
+        <div
+          data-testid="connection-scale-wiki"
+          className="rounded-lg border border-[#e6e6e6] bg-[#fafafa] px-4 py-3"
+        >
+          <div className="flex items-start gap-3">
+            <BookOpen className="mt-0.5 h-4 w-4 shrink-0 text-[#5f6368]" />
+            <div className="min-w-0">
+              <h3 className="text-sm font-semibold text-[#2d2d2d]">
+                {t('workbench.connection_scale_wiki_title', '说明')}
+              </h3>
+              <p className="mt-1 text-xs leading-5 text-[#6b6f76]">
+                {t(
+                  'workbench.connection_scale_wiki_desc',
+                  '当 CPU、MEM 或磁盘持续超过 80% 时，建议扩容云设备规格或清理工作区缓存。',
+                )}
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
+
+export function ConnectionsSettingsPage({ onBack }: ConnectionsSettingsPageProps) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div
+      data-testid="wework-settings-page"
+      className="flex h-screen min-w-0 flex-1 overflow-hidden bg-white text-[#1f1f1f]"
+    >
+      <aside className="flex w-[294px] shrink-0 flex-col bg-[#d6d0c5] px-3 py-4">
+        <button
+          type="button"
+          data-testid="settings-back-button"
+          onClick={onBack}
+          className="mb-4 flex h-9 items-center gap-2 rounded-md px-2 text-sm text-[#777] hover:bg-black/5"
+        >
+          <ArrowLeft className="h-4 w-4" />
+          {t('workbench.settings_back_to_app', '返回')}
+        </button>
+
+        <nav className="space-y-1">
+          {settingsNavItems.map(item => (
+            <button
+              key={item.key}
+              type="button"
+              data-testid={`settings-nav-${item.key}`}
+              className={[
+                'flex min-h-[31px] w-full items-center gap-2 rounded-lg px-2.5 text-left text-sm font-medium',
+                item.active ? 'bg-black/5 text-[#202124]' : 'text-[#202124] hover:bg-black/5',
+              ].join(' ')}
+            >
+              <item.icon className="h-4 w-4 shrink-0" />
+              <span className="truncate">
+                {t(`workbench.${item.label}`, item.fallback)}
+              </span>
+            </button>
+          ))}
+        </nav>
+      </aside>
+
+      <main className="min-w-0 flex-1 overflow-auto bg-white px-8 py-16">
+        <div className="mx-auto w-full max-w-[760px]">
+          <h1 className="text-xl font-semibold tracking-normal text-[#111]">
+            {t('workbench.connections_title', '连接')}
+          </h1>
+
+          <div className="mt-9 flex border-b border-[#e5e5e5]">
+            {[
+              t('workbench.connections_tab_this_mac', '连接这台设备'),
+            ].map((tab, index) => (
+              <button
+                key={tab}
+                type="button"
+                data-testid={`connections-tab-${index}`}
+                className={[
+                  'h-10 px-6 text-sm font-medium',
+                  index === 0
+                    ? 'border-b border-[#111] text-[#111]'
+                    : 'text-[#606368] hover:text-[#111]',
+                ].join(' ')}
+              >
+                {tab}
+              </button>
+            ))}
+          </div>
+
+          <section className="mt-6 space-y-5">
+            <div className="rounded-lg border border-[#e2e2e2] p-5">
+              <div className="mb-4 flex items-center justify-between">
+                <h2 className="text-sm font-semibold text-[#2d2d2d]">
+                  {t('workbench.connections_authorized_devices', '可连接的设备')}
+                </h2>
+                <button
+                  type="button"
+                  data-testid="connection-add-device-button"
+                  className="inline-flex h-8 items-center gap-1.5 rounded-full bg-[#f5f5f5] px-3 text-sm text-[#2d2d2d] hover:bg-[#ececec]"
+                >
+                  <Plus className="h-4 w-4" />
+                  {t('workbench.connection_add', '添加')}
+                </button>
+              </div>
+
+              <div className="space-y-5">
+                <DeviceSection
+                  title={t('workbench.connection_cloud_devices', '云设备')}
+                  devices={cloudDevices}
+                />
+              </div>
+            </div>
+          </section>
+        </div>
+      </main>
+    </div>
+  )
+}
diff --git a/wework/src/i18n/locales/en/common.json b/wework/src/i18n/locales/en/common.json
index e353b9640f..e4de3088e8 100644
--- a/wework/src/i18n/locales/en/common.json
+++ b/wework/src/i18n/locales/en/common.json
@@ -70,8 +70,27 @@
     "add_photos_files": "Add photos and files",
     "attach_chrome": "Attach Google Chrome",
     "plan_mode": "Plan mode",
-    "pursue_goal": "Pursue goal"
-    ,
+    "pursue_goal": "Pursue goal",
+    "settings_back_to_app": "Back",
+    "settings_nav_connections": "Connect",
+    "settings_nav_projects": "Projects",
+    "connections_title": "Connections",
+    "connections_tab_this_mac": "Connect this device",
+    "connections_tab_other_devices": "Control other devices",
+    "connections_authorized_devices": "Connectable devices",
+    "connection_add": "Add",
+    "connection_cloud_devices": "Cloud Devices",
+    "connection_device_name": "Device Name",
+    "connection_device_version": "Version",
+    "connection_device_status": "Status",
+    "connection_device_actions": "Actions",
+    "connection_resource_cpu": "CPU",
+    "connection_resource_memory": "MEM",
+    "connection_resource_disk": "Disk",
+    "connection_scale_wiki_title": "Notes",
+    "connection_scale_wiki_desc": "When CPU, MEM, or disk stays above 80%, scale the cloud device plan or clean workspace cache.",
+    "connection_status_online": "Online",
+    "connection_status_offline": "Offline",
     "login_title": "Log in to Wework",
     "login_subtitle": "Continue with your Wegent account",
     "login_username": "Username",
diff --git a/wework/src/i18n/locales/zh-CN/common.json b/wework/src/i18n/locales/zh-CN/common.json
index 096c3c8f05..f3c513f104 100644
--- a/wework/src/i18n/locales/zh-CN/common.json
+++ b/wework/src/i18n/locales/zh-CN/common.json
@@ -70,8 +70,27 @@
     "add_photos_files": "添加照片和文件",
     "attach_chrome": "Attach Google Chrome",
     "plan_mode": "计划模式",
-    "pursue_goal": "追求目标"
-    ,
+    "pursue_goal": "追求目标",
+    "settings_back_to_app": "返回",
+    "settings_nav_connections": "连接",
+    "settings_nav_projects": "项目",
+    "connections_title": "连接",
+    "connections_tab_this_mac": "连接这台设备",
+    "connections_tab_other_devices": "控制其他设备",
+    "connections_authorized_devices": "可连接的设备",
+    "connection_add": "添加",
+    "connection_cloud_devices": "云设备",
+    "connection_device_name": "设备名称",
+    "connection_device_version": "设备版本",
+    "connection_device_status": "设备状态",
+    "connection_device_actions": "操作",
+    "connection_resource_cpu": "CPU",
+    "connection_resource_memory": "MEM",
+    "connection_resource_disk": "磁盘",
+    "connection_scale_wiki_title": "说明",
+    "connection_scale_wiki_desc": "当 CPU、MEM 或磁盘持续超过 80% 时，建议扩容云设备规格或清理工作区缓存。",
+    "connection_status_online": "在线",
+    "connection_status_offline": "离线",
     "login_title": "登录 Wework",
     "login_subtitle": "使用 Wegent 账号继续",
     "login_username": "用户名",

From 5f5db6a18b497641bda70e0b645e60a047538058 Mon Sep 17 00:00:00 2001
From: yunpeng7 <yunpeng7@staff.weibo.com>
Date: Wed, 27 May 2026 19:30:43 +0800
Subject: [PATCH 2/2] fix(wework): simplify connection tab label

---
 wework/src/components/layout/DesktopWorkbenchLayout.test.tsx | 3 ++-
 wework/src/components/settings/ConnectionsSettingsPage.tsx   | 2 +-
 wework/src/i18n/locales/en/common.json                       | 2 +-
 wework/src/i18n/locales/zh-CN/common.json                    | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx b/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
index d0792af267..fd272a0ac4 100644
--- a/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
+++ b/wework/src/components/layout/DesktopWorkbenchLayout.test.tsx
@@ -107,7 +107,8 @@ describe('DesktopWorkbenchLayout', () => {
     expect(screen.getByTestId('settings-back-button')).toHaveTextContent('返回')
     expect(screen.queryByText('返回应用')).not.toBeInTheDocument()
     expect(screen.getByRole('heading', { name: '连接' })).toBeInTheDocument()
-    expect(screen.getByText('连接这台设备')).toBeInTheDocument()
+    expect(screen.getByText('连接设备')).toBeInTheDocument()
+    expect(screen.queryByText('连接这台设备')).not.toBeInTheDocument()
     expect(screen.queryByText('链接这台设备')).not.toBeInTheDocument()
     expect(screen.queryByText('控制其他设备')).not.toBeInTheDocument()
     expect(screen.queryByText('SSH')).not.toBeInTheDocument()
diff --git a/wework/src/components/settings/ConnectionsSettingsPage.tsx b/wework/src/components/settings/ConnectionsSettingsPage.tsx
index 90aea440a7..1e45d1328c 100644
--- a/wework/src/components/settings/ConnectionsSettingsPage.tsx
+++ b/wework/src/components/settings/ConnectionsSettingsPage.tsx
@@ -277,7 +277,7 @@ export function ConnectionsSettingsPage({ onBack }: ConnectionsSettingsPageProps
 
           <div className="mt-9 flex border-b border-[#e5e5e5]">
             {[
-              t('workbench.connections_tab_this_mac', '连接这台设备'),
+              t('workbench.connections_tab_this_mac', '连接设备'),
             ].map((tab, index) => (
               <button
                 key={tab}
diff --git a/wework/src/i18n/locales/en/common.json b/wework/src/i18n/locales/en/common.json
index e4de3088e8..d1dcb8ee5b 100644
--- a/wework/src/i18n/locales/en/common.json
+++ b/wework/src/i18n/locales/en/common.json
@@ -75,7 +75,7 @@
     "settings_nav_connections": "Connect",
     "settings_nav_projects": "Projects",
     "connections_title": "Connections",
-    "connections_tab_this_mac": "Connect this device",
+    "connections_tab_this_mac": "Connect devices",
     "connections_tab_other_devices": "Control other devices",
     "connections_authorized_devices": "Connectable devices",
     "connection_add": "Add",
diff --git a/wework/src/i18n/locales/zh-CN/common.json b/wework/src/i18n/locales/zh-CN/common.json
index f3c513f104..8b0a2b89b8 100644
--- a/wework/src/i18n/locales/zh-CN/common.json
+++ b/wework/src/i18n/locales/zh-CN/common.json
@@ -75,7 +75,7 @@
     "settings_nav_connections": "连接",
     "settings_nav_projects": "项目",
     "connections_title": "连接",
-    "connections_tab_this_mac": "连接这台设备",
+    "connections_tab_this_mac": "连接设备",
     "connections_tab_other_devices": "控制其他设备",
     "connections_authorized_devices": "可连接的设备",
     "connection_add": "添加",