@goodandready/dsh-remote-workspace 0.3.0 → 0.3.1

package/README.md

@@ -22,6 +22,16 @@
   <a href="README.zh.md"><b>🇨🇳 中文说明</b></a>
 </p>
 
+<table align="center">
+  <tr>
+    <td align="center">
+      ⭐ <strong>If you like this plugin, please star it on GitHub</strong> — it shows me that the plugin is useful to you and motivates me to keep developing it.
+      <br><br>
+      🐛 <strong>If you find a bug or would like to request a feature</strong>, open a GitHub issue in any language — I will review your proposal and implement useful suggestions in a future plugin version.
+    </td>
+  </tr>
+</table>
+
 </div>
 
 ---
@@ -236,3 +246,10 @@ All endpoints are hosted under `/dsh-remote-workspace`:
 ## 📄 License
 
 MIT © [GooDAnDReaDY](https://github.com/GooDAnDReaDY)
+
+### 13. Smart Tarball Sync & Diagnostics (v0.3.1)
+- **`🚀 Fast Tarball Stream`**: High-throughput directory sync via on-the-fly streaming `tar -czf` bypassing per-file roundtrips.
+- **`🩺 Remote Diagnostics (remote_diagnose)`**: Instant one-shot checks for occupied ports (`ports`), OOM killer events (`oom_killer`), disk consumption (`disk`), and service crash-logs (`service_logs`).
+- **`📥 Import from ~/.ssh/config`**: One-click import of hosts, keys, and ProxyJump configurations directly into the encrypted `.env` vault.
+- **`🗃️ Remote Environment Manager (remote_env)`**: Inspect and atomically modify remote `.env` key-values with password masking and structural preservation.
+- **`📡 Background Anomaly Alerts`**: Proactive monitoring of disk (<10% free), memory (<5%), and restarting Docker containers via Cordis event bus (`remote-workspace/alert`).

package/README.ru.md

@@ -22,6 +22,16 @@
   <a href="README.zh.md"><b>🇨🇳 中文说明</b></a>
 </p>
 
+<table align="center">
+  <tr>
+    <td align="center">
+      ⭐ <strong>Если вам нравится этот плагин, поставьте ему звезду на GitHub</strong> — это покажет мне, что плагин вам полезен, и будет мотивировать меня развивать его дальше.
+      <br><br>
+      🐛 <strong>Если вы нашли баг или хотите предложить новый функционал</strong>, создайте issue на GitHub на любом языке — я рассмотрю ваше предложение и реализую полезные идеи в одной из следующих версий плагина.
+    </td>
+  </tr>
+</table>
+
 </div>
 
 ---
@@ -236,3 +246,10 @@ dsh-remote-workspace:
 ## 📄 Лицензия
 
 MIT © [GooDAnDReaDY](https://github.com/GooDAnDReaDY)
+
+### 13. Пакетная синхронизация и диагностика (v0.3.1)
+- **`🚀 Быстрый Tarball поток`**: Высокоскоростная передача структуры каталогов через потоковый `tar -czf` без задержек пофайлового обхода.
+- **`🩺 Диагностика сервера (remote_diagnose)`**: Мгновенный аудит занятых портов (`ports`), срабатываний OOM Killer (`oom_killer`), дискового пространства (`disk`) и crash-логов служб.
+- **`📥 Импорт из ~/.ssh/config`**: Автоматическое добавление хостов, ключей и bastion-узлов в зашифрованный `.env` vault.
+- **`🗃️ Менеджер переменных окружения (remote_env)`**: Атомарное изменение и безопасный просмотр удалённых `.env` файлов с маскированием паролей.
+- **`📡 Мониторинг аномалий`**: Оповещение о переполнении диска (<10%), дефиците ОЗУ (<5%) и циклических перезапусках контейнеров через шину событий Cordis (`remote-workspace/alert`).

package/README.zh.md

@@ -22,6 +22,16 @@
   <a href="README.zh.md"><b>🇨🇳 中文说明</b></a>
 </p>
 
+<table align="center">
+  <tr>
+    <td align="center">
+      ⭐ <strong>如果您喜欢这个插件，请在 GitHub 上为它点亮 Star</strong> — 这能让我知道插件对您有用，并鼓励我继续开发和维护它。
+      <br><br>
+      🐛 <strong>如果您发现 Bug 或希望增加功能</strong>，请使用任意语言在 GitHub 上提交 Issue — 我会评估您的建议，并在后续版本中实现有价值的改进。
+    </td>
+  </tr>
+</table>
+
 </div>
 
 ---
@@ -236,3 +246,10 @@ dsh-remote-workspace:
 ## 📄 开源许可证
 
 MIT © [GooDAnDReaDY](https://github.com/GooDAnDReaDY)
+
+### 13. 归档流同步与综合诊断 (v0.3.1)
+- **`🚀 快速 Tarball 流式同步`**：利用实时 `tar -czf` 数据流传输整个目录，彻底消除小文件频繁往返的延迟。
+- **`🩺 远程系统诊断 (remote_diagnose)`**：一键检测端口占用 (`ports`)、OOM 终止记录 (`oom_killer`)、磁盘分布 (`disk`) 与服务崩溃日志。
+- **`📥 导入 ~/.ssh/config`**：快速解析本机已有主机、私钥及跳板机配置至加密 `.env` 保管库。
+- **`🗃️ 远程环境变量管理 (remote_env)`**：支持远程 `.env` 的安全预览与原子化变量修改，自动遮蔽敏感密码。
+- **`📡 异常告警监控`**：当磁盘低于 10%、内存不足 5% 或容器异常重启时，主动触发 Cordis 事件总线 (`remote-workspace/alert`) 告警。

package/docs/plans/task_plan.md

@@ -1,23 +1,21 @@
-# task_plan.md — dsh-remote-workspace
+# task_plan.md — dsh-remote-workspace (v0.3.1)
 
 ## Цель
-Создать высоконадежный корпоративный плагин удаленной разработки dsh-remote-workspace для DeepSeek Harness с современным UI, сервисной архитектурой Cordis, 3-way mirror sync, SSH port forwarding и компактным набором инструментов LLM.
+Реализовать 5 ключевых возможностей в рамках релиза v0.3.1:
+1. Smart Tarball Sync (пакетное ускорение передачи каталогов).
+2. remote_diagnose (комплексный агентский инструмент диагностики сервера).
+3. Import from ~/.ssh/config (парсинг хостов в .env vault).
+4. remote_env & Remote Environment Manager (безопасный редактор .env).
+5. AlertService (фоновый мониторинг аномалий и события Cordis).
 
-## Фазы реализации
-- [x] **Фаза 1**: Анализ dsh-remote, формирование архитектуры, инициализация репозитория Gitea и worktree.
-- [x] **Фаза 2**: Конфигурация сборки и репозитория (package.json, .gitignore, cordis.patch.yml).
-- [x] **Фаза 3**: Ядро backend сервисов (SshService, RemoteFsService, MirrorSyncService, TunnelService).
-- [x] **Фаза 4**: Инструменты модели (
-emote_exec, 
-emote_fs, 
-emote_sync, 
-emote_tunnel) и API маршруты.
-- [x] **Фаза 5**: Клиентская часть (i18n RU/EN/ZH, UI слоты).
-- [x] **Фаза 6**: Комплексное тестирование базовых модулей (12/12 pass).
-- [x] **Фаза 7**: Дополнительные ручные сценарии и документация (Docs standard EN/RU/ZH).
-- [/] **Фаза 8**: Стабильность, аудит багов, расширение тестов и дизайн в едином стиле dsh-clinebot:
-  - [ ] 8.1. Исправление стабильности: безопасный доступ к Cordis сервисам (ctx.get), сброс соединений при смене реквизитов профиля, нормализация полей в 	estConnection (latencyMs / remoteOs).
-  - [ ] 8.2. Безопасность и отказоустойчивость: фильтрация isTrustedSettingsRequest на API маршрутах, обработка ошибок стримов в TunnelService, автосоздание папок в MirrorSyncService.
-  - [ ] 8.3. Редизайн UI в едином стиле dsh-clinebot: модульные карточки, статусные бейджи в шапке, добавление поля localMirrorPath, секция управления туннелями в интерфейсе.
-  - [ ] 8.4. Расширение набора тестов (тесты API routes, tools, store/apply, client registration).
-  - [ ] 8.5. Тестирование на изолированном MiniPC сервере (dsh-test-plugin).
+## Статус фаз
+- [ ] **Фаза 1**: Backend-сервисы (lib/tar-sync-service.js, lib/diagnose-service.js, lib/ssh-config-parser.js, lib/env-service.js, lib/alert-service.js)
+- [ ] **Фаза 2**: Интеграция в инструменты модели (remote_diagnose, remote_env, smart sync) и API маршруты
+- [ ] **Фаза 3**: Обновление клиентского интерфейса (кнопка импорта SSH, вкладка/модалка .env, индикатор алертов)
+- [ ] **Фаза 4**: Модульные и интеграционные тесты (test/phase4.test.mjs)
+- [ ] **Фаза 5**: Документация (README EN/RU/ZH, DESIGN.md) и проверка лимитов размера (<250 KiB)
+- [ ] **Фаза 6**: Тестовый гейт на MiniPC (dsh-test-plugin) и боевая верификация на MiniAI
+
+## Next Step
+Создание backend-сервисов в lib/.
+EOF

package/lib/alert-service.js

@@ -0,0 +1,109 @@
+export class AlertService {
+  /**
+   * @param {any} ctx
+   * @param {import('./health-service.js').HealthService} healthService
+   * @param {import('./docker-service.js').DockerService} dockerService
+   */
+  constructor(ctx, healthService, dockerService) {
+    this.ctx = ctx;
+    this.healthService = healthService;
+    this.dockerService = dockerService;
+    /** @type {NodeJS.Timeout|null} */
+    this.timer = null;
+    /** @type {Array<any>} */
+    this.activeAlerts = [];
+    this.checkIntervalMs = 5 * 60 * 1000; // 5 mins
+    this.enabled = false;
+  }
+
+  start(intervalMs = 300000) {
+    this.stop();
+    this.checkIntervalMs = intervalMs;
+    this.enabled = true;
+    this.timer = setInterval(() => this.check(), this.checkIntervalMs);
+  }
+
+  stop() {
+    if (this.timer) {
+      clearInterval(this.timer);
+      this.timer = null;
+    }
+    this.enabled = false;
+  }
+
+  /**
+   * Run single alert check across active profile
+   */
+  async check(profile) {
+    if (!profile) return [];
+
+    const alerts = [];
+    try {
+      // 1. Health check
+      const health = await this.healthService.getHealth(profile, true);
+      if (health.disk && health.disk.percent >= 90) {
+        alerts.push({
+          id: `disk-${Date.now()}`,
+          level: health.disk.percent >= 95 ? 'critical' : 'warning',
+          type: 'disk_full',
+          message: `Disk usage on ${profile.name || profile.host} is ${health.disk.percent}%`,
+          timestamp: Date.now()
+        });
+      }
+
+      if (health.memory && health.memory.percent >= 95) {
+        alerts.push({
+          id: `mem-${Date.now()}`,
+          level: 'warning',
+          type: 'memory_high',
+          message: `Memory usage on ${profile.name || profile.host} is ${health.memory.percent}%`,
+          timestamp: Date.now()
+        });
+      }
+
+      // 2. Docker check
+      if (this.dockerService) {
+        try {
+          const containers = await this.dockerService.listContainers(profile);
+          for (const c of containers) {
+            if (c.State === 'restarting' || (c.Status && c.Status.includes('Restarting'))) {
+              alerts.push({
+                id: `docker-${c.ID || c.Names}`,
+                level: 'warning',
+                type: 'container_restarting',
+                message: `Container ${c.Names || c.ID} is restarting repeatedly`,
+                timestamp: Date.now()
+              });
+            }
+          }
+        } catch {
+          // Docker might not be installed or active, non-blocking
+        }
+      }
+    } catch (err) {
+      // If host unreachable
+      alerts.push({
+        id: `host-unreachable-${Date.now()}`,
+        level: 'critical',
+        type: 'host_unreachable',
+        message: `Host ${profile.name || profile.host} unreachable: ${err.message}`,
+        timestamp: Date.now()
+      });
+    }
+
+    this.activeAlerts = alerts;
+
+    // Emit Cordis event if ctx is present
+    if (this.ctx && typeof this.ctx.emit === 'function' && alerts.length > 0) {
+      for (const alert of alerts) {
+        this.ctx.emit('remote-workspace/alert', alert);
+      }
+    }
+
+    return alerts;
+  }
+
+  getAlerts() {
+    return this.activeAlerts;
+  }
+}

package/lib/client.js

@@ -99,6 +99,13 @@ window.__ModuleLoader__.load({
 .drw-container-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr auto;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:12.5px;font-family:monospace}
 .drw-container-row:hover{background:var(--dsw-alias-bg-layer-3)}
 
+.drw-env-table{width:100%;border-collapse:collapse}
+.drw-env-row{display:grid;grid-template-columns:220px 1fr 90px;gap:8px;padding:6px 0;align-items:center;border-bottom:1px solid var(--dsw-alias-border-l2)}
+.drw-alert-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-family:monospace;display:flex;align-items:center;gap:6px}
+.drw-alert-critical{background:rgba(239,68,68,0.15);color:var(--dsw-alias-state-error-primary);border:1px solid rgba(239,68,68,0.4)}
+.drw-alert-warning{background:rgba(245,158,11,0.15);color:var(--dsw-alias-state-warning-primary);border:1px solid rgba(245,158,11,0.4)}
+
+
       `
       document.head.appendChild(style)
     }
@@ -111,6 +118,22 @@ window.__ModuleLoader__.load({
       tabProfiles: '🖥️ Host Profiles',
 
       tabContainers: '🐳 Containers',
+
+      tabEnv: '🗃️ .env Manager',
+      btnImportSsh: 'Import ~/.ssh/config',
+      envTitle: 'Remote Environment Variables (.env)',
+      envKey: 'Key',
+      envVal: 'Value',
+      envSaveVar: 'Save',
+      envShowVal: 'Show',
+      envHideVal: 'Hide',
+      tarSyncFast: '🚀 Fast Tarball Stream',
+      diagnoseTitle: 'Quick Diagnostics',
+      diagnosePorts: 'Open Ports',
+      diagnoseOom: 'OOM Killer Check',
+      diagnoseDisk: 'Disk Usage',
+      alertLabel: 'Alerts ({count})',
+
       containersTitle: 'Remote Docker / Podman Engine',
       containerName: 'Container',
       containerImage: 'Image',
@@ -226,80 +249,141 @@ window.__ModuleLoader__.load({
       tOpenErr: 'Failed to open tunnel: {err}'
     }
 
-    const ru = {
-      title: 'Удалённое рабочее пространство',
-      subtitle: 'SSH-подключения, доступ к файлам по SFTP, 3-way синхронизация зеркала и проброс портов.',
-      status: 'Готово',
-      badgeOnline: 'Активный хост: {name} ({latency} мс)',
-      badgeOffline: 'Хост не выбран',
-      badgeTunnels: 'Туннелей: {count}',
-      badgeKey: '🔑 Авторизация по ключу',
-      badgePassword: '🔒 Авторизация по паролю',
-      profilesTitle: '🖥️ Профили SSH серверов',
-      profilesDesc: 'Настройка удалённых серверов для запуска команд, SFTP-навигации и синхронизации зеркала.',
-      addBtn: '+ Добавить хост',
-      nameCol: 'Имя',
-      hostCol: 'Хост / Пользователь',
-      portCol: 'Порт',
-      pathCol: 'Удалённый путь',
-      actionsCol: 'Действия',
-      noHosts: 'Удалённые хосты ещё не настроены. Нажмите «+ Добавить хост» для создания подключения.',
-      activeBadge: 'Активен',
-      pinBtn: 'Сделать активным',
-      editBtn: 'Править',
-      delBtn: 'Удалить',
-      delConfirm: 'Удалить профиль хоста «{name}»?',
-      formTitleNew: 'Добавление нового SSH хоста',
-      formTitleEdit: 'Редактирование профиля хоста',
-      fName: 'Название подключения',
-      fHost: 'Хост / IP-адрес',
-      fPort: 'Порт',
-      fUser: 'Имя пользователя',
-      fAuthType: 'Способ авторизации',
-      fAuthKey: 'SSH-ключ',
-      fAuthPass: 'Пароль',
-      fKeyPath: 'Путь к приватному ключу',
-      fKeyPathHint: 'Путь к ~/.ssh/id_rsa или /home/user/.ssh/id_ed25519',
-      fPassphrase: 'Кодовая фраза ключа (если есть)',
-      fPassword: 'Пароль учётной записи',
-      fRemotePath: 'Удалённая папка проекта',
-      fRemotePathHint: 'Абсолютный путь на сервере (например, /home/user/project)',
-      fLocalMirror: 'Локальная папка зеркала',
-      fLocalMirrorHint: 'Локальная папка для быстрого зеркалирования и бесконфликтной 3-way синхронизации',
-      btnBrowse: '📁 Обзор на сервере…',
-      btnSelectThis: 'Выбрать папку',
-      btnTest: '⚡ Проверить связь (Ping)',
-      btnSave: 'Сохранить профиль',
-      btnCancel: 'Отмена',
-      testing: 'Проверка соединения…',
-      saving: 'Сохранение…',
-      testOk: '✅ Соединение успешно! Задержка: {latency} мс | ОС: {os}',
-      testFail: '❌ Ошибка подключения: {err}',
-      diagTitle: '📊 Диагностика активного подключения',
-      diagDesc: 'Телеметрия в реальном времени и состояние подсистемы для выбранного сервера.',
-      diagProbeBtn: '⚡ Опросить сервер',
-      syncTitle: '🔄 Двусторонняя синхронизация зеркала',
-      syncDesc: 'Бесконфликтная 3-way синхронизация файлов между локальным зеркалом и сервером.',
-      pullBtn: '⬇️ Скачать с сервера (Pull)',
-      pushBtn: '⬆️ Загрузить на сервер (Push)',
-      pulling: 'Скачивание файлов…',
-      pushing: 'Загрузка файлов…',
-      syncOk: 'Синхронизация завершена! Обновлено файлов: {count}.',
-      syncConflict: 'Внимание: конфликт изменений в {count} файлах.',
-      syncErr: 'Ошибка синхронизации: {err}',
-      tunnelsTitle: '🔀 SSH-туннели (Port Forwarding)',
-      tunnelsDesc: 'Проброс удалённых портов (базы данных, dev-серверы, API) на локальный компьютер через зашифрованный канал.',
-      tLocalPort: 'Локальный порт',
-      tRemotePort: 'Удалённый порт',
-      tOpenBtn: '+ Открыть туннель',
-      tOpening: 'Открытие…',
-      tStopBtn: 'Закрыть',
-      tNoTunnels: 'Нет активных туннелей проброса портов.',
-      tunnelsColId: 'ID туннеля',
-      tunnelsColRoute: 'Маршрут перенаправления',
-      tunnelsColActions: 'Действия',
-      tOpenOk: 'Туннель запущен: 127.0.0.1:{localPort} -> Remote:{remotePort}',
-      tOpenErr: 'Не удалось запустить туннель: {err}'
+    const zh = {
+      title: '远程开发工作区',
+      subtitle: '支持原生 SSH 连接、SFTP 文件访问、3-way 镜像同步与端口转发隧道。',
+      status: '就绪',
+
+      tabProfiles: '🖥️ 主机配置',
+      tabContainers: '🐳 容器管理',
+      tabEnv: '🗃️ 环境变量',
+      btnImportSsh: '导入 ~/.ssh/config',
+      envTitle: '远程环境变量配置 (.env)',
+      envKey: '变量名',
+      envVal: '变量值',
+      envSaveVar: '保存',
+      envShowVal: '显示',
+      envHideVal: '隐藏',
+      tarSyncFast: '🚀 快速 Tarball 流式同步',
+      diagnoseTitle: '快速诊断',
+      diagnosePorts: '开放端口',
+      diagnoseOom: 'OOM 检查',
+      diagnoseDisk: '磁盘分析',
+      alertLabel: '告警 ({count})',
+
+      containersTitle: '远程 Docker / Podman 引擎',
+      containerName: '容器名',
+      containerImage: '镜像',
+      containerStatus: '运行状态',
+      containerPorts: '端口映射',
+      btnLogs: '日志',
+      btnRestart: '重启',
+      btnStop: '停止',
+      noContainers: '未找到运行中的容器或 Docker 守护进程未启动。',
+      healthCpu: 'CPU: {val}%',
+      healthMem: '内存: {val}% ({used}/{total} MB)',
+      healthDisk: '磁盘: {val}%',
+      healthUptime: '运行: {val}',
+      autoSyncTitle: '保存时自动增量同步',
+      autoSyncDesc: '本地文件保存时，后台自动增量推送到远程对应工作目录。',
+      btnTransfer: '跨主机传输...',
+      transferTitle: '主机间直接流式传输',
+      transferDestHost: '目标主机',
+      transferDestPath: '目标文件路径',
+      transferBtnExec: '立即直传',
+      transferSuccess: '成功传输 {bytes} 字节到 {host}:{path}',
+      fJumpHost: '跳板机 (Bastion)',
+      fJumpHostNone: '直连模式 (无跳板机)',
+
+      tabTerminal: '⚡ 网页终端',
+      tabExplorer: '📂 文件管理',
+      tabTunnels: '🔗 端口隧道',
+      tabSync: '🔄 同步控制台',
+      vaultProtectedBadge: '🛡️ .env 保管库加密保护',
+      termStart: '连接终端',
+      termStop: '断开连接',
+      termClear: '清屏',
+      termPlaceholder: '输入命令后回车 (如 htop, ls, docker ps)...',
+      termConnected: '已连接至主机 {host} 的 PTY 会话 {id}',
+      termDisconnected: '终端已断开。',
+      explorerTitle: '远程文件系统浏览',
+      filePreviewTitle: '文件查看器: {path}',
+      fileSize: '{size} KB',
+      btnSaveFile: '保存文件更改',
+      fileSaved: '文件保存成功。',
+      tunnelTraffic: '下行: {rx} | 上行: {tx}',
+      tunnelUptime: '运行: {sec}秒',
+      openLocalLink: '🌐 打开本地端口',
+      badgeOnline: '当前主机: {name} ({latency} ms)',
+      badgeOffline: '未选定活跃主机',
+      badgeTunnels: '活动隧道: {count}',
+      badgeKey: '🔑 私钥认证',
+      badgePassword: '🔒 密码认证',
+      profilesTitle: '🖥️ 远程 SSH 主机配置',
+      profilesDesc: '配置用于命令执行、SFTP 浏览与后台镜像同步的远程服务器。',
+      addBtn: '+ 添加主机',
+      nameCol: '配置名称',
+      hostCol: '主机 / 用户',
+      portCol: '端口',
+      pathCol: '远程工作区',
+      actionsCol: '操作',
+      noHosts: '暂无配置的主机。点击 "+ 添加主机" 建立首个连接。',
+      activeBadge: '活动中',
+      pinBtn: '设为默认',
+      editBtn: '编辑',
+      delBtn: '删除',
+      delConfirm: '确认删除主机配置 "{name}" 吗？',
+      formTitleNew: '添加新主机配置',
+      formTitleEdit: '编辑主机配置',
+      fName: '配置别名',
+      fHost: '主机名 / IP 地址',
+      fPort: '端口',
+      fUser: '登录用户名',
+      fAuthType: '身份认证方式',
+      fAuthKey: 'SSH 私钥',
+      fAuthPass: '账户密码',
+      fKeyPath: '私钥文件路径',
+      fKeyPathHint: '例如 ~/.ssh/id_rsa 或 /home/user/.ssh/id_ed25519',
+      fPassphrase: '私钥口令 (可选)',
+      fPassword: '登录密码',
+      fRemotePath: '远程项目工作区目录',
+      fRemotePathHint: '服务器上的绝对路径 (例如 /home/user/my-project)',
+      fLocalMirror: '本地镜像同步目录',
+      fLocalMirrorHint: '用于 3-way 差异比对与快速同步的本地镜像路径',
+      btnBrowse: '📁 浏览远程目录...',
+      btnSelectThis: '选择当前目录',
+      btnTest: '⚡ 测试网络连通性 (Ping)',
+      btnSave: '保存配置',
+      btnCancel: '取消',
+      testing: '正在测试连接...',
+      saving: '正在保存...',
+      testOk: '✅ 连接成功！延迟: {latency} ms | 系统: {os}',
+      testFail: '❌ 连接失败: {err}',
+      diagTitle: '📊 实时连接状态诊断',
+      diagDesc: '查看当前选定主机的网络延迟、系统资源及底层服务运行指标。',
+      diagProbeBtn: '⚡ 即时探测',
+      syncTitle: '🔄 双向工作区镜像同步',
+      syncDesc: '基于三方冲突感知的快速差异同步，支持本地与远程端双向推拉。',
+      pullBtn: '⬇️ 拉取至本地 (Pull)',
+      pushBtn: '⬆️ 推送至远程 (Push)',
+      pulling: '正在拉取文件…',
+      pushing: '正在推送文件…',
+      syncOk: '同步完成！共更新 {count} 个文件。',
+      syncConflict: '冲突警告: 检测到 {count} 个文件在两端均有修改。',
+      syncErr: '同步异常: {err}',
+      tunnelsTitle: '🔀 SSH 端口安全隧道',
+      tunnelsDesc: '通过加密 SSH 隧道将远程端口 (如数据库、开发服务、API) 映射至本地访问。',
+      tLocalPort: '本地监听端口',
+      tRemotePort: '远程目标端口',
+      tOpenBtn: '+ 建立隧道',
+      tOpening: '正在建立…',
+      tStopBtn: '关闭',
+      tNoTunnels: '当前没有运行中的端口转发隧道。',
+      tunnelsColId: '隧道标识',
+      tunnelsColRoute: '转发路由',
+      tunnelsColActions: '管理操作',
+      tOpenOk: '隧道已启动: 127.0.0.1:{localPort} -> Remote:{remotePort}',
+      tOpenErr: '启动隧道失败: {err}'
     }
 
     function makeT(dict, fallback) {
@@ -330,6 +414,110 @@ window.__ModuleLoader__.load({
 
 
 
+
+    // --- Sub-component: Remote Environment Tab (New in v0.3.1) ---
+    function EnvTab(props) {
+      const { activeProfile, t } = props
+      const [envEntries, setEnvEntries] = React.useState([])
+      const [loading, setLoading] = React.useState(false)
+      const [visibleKeys, setVisibleKeys] = React.useState({})
+      const [editValues, setEditValues] = React.useState({})
+      const [msg, setMsg] = React.useState('')
+
+      const loadEnv = async () => {
+        if (!activeProfile) return
+        setLoading(true)
+        try {
+          const res = await fetch('/dsh-remote-workspace/env/view', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ profileId: activeProfile.id })
+          })
+          const data = await res.json()
+          if (data.ok && Array.isArray(data.entries)) {
+            setEnvEntries(data.entries.filter((e) => e.type === 'var'))
+            const initialEdits = {}
+            data.entries.forEach((e) => {
+              if (e.type === 'var') initialEdits[e.key] = e.value
+            })
+            setEditValues(initialEdits)
+          }
+        } catch (err) {
+          setMsg(`Error loading .env: ${err.message}`)
+        }
+        setLoading(false)
+      }
+
+      React.useEffect(() => {
+        loadEnv()
+      }, [activeProfile?.id])
+
+      const toggleVisible = (key) => {
+        setVisibleKeys((prev) => ({ ...prev, [key]: !prev[key] }))
+      }
+
+      const saveVar = async (key) => {
+        try {
+          const res = await fetch('/dsh-remote-workspace/env/save', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+              profileId: activeProfile.id,
+              key,
+              value: editValues[key] || ''
+            })
+          })
+          const data = await res.json()
+          if (data.ok) {
+            setMsg(`Saved ${key} successfully!`)
+            setTimeout(() => setMsg(''), 3000)
+          }
+        } catch (err) {
+          setMsg(`Save failed: ${err.message}`)
+        }
+      }
+
+      return React.createElement(
+        'div',
+        { style: { display: 'flex', flexDirection: 'column', gap: '14px' } },
+        React.createElement(
+          'div',
+          { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+          React.createElement('div', { style: { fontWeight: 600, fontSize: '14px' } }, t('envTitle')),
+          React.createElement('button', { type: 'button', className: 'drw-btn', onClick: loadEnv, disabled: loading }, loading ? 'Loading...' : '🔄 Refresh')
+        ),
+        msg ? React.createElement('div', { className: 'drw-badge drw-badge-ok' }, msg) : null,
+        React.createElement(
+          'div',
+          { style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: '8px', padding: '12px', background: 'var(--dsw-alias-bg-layer-2)' } },
+          envEntries.length === 0
+            ? React.createElement('div', { style: { textAlign: 'center', padding: '16px', color: 'var(--dsw-alias-label-secondary)' } }, 'No variables found in remote .env')
+            : envEntries.map((e) =>
+                React.createElement(
+                  'div',
+                  { key: e.key, className: 'drw-env-row' },
+                  React.createElement('span', { style: { fontWeight: 600, fontFamily: 'monospace', fontSize: '12.5px' } }, e.key),
+                  React.createElement('input', {
+                    type: visibleKeys[e.key] ? 'text' : 'password',
+                    className: 'drw-input',
+                    value: editValues[e.key] !== undefined ? editValues[e.key] : e.value,
+                    onChange: (ev) => {
+                      const val = ev.target.value
+                      setEditValues((prev) => ({ ...prev, [e.key]: val }))
+                    }
+                  }),
+                  React.createElement(
+                    'div',
+                    { style: { display: 'flex', gap: '4px', justifyContent: 'flex-end' } },
+                    React.createElement('button', { type: 'button', className: 'drw-btn', style: { padding: '2px 6px', fontSize: '11px' }, onClick: () => toggleVisible(e.key) }, visibleKeys[e.key] ? t('envHideVal') : t('envShowVal')),
+                    React.createElement('button', { type: 'button', className: 'drw-btn drw-btn-primary', style: { padding: '2px 6px', fontSize: '11px' }, onClick: () => saveVar(e.key) }, t('envSaveVar'))
+                  )
+                )
+              )
+        )
+      )
+    }
+
     // --- Sub-component: Docker Containers Tab ---
     function ContainersTab(props) {
       const { activeProfile, t } = props
@@ -926,7 +1114,7 @@ window.__ModuleLoader__.load({
       const [healthData, setHealthData] = React.useState(null)
       const [autoSync, setAutoSync] = React.useState(false)
 
-      const t = props.locale === 'ru' ? makeT(ru, en) : makeT(en, ru)
+      const t = props.t || (props.locale === 'zh' ? makeT(zh, en) : makeT(en, zh))
       const [profiles, setProfiles] = React.useState([])
       const [activeId, setActiveId] = React.useState(null)
       const [tunnels, setTunnels] = React.useState([])
@@ -1866,7 +2054,7 @@ window.__ModuleLoader__.load({
     // Accordion item for Settings -> Plugins section
     function PluginCard(props) {
       const [open, setOpen] = React.useState(false)
-      const t = props.locale === 'ru' ? makeT(ru, en) : makeT(en, ru)
+      const t = props.t || (props.locale === 'zh' ? makeT(zh, en) : makeT(en, zh))
 
       React.useEffect(() => {
         ensureCss()
@@ -1956,7 +2144,7 @@ window.__ModuleLoader__.load({
 
     function apply(ctx) {
       if (ctx.locale && typeof ctx.locale.register === 'function') {
-        try { ctx.locale.register(NS, { en, ru }) } catch (_) {}
+        try { ctx.locale.register(NS, { en, zh }) } catch (_) {}
       }
 
       if (ctx.slots && typeof ctx.slots.inject === 'function') {