@agent-native/core 0.77.2 → 0.77.4

package/corpus/templates/forms/app/pages/FormFillPage.tsx

@@ -1,4 +1,4 @@
-import { Turnstile, PoweredByBadge } from "@agent-native/core/client";
+import { Turnstile, PoweredByBadge, useT } from "@agent-native/core/client";
 import type { FormField, FormSettings } from "@shared/types";
 import { IconCircleCheck, IconRefresh } from "@tabler/icons-react";
 import { useState, useMemo, useEffect } from "react";
@@ -32,6 +32,7 @@ function safeRedirectUrl(value: unknown): string | null {
 }
 
 export function FormFillPage() {
+  const t = useT();
   const params = useParams();
   const slug = params["*"] || "";
   const { data: form, isLoading, error } = usePublicForm(slug);
@@ -178,7 +179,7 @@ export function FormFillPage() {
           }
         },
         onError: (err: any) => {
-          toast.error(err?.error || "Failed to submit form");
+          toast.error(err?.error || t("publicForm.failedSubmit"));
         },
       },
     );
@@ -211,9 +212,11 @@ export function FormFillPage() {
     return (
       <div className="min-h-screen bg-background flex items-center justify-center p-4">
         <div className="text-center">
-          <h1 className="text-2xl font-semibold mb-2">Form not found</h1>
+          <h1 className="text-2xl font-semibold mb-2">
+            {t("publicForm.formNotFound")}
+          </h1>
           <p className="text-muted-foreground mb-4">
-            This form may have been removed or is no longer accepting responses.
+            {t("publicForm.removedOrClosed")}
           </p>
           <Button
             variant="outline"
@@ -222,7 +225,7 @@ export function FormFillPage() {
             className="gap-2"
           >
             <IconRefresh className="h-3.5 w-3.5" />
-            Try Again
+            {t("publicForm.tryAgain")}
           </Button>
         </div>
         {!embedded && <PoweredByBadge />}
@@ -237,7 +240,9 @@ export function FormFillPage() {
           <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-600/10">
             <IconCircleCheck className="h-7 w-7 text-emerald-600 dark:text-emerald-400" />
           </div>
-          <h1 className="text-2xl font-semibold mb-2">Response submitted</h1>
+          <h1 className="text-2xl font-semibold mb-2">
+            {t("publicForm.responseSubmitted")}
+          </h1>
           <p className="text-muted-foreground">
             {settings.successMessage ||
               "Thank you! Your response has been recorded."}
@@ -304,7 +309,7 @@ export function FormFillPage() {
 
             {visibleFields.length === 0 && (
               <p className="text-center text-muted-foreground py-8">
-                This form has no fields yet.
+                {t("publicForm.noFields")}
               </p>
             )}
           </div>

package/corpus/templates/forms/app/pages/ResponseInsightsPage.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { ResponseInsightsWidgetResult } from "@shared/types";
 import {
   IconArrowLeft,
@@ -130,6 +131,7 @@ function LoadingState() {
 }
 
 export function ResponseInsightsPage() {
+  const t = useT();
   const [params] = useSearchParams();
   const formId = params.get("formId") ?? undefined;
   const { data, isLoading, error, refetch } = useResponseInsights(formId);
@@ -147,9 +149,11 @@ export function ResponseInsightsPage() {
       <div className="flex h-full flex-col items-center justify-center gap-3 p-6 text-center">
         <IconChartBar className="size-8 text-muted-foreground" />
         <div className="space-y-1">
-          <h1 className="text-base font-semibold">Insights unavailable</h1>
+          <h1 className="text-base font-semibold">
+            {t("responseInsights.unavailable")}
+          </h1>
           <p className="max-w-sm text-sm text-muted-foreground">
-            Response insights could not be loaded for this view.
+            {t("responseInsights.unavailableDescription")}
           </p>
         </div>
         <Button
@@ -160,7 +164,7 @@ export function ResponseInsightsPage() {
           onClick={() => refetch()}
         >
           <IconRefresh className="size-3.5" />
-          Retry
+          {t("common.retry")}
         </Button>
       </div>
     );
@@ -259,7 +263,7 @@ export function ResponseInsightsPage() {
           </div>
           {table.rows.length === 0 ? (
             <div className="flex min-h-64 items-center justify-center p-6 text-center text-sm text-muted-foreground">
-              No responses yet.
+              {t("responseInsights.noResponsesYet")}
             </div>
           ) : (
             <div className="max-h-[calc(100vh-15rem)] overflow-auto">

package/corpus/templates/forms/app/routes/_app.extensions.$id.tsx

@@ -1,7 +1,9 @@
 import { ExtensionViewerPage } from "@agent-native/core/client/extensions";
 
+import messages from "@/i18n/en-US";
+
 export function meta() {
-  return [{ title: "Tool — Forms" }];
+  return [{ title: messages.routeTitles.toolForms }];
 }
 
 export default function ExtensionViewerRoute() {

package/corpus/templates/forms/app/routes/_app.extensions._index.tsx

@@ -1,7 +1,9 @@
 import { ExtensionsListPage } from "@agent-native/core/client/extensions";
 
+import messages from "@/i18n/en-US";
+
 export function meta() {
-  return [{ title: "Extensions — Forms" }];
+  return [{ title: messages.routeTitles.extensionsForms }];
 }
 
 export default function ExtensionsRoute() {

package/corpus/templates/forms/app/routes/_app.forms.$id.tsx

@@ -1,7 +1,8 @@
+import messages from "@/i18n/en-US";
 import { FormBuilderPage } from "@/pages/FormBuilderPage";
 
 export function meta() {
-  return [{ title: "Edit form — Forms" }];
+  return [{ title: messages.routeTitles.editFormForms }];
 }
 
 export default function FormBuilderRoute() {

package/corpus/templates/forms/app/routes/_app.forms.$id_.responses.tsx

@@ -1,7 +1,8 @@
+import messages from "@/i18n/en-US";
 import { ResponsesPage } from "@/pages/ResponsesPage";
 
 export function meta() {
-  return [{ title: "Responses — Forms" }];
+  return [{ title: messages.routeTitles.responsesForms }];
 }
 
 export default function ResponsesRoute() {

package/corpus/templates/forms/app/routes/_app.forms._index.tsx

@@ -1,13 +1,12 @@
+import messages from "@/i18n/en-US";
 import { FormsListPage } from "@/pages/FormsListPage";
 
 export function meta() {
-  const description =
-    "Open Source AI form builder for creating, publishing, editing, and analyzing forms and responses from a chat-first workspace.";
+  const description = messages.routeDescriptions.formsIndex;
 
   return [
     {
-      title:
-        "Agent-Native Forms - Open Source AI form builder and response analytics",
+      title: messages.routeTitles.formsIndex,
     },
     {
       name: "description",

package/corpus/templates/forms/app/routes/_app.response-insights.tsx

@@ -1,11 +1,12 @@
+import messages from "@/i18n/en-US";
 import { ResponseInsightsPage } from "@/pages/ResponseInsightsPage";
 
 export function meta() {
   return [
-    { title: "Response insights - Forms" },
+    { title: messages.routeTitles.responseInsightsForms },
     {
       name: "description",
-      content: "Analyze form submissions with native tables and charts.",
+      content: messages.routeDescriptions.responseInsights,
     },
   ];
 }

package/corpus/templates/forms/app/routes/_app.settings.tsx

@@ -16,11 +16,12 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Label } from "@/components/ui/label";
+import messages from "@/i18n/en-US";
 
 import changelog from "../../CHANGELOG.md?raw";
 
 export function meta() {
-  return [{ title: "Settings - Forms" }];
+  return [{ title: messages.routeTitles.settingsForms }];
 }
 
 export default function SettingsRoute() {

package/corpus/templates/forms/app/routes/_index.tsx

@@ -22,13 +22,12 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import messages from "@/i18n/en-US";
 import { scheduleFormsRoutePrewarm } from "@/lib/route-prewarm";
 import { TAB_ID } from "@/lib/tab-id";
 
-const SEO_TITLE =
-  "Agent-Native Forms - Open Source AI form builder and response analytics";
-const SEO_DESCRIPTION =
-  "Open Source AI form builder for creating, publishing, editing, and analyzing forms and responses from a chat-first workspace.";
+const SEO_TITLE = messages.routeTitles.formsIndex;
+const SEO_DESCRIPTION = messages.routeDescriptions.formsIndex;
 
 export function meta() {
   return [

package/corpus/templates/forms/app/routes/form-preview.tsx

@@ -1,4 +1,4 @@
-import { isInAgentEmbed, postNavigate } from "@agent-native/core/client";
+import { isInAgentEmbed, postNavigate, useT } from "@agent-native/core/client";
 import type { FormFieldType } from "@shared/types";
 import {
   IconAlertCircle,
@@ -23,18 +23,18 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { useForm } from "@/hooks/use-forms";
 import { normalizeFields } from "@/lib/normalize-fields";
 
-const FIELD_TYPE_LABELS: Record<FormFieldType, string> = {
-  text: "Text",
-  email: "Email",
-  number: "Number",
-  textarea: "Long Text",
-  select: "Dropdown",
-  multiselect: "Multi-select",
-  checkbox: "Checkbox",
-  radio: "Radio",
-  date: "Date",
-  rating: "Rating",
-  scale: "Scale",
+const FIELD_TYPE_LABEL_KEYS: Record<FormFieldType, string> = {
+  text: "fieldProperties.fieldTypes.text", // i18n-ignore stable catalog key
+  email: "fieldProperties.fieldTypes.email", // i18n-ignore stable catalog key
+  number: "fieldProperties.fieldTypes.number", // i18n-ignore stable catalog key
+  textarea: "fieldProperties.fieldTypes.textarea", // i18n-ignore stable catalog key
+  select: "fieldProperties.fieldTypes.select", // i18n-ignore stable catalog key
+  multiselect: "fieldProperties.fieldTypes.multiselect", // i18n-ignore stable catalog key
+  checkbox: "fieldProperties.fieldTypes.checkbox", // i18n-ignore stable catalog key
+  radio: "fieldProperties.fieldTypes.radio", // i18n-ignore stable catalog key
+  date: "fieldProperties.fieldTypes.date", // i18n-ignore stable catalog key
+  rating: "fieldProperties.fieldTypes.rating", // i18n-ignore stable catalog key
+  scale: "fieldProperties.fieldTypes.scale", // i18n-ignore stable catalog key
 };
 
 const FIELD_TYPE_ICONS: Record<FormFieldType, React.ElementType> = {
@@ -52,6 +52,7 @@ const FIELD_TYPE_ICONS: Record<FormFieldType, React.ElementType> = {
 };
 
 export default function FormPreviewRoute() {
+  const t = useT();
   const [searchParams] = useSearchParams();
   const id = searchParams.get("id") ?? "";
   const { data: form, isLoading, error } = useForm(id);
@@ -61,13 +62,11 @@ export default function FormPreviewRoute() {
       <div className="min-h-screen bg-background flex items-center justify-center p-6">
         <div className="flex flex-col items-center gap-3 text-center">
           <IconAlertCircle className="h-8 w-8 text-muted-foreground" />
-          <p className="text-sm font-medium">Missing form id</p>
+          <p className="text-sm font-medium">
+            {t("formPreview.missingFormId")}
+          </p>
           <p className="text-xs text-muted-foreground">
-            Add{" "}
-            <code className="font-mono bg-muted px-1 rounded">
-              ?id=&lt;form-id&gt;
-            </code>{" "}
-            to the URL.
+            {t("formPreview.addIdToUrl", { idParam: "?id=<form-id>" })}
           </p>
         </div>
       </div>
@@ -97,11 +96,9 @@ export default function FormPreviewRoute() {
       <div className="min-h-screen bg-background flex items-center justify-center p-6">
         <div className="flex flex-col items-center gap-3 text-center">
           <IconAlertCircle className="h-8 w-8 text-destructive" />
-          <p className="text-sm font-medium">Form not found</p>
+          <p className="text-sm font-medium">{t("formPreview.formNotFound")}</p>
           <p className="text-xs text-muted-foreground">
-            The form with id{" "}
-            <code className="font-mono bg-muted px-1 rounded">{id}</code> does
-            not exist or you don&apos;t have access.
+            {t("formPreview.missingAccess", { id })}
           </p>
         </div>
       </div>
@@ -141,7 +138,7 @@ export default function FormPreviewRoute() {
                   onClick={() => postNavigate(`/forms/${form.id}`)}
                 >
                   <IconExternalLink className="h-3.5 w-3.5" />
-                  Open in app
+                  {t("formPreview.openInApp")}
                 </Button>
               )}
             </div>
@@ -156,7 +153,7 @@ export default function FormPreviewRoute() {
         {/* Field list */}
         {fields.length === 0 ? (
           <p className="text-xs text-muted-foreground py-4 text-center">
-            This form has no fields yet.
+            {t("formPreview.noFields")}
           </p>
         ) : (
           <div className="space-y-2">
@@ -168,7 +165,9 @@ export default function FormPreviewRoute() {
                 const Icon =
                   FIELD_TYPE_ICONS[field.type as FormFieldType] ?? IconTextSize;
                 const typeLabel =
-                  FIELD_TYPE_LABELS[field.type as FormFieldType] ?? field.type;
+                  field.type in FIELD_TYPE_LABEL_KEYS
+                    ? t(FIELD_TYPE_LABEL_KEYS[field.type as FormFieldType])
+                    : field.type;
                 return (
                   <div
                     key={field.id}

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

@@ -1,4 +1,4 @@
-import { useActionMutation } from "@agent-native/core/client";
+import { useActionMutation, useT } from "@agent-native/core/client";
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Exercise } from "@shared/types";
 import { IconPlus } from "@tabler/icons-react";
@@ -48,6 +48,7 @@ export function AddExerciseDialog({
   isOpen: controlledOpen,
   currentDate = new Date(),
 }: AddExerciseDialogProps) {
+  const t = useT();
   const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
   const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen;
   const setOpen =
@@ -71,20 +72,20 @@ export function AddExerciseDialog({
 
   const createMutation = useActionMutation("log-exercise", {
     onSuccess: () => {
-      toast.success("Exercise logged");
+      toast.success(t("exercise.logged"));
       setOpen(false);
       form.reset();
     },
-    onError: () => toast.error("Failed to log exercise"),
+    onError: () => toast.error(t("exercise.logFailed")),
   });
 
   const updateMutation = useActionMutation("update-exercise", {
     onSuccess: () => {
-      toast.success("Exercise updated");
+      toast.success(t("exercise.updated"));
       setOpen(false);
       form.reset();
     },
-    onError: () => toast.error("Failed to update exercise"),
+    onError: () => toast.error(t("exercise.updateFailed")),
   });
 
   const handleOpenChange = (newOpen: boolean) => {
@@ -135,28 +136,28 @@ export function AddExerciseDialog({
       {!isEditing && (
         <DialogTrigger asChild>
           <Button size="sm" className="gap-1.5 h-8 rounded-md shadow-sm">
-            <IconPlus className="h-3.5 w-3.5" /> Log Exercise
+            <IconPlus className="h-3.5 w-3.5" /> {t("exercise.log")}
           </Button>
         </DialogTrigger>
       )}
       <DialogContent className="sm:max-w-[425px] gap-6">
         <DialogHeader>
           <DialogTitle>
-            {isEditing ? "Edit Exercise" : "Log Exercise"}
+            {isEditing ? t("exercise.edit") : t("exercise.log")}
           </DialogTitle>
           <DialogDescription className="sr-only">
             {isEditing
-              ? "Update the selected exercise entry."
-              : "Log an exercise with calories burned."}
+              ? t("exercise.updateDescription")
+              : t("exercise.logDescription")}
           </DialogDescription>
         </DialogHeader>
         <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
           <div className="space-y-2">
-            <Label htmlFor="exercise-name">Exercise</Label>
+            <Label htmlFor="exercise-name">{t("exercise.nameLabel")}</Label>
             <Input
               id="exercise-name"
               {...form.register("name")}
-              placeholder="e.g., Running, Cycling"
+              placeholder={t("exercise.namePlaceholder")}
               autoFocus
               autoComplete="off"
             />
@@ -167,7 +168,9 @@ export function AddExerciseDialog({
             )}
           </div>
           <div className="space-y-2">
-            <Label htmlFor="calories-burned">Calories Burned</Label>
+            <Label htmlFor="calories-burned">
+              {t("exercise.caloriesBurned")}
+            </Label>
             <Input
               id="calories-burned"
               type="number"
@@ -187,10 +190,10 @@ export function AddExerciseDialog({
             disabled={createMutation.isPending || updateMutation.isPending}
           >
             {createMutation.isPending || updateMutation.isPending
-              ? "Saving..."
+              ? t("common.saving")
               : isEditing
-                ? "Save Changes"
-                : "Log Exercise"}
+                ? t("common.saveChanges")
+                : t("exercise.log")}
           </Button>
         </form>
       </DialogContent>

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

@@ -1,4 +1,4 @@
-import { useActionMutation } from "@agent-native/core/client";
+import { useActionMutation, useT } from "@agent-native/core/client";
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Meal } from "@shared/types";
 import { IconPlus, IconChevronDown } from "@tabler/icons-react";
@@ -54,6 +54,7 @@ export function AddMealDialog({
   isOpen: controlledOpen,
   currentDate = new Date(),
 }: AddMealDialogProps) {
+  const t = useT();
   const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
   const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen;
   const setOpen =
@@ -81,22 +82,22 @@ export function AddMealDialog({
 
   const createMutation = useActionMutation("log-meal", {
     onSuccess: () => {
-      toast.success("Meal added");
+      toast.success(t("meals.added"));
       setOpen(false);
       form.reset();
       setShowMacros(false);
     },
-    onError: () => toast.error("Failed to add meal"),
+    onError: () => toast.error(t("meals.addFailed")),
   });
 
   const updateMutation = useActionMutation("update-meal", {
     onSuccess: () => {
-      toast.success("Meal updated");
+      toast.success(t("meals.updated"));
       setOpen(false);
       form.reset();
       setShowMacros(false);
     },
-    onError: () => toast.error("Failed to update meal"),
+    onError: () => toast.error(t("meals.updateFailed")),
   });
 
   const onSubmit = (data: FormData) => {
@@ -156,26 +157,28 @@ export function AddMealDialog({
       {!isEditing && (
         <DialogTrigger asChild>
           <Button size="sm" className="gap-1.5 h-8 rounded-md shadow-sm">
-            <IconPlus className="h-3.5 w-3.5" /> Add Meal
+            <IconPlus className="h-3.5 w-3.5" /> {t("meals.add")}
           </Button>
         </DialogTrigger>
       )}
       <DialogContent className="sm:max-w-[425px] gap-6">
         <DialogHeader>
-          <DialogTitle>{isEditing ? "Edit Meal" : "Add New Meal"}</DialogTitle>
+          <DialogTitle>
+            {isEditing ? t("meals.edit") : t("meals.addNew")}
+          </DialogTitle>
           <DialogDescription className="sr-only">
             {isEditing
-              ? "Update the selected meal entry."
-              : "Log a meal with calories and optional macro details."}
+              ? t("meals.updateDescription")
+              : t("meals.logDescription")}
           </DialogDescription>
         </DialogHeader>
         <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
           <div className="space-y-2">
-            <Label htmlFor="name">Meal Name</Label>
+            <Label htmlFor="name">{t("meals.nameLabel")}</Label>
             <Input
               id="name"
               {...form.register("name")}
-              placeholder="e.g., Oatmeal"
+              placeholder={t("meals.namePlaceholder")}
               autoFocus
               autoComplete="off"
             />
@@ -208,16 +211,16 @@ export function AddMealDialog({
             <IconChevronDown
               className={`h-4 w-4 transition-transform ${showMacros ? "rotate-180" : ""}`}
             />
-            Add Nutrition Details
+            {t("meals.addNutritionDetails")}
           </button>
           {showMacros && (
             <div className="pt-2 border-t space-y-4 bg-secondary/30 -mx-6 px-6 py-4 rounded">
               <p className="text-xs font-medium text-muted-foreground">
-                Optional
+                {t("common.optional")}
               </p>
               <div className="grid grid-cols-3 gap-3">
                 <div className="space-y-2">
-                  <Label htmlFor="protein">Protein (g)</Label>
+                  <Label htmlFor="protein">{t("meals.proteinGrams")}</Label>
                   <Input
                     id="protein"
                     type="number"
@@ -227,7 +230,7 @@ export function AddMealDialog({
                   />
                 </div>
                 <div className="space-y-2">
-                  <Label htmlFor="carbs">Carbs (g)</Label>
+                  <Label htmlFor="carbs">{t("meals.carbsGrams")}</Label>
                   <Input
                     id="carbs"
                     type="number"
@@ -237,7 +240,7 @@ export function AddMealDialog({
                   />
                 </div>
                 <div className="space-y-2">
-                  <Label htmlFor="fat">Fat (g)</Label>
+                  <Label htmlFor="fat">{t("meals.fatGrams")}</Label>
                   <Input
                     id="fat"
                     type="number"
@@ -255,10 +258,10 @@ export function AddMealDialog({
             disabled={createMutation.isPending || updateMutation.isPending}
           >
             {createMutation.isPending || updateMutation.isPending
-              ? "Saving..."
+              ? t("common.saving")
               : isEditing
-                ? "Save Changes"
-                : "Save Meal"}
+                ? t("common.saveChanges")
+                : t("meals.save")}
           </Button>
         </form>
       </DialogContent>

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

@@ -1,4 +1,4 @@
-import { useActionMutation } from "@agent-native/core/client";
+import { useActionMutation, useT } from "@agent-native/core/client";
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Weight } from "@shared/types";
 import { IconPlus, IconScale } from "@tabler/icons-react";
@@ -42,6 +42,7 @@ export function AddWeightDialog({
   isOpen: controlledOpen,
   currentDate,
 }: AddWeightDialogProps) {
+  const t = useT();
   const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
   const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen;
   const setOpen =
@@ -64,20 +65,20 @@ export function AddWeightDialog({
 
   const createMutation = useActionMutation("log-weight", {
     onSuccess: () => {
-      toast.success("Weight logged");
+      toast.success(t("weight.logged"));
       setOpen(false);
       form.reset();
     },
-    onError: () => toast.error("Failed to log weight"),
+    onError: () => toast.error(t("weight.logFailed")),
   });
 
   const updateMutation = useActionMutation("update-weight", {
     onSuccess: () => {
-      toast.success("Weight updated");
+      toast.success(t("weight.updated"));
       setOpen(false);
       form.reset();
     },
-    onError: () => toast.error("Failed to update weight"),
+    onError: () => toast.error(t("weight.updateFailed")),
   });
 
   const onSubmit = (data: FormData) => {
@@ -123,7 +124,7 @@ export function AddWeightDialog({
       {!isEditing && (
         <DialogTrigger asChild>
           <Button size="sm" className="gap-1.5 h-8 rounded-md shadow-sm">
-            <IconPlus className="h-3.5 w-3.5" /> Log Weight
+            <IconPlus className="h-3.5 w-3.5" /> {t("weight.log")}
           </Button>
         </DialogTrigger>
       )}
@@ -131,23 +132,23 @@ export function AddWeightDialog({
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <IconScale className="h-5 w-5" />
-            {isEditing ? "Edit Weight" : "Log Weight"}
+            {isEditing ? t("weight.edit") : t("weight.log")}
           </DialogTitle>
           <DialogDescription className="sr-only">
             {isEditing
-              ? "Update the selected weight entry."
-              : "Log a weight entry with optional notes."}
+              ? t("weight.updateDescription")
+              : t("weight.logDescription")}
           </DialogDescription>
         </DialogHeader>
         <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
           <div className="space-y-2">
-            <Label htmlFor="weight">Weight (lbs)</Label>
+            <Label htmlFor="weight">{t("weight.weightLbs")}</Label>
             <Input
               id="weight"
               type="number"
               step="0.1"
               {...form.register("weight")}
-              placeholder="e.g., 165.5"
+              placeholder={t("weight.weightPlaceholder")}
               autoFocus
             />
             {form.formState.errors.weight && (
@@ -157,11 +158,11 @@ export function AddWeightDialog({
             )}
           </div>
           <div className="space-y-2">
-            <Label htmlFor="notes">Notes (optional)</Label>
+            <Label htmlFor="notes">{t("weight.notesOptional")}</Label>
             <Textarea
               id="notes"
               {...form.register("notes")}
-              placeholder="e.g., Morning weigh-in..."
+              placeholder={t("weight.notesPlaceholder")}
               className="min-h-[60px]"
             />
           </div>
@@ -171,10 +172,10 @@ export function AddWeightDialog({
             disabled={createMutation.isPending || updateMutation.isPending}
           >
             {createMutation.isPending || updateMutation.isPending
-              ? "Saving..."
+              ? t("common.saving")
               : isEditing
-                ? "Save Changes"
-                : "Log Weight"}
+                ? t("common.saveChanges")
+                : t("weight.log")}
           </Button>
         </form>
       </DialogContent>