@agent-native/core 0.96.0 → 0.98.0

package/corpus/templates/mail/actions/list-emails.ts

@@ -4,19 +4,16 @@ import { getUserSetting } from "@agent-native/core/settings";
 import { emailMessageMatchesSearch } from "@shared/search.js";
 import { z } from "zod";
 
-import {
-  buildGmailEmailSearchQuery,
-  filterInboxScopedThreadMessages,
-} from "../server/lib/gmail-query.js";
 import {
   getClients,
-  DEFAULT_THREAD_RECENT_MESSAGE_CANDIDATE_LIMIT,
-  listGmailMessages,
-  gmailToEmailMessage,
   fetchGmailLabelMap,
   isConnected,
 } from "../server/lib/google-auth.js";
-import { getSyntheticEmailsForView } from "../server/lib/jobs.js";
+import {
+  getSnoozedThreadIds,
+  getSyntheticEmailsForView,
+} from "../server/lib/jobs.js";
+import { listInboxEmails } from "../server/lib/list-inbox-emails.js";
 
 const cliBoolean = z
   .union([z.boolean(), z.enum(["true", "false"])])
@@ -188,34 +185,31 @@ export default defineAction({
         }),
       );
 
-      const gmailQuery = buildGmailEmailSearchQuery({ view, q: query });
-      const effectiveQuery =
-        view === "all" && !query ? "" : gmailQuery || "in:inbox -in:sent";
-      const { messages, errors, resultSizeEstimate } = await listGmailMessages(
-        effectiveQuery,
-        limit,
+      const listResult = await listInboxEmails({
         ownerEmail,
-        undefined,
-        {
-          mode: "threads",
-          threadCandidateLimit: query ? 500 : undefined,
-          threadRecentMessageCandidateLimit:
-            !query && (view === "inbox" || view === "unread")
-              ? DEFAULT_THREAD_RECENT_MESSAGE_CANDIDATE_LIMIT
-              : undefined,
-        },
-      );
+        view,
+        q: query,
+        limit,
+        threadFormat: "full",
+        threadCandidateLimit: query ? 500 : undefined,
+        accountTokens: clients,
+        labelMap,
+      });
 
