@agent-native/core 0.176.1 → 0.176.2-nightly-20260831184159

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

@@ -1,37 +1,7 @@
-import {
-  useActionQuery,
-  useActionMutation,
-} from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import type { Meal, Exercise } from "@shared/types";
-import {
-  IconChevronLeft,
-  IconChevronRight,
-  IconToolsKitchen2,
-  IconBarbell,
-} from "@tabler/icons-react";
-import { format, addDays, subDays, isSameDay } from "date-fns";
-import { useState, useEffect } from "react";
-import { toast } from "sonner";
+import { appPath } from "@agent-native/core/client/api-path";
+import { MarketingHome } from "@agent-native/toolkit/marketing";
 
-import { AddExerciseDialog } from "@/components/AddExerciseDialog";
-import { AddMealDialog } from "@/components/AddMealDialog";
-import { DailyProgress } from "@/components/DailyProgress";
-import { ExerciseCard } from "@/components/ExerciseCard";
-import { MealCard } from "@/components/MealCard";
-import { QueryErrorState } from "@/components/QueryErrorState";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
-import { VoiceDictation } from "@/components/VoiceDictation";
-import { WeightTracker } from "@/components/WeightTracker";
-import {
-  getLogRowKey,
-  isOptimisticLogRow,
-  useOptimisticLogRows,
-} from "@/hooks/use-optimistic-log-rows";
 import messages from "@/i18n/en-US";
-import { apiFetch } from "@/lib/api";
-import { formatLocalDate } from "@/lib/utils";
 
 const SEO_TITLE = messages.seo.homeTitle;
 const SEO_DESCRIPTION = messages.seo.homeDescription;
