diff --git a/src/components/providers/ProviderEmptyState.tsx b/src/components/providers/ProviderEmptyState.tsx
index 8c8240747..a31cfa67e 100644
--- a/src/components/providers/ProviderEmptyState.tsx
+++ b/src/components/providers/ProviderEmptyState.tsx
@@ -1,17 +1,22 @@
import { Download, Users } from "lucide-react";
import { useTranslation } from "react-i18next";
import { Button } from "@/components/ui/button";
+import type { AppId } from "@/lib/api/types";
interface ProviderEmptyStateProps {
+ appId: AppId;
onCreate?: () => void;
onImport?: () => void;
}
export function ProviderEmptyState({
+ appId,
onCreate,
onImport,
}: ProviderEmptyStateProps) {
const { t } = useTranslation();
+ const showSnippetHint =
+ appId === "claude" || appId === "codex" || appId === "gemini";
return (
@@ -19,9 +24,14 @@ export function ProviderEmptyState({
{t("provider.noProviders")}
-
+
{t("provider.noProvidersDescription")}
+ {showSnippetHint && (
+
+ {t("provider.noProvidersDescriptionSnippet")}
+
+ )}
{onImport && (