-      if (errors.length > 0 && messages.length === 0) {
-        throw new Error(errors.map((e) => `${e.email}: ${e.error}`).join("; "));
+      if (!listResult.ok) {
+        return JSON.stringify(
+          {
+            error: listResult.message,
+            ...(listResult.isQuotaError && {
+              retryAfterSeconds: listResult.retryAfterSeconds,
+            }),
+          },
+          null,
+          2,
+        );
       }
 
-      let emails = messages
-        .map((m) => gmailToEmailMessage(m, m._accountEmail, labelMap))
-        .sort(
-          (a: any, b: any) =>
-            new Date(b.date).getTime() - new Date(a.date).getTime(),
-        );
+      let emails: any[] = listResult.emails;
 
       if (accountFilter) {
         emails = emails.filter(
@@ -223,7 +217,6 @@ export default defineAction({
         );
       }
 
-      emails = filterInboxScopedThreadMessages(emails, view);
       emails = latestPerThread(emails).slice(0, limit);
 
       const payload = compact ? toCompact(emails) : emails;
@@ -233,8 +226,8 @@ export default defineAction({
             emails: payload,
             threadCount: emails.length,
             unreadInPage: emails.filter((e: any) => e.hasUnread).length,
-            ...(resultSizeEstimate !== undefined && {
-              totalEstimate: resultSizeEstimate,
+            ...(listResult.resultSizeEstimate !== undefined && {
+              totalEstimate: listResult.resultSizeEstimate,
             }),
           },
           null,
@@ -284,6 +277,17 @@ export default defineAction({
       emails = emails.filter((e) => emailMessageMatchesSearch(e, query));
     }
 
+    // Filter out snoozed emails, matching the REST handler's demo-mode
+    // behavior. Skip when searching so snoozed hits surface too.
+    if (!query && (view === "inbox" || view === "unread")) {
+      const snoozedIds = await getSnoozedThreadIds(ownerEmail);
+      if (snoozedIds.size > 0) {
+        emails = emails.filter(
+          (e) => !snoozedIds.has(e.threadId) && !snoozedIds.has(e.id),
+        );
+      }
+    }
+
     emails = latestPerThread(emails).slice(0, limit);
     const payload = compact ? toCompact(emails) : emails;
     if (includeCounts) {

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

@@ -19,7 +19,7 @@ import {
   IconTrash,
   IconPlus,
 } from "@tabler/icons-react";
-import { useState, useEffect, useRef, useMemo } from "react";
+import { useState, useEffect, useRef, useMemo, useCallback } from "react";
 import type { CSSProperties } from "react";
 import { toast } from "sonner";
 
@@ -359,6 +359,54 @@ export function ComposeModal({
   };
 
   const composeRef = useRef<HTMLDivElement>(null);
+  const composeAnimationRef = useRef<Animation | null>(null);
+
+  const animateComposeLayout = useCallback((updateLayout: () => void) => {
+    const compose = composeRef.current;
+    const before = compose?.getBoundingClientRect();
+
+    updateLayout();
+
+    if (
+      !compose ||
+      !before ||
+      window.matchMedia("(prefers-reduced-motion: reduce)").matches
+    ) {
+      return;
+    }
+
+    requestAnimationFrame(() => {
+      const after = compose.getBoundingClientRect();
+      if (after.width === 0 || after.height === 0) return;
+
+      const translateX = before.left - after.left;
+      const translateY = before.top - after.top;
+      const scaleX = before.width / after.width;
+      const scaleY = before.height / after.height;
+
+      composeAnimationRef.current?.cancel();
+      composeAnimationRef.current = compose.animate(
+        [
+          {
+            transform: `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`,
+            transformOrigin: "top left",
+          },
+          { transform: "none", transformOrigin: "top left" },
+        ],
+        {
+          duration: 200,
+          easing: "cubic-bezier(0.23, 1, 0.32, 1)",
+        },
+      );
+    });
+  }, []);
+
+  useEffect(
+    () => () => {
+      composeAnimationRef.current?.cancel();
+    },
+    [],
+  );
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
     // Only handle shortcuts for events originating within the compose window
@@ -518,7 +566,7 @@ export function ComposeModal({
     <div
       ref={composeRef}
       className={cn(
-        "compose-window fixed z-50 flex w-full flex-col bg-card transition-[width,height,top,bottom] duration-150 sm:rounded-t-xl",
+        "compose-window fixed z-50 flex w-full flex-col bg-card sm:rounded-t-xl",
         minimized
           ? "bottom-0 h-11 rounded-t-xl sm:w-[540px]"
           : isExpanded
@@ -610,8 +658,10 @@ export function ComposeModal({
                     : t("mail.compose.minimizeCompose")
                 }
                 onClick={() => {
-                  setIsExpanded(false);
-                  setMinimized(!minimized);
+                  animateComposeLayout(() => {
+                    setIsExpanded(false);
+                    setMinimized(!minimized);
+                  });
                 }}
               >
                 <IconMinus className="h-3.5 w-3.5" />
@@ -637,8 +687,10 @@ export function ComposeModal({
                   }
                   aria-pressed={isExpanded}
                   onClick={() => {
-                    setMinimized(false);
-                    setIsExpanded((value) => !value);
+                    animateComposeLayout(() => {
+                      setMinimized(false);
+                      setIsExpanded((value) => !value);
+                    });
                   }}
                 >
                   {isExpanded ? (

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/email/EmailThread.tsx

@@ -3042,6 +3042,7 @@ function HtmlEmailBody({
       } catch {}
     });
 
+    let handleRsvpClick: ((e: MouseEvent) => void) | null = null;
     if (calEventId && rsvpLinks.length > 0) {
       const eventId = calEventId;
       rsvpLinks.forEach((a) => {
@@ -3083,7 +3084,7 @@ function HtmlEmailBody({
       });
 
       // Handle RSVP clicks inline
-      const handleRsvpClick = async (e: MouseEvent) => {
+      handleRsvpClick = async (e: MouseEvent) => {
         const anchor = (e.target as Element)?.closest?.(
           'a[href*="calendar.google.com/calendar/event"]',
         ) as HTMLElement | null;
@@ -3189,6 +3190,7 @@ function HtmlEmailBody({
 
     return () => {
       doc.removeEventListener("click", handleLinkClick);
+      if (handleRsvpClick) doc.removeEventListener("click", handleRsvpClick);
       doc.removeEventListener("keydown", forwardKey);
       clearTimeout(timer);
       clearTimeout(timer2);

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/root.tsx

@@ -5,7 +5,6 @@ import {
   ErrorReportActions,
   LOCALE_HYDRATION_GLOBAL,
   LOCALE_STORAGE_KEY,
-  RequireSession,
   appPath,
   appApiPath,
   createAgentNativeQueryClient,
@@ -439,17 +438,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-10-fixed-calendar-rsvp-buttons-in-emails-firing-duplicate-respo.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-10
+---
+
+Fixed calendar RSVP buttons in emails firing duplicate responses after theme changes

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/package.json

@@ -25,7 +25,7 @@
     "chrono-node": "^2.7.6",
     "drizzle-orm": "^0.45.2",
     "embla-carousel-react": "^8.6.0",
-    "h3": "^2.0.1-rc.20",
+    "h3": "catalog:",
     "input-otp": "^1.4.2",
     "isbot": "^5",
     "jose": "^6.2.2",
@@ -102,7 +102,6 @@
     "tailwindcss": "catalog:",
     "tiptap-markdown": "^0.9.0",
     "tsx": "^4.20.3",
-    "typescript": "catalog:",
     "typescript-7": "catalog:",
     "vaul": "^1.1.2",
     "vite": "catalog:",