@@ -39,10 +9,7 @@ const SEO_DESCRIPTION = messages.seo.homeDescription;
 export function meta() {
   return [
     { title: SEO_TITLE },
-    {
-      name: "description",
-      content: SEO_DESCRIPTION,
-    },
+    { name: "description", content: SEO_DESCRIPTION },
     { property: "og:title", content: SEO_TITLE },
     { property: "og:description", content: SEO_DESCRIPTION },
     { name: "twitter:card", content: "summary" },
@@ -51,261 +18,19 @@ export function meta() {
   ];
 }
 
-export default function IndexPage() {
-  const t = useT();
-  const [date, setDate] = useState(new Date());
-  const [editingMeal, setEditingMeal] = useState<Meal | null>(null);
-  const [editMealDialogOpen, setEditMealDialogOpen] = useState(false);
-  const [editingExercise, setEditingExercise] = useState<Exercise | null>(null);
-  const [editExerciseDialogOpen, setEditExerciseDialogOpen] = useState(false);
-
-  const dateStr = formatLocalDate(date);
-
-  // Sync current date to navigation state so the agent knows what day the user is viewing
-  useEffect(() => {
-    apiFetch("/_agent-native/application-state/navigation", {
-      method: "PUT",
-      body: JSON.stringify({ view: "entry", date: dateStr }),
-    }).catch(() => {});
-  }, [dateStr]);
-
-  const mealsQuery = useActionQuery("list-meals", { date: dateStr });
-  const { data: rawMeals, isLoading: mealsLoading } = mealsQuery;
-  const serverMeals = Array.isArray(rawMeals) ? rawMeals : [];
-  const { rows: meals, hasOptimisticRows: hasOptimisticMeals } =
-    useOptimisticLogRows("meal", serverMeals, dateStr);
-
-  const exercisesQuery = useActionQuery("list-exercises", { date: dateStr });
-  const { data: rawExercises, isLoading: exercisesLoading } = exercisesQuery;
-  const serverExercises = Array.isArray(rawExercises) ? rawExercises : [];
-  const { rows: exercises, hasOptimisticRows: hasOptimisticExercises } =
-    useOptimisticLogRows("exercise", serverExercises, dateStr);
-
-  const deleteMealMutation = useActionMutation("delete-meal", {
-    onSuccess: () => {
-      toast.success(t("meals.deleted"));
-    },
-    onError: () => toast.error(t("meals.deleteFailed")),
-  });
-
-  const deleteExerciseMutation = useActionMutation("delete-exercise", {
-    onSuccess: () => {
-      toast.success(t("exercise.deleted"));
-    },
-    onError: () => toast.error(t("exercise.deleteFailed")),
-  });
-
-  const mealTotals = meals.reduce(
-    (acc, meal) => ({
-      calories: acc.calories + meal.calories,
-      protein: acc.protein + (meal.protein || 0),
-      carbs: acc.carbs + (meal.carbs || 0),
-      fat: acc.fat + (meal.fat || 0),
-    }),
-    { calories: 0, protein: 0, carbs: 0, fat: 0 },
-  );
-
-  const exerciseTotals = exercises.reduce(
-    (acc, exercise) => ({
-      burned: acc.burned + exercise.calories_burned,
-    }),
-    { burned: 0 },
-  );
-
-  const GOAL_CALORIES = 2000;
-  const hasOptimisticLogs = hasOptimisticMeals || hasOptimisticExercises;
-  const isLoading = (mealsLoading || exercisesLoading) && !hasOptimisticLogs;
-
+export default function MarketingHomeRoute() {
   return (
-    <div className="min-h-screen pb-32 relative z-10">
-      <VoiceDictation currentDate={date} />
-
-      <div className="macros-entry-container max-w-3xl lg:max-w-6xl mx-auto px-3 sm:px-4 py-6 sm:py-8 space-y-8 sm:space-y-12">
-        {/* Date Navigation */}
-        <div className="flex items-center justify-center gap-1 sm:gap-2">
-          <Button
-            variant="ghost"
-            size="icon"
-            className="h-11 w-11 sm:h-8 sm:w-8 rounded-full text-muted-foreground hover:text-foreground hover:bg-accent"
-            onClick={() => setDate(subDays(date, 1))}
-          >
-            <IconChevronLeft className="h-5 w-5 sm:h-4 sm:w-4 rtl:-scale-x-100" />
-          </Button>
-          <div className="min-w-[140px] sm:min-w-[160px] text-center px-3 sm:px-4 py-2 rounded-full bg-card">
-            <span className="text-sm font-medium text-foreground">
-              {isSameDay(date, new Date())
-                ? t("entry.today")
-                : format(date, "EEE, MMM d")}
-            </span>
-          </div>
-          <Button
-            variant="ghost"
-            size="icon"
-            className="h-11 w-11 sm:h-8 sm:w-8 rounded-full text-muted-foreground hover:text-foreground hover:bg-accent disabled:opacity-30"
-            onClick={() => setDate(addDays(date, 1))}
-            disabled={isSameDay(date, new Date())}
-          >
-            <IconChevronRight className="h-5 w-5 sm:h-4 sm:w-4 rtl:-scale-x-100" />
-          </Button>
-        </div>
-
-        {/* Daily Summary Hero */}
-        <section>
-          {isLoading ? (
-            <Skeleton className="h-[280px] w-full rounded-2xl" />
-          ) : mealsQuery.isError || exercisesQuery.isError ? (
-            <QueryErrorState
-              onRetry={() => {
-                void mealsQuery.refetch();
-                void exercisesQuery.refetch();
-              }}
-            />
-          ) : (
-            <DailyProgress
-              totalCalories={mealTotals.calories}
-              totalBurnedCalories={exerciseTotals.burned}
-              goalCalories={GOAL_CALORIES}
-              protein={mealTotals.protein}
-              carbs={mealTotals.carbs}
-              fat={mealTotals.fat}
-            />
-          )}
-        </section>
-
-        {/* Triple Column Layout */}
-        <div className="macros-entry-grid">
-          {/* Meals */}
-          <section 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">
-                {t("meals.title")}
-              </h2>
-              {editingMeal ? (
-                <AddMealDialog
-                  editingMeal={editingMeal}
-                  isOpen={editMealDialogOpen}
-                  onOpenChange={(open) => {
-                    setEditMealDialogOpen(open);
-                    if (!open) setEditingMeal(null);
-                  }}
-                  currentDate={date}
-                />
-              ) : (
-                <AddMealDialog currentDate={date} />
-              )}
-            </div>
-            <div className="space-y-2">
-              {mealsLoading && !hasOptimisticMeals ? (
-                <>
-                  <Skeleton className="h-16 w-full rounded-xl" />
-                  <Skeleton className="h-16 w-full rounded-xl" />
-                </>
-              ) : mealsQuery.isError ? (
-                <QueryErrorState onRetry={() => void mealsQuery.refetch()} />
-              ) : meals.length === 0 ? (
-                <div className="flex flex-col items-center justify-center py-12 text-center rounded-2xl bg-card border border-dashed border-border">
-                  <div className="p-3 rounded-full bg-emerald-500/10 mb-3">
-                    <IconToolsKitchen2 className="h-5 w-5 text-emerald-500/50" />
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {t("meals.noneLogged")}
-                  </p>
-                  <p className="text-xs text-muted-foreground/50 mt-1">
-                    {t("meals.emptyDescription")}
-                  </p>
-                </div>
-              ) : (
-                meals.map((meal) => (
-                  <MealCard
-                    key={getLogRowKey(meal)}
-                    meal={meal}
-                    onDelete={(id) =>
-                      deleteMealMutation.mutate({ id: String(id) })
-                    }
-                    onEdit={(meal) => {
-                      setEditingMeal(meal);
-                      setEditMealDialogOpen(true);
-                    }}
-                    isDeleting={
-                      deleteMealMutation.isPending &&
-                      deleteMealMutation.variables?.id === String(meal.id)
-                    }
-                    isPending={isOptimisticLogRow(meal)}
-                  />
-                ))
-              )}
-            </div>
-          </section>
-
-          {/* Exercises */}
-          <section 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">
-                {t("exercise.title")}
-              </h2>
-              {editingExercise ? (
-                <AddExerciseDialog
-                  editingExercise={editingExercise}
-                  isOpen={editExerciseDialogOpen}
-                  onOpenChange={(open) => {
-                    setEditExerciseDialogOpen(open);
-                    if (!open) setEditingExercise(null);
-                  }}
-                  currentDate={date}
-                />
-              ) : (
-                <AddExerciseDialog currentDate={date} />
-              )}
-            </div>
-            <div className="space-y-2">
-              {exercisesLoading && !hasOptimisticExercises ? (
-                <Skeleton className="h-16 w-full rounded-xl" />
-              ) : exercisesQuery.isError ? (
-                <QueryErrorState
-                  onRetry={() => void exercisesQuery.refetch()}
-                />
-              ) : exercises.length === 0 ? (
-                <div className="flex flex-col items-center justify-center py-12 text-center rounded-2xl bg-card border border-dashed border-border">
-                  <div className="p-3 rounded-full bg-orange-500/10 mb-3">
-                    <IconBarbell className="h-5 w-5 text-orange-500/50" />
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {t("exercise.noneLogged")}
-                  </p>
-                  <p className="text-xs text-muted-foreground/50 mt-1">
-                    {t("exercise.emptyDescription")}
-                  </p>
-                </div>
-              ) : (
-                exercises.map((exercise) => (
-                  <ExerciseCard
-                    key={getLogRowKey(exercise)}
-                    exercise={exercise}
-                    onDelete={(id) =>
-                      deleteExerciseMutation.mutate({ id: String(id) })
-                    }
-                    onEdit={(exercise) => {
-                      setEditingExercise(exercise);
-                      setEditExerciseDialogOpen(true);
-                    }}
-                    isDeleting={
-                      deleteExerciseMutation.isPending &&
-                      deleteExerciseMutation.variables?.id ===
-                        String(exercise.id)
-                    }
-                    isPending={isOptimisticLogRow(exercise)}
-                  />
-                ))
-              )}
-            </div>
-          </section>
-
-          {/* Weight */}
-          <section className="macros-weight-section">
-            <WeightTracker currentDate={date} />
-          </section>
-        </div>
-      </div>
-    </div>
+    <MarketingHome
+      appName="Macros"
+      tagline="Log meals, exercises, and weight by typing or voice while the agent estimates calories and macros for you."
+      description={SEO_DESCRIPTION}
+      valueProps={[
+        "Log meals and exercises by voice or text",
+        "See daily calories and macro progress",
+        "Keep your health entries in a durable workspace",
+      ]}
+      primaryActionHref={appPath("/home")}
+      secondaryActionHref={appPath("/sign-in")}
+    />
   );
 }

package/corpus/templates/macros/app/routes/home.tsx

@@ -0,0 +1,312 @@
+import {
+  useActionQuery,
+  useActionMutation,
+} from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
+import type { Meal, Exercise } from "@shared/types";
+import {
+  IconChevronLeft,
+  IconChevronRight,
+  IconToolsKitchen2,
+  IconBarbell,
+} from "@tabler/icons-react";
+import { format, addDays, subDays, isSameDay } from "date-fns";
+import { useState, useEffect } from "react";
+import { toast } from "sonner";
+
+import { AddExerciseDialog } from "@/components/AddExerciseDialog";
+import { AddMealDialog } from "@/components/AddMealDialog";
+import { DailyProgress } from "@/components/DailyProgress";
+import { ExerciseCard } from "@/components/ExerciseCard";
+import { MealCard } from "@/components/MealCard";
+import { QueryErrorState } from "@/components/QueryErrorState";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import { VoiceDictation } from "@/components/VoiceDictation";
+import { WeightTracker } from "@/components/WeightTracker";
+import {
+  getLogRowKey,
+  isOptimisticLogRow,
+  useOptimisticLogRows,
+} from "@/hooks/use-optimistic-log-rows";
+import messages from "@/i18n/en-US";
+import { apiFetch } from "@/lib/api";
+import { formatLocalDate } from "@/lib/utils";
+
+const SEO_TITLE = messages.seo.homeTitle;
+const SEO_DESCRIPTION = messages.seo.homeDescription;
+
+export function meta() {
+  return [
+    { title: SEO_TITLE },
+    {
+      name: "description",
+      content: SEO_DESCRIPTION,
+    },
+    { property: "og:title", content: SEO_TITLE },
+    { property: "og:description", content: SEO_DESCRIPTION },
+    { name: "twitter:card", content: "summary" },
+    { name: "twitter:title", content: SEO_TITLE },
+    { name: "twitter:description", content: SEO_DESCRIPTION },
+  ];
+}
+
+// Private app entry retained at /home; / serves the public marketing page.
+export default function IndexPage() {
+  const t = useT();
+  const [date, setDate] = useState(new Date());
+  const [editingMeal, setEditingMeal] = useState<Meal | null>(null);
+  const [editMealDialogOpen, setEditMealDialogOpen] = useState(false);
+  const [editingExercise, setEditingExercise] = useState<Exercise | null>(null);
+  const [editExerciseDialogOpen, setEditExerciseDialogOpen] = useState(false);
+
+  const dateStr = formatLocalDate(date);
+
+  // Sync current date to navigation state so the agent knows what day the user is viewing
+  useEffect(() => {
+    apiFetch("/_agent-native/application-state/navigation", {
+      method: "PUT",
+      body: JSON.stringify({ view: "entry", date: dateStr }),
+    }).catch(() => {});
+  }, [dateStr]);
+
+  const mealsQuery = useActionQuery("list-meals", { date: dateStr });
+  const { data: rawMeals, isLoading: mealsLoading } = mealsQuery;
+  const serverMeals = Array.isArray(rawMeals) ? rawMeals : [];
+  const { rows: meals, hasOptimisticRows: hasOptimisticMeals } =
+    useOptimisticLogRows("meal", serverMeals, dateStr);
+
+  const exercisesQuery = useActionQuery("list-exercises", { date: dateStr });
+  const { data: rawExercises, isLoading: exercisesLoading } = exercisesQuery;
+  const serverExercises = Array.isArray(rawExercises) ? rawExercises : [];
+  const { rows: exercises, hasOptimisticRows: hasOptimisticExercises } =
+    useOptimisticLogRows("exercise", serverExercises, dateStr);
+
+  const deleteMealMutation = useActionMutation("delete-meal", {
+    onSuccess: () => {
+      toast.success(t("meals.deleted"));
+    },
+    onError: () => toast.error(t("meals.deleteFailed")),
+  });
+
+  const deleteExerciseMutation = useActionMutation("delete-exercise", {
+    onSuccess: () => {
+      toast.success(t("exercise.deleted"));
+    },
+    onError: () => toast.error(t("exercise.deleteFailed")),
+  });
+
+  const mealTotals = meals.reduce(
+    (acc, meal) => ({
+      calories: acc.calories + meal.calories,
+      protein: acc.protein + (meal.protein || 0),
+      carbs: acc.carbs + (meal.carbs || 0),
+      fat: acc.fat + (meal.fat || 0),
+    }),
+    { calories: 0, protein: 0, carbs: 0, fat: 0 },
+  );
+
+  const exerciseTotals = exercises.reduce(
+    (acc, exercise) => ({
+      burned: acc.burned + exercise.calories_burned,
+    }),
+    { burned: 0 },
+  );
+
+  const GOAL_CALORIES = 2000;
+  const hasOptimisticLogs = hasOptimisticMeals || hasOptimisticExercises;
+  const isLoading = (mealsLoading || exercisesLoading) && !hasOptimisticLogs;
+
+  return (
+    <div className="min-h-screen pb-32 relative z-10">
+      <VoiceDictation currentDate={date} />
+
+      <div className="macros-entry-container max-w-3xl lg:max-w-6xl mx-auto px-3 sm:px-4 py-6 sm:py-8 space-y-8 sm:space-y-12">
+        {/* Date Navigation */}
+        <div className="flex items-center justify-center gap-1 sm:gap-2">
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-11 w-11 sm:h-8 sm:w-8 rounded-full text-muted-foreground hover:text-foreground hover:bg-accent"
+            onClick={() => setDate(subDays(date, 1))}
+          >
+            <IconChevronLeft className="h-5 w-5 sm:h-4 sm:w-4 rtl:-scale-x-100" />
+          </Button>
+          <div className="min-w-[140px] sm:min-w-[160px] text-center px-3 sm:px-4 py-2 rounded-full bg-card">
+            <span className="text-sm font-medium text-foreground">
+              {isSameDay(date, new Date())
+                ? t("entry.today")
+                : format(date, "EEE, MMM d")}
+            </span>
+          </div>
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-11 w-11 sm:h-8 sm:w-8 rounded-full text-muted-foreground hover:text-foreground hover:bg-accent disabled:opacity-30"
+            onClick={() => setDate(addDays(date, 1))}
+            disabled={isSameDay(date, new Date())}
+          >
+            <IconChevronRight className="h-5 w-5 sm:h-4 sm:w-4 rtl:-scale-x-100" />
+          </Button>
+        </div>
+
+        {/* Daily Summary Hero */}
+        <section>
+          {isLoading ? (
+            <Skeleton className="h-[280px] w-full rounded-2xl" />
+          ) : mealsQuery.isError || exercisesQuery.isError ? (
+            <QueryErrorState
+              onRetry={() => {
+                void mealsQuery.refetch();
+                void exercisesQuery.refetch();
+              }}
+            />
+          ) : (
+            <DailyProgress
+              totalCalories={mealTotals.calories}
+              totalBurnedCalories={exerciseTotals.burned}
+              goalCalories={GOAL_CALORIES}
+              protein={mealTotals.protein}
+              carbs={mealTotals.carbs}
+              fat={mealTotals.fat}
+            />
+          )}
+        </section>
+
+        {/* Triple Column Layout */}
+        <div className="macros-entry-grid">
+          {/* Meals */}
+          <section 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">
+                {t("meals.title")}
+              </h2>
+              {editingMeal ? (
+                <AddMealDialog
+                  editingMeal={editingMeal}
+                  isOpen={editMealDialogOpen}
+                  onOpenChange={(open) => {
+                    setEditMealDialogOpen(open);
+                    if (!open) setEditingMeal(null);
+                  }}
+                  currentDate={date}
+                />
+              ) : (
+                <AddMealDialog currentDate={date} />
+              )}
+            </div>
+            <div className="space-y-2">
+              {mealsLoading && !hasOptimisticMeals ? (
+                <>
+                  <Skeleton className="h-16 w-full rounded-xl" />
+                  <Skeleton className="h-16 w-full rounded-xl" />
+                </>
+              ) : mealsQuery.isError ? (
+                <QueryErrorState onRetry={() => void mealsQuery.refetch()} />
+              ) : meals.length === 0 ? (
+                <div className="flex flex-col items-center justify-center py-12 text-center rounded-2xl bg-card border border-dashed border-border">
+                  <div className="p-3 rounded-full bg-emerald-500/10 mb-3">
+                    <IconToolsKitchen2 className="h-5 w-5 text-emerald-500/50" />
+                  </div>
+                  <p className="text-sm text-muted-foreground">
+                    {t("meals.noneLogged")}
+                  </p>
+                  <p className="text-xs text-muted-foreground/50 mt-1">
+                    {t("meals.emptyDescription")}
+                  </p>
+                </div>
+              ) : (
+                meals.map((meal) => (
+                  <MealCard
+                    key={getLogRowKey(meal)}
+                    meal={meal}
+                    onDelete={(id) =>
+                      deleteMealMutation.mutate({ id: String(id) })
+                    }
+                    onEdit={(meal) => {
+                      setEditingMeal(meal);
+                      setEditMealDialogOpen(true);
+                    }}
+                    isDeleting={
+                      deleteMealMutation.isPending &&
+                      deleteMealMutation.variables?.id === String(meal.id)
+                    }
+                    isPending={isOptimisticLogRow(meal)}
+                  />
+                ))
+              )}
+            </div>
+          </section>
+
+          {/* Exercises */}
+          <section 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">
+                {t("exercise.title")}
+              </h2>
+              {editingExercise ? (
+                <AddExerciseDialog
+                  editingExercise={editingExercise}
+                  isOpen={editExerciseDialogOpen}
+                  onOpenChange={(open) => {
+                    setEditExerciseDialogOpen(open);
+                    if (!open) setEditingExercise(null);
+                  }}
+                  currentDate={date}
+                />
+              ) : (
+                <AddExerciseDialog currentDate={date} />
+              )}
+            </div>
+            <div className="space-y-2">
+              {exercisesLoading && !hasOptimisticExercises ? (
+                <Skeleton className="h-16 w-full rounded-xl" />
+              ) : exercisesQuery.isError ? (
+                <QueryErrorState
+                  onRetry={() => void exercisesQuery.refetch()}
+                />
+              ) : exercises.length === 0 ? (
+                <div className="flex flex-col items-center justify-center py-12 text-center rounded-2xl bg-card border border-dashed border-border">
+                  <div className="p-3 rounded-full bg-orange-500/10 mb-3">
+                    <IconBarbell className="h-5 w-5 text-orange-500/50" />
+                  </div>
+                  <p className="text-sm text-muted-foreground">
+                    {t("exercise.noneLogged")}
+                  </p>
+                  <p className="text-xs text-muted-foreground/50 mt-1">
+                    {t("exercise.emptyDescription")}
+                  </p>
+                </div>
+              ) : (
+                exercises.map((exercise) => (
+                  <ExerciseCard
+                    key={getLogRowKey(exercise)}
+                    exercise={exercise}
+                    onDelete={(id) =>
+                      deleteExerciseMutation.mutate({ id: String(id) })
+                    }
+                    onEdit={(exercise) => {
+                      setEditingExercise(exercise);
+                      setEditExerciseDialogOpen(true);
+                    }}
+                    isDeleting={
+                      deleteExerciseMutation.isPending &&
+                      deleteExerciseMutation.variables?.id ===
+                        String(exercise.id)
+                    }
+                    isPending={isOptimisticLogRow(exercise)}
+                  />
+                ))
+              )}
+            </div>
+          </section>
+
+          {/* Weight */}
+          <section className="macros-weight-section">
+            <WeightTracker currentDate={date} />
+          </section>
+        </div>
+      </div>
+    </div>
+  );
+}

package/corpus/templates/macros/server/plugins/auth.ts

@@ -15,7 +15,7 @@ import {
   setFrameworkSessionCookie,
 } from "@agent-native/core/server";
 import { createClient } from "@supabase/supabase-js";
-import { defineEventHandler, getMethod } from "h3";
+import { createError, defineEventHandler, getMethod } from "h3";
 
 // Above a normal Neon serverless cold-wake (~1-2s) but well under both the
 // core DB op timeout and Netlify's function limit, so a slow-but-fine lookup
@@ -68,7 +68,7 @@ document.getElementById('f').onsubmit=async e=>{
 e.preventDefault();const b=document.getElementById('b'),err=document.getElementById('e');
 b.disabled=true;b.textContent='Signing in...';err.style.display='none';
 try{const r=await fetch(appPath('/_agent-native/auth/supabase-login'),{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:document.getElementById('email').value,password:document.getElementById('password').value})});
-const d=await r.json();if(d.ok)window.location.href=appPath('/');else{err.textContent=d.error||'Sign in failed';err.style.display='block'}}
+const d=await r.json();if(d.ok)window.location.href=appPath('/home');else{err.textContent=d.error||'Sign in failed';err.style.display='block'}}
 catch{err.textContent='Network error';err.style.display='block'}
 finally{b.disabled=false;b.textContent='Sign in'}};
 </script></body></html>`;
@@ -102,6 +102,7 @@ async function getSessionEmailWithTimeout(
 export default (nitroApp: any) => {
   const authInit = createAuthPlugin({
     loginHtml: LOGIN_HTML,
+    workspaceAppPublicPaths: ["/"],
     // Resolve sessions from the framework's legacy session table, where
     // supabase-login stores them via addSession(). Providing a custom
     // getSession marks this template as BYOA — the framework will not
@@ -113,11 +114,12 @@ export default (nitroApp: any) => {
       for (const cookie of cookies) {
         const email = await getSessionEmailWithTimeout(cookie);
         if (email === "timeout") {
-          // Transient slow/cold DB — do NOT destroy a possibly-valid
-          // session. Treat this request as unauthenticated (the framework
-          // serves the login page instead of hanging), but keep the cookie
-          // so the next request succeeds once the DB warms.
-          return null;
+          // Keep the cookie and make the retryable infrastructure failure
+          // visible. Returning null turns an unreadable session into a guest.
+          throw createError({
+            statusCode: 503,
+            statusMessage: "Session lookup timed out",
+          });
         }
         if (email) return { email, token: cookie };
       }