@agent-native/core 0.76.9 → 0.76.11

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

@@ -9,6 +9,7 @@ import {
   IconLoader2,
 } from "@tabler/icons-react";
 import { cn, formatShortcut } from "@/lib/utils";
+import { useT } from "@agent-native/core/client";
 import { useState, useEffect, useRef, useCallback } from "react";
 import {
   Tooltip,
@@ -51,6 +52,7 @@ export function ComposeBubbleToolbar({
   getCurrentDraftBody,
   sendToAgent,
 }: ComposeBubbleToolbarProps) {
+  const t = useT();
   const [visible, setVisible] = useState(false);
   const [position, setPosition] = useState({ top: 0, left: 0 });
   const [activeMarks, setActiveMarks] = useState({
@@ -244,32 +246,32 @@ export function ComposeBubbleToolbar({
   const items = [
     {
       icon: IconBold,
-      title: "Bold",
+      title: t("mail.compose.bold"),
       action: () => (editor.chain().focus() as any).toggleBold().run(),
       active: activeMarks.bold,
     },
     {
       icon: IconItalic,
-      title: "Italic",
+      title: t("mail.compose.italic"),
       action: () => (editor.chain().focus() as any).toggleItalic().run(),
       active: activeMarks.italic,
     },
     {
       icon: IconStrikethrough,
-      title: "Strikethrough",
+      title: t("mail.compose.strikethrough"),
       action: () => (editor.chain().focus() as any).toggleStrike().run(),
       active: activeMarks.strike,
     },
     {
       icon: IconCode,
-      title: "Code",
+      title: t("mail.compose.code"),
       action: () => (editor.chain().focus() as any).toggleCode().run(),
       active: activeMarks.code,
     },
     { type: "divider" as const },
     {
       icon: IconLink,
-      title: "Link",
+      title: t("mail.compose.link"),
       action: toggleLink,
       active: activeMarks.link,
     },
@@ -292,7 +294,7 @@ export function ComposeBubbleToolbar({
           <input
             autoFocus
             type="url"
-            placeholder="Paste link..."
+            placeholder={t("mail.compose.pasteLink")}
             value={linkUrl}
             onChange={(e) => setLinkUrl(e.target.value)}
             onKeyDown={(e) => {
@@ -308,7 +310,7 @@ export function ComposeBubbleToolbar({
             onClick={handleSetLink}
             className="text-xs text-blue-400 hover:text-blue-300 px-1.5 py-0.5 font-medium"
           >
-            Apply
+            {t("mail.compose.apply")}
           </button>
         </div>
       ) : showAiInput || isGenerating ? (
@@ -316,13 +318,15 @@ export function ComposeBubbleToolbar({
           {isGenerating ? (
             <>
               <IconLoader2 size={14} className="animate-spin text-gray-400" />
-              <span className="text-xs text-gray-400 px-1">Generating…</span>
+              <span className="text-xs text-gray-400 px-1">
+                {t("mail.compose.generating")}
+              </span>
             </>
           ) : (
             <>
               <textarea
                 autoFocus
-                placeholder="e.g. make more formal..."
+                placeholder={t("mail.compose.aiAssistPlaceholder")}
                 value={aiPrompt}
                 rows={2}
                 onChange={(e) => setAiPrompt(e.target.value)}
@@ -346,11 +350,13 @@ export function ComposeBubbleToolbar({
                     onClick={() => void handleAiAssist()}
                     className="text-xs text-blue-400 hover:text-blue-300 px-1.5 py-0.5 font-medium shrink-0 self-end pb-1"
                   >
-                    Generate
+                    {t("mail.compose.generate")}
                   </button>
                 </TooltipTrigger>
                 <TooltipContent>
-                  Generate ({formatShortcut("cmd+enter")})
+                  {t("mail.compose.generateShortcut", {
+                    shortcut: formatShortcut("cmd+enter"),
+                  })}
                 </TooltipContent>
               </Tooltip>
             </>
@@ -409,7 +415,7 @@ export function ComposeBubbleToolbar({
                 <IconPencil size={14} strokeWidth={2.5} />
               </button>
             </TooltipTrigger>
-            <TooltipContent>AI Assist</TooltipContent>
+            <TooltipContent>{t("mail.compose.aiAssist")}</TooltipContent>
           </Tooltip>
         </div>
       )}

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

@@ -30,6 +30,7 @@ import {
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+import { useT } from "@agent-native/core/client";
 
 const lowlight = createLowlight(common);
 
@@ -76,6 +77,7 @@ export const ComposeEditor = forwardRef<
   },
   ref,
 ) {
+  const t = useT();
   const isSettingContent = useRef(false);
   // Last time the user actually typed (not merely had focus). Used to let an
   // external/agent edit reconcile in even while the editor is focused but idle,
@@ -105,7 +107,7 @@ export const ComposeEditor = forwardRef<
         allowBase64: true,
       }),
       Placeholder.configure({
-        placeholder: "Write your message...",
+        placeholder: t("mail.compose.writeMessagePlaceholder"),
         showOnlyWhenEditable: true,
         showOnlyCurrent: true,
       }),
@@ -267,8 +269,10 @@ export const ComposeEditor = forwardRef<
       <Dialog open={showLinkDialog} onOpenChange={setShowLinkDialog}>
         <DialogContent>
           <DialogHeader>
-            <DialogTitle>Insert link</DialogTitle>
-            <DialogDescription>Enter the URL for the link.</DialogDescription>
+            <DialogTitle>{t("mail.compose.insertLink")}</DialogTitle>
+            <DialogDescription>
+              {t("mail.compose.enterLinkUrl")}
+            </DialogDescription>
           </DialogHeader>
           <Input
             autoFocus
@@ -284,10 +288,10 @@ export const ComposeEditor = forwardRef<
           />
           <DialogFooter>
             <Button variant="outline" onClick={() => setShowLinkDialog(false)}>
-              Cancel
+              {t("mail.compose.cancel")}
             </Button>
             <Button onClick={applyLink} disabled={!linkUrl.trim()}>
-              Apply
+              {t("mail.compose.apply")}
             </Button>
           </DialogFooter>
         </DialogContent>

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

@@ -42,7 +42,7 @@ import { useUpdateQueuedDraft } from "@/hooks/use-draft-queue";
 import { useScheduleEmail } from "@/hooks/use-scheduled-jobs";
 import { SendLaterButton } from "./SendLaterButton";
 import { expandAliasTokens } from "@/lib/alias-utils";
-import { useAgentChatGenerating } from "@agent-native/core/client";
+import { useAgentChatGenerating, useT } from "@agent-native/core/client";
 import { toast } from "sonner";
 import type { ComposeState } from "@shared/types";
 import {
@@ -152,6 +152,7 @@ export function ComposeModal({
   onReopen,
   onInitialExpandedConsumed,
 }: ComposeModalProps) {
+  const t = useT();
   const isMobile = useIsMobile();
   const [minimized, setMinimized] = useState(false);
   const [isExpanded, setIsExpanded] = useState(false);
@@ -570,7 +571,7 @@ export function ComposeModal({
                 <IconPlus className="h-3 w-3" />
               </button>
             </TooltipTrigger>
-            <TooltipContent>New draft</TooltipContent>
+            <TooltipContent>{t("mail.compose.newDraft")}</TooltipContent>
           </Tooltip>
         </div>
 
@@ -582,7 +583,11 @@ export function ComposeModal({
                 variant="ghost"
                 size="icon"
                 className="h-7 w-7"
-                aria-label={minimized ? "Restore compose" : "Minimize compose"}
+                aria-label={
+                  minimized
+                    ? t("mail.compose.restoreCompose")
+                    : t("mail.compose.minimizeCompose")
+                }
                 onClick={() => {
                   setIsExpanded(false);
                   setMinimized(!minimized);
@@ -592,7 +597,9 @@ export function ComposeModal({
               </Button>
             </TooltipTrigger>
             <TooltipContent>
-              {minimized ? "Restore" : "Minimize"}
+              {minimized
+                ? t("mail.compose.restore")
+                : t("mail.compose.minimize")}
             </TooltipContent>
           </Tooltip>
           {!minimized && (
@@ -603,7 +610,9 @@ export function ComposeModal({
                   size="icon"
                   className="h-7 w-7"
                   aria-label={
-                    isExpanded ? "Restore compose size" : "Full screen compose"
+                    isExpanded
+                      ? t("mail.compose.restoreComposeSize")
+                      : t("mail.compose.fullScreenCompose")
                   }
                   aria-pressed={isExpanded}
                   onClick={() => {
@@ -619,7 +628,9 @@ export function ComposeModal({
                 </Button>
               </TooltipTrigger>
               <TooltipContent>
-                {isExpanded ? "Restore size" : "Full screen"}
+                {isExpanded
+                  ? t("mail.compose.restoreSize")
+                  : t("mail.compose.fullScreen")}
               </TooltipContent>
             </Tooltip>
           )}
@@ -714,7 +725,7 @@ export function ComposeModal({
                 onChange={(e) =>
                   onUpdate(activeId!, { subject: e.target.value })
                 }
-                placeholder="Subject"
+                placeholder={t("mail.compose.subject")}
                 className="flex-1 bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground"
               />
             </div>
@@ -759,7 +770,7 @@ export function ComposeModal({
                     <IconBold className="h-3.5 w-3.5" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>Bold</TooltipContent>
+                <TooltipContent>{t("mail.compose.bold")}</TooltipContent>
               </Tooltip>
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -772,7 +783,7 @@ export function ComposeModal({
                     <IconItalic className="h-3.5 w-3.5" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>Italic</TooltipContent>
+                <TooltipContent>{t("mail.compose.italic")}</TooltipContent>
               </Tooltip>
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -785,7 +796,7 @@ export function ComposeModal({
                     <IconLink className="h-3.5 w-3.5" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>Insert link</TooltipContent>
+                <TooltipContent>{t("mail.compose.insertLink")}</TooltipContent>
               </Tooltip>
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -798,7 +809,7 @@ export function ComposeModal({
                     <IconPaperclip className="h-3.5 w-3.5" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>Attach file</TooltipContent>
+                <TooltipContent>{t("mail.compose.attachFile")}</TooltipContent>
               </Tooltip>
 
               <div className="mx-1 h-4 w-px bg-border" />
@@ -806,7 +817,7 @@ export function ComposeModal({
               {isGenerating ? (
                 <div className="flex items-center gap-1.5 px-2 text-xs text-muted-foreground">
                   <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
-                  <span>Generating…</span>
+                  <span>{t("mail.compose.generating")}</span>
                 </div>
               ) : (
                 <Popover open={generateOpen} onOpenChange={setGenerateOpen}>
@@ -816,13 +827,13 @@ export function ComposeModal({
                       size="sm"
                       className="h-7 gap-1.5 px-2 text-xs"
                     >
-                      Generate
+                      {t("mail.compose.generate")}
                     </Button>
                   </PopoverTrigger>
                   <PopoverContent side="top" align="start" className="w-80 p-3">
                     <div className="flex flex-col gap-2">
                       <label className="text-xs font-medium text-muted-foreground">
-                        What should the agent write?
+                        {t("mail.compose.agentPromptLabel")}
                       </label>
                       <textarea
                         ref={promptRef}
@@ -838,13 +849,14 @@ export function ComposeModal({
                             setGenerateOpen(false);
                           }
                         }}
-                        placeholder="e.g. Write a polite follow-up..."
+                        placeholder={t("mail.compose.agentPromptPlaceholder")}
                         className="min-h-[60px] w-full resize-none rounded-md border bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-1 focus:ring-ring"
                         autoFocus
                       />
                       <div className="flex items-center justify-between">
                         <span className="text-[10px] text-muted-foreground">
-                          <kbd className="kbd-hint">↵</kbd> to submit
+                          <kbd className="kbd-hint">↵</kbd>{" "}
+                          {t("mail.compose.toSubmit")}
                         </span>
                         <Button
                           size="sm"
@@ -852,7 +864,7 @@ export function ComposeModal({
                           disabled={!generatePrompt.trim()}
                           className="h-7 gap-1.5 px-3 text-xs"
                         >
-                          Generate
+                          {t("mail.compose.generate")}
                         </Button>
                       </div>
                     </div>
@@ -871,7 +883,7 @@ export function ComposeModal({
                     <IconTrash className="h-4 w-4" />
                   </button>
                 </TooltipTrigger>
-                <TooltipContent>Delete draft</TooltipContent>
+                <TooltipContent>{t("mail.compose.deleteDraft")}</TooltipContent>
               </Tooltip>
               <SendLaterButton
                 onSend={handleSend}
@@ -924,6 +936,7 @@ function ComposeBody({
   setShowQuoted: (show: boolean) => void;
   signature?: string;
 }) {
+  const t = useT();
   const [editableContent, quotedContent] = useMemo(
     () => splitQuotedContent(activeDraft.body),
     [activeDraft.body],
@@ -994,7 +1007,11 @@ function ComposeBody({
         <>
           <button
             type="button"
-            aria-label={showQuoted ? "Hide quoted text" : "Show quoted text"}
+            aria-label={
+              showQuoted
+                ? t("mail.thread.hideQuotedText")
+                : t("mail.thread.showQuotedText")
+            }
             onClick={() => setShowQuoted(!showQuoted)}
             className="mt-1 inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground/50 transition-colors hover:bg-accent hover:text-muted-foreground"
           >