@agent-native/core 0.77.3 → 0.77.4

package/corpus/templates/mail/app/components/email/SnoozePopover.tsx

@@ -20,36 +20,36 @@ interface SnoozePopoverProps {
 }
 
 // Compute preset snooze times
-function getPresets(): Array<{ label: string; date: Date }> {
+function getPresets(): Array<{ labelKey: string; date: Date }> {
   const now = new Date();
-  const presets: Array<{ label: string; date: Date }> = [];
+  const presets: Array<{ labelKey: string; date: Date }> = [];
 
   // Later today: now + 4 hours, or 6pm if past that
   const laterToday = new Date(now);
   laterToday.setHours(Math.max(now.getHours() + 4, 18), 0, 0, 0);
   if (laterToday.getDate() === now.getDate()) {
-    presets.push({ label: "Later today", date: laterToday });
+    presets.push({ labelKey: "mail.snooze.laterToday", date: laterToday });
   }
 
   // Tomorrow morning: 8am
   const tomorrow = new Date(now);
   tomorrow.setDate(tomorrow.getDate() + 1);
   tomorrow.setHours(8, 0, 0, 0);
-  presets.push({ label: "Tomorrow", date: tomorrow });
+  presets.push({ labelKey: "mail.snooze.tomorrow", date: tomorrow });
 
   // This weekend: Saturday 8am (or next Saturday)
   const weekend = new Date(now);
   const daysUntilSat = (6 - now.getDay() + 7) % 7 || 7;
   weekend.setDate(now.getDate() + daysUntilSat);
   weekend.setHours(8, 0, 0, 0);
-  presets.push({ label: "This weekend", date: weekend });
+  presets.push({ labelKey: "mail.snooze.thisWeekend", date: weekend });
 
   // Next week: Monday 8am
   const nextWeek = new Date(now);
   const daysUntilMon = (1 - now.getDay() + 7) % 7 || 7;
   nextWeek.setDate(now.getDate() + daysUntilMon);
   nextWeek.setHours(8, 0, 0, 0);
-  presets.push({ label: "Next week", date: nextWeek });
+  presets.push({ labelKey: "mail.snooze.nextWeek", date: nextWeek });
 
   return presets;
 }
@@ -129,7 +129,7 @@ export function SnoozePopover({
     snoozeEmail
       .mutateAsync({ emailId, runAt })
       .catch((err: any) =>
-        toast.error(err?.message || "Couldn't snooze — check the server logs."),
+        toast.error(err?.message || t("mail.toasts.couldNotSnooze")),
       );
   };
 
@@ -150,7 +150,7 @@ export function SnoozePopover({
           <div className="grid grid-cols-2 gap-1.5">
             {presets.map((preset) => (
               <button
-                key={preset.label}
+                key={preset.labelKey}
                 onClick={() => handlePreset(preset.date)}
                 className={cn(
                   "text-left px-2.5 py-1.5 rounded-md text-xs transition-colors",
@@ -160,7 +160,7 @@ export function SnoozePopover({
                     : "text-foreground/80",
                 )}
               >
-                <div className="font-medium">{preset.label}</div>
+                <div className="font-medium">{t(preset.labelKey)}</div>
                 <div className="text-muted-foreground text-[10px]">
                   {formatDate(preset.date)}
                 </div>

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -786,7 +786,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     if (listSnoozeEvent.defaultPrevented) return;
 
     if (!targetEmail) {
-      toast.error("No email selected.");
+      toast.error(t("mail.toasts.noEmailSelected"));
       return;
     }
     setSnoozeOverride(null);
@@ -2039,7 +2039,7 @@ function TabSettingsPopover({
   const knownCategories: Label[] = [
     {
       id: "note-to-self",
-      name: "Note to Self",
+      name: t("mail.views.noteToSelf"),
       type: "system",
       unreadCount: 0,
     },

package/corpus/templates/mail/app/components/settings/GmailFiltersSection.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { ManagedGmailFilter } from "@shared/types";
 import {
   IconArchive,
@@ -221,6 +222,7 @@ function FilterEditRow({
   onCancel: () => void;
   isPending?: boolean;
 }) {
+  const t = useT();
   const [state, setState] = useState(() => initialState(accounts, filter));
   const canSave = hasCriteria(state) && hasAction(state) && !isPending;
 
@@ -234,7 +236,7 @@ function FilterEditRow({
       <div className="grid gap-3 sm:grid-cols-2">
         <div>
           <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-            Account
+            {t("mail.gmailFilters.account")}
           </label>
           <Select
             value={state.account}
@@ -242,7 +244,7 @@ function FilterEditRow({
             onValueChange={(value) => setField("account", value)}
           >
             <SelectTrigger className="h-8 text-[13px]">
-              <SelectValue placeholder="Select account" />
+              <SelectValue placeholder={t("mail.gmailFilters.selectAccount")} />
             </SelectTrigger>
             <SelectContent>
               {accounts.map((account) => (
@@ -255,7 +257,7 @@ function FilterEditRow({
         </div>
         <div>
           <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-            From
+            {t("mail.gmailFilters.from")}
           </label>
           <Input
             autoFocus
@@ -267,7 +269,7 @@ function FilterEditRow({
         </div>
         <div>
           <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-            To
+            {t("mail.gmailFilters.to")}
           </label>
           <Input
             value={state.to}
@@ -278,7 +280,7 @@ function FilterEditRow({
         </div>
         <div>
           <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-            Subject
+            {t("mail.gmailFilters.subject")}
           </label>
           <Input
             value={state.subject}
@@ -291,7 +293,7 @@ function FilterEditRow({
 
       <div>
         <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-          Gmail search
+          {t("mail.gmailFilters.gmailSearch")}
         </label>
         <Textarea
           value={state.query}
@@ -305,25 +307,25 @@ function FilterEditRow({
       <div className="grid gap-2 sm:grid-cols-2">
         <FilterSwitch
           icon={IconArchive}
-          label="Archive"
+          label={t("mail.gmailFilters.archive")}
           checked={state.archive}
           onChange={(value) => setField("archive", value)}
         />
         <FilterSwitch
           icon={IconFilter}
-          label="Mark read"
+          label={t("mail.gmailFilters.markRead")}
           checked={state.markRead}
           onChange={(value) => setField("markRead", value)}
         />
         <FilterSwitch
           icon={IconShieldCheck}
-          label="Never spam"
+          label={t("mail.gmailFilters.neverSpam")}
           checked={state.neverSpam}
           onChange={(value) => setField("neverSpam", value)}
         />
         <FilterSwitch
           icon={IconShieldCheck}
-          label="Never important"
+          label={t("mail.gmailFilters.neverImportant")}
           checked={state.neverImportant}
           onChange={(value) =>
             setState((current) => ({
@@ -335,7 +337,7 @@ function FilterEditRow({
         />
         <FilterSwitch
           icon={IconStar}
-          label="Important"
+          label={t("mail.gmailFilters.important")}
           checked={state.important}
           onChange={(value) =>
             setState((current) => ({
@@ -347,13 +349,13 @@ function FilterEditRow({
         />
         <FilterSwitch
           icon={IconStar}
-          label="Star"
+          label={t("mail.gmailFilters.star")}
           checked={state.starred}
           onChange={(value) => setField("starred", value)}
         />
         <FilterSwitch
           icon={IconTrash}
-          label="Trash"
+          label={t("mail.gmailFilters.trash")}
           checked={state.trash}
           onChange={(value) => setField("trash", value)}
         />
@@ -362,7 +364,7 @@ function FilterEditRow({
       <div className="grid gap-3 sm:grid-cols-[1fr_auto]">
         <div>
           <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-            Apply label
+            {t("mail.gmailFilters.applyLabel")}
           </label>
           <Input
             value={state.label}
@@ -376,13 +378,13 @@ function FilterEditRow({
             checked={state.createLabel}
             onCheckedChange={(value) => setField("createLabel", value)}
           />
-          Create label
+          {t("mail.gmailFilters.createLabel")}
         </label>
       </div>
 
       <div>
         <label className="mb-1.5 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-          Forward to
+          {t("mail.gmailFilters.forwardTo")}
         </label>
         <Input
           value={state.forward}
@@ -399,10 +401,10 @@ function FilterEditRow({
           onClick={() => onSave(toPayload(state, filter))}
         >
           {isPending && <IconLoader2 className="h-3.5 w-3.5 animate-spin" />}
-          Save
+          {t("mail.gmailFilters.save")}
         </Button>
         <Button size="sm" variant="ghost" onClick={onCancel}>
-          Cancel
+          {t("mail.gmailFilters.cancel")}
         </Button>
       </div>
     </div>
@@ -422,6 +424,7 @@ function FilterRow({
   onEdit: () => void;
   onCancelEdit: () => void;
 }) {
+  const t = useT();
   const replaceFilter = useReplaceGmailFilter();
   const deleteFilter = useDeleteGmailFilter();
   const [confirmDelete, setConfirmDelete] = useState(false);
@@ -471,7 +474,7 @@ function FilterRow({
                 <IconPencil className="h-3.5 w-3.5" />
               </Button>
             </TooltipTrigger>
-            <TooltipContent>Edit filter</TooltipContent>
+            <TooltipContent>{t("mail.gmailFilters.editFilter")}</TooltipContent>
           </Tooltip>
           <Tooltip>
             <TooltipTrigger asChild>
@@ -489,7 +492,9 @@ function FilterRow({
                 )}
               </Button>
             </TooltipTrigger>
-            <TooltipContent>Delete filter</TooltipContent>
+            <TooltipContent>
+              {t("mail.gmailFilters.deleteFilter")}
+            </TooltipContent>
           </Tooltip>
         </div>
       </div>
@@ -497,14 +502,19 @@ function FilterRow({
       <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete Gmail filter</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t("mail.gmailFilters.deleteGmailFilter")}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              Delete this filter from {filter.accountEmail}? This changes Gmail
-              directly.
+              {t("mail.gmailFilters.deleteGmailFilterDescription", {
+                account: filter.accountEmail,
+              })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>
+              {t("mail.gmailFilters.cancel")}
+            </AlertDialogCancel>
             <AlertDialogAction
               onClick={() =>
                 deleteFilter.mutate(
@@ -518,7 +528,7 @@ function FilterRow({
                 )
               }
             >
-              Delete
+              {t("mail.gmailFilters.deleteFilter")}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
@@ -528,6 +538,7 @@ function FilterRow({
 }
 
 export function GmailFiltersSection() {
+  const t = useT();
   const { data, isLoading, error } = useGmailFilters();
   const createFilter = useCreateGmailFilter();
   const [editingId, setEditingId] = useState<string | null>(null);
@@ -547,11 +558,10 @@ export function GmailFiltersSection() {
       <div className="mb-6 flex items-center justify-between">
         <div>
           <h2 className="text-[16px] font-semibold text-foreground">
-            Gmail Filters
+            {t("mail.gmailFilters.title")}
           </h2>
           <p className="mt-0.5 text-[13px] text-muted-foreground">
-            Server-side Gmail rules for simple sender, subject, and search
-            patterns.
+            {t("mail.gmailFilters.description")}
           </p>
         </div>
         <Button
@@ -563,7 +573,7 @@ export function GmailFiltersSection() {
           }}
         >
           <IconPlus className="h-3.5 w-3.5" />
-          New filter
+          {t("mail.gmailFilters.newFilter")}
         </Button>
       </div>
 
@@ -606,7 +616,7 @@ export function GmailFiltersSection() {
           <div className="rounded-lg border border-border/20 bg-card/50 py-12 text-center">
             <IconTag className="mx-auto mb-3 h-8 w-8 text-muted-foreground/20" />
             <p className="text-[13px] text-muted-foreground/50">
-              No Gmail filters yet.
+              {t("mail.gmailFilters.noFilters")}
             </p>
           </div>
         )}