update:apm管理改为应用管理

src/App.vue

@@ -116,9 +116,11 @@
       :apps="installedApps"
       :loading="installedLoading"
       :error="installedError"
+      :active-origin="activeInstalledOrigin"
       @close="closeInstalledModal"
       @refresh="refreshInstalledApps"
       @uninstall="uninstallInstalledApp"
+      @switch-origin="handleSwitchOrigin"
     />
 
     <UpdateAppsModal
@@ -240,6 +242,7 @@ const loading = ref(true);
 const showDownloadDetailModal = ref(false);
 const currentDownload: Ref<DownloadItem | null> = ref(null);
 const showInstalledModal = ref(false);
+const activeInstalledOrigin = ref<"apm" | "spark">("apm");
 const installedApps = ref<App[]>([]);
 const installedLoading = ref(false);
 const installedError = ref("");
@@ -881,11 +884,17 @@ const closeInstalledModal = () => {
   showInstalledModal.value = false;
 };
 
+const handleSwitchOrigin = (origin: "apm" | "spark") => {
+  activeInstalledOrigin.value = origin;
+  refreshInstalledApps();
+};
+
 const refreshInstalledApps = async () => {
   installedLoading.value = true;
   installedError.value = "";
   try {
-    const result = await window.ipcRenderer.invoke("list-installed");
+    const origin = activeInstalledOrigin.value;
+    const result = await window.ipcRenderer.invoke("list-installed", origin);
     if (!result?.success) {
       installedApps.value = [];
       installedError.value = result?.message || "读取已安装应用失败";
@@ -894,7 +903,16 @@ const refreshInstalledApps = async () => {
 
     installedApps.value = [];
     for (const app of result.apps) {
-      let appInfo = apps.value.find((a) => a.pkgname === app.pkgname);
+      // Find matching remote app to enrich data. We look exactly for that origin.
+      let appInfo = apps.value.find(
+        (a) => a.pkgname === app.pkgname && a.origin === origin,
+      );
+
+      if (origin === "spark" && !appInfo) {
+        // Only show Spark packages that exist in the App Store catalogue
+        continue;
+      }
+
       if (appInfo) {
         appInfo.flags = app.flags;
         appInfo.arch = app.arch;
@@ -1298,7 +1316,9 @@ onMounted(async () => {
         } else {
           // 如果找不到应用，回退到搜索模式
           searchQuery.value = data.pkgname;
-          logger.warn(`Deep link: app ${data.pkgname} not found, fallback to search`);
+          logger.warn(
+            `Deep link: app ${data.pkgname} not found, fallback to search`,
+          );
         }
       };
 

src/components/AppSidebar.vue

@@ -95,7 +95,7 @@
         @click="$emit('list')"
       >
         <i class="fas fa-download"></i>
-        <span>APM 应用管理</span>
+        <span>应用管理</span>
       </button>
       <button
         type="button"

src/components/InstalledAppsModal.vue

@@ -23,10 +23,38 @@
               已安装应用
             </p>
             <p class="text-sm text-slate-500 dark:text-slate-400">
-              来自本机 APM 安装列表
+              管理本机安装的应用程序
             </p>
           </div>
           <div class="flex items-center gap-3">
+            <div
+              class="flex items-center rounded-2xl border border-slate-200/70 p-1 dark:border-slate-800/70"
+            >
+              <button
+                type="button"
+                class="rounded-xl px-4 py-1.5 text-sm font-semibold transition"
+                :class="
+                  activeOrigin === 'apm'
+                    ? 'bg-brand/10 text-brand dark:bg-brand/15'
+                    : 'text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200'
+                "
+                @click="$emit('switch-origin', 'apm')"
+              >
+                APM 软件
+              </button>
+              <button
+                type="button"
+                class="rounded-xl px-4 py-1.5 text-sm font-semibold transition"
+                :class="
+                  activeOrigin === 'spark'
+                    ? 'bg-brand/10 text-brand dark:bg-brand/15'
+                    : 'text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200'
+                "
+                @click="$emit('switch-origin', 'spark')"
+              >
+                Spark 软件
+              </button>
+            </div>
             <button
               type="button"
               class="inline-flex items-center gap-2 rounded-2xl border border-slate-200/70 px-4 py-2 text-sm font-semibold text-slate-600 transition hover:bg-slate-50 disabled:opacity-40 dark:border-slate-700 dark:text-slate-200"
@@ -137,11 +165,13 @@ defineProps<{
   apps: App[];
   loading: boolean;
   error: string;
+  activeOrigin: "apm" | "spark";
 }>();
 
 defineEmits<{
   (e: "close"): void;
   (e: "refresh"): void;
   (e: "uninstall", app: App): void;
+  (e: "switch-origin", origin: "apm" | "spark"): void;
 }>();
 </script>