@agent-native/core 0.97.0 → 0.98.1

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

@@ -83,6 +83,8 @@ const SWIPE_SLOP = 10;
 const SWIPE_COMMIT_THRESHOLD = 80;
 // Distance past which the action icon "snaps" to filled state.
 const SWIPE_ICON_SNAP = 56;
+// Release velocity (px/ms) past which a swipe commits regardless of distance.
+const SWIPE_COMMIT_VELOCITY = 0.11;
 
 /** Format participant names for thread display, e.g. "Kaitlyn .. Sam, Andrew" */
 function formatParticipants(participants: string[], maxWidth = 3): string {
@@ -196,6 +198,12 @@ export const EmailListItem = memo(function EmailListItem({
     locked: "none" | "h" | "v";
     // Set to true once we commit an action — blocks the trailing click.
     committed: boolean;
+    // Two-sample window for release-velocity calculation (px/ms). Updated on
+    // each touchmove; not an accumulating history.
+    lastX: number;
+    lastT: number;
+    prevX: number;
+    prevT: number;
   } | null>(null);
   const didSwipeRef = useRef(false);
 
@@ -211,11 +219,16 @@ export const EmailListItem = memo(function EmailListItem({
     (e: React.TouchEvent) => {
       if (!canSwipe) return;
       const t = e.touches[0];
+      const now = performance.now();
       gestureRef.current = {
         startX: t.clientX,
         startY: t.clientY,
         locked: "none",
         committed: false,
+        lastX: t.clientX,
+        lastT: now,
+        prevX: t.clientX,
+        prevT: now,
       };
       didSwipeRef.current = false;
     },
@@ -247,6 +260,12 @@ export const EmailListItem = memo(function EmailListItem({
       }
 
       if (g.locked === "h") {
+        // Slide the two-sample window forward for release-velocity math.
+        g.prevX = g.lastX;
+        g.prevT = g.lastT;
+        g.lastX = t.clientX;
+        g.lastT = performance.now();
+
         // Only one side may be active at a time.
         if (dx < 0 && !onSwipeArchive) {
           setDragX(0);
@@ -269,8 +288,18 @@ export const EmailListItem = memo(function EmailListItem({
       return;
     }
 
+    const velocity = (g.lastX - g.prevX) / Math.max(1, g.lastT - g.prevT);
+    const flungLeft =
+      velocity <= -SWIPE_COMMIT_VELOCITY && dragX <= -SWIPE_ICON_SNAP;
+    const flungRight =
+      velocity >= SWIPE_COMMIT_VELOCITY && dragX >= SWIPE_ICON_SNAP;
+
     // Left swipe → archive.
-    if (dragX <= -SWIPE_COMMIT_THRESHOLD && onSwipeArchive && thread) {
+    if (
+      (dragX <= -SWIPE_COMMIT_THRESHOLD || flungLeft) &&
+      onSwipeArchive &&
+      thread
+    ) {
       g.committed = true;
       // Fly the row off-screen, then hand off to the parent to actually
       // remove it from the list. The snap transition makes this feel fluid
@@ -286,7 +315,11 @@ export const EmailListItem = memo(function EmailListItem({
     }
 
     // Right swipe → snooze. We don't remove the row — the modal takes over.
-    if (dragX >= SWIPE_COMMIT_THRESHOLD && onSwipeSnooze && thread) {
+    if (
+      (dragX >= SWIPE_COMMIT_THRESHOLD || flungRight) &&
+      onSwipeSnooze &&
+      thread
+    ) {
       g.committed = true;
       onSwipeSnooze(thread);
       // Snap back so the row is in place when the modal closes.

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

@@ -1571,7 +1571,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                                   });
                                 }}
                                 className={cn(
-                                  "flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-start transition-all",
+                                  "flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-start transition-opacity",
                                   isActive ? "opacity-100" : "opacity-30",
                                 )}
                               >
@@ -2005,116 +2005,125 @@ function StandardLayout({ children }: AppLayoutProps) {
         </header>
       )}
 
-      {sidebarOpen && (
-        <>
-          <div
-            className="fixed inset-0 z-30 bg-[var(--mail-overlay-scrim)]"
-            onClick={() => setSidebarOpen(false)}
-          />
-          <div className="fixed start-0 top-0 bottom-0 z-40 flex w-64 flex-col overflow-hidden bg-[var(--mail-drawer-surface)] backdrop-blur-2xl">
-            <div className="min-h-0 flex-1 overflow-y-auto p-4">
-              <div className="space-y-0.5">
-                {[
-                  { id: "inbox", label: t("mail.views.inbox"), href: "/inbox" },
-                  {
-                    id: "unread",
-                    label: t("mail.views.unread"),
-                    href: "/unread",
-                  },
-                  {
-                    id: "starred",
-                    label: t("mail.views.starred"),
-                    href: "/starred",
-                  },
-                  {
-                    id: "snoozed",
-                    label: t("mail.views.snoozed"),
-                    href: "/snoozed",
-                  },
-                  { id: "sent", label: t("mail.views.sent"), href: "/sent" },
-                  {
-                    id: "draft-queue",
-                    label: t("mail.views.draftQueue"),
-                    href: "/draft-queue",
-                  },
-                  {
-                    id: "scheduled",
-                    label: t("mail.views.scheduled"),
-                    href: "/scheduled",
-                  },
-                  {
-                    id: "drafts",
-                    label: t("mail.views.drafts"),
-                    href: "/drafts",
-                  },
-                  {
-                    id: "archive",
-                    label: t("mail.views.archive"),
-                    href: "/archive",
-                  },
-                  { id: "trash", label: t("mail.views.trash"), href: "/trash" },
-                ].map((item) => (
-                  <Link
-                    key={item.id}
-                    to={item.href}
-                    onClick={() => setSidebarOpen(false)}
-                    className={cn(
-                      "flex items-center justify-between rounded-md px-3 py-2.5 text-[14px] transition-colors min-h-[44px]",
-                      view === item.id
-                        ? "bg-accent/60 text-foreground font-medium"
-                        : "text-foreground/70 hover:bg-accent/30",
-                    )}
-                  >
-                    <span>{item.label}</span>
-                    {item.id === "draft-queue" && queuedDrafts.count > 0 && (
-                      <span className="text-[12px] text-amber-300 tabular-nums">
-                        {queuedDrafts.count}
-                      </span>
-                    )}
-                  </Link>
-                ))}
-              </div>
+      <>
+        <div
+          aria-hidden="true"
+          className={cn(
+            "fixed inset-0 z-30 bg-[var(--mail-overlay-scrim)] transition-opacity duration-200 ease-out motion-reduce:transition-none",
+            sidebarOpen ? "opacity-100" : "pointer-events-none opacity-0",
+          )}
+          onClick={() => setSidebarOpen(false)}
+        />
+        <div
+          aria-hidden={!sidebarOpen}
+          inert={!sidebarOpen}
+          className={cn(
+            "fixed start-0 top-0 bottom-0 z-40 flex w-64 flex-col overflow-hidden bg-[var(--mail-drawer-surface)] backdrop-blur-2xl transition-transform duration-200 ease-out motion-reduce:transition-none",
+            sidebarOpen
+              ? "translate-x-0"
+              : "pointer-events-none -translate-x-full rtl:translate-x-full",
+          )}
+        >
+          <div className="min-h-0 flex-1 overflow-y-auto p-4">
+            <div className="space-y-0.5">
+              {[
+                { id: "inbox", label: t("mail.views.inbox"), href: "/inbox" },
+                {
+                  id: "unread",
+                  label: t("mail.views.unread"),
+                  href: "/unread",
+                },
+                {
+                  id: "starred",
+                  label: t("mail.views.starred"),
+                  href: "/starred",
+                },
+                {
+                  id: "snoozed",
+                  label: t("mail.views.snoozed"),
+                  href: "/snoozed",
+                },
+                { id: "sent", label: t("mail.views.sent"), href: "/sent" },
+                {
+                  id: "draft-queue",
+                  label: t("mail.views.draftQueue"),
+                  href: "/draft-queue",
+                },
+                {
+                  id: "scheduled",
+                  label: t("mail.views.scheduled"),
+                  href: "/scheduled",
+                },
+                {
+                  id: "drafts",
+                  label: t("mail.views.drafts"),
+                  href: "/drafts",
+                },
+                {
+                  id: "archive",
+                  label: t("mail.views.archive"),
+                  href: "/archive",
+                },
+                { id: "trash", label: t("mail.views.trash"), href: "/trash" },
+              ].map((item) => (
+                <Link
+                  key={item.id}
+                  to={item.href}
+                  onClick={() => setSidebarOpen(false)}
+                  className={cn(
+                    "flex items-center justify-between rounded-md px-3 py-2.5 text-[14px] transition-colors min-h-[44px]",
+                    view === item.id
+                      ? "bg-accent/60 text-foreground font-medium"
+                      : "text-foreground/70 hover:bg-accent/30",
+                  )}
+                >
+                  <span>{item.label}</span>
+                  {item.id === "draft-queue" && queuedDrafts.count > 0 && (
+                    <span className="text-[12px] text-amber-300 tabular-nums">
+                      {queuedDrafts.count}
+                    </span>
+                  )}
+                </Link>
+              ))}
             </div>
+          </div>
 
-            <div className="shrink-0">
-              <div className="px-2 py-1">
-                <ExtensionsSidebarSection />
-              </div>
+          <div className="shrink-0">
+            <div className="px-2 py-1">
+              <ExtensionsSidebarSection />
+            </div>
 
-              <div className="px-3 py-2">
-                <OrgSwitcher />
-              </div>
+            <div className="px-3 py-2">
+              <OrgSwitcher />
+            </div>
 
-              <div className="flex items-center gap-1 px-2 py-2">
-                <DevDatabaseLink />
-                <FeedbackButton className="min-w-0 flex-1" />
-                <div className="flex shrink-0 items-center gap-0.5">
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <Link
-                        to="/settings"
-                        onClick={() => setSidebarOpen(false)}
-                        aria-label={t("mail.toolbar.settings")}
-                        className={cn(
-                          "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
-                          location.pathname === "/settings" &&
-                            "bg-accent/60 text-foreground",
-                        )}
-                      >
-                        <IconSettings className="h-4 w-4" />
-                      </Link>
-                    </TooltipTrigger>
-                    <TooltipContent>
-                      {t("mail.toolbar.settings")}
-                    </TooltipContent>
-                  </Tooltip>
-                  <ThemeToggle className="h-8 w-8 shrink-0" />
-                </div>
+            <div className="flex items-center gap-1 px-2 py-2">
+              <DevDatabaseLink />
+              <FeedbackButton className="min-w-0 flex-1" />
+              <div className="flex shrink-0 items-center gap-0.5">
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <Link
+                      to="/settings"
+                      onClick={() => setSidebarOpen(false)}
+                      aria-label={t("mail.toolbar.settings")}
+                      className={cn(
+                        "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
+                        location.pathname === "/settings" &&
+                          "bg-accent/60 text-foreground",
+                      )}
+                    >
+                      <IconSettings className="h-4 w-4" />
+                    </Link>
+                  </TooltipTrigger>
+                  <TooltipContent>{t("mail.toolbar.settings")}</TooltipContent>
+                </Tooltip>
+                <ThemeToggle className="h-8 w-8 shrink-0" />
               </div>
             </div>
           </div>
-        </>
-      )}
+        </div>
+      </>
 
       <InvitationBanner />
 

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

@@ -139,6 +139,7 @@ export function useComposeState() {
       return merged;
     },
     staleTime: 1_000,
+    // request-storm-allow: one focus refresh reconciles bounded compose drafts across tabs.
     refetchOnWindowFocus: true,
   });
 

package/corpus/templates/mail/app/root.tsx

@@ -5,7 +5,6 @@ import {
   ErrorReportActions,
   LOCALE_HYDRATION_GLOBAL,
   LOCALE_STORAGE_KEY,
-  RequireSession,
   appPath,
   appApiPath,
   createAgentNativeQueryClient,
@@ -420,18 +419,7 @@ function DbSyncSetup() {
 const MAIL_TOASTER = <Toaster richColors position="bottom-left" />;
 
 export default function Root() {
-  const [queryClient] = useState(() =>
-    createAgentNativeQueryClient({
-      defaultOptions: {
-        queries: {
-          // Mail's VisibilityRefresh handles the focus-based refresh with a
-          // 60 s throttle, so we also want React Query's focus refetch to
-          // fire for other query keys (labels, settings, etc.).
-          refetchOnWindowFocus: true,
-        },
-      },
-    }),
-  );
+  const [queryClient] = useState(() => createAgentNativeQueryClient());
   return (
     <AppToolkitProvider>
       <AppProviders
@@ -439,17 +427,16 @@ export default function Root() {
         themeAttribute={["class", "data-theme"]}
         tooltipDelayDuration={300}
         toaster={MAIL_TOASTER}
+        sessionBypass={isMcpEmbedSurface()}
         i18n={{ catalog: i18nCatalog }}
       >
-        <RequireSession bypass={isMcpEmbedSurface()}>
-          <AutoFocus />
-          <AutomationTrigger />
-          <VisibilityRefresh />
-          <DbSyncSetup />
-          <AppLayout>
-            <Outlet />
-          </AppLayout>
-        </RequireSession>
+        <AutoFocus />
+        <AutomationTrigger />
+        <VisibilityRefresh />
+        <DbSyncSetup />
+        <AppLayout>
+          <Outlet />
+        </AppLayout>
       </AppProviders>
     </AppToolkitProvider>
   );

package/corpus/templates/mail/changelog/2026-07-11-compose-and-navigation-motion-now-feel-faster-and-smoother.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Compose resizing and secondary-page navigation now move smoothly without sluggish layout animation.

package/corpus/templates/mail/changelog/2026-07-11-swipe-to-archive-or-snooze-now-responds-to-quick-flicks-not-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Swipe to archive or snooze now responds to quick flicks, not just long drags

package/corpus/templates/mail/changelog/2026-07-11-the-assistant-now-sees-the-same-inbox-you-do-snoozed-mail-st.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+The assistant now sees the same inbox you do — snoozed mail stays hidden and rate limits are handled gracefully

package/corpus/templates/mail/server/handlers/emails.ts

@@ -37,10 +37,7 @@ import {
   persistTracking,
   type TrackingContext,
 } from "../lib/email-tracking.js";
-import {
-  buildGmailEmailSearchQuery,
-  filterInboxScopedThreadMessages,
-} from "../lib/gmail-query.js";
+import { filterInboxScopedThreadMessages } from "../lib/gmail-query.js";
 import {
   createOAuth2Client,
   gmailGetMessage,
@@ -57,7 +54,6 @@ import {
 } from "../lib/google-api.js";
 import {
   isConnected,
-  DEFAULT_THREAD_RECENT_MESSAGE_CANDIDATE_LIMIT,
   invalidateListCacheForOwner,
   listGmailMessages,
   gmailToEmailMessage,
@@ -66,6 +62,7 @@ import {
   setAccountDisplayName,
 } from "../lib/google-auth.js";
 import { getSyntheticEmailsForView, getSnoozedThreadIds } from "../lib/jobs.js";
+import { listInboxEmails } from "../lib/list-inbox-emails.js";
 import {
   bodyToHtml as outgoingBodyToHtml,
   buildRawEmail as buildOutgoingRawEmail,
@@ -404,25 +401,6 @@ function recomputeUnreadCounts(
   });
 }
 
-function isGmailQuotaError(message: string): boolean {
-  return /\b(?:429|quota|rate limit|rateLimitExceeded|userRateLimitExceeded)\b/i.test(
-    message,
-  );
-}
-
-function retryAfterSecondsFromErrors(errors: Array<{ error: string }>): number {
-  let retryAfter = 60;
-  for (const { error } of errors) {
-    const match = error.match(/retry in\s+(\d+)s/i);
-    if (!match) continue;
-    const seconds = Number(match[1]);
-    if (Number.isFinite(seconds) && seconds > retryAfter) {
-      retryAfter = seconds;
-    }
-  }
-  return Math.min(retryAfter, 5 * 60);
-}
-
 function parseEmailPageLimit(value: string | undefined): number {
   const n = Number(value);
   if (!Number.isFinite(n) || n <= 0) return 50;
@@ -476,61 +454,39 @@ export const listEmails = defineEventHandler(async (event: H3Event) => {
         }
       }
 
-      const searchQuery = buildGmailEmailSearchQuery({ view, q, label });
-
       // Fetch label name mapping from all accounts (cached)
       const accountTokens = await getAccountTokens(email);
-      const connectedEmails = new Set(
-        accountTokens.map((account) => account.email.toLowerCase()),
-      );
       const labelMap = await getCachedLabelMap(accountTokens);
-      const { messages, errors, nextPageTokens, resultSizeEstimate } =
-        await listGmailMessages(searchQuery, pageLimit, email, pageTokens, {
-          mode: "threads",
-          threadFormat: view === "drafts" ? "full" : "metadata",
-          threadCandidateLimit: q ? 80 : undefined,
-          threadRecentMessageCandidateLimit:
-            !q && (view === "inbox" || view === "unread")
-              ? DEFAULT_THREAD_RECENT_MESSAGE_CANDIDATE_LIMIT
-              : undefined,
-        });
-      if (messages.length === 0 && errors.length > 0) {
+
+      const listResult = await listInboxEmails({
+        ownerEmail: email,
+        view,
+        q,
+        label,
+        limit: pageLimit,
+        pageTokens,
+        threadFormat: view === "drafts" ? "full" : "metadata",
+        threadCandidateLimit: q ? 80 : undefined,
+        accountTokens,
+        labelMap,
+      });
+
+      if (!listResult.ok) {
         // All accounts failed — surface as error
-        if (errors.every((e) => isGmailQuotaError(e.error))) {
-          const retryAfter = retryAfterSecondsFromErrors(errors);
+        if (listResult.isQuotaError) {
           setResponseStatus(event, 429);
-          setResponseHeader(event, "Retry-After", String(retryAfter));
+          setResponseHeader(
+            event,
+            "Retry-After",
+            String(listResult.retryAfterSeconds),
+          );
         } else {
           setResponseStatus(event, 502);
         }
-        return {
-          error: errors.map((e) => `${e.email}: ${e.error}`).join("; "),
-        };
+        return { error: listResult.message };
       }
-      let emails = messages.map((m) =>
-        gmailToEmailMessage(m, undefined, labelMap),
-      );
-      emails = filterInboxScopedThreadMessages(
-        emails,
-        view,
-        label,
-        connectedEmails,
-      );
-      emails.sort(
-        (a: any, b: any) =>
-          new Date(b.date).getTime() - new Date(a.date).getTime(),
-      );
 
-      // Filter out snoozed emails (they may linger in Gmail due to eventual consistency).
-      // Skip when searching — the user wants to find snoozed emails too.
-      if (!q && (view === "inbox" || view === "unread")) {
-        const snoozedIds = await getSnoozedThreadIds(email);
-        if (snoozedIds.size > 0) {
-          emails = emails.filter(
-            (e) => !snoozedIds.has(e.threadId) && !snoozedIds.has(e.id),
-          );
-        }
-      }
+      const { emails, errors, nextPageTokens, resultSizeEstimate } = listResult;
 
       // If some accounts failed but others succeeded, add warning header.
       // HTTP headers must be ByteString (code points <= 255), so strip any