@agent-native/core 0.76.10 → 0.76.12

package/corpus/templates/analytics/app/pages/Settings.tsx

@@ -17,8 +17,6 @@ export default function Settings() {
 
   return (
     <div className="space-y-6 max-w-2xl">
-      <ChangelogSettingsCard markdown={changelog} />
-
       <Card className="bg-card border-border/50">
         <CardHeader>
           <CardTitle className="text-base">{t("settings.account")}</CardTitle>
@@ -92,6 +90,8 @@ export default function Settings() {
           <p>{t("settings.aboutUsage")}</p>
         </CardContent>
       </Card>
+
+      <ChangelogSettingsCard markdown={changelog} />
     </div>
   );
 }

package/corpus/templates/analytics/changelog/2026-06-24-analytics-navigation-command-palette-and-settings-now-honor-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-24
+---
+
+Analytics navigation, command palette, and settings now honor the selected interface language.

package/corpus/templates/assets/app/components/layout/Header.tsx

@@ -1,7 +1,6 @@
 import { useLocation } from "react-router";
 import {
   AgentToggleButton,
-  LanguagePicker,
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
@@ -55,7 +54,6 @@ export function Header() {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         {showAgentToggle ? <AgentToggleButton /> : null}
       </div>
     </header>

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

@@ -12,7 +12,6 @@ import { Button } from "@/components/ui/button";
 import {
   AgentSidebar,
   AgentToggleButton,
-  LanguagePicker,
   NotificationsBell,
   useAppearanceSync,
 } from "@agent-native/core/client";
@@ -288,7 +287,6 @@ export function AppLayout({ children }: AppLayoutProps) {
                 </div>
                 <div className="flex shrink-0 items-center gap-2">
                   {headerControls?.right}
-                  <LanguagePicker variant="icon" />
                   {!isMobile && (
                     <NotificationsBell emptyDescription="Calendar can pop browser alerts while this app is open. Clips desktop handles fuller meeting prompts with one-click notes." />
                   )}

package/corpus/templates/calendar/app/pages/CalendarView.tsx

@@ -72,7 +72,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import {
   AgentToggleButton,
   agentNativePath,
-  LanguagePicker,
   NotificationsBell,
 } from "@agent-native/core/client";
 import { useIsMobile } from "@/hooks/use-mobile";
@@ -1416,7 +1415,6 @@ export default function CalendarView() {
                   emptyDescription="Calendar can pop browser alerts while this app is open. Clips desktop handles fuller meeting prompts with one-click notes."
                 />
               )}
-              <LanguagePicker variant="icon" />
               <CreateEventPopover
                 open={createDialogOpen}
                 onOpenChange={(open) => {

package/corpus/templates/chat/app/components/layout/Header.tsx

@@ -1,11 +1,7 @@
 import { useLocation } from "react-router";
 import { IconMenu2 } from "@tabler/icons-react";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-import {
-  AgentToggleButton,
-  LanguagePicker,
-  useT,
-} from "@agent-native/core/client";
+import { AgentToggleButton, useT } from "@agent-native/core/client";
 import { APP_TITLE } from "@/lib/app-config";
 
 const pageTitleKeys: Record<string, string> = {
@@ -52,7 +48,6 @@ export function Header({ onOpenMobileSidebar }: HeaderProps) {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <AgentToggleButton />
       </div>
     </header>

package/corpus/templates/clips/app/components/layout/Header.tsx

@@ -1,10 +1,6 @@
 import { useLocation } from "react-router";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-import {
-  AgentToggleButton,
-  LanguagePicker,
-  useT,
-} from "@agent-native/core/client";
+import { AgentToggleButton, useT } from "@agent-native/core/client";
 
 const pageTitleKeys: Record<string, string> = {
   "/": "navigation.library",
@@ -44,7 +40,6 @@ export function Header() {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <AgentToggleButton />
       </div>
     </header>

package/corpus/templates/clips/app/hooks/use-library.ts

@@ -101,6 +101,8 @@ export function useRecordingsCount(
     { ...args, countOnly: true } as any,
     {
       select: (data: any) => (typeof data?.total === "number" ? data.total : 0),
+      retry: false,
+      throwOnError: false,
     },
   );
 }

package/corpus/templates/clips/app/routes/_app.settings._index.tsx

@@ -630,7 +630,7 @@ export default function SettingsIndexRoute() {
         </h1>
       </PageHeader>
       <div className="mx-auto w-full max-w-6xl p-6">
-        <div className="grid gap-6 2xl:grid-cols-[minmax(0,1fr)_360px]">
+        <div className="space-y-6">
           <div className="min-w-0 space-y-6">
             <p className="text-sm text-muted-foreground">
               {t("settings.intro")}
@@ -1248,6 +1248,8 @@ export default function SettingsIndexRoute() {
               </Button>
             </div>
           </div>
+        </div>
+        <div className="mt-6">
           <CompactChangelogAside />
         </div>
       </div>

package/corpus/templates/clips/changelog/2026-06-24-archive-and-spaces-navigation-is-more-resilient-when-sidebar.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-24
+---
+
+Archive and spaces navigation is more resilient when sidebar count loading fails.

package/corpus/templates/content/app/components/layout/Header.tsx

@@ -3,7 +3,6 @@ import type { ReactNode } from "react";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
 import {
   AgentToggleButton,
-  LanguagePicker,
   NotificationsBell,
 } from "@agent-native/core/client";
 
@@ -42,7 +41,6 @@ export function Header({ sidebarTrigger }: HeaderProps) {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <NotificationsBell />
         <AgentToggleButton />
       </div>

package/corpus/templates/design/app/components/layout/Header.tsx

@@ -1,9 +1,5 @@
 import { useLocation } from "react-router";
-import {
-  LanguagePicker,
-  useActionQuery,
-  useT,
-} from "@agent-native/core/client";
+import { useActionQuery, useT } from "@agent-native/core/client";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
 import { AgentToggleButton } from "@agent-native/core/client";
 import { RunsTray } from "@agent-native/core/client/progress";
@@ -54,7 +50,6 @@ export function Header() {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <RunsTray pollMs={1500} />
         <AgentToggleButton />
       </div>

package/corpus/templates/forms/app/components/layout/Header.tsx

@@ -1,10 +1,6 @@
 import { useLocation } from "react-router";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-import {
-  AgentToggleButton,
-  LanguagePicker,
-  useT,
-} from "@agent-native/core/client";
+import { AgentToggleButton, useT } from "@agent-native/core/client";
 
 const pageTitles: Record<string, string> = {
   "/": "header.forms",
@@ -42,7 +38,6 @@ export function Header() {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <AgentToggleButton />
       </div>
     </header>

package/corpus/templates/macros/app/components/layout/Header.tsx

@@ -1,10 +1,6 @@
 import { useLocation } from "react-router";
 import { IconMenu2 } from "@tabler/icons-react";
-import {
-  AgentToggleButton,
-  LanguagePicker,
-  useT,
-} from "@agent-native/core/client";
+import { AgentToggleButton, useT } from "@agent-native/core/client";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
 
 const pageTitles: Record<string, string> = {
@@ -49,7 +45,6 @@ export function Header({ onOpenSidebar }: HeaderProps) {
       </div>
       <div className="flex shrink-0 items-center gap-2">
         {actions}
-        <LanguagePicker variant="icon" />
         <AgentToggleButton />
       </div>
     </header>

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

@@ -7,6 +7,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { useT } from "@agent-native/core/client";
 
 const LANGUAGES = [
   { value: "", label: "Plain text" },
@@ -34,6 +35,7 @@ interface CodeBlockLangPickerProps {
 }
 
 export function CodeBlockLangPicker({ editor }: CodeBlockLangPickerProps) {
+  const t = useT();
   const [position, setPosition] = useState<{
     top: number;
     right: number;
@@ -122,12 +124,12 @@ export function CodeBlockLangPicker({ editor }: CodeBlockLangPickerProps) {
           className="code-lang-select h-7 w-auto min-w-[100px] text-xs"
           onMouseDown={(e) => e.stopPropagation()}
         >
-          <SelectValue placeholder="Plain text" />
+          <SelectValue placeholder={t("mail.compose.plainText")} />
         </SelectTrigger>
         <SelectContent>
           {LANGUAGES.map((l) => (
             <SelectItem key={l.value || "__plain"} value={l.value || "__plain"}>
-              {l.label}
+              {l.value ? l.label : t("mail.compose.plainText")}
             </SelectItem>
           ))}
         </SelectContent>

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"
           >