@agent-native/core 0.168.0 → 0.168.2

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

@@ -34,6 +34,7 @@ import {
   IconMailForward,
   IconStar,
   IconTrash,
+  IconAlertCircle,
 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useState, useCallback, useRef, useEffect, useMemo } from "react";
@@ -68,6 +69,7 @@ import {
   useBlockSender,
   useMuteThread,
   markExternalEmailRefresh,
+  EMPTY_LABELS,
 } from "@/hooks/use-emails";
 import {
   useGoogleAuthStatus,
@@ -81,6 +83,8 @@ import {
 import { useIsMobile } from "@/hooks/use-mobile";
 import { runUndo } from "@/hooks/use-undo";
 import {
+  OTHER_INBOX_TAB_ID,
+  OTHER_INBOX_TAB_PARAM,
   qualifiesForInboxTab,
   pinnedTriageLabels,
   augmentSelfSentLabels,
@@ -256,6 +260,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
   const [searchParams] = useSearchParams();
   const activeSearchQuery = searchParams.get("q");
   const activeLabel = searchParams.get("label");
+  const activeInboxTab = searchParams.get("tab");
   const composeInitialExpanded =
     searchParams.get(COMPOSE_FULLSCREEN_PARAM) === "1";
   const clearComposeInitialExpanded = useCallback(() => {
@@ -271,22 +276,31 @@ function AppLayoutInner({ children }: AppLayoutProps) {
       { replace: true },
     );
   }, [location.pathname, navigate, searchParams]);
-  // Remember which view (and label tab) the user was in before searching —
+  // Remember which view (label or inbox tab) the user was in before searching —
   // SearchBar always routes searches through /all?q=..., so on clear we'd
   // otherwise drop a user searching from Starred/Sent/Archive or from a
   // label-filtered tab back into plain Inbox.
-  const preSearchViewRef = useRef<{ view: string; label: string | null }>({
-    view,
-    label: activeLabel,
-  });
+  const preSearchViewRef = useRef<{
+    view: string;
+    label: string | null;
+    tab: string | null;
+  }>({ view, label: activeLabel, tab: activeInboxTab });
   useEffect(() => {
     if (!activeSearchQuery) {
-      preSearchViewRef.current = { view, label: activeLabel };
+      preSearchViewRef.current = {
+        view,
+        label: activeLabel,
+        tab: activeInboxTab,
+      };
     }
-  }, [view, activeLabel, activeSearchQuery]);
+  }, [view, activeLabel, activeInboxTab, activeSearchQuery]);
   const restorePreSearchPath = useCallback(() => {
-    const { view: v, label: l } = preSearchViewRef.current;
-    return `/${v}${l ? `?label=${encodeURIComponent(l)}` : ""}`;
+    const { view: v, label: l, tab } = preSearchViewRef.current;
+    const params = new URLSearchParams();
+    if (l) params.set("label", l);
+    if (tab) params.set("tab", tab);
+    const search = params.toString();
+    return `/${v}${search ? `?${search}` : ""}`;
   }, []);
   // When the search param is cleared externally (browser back/forward,
   // agent navigation), drop the searchFocused flag — otherwise the bar
@@ -300,7 +314,15 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     }
     prevSearchQueryRef.current = activeSearchQuery;
   }, [activeSearchQuery]);
-  const { data: labels = [], isLoading: labelsLoading } = useLabels();
+  const {
+    data: labelsData,
+    isLoading: labelsLoading,
+    isError: labelsError,
+    error: labelsQueryError,
+    isFetching: labelsFetching,
+    refetch: refetchLabels,
+  } = useLabels();
+  const labels = labelsData ?? EMPTY_LABELS;
   const { data: settings, isLoading: settingsLoading } = useSettings();
   const updateSettings = useUpdateSettings();
   const googleStatus = useGoogleAuthStatus();
@@ -400,7 +422,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
       localStorage.removeItem(SIDEBAR_COLLAPSE_KEY);
     }
   }, [sidebarCollapsed]);
-  const showSidebar = sidebarOpen || (sidebarPinned && !isMobile);
+  const showSidebar = isMobile ? sidebarOpen : sidebarOpen || sidebarPinned;
   const showCollapsedSidebar =
     !isMobile &&
     showSidebar &&
@@ -559,7 +581,10 @@ function AppLayoutInner({ children }: AppLayoutProps) {
         id: "inbox",
         label: t("mail.views.inbox"),
         href: "/inbox",
-        isActive: view === "inbox" && !activeLabel,
+        isActive:
+          view === "inbox" &&
+          !activeLabel &&
+          activeInboxTab !== OTHER_INBOX_TAB_PARAM,
         type: "system",
       });
     }
