mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-24 21:30:17 +08:00
Jason
a0b585992a
- Add "hermes" to AppId union type and all exhaustive Record<AppId> - Add HermesModelConfig, HermesAgentConfig, HermesEnvConfig types - Add hermes field to VisibleApps, McpApps, ProxyTakeoverStatus - Create src/lib/api/hermes.ts with Tauri invoke wrappers - Create src/hooks/useHermes.ts with 5 query + 3 mutation hooks - Register hermes in APP_IDS, APP_ICON_MAP (violet color scheme) - Split MCP_SKILLS_APP_IDS into MCP_APP_IDS (includes hermes) and SKILLS_APP_IDS (excludes hermes, since Hermes has no Skills support) - Wire hermes additive-mode into App.tsx (remove/duplicate handlers), ProviderList.tsx (live provider ID query + In Config badge), mutations.ts (cache invalidation on switch/add/delete) - Add Hermes checkbox to McpFormModal - Add basic hermes i18n keys (en/zh/ja)
92 lines
2.3 KiB
TypeScript
92 lines
2.3 KiB
TypeScript
import type { AppId } from "@/lib/api";
|
|
import type { VisibleApps } from "@/types";
|
|
import { ProviderIcon } from "@/components/ProviderIcon";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface AppSwitcherProps {
|
|
activeApp: AppId;
|
|
onSwitch: (app: AppId) => void;
|
|
visibleApps?: VisibleApps;
|
|
compact?: boolean;
|
|
}
|
|
|
|
const ALL_APPS: AppId[] = [
|
|
"claude",
|
|
"codex",
|
|
"gemini",
|
|
"opencode",
|
|
"openclaw",
|
|
"hermes",
|
|
];
|
|
const STORAGE_KEY = "cc-switch-last-app";
|
|
|
|
export function AppSwitcher({
|
|
activeApp,
|
|
onSwitch,
|
|
visibleApps,
|
|
compact,
|
|
}: AppSwitcherProps) {
|
|
const handleSwitch = (app: AppId) => {
|
|
if (app === activeApp) return;
|
|
localStorage.setItem(STORAGE_KEY, app);
|
|
onSwitch(app);
|
|
};
|
|
const iconSize = 20;
|
|
const appIconName: Record<AppId, string> = {
|
|
claude: "claude",
|
|
codex: "openai",
|
|
gemini: "gemini",
|
|
opencode: "opencode",
|
|
openclaw: "openclaw",
|
|
hermes: "hermes",
|
|
};
|
|
const appDisplayName: Record<AppId, string> = {
|
|
claude: "Claude",
|
|
codex: "Codex",
|
|
gemini: "Gemini",
|
|
opencode: "OpenCode",
|
|
openclaw: "OpenClaw",
|
|
hermes: "Hermes",
|
|
};
|
|
|
|
// Filter apps based on visibility settings (default all visible)
|
|
const appsToShow = ALL_APPS.filter((app) => {
|
|
if (!visibleApps) return true;
|
|
return visibleApps[app];
|
|
});
|
|
|
|
return (
|
|
<div className="inline-flex bg-muted rounded-xl p-1 gap-1">
|
|
{appsToShow.map((app) => (
|
|
<button
|
|
key={app}
|
|
type="button"
|
|
onClick={() => handleSwitch(app)}
|
|
className={cn(
|
|
"group inline-flex items-center px-3 h-8 rounded-md text-sm font-medium transition-all duration-200",
|
|
activeApp === app
|
|
? "bg-background text-foreground shadow-sm"
|
|
: "text-muted-foreground hover:text-foreground hover:bg-background/50",
|
|
)}
|
|
>
|
|
<ProviderIcon
|
|
icon={appIconName[app]}
|
|
name={appDisplayName[app]}
|
|
size={iconSize}
|
|
/>
|
|
<span
|
|
className={cn(
|
|
"transition-all duration-200 whitespace-nowrap overflow-hidden",
|
|
compact
|
|
? "max-w-0 opacity-0 ml-0"
|
|
: "max-w-[80px] opacity-100 ml-2",
|
|
)}
|
|
>
|
|
{appDisplayName[app]}
|
|
</span>
|
|
</button>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|