perf: Added interactive animation effects

i18n/locales/en.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "Download logs",
     "LogsCleared": "Logs cleared",
     "LogsCopied": "Logs copied",
+    "LogsDownloaded": "Downloaded",
     "LogsEmpty": "No logs yet",
     "InterfaceFont": "Interface font",
     "InterfaceFontDescription": "Font used by menus, navigation, and content areas.",

i18n/locales/es.json

@@ -9,13 +9,13 @@
     "Play": "Reproducir",
     "Pause": "Pausar",
     "Restart": "Reiniciar",
     "HistoryCommands": "Historial de comandos",
     "Playlist": "Lista de reproducción",
     "SearchCommands": "Buscar comandos...",
     "NoCommands": "No hay registros de comandos",
     "NoCommandsHint": "Esta sesión no tiene comandos grabados",
     "CommandsFailed": "No se pudieron cargar los comandos",
     "CommandsFailedHint": "El historial de comandos no está disponible temporalmente",
     "Loading": "Cargando...",
     "HideRail": "Ocultar panel",
     "ShowRail": "Mostrar panel",
@@ -29,7 +29,7 @@
     "UnsupportedHint": "Este tipo de grabación no es compatible con el reproductor en línea.",
     "Reload": "Volver a cargar",
     "DesktopBlocked": "Solo en el navegador",
     "DesktopBlockedHint": "La reproducción de sesiones solo está disponible en un navegador web. Copie el enlace y ábralo allí."
   },
   "Common": {
     "AI": "IA",
@@ -53,7 +53,7 @@
     "More": "Más",
     "Login": "Iniciar sesión",
     "Connect": "Conectar",
     "Theme": "Tema",
     "SwitchTheme": "Cambiar tema",
     "System": "Sistema",
     "FollowAppTheme": "Seguir el tema de la aplicación",
@@ -1006,6 +1006,7 @@
     "DownloadLogs": "Descargar registros",
     "LogsCleared": "Registros borrados",
     "LogsCopied": "Registros copiados",
+    "LogsDownloaded": "Descargado",
     "LogsEmpty": "Aún no hay registros",
     "InterfaceFont": "Fuente de la interfaz",
     "InterfaceFontDescription": "Fuente usada en menús, navegación y áreas de contenido.",

i18n/locales/ja.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "ログをダウンロード",
     "LogsCleared": "ログを消去しました",
     "LogsCopied": "ログをコピーしました",
+    "LogsDownloaded": "ダウンロードしました",
     "LogsEmpty": "ログはまだありません",
     "InterfaceFont": "インターフェースフォント",
     "InterfaceFontDescription": "メニュー、ナビゲーション、コンテンツ領域で使用するフォント。",

i18n/locales/ko.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "로그 다운로드",
     "LogsCleared": "로그를 지웠습니다",
     "LogsCopied": "로그를 복사했습니다",
+    "LogsDownloaded": "다운로드했습니다",
     "LogsEmpty": "아직 로그가 없습니다",
     "InterfaceFont": "인터페이스 글꼴",
     "InterfaceFontDescription": "메뉴, 탐색 및 콘텐츠 영역에 사용되는 글꼴입니다.",

i18n/locales/pt_br.json

@@ -9,13 +9,13 @@
     "Play": "Reproduzir",
     "Pause": "Pausar",
     "Restart": "Reiniciar",
     "HistoryCommands": "Histórico de comandos",
     "Playlist": "Lista de reprodução",
     "SearchCommands": "Pesquisar comandos...",
     "NoCommands": "Nenhum registro de comando",
     "NoCommandsHint": "Esta sessão não possui comandos gravados",
     "CommandsFailed": "Não foi possível carregar os comandos",
     "CommandsFailedHint": "O histórico de comandos está temporariamente indisponível",
     "Loading": "Carregando...",
     "HideRail": "Ocultar painel",
     "ShowRail": "Mostrar painel",
@@ -29,7 +29,7 @@
     "UnsupportedHint": "Este tipo de gravação não é compatível com o reprodutor on-line.",
     "Reload": "Recarregar",
     "DesktopBlocked": "Somente no navegador",
     "DesktopBlockedHint": "A reprodução da sessão só está disponível em um navegador da Web. Copie o link e abra-o no navegador."
   },
   "Common": {
     "AI": "IA",
@@ -53,8 +53,8 @@
     "More": "Mais",
     "Login": "Entrar",
     "Connect": "Conectar",
     "Theme": "Tema",
     "SwitchTheme": "Alternar tema",
     "System": "Sistema",
     "FollowAppTheme": "Seguir o tema do aplicativo",
     "TerminalColorScheme": "Aparência do terminal",
@@ -1006,6 +1006,7 @@
     "DownloadLogs": "Baixar logs",
     "LogsCleared": "Logs limpos",
     "LogsCopied": "Logs copiados",
+    "LogsDownloaded": "Baixado",
     "LogsEmpty": "Ainda não há logs",
     "InterfaceFont": "Fonte da interface",
     "InterfaceFontDescription": "Fonte usada em menus, navegação e áreas de conteúdo.",

i18n/locales/ru.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "Скачать журналы",
     "LogsCleared": "Журналы очищены",
     "LogsCopied": "Журналы скопированы",
+    "LogsDownloaded": "Скачано",
     "LogsEmpty": "Журналов пока нет",
     "InterfaceFont": "Шрифт интерфейса",
     "InterfaceFontDescription": "Шрифт, используемый в меню, навигации и областях содержимого.",

i18n/locales/vi.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "Tải nhật ký xuống",
     "LogsCleared": "Đã xóa nhật ký",
     "LogsCopied": "Đã sao chép nhật ký",
+    "LogsDownloaded": "Đã tải xuống",
     "LogsEmpty": "Chưa có nhật ký",
     "InterfaceFont": "Phông chữ giao diện",
     "InterfaceFontDescription": "Phông chữ dùng trong trình đơn, điều hướng và vùng nội dung.",

i18n/locales/zh.json

@@ -1009,6 +1009,7 @@
     "DownloadLogs": "下载日志",
     "LogsCleared": "已清空日志",
     "LogsCopied": "日志已复制",
+    "LogsDownloaded": "已下载",
     "LogsEmpty": "暂无日志",
     "InterfaceFont": "界面字体",
     "InterfaceFontDescription": "应用菜单、导航和内容区域使用的字体。",

i18n/locales/zh_hant.json

@@ -1006,6 +1006,7 @@
     "DownloadLogs": "下載日誌",
     "LogsCleared": "已清空日誌",
     "LogsCopied": "日誌已複製",
+    "LogsDownloaded": "已下載",
     "LogsEmpty": "暫無日誌",
     "InterfaceFont": "介面字型",
     "InterfaceFontDescription": "應用選單、導航和內容區域使用的字型。",

nuxt.config.ts

@@ -67,6 +67,10 @@ export default defineNuxtConfig({
   ui: {
     fonts: false
   },
+  colorMode: {
+    classSuffix: "",
+    disableTransition: false
+  },
   i18n: {
     locales: [
       { code: "zh", name: "简体中文", language: "zh-CN", file: "zh.json" },

package.json

@@ -71,8 +71,6 @@
     "@codemirror/legacy-modes": "^6.5.3",
     "@codemirror/state": "^6.7.0",
     "@codemirror/view": "^6.43.5",
-    "@fontsource/inter": "^5.2.8",
-    "@fontsource/noto-sans-sc": "^5.2.8",
     "@jumpserver/connectors-core": "workspace:*",
     "@jumpserver/online-player": "workspace:*",
     "@lezer/highlight": "^1.2.3",

ui/assets/css/base.css

@@ -0,0 +1,182 @@
+.dark {
+  --syntax-keyword: #89b4fa;
+  --syntax-string: #a6e3a1;
+  --syntax-number: #fab387;
+  --syntax-comment: color-mix(in srgb, var(--theme-fg) 58%, var(--theme-bg));
+  --syntax-type: #94e2d5;
+  --syntax-function: #cba6f7;
+  --syntax-constant: #f5c2e7;
+  --syntax-property: #f9e2af;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--app-scrollbar-thumb) transparent;
+}
+
+html,
+body,
+#__nuxt {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+body.runtime-windows-mica {
+  --app-header-bg: color-mix(in srgb, var(--app-surface-header) 78%, transparent);
+  --app-sidebar-bg: color-mix(in srgb, var(--app-surface-sidebar) 84%, transparent);
+}
+
+body.runtime-windows-mica .workspace-shell {
+  background-color: transparent !important;
+}
+
+[data-desktop-drag-region] {
+  -webkit-app-region: drag;
+}
+
+[data-desktop-drag-region="false"],
+[data-desktop-drag-region] :is(a, button, input, select, textarea, [role="button"], [contenteditable="true"]) {
+  -webkit-app-region: no-drag;
+}
+
+@supports (height: 100dvh) {
+  body,
+  .workspace-shell,
+  .settings-shell {
+    height: 100dvh;
+  }
+}
+
+@media (max-width: 767px) {
+  .workspace-shell {
+    padding-right: env(safe-area-inset-right);
+    padding-left: env(safe-area-inset-left);
+  }
+
+  .workspace-shell__footer {
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+}
+
+*::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--app-scrollbar-thumb);
+  border-radius: 9999px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: var(--app-scrollbar-thumb-hover);
+}
+
+/* xterm 6 renders a virtual scrollbar with inline dimensions and colors. */
+.xterm .xterm-scrollable-element > .scrollbar.vertical,
+.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider {
+  width: 7px !important;
+}
+
+.xterm .xterm-scrollable-element > .scrollbar.vertical {
+  background: transparent !important;
+  top: var(--xterm-scrollbar-top, 0) !important;
+  bottom: var(--xterm-scrollbar-bottom, 0) !important;
+}
+
+.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider {
+  background: var(--app-scrollbar-thumb) !important;
+  border-radius: 9999px;
+}
+
+.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider:hover,
+.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider.active {
+  background: var(--app-scrollbar-thumb-hover) !important;
+}
+
+.text-xs-plus {
+  @apply text-[14px];
+}
+
+.text-overflow-ellipsis {
+  @apply text-ellipsis overflow-hidden whitespace-nowrap;
+}
+
+.font-ui-mono {
+  font-family: var(--font-mono);
+  font-variant-ligatures: none;
+}
+
+/* 全局按钮样式 */
+.btn-common {
+  @apply rounded-lg transition-colors duration-200;
+}
+
+.btn-common:hover {
+}
+
+.dark .btn-common:hover {
+}
+
+/* App Store 风格按钮 */
+.btn-connect {
+  @apply font-bold rounded-lg text-xs transition-all duration-200;
+}
+
+/* .light .btn-connect:hover {
+  @apply bg-green-500 text-white;
+}
+
+.dark .btn-connect {
+  @apply bg-gray-600 hover:bg-gray-700;
+} */
+
+.platform-windows {
+  @apply overflow-hidden border-none shadow-none;
+}
+
+.header-bg {
+  background-color: var(--app-header-bg);
+}
+
+html,
+body,
+#__nuxt,
+#app {
+  height: 100%;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -o-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+body {
+  font-size: var(--app-ui-font-size);
+}
+
+input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
+textarea,
+select {
+  background-color: var(--app-input-bg);
+  color: var(--app-fg);
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: var(--app-muted);
+}
+
+option {
+  background-color: var(--app-sidebar-bg);
+  color: var(--app-fg);
+}