gmail: improve filter error logging and add limit check

README.md

@@ -43,6 +43,9 @@ To help you spend less time in your inbox, so you can focus on what matters.
 - **Bulk Unsubscriber:** One-click unsubscribe and archive emails you never read.
 - **Cold Email Blocker:** Auto‑block cold emails.
 - **Email Analytics:** Track your activity and trends over time.
+- **Meeting Briefs (Beta):** Get personalized briefings before every meeting, pulling context from your email and calendar.
+- **Smart Filing (Early Access):** Automatically save email attachments to Google Drive or OneDrive.
+
 
 Learn more in our [docs](https://docs.getinboxzero.com).
 
@@ -156,6 +159,7 @@ Create [new credentials](https://console.cloud.google.com/apis/credentials):
       - `http://localhost:3000/api/auth/callback/google`
       - `http://localhost:3000/api/google/linking/callback`
       - `http://localhost:3000/api/google/calendar/callback` (only required for calendar integration)
+      - `http://localhost:3000/api/google/drive/callback` (only required for Google Drive integration)
     6. Click `Create`.
     7. A popup will show up with the new credentials, including the Client ID and secret.
 3.  Update .env file:
@@ -174,6 +178,7 @@ Create [new credentials](https://console.cloud.google.com/apis/credentials):
     https://www.googleapis.com/auth/gmail.settings.basic
     https://www.googleapis.com/auth/contacts
     https://www.googleapis.com/auth/calendar (only required for calendar integration)
+    https://www.googleapis.com/auth/drive.file (only required for Google Drive integration)
     ```
 
     4. Click `Update`
@@ -187,6 +192,7 @@ Create [new credentials](https://console.cloud.google.com/apis/credentials):
 6.  Enable required APIs in [Google Cloud Console](https://console.cloud.google.com/apis/library):
     - [Google People API](https://console.cloud.google.com/marketplace/product/google/people.googleapis.com) (required)
     - [Google Calendar API](https://console.cloud.google.com/marketplace/product/google/calendar-json.googleapis.com) (only required for calendar integration)
+    - [Google Drive API](https://console.cloud.google.com/marketplace/product/google/drive.googleapis.com) (only required for Google Drive integration)
 
 ### Google PubSub Setup
 
@@ -233,6 +239,7 @@ Go to [Microsoft Azure Portal](https://portal.azure.com/) and create a new Azure
    6. Add the following Redirect URIs (replace `localhost:3000` with your domain in production):
       - `http://localhost:3000/api/outlook/linking/callback`
       - `http://localhost:3000/api/outlook/calendar/callback` (only required for calendar integration)
+      - `http://localhost:3000/api/outlook/drive/callback` (only required for OneDrive integration)
 
 4. Get your credentials from the `Overview` tab:
 
@@ -262,6 +269,7 @@ Go to [Microsoft Azure Portal](https://portal.azure.com/) and create a new Azure
       - MailboxSettings.ReadWrite
       - Calendars.Read (only required for calendar integration)
       - Calendars.ReadWrite (only required for calendar integration)
+      - Files.ReadWrite (only required for OneDrive integration)
 
    6. Click "Add permissions"
    7. Click "Grant admin consent" if you're an admin

apps/web/app/(app)/(redirects)/drive/page.tsx

@@ -0,0 +1,5 @@
+import { redirectToEmailAccountPath } from "@/utils/account";
+
+export default async function DrivePage() {
+  await redirectToEmailAccountPath("/drive");
+}

apps/web/app/(app)/[emailAccountId]/assistant/ActionSteps.tsx

@@ -42,6 +42,7 @@ import { WebhookDocumentationLink } from "@/components/WebhookDocumentation";
 import { LabelCombobox } from "@/components/LabelCombobox";
 import { RuleStep } from "@/app/(app)/[emailAccountId]/assistant/RuleStep";
 import { Card } from "@/components/ui/card";
+import { MutedText } from "@/components/Typography";
 
 export function ActionSteps({
   actionFields,
@@ -538,15 +539,15 @@ function ActionCard({
   const rightContent = (
     <>
       {isNotifySender ? (
-        <div className="px-1 h-full flex items-center text-sm text-muted-foreground">
+        <MutedText className="px-1 h-full flex items-center">
           Sends an automated notification from Inbox Zero informing the sender
           their email was filtered as cold outreach.
-        </div>
+        </MutedText>
       ) : isDraftEmailWithoutManualContent ? (
-        <div className="px-1 h-full flex items-center text-sm text-muted-foreground">
+        <MutedText className="px-1 h-full flex items-center">
           Our AI generates a draft reply from your email history and knowledge
           base.
-        </div>
+        </MutedText>
       ) : isEmailAction || actionType === ActionType.CALL_WEBHOOK ? (
         <Card className="p-4 space-y-4">
           {fieldsContent}

apps/web/app/(app)/[emailAccountId]/assistant/ProcessRules.tsx

@@ -34,6 +34,7 @@ import { ResultsDisplay } from "@/app/(app)/[emailAccountId]/assistant/ResultDis
 import { useAccount } from "@/providers/EmailAccountProvider";
 import { FixWithChat } from "@/app/(app)/[emailAccountId]/assistant/FixWithChat";
 import { useChat } from "@/providers/ChatProvider";
+import { MutedText } from "@/components/Typography";
 
 type Message = MessagesResponse["messages"][number];
 
@@ -287,9 +288,7 @@ export function ProcessRulesContent({ testMode }: { testMode: boolean }) {
 
       <LoadingContent loading={isLoading} error={error}>
         {messages.length === 0 ? (
-          <div className="p-4 text-center text-sm text-muted-foreground">
-            No emails found
-          </div>
+          <MutedText className="p-4 text-center">No emails found</MutedText>
         ) : (
           <Card>
             <Table>

apps/web/app/(app)/[emailAccountId]/assistant/ResultDisplay.tsx

@@ -8,7 +8,7 @@ import { ExecutedRuleStatus, LogicalOperator } from "@/generated/prisma/enums";
 import type { ActionType } from "@/generated/prisma/enums";
 import type { Rule } from "@/generated/prisma/client";
 import { Button } from "@/components/ui/button";
-import { MessageText } from "@/components/Typography";
+import { MessageText, MutedText } from "@/components/Typography";
 import { EyeIcon } from "lucide-react";
 import { useRuleDialog } from "@/app/(app)/[emailAccountId]/assistant/RuleDialog";
 import type { RunRulesResult } from "@/utils/ai/choose-rule/run-rules";
@@ -211,7 +211,7 @@ function Actions({
               {getActionDisplay(action, provider, labels)}
             </Badge>
             {fields.length > 0 && (
-              <div className="ml-1 text-sm text-muted-foreground space-y-0.5">
+              <MutedText className="ml-1 space-y-0.5">
                 {fields.map((field) => (
                   <div
                     key={field.key}
@@ -221,7 +221,7 @@ function Actions({
                     {field.value}
                   </div>
                 ))}
-              </div>
+              </MutedText>
             )}
           </div>
         );
@@ -258,7 +258,7 @@ function PrettyConditions({
     <div className="flex flex-wrap items-center gap-1.5">
       {conditions.map((condition, index) => (
         <div key={index} className="flex items-center gap-1.5">
-          <span className="text-sm text-muted-foreground">{condition}</span>
+          <MutedText>{condition}</MutedText>
           {index < conditions.length - 1 && (
             <Badge color="purple" className="text-xs">
               {operator}

apps/web/app/(app)/[emailAccountId]/assistant/Rules.tsx

@@ -68,6 +68,7 @@ import {
   STEP_KEYS,
   getStepNumber,
 } from "@/app/(app)/[emailAccountId]/onboarding/steps";
+import { MutedText } from "@/components/Typography";
 
 export function Rules({
   showAddRuleButton = true,
@@ -246,9 +247,9 @@ export function Rules({
                           if (isConversationStatus) {
                             return (
                               <div className="flex items-center gap-2">
-                                <span className="text-sm text-muted-foreground">
+                                <MutedText>
                                   {systemRuleDesc?.condition || ""}
-                                </span>
+                                </MutedText>
                                 <Tooltip>
                                   <TooltipTrigger asChild>
                                     <InfoIcon className="size-3.5 text-green-600 dark:text-green-500 flex-shrink-0 cursor-help" />

apps/web/app/(app)/[emailAccountId]/assistant/RulesTabNew.tsx

@@ -1,14 +1,15 @@
 import { Rules } from "@/app/(app)/[emailAccountId]/assistant/Rules";
 import { AddRuleDialog } from "@/app/(app)/[emailAccountId]/assistant/AddRuleDialog";
+import { MutedText } from "@/components/Typography";
 
 export function RulesTab() {
   return (
     <div>
       <div className="flex items-center mb-2 justify-between">
-        <p className="text-sm text-muted-foreground">
+        <MutedText>
           Your assistant automatically organizes incoming emails using these
           rules.
-        </p>
+        </MutedText>
 
         <AddRuleDialog />
       </div>

apps/web/app/(app)/[emailAccountId]/assistant/group/ViewLearnedPatterns.tsx

@@ -26,7 +26,7 @@ import {
   TableHeader,
   TableHead,
 } from "@/components/ui/table";
-import { MessageText } from "@/components/Typography";
+import { MessageText, MutedText } from "@/components/Typography";
 import {
   addGroupItemAction,
   deleteGroupItemAction,
@@ -309,9 +309,9 @@ function GroupItemList({
               </TableCell>
               <TableCell className="flex items-center justify-end gap-4 py-2 text-right">
                 <Tooltip content="Date added">
-                  <span className="text-sm text-muted-foreground">
+                  <MutedText>
                     {formatShortDate(new Date(item.createdAt))}
-                  </span>
+                  </MutedText>
                 </Tooltip>
 
                 <Button

apps/web/app/(app)/[emailAccountId]/calendars/CalendarConnectionCard.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import {
   Card,
   CardContent,
@@ -19,7 +20,6 @@ import { useAccount } from "@/providers/EmailAccountProvider";
 import { useCalendars } from "@/hooks/useCalendars";
 import { useState } from "react";
 import type { GetCalendarsResponse } from "@/app/api/user/calendars/route";
-import Image from "next/image";
 import { TypographyP } from "@/components/Typography";
 import {
   Collapsible,

apps/web/app/(app)/[emailAccountId]/calendars/ConnectCalendar.tsx

@@ -5,9 +5,9 @@ import Image from "next/image";
 import { Button } from "@/components/ui/button";
 import { useAccount } from "@/providers/EmailAccountProvider";
 import { toastError } from "@/components/Toast";
+import { captureException } from "@/utils/error";
 import type { GetCalendarAuthUrlResponse } from "@/app/api/google/calendar/auth-url/route";
 import { fetchWithAccount } from "@/utils/fetch";
-import { createScopedLogger } from "@/utils/logger";
 import { CALENDAR_ONBOARDING_RETURN_COOKIE } from "@/utils/calendar/constants";
 
 export function ConnectCalendar({
@@ -18,7 +18,6 @@ export function ConnectCalendar({
   const { emailAccountId } = useAccount();
   const [isConnectingGoogle, setIsConnectingGoogle] = useState(false);
   const [isConnectingMicrosoft, setIsConnectingMicrosoft] = useState(false);
-  const logger = createScopedLogger("calendar-connection");
 
   const setOnboardingReturnCookie = () => {
     if (onboardingReturnPath) {
@@ -43,10 +42,8 @@ export function ConnectCalendar({
       setOnboardingReturnCookie();
       window.location.href = data.url;
     } catch (error) {
-      logger.error("Error initiating Google calendar connection", {
-        error,
-        emailAccountId,
-        provider: "google",
+      captureException(error, {
+        extra: { context: "Google Calendar OAuth initiation" },
       });
       toastError({
         title: "Error initiating Google calendar connection",
@@ -73,10 +70,8 @@ export function ConnectCalendar({
       setOnboardingReturnCookie();
       window.location.href = data.url;
     } catch (error) {
-      logger.error("Error initiating Microsoft calendar connection", {
-        error,
-        emailAccountId,
-        provider: "microsoft",
+      captureException(error, {
+        extra: { context: "Microsoft Calendar OAuth initiation" },
       });
       toastError({
         title: "Error initiating Microsoft calendar connection",

apps/web/app/(app)/[emailAccountId]/clean/CleanHistory.tsx

@@ -7,6 +7,7 @@ import { LoadingContent } from "@/components/LoadingContent";
 import { formatDateSimple } from "@/utils/date";
 import { useAccount } from "@/providers/EmailAccountProvider";
 import { prefixPath } from "@/utils/path";
+import { MutedText } from "@/components/Typography";
 
 export function CleanHistory() {
   const { emailAccountId } = useAccount();
@@ -29,17 +30,13 @@ export function CleanHistory() {
                     {formatDateSimple(new Date(job.createdAt))}
                   </h4>
                 </div>
-                <p className="text-sm text-muted-foreground">
-                  {job._count.threads} emails processed
-                </p>
+                <MutedText>{job._count.threads} emails processed</MutedText>
               </div>
             </Link>
           ))}
         </div>
       ) : (
-        <div className="p-4 text-center text-sm text-muted-foreground">
-          No history yet
-        </div>
+        <MutedText className="p-4 text-center">No history yet</MutedText>
       )}
     </LoadingContent>
   );

apps/web/app/(app)/[emailAccountId]/clean/ConfirmationStep.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import Image from "next/image";
-import { TypographyH3 } from "@/components/Typography";
+import { MutedText, TypographyH3 } from "@/components/Typography";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/Badge";
 import { cleanInboxAction } from "@/utils/actions/clean";
@@ -122,7 +122,7 @@ export function ConfirmationStep({
       </div>
 
       {showFooter && (
-        <div className="mt-6 flex items-center justify-center space-x-6 text-sm text-muted-foreground">
+        <MutedText className="mt-6 flex items-center justify-center space-x-6">
           <FooterLink
             icon={HistoryIcon}
             text="History"
@@ -133,7 +133,7 @@ export function ConfirmationStep({
             text="Edit settings"
             href={prefixPath(emailAccountId, "/clean/onboarding")}
           />
-        </div>
+        </MutedText>
       )}
     </div>
   );

apps/web/app/(app)/[emailAccountId]/debug/rule-history/[ruleId]/page.tsx

@@ -1,5 +1,5 @@
 import prisma from "@/utils/prisma";
-import { PageHeading } from "@/components/Typography";
+import { MutedText, PageHeading } from "@/components/Typography";
 import {
   Card,
   CardContent,
@@ -80,11 +80,11 @@ export default async function RuleHistoryPage(props: {
                       {triggerTypeLabels[history.triggerType] ||
                         history.triggerType}
                     </Badge>
-                    <span className="text-sm text-muted-foreground">
+                    <MutedText>
                       {formatDistanceToNow(history.createdAt, {
                         addSuffix: true,
                       })}
-                    </span>
+                    </MutedText>
                   </div>
                 </div>
                 {history.promptText && (