@@ -615,10 +640,13 @@ function AppLayoutInner({ children }: AppLayoutProps) {
 
     if (hasPinnedFilters) {
       tabs.push({
-        id: "inbox",
+        id: OTHER_INBOX_TAB_ID,
         label: t("mail.views.other"),
-        href: "/inbox",
-        isActive: view === "inbox" && !activeLabel,
+        href: `/inbox?tab=${OTHER_INBOX_TAB_PARAM}`,
+        isActive:
+          view === "inbox" &&
+          !activeLabel &&
+          activeInboxTab === OTHER_INBOX_TAB_PARAM,
         type: "system",
       });
     }
@@ -630,6 +658,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     labelAliases,
     view,
     activeLabel,
+    activeInboxTab,
     hasPinnedFilters,
     t,
   ]);
@@ -661,6 +690,15 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     [pinnedLabels],
   );
 
+  // The top-bar inbox tabs are hidden on mobile, so mirror their non-standard
+  // entries in the drawer. Collapsible system views already appear in the
+  // fixed drawer list below and must not be duplicated here.
+  const mobileInboxTabs = visibleTabs.filter(
+    (tab) =>
+      tab.id !== "inbox" &&
+      !collapsibleViews.some((view) => view.id === tab.id),
+  );
+
   // Is current view one of the hidden ones? If so force-show it
   const currentInHidden = hiddenViews.some((v) => v.id === view);
 
@@ -1010,6 +1048,15 @@ function AppLayoutInner({ children }: AppLayoutProps) {
 
   const useServerLabelCounts = activeAccounts.size === 0;
 
+  // Gmail totals overlap across labels, while these tabs are an exclusive
+  // partition of the loaded inbox. Keep their badges tied to that partition.
+  const inboxPartitionTabIds = new Set<string>([OTHER_INBOX_TAB_ID]);
+  for (const pinnedId of pinnedTriageLabels(pinnedLabels)) {
+    inboxPartitionTabIds.add(pinnedId);
+    const label = resolveLabelForCount(pinnedId);
+    if (label) inboxPartitionTabIds.add(label.id);
+  }
+
   type CountKind = "unread" | "total";
   const countFieldForKind = (kind: CountKind) =>
     kind === "total" ? "totalCount" : "unreadCount";
@@ -1026,24 +1073,10 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     const serverCount = useServerLabelCounts
       ? (inboxLabel?.[countField] ?? 0)
       : 0;
-    const localCount = localCounts["inbox"] ?? 0;
+    const localCount = localCounts["__inboxTotal"] ?? 0;
     return Math.max(serverCount, localCount);
   };
 
