@agent-native/core 0.77.2 → 0.77.4

package/corpus/templates/calendar/app/components/calendar/GoogleConnectBanner.tsx

@@ -2,6 +2,7 @@ import {
   agentNativePath,
   isInBuilderFrame,
   oauthRedirectUri,
+  useT,
 } from "@agent-native/core/client";
 import {
   IconCalendarCheck,
@@ -40,36 +41,36 @@ interface EnvKeyStatus {
   configured: boolean;
 }
 
-const STEPS = [
-  {
-    title: "Enable the Google Calendar API",
-    description:
-      "Open Google Cloud Console and click 'Enable' on the Calendar API.",
-    url: "https://console.cloud.google.com/flows/enableapi?apiid=calendar-json.googleapis.com",
-    linkText: "Enable Calendar API",
-  },
-  {
-    title: "Configure OAuth consent screen",
-    description:
-      'Set the app name to anything (e.g. "My Calendar"), choose "External" user type, and add your email as a test user. If you see an overview page, consent is already configured — skip to the next step.',
-    url: "https://console.cloud.google.com/apis/credentials/consent",
-    linkText: "Configure consent screen",
-  },
-  {
-    title: "Create OAuth credentials",
-    description:
-      '1) Click "+ Create Credentials" → "OAuth client ID"\n2) Choose "Web application"\n3) Add this redirect URI:',
-    url: "https://console.cloud.google.com/apis/credentials",
-    linkText: "Create credentials",
-    showRedirectUri: true,
-  },
-  {
-    title: "Upload credentials JSON",
-    description:
-      'Click "Download JSON" on the credentials page, then upload it here.',
-    showUpload: true,
-  },
-];
+type CalendarT = ReturnType<typeof useT>;
+
+function getSetupSteps(t: CalendarT) {
+  return [
+    {
+      title: t("googleConnect.steps.enableApi.title"),
+      description: t("googleConnect.steps.enableApi.description"),
+      url: "https://console.cloud.google.com/flows/enableapi?apiid=calendar-json.googleapis.com",
+      linkText: t("googleConnect.steps.enableApi.linkText"),
+    },
+    {
+      title: t("googleConnect.steps.consent.title"),
+      description: t("googleConnect.steps.consent.description"),
+      url: "https://console.cloud.google.com/apis/credentials/consent",
+      linkText: t("googleConnect.steps.consent.linkText"),
+    },
+    {
+      title: t("googleConnect.steps.credentials.title"),
+      description: t("googleConnect.steps.credentials.description"),
+      url: "https://console.cloud.google.com/apis/credentials",
+      linkText: t("googleConnect.steps.credentials.linkText"),
+      showRedirectUri: true,
+    },
+    {
+      title: t("googleConnect.steps.upload.title"),
+      description: t("googleConnect.steps.upload.description"),
+      showUpload: true,
+    },
+  ];
+}
 
 interface GoogleConnectBannerProps {
   variant?: "banner" | "hero";
@@ -78,6 +79,7 @@ interface GoogleConnectBannerProps {
 export function GoogleConnectBanner({
   variant = "banner",
 }: GoogleConnectBannerProps) {
+  const t = useT();
   const [wantAuthUrl, setWantAuthUrl] = useState(false);
   const [wantAddAccount, setWantAddAccount] = useState(false);
   const [dismissed, setDismissed] = useState(false);
@@ -119,6 +121,7 @@ export function GoogleConnectBanner({
   const fileInputRef = useRef<HTMLInputElement>(null);
 
   const redirectUri = oauthRedirectUri("/_agent-native/google/callback");
+  const setupSteps = useMemo(() => getSetupSteps(t), [t]);
 
   const fetchStatus = useCallback(async () => {
     try {
@@ -129,13 +132,13 @@ export function GoogleConnectBanner({
         const allConfigured = data.every((k) => k.configured);
         if (allConfigured && data.length > 0) {
           setSaved(true);
-          setCurrentStep(STEPS.length - 1);
+          setCurrentStep(setupSteps.length - 1);
         }
       }
     } catch {
       // ignore
     }
-  }, []);
+  }, [setupSteps.length]);
 
   // Check if credentials are already configured on mount
   useEffect(() => {
@@ -271,7 +274,7 @@ export function GoogleConnectBanner({
       const clientSecret = creds.client_secret;
 
       if (!clientId || !clientSecret) {
-        throw new Error("Could not find client_id and client_secret in JSON");
+        throw new Error(t("googleConnect.missingClientCredentials"));
       }
 
       const res = await fetch(agentNativePath("/_agent-native/env-vars"), {
@@ -287,7 +290,7 @@ export function GoogleConnectBanner({
 
       if (!res.ok) {
         const data = await res.json().catch(() => ({}));
-        throw new Error(data.error || "Failed to save credentials");
+        throw new Error(data.error || t("googleConnect.failedSaveCredentials"));
       }
 
       setSaved(true);
@@ -295,7 +298,9 @@ export function GoogleConnectBanner({
       // Reload after a short delay to let Vite restart with new env vars
       setTimeout(() => window.location.reload(), 1500);
     } catch (err) {
-      setSaveError(err instanceof Error ? err.message : "Failed to parse JSON");
+      setSaveError(
+        err instanceof Error ? err.message : t("googleConnect.failedParseJson"),
+      );
     } finally {
       setSaving(false);
     }
@@ -318,10 +323,10 @@ export function GoogleConnectBanner({
           <IconCalendarCheck className="h-6 w-6 text-muted-foreground" />
         </div>
         <h2 className="text-[15px] font-medium text-foreground">
-          Connect Google Calendar
+          {t("googleConnect.connectGoogleCalendar")}
         </h2>
         <p className="mt-2 max-w-xs text-[13px] text-muted-foreground leading-relaxed">
-          Sync your events and manage your schedule.
+          {t("googleConnect.syncEventsDescription")}
         </p>
         <Button
           size="sm"
@@ -335,12 +340,12 @@ export function GoogleConnectBanner({
         >
           <GoogleIcon className="h-3.5 w-3.5" />
           {authUrl.isLoading
-            ? "Connecting..."
+            ? t("common.connecting")
             : hasAccounts
-              ? "Add account"
+              ? t("googleConnect.addAccount")
               : allConfigured
-                ? "Connect Google"
-                : "Connect Google"}
+                ? t("googleConnect.connectGoogle")
+                : t("googleConnect.connectGoogle")}
         </Button>
 
         <GoogleVerificationNotice className="mt-3" />
@@ -385,6 +390,7 @@ export function GoogleConnectBanner({
               handleJsonUpload={handleJsonUpload}
               copiedKey={copiedKey}
               copyToClipboard={copyToClipboard}
+              steps={setupSteps}
             />
           </div>
         )}
@@ -421,7 +427,7 @@ export function GoogleConnectBanner({
               }
               className="text-xs text-foreground/40 hover:text-foreground/60 transition-colors whitespace-nowrap"
             >
-              + Add account
+              {t("googleConnect.addAccountWithPlus")}
             </button>
           </div>
           <Button
@@ -455,8 +461,8 @@ export function GoogleConnectBanner({
           <div className="flex min-w-0 flex-col">
             <p className="text-[13px] font-medium leading-tight text-foreground/80">
               {allConfigured
-                ? "Ready to connect — sign in with your Google account"
-                : "Connect Google to sync your calendar"}
+                ? t("googleConnect.readyToConnect")
+                : t("googleConnect.connectToSync")}
             </p>
             <GoogleVerificationNotice className="mt-0.5" />
           </div>
@@ -471,7 +477,7 @@ export function GoogleConnectBanner({
               onClick={() => setShowWizard(false)}
             >
               <IconChevronUp className="h-3 w-3" />
-              Hide setup
+              {t("googleConnect.hideSetup")}
             </Button>
           ) : allConfigured ? (
             <Button
@@ -485,7 +491,9 @@ export function GoogleConnectBanner({
               }
             >
               <GoogleIcon className="h-3 w-3" />
-              {authUrl.isLoading ? "Connecting..." : "Sign in with Google"}
+              {authUrl.isLoading
+                ? t("common.connecting")
+                : t("googleConnect.signInWithGoogle")}
             </Button>
           ) : (
             <Button
@@ -499,7 +507,7 @@ export function GoogleConnectBanner({
                 isGoogleDesktopAuthPending
               }
             >
-              {authUrl.isLoading ? "..." : "Connect Google"}
+              {authUrl.isLoading ? "..." : t("googleConnect.connectGoogle")}
             </Button>
           )}
           <Button
@@ -524,8 +532,7 @@ export function GoogleConnectBanner({
       {showWizard && !allConfigured && (
         <div className="px-5 pb-4 pt-1 max-w-2xl">
           <p className="text-xs text-muted-foreground mb-3">
-            Follow these steps to connect your Google account. Takes about 3
-            minutes.
+            {t("googleConnect.followSteps")}
           </p>
           <SetupWizard
             currentStep={currentStep}
@@ -539,6 +546,7 @@ export function GoogleConnectBanner({
             handleJsonUpload={handleJsonUpload}
             copiedKey={copiedKey}
             copyToClipboard={copyToClipboard}
+            steps={setupSteps}
           />
         </div>
       )}
@@ -551,6 +559,7 @@ export function GoogleConnectBanner({
 // Google Cloud project (External + Testing), not a Google-reviewed public app.
 // This explains that the warning is expected and how to safely continue.
 function GoogleVerificationNotice({ className = "" }: { className?: string }) {
+  const t = useT();
   return (
     <Popover>
       <PopoverTrigger asChild>
@@ -559,7 +568,7 @@ function GoogleVerificationNotice({ className = "" }: { className?: string }) {
           className={`inline-flex items-center gap-1 text-[11px] text-muted-foreground/70 transition-colors hover:text-muted-foreground ${className}`}
         >
           <IconInfoCircle className="h-3 w-3" />
-          Google may show a warning
+          {t("googleConnect.googleMayShowWarning")}
         </button>
       </PopoverTrigger>
       <PopoverContent align="center" className="w-72 text-start">
@@ -569,18 +578,18 @@ function GoogleVerificationNotice({ className = "" }: { className?: string }) {
           </div>
           <div className="space-y-1.5">
             <p className="text-[13px] font-medium text-foreground">
-              “Google hasn’t verified this app”
+              {t("googleConnect.googleNotVerifiedTitle")}
             </p>
             <p className="text-xs leading-relaxed text-muted-foreground">
-              You’ll see this screen because the calendar connects through your
-              own Google Cloud project, not a Google-reviewed public app. It’s
-              safe to continue: click{" "}
-              <span className="font-medium text-foreground">Advanced</span>,
-              then{" "}
+              {t("googleConnect.googleWarningBeforeAdvanced")}{" "}
+              <span className="font-medium text-foreground">
+                {t("googleConnect.googleWarningAdvanced")}
+              </span>
+              {t("googleConnect.googleWarningBetweenActions")}{" "}
               <span className="font-medium text-foreground">
-                “Go to … (unsafe)”
+                {t("googleConnect.googleWarningUnsafe")}
               </span>{" "}
-              to finish connecting.
+              {t("googleConnect.googleWarningAfterUnsafe")}
             </p>
           </div>
         </div>
@@ -600,12 +609,15 @@ function GoogleAuthIssuePanel({
   onDismiss: () => void;
   className?: string;
 }) {
+  const t = useT();
   if (!issue) return null;
-  const account = issue.accountId || "that Google account";
+  const account = issue.accountId || t("googleConnect.thatGoogleAccount");
   const isOwnerMismatch = issue.code === "account_owner_mismatch";
   const detail = isOwnerMismatch
-    ? `Sign out, then sign in with ${account}.`
-    : issue.message || issue.error || `Sign out, then sign in with ${account}.`;
+    ? t("googleConnect.signOutThenSignIn", { account })
+    : issue.message ||
+      issue.error ||
+      t("googleConnect.signOutThenSignIn", { account });
   const shouldOfferSignOut =
     isOwnerMismatch ||
     Boolean(issue.existingOwner || issue.attemptedOwner || issue.accountId);
@@ -621,8 +633,8 @@ function GoogleAuthIssuePanel({
         <div className="min-w-0 flex-1">
           <p className="text-sm font-medium text-foreground">
             {isOwnerMismatch
-              ? "This account is connected to another login"
-              : "Google connection failed"}
+              ? t("googleConnect.accountConnectedElsewhere")
+              : t("googleConnect.googleConnectionFailed")}
           </p>
           <p className="mt-1 text-xs leading-relaxed text-muted-foreground">
             {detail}
@@ -635,7 +647,7 @@ function GoogleAuthIssuePanel({
                 onClick={onSignOut}
               >
                 <IconLogout className="h-3.5 w-3.5 rtl:-scale-x-100" />
-                Sign out
+                {t("googleConnect.signOut")}
               </Button>
               <Button
                 size="sm"
@@ -643,7 +655,7 @@ function GoogleAuthIssuePanel({
                 className="h-8 px-2 text-xs text-muted-foreground hover:text-foreground"
                 onClick={onDismiss}
               >
-                Dismiss
+                {t("googleConnect.dismiss")}
               </Button>
             </div>
           )}
@@ -651,7 +663,7 @@ function GoogleAuthIssuePanel({
         <button
           className="shrink-0 rounded p-1 text-muted-foreground hover:bg-white/5 hover:text-foreground"
           onClick={onDismiss}
-          aria-label="Dismiss Google sign-in notice"
+          aria-label={t("googleConnect.dismissNotice")}
         >
           <IconX className="h-3.5 w-3.5" />
         </button>
@@ -672,6 +684,7 @@ function SetupWizard({
   handleJsonUpload,
   copiedKey,
   copyToClipboard,
+  steps,
 }: {
   currentStep: number;
   setCurrentStep: (i: number) => void;
@@ -684,13 +697,15 @@ function SetupWizard({
   handleJsonUpload: (file: File) => void;
   copiedKey: string | null;
   copyToClipboard: (text: string, key: string) => void;
+  steps: ReturnType<typeof getSetupSteps>;
 }) {
+  const t = useT();
   return (
     <div className="space-y-3">
-      {STEPS.map((step, i) => {
+      {steps.map((step, i) => {
         const isActive = i === currentStep;
         const isCompleted =
-          i < currentStep || (i === STEPS.length - 1 && saved);
+          i < currentStep || (i === steps.length - 1 && saved);
 
         return (
           <div
@@ -751,10 +766,10 @@ function SetupWizard({
                           {copiedKey === "redirect" ? (
                             <>
                               <IconCheck className="h-3 w-3" />
-                              Copied
+                              {t("googleConnect.copied")}
                             </>
                           ) : (
-                            "Copy"
+                            t("googleConnect.copy")
                           )}
                         </Button>
                       </div>
@@ -773,7 +788,7 @@ function SetupWizard({
                           rel="noopener noreferrer"
                           onClick={(e) => {
                             e.stopPropagation();
-                            if (i < STEPS.length - 1) {
+                            if (i < steps.length - 1) {
                               setCurrentStep(i + 1);
                             }
                           }}
@@ -818,7 +833,9 @@ function SetupWizard({
                           ) : (
                             <IconUpload className="h-3 w-3" />
                           )}
-                          {saving ? "Saving..." : "Upload JSON"}
+                          {saving
+                            ? t("common.saving")
+                            : t("googleConnect.uploadJson")}
                         </Button>
                       </div>
                     )}
@@ -826,8 +843,7 @@ function SetupWizard({
                     {step.showUpload && allConfigured && (
                       <div className="flex items-center gap-2 text-xs text-emerald-600 dark:text-emerald-400">
                         <IconCheck className="h-3.5 w-3.5" />
-                        Credentials configured. Click "Connect Google Calendar"
-                        above to sign in.
+                        {t("googleConnect.credentialsConfiguredSignIn")}
                       </div>
                     )}
                   </div>

package/corpus/templates/calendar/app/components/calendar/GoogleSetupWizard.tsx

@@ -1,4 +1,8 @@
-import { agentNativePath, oauthRedirectUri } from "@agent-native/core/client";
+import {
+  agentNativePath,
+  oauthRedirectUri,
+  useT,
+} from "@agent-native/core/client";
 import {
   IconExternalLink,
   IconCheck,
@@ -21,36 +25,33 @@ interface EnvKeyStatus {
 
 const STEPS = [
   {
-    title: "Enable the Google Calendar API",
-    description:
-      "Open Google Cloud Console and click 'Enable' on the Calendar API.",
+    titleKey: "googleConnect.steps.enableApi.title",
+    descriptionKey: "googleConnect.steps.enableApi.description",
     url: "https://console.cloud.google.com/flows/enableapi?apiid=calendar-json.googleapis.com",
-    linkText: "Enable Calendar API",
+    linkTextKey: "googleConnect.steps.enableApi.linkText",
   },
   {
-    title: "Configure OAuth consent screen",
-    description:
-      'Set the app name to anything (e.g. "My Calendar"), choose "External" user type, and add your email as a test user. If you see an overview page, consent is already configured — skip to the next step.',
+    titleKey: "googleConnect.steps.consent.title",
+    descriptionKey: "googleConnect.steps.consent.description",
     url: "https://console.cloud.google.com/apis/credentials/consent",
-    linkText: "Configure consent screen",
+    linkTextKey: "googleConnect.steps.consent.linkText",
   },
   {
-    title: "Create OAuth credentials",
-    description:
-      '1) Click "+ Create Credentials" → "OAuth client ID"\n2) Choose "Web application"\n3) Add this redirect URI:',
+    titleKey: "googleConnect.steps.credentials.title",
+    descriptionKey: "googleConnect.steps.credentials.description",
     url: "https://console.cloud.google.com/apis/credentials",
-    linkText: "Create credentials",
+    linkTextKey: "googleConnect.steps.credentials.linkText",
     showRedirectUri: true,
   },
   {
-    title: "Upload credentials JSON",
-    description:
-      'Click "Download JSON" on the credentials page, then upload it here. Or paste the Client ID and Client Secret manually.',
+    titleKey: "googleConnect.steps.upload.title",
+    descriptionKey: "googleConnect.steps.upload.description",
     showUpload: true,
   },
 ];
 
 export function GoogleSetupWizard() {
+  const t = useT();
   const [currentStep, setCurrentStep] = useState(0);
   const [clientId, setClientId] = useState("");
   const [clientSecret, setClientSecret] = useState("");
@@ -105,7 +106,7 @@ export function GoogleSetupWizard() {
       const secret = creds.client_secret;
 
       if (!id || !secret) {
-        throw new Error("Could not find client_id and client_secret in JSON");
+        throw new Error(t("googleConnect.missingClientCredentials"));
       }
 
       const res = await fetch(agentNativePath("/_agent-native/env-vars"), {
@@ -121,7 +122,7 @@ export function GoogleSetupWizard() {
 
       if (!res.ok) {
         const data = await res.json().catch(() => ({}));
-        throw new Error(data.error || "Failed to save credentials");
+        throw new Error(data.error || t("googleConnect.failedSaveCredentials"));
       }
 
       setSaved(true);
@@ -129,7 +130,9 @@ export function GoogleSetupWizard() {
       // Reload after a short delay to let Vite restart with new env vars
       setTimeout(() => window.location.reload(), 1500);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to parse JSON");
+      setError(
+        err instanceof Error ? err.message : t("googleConnect.failedParseJson"),
+      );
     } finally {
       setSaving(false);
     }
@@ -155,7 +158,7 @@ export function GoogleSetupWizard() {
 
       if (!res.ok) {
         const data = await res.json().catch(() => ({}));
-        throw new Error(data.error || "Failed to save credentials");
+        throw new Error(data.error || t("googleConnect.failedSaveCredentials"));
       }
 
       setSaved(true);
@@ -165,7 +168,9 @@ export function GoogleSetupWizard() {
       // Reload after a short delay to let Vite restart with new env vars
       setTimeout(() => window.location.reload(), 1500);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to save");
+      setError(
+        err instanceof Error ? err.message : t("googleConnect.failedSave"),
+      );
     } finally {
       setSaving(false);
     }
@@ -217,13 +222,13 @@ export function GoogleSetupWizard() {
               <div className="flex-1 min-w-0">
                 <p className="text-sm font-medium">
                   <span className="text-muted-foreground me-1.5">{i + 1}.</span>
-                  {step.title}
+                  {t(step.titleKey)}
                 </p>
 
                 {isActive && (
                   <div className="mt-2 space-y-3">
                     <p className="text-xs text-muted-foreground leading-relaxed whitespace-pre-line">
-                      {step.description}
+                      {t(step.descriptionKey)}
                     </p>
 
                     {step.showRedirectUri && (
@@ -243,10 +248,10 @@ export function GoogleSetupWizard() {
                           {copiedKey === "redirect" ? (
                             <>
                               <IconCheck className="h-3 w-3" />
-                              Copied
+                              {t("googleConnect.copied")}
                             </>
                           ) : (
-                            "Copy"
+                            t("googleConnect.copy")
                           )}
                         </Button>
                       </div>
@@ -271,7 +276,7 @@ export function GoogleSetupWizard() {
                           }}
                         >
                           <IconExternalLink className="h-3 w-3" />
-                          {step.linkText}
+                          {step.linkTextKey ? t(step.linkTextKey) : null}
                         </a>
                       </Button>
                     )}
@@ -309,7 +314,9 @@ export function GoogleSetupWizard() {
                             ) : (
                               <IconUpload className="h-3 w-3" />
                             )}
-                            {saving ? "Saving..." : "Upload JSON"}
+                            {saving
+                              ? t("common.saving")
+                              : t("googleConnect.uploadJson")}
                           </Button>
                           <button
                             className="text-xs text-muted-foreground hover:text-foreground transition-colors"
@@ -319,8 +326,8 @@ export function GoogleSetupWizard() {
                             }}
                           >
                             {showManualFields
-                              ? "Hide manual entry"
-                              : "Or paste manually"}
+                              ? t("googleConnect.hideManualEntry")
+                              : t("googleConnect.orPasteManually")}
                           </button>
                         </div>
 
@@ -331,7 +338,7 @@ export function GoogleSetupWizard() {
                                 htmlFor="client-id"
                                 className="text-xs text-muted-foreground"
                               >
-                                Client ID
+                                {t("googleConnect.clientId")}
                               </Label>
                               <Input
                                 id="client-id"
@@ -346,7 +353,7 @@ export function GoogleSetupWizard() {
                                 htmlFor="client-secret"
                                 className="text-xs text-muted-foreground"
                               >
-                                Client Secret
+                                {t("googleConnect.clientSecret")}
                               </Label>
                               <Input
                                 id="client-secret"
@@ -375,7 +382,9 @@ export function GoogleSetupWizard() {
                               {saving && (
                                 <IconLoader2 className="me-1.5 h-3 w-3 animate-spin" />
                               )}
-                              {saving ? "Saving..." : "Save credentials"}
+                              {saving
+                                ? t("common.saving")
+                                : t("googleConnect.saveCredentials")}
                             </Button>
                           </div>
                         )}
@@ -385,8 +394,7 @@ export function GoogleSetupWizard() {
                     {step.showUpload && allConfigured && (
                       <div className="flex items-center gap-2 text-xs text-emerald-600 dark:text-emerald-400">
                         <IconCheck className="h-3.5 w-3.5" />
-                        Credentials configured. You can now connect your Google
-                        Calendar above.
+                        {t("googleConnect.credentialsConfiguredAbove")}
                       </div>
                     )}
                   </div>

package/corpus/templates/calendar/app/components/calendar/GoogleSyncButton.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import { IconRefresh } from "@tabler/icons-react";
 import { useState } from "react";
 import { toast } from "sonner";
@@ -7,6 +8,7 @@ import { useSyncGoogle } from "@/hooks/use-google-auth";
 import { cn } from "@/lib/utils";
 
 export function GoogleSyncButton() {
+  const t = useT();
   const syncGoogle = useSyncGoogle();
   const [lastResult, setLastResult] = useState<string | null>(null);
 
@@ -14,13 +16,11 @@ export function GoogleSyncButton() {
     syncGoogle.mutate(undefined, {
       onSuccess: (data: any) => {
         const count = data?.synced ?? 0;
-        setLastResult(`${count} event${count !== 1 ? "s" : ""} synced`);
-        toast.success(
-          `Synced ${count} event${count !== 1 ? "s" : ""} from Google Calendar`,
-        );
+        setLastResult(t("googleSync.syncedCount", { count }));
+        toast.success(t("googleSync.syncedFromGoogleCalendar", { count }));
       },
       onError: () => {
-        toast.error("Failed to sync with Google Calendar");
+        toast.error(t("googleSync.failed"));
       },
     });
   }
@@ -39,7 +39,7 @@ export function GoogleSyncButton() {
             syncGoogle.isPending && "animate-spin",
           )}
         />
-        Sync Google
+        {t("googleSync.syncGoogle")}
       </Button>
       {lastResult && (
         <span className="text-xs text-muted-foreground">{lastResult}</span>