@agent-native/core 0.77.3 → 0.77.6

package/corpus/templates/macros/app/components/DailyProgress.tsx

@@ -1,4 +1,4 @@
-import { useActionQuery } from "@agent-native/core/client";
+import { useActionQuery, useT } from "@agent-native/core/client";
 import {
   IconTrendingUp,
   IconActivity,
@@ -64,6 +64,7 @@ export function DailyProgress({
   carbs,
   fat,
 }: DailyProgressProps) {
+  const t = useT();
   const [activeChart, setActiveChart] = useState(readActiveChart);
 
   useEffect(() => {
@@ -111,12 +112,12 @@ export function DailyProgress({
           <div className="flex items-center justify-between">
             <div className="flex items-center gap-3">
               <p className="text-[10px] font-medium text-muted-foreground uppercase tracking-widest">
-                Daily Summary
+                {t("daily.summary")}
               </p>
             </div>
             <div className="px-3 py-1.5 rounded-full bg-white/[0.05] border border-white/[0.05] flex items-center">
               <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-widest leading-none">
-                Goal: {goalCalories}
+                {t("daily.goalWithValue", { value: goalCalories })}
               </span>
             </div>
           </div>
@@ -145,7 +146,7 @@ export function DailyProgress({
                   <span className="font-semibold text-emerald-400">
                     {totalCalories}
                   </span>{" "}
-                  eaten
+                  {t("daily.eaten")}
                 </span>
               </div>
               {totalBurnedCalories > 0 && (
@@ -155,7 +156,7 @@ export function DailyProgress({
                     <span className="font-semibold text-orange-400">
                       {totalBurnedCalories}
                     </span>{" "}
-                    burned
+                    {t("daily.burned")}
                   </span>
                 </div>
               )}
@@ -169,7 +170,7 @@ export function DailyProgress({
                   >
                     {remaining}
                   </span>{" "}
-                  remaining
+                  {t("daily.remaining")}
                 </span>
               </div>
             </div>
@@ -187,9 +188,9 @@ export function DailyProgress({
           {(protein > 0 || carbs > 0 || fat > 0) && (
             <div className="grid grid-cols-3 gap-2 sm:gap-3">
               {[
-                { label: "Protein", value: protein },
-                { label: "Carbs", value: carbs },
-                { label: "Fat", value: fat },
+                { label: t("meals.protein"), value: protein },
+                { label: t("meals.carbs"), value: carbs },
+                { label: t("meals.fat"), value: fat },
               ].map((m) => (
                 <div
                   key={m.label}
@@ -220,13 +221,13 @@ export function DailyProgress({
                   value="weight"
                   className="gap-2 text-[10px] uppercase tracking-wider h-6 px-3"
                 >
-                  <IconTrendingUp className="h-3 w-3" /> Weight
+                  <IconTrendingUp className="h-3 w-3" /> {t("weight.title")}
                 </TabsTrigger>
                 <TabsTrigger
                   value="activity"
                   className="gap-2 text-[10px] uppercase tracking-wider h-6 px-3"
                 >
-                  <IconActivity className="h-3 w-3" /> Activity
+                  <IconActivity className="h-3 w-3" /> {t("daily.activity")}
                 </TabsTrigger>
               </TabsList>
               <TooltipProvider>
@@ -238,7 +239,8 @@ export function DailyProgress({
                         size="sm"
                         className="h-8 px-2.5 text-[10px] uppercase tracking-widest text-muted-foreground/50 hover:text-foreground hover:bg-white/5 gap-2"
                       >
-                        Last 30D <IconChartBar className="h-3.5 w-3.5" />
+                        {t("daily.last30Days")}{" "}
+                        <IconChartBar className="h-3.5 w-3.5" />
                       </Button>
                     </Link>
                   </TooltipTrigger>
@@ -246,7 +248,7 @@ export function DailyProgress({
                     side="bottom"
                     className="bg-zinc-900 border-white/10 text-[10px] uppercase tracking-widest py-1.5 px-3"
                   >
-                    View Full Analytics
+                    {t("daily.viewFullAnalytics")}
                   </TooltipContent>
                 </Tooltip>
               </TooltipProvider>
@@ -282,7 +284,9 @@ export function DailyProgress({
                         cursor={{ stroke: "rgba(255,255,255,0.1)" }}
                         formatter={(value: any, name: any) => [
                           `${value} lbs`,
-                          name === "trendWeight" ? "Trend" : "Actual",
+                          name === "trendWeight"
+                            ? t("daily.trend")
+                            : t("daily.actual"),
                         ]}
                       />
                       <Line
@@ -317,14 +321,16 @@ export function DailyProgress({
                 ) : (
                   <div className="h-full flex items-center justify-center border border-dashed border-white/[0.06] rounded-xl">
                     <p className="text-xs text-muted-foreground">
-                      No weight data available
+                      {t("daily.noWeightData")}
                     </p>
                   </div>
                 )}
               </div>
               {weightHistory.length > 0 && (
                 <p className="text-[10px] uppercase tracking-widest text-muted-foreground/50 text-right mt-2">
-                  Current: {weightHistory[weightHistory.length - 1].weight} lbs
+                  {t("daily.currentWeight", {
+                    weight: weightHistory[weightHistory.length - 1].weight,
+                  })}
                 </p>
               )}
             </TabsContent>
@@ -375,7 +381,7 @@ export function DailyProgress({
                         cursor={{ stroke: "rgba(255,255,255,0.1)" }}
                         formatter={(value: any) => [
                           `${value} kcal`,
-                          "Net Calories",
+                          t("daily.netCalories"),
                         ]}
                       />
                       <Area
@@ -396,7 +402,7 @@ export function DailyProgress({
                 ) : (
                   <div className="h-full flex items-center justify-center border border-dashed border-white/[0.06] rounded-xl">
                     <p className="text-xs text-muted-foreground">
-                      No activity data available
+                      {t("daily.noActivityData")}
                     </p>
                   </div>
                 )}

package/corpus/templates/macros/app/components/ExerciseCard.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { Exercise } from "@shared/types";
 import {
   IconTrash,
@@ -23,6 +24,7 @@ export function ExerciseCard({
   isDeleting,
   isPending,
 }: ExerciseCardProps) {
+  const t = useT();
   return (
     <div className="group relative flex items-center gap-3 sm:gap-4 p-3 sm:p-4 rounded-xl bg-white/[0.02] border border-white/[0.08] hover:bg-white/[0.04] overflow-hidden">
       <div className="flex items-center justify-center w-9 h-9 shrink-0 rounded-lg bg-orange-500/10 border border-orange-500/20">
@@ -47,7 +49,7 @@ export function ExerciseCard({
         {isPending ? (
           <div
             className="flex h-9 w-9 items-center justify-center text-muted-foreground/60 md:h-7 md:w-7"
-            aria-label="Saving exercise"
+            aria-label={t("exercise.saving")}
           >
             <IconLoader2 className="h-4 w-4 animate-spin md:h-3.5 md:w-3.5" />
           </div>
@@ -56,7 +58,7 @@ export function ExerciseCard({
             <Button
               variant="ghost"
               size="icon"
-              aria-label={`Edit ${exercise.name}`}
+              aria-label={t("common.editNamed", { name: exercise.name })}
               className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-foreground hover:bg-white/5"
               onClick={() => onEdit(exercise)}
             >
@@ -65,7 +67,7 @@ export function ExerciseCard({
             <Button
               variant="ghost"
               size="icon"
-              aria-label={`Delete ${exercise.name}`}
+              aria-label={t("common.deleteNamed", { name: exercise.name })}
               className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-red-400 hover:bg-red-500/10"
               onClick={() => onDelete(exercise.id!)}
               disabled={isDeleting}

package/corpus/templates/macros/app/components/MealCard.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { Meal } from "@shared/types";
 import {
   IconTrash,
@@ -23,6 +24,7 @@ export function MealCard({
   isDeleting,
   isPending,
 }: MealCardProps) {
+  const t = useT();
   return (
     <div className="group relative flex items-center gap-3 sm:gap-4 p-3 sm:p-4 rounded-xl bg-white/[0.02] border border-white/[0.08] hover:bg-white/[0.04] overflow-hidden">
       <div className="flex items-center justify-center w-9 h-9 shrink-0 rounded-lg bg-emerald-500/10 border border-emerald-500/20">
@@ -53,7 +55,7 @@ export function MealCard({
         {isPending ? (
           <div
             className="flex h-9 w-9 items-center justify-center text-muted-foreground/60 md:h-7 md:w-7"
-            aria-label="Saving meal"
+            aria-label={t("meals.saving")}
           >
             <IconLoader2 className="h-4 w-4 animate-spin md:h-3.5 md:w-3.5" />
           </div>
@@ -62,7 +64,7 @@ export function MealCard({
             <Button
               variant="ghost"
               size="icon"
-              aria-label={`Edit ${meal.name}`}
+              aria-label={t("common.editNamed", { name: meal.name })}
               className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-foreground hover:bg-white/5"
               onClick={() => onEdit(meal)}
             >
@@ -71,7 +73,7 @@ export function MealCard({
             <Button
               variant="ghost"
               size="icon"
-              aria-label={`Delete ${meal.name}`}
+              aria-label={t("common.deleteNamed", { name: meal.name })}
               className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-red-400 hover:bg-red-500/10"
               onClick={() => meal.id && onDelete(meal.id)}
               disabled={isDeleting}

package/corpus/templates/macros/app/components/VoiceDictation.tsx

@@ -1,4 +1,4 @@
-import { useAgentChatGenerating } from "@agent-native/core/client";
+import { useAgentChatGenerating, useT } from "@agent-native/core/client";
 import {
   IconMicrophone,
   IconMicrophoneOff,
@@ -16,6 +16,7 @@ interface VoiceDictationProps {
 type VoiceState = "idle" | "listening" | "processing";
 
 export function VoiceDictation({ currentDate }: VoiceDictationProps) {
+  const t = useT();
   const [state, setState] = useState<VoiceState>("idle");
   const [transcript, setTranscript] = useState("");
   const recognitionRef = useRef<any>(null);
@@ -59,7 +60,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
     if (!isGenerating && state === "processing") {
       setState("idle");
       setTranscript("");
-      toast.success("Done");
+      toast.success(t("voice.done"));
     }
   }, [isGenerating, state]);
 
@@ -79,7 +80,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
         }, 15000);
       } catch (error) {
         console.error("Error sending voice command:", error);
-        toast.error("Failed to process voice command");
+        toast.error(t("voice.processFailed"));
         setState("idle");
         setTranscript("");
       }
@@ -89,7 +90,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
 
   const startListening = useCallback(() => {
     if (!isSupported) {
-      toast.error("Voice dictation is not supported in your browser");
+      toast.error(t("voice.unsupported"));
       return;
     }
 
@@ -137,15 +138,15 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
         setTranscript("");
       }
       if (event.error === "not-allowed") {
-        toast.error("Microphone access denied", {
-          description: "Please allow microphone access",
+        toast.error(t("voice.microphoneDenied"), {
+          description: t("voice.allowMicrophone"),
         });
       } else if (event.error === "no-speech") {
-        toast.error("No speech detected", {
-          description: "Please try again",
+        toast.error(t("voice.noSpeech"), {
+          description: t("voice.tryAgain"),
         });
       } else if (event.error !== "aborted") {
-        toast.error("Could not capture audio");
+        toast.error(t("voice.captureFailed"));
       }
     };
 
@@ -159,7 +160,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
       recognition.start();
     } catch {
       setState("idle");
-      toast.error("Could not start voice recognition");
+      toast.error(t("voice.startFailed"));
     }
   }, [isSupported, processCommand]);
 
@@ -201,7 +202,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
                   <span className="w-1.5 h-1.5 bg-red-500 rounded-full animate-pulse delay-150" />
                 </div>
                 <span className="text-sm text-muted-foreground">
-                  {transcript || "Listening..."}
+                  {transcript || t("voice.listening")}
                 </span>
               </div>
             )}
@@ -209,7 +210,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
               <div className="flex items-center gap-2">
                 <IconLoader2 className="h-4 w-4 animate-spin text-primary" />
                 <span className="text-sm text-muted-foreground">
-                  Processing: &quot;{transcript}&quot;
+                  {t("voice.processing", { transcript })}
                 </span>
               </div>
             )}
@@ -253,7 +254,7 @@ export function VoiceDictation({ currentDate }: VoiceDictationProps) {
 
       {state === "idle" && (
         <p className="text-xs text-muted-foreground/60 text-center whitespace-nowrap animate-in fade-in duration-500 md:hidden">
-          Tap to speak
+          {t("voice.tapToSpeak")}
         </p>
       )}
     </div>

package/corpus/templates/macros/app/components/WeeklyCaloriesChart.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { DailyCalories } from "@shared/types";
 import {
   startOfWeek,
@@ -116,7 +117,7 @@ function aggregateWeekly(
     });
 }
 
-function CustomTooltip({ active, payload }: any) {
+function CustomTooltip({ active, payload, t }: any) {
   if (!active || !payload?.[0]) return null;
   const data = payload[0].payload as WeeklyData;
   const projected = data.netCalories + data.projectedCalories;
@@ -131,27 +132,42 @@ function CustomTooltip({ active, payload }: any) {
         <span className="text-lg font-bold text-foreground">
           {data.netCalories.toLocaleString()}
         </span>
-        <span className="text-xs text-muted-foreground">net kcal</span>
+        <span className="text-xs text-muted-foreground">
+          {t("weekly.netKcal")}
+        </span>
       </div>
       {data.isCurrentWeek && data.projectedCalories > 0 && (
         <div className="flex items-baseline gap-1.5">
           <span className="text-sm font-semibold text-muted-foreground">
             ~{projected.toLocaleString()}
           </span>
-          <span className="text-xs text-muted-foreground">projected</span>
+          <span className="text-xs text-muted-foreground">
+            {t("weekly.projected")}
+          </span>
         </div>
       )}
       <div className="text-xs text-muted-foreground space-y-0.5">
-        <p>Eaten: {data.totalCalories.toLocaleString()} kcal</p>
-        <p>Burned: {data.burnedCalories.toLocaleString()} kcal</p>
-        <p>Goal: {data.weeklyGoal.toLocaleString()} kcal</p>
+        <p>
+          {t("weekly.eaten", { calories: data.totalCalories.toLocaleString() })}
+        </p>
+        <p>
+          {t("weekly.burned", {
+            calories: data.burnedCalories.toLocaleString(),
+          })}
+        </p>
+        <p>
+          {t("weekly.goal", { calories: data.weeklyGoal.toLocaleString() })}
+        </p>
         <p className={isOver ? "text-red-400" : "text-emerald-400"}>
-          {isOver ? "+" : ""}
-          {diff.toLocaleString()} vs goal
+          {t("weekly.vsGoal", {
+            sign: isOver ? "+" : "",
+            diff: diff.toLocaleString(),
+          })}
         </p>
         <p className="text-muted-foreground/60">
-          {data.daysTracked} day{data.daysTracked !== 1 ? "s" : ""} tracked
-          {data.isCurrentWeek && ` · ${data.completedDays} completed`}
+          {t("weekly.daysTracked", { count: data.daysTracked })}
+          {data.isCurrentWeek &&
+            ` · ${t("weekly.completed", { count: data.completedDays })}`}
         </p>
       </div>
     </div>
@@ -163,12 +179,13 @@ export function WeeklyCaloriesChart({
   isLoading,
   dailyGoal = 2000,
 }: WeeklyCaloriesChartProps) {
+  const t = useT();
   if (isLoading) return <Skeleton className="h-[300px] w-full rounded-xl" />;
   if (!history || history.length === 0)
     return (
       <div className="h-[300px] flex flex-col items-center justify-center text-muted-foreground rounded-xl border border-dashed border-border/50 bg-secondary/20">
-        <p className="text-sm">No data available yet</p>
-        <p className="text-xs mt-1">Start logging meals to see weekly trends</p>
+        <p className="text-sm">{t("weekly.noData")}</p>
+        <p className="text-xs mt-1">{t("weekly.noDataDescription")}</p>
       </div>
     );
 
@@ -180,7 +197,7 @@ export function WeeklyCaloriesChart({
       <div className="grid grid-cols-3 gap-2 sm:gap-3">
         {[
           {
-            label: "Avg / Week",
+            label: t("weekly.averagePerWeek"),
             value:
               weeklyData.length > 0
                 ? Math.round(
@@ -188,17 +205,17 @@ export function WeeklyCaloriesChart({
                       weeklyData.length,
                   ).toLocaleString()
                 : "0",
-            unit: "kcal",
+            unit: t("common.kcal"),
           },
           {
-            label: "Weekly Goal",
+            label: t("weekly.weeklyGoal"),
             value: weeklyGoal.toLocaleString(),
-            unit: "kcal",
+            unit: t("common.kcal"),
           },
           {
-            label: "Weeks",
+            label: t("weekly.weeks"),
             value: String(weeklyData.length),
-            unit: "tracked",
+            unit: t("weekly.tracked"),
           },
         ].map((s) => (
           <div key={s.label} className="p-3 rounded-lg bg-secondary/30">
@@ -243,7 +260,7 @@ export function WeeklyCaloriesChart({
             axisLine={false}
           />
           <Tooltip
-            content={<CustomTooltip />}
+            content={<CustomTooltip t={t} />}
             cursor={{ fill: "rgba(255,255,255,0.03)" }}
           />
           <ReferenceLine
@@ -252,7 +269,7 @@ export function WeeklyCaloriesChart({
             strokeDasharray="4 4"
             strokeOpacity={0.4}
             label={{
-              value: "Goal",
+              value: t("weekly.goalLabel"),
               position: "right",
               style: {
                 fontSize: "10px",

package/corpus/templates/macros/app/components/WeightCard.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { Weight } from "@shared/types";
 import {
   IconTrash,
@@ -35,6 +36,7 @@ export function WeightCard({
   isDeleting,
   isPending,
 }: WeightCardProps) {
+  const t = useT();
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
 
   return (
@@ -50,14 +52,14 @@ export function WeightCard({
           <span className="text-xs font-medium text-muted-foreground">lbs</span>
         </div>
         <p className="text-xs text-muted-foreground/50">
-          {weight.notes || "Weight entry"}
+          {weight.notes || t("weight.entry")}
         </p>
       </div>
       <div className="flex gap-0.5 md:opacity-0 md:group-hover:opacity-100">
         {isPending ? (
           <div
             className="flex h-9 w-9 items-center justify-center text-muted-foreground/60 md:h-7 md:w-7"
-            aria-label="Saving weight"
+            aria-label={t("weight.saving")}
           >
             <IconLoader2 className="h-4 w-4 animate-spin md:h-3.5 md:w-3.5" />
           </div>
@@ -66,7 +68,9 @@ export function WeightCard({
             <Button
               variant="ghost"
               size="icon"
-              aria-label={`Edit weight ${weight.weight} lbs`}
+              aria-label={t("weight.editWeightLabel", {
+                weight: weight.weight,
+              })}
               className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-foreground hover:bg-white/5"
               onClick={() => onEdit(weight)}
             >
@@ -80,7 +84,9 @@ export function WeightCard({
                 <Button
                   variant="ghost"
                   size="icon"
-                  aria-label={`Delete weight ${weight.weight} lbs`}
+                  aria-label={t("weight.deleteWeightLabel", {
+                    weight: weight.weight,
+                  })}
                   className="h-9 w-9 md:h-7 md:w-7 text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10"
                   disabled={isDeleting}
                 >
@@ -93,19 +99,20 @@ export function WeightCard({
               </AlertDialogTrigger>
               <AlertDialogContent>
                 <AlertDialogHeader>
-                  <AlertDialogTitle>Delete weight entry?</AlertDialogTitle>
+                  <AlertDialogTitle>{t("weight.deleteTitle")}</AlertDialogTitle>
                   <AlertDialogDescription>
-                    This will permanently delete this weight entry (
-                    {weight.weight} lbs).
+                    {t("weight.deleteDescription", {
+                      weight: weight.weight,
+                    })}
                   </AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
                   <AlertDialogAction
                     onClick={() => onDelete(weight)}
                     className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
                   >
-                    Delete
+                    {t("common.delete")}
                   </AlertDialogAction>
                 </AlertDialogFooter>
               </AlertDialogContent>

package/corpus/templates/macros/app/components/WeightTracker.tsx

@@ -1,4 +1,8 @@
-import { useActionQuery, useActionMutation } from "@agent-native/core/client";
+import {
+  useActionQuery,
+  useActionMutation,
+  useT,
+} from "@agent-native/core/client";
 import type { Weight } from "@shared/types";
 import { IconScale } from "@tabler/icons-react";
 import { useState } from "react";
@@ -19,6 +23,7 @@ interface WeightTrackerProps {
 }
 
 export function WeightTracker({ currentDate }: WeightTrackerProps) {
+  const t = useT();
   const [editingWeight, setEditingWeight] = useState<Weight | null>(null);
   const [editDialogOpen, setEditDialogOpen] = useState(false);
 
@@ -26,9 +31,9 @@ export function WeightTracker({ currentDate }: WeightTrackerProps) {
 
   const deleteWeightMutation = useActionMutation("delete-weight", {
     onSuccess: () => {
-      toast.success("Weight entry deleted");
+      toast.success(t("weight.deleted"));
     },
-    onError: () => toast.error("Failed to delete weight entry"),
+    onError: () => toast.error(t("weight.deleteFailed")),
   });
 
   const { data: rawWeights, isLoading } = useActionQuery("list-weights", {
@@ -47,7 +52,7 @@ export function WeightTracker({ currentDate }: WeightTrackerProps) {
     <div className="space-y-4">
       <div className="flex items-center justify-between px-1">
         <h2 className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-          Weight
+          {t("weight.title")}
         </h2>
         {!todayWeight && !isLoading && (
           <AddWeightDialog currentDate={currentDate} />
@@ -72,9 +77,11 @@ export function WeightTracker({ currentDate }: WeightTrackerProps) {
             <div className="p-3 rounded-full bg-blue-500/10 mb-3">
               <IconScale className="h-5 w-5 text-blue-500/50" />
             </div>
-            <p className="text-sm text-muted-foreground">No weight logged</p>
+            <p className="text-sm text-muted-foreground">
+              {t("weight.noneLogged")}
+            </p>
             <p className="text-xs text-muted-foreground/50 mt-1">
-              Track your weight daily
+              {t("weight.emptyDescription")}
             </p>
           </div>
         ) : (