metadata

show version
support macos
2026-04-17 18:10:56 -04:00 · 2026-04-17 17:57:31 -04:00 · 2026-04-17 17:49:43 -04:00 · 2026-04-17 17:32:32 -04:00
23 changed files with 270 additions and 154 deletions
--- a/README.md
+++ b/README.md
@@ -1,7 +1,35 @@
-# Tauri + Vue + TypeScript
+# Chrom Tool

-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+一个 Chromium 系浏览器本地数据管理工具。

-## Recommended IDE Setup
+## 功能

- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
+- 扫描浏览器用户资料
+- 查看已安装插件，并支持删除插件
+- 查看书签，并支持删除书签
+- 查看已保存登录站点
+- 清理历史相关文件
+  - `History`
+  - `Top Sites`
+  - `Visited Links`
+  - `Sessions` 目录中的文件
+- 支持自定义浏览器路径配置
+
+## 当前支持
+
+- Windows
+- macOS
+
+已适配的浏览器：
+
+- Google Chrome
+- Microsoft Edge
+- Brave
+- Vivaldi
+- Yandex Browser
+- Chromium
+
+## 说明
+
+- 项目主要面向 Chromium 系浏览器本地资料目录
+- 部分删除或清理操作在浏览器运行中可能失败，建议先关闭对应浏览器
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tauri + Vue + Typescript App</title>
+    <title>Chrom Tool</title>
  </head>

  <body>
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,8 +1,8 @@
 [package]
 name = "chrom-tool"
 version = "0.1.0"
-description = "A Tauri App"
-authors = ["you"]
+description = "A local data management tool for Chromium-based browsers."
+authors = ["julianf4r"]
 edition = "2021"

 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
--- a/src-tauri/src/browsers.rs
+++ b/src-tauri/src/browsers.rs
@@ -3,6 +3,60 @@ use std::{env, path::PathBuf};
 use crate::models::BrowserDefinition;

 pub fn browser_definitions() -> Vec<BrowserDefinition> {
+    #[cfg(target_os = "macos")]
+    {
+        return vec![
+            BrowserDefinition {
+                id: "chrome",
+                name: "Google Chrome",
+                local_app_data_segments: &["Google", "Chrome"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
+                )],
+            },
+            BrowserDefinition {
+                id: "edge",
+                name: "Microsoft Edge",
+                local_app_data_segments: &["Microsoft Edge"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge",
+                )],
+            },
+            BrowserDefinition {
+                id: "brave",
+                name: "Brave",
+                local_app_data_segments: &["BraveSoftware", "Brave-Browser"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser",
+                )],
+            },
+            BrowserDefinition {
+                id: "vivaldi",
+                name: "Vivaldi",
+                local_app_data_segments: &["Vivaldi"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Vivaldi.app/Contents/MacOS/Vivaldi",
+                )],
+            },
+            BrowserDefinition {
+                id: "yandex",
+                name: "Yandex Browser",
+                local_app_data_segments: &["Yandex", "YandexBrowser"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Yandex.app/Contents/MacOS/Yandex",
+                )],
+            },
+            BrowserDefinition {
+                id: "chromium",
+                name: "Chromium",
+                local_app_data_segments: &["Chromium"],
+                executable_candidates: &[ExecutableCandidate::Absolute(
+                    "/Applications/Chromium.app/Contents/MacOS/Chromium",
+                )],
+            },
+        ];
+    }
+
    vec![
        BrowserDefinition {
            id: "chrome",
@@ -131,6 +185,8 @@ fn resolve_executable_candidate(candidate: &ExecutableCandidate) -> Option<PathB
        ExecutableCandidate::LocalAppData(segments) => env::var_os("LOCALAPPDATA")
            .map(PathBuf::from)
            .map(|root| join_segments(root, segments)),
+        #[cfg(target_os = "macos")]
+        ExecutableCandidate::Absolute(path) => Some(PathBuf::from(path)),
    }
 }

@@ -145,4 +201,6 @@ pub enum ExecutableCandidate {
    ProgramFiles(&'static [&'static str]),
    ProgramFilesX86(&'static [&'static str]),
    LocalAppData(&'static [&'static str]),
+    #[cfg(target_os = "macos")]
+    Absolute(&'static str),
 }
--- a/src-tauri/src/config_store.rs
+++ b/src-tauri/src/config_store.rs
@@ -12,7 +12,7 @@ use crate::{
        BrowserConfigEntry, BrowserConfigListResponse, BrowserConfigSource,
        CreateCustomBrowserConfigInput, CustomBrowserConfigRecord, StoredBrowserConfigs,
    },
-    utils::local_app_data_dir,
+    utils::platform_user_data_root_dir,
 };

 const CONFIG_FILE_NAME: &str = "browser-configs.json";
