From 6179c188054110aff5491332031d0f22d74c5cad Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Sat, 4 Jul 2026 17:32:51 +0800
Subject: [PATCH] fix(profiles): scope switcher to supported app tabs and
 relocate it

- Render the profile switcher only when the active tab is Claude or
  Codex (frontend mirror of backend PROFILE_APPS), so viewing an
  unsupported app no longer suggests its config was switched
- Move the switcher from beside the logo to the right of the route
  toggles, where the flexible spacer absorbs its appearance and other
  header controls no longer shift when switching tabs
---
 src/App.tsx                                 |  9 ++++++++-
 src/components/profiles/ProfileSwitcher.tsx | 16 ++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 48e95422e..df888dc32 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1197,7 +1197,6 @@ function App() {
                     CC Switch
                   </a>
                 </div>
-                <ProfileSwitcher visibleApps={visibleApps} />
                 <Button
                   variant="ghost"
                   size="icon"
@@ -1258,6 +1257,14 @@ function App() {
                     )}
                 </div>
               )}
+            {currentView === "providers" && (
+              <div
+                className="flex shrink-0 items-center"
+                style={{ WebkitAppRegion: "no-drag" } as any}
+              >
+                <ProfileSwitcher activeApp={activeApp} />
+              </div>
+            )}
             <div
               ref={toolbarRef}
               className="flex flex-1 min-w-0 overflow-x-hidden items-center py-4 pr-2"
diff --git a/src/components/profiles/ProfileSwitcher.tsx b/src/components/profiles/ProfileSwitcher.tsx
index 3a4b4d831..e7cb87fb1 100644
--- a/src/components/profiles/ProfileSwitcher.tsx
+++ b/src/components/profiles/ProfileSwitcher.tsx
@@ -32,7 +32,7 @@ import {
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
-import type { VisibleApps } from "@/types";
+import type { AppId } from "@/lib/api/types";
 import {
   useApplyProfileMutation,
   useClearProfileMutation,
@@ -41,17 +41,20 @@ import {
 } from "@/lib/query/profiles";
 import { ProfileManageDialog } from "./ProfileManageDialog";
 
+/** 后端 services/profile.rs 的 PROFILE_APPS 前端镜像，扩展支持范围时两处同步 */
+const PROFILE_SUPPORTED_APPS: AppId[] = ["claude", "codex"];
+
 interface ProfileSwitcherProps {
-  visibleApps: VisibleApps;
+  activeApp: AppId;
 }
 
 /**
- * 项目 Profile 切换器（header 左侧全局入口）
+ * 项目 Profile 切换器（header 左侧入口）
  *
  * Profile 是跨应用的配置快照（Claude Code + Codex 的供应商/MCP/Skills/记忆文件），
  * 与右侧 AppSwitcher（仅切换查看的应用）语义不同。
  */
-export function ProfileSwitcher({ visibleApps }: ProfileSwitcherProps) {
+export function ProfileSwitcher({ activeApp }: ProfileSwitcherProps) {
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
   const [isCreateOpen, setIsCreateOpen] = useState(false);
@@ -63,8 +66,9 @@ export function ProfileSwitcher({ visibleApps }: ProfileSwitcherProps) {
   const clearMutation = useClearProfileMutation();
   const createMutation = useCreateProfileMutation();
 
-  // Profile 仅支持 Claude Code + Codex，两者都被隐藏时该功能无意义
-  if (!visibleApps.claude && !visibleApps.codex) {
+  // Profile 仅作用于 Claude Code + Codex——在其他应用的标签页展示会误导用户
+  // 以为当前应用也被切换了，因此只在受支持应用的页面渲染
+  if (!PROFILE_SUPPORTED_APPS.includes(activeApp)) {
     return null;
   }