-  const isExclusivePinnedTab = (viewId: string) => {
-    if (!hasPinnedFilters) return false;
-    // Pinned label rows (the ones that contribute to the "Other" remainder)
-    // are exclusive: each inbox thread is counted in exactly one tab. Gmail's
-    // server label counts don't have that exclusivity (e.g. server "important"
-    // returns *all* important threads, regardless of whether they're also
-    // categorized elsewhere), so we can't mix the two — use local only.
-    return pinnedLabels.some((id) => {
-      if (collapsibleViews.some((view) => view.id === id)) return false;
-      const label = resolveLabelForCount(id);
-      return (label?.id ?? id) === viewId || id === viewId;
-    });
-  };
-
   const getOtherCount = (kind: CountKind) => {
     if (!hasPinnedFilters) return getInboxCount(kind);
     const localCounts = localCountsForKind(kind);
@@ -1056,20 +1089,18 @@ function AppLayoutInner({ children }: AppLayoutProps) {
   };
 
   const getTabCount = (viewId: string, kind: CountKind) => {
-    if (viewId === "inbox") return getOtherCount(kind);
+    if (viewId === OTHER_INBOX_TAB_ID) return getOtherCount(kind);
+    if (viewId === "inbox") return getInboxCount(kind);
     const label = resolveLabelForCount(viewId);
     const countField = countFieldForKind(kind);
     const localCounts = localCountsForKind(kind);
     const localCount =
       localCounts[viewId] ?? (label ? (localCounts[label.id] ?? 0) : 0);
-    // Exclusive pinned tabs (when hasPinnedFilters is on, a thread belongs to
-    // exactly one tab) can't fall back to Gmail's non-exclusive server count
-    // — that would over-report the badge relative to what the tab renders.
-    if (isExclusivePinnedTab(viewId)) return localCount;
     const serverCount =
       useServerLabelCounts && viewId !== "note-to-self"
         ? (label?.[countField] ?? 0)
         : 0;
+    if (inboxPartitionTabIds.has(viewId)) return localCount;
     return Math.max(serverCount, localCount);
   };
   const getTopBarCount = (viewId: string) => getTabCount(viewId, "total");
@@ -1158,7 +1189,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
           {/* Primary tabs stay mounted during search so navigation does not jump. */}
           <>
             {tabsLoading ? (
-              <nav className="flex items-center gap-2 overflow-x-auto hide-scrollbar">
+              <nav className="hidden sm:flex items-center gap-2 overflow-x-auto hide-scrollbar">
                 {[1, 2, 3].map((i) => (
                   <span
                     key={i}
@@ -1168,7 +1199,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                 ))}
               </nav>
             ) : (
-              <nav className="flex min-w-0 items-center gap-0.5 overflow-x-auto hide-scrollbar">
+              <nav className="hidden sm:flex min-w-0 items-center gap-0.5 overflow-x-auto hide-scrollbar">
                 {topBarTabs.map((tab, idx) => {
                   const visibleIndex = visibleTabs.findIndex(
                     (item) => item.id === tab.id,
@@ -1252,7 +1283,12 @@ function AppLayoutInner({ children }: AppLayoutProps) {
             )}
 
             {/* Tab settings cog */}
-            <div className={cn("relative", tabsLoading && "invisible")}>
+            <div
+              className={cn(
+                "relative hidden sm:block",
+                tabsLoading && "invisible",
+              )}
+            >
               <Popover
                 open={tabSettingsOpen}
                 onOpenChange={(open) => {
@@ -1531,7 +1567,12 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                           <button
                             type="button"
                             onClick={() => {
-                              setSidebarPinned((value) => !value);
+                              if (sidebarPinned) {
+                                setSidebarPinned(false);
+                                setSidebarOpen(!isMobile);
+                                return;
+                              }
+                              setSidebarPinned(true);
                               setSidebarOpen(true);
                             }}
                             className={cn(
@@ -1726,63 +1767,56 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                         ))}
                       </div>
 
-                      {/* Pinned labels */}
-                      {pinnedLabels.filter(
-                        (l) => !collapsibleViews.some((v) => v.id === l),
-                      ).length > 0 && (
+                      {/* Mobile equivalents for the hidden top-bar inbox tabs */}
+                      {mobileInboxTabs.length > 0 && (
                         <>
                           <h2 className="text-[11px] font-medium text-muted-foreground/50 uppercase tracking-wider mt-5 mb-3">
                             {t("mail.views.labels")}
                           </h2>
                           <div className="space-y-0.5">
-                            {visibleTabs
-                              .filter(
-                                (t) => t.id !== "inbox" && t.type === "label",
-                              )
-                              .map((tab) => {
-                                const count = getUnreadCount(tab.id);
-                                const depth = labelDepth(
-                                  tab.fullLabel ?? tab.label,
-                                );
-                                return (
-                                  <Link
-                                    key={tab.id}
-                                    to={tab.href}
-                                    onClick={closeSidebar}
-                                    className={cn(
-                                      "flex items-center justify-between rounded-md px-3 py-2.5 text-[14px] transition-colors min-h-[44px]",
-                                      tab.isActive
-                                        ? "bg-accent/60 text-foreground font-medium"
-                                        : "text-foreground/70 hover:bg-accent/30",
-                                    )}
+                            {mobileInboxTabs.map((tab) => {
+                              const count = getUnreadCount(tab.id);
+                              const depth =
+                                tab.type === "label"
+                                  ? labelDepth(tab.fullLabel ?? tab.label)
+                                  : 0;
+                              return (
+                                <Link
+                                  key={tab.id}
+                                  to={tab.href}
+                                  onClick={closeSidebar}
+                                  className={cn(
+                                    "flex items-center justify-between rounded-md px-3 py-2.5 text-[14px] transition-colors min-h-[44px]",
+                                    tab.isActive
+                                      ? "bg-accent/60 text-foreground font-medium"
+                                      : "text-foreground/70 hover:bg-accent/30",
+                                  )}
+                                >
+                                  <span
+                                    className="flex min-w-0 items-center gap-2"
+                                    style={{ paddingLeft: depth * 12 }}
                                   >
+                                    {tab.color && (
+                                      <span
+                                        className="h-2 w-2 rounded-full shrink-0"
+                                        style={{ backgroundColor: tab.color }}
+                                      />
+                                    )}
                                     <span
-                                      className="flex min-w-0 items-center gap-2"
-                                      style={{ paddingLeft: depth * 12 }}
+                                      className="truncate"
+                                      title={tab.fullLabel ?? tab.label}
                                     >
-                                      {tab.color && (
-                                        <span
-                                          className="h-2 w-2 rounded-full shrink-0"
-                                          style={{ backgroundColor: tab.color }}
-                                        />
-                                      )}
-                                      <span
-                                        className="truncate"
-                                        title={tab.fullLabel}
-                                      >
-                                        {shortLabelName(
-                                          tab.fullLabel ?? tab.label,
-                                        )}
-                                      </span>
+                                      {tab.label}
                                     </span>
-                                    {count > 0 && (
-                                      <span className="text-[12px] text-muted-foreground/50 tabular-nums">
-                                        {count}
-                                      </span>
-                                    )}
-                                  </Link>
-                                );
-                              })}
+                                  </span>
+                                  {count > 0 && (
+                                    <span className="text-[12px] text-muted-foreground/50 tabular-nums">
+                                      {count}
+                                    </span>
+                                  )}
+                                </Link>
+                              );
+                            })}
                           </div>
                         </>
                       )}
@@ -1840,6 +1874,31 @@ function AppLayoutInner({ children }: AppLayoutProps) {
         >
           <InvitationBanner />
 
+          {labelsError && (
+            <div
+              role="alert"
+              className="flex shrink-0 items-center gap-2 border-b border-destructive/20 bg-destructive/5 px-4 py-2 text-xs text-muted-foreground"
+            >
+              <IconAlertCircle className="h-3.5 w-3.5 shrink-0 text-destructive" />
+              <span className="min-w-0 flex-1 truncate">
+                {labelsQueryError instanceof Error && labelsQueryError.message
+                  ? labelsQueryError.message
+                  : t("mail.error.loadTitle")}
+              </span>
+              <Button
+                type="button"
+                size="sm"
+                variant="ghost"
+                disabled={labelsFetching}
+                onClick={() => void refetchLabels()}
+              >
+                {labelsFetching
+                  ? t("mail.error.retrying")
+                  : t("mail.error.tryAgain")}
+              </Button>
+            </div>
+          )}
+
           {/* Show full-page takeover when no accounts connected (except on settings page) */}
           {!googleStatus.isLoading &&
           !googleStatus.isError &&

package/corpus/templates/mail/app/global.css

@@ -43,6 +43,20 @@
   --mail-toast-surface: hsl(var(--card));
   --mail-toast-border: hsl(var(--border));
   --mail-overlay-scrim: hsl(0 0% 0% / 0.2);
+  --mail-label-automated-bg: 330 81% 60% / 0.2;
+  --mail-label-automated-text: 336 69% 36%;
+  --mail-label-social-bg: 217 91% 60% / 0.2;
+  --mail-label-social-text: 224 76% 48%;
+  --mail-label-updates-bg: 45 93% 47% / 0.2;
+  --mail-label-updates-text: 32 95% 44%;
+  --mail-label-promotions-bg: 142 71% 45% / 0.2;
+  --mail-label-promotions-text: 142 72% 29%;
+  --mail-label-forums-bg: 199 89% 48% / 0.2;
+  --mail-label-forums-text: 201 96% 32%;
+  --mail-label-finance-bg: 160 84% 39% / 0.2;
+  --mail-label-finance-text: 163 94% 24%;
+  --mail-label-travel-bg: 187 85% 53% / 0.2;
+  --mail-label-travel-text: 192 91% 36%;
 }
 
 .dark {
@@ -81,6 +95,13 @@
   --mail-toast-surface: hsl(0 0% 15%);
   --mail-toast-border: hsl(0 0% 26%);
   --mail-overlay-scrim: hsl(0 0% 6% / 0.32);
+  --mail-label-automated-text: 336 75% 75%;
+  --mail-label-social-text: 213 94% 68%;
+  --mail-label-updates-text: 48 96% 64%;
+  --mail-label-promotions-text: 141 76% 73%;
+  --mail-label-forums-text: 199 95% 74%;
+  --mail-label-finance-text: 152 76% 70%;
+  --mail-label-travel-text: 188 86% 74%;
 }
 
 @layer base {

package/corpus/templates/mail/app/hooks/use-emails.ts

@@ -1453,10 +1453,16 @@ export function useContacts() {
 
 // ─── Labels ──────────────────────────────────────────────────────────────────
 
+export const EMPTY_LABELS: Label[] = [];
+
 export function useLabels() {
   return useQuery<Label[]>({
     queryKey: ["labels"],
     queryFn: () => apiFetch("/api/labels"),
+    // A failed background refresh must not erase the last complete label map.
+    // The layout still surfaces isError so an initial failure has an explicit
+    // retry path instead of looking like an empty mailbox.
+    placeholderData: (previousData) => previousData,
     staleTime: 60_000,
   });
 }

package/corpus/templates/mail/app/hooks/use-navigation-state.ts

@@ -10,6 +10,8 @@ export interface NavigationState {
   selectedThreadIds?: string[];
   search?: string;
   label?: string;
+  activeInboxTab?: string;
+  activeAccounts?: string[];
   queuedDraftId?: string;
   queueScope?: string;
   settingsSection?: string;

package/corpus/templates/mail/app/lib/inbox-tabs.ts

@@ -24,6 +24,11 @@ export const COLLAPSIBLE_VIEW_IDS = [
   "trash",
 ] as const;
 
+// Keep the synthetic remainder tab's UI identity separate from user-label IDs.
+// Its public URL remains `tab=other` for existing links and agent commands.
+export const OTHER_INBOX_TAB_ID = "__inbox_other__";
+export const OTHER_INBOX_TAB_PARAM = "other";
+
 /** Pinned labels include a virtual "important" tab when Google is connected. */
 export function resolvePinnedLabels(
   userPinnedLabels: readonly string[],

package/corpus/templates/mail/app/lib/label-colors.ts

@@ -0,0 +1,47 @@
+export type LabelStyle = {
+  bg: string;
+  text: string;
+};
+
+const labelColors: Record<string, LabelStyle> = {
+  automated: {
+    bg: "bg-[hsl(var(--mail-label-automated-bg))]",
+    text: "text-[hsl(var(--mail-label-automated-text))]",
+  },
+  social: {
+    bg: "bg-[hsl(var(--mail-label-social-bg))]",
+    text: "text-[hsl(var(--mail-label-social-text))]",
+  },
+  updates: {
+    bg: "bg-[hsl(var(--mail-label-updates-bg))]",
+    text: "text-[hsl(var(--mail-label-updates-text))]",
+  },
+  promotions: {
+    bg: "bg-[hsl(var(--mail-label-promotions-bg))]",
+    text: "text-[hsl(var(--mail-label-promotions-text))]",
+  },
+  forums: {
+    bg: "bg-[hsl(var(--mail-label-forums-bg))]",
+    text: "text-[hsl(var(--mail-label-forums-text))]",
+  },
+  finance: {
+    bg: "bg-[hsl(var(--mail-label-finance-bg))]",
+    text: "text-[hsl(var(--mail-label-finance-text))]",
+  },
+  travel: {
+    bg: "bg-[hsl(var(--mail-label-travel-bg))]",
+    text: "text-[hsl(var(--mail-label-travel-text))]",
+  },
+};
+
+export function getLabelStyle(labelId: string): LabelStyle {
+  const normalized = labelId.toLowerCase().replace(/^label:/, "");
+  if (labelColors[normalized]) return labelColors[normalized];
+
+  let hash = 0;
+  for (let i = 0; i < normalized.length; i++) {
+    hash = normalized.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const options = Object.values(labelColors);
+  return options[Math.abs(hash) % options.length];
+}

package/corpus/templates/mail/app/pages/InboxPage.tsx

@@ -23,6 +23,7 @@ import { useKeyboardShortcuts } from "@/hooks/use-keyboard-shortcuts";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { useNavigationState } from "@/hooks/use-navigation-state";
 import {
+  OTHER_INBOX_TAB_PARAM,
   resolvePinnedLabels,
   pinnedTriageLabels,
   augmentSelfSentLabels,
@@ -260,6 +261,7 @@ export function InboxPage() {
   const { data: settings } = useSettings();
   const [searchParams] = useSearchParams();
   const activeLabel = searchParams.get("label");
+  const activeInboxTab = searchParams.get("tab");
   const routeSearchSuffix = searchParams.toString()
     ? `?${searchParams.toString()}`
     : "";
@@ -304,6 +306,10 @@ export function InboxPage() {
     view === "inbox" &&
     mailLabelsInclude(triageLabels, activeLabel);
   const clientSliceTab = isPinnedTab && !searchQuery;
+  const isOtherTab =
+    view === "inbox" &&
+    activeInboxTab === OTHER_INBOX_TAB_PARAM &&
+    !searchQuery;
   const effectiveLabel = clientSliceTab
     ? undefined
     : (activeLabel ?? undefined);
@@ -349,12 +355,7 @@ export function InboxPage() {
       return filterInboxTabEmails(filtered, activeLabel, pinnedLabels);
     }
     // "Other" tab — the inbox remainder, same partition as its badge.
-    if (
-      !searchQuery &&
-      view === "inbox" &&
-      !activeLabel &&
-      triageLabels.length > 0
-    ) {
+    if (isOtherTab) {
       return filterInboxTabEmails(filtered, null, pinnedLabels);
     }
 
@@ -407,6 +408,7 @@ export function InboxPage() {
     view,
     searchQuery,
     activeLabel,
+    isOtherTab,
     clientSliceTab,
     pinnedLabels,
     triageLabels,
@@ -419,7 +421,10 @@ export function InboxPage() {
   // Clear multi-selection when switching views or label tabs. Do NOT clear on
   // threadId changes — shift+j/k in detail view navigates between threads while
   // extending the selection, so selection must persist across thread nav.
-  useEffect(() => setSelectedIds(new Set()), [view, activeLabel]);
+  useEffect(
+    () => setSelectedIds(new Set()),
+    [view, activeLabel, activeInboxTab],
+  );
 
   // Sync current navigation state to file (write-only, so agent can read it)
   const searchQ = searchParams.get("q") ?? undefined;
@@ -430,10 +435,22 @@ export function InboxPage() {
       focusedEmailId: focusedId ?? undefined,
       search: searchQ,
       label: activeLabel ?? undefined,
+      activeInboxTab: activeInboxTab ?? undefined,
+      activeAccounts:
+        activeAccounts.size > 0 ? Array.from(activeAccounts) : undefined,
       selectedThreadIds:
         selectedThreadIds.length > 0 ? selectedThreadIds : undefined,
     });
-  }, [view, threadId, focusedId, searchQ, activeLabel, selectedThreadIds]); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [
+    view,
+    threadId,
+    focusedId,
+    searchQ,
+    activeLabel,
+    activeInboxTab,
+    activeAccounts,
+    selectedThreadIds,
+  ]); // eslint-disable-line react-hooks/exhaustive-deps
 
   // One-shot agent navigation: agent writes navigate.json, UI reads it, navigates, deletes it
   const { data: navCommand } = navState.command;

package/corpus/templates/mail/netlify.toml

@@ -1,6 +1,6 @@
 [build]
 ignore = "node ./scripts/netlify-ignore-build.mjs mail"
-command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && DATABASE_URL=${NETLIFY_DATABASE_URL_UNPOOLED:-$DATABASE_URL} NITRO_PRESET=netlify pnpm --filter mail build && if [ \"${CONTEXT:-}\" = \"production\" ]; then DATABASE_URL=${NETLIFY_DATABASE_URL_UNPOOLED:-$DATABASE_URL} pnpm --filter mail migrate:production; fi"
+command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && DATABASE_URL=${NETLIFY_DATABASE_URL_UNPOOLED:-$DATABASE_URL} NITRO_PRESET=netlify pnpm --filter mail build && if [ \"${CONTEXT:-}\" = \"production\" ] || [ \"${AGENT_NATIVE_RUN_RELEASE_MIGRATIONS:-}\" = \"1\" ]; then DATABASE_URL=${NETLIFY_DATABASE_URL_UNPOOLED:-$DATABASE_URL} pnpm --filter mail migrate:production; fi"
 publish = "templates/mail/dist"
 functions = "templates/mail/.netlify/functions-internal"
 
@@ -14,6 +14,9 @@ NPM_CONFIG_PRODUCTION = "false"
 AGENT_NATIVE_HOSTED_HARNESS = "true"
 AGENT_NATIVE_ENABLE_KEEP_WARM = "1"
 AGENT_NATIVE_DISABLE_KEEP_WARM_BACKGROUND = "1"
+# Production release migrations own schema setup; request functions must skip
+# migration probes on every serverless invocation.
+AGENT_NATIVE_RELEASE_MIGRATIONS = "1"
 
 # A2A delegation calls run a full agent loop (LLM + tool calls + DB queries).
 # The framework does not impose a default agent-run timeout; if a template sets