@@ -113,8 +113,8 @@ pub fn find_browser_config(app: &AppHandle, config_id: &str) -> Result<BrowserCo
 }

 fn default_browser_configs() -> Result<Vec<BrowserConfigEntry>, String> {
-    let local_app_data = local_app_data_dir().ok_or_else(|| {
-        "Unable to resolve the LOCALAPPDATA directory for the current user.".to_string()
+    let user_data_root = platform_user_data_root_dir().ok_or_else(|| {
+        "Unable to resolve the default browser data directory for the current user.".to_string()
    })?;

    Ok(browser_definitions()
@@ -123,7 +123,7 @@ fn default_browser_configs() -> Result<Vec<BrowserConfigEntry>, String> {
            let user_data_path = definition
                .local_app_data_segments
                .iter()
-                .fold(local_app_data.clone(), |path, segment| path.join(segment));
+                .fold(user_data_root.clone(), |path, segment| path.join(segment));

            BrowserConfigEntry {
                id: definition.id.to_string(),
--- a/src-tauri/src/utils.rs
+++ b/src-tauri/src/utils.rs
@@ -8,7 +8,14 @@ use std::{
 use base64::{engine::general_purpose::STANDARD, Engine as _};
 use serde_json::Value;

-pub fn local_app_data_dir() -> Option<PathBuf> {
+pub fn platform_user_data_root_dir() -> Option<PathBuf> {
+    #[cfg(target_os = "macos")]
+    {
+        return env::var_os("HOME")
+            .map(PathBuf::from)
+            .map(|path| path.join("Library").join("Application Support"));
+    }
+
    env::var_os("LOCALAPPDATA").map(PathBuf::from).or_else(|| {
        env::var_os("USERPROFILE")
            .map(PathBuf::from)
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -12,7 +12,7 @@
  "app": {
    "windows": [
      {
-        "title": "Browser Assistant",
+        "title": "浏览器助手",
        "width": 1400,
        "height": 900,
        "minWidth": 1100,
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,8 @@ import ConfigurationView from "./components/config/ConfigurationView.vue";
 import AppSidebar from "./components/sidebar/AppSidebar.vue";
 import { useBrowserManager } from "./composables/useBrowserManager";

+const appVersion = __APP_VERSION__;
+
 const {
  activeSection,
  associatedProfilesModal,
@@ -106,6 +108,7 @@ const {
      :loading="loading"
      :configs-loading="configsLoading"
      :browser-monogram="browserMonogram"
+      :app-version="appVersion"
      @select-browser="selectedBrowserId = $event; page = 'browserData'"
      @select-configuration="page = 'configuration'"
      @refresh="refreshAll"
@@ -145,9 +148,9 @@ const {
              <div class="scan-dot dot-three"></div>
            </div>
          </div>
-          <p class="eyebrow">Scanning</p>
-          <h2>Reading local browser data</h2>
-          <p>Profiles, extensions, bookmarks, and saved login sites are being collected.</p>
+          <p class="eyebrow">扫描中</p>
+          <h2>正在读取本地浏览器数据</h2>
+          <p>正在收集用户资料、插件、书签和已保存登录站点。</p>
          <div class="loading-steps" aria-hidden="true">
            <span></span>
            <span></span>
@@ -158,8 +161,8 @@ const {

      <template v-else-if="error">
        <section class="state-panel error">
-          <p class="eyebrow">Error</p>
-          <h2>Scan failed</h2>
+          <p class="eyebrow">错误</p>
+          <h2>扫描失败</h2>
          <p>{{ error }}</p>
        </section>
      </template>
@@ -246,9 +249,9 @@ const {

      <template v-else>
        <section class="state-panel">
-          <p class="eyebrow">No Data</p>
-          <h2>No supported browser was detected</h2>
-          <p>Install or sign in to Chrome, Edge, or Brave and refresh the scan.</p>
+          <p class="eyebrow">无数据</p>
+          <h2>没有检测到受支持的浏览器</h2>
+          <p>请安装或登录 Chrome、Edge、Brave 等浏览器后再刷新扫描。</p>
        </section>
      </template>
    </main>
--- a/src/components/browser-data/AssociatedProfilesModal.vue
+++ b/src/components/browser-data/AssociatedProfilesModal.vue
@@ -64,7 +64,7 @@ function isSelected(profileId: string) {
      <div class="modal-header">
        <h3>{{ title }}</h3>
        <button class="secondary-button modal-close-button" type="button" @click="emit('close')">
-          Close
+          关闭
        </button>
      </div>

@@ -83,7 +83,7 @@ function isSelected(profileId: string) {
                <path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
              </svg>
            </span>
-            <span>Select All</span>
+            <span>全选</span>
          </label>
          <button
            class="danger-button"
@@ -91,14 +91,14 @@ function isSelected(profileId: string) {
            :disabled="!selectedProfileIds.length || deleteBusy"
            @click="emit('deleteSelectedProfiles')"
          >
-            {{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedProfileIds.length})` }}
+            {{ deleteBusy ? "删除中..." : `删除所选（${selectedProfileIds.length}）` }}
          </button>
        </div>

        <div class="modal-table-header modal-grid" :class="{ bookmark: isBookmark, extension: isExtension }">
-          <div v-if="isSelectableMode" class="header-cell checkbox-cell">Pick</div>
-          <div class="header-cell icon-cell">Avatar</div>
-          <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">Name</button>
+          <div v-if="isSelectableMode" class="header-cell checkbox-cell">选择</div>
+          <div class="header-cell icon-cell">头像</div>
+          <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">名称</button>
          <button
            v-if="!isExtension && !isBookmark"
            class="header-cell sortable"
@@ -106,11 +106,11 @@ function isSelected(profileId: string) {
            type="button"
            @click="sortKey = 'id'"
          >
-            Profile ID
+            资料 ID
          </button>
-          <div v-if="isExtension" class="header-cell">Source</div>
-          <div v-if="isBookmark" class="header-cell">Bookmark Path</div>
-          <div class="header-cell actions-cell">Action</div>
+          <div v-if="isExtension" class="header-cell">来源</div>
+          <div v-if="isBookmark" class="header-cell">书签路径</div>
+          <div class="header-cell actions-cell">操作</div>
        </div>
        <div class="modal-table-body styled-scrollbar">
          <article
@@ -151,7 +151,7 @@ function isSelected(profileId: string) {
              <span class="badge neutral">{{ profile.id }}</span>
            </div>
            <div v-if="isExtension && hasInstallSource(profile)" class="row-cell muted-cell">
-              {{ profile.installSource === "store" ? "Store" : "External" }}
+              {{ profile.installSource === "store" ? "商店安装" : "外部安装" }}
            </div>
            <div
              v-if="isBookmark && hasBookmarkPath(profile)"
@@ -167,7 +167,7 @@ function isSelected(profileId: string) {
                :disabled="isOpeningProfile(browserId, profile.id)"
                @click="emit('openProfile', browserId, profile.id)"
              >
-                {{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
+                {{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
              </button>
              <button
                v-if="isSelectableMode"
@@ -176,7 +176,7 @@ function isSelected(profileId: string) {
                :disabled="deleteBusy"
                @click="emit('deleteProfile', profile.id)"
              >
-                Delete
+                删除
              </button>
            </div>
          </article>
@@ -217,12 +217,22 @@ function isSelected(profileId: string) {
  align-items: center;
  justify-content: space-between;
  gap: 12px;
+  min-width: 0;
 }

 .modal-header h3 {
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.03em;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.modal-close-button {
+  flex-shrink: 0;
 }

 .modal-table {
--- a/src/components/browser-data/BookmarkRemovalModal.vue
+++ b/src/components/browser-data/BookmarkRemovalModal.vue
@@ -52,19 +52,18 @@ const resultSummary = computed(() => {
    <section class="modal-card">
      <div class="modal-header">
        <h3>{{ title }}</h3>
-        <button class="secondary-button" type="button" @click="emit('close')">Close</button>
+        <button class="secondary-button" type="button" @click="emit('close')">关闭</button>
      </div>

      <template v-if="mode === 'confirm'">
        <p class="modal-copy">
-          This will remove {{ bookmarkCount }} bookmark{{ bookmarkCount === 1 ? "" : "s" }} from
-          {{ profileCount }} profile{{ profileCount === 1 ? "" : "s" }}.
+          将从 {{ profileCount }} 个资料中删除 {{ bookmarkCount }} 个书签。
        </p>

        <div class="modal-actions">
-          <button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
+          <button class="secondary-button" type="button" @click="emit('close')">取消</button>
          <button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
-            {{ busy ? "Deleting..." : "Confirm Delete" }}
+            {{ busy ? "删除中..." : "确认删除" }}
          </button>
        </div>
      </template>
@@ -72,15 +71,11 @@ const resultSummary = computed(() => {
      <template v-else>
        <p v-if="generalError" class="result-banner error">{{ generalError }}</p>
        <p class="modal-copy">
-          Successfully removed {{ resultSummary.successCount }} bookmark{{
-            resultSummary.successCount === 1 ? "" : "s"
-          }}. Failed to remove {{ resultSummary.failedCount }} bookmark{{
-            resultSummary.failedCount === 1 ? "" : "s"
-          }}.
+          成功删除 {{ resultSummary.successCount }} 个书签，失败 {{ resultSummary.failedCount }} 个。
        </p>

        <div class="modal-actions">
-          <button class="primary-button" type="button" @click="emit('close')">Close</button>
+          <button class="primary-button" type="button" @click="emit('close')">关闭</button>
        </div>
      </template>
    </section>
--- a/src/components/browser-data/BookmarksList.vue
+++ b/src/components/browser-data/BookmarksList.vue
@@ -47,7 +47,7 @@ function isSelected(url: string) {
              <path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
            </svg>
          </span>
-          <span>Select All</span>
+          <span>全选</span>
        </label>
        <button
          class="danger-button"
@@ -55,15 +55,15 @@ function isSelected(url: string) {
          :disabled="!selectedBookmarkUrls.length || deleteBusy"
          @click="emit('deleteSelected')"
        >
-          {{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedBookmarkUrls.length})` }}
+          {{ deleteBusy ? "删除中..." : `删除所选（${selectedBookmarkUrls.length}）` }}
        </button>
      </div>

      <div class="data-table-header bookmarks-grid">
-        <div class="header-cell checkbox-cell">Pick</div>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">Name</button>
+        <div class="header-cell checkbox-cell">选择</div>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">名称</button>
        <button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
-        <div class="header-cell actions-cell">Actions</div>
+        <div class="header-cell actions-cell">操作</div>
      </div>
      <div class="data-table-body styled-scrollbar">
        <article v-for="bookmark in bookmarks" :key="bookmark.url" class="data-table-row bookmarks-grid">
@@ -89,7 +89,7 @@ function isSelected(url: string) {
          <div class="row-cell muted-cell" :title="bookmark.url">{{ bookmark.url }}</div>
          <div class="row-cell actions-cell">
            <button class="disclosure-button" type="button" @click="emit('showProfiles', bookmark.url)">
-              <span>View</span>
+              <span>查看</span>
              <span class="badge neutral">{{ bookmark.profileIds.length }}</span>
            </button>
            <button
@@ -98,14 +98,14 @@ function isSelected(url: string) {
              :disabled="deleteBusy"
              @click="emit('deleteBookmark', bookmark.url)"
            >
-              Delete
+              删除
            </button>
          </div>
        </article>
      </div>
    </div>
    <div v-else class="empty-card">
-      <p>No bookmarks were discovered for this browser.</p>
+      <p>这个浏览器没有扫描到任何书签。</p>
    </div>
  </section>
 </template>
--- a/src/components/browser-data/BrowserDataView.vue
+++ b/src/components/browser-data/BrowserDataView.vue
@@ -126,7 +126,7 @@ const emit = defineEmits<{
      type="button"
      @click="emit('update:activeSection', 'profiles')"
    >
-      <span>Profiles</span>
+      <span>资料</span>
      <span class="count-pill">{{ sectionCount("profiles") }}</span>
    </button>
    <button
@@ -135,7 +135,7 @@ const emit = defineEmits<{
      type="button"
      @click="emit('update:activeSection', 'extensions')"
    >
-      <span>Extensions</span>
+      <span>插件</span>
      <span class="count-pill">{{ sectionCount("extensions") }}</span>
    </button>
    <button
@@ -144,7 +144,7 @@ const emit = defineEmits<{
      type="button"
      @click="emit('update:activeSection', 'bookmarks')"
    >
-      <span>Bookmarks</span>
+      <span>书签</span>
      <span class="count-pill">{{ sectionCount("bookmarks") }}</span>
    </button>
    <button
@@ -153,7 +153,7 @@ const emit = defineEmits<{
      type="button"
      @click="emit('update:activeSection', 'passwords')"
    >
-      <span>Saved Logins</span>
+      <span>已保存登录</span>
      <span class="count-pill">{{ sectionCount("passwords") }}</span>
    </button>
    <button
@@ -162,7 +162,7 @@ const emit = defineEmits<{
      type="button"
      @click="emit('update:activeSection', 'history')"
    >
-      <span>History</span>
+      <span>历史</span>
      <span class="count-pill">{{ sectionCount("history") }}</span>
    </button>
  </section>
@@ -233,7 +233,7 @@ const emit = defineEmits<{
  <HistoryCleanupModal
    v-if="historyCleanupConfirmProfiles.length"
    mode="confirm"
-    title="Confirm History Cleanup"
+    title="确认清理历史"
    :profiles="historyCleanupConfirmProfiles"
    :results="[]"
    :busy="cleanupHistoryBusy"
@@ -244,7 +244,7 @@ const emit = defineEmits<{
  <HistoryCleanupModal
    v-if="historyCleanupResultOpen"
    mode="result"
-    title="Cleanup Result"
+    title="清理结果"
    :profiles="[]"
    :results="cleanupHistoryResults"
    :general-error="cleanupHistoryError"
@@ -254,7 +254,7 @@ const emit = defineEmits<{
  <BookmarkRemovalModal
    v-if="bookmarkRemovalConfirmBookmarkCount > 0"
    mode="confirm"
-    title="Confirm Bookmark Removal"
+    title="确认删除书签"
    :bookmark-count="bookmarkRemovalConfirmBookmarkCount"
    :profile-count="bookmarkRemovalConfirmProfileCount"
    :results="[]"
@@ -266,7 +266,7 @@ const emit = defineEmits<{
  <BookmarkRemovalModal
    v-if="bookmarkRemovalResultOpen"
    mode="result"
-    title="Bookmark Removal Result"
+    title="书签删除结果"
    :bookmark-count="0"
    :profile-count="0"
    :results="bookmarkRemovalResults"
@@ -277,7 +277,7 @@ const emit = defineEmits<{
  <ExtensionRemovalModal
    v-if="extensionRemovalConfirmExtensions.length || extensionRemovalConfirmProfiles.length"
    mode="confirm"
-    title="Confirm Extension Removal"
+    title="确认删除插件"
    :extensions="extensionRemovalConfirmExtensions"
    :profiles="extensionRemovalConfirmProfiles"
    :results="[]"
@@ -289,7 +289,7 @@ const emit = defineEmits<{
  <ExtensionRemovalModal
    v-if="extensionRemovalResultOpen"
    mode="result"
-    title="Extension Removal Result"
+    title="插件删除结果"
    :extensions="[]"
    :profiles="[]"
    :results="extensionRemovalResults"
--- a/src/components/browser-data/ExtensionRemovalModal.vue
+++ b/src/components/browser-data/ExtensionRemovalModal.vue
@@ -58,22 +58,18 @@ const resultSummary = computed(() => {
    <section class="modal-card">
      <div class="modal-header">
        <h3>{{ title }}</h3>
-        <button class="secondary-button" type="button" @click="emit('close')">Close</button>
+        <button class="secondary-button" type="button" @click="emit('close')">关闭</button>
      </div>

      <template v-if="mode === 'confirm'">
        <p class="modal-copy">
-          This will remove {{ confirmSummary.extensionCount }} extension{{
-            confirmSummary.extensionCount === 1 ? "" : "s"
-          }} from {{ confirmSummary.profileCount }} profile{{
-            confirmSummary.profileCount === 1 ? "" : "s"
-          }}.
+          将从 {{ confirmSummary.profileCount }} 个资料中删除 {{ confirmSummary.extensionCount }} 个插件。
        </p>

        <div class="modal-actions">
-          <button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
+          <button class="secondary-button" type="button" @click="emit('close')">取消</button>
          <button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
-            {{ busy ? "Deleting..." : "Confirm Delete" }}
+            {{ busy ? "删除中..." : "确认删除" }}
          </button>
        </div>
      </template>
@@ -81,15 +77,11 @@ const resultSummary = computed(() => {
      <template v-else>
        <p v-if="generalError" class="result-banner error">{{ generalError }}</p>
        <p class="modal-copy">
-          Successfully removed {{ resultSummary.successCount }} extension{{
-            resultSummary.successCount === 1 ? "" : "s"
-          }}. Failed to remove {{ resultSummary.failedCount }} extension{{
-            resultSummary.failedCount === 1 ? "" : "s"
-          }}.
+          成功删除 {{ resultSummary.successCount }} 个插件，失败 {{ resultSummary.failedCount }} 个。
        </p>

        <div class="modal-actions">
-          <button class="primary-button" type="button" @click="emit('close')">Close</button>
+          <button class="primary-button" type="button" @click="emit('close')">关闭</button>
        </div>
      </template>
    </section>
--- a/src/components/browser-data/ExtensionsList.vue
+++ b/src/components/browser-data/ExtensionsList.vue
@@ -47,7 +47,7 @@ function isSelected(extensionId: string) {
              <path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
            </svg>
          </span>
-          <span>Select All</span>
+          <span>全选</span>
        </label>
        <button
          class="danger-button"
@@ -55,16 +55,16 @@ function isSelected(extensionId: string) {
          :disabled="!selectedExtensionIds.length || deleteBusy"
          @click="emit('deleteSelected')"
        >
-          {{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedExtensionIds.length})` }}
+          {{ deleteBusy ? "删除中..." : `删除所选（${selectedExtensionIds.length}）` }}
        </button>
      </div>

      <div class="data-table-header extensions-grid">
-        <div class="header-cell checkbox-cell">Pick</div>
-        <div class="header-cell icon-cell">Icon</div>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Extension ID</button>
-        <div class="header-cell actions-cell">Actions</div>
+        <div class="header-cell checkbox-cell">选择</div>
+        <div class="header-cell icon-cell">图标</div>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">插件 ID</button>
+        <div class="header-cell actions-cell">操作</div>
      </div>
      <div class="data-table-body styled-scrollbar">
        <article v-for="extension in extensions" :key="extension.id" class="data-table-row extensions-grid">
@@ -94,7 +94,7 @@ function isSelected(extensionId: string) {
          <div class="row-cell muted-cell" :title="extension.id">{{ extension.id }}</div>
          <div class="row-cell actions-cell">
            <button class="disclosure-button" type="button" @click="emit('showProfiles', extension.id)">
-              <span>View</span>
+              <span>查看</span>
              <span class="badge neutral">{{ extension.profileIds.length }}</span>
            </button>
            <button
@@ -103,14 +103,14 @@ function isSelected(extensionId: string) {
              :disabled="deleteBusy"
              @click="emit('deleteExtension', extension.id)"
            >
-              Delete
+              删除
            </button>
          </div>
        </article>
      </div>
    </div>
    <div v-else class="empty-card">
-      <p>No extensions were discovered for this browser.</p>
+      <p>这个浏览器没有扫描到任何插件。</p>
    </div>
  </section>
 </template>
--- a/src/components/browser-data/HistoryCleanupList.vue
+++ b/src/components/browser-data/HistoryCleanupList.vue
@@ -37,7 +37,7 @@ const allSelected = computed(
 );

 function statusLabel(status: CleanupFileStatus) {
-  return status === "found" ? "Found" : "Missing";
+  return status === "found" ? "存在" : "缺失";
 }

 function statusClass(status: CleanupFileStatus) {
@@ -79,7 +79,7 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
              <path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
            </svg>
          </span>
-          <span>Select All</span>
+          <span>全选</span>
        </label>
        <button
          class="danger-button"
@@ -87,19 +87,19 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
          :disabled="!selectedProfileIds.length || cleanupBusy"
          @click="emit('cleanupSelected')"
        >
-          {{ cleanupBusy ? "Cleaning..." : `Clean Selected (${selectedProfileIds.length})` }}
+          {{ cleanupBusy ? "清理中..." : `清理所选（${selectedProfileIds.length}）` }}
        </button>
      </div>

      <div class="data-table-header history-grid">
-        <div class="header-cell checkbox-cell">Pick</div>
-        <div class="header-cell icon-cell">Avatar</div>
-        <div class="header-cell">Profile</div>
-        <div class="header-cell">History</div>
-        <div class="header-cell">Top Sites</div>
-        <div class="header-cell">Visited Links</div>
-        <div class="header-cell">Sessions</div>
-        <div class="header-cell actions-cell">Action</div>
+        <div class="header-cell checkbox-cell">选择</div>
+        <div class="header-cell icon-cell">头像</div>
+        <div class="header-cell">资料</div>
+        <div class="header-cell">历史记录</div>
+        <div class="header-cell">热门站点</div>
+        <div class="header-cell">访问链接</div>
+        <div class="header-cell">会话</div>
+        <div class="header-cell actions-cell">操作</div>
      </div>
      <div class="data-table-body styled-scrollbar">
        <article v-for="profile in profiles" :key="profile.id" class="data-table-row history-grid">
@@ -158,14 +158,14 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
              :disabled="!isSelectable(profile) || cleanupBusy"
              @click="emit('cleanupProfile', profile.id)"
            >
-              Clean
+              清理
            </button>
          </div>
        </article>
      </div>
    </div>
    <div v-else class="empty-card">
-      <p>No profile directories were found for this browser.</p>
+      <p>这个浏览器没有找到任何用户资料目录。</p>
    </div>
  </section>
 </template>
--- a/src/components/browser-data/HistoryCleanupModal.vue
+++ b/src/components/browser-data/HistoryCleanupModal.vue
@@ -22,14 +22,14 @@ const emit = defineEmits<{
      <div class="modal-header">
        <h3>{{ title }}</h3>
        <button class="secondary-button modal-close-button" type="button" @click="emit('close')">
-          Close
+          关闭
        </button>
      </div>

      <template v-if="mode === 'confirm'">
        <p class="modal-copy">
-          The selected profiles will have <code>History</code>, <code>Top Sites</code>, and
-          <code>Visited Links</code> removed, and all files inside <code>Sessions</code> cleared.
+          将删除所选资料中的 <code>History</code>、<code>Top Sites</code>、<code>Visited Links</code>，
+          并清空 <code>Sessions</code> 目录中的所有文件。
        </p>

        <div class="profile-list styled-scrollbar">
@@ -40,9 +40,9 @@ const emit = defineEmits<{
        </div>

        <div class="modal-actions">
-          <button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
+          <button class="secondary-button" type="button" @click="emit('close')">取消</button>
          <button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
-            {{ busy ? "Cleaning..." : "Confirm Cleanup" }}
+            {{ busy ? "清理中..." : "确认清理" }}
          </button>
        </div>
      </template>
@@ -60,19 +60,19 @@ const emit = defineEmits<{
            <strong>{{ result.profileId }}</strong>
            <p v-if="result.error">{{ result.error }}</p>
            <p v-else-if="result.deletedFiles.length">
-              Deleted {{ result.deletedFiles.join(", ") }}
+              已删除：{{ result.deletedFiles.join("、") }}
            </p>
            <p v-else>
-              Nothing was deleted.
+              没有删除任何文件。
            </p>
            <p v-if="result.skippedFiles.length" class="muted-line">
-              Missing {{ result.skippedFiles.join(", ") }}
+              已跳过（不存在）：{{ result.skippedFiles.join("、") }}
            </p>
          </article>
        </div>

        <div class="modal-actions">
-          <button class="primary-button" type="button" @click="emit('close')">Close</button>
+          <button class="primary-button" type="button" @click="emit('close')">关闭</button>
        </div>
      </template>
    </section>
--- a/src/components/browser-data/PasswordSitesList.vue
+++ b/src/components/browser-data/PasswordSitesList.vue
@@ -16,9 +16,9 @@ const emit = defineEmits<{
  <section class="table-section">
    <div v-if="passwordSites.length" class="data-table">
      <div class="data-table-header passwords-grid">
-        <button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">Domain</button>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">域名</button>
        <button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
-        <div class="header-cell actions-cell">Profiles</div>
+        <div class="header-cell actions-cell">关联资料</div>
      </div>
      <div class="data-table-body styled-scrollbar">
        <article
@@ -32,7 +32,7 @@ const emit = defineEmits<{
          <div class="row-cell muted-cell" :title="passwordSite.url">{{ passwordSite.url }}</div>
          <div class="row-cell actions-cell">
            <button class="disclosure-button" type="button" @click="emit('showProfiles', passwordSite.url)">
-              <span>View</span>
+              <span>查看</span>
              <span class="badge neutral">{{ passwordSite.profileIds.length }}</span>
            </button>
          </div>
@@ -40,7 +40,7 @@ const emit = defineEmits<{
      </div>
    </div>
    <div v-else class="empty-card">
-      <p>No saved login sites were discovered for this browser.</p>
+      <p>这个浏览器没有扫描到任何已保存登录站点。</p>
    </div>
  </section>
 </template>
--- a/src/components/browser-data/ProfilesList.vue
+++ b/src/components/browser-data/ProfilesList.vue
@@ -25,11 +25,11 @@ const emit = defineEmits<{

    <div v-if="profiles.length" class="data-table">
      <div class="data-table-header profiles-grid">
-        <div class="header-cell icon-cell">Avatar</div>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">Email</button>
-        <button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Profile ID</button>
-        <div class="header-cell actions-cell">Action</div>
+        <div class="header-cell icon-cell">头像</div>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">邮箱</button>
+        <button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">资料 ID</button>
+        <div class="header-cell actions-cell">操作</div>
      </div>
      <div class="data-table-body styled-scrollbar">
        <article v-for="profile in profiles" :key="profile.id" class="data-table-row profiles-grid">
@@ -57,14 +57,14 @@ const emit = defineEmits<{
              type="button"
              @click="emit('openProfile', browserId, profile.id)"
            >
-              {{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
+              {{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
            </button>
          </div>
        </article>
      </div>
    </div>
    <div v-else class="empty-card">
-      <p>No profile directories were found for this browser.</p>
+      <p>这个浏览器没有找到任何用户资料目录。</p>
    </div>
  </section>
 </template>
--- a/src/components/config/ConfigurationView.vue
+++ b/src/components/config/ConfigurationView.vue
@@ -45,28 +45,28 @@ const iconOptions = computed(() =>
    <div class="config-form-card">
      <div class="config-form-header collapsible">
        <div>
-          <h3>Add Custom Browser</h3>
+          <h3>添加自定义浏览器</h3>
        </div>
        <button
          class="secondary-button config-toggle-button"
          type="button"
          @click="formExpanded = !formExpanded"
        >
-          {{ formExpanded ? "Collapse" : "Expand" }}
+          {{ formExpanded ? "收起" : "展开" }}
        </button>
      </div>
      <div v-if="formExpanded" class="config-form-fields compact">
        <div class="config-inline-row">
          <label class="field-group">
-            <span>Name</span>
+            <span>名称</span>
            <input
              :value="createConfigForm.name"
-              placeholder="Work Chrome"
+              placeholder="例如：工作 Chrome"
              @input="emit('updateName', ($event.target as HTMLInputElement).value)"
            />
          </label>
          <label class="field-group">
-            <span>Icon</span>
+            <span>图标</span>
            <SortDropdown
              :model-value="createConfigForm.iconKey ?? 'chrome'"
              :options="iconOptions"
@@ -75,7 +75,7 @@ const iconOptions = computed(() =>
          </label>
        </div>
        <label class="field-group">
-          <span>Executable Path</span>
+          <span>可执行文件路径</span>
          <div class="path-input-row">
            <input
              :value="createConfigForm.executablePath"
@@ -83,12 +83,12 @@ const iconOptions = computed(() =>
              @input="emit('updateExecutablePath', ($event.target as HTMLInputElement).value)"
            />
            <button class="secondary-button" type="button" @click="emit('pickExecutablePath')">
-              Browse File
+              选择文件
            </button>
          </div>
        </label>
        <label class="field-group">
-          <span>User Data Path</span>
+          <span>用户资料路径</span>
          <div class="path-input-row">
            <input
              :value="createConfigForm.userDataPath"
@@ -96,7 +96,7 @@ const iconOptions = computed(() =>
              @input="emit('updateUserDataPath', ($event.target as HTMLInputElement).value)"
            />
            <button class="secondary-button" type="button" @click="emit('pickUserDataPath')">
-              Browse Folder
+              选择文件夹
            </button>
          </div>
        </label>
@@ -107,14 +107,14 @@ const iconOptions = computed(() =>
            :disabled="savingConfig"
            @click="emit('createConfig')"
          >
-            {{ savingConfig ? "Saving..." : "Add Config" }}
+            {{ savingConfig ? "保存中..." : "添加配置" }}
          </button>
        </div>
      </div>
    </div>

    <div v-if="configsLoading" class="empty-card">
-      <p>Loading browser configs...</p>
+      <p>正在加载浏览器配置...</p>
    </div>
    <div v-else class="stack-list">
      <article
@@ -145,16 +145,16 @@ const iconOptions = computed(() =>
            :disabled="isDeletingConfig(config.id)"
            @click="emit('deleteConfig', config.id)"
          >
-            {{ isDeletingConfig(config.id) ? "Deleting..." : "Delete" }}
+            {{ isDeletingConfig(config.id) ? "删除中..." : "删除" }}
          </button>
        </div>
        <div class="config-meta">
          <div class="config-meta-row">
-            <span class="config-label">Executable</span>
-            <p :title="config.executablePath">{{ config.executablePath || "Not resolved" }}</p>
+            <span class="config-label">可执行文件</span>
+            <p :title="config.executablePath">{{ config.executablePath || "未解析" }}</p>
          </div>
          <div class="config-meta-row">
-            <span class="config-label">User Data</span>
+            <span class="config-label">用户资料</span>
            <p :title="config.userDataPath">{{ config.userDataPath }}</p>
          </div>
        </div>
--- a/src/components/sidebar/AppSidebar.vue
+++ b/src/components/sidebar/AppSidebar.vue
@@ -2,13 +2,14 @@
 import { browserIconSrc, configurationIconSrc } from "../../utils/icons";
 import type { AppPage, BrowserView } from "../../types/browser";

-defineProps<{
+const props = defineProps<{
  browsers: BrowserView[];
  currentBrowserId: string | null;
  page: AppPage;
  loading: boolean;
  configsLoading: boolean;
  browserMonogram: (browserId: string) => string;
+  appVersion: string;
 }>();

 const emit = defineEmits<{
@@ -22,7 +23,7 @@ const emit = defineEmits<{
  <aside class="sidebar">
    <div class="sidebar-toolbar">
      <div class="sidebar-title-group">
-        <h1>Browser Assistant</h1>
+        <h1>浏览器助手</h1>
      </div>
      <button class="refresh-icon-button" type="button" @click="emit('refresh')">
        <svg class="refresh-icon" viewBox="0 0 24 24" aria-hidden="true">
@@ -35,7 +36,7 @@ const emit = defineEmits<{
            stroke-width="2"
          />
        </svg>
-        <span class="sr-only">{{ loading || configsLoading ? "Refreshing..." : "Refresh" }}</span>
+        <span class="sr-only">{{ loading || configsLoading ? "刷新中..." : "刷新" }}</span>
      </button>
    </div>

@@ -63,7 +64,7 @@ const emit = defineEmits<{
    </div>

    <div v-else class="sidebar-empty">
-      <p>No supported Chromium browser data was found yet.</p>
+      <p>暂未找到受支持的 Chromium 浏览器数据。</p>
    </div>

    <button
@@ -73,11 +74,12 @@ const emit = defineEmits<{
      @click="emit('selectConfiguration')"
    >
      <div class="browser-nav-icon config-nav-icon">
-        <img :src="configurationIconSrc" alt="Configuration icon" />
+        <img :src="configurationIconSrc" alt="配置图标" />
      </div>
      <div class="browser-nav-body">
-        <strong>Configuration</strong>
+        <strong>配置</strong>
      </div>
+      <span class="utility-version" :title="`版本 ${props.appVersion}`">v{{ props.appVersion }}</span>
    </button>
  </aside>
 </template>
@@ -255,6 +257,8 @@ const emit = defineEmits<{

 .sidebar-utility-nav {
  margin-top: auto;
+  position: relative;
+  padding-right: 70px;
 }

 .browser-nav-body {
@@ -268,6 +272,18 @@ const emit = defineEmits<{
  line-height: 1.25;
 }

+.utility-version {
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: rgba(82, 98, 119, 0.7);
+  font-size: 0.72rem;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  pointer-events: none;
+}
+
 .sidebar-empty {
  padding: 14px;
  border-radius: 14px;
--- a/src/composables/useBrowserManager.ts
+++ b/src/composables/useBrowserManager.ts
@@ -165,7 +165,7 @@ export function useBrowserManager() {
      browserConfigs.value = result.configs;
    } catch (loadError) {
      configError.value =
-        loadError instanceof Error ? loadError.message : "Failed to load browser configs.";
+        loadError instanceof Error ? loadError.message : "加载浏览器配置失败。";
    } finally {
      configsLoading.value = false;
    }
@@ -181,7 +181,7 @@ export function useBrowserManager() {
      error.value =
        scanError instanceof Error
          ? scanError.message
-          : "Failed to scan browser data.";
+          : "扫描浏览器数据失败。";
    } finally {
      loading.value = false;
    }
@@ -205,7 +205,7 @@ export function useBrowserManager() {
      openProfileError.value =
        openError instanceof Error
          ? openError.message
-          : "Failed to open the selected browser profile.";
+          : "打开所选浏览器资料失败。";
    } finally {
      openingProfileKey.value = "";
    }
@@ -229,7 +229,7 @@ export function useBrowserManager() {
      await scanBrowsers();
    } catch (saveError) {
      configError.value =
-        saveError instanceof Error ? saveError.message : "Failed to create browser config.";
+        saveError instanceof Error ? saveError.message : "创建浏览器配置失败。";
    } finally {
      savingConfig.value = false;
    }
@@ -247,7 +247,7 @@ export function useBrowserManager() {
      await scanBrowsers();
    } catch (deleteError) {
      configError.value =
-        deleteError instanceof Error ? deleteError.message : "Failed to delete browser config.";
+        deleteError instanceof Error ? deleteError.message : "删除浏览器配置失败。";
    } finally {
      deletingConfigId.value = "";
    }
@@ -348,7 +348,7 @@ export function useBrowserManager() {
    if (!extension || !currentBrowser.value) return;
    extensionModalSelectedProfileIds.value = [];
    associatedProfilesModal.value = {
-      title: `${extension.name} Profiles`,
+      title: extension.name,
      browserId: currentBrowser.value.browserId,
      profiles: extension.profiles,
      isBookmark: false,
@@ -362,7 +362,7 @@ export function useBrowserManager() {
    if (!bookmark || !currentBrowser.value) return;
    bookmarkModalSelectedProfileIds.value = [];
    associatedProfilesModal.value = {
-      title: `${bookmark.title} Profiles`,
+      title: bookmark.title,
      browserId: currentBrowser.value.browserId,
      profiles: bookmark.profiles,
      isBookmark: true,
@@ -374,7 +374,7 @@ export function useBrowserManager() {
    const passwordSite = currentBrowser.value?.passwordSites.find((item) => item.url === url);
    if (!passwordSite || !currentBrowser.value) return;
    associatedProfilesModal.value = {
-      title: `${passwordSite.domain} Profiles`,
+      title: passwordSite.domain,
      browserId: currentBrowser.value.browserId,
      profiles: passwordSite.profiles,
      isBookmark: false,
@@ -523,7 +523,7 @@ export function useBrowserManager() {
      cleanupHistoryError.value =
        cleanupErrorValue instanceof Error
          ? cleanupErrorValue.message
-          : "Failed to clean history files.";
+          : "清理历史文件失败。";
      historyCleanupResultOpen.value = true;
    } finally {
      historyCleanupBusy.value = false;
@@ -687,7 +687,7 @@ export function useBrowserManager() {
      } else {
        associatedProfilesModal.value = {
          ...associatedProfilesModal.value,
-          title: `${currentBookmark.title} Profiles`,
+          title: currentBookmark.title,
          profiles: currentBookmark.profiles,
        };
        bookmarkModalSelectedProfileIds.value = bookmarkModalSelectedProfileIds.value.filter((id) =>
@@ -723,7 +723,7 @@ export function useBrowserManager() {
    } catch (removeError) {
      resetBookmarkRemovalConfirmState();
      bookmarkRemovalError.value =
-        removeError instanceof Error ? removeError.message : "Failed to remove bookmarks.";
+        removeError instanceof Error ? removeError.message : "删除书签失败。";
      bookmarkRemovalResultOpen.value = true;
    } finally {
      bookmarkDeleteBusy.value = false;
@@ -932,7 +932,7 @@ export function useBrowserManager() {
    } catch (removeError) {
      resetExtensionRemovalConfirmState();
      extensionRemovalError.value =
-        removeError instanceof Error ? removeError.message : "Failed to remove extensions.";
+        removeError instanceof Error ? removeError.message : "删除插件失败。";
      extensionRemovalResultOpen.value = true;
    } finally {
      extensionDeleteBusy.value = false;
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -5,3 +5,5 @@ declare module "*.vue" {
  const component: DefineComponent<{}, {}, any>;
  export default component;
 }
+
+declare const __APP_VERSION__: string;
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,12 +1,17 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import { readFileSync } from "node:fs";

 // @ts-expect-error process is a nodejs global
 const host = process.env.TAURI_DEV_HOST;
+const packageJson = JSON.parse(readFileSync(new URL("./package.json", import.meta.url), "utf-8"));

 // https://vite.dev/config/
 export default defineConfig(async () => ({
  plugins: [vue()],
+  define: {
+    __APP_VERSION__: JSON.stringify(packageJson.version),
+  },

  // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
  //
Author	SHA1	Message	Date
Julian Freeman	d42d3592bb	metadata	2026-04-17 18:10:56 -04:00
Julian Freeman	837012d57f	show version	2026-04-17 17:57:31 -04:00
Julian Freeman	7cf3622294	support macos	2026-04-17 17:49:43 -04:00
Julian Freeman	6062a38b99	i18n	2026-04-17 17:32:32 -04:00