Onboarding

.cursorrules

@@ -61,6 +61,9 @@ You are an expert in TypeScript, Node.js, Next.js App Router, React, Prisma, Pos
 - Use React Hook Form with Zod for validation. The same validation should be done in the server action too. Example:
 
   ```tsx
+  import { Input } from "@/components/Input";
+  import { Button } from "@/components/ui/button";
+
   export const ProcessHistory = () => {
     const {
       register,

apps/web/__tests__/ai-example-matches.test.ts

@@ -0,0 +1,101 @@
+import { describe, it, expect, vi } from "vitest";
+import { gmail_v1 } from "@googleapis/gmail";
+import { aiFindExampleMatches } from "@/utils/ai/example-matches/find-example-matches";
+import { queryBatchMessages } from "@/utils/gmail/message";
+import { ParsedMessage } from "@/utils/types";
+import { findExampleMatchesSchema } from "@/utils/ai/example-matches/find-example-matches";
+
+vi.mock("server-only", () => ({}));
+vi.mock("@/utils/gmail/message", () => ({
+  queryBatchMessages: vi.fn(),
+}));
+
+describe("aiFindExampleMatches", () => {
+  it("should find example matches based on user prompt", async () => {
+    const user = {
+      email: "[email protected]",
+      aiProvider: null,
+      aiModel: null,
+      aiApiKey: null,
+    };
+
+    const gmail = {} as gmail_v1.Gmail;
+    const accessToken = "fake-access-token";
+    const rulesPrompt = `
+* Label newsletters as "Newsletter" and archive them.
+* Label emails that require a reply as "Reply Required".
+* If a customer asks to set up a call, send them my calendar link: https://cal.com/example
+`.trim();
+
+    const mockMessages = [
+      {
+        id: "msg1",
+        threadId: "thread1",
+        headers: {
+          from: "[email protected]",
+          subject: "Weekly Industry Digest",
+        },
+        snippet: "Top stories in our industry this week...",
+      },
+      {
+        id: "msg2",
+        threadId: "thread2",
+        headers: {
+          from: "[email protected]",
+          subject: "Urgent: Need your input",
+        },
+        snippet: "Could you please review this proposal and get back to me...",
+      },
+      {
+        id: "msg3",
+        threadId: "thread3",
+        headers: {
+          from: "[email protected]",
+          subject: "Interested in setting up a call",
+        },
+        snippet: "I'd like to discuss your services. Can we schedule a call?",
+      },
+    ];
+
+    vi.mocked(queryBatchMessages).mockResolvedValue({
+      messages: mockMessages as ParsedMessage[],
+      nextPageToken: null,
+    });
+
+    const result = await aiFindExampleMatches(
+      user,
+      gmail,
+      accessToken,
+      rulesPrompt,
+    );
+
+    expect(result).toEqual(
+      expect.objectContaining({
+        matches: expect.arrayContaining([
+          expect.objectContaining({
+            emailId: expect.any(String),
+            rule: expect.stringContaining("Newsletter"),
+          }),
+          expect.objectContaining({
+            emailId: expect.any(String),
+            rule: expect.stringContaining("Reply Required"),
+          }),
+          expect.objectContaining({
+            emailId: expect.any(String),
+            rule: expect.stringContaining("calendar link"),
+          }),
+        ]),
+      }),
+    );
+
+    expect(result.matches).toHaveLength(3);
+    expect(findExampleMatchesSchema.safeParse(result).success).toBe(true);
+    expect(queryBatchMessages).toHaveBeenCalledWith(
+      expect.anything(),
+      expect.anything(),
+      expect.objectContaining({
+        maxResults: expect.any(Number),
+      }),
+    );
+  }, 15000); // Increased timeout for AI call
+});

apps/web/app/(app)/automation/RulesPrompt.tsx

@@ -40,7 +40,7 @@ const examplePrompts = [
   'Label pitch decks as "Pitch Deck" and forward them to [email protected]',
   "Reply to cold emails by telling them to check out Inbox Zero. Then mark them as spam",
   'Label high priority emails as "High Priority"',
-  "If a founder asks to set up a call, send them my Cal link: https://cal.com/max",
+  "If a founder asks to set up a call, send them my Cal link: https://cal.com/example",
   "If someone asks to cancel a plan, ask to set up a call by sending my Cal link",
   'If a founder sends me an investor update, label it "Investor Update" and archive it',
   'If someone pitches me their startup, label it as "Investing", archive it, and respond with a friendly reply that I no longer have time to look at the email but if they get a warm intro, that\'s their best bet to get funding from me',
@@ -151,7 +151,7 @@ function RulesPromptForm({
       <div className="sm:col-span-2">
         <CardHeader>
           <CardTitle>
-            How your AI personal assistant should handle your emails
+            How your AI personal assistant should handle incoming emails
           </CardTitle>
           <CardDescription>
             Write a prompt for your assistant to follow.
@@ -176,9 +176,8 @@ Feel free to add as many as you want:
 * Archive all marketing emails.
 * Label receipts as "Receipt" and forward them to [email protected].
 * Label emails that require a reply as "Reply Required".
-* If a customer asks to set up a call, send them my Cal link: https://cal.com/max
-* Review any emails from [email protected] and see if any are about finance. If so, respond with a friendly draft a reply that answers the question.
-            `}
+* If a customer asks to set up a call, send them my Cal link: https://cal.com/example
+* Review any emails from [email protected] and see if any are about finance. If so, respond with a friendly draft a reply that answers the question.`}
               />
 
               <div className="flex gap-2">

apps/web/app/(app)/bulk-unsubscribe/BulkUnsubscribeMobile.tsx

@@ -58,13 +58,15 @@ export function BulkUnsubscribeRowMobile({
     mutate,
     posthog,
   });
-  const { unsubscribeLoading, onUnsubscribe } = useUnsubscribe({
-    item,
-    hasUnsubscribeAccess,
-    mutate,
-    posthog,
-    refetchPremium,
-  });
+  const { unsubscribeLoading, onUnsubscribe, unsubscribeLink } = useUnsubscribe(
+    {
+      item,
+      hasUnsubscribeAccess,
+      mutate,
+      refetchPremium,
+      posthog,
+    },
+  );
   const { archiveAllLoading, onArchiveAll } = useArchiveAll({
     item,
     posthog,
@@ -117,15 +119,11 @@ export function BulkUnsubscribeRowMobile({
             variant={
               item.status === NewsletterStatus.UNSUBSCRIBED ? "red" : "default"
             }
-            asChild={!!item.lastUnsubscribeLink}
+            asChild
           >
             <Link
-              href={
-                hasUnsubscribeAccess && item.lastUnsubscribeLink
-                  ? cleanUnsubscribeLink(item.lastUnsubscribeLink) || "#"
-                  : "#"
-              }
-              target="_blank"
+              href={unsubscribeLink}
+              target={unsubscribeLink !== "#" ? "_blank" : undefined}
               onClick={onUnsubscribe}
               rel="noreferrer"
             >

apps/web/app/(app)/bulk-unsubscribe/common.tsx

@@ -157,18 +157,18 @@ function UnsubscribeButton<T extends Row>({
   item: T;
   hasUnsubscribeAccess: boolean;
   mutate: () => Promise<void>;
-  posthog: PostHog;
   refetchPremium: () => Promise<any>;
+  posthog: PostHog;
 }) {
-  const { unsubscribeLoading, onUnsubscribe } = useUnsubscribe({
-    item,
-    hasUnsubscribeAccess,
-    mutate,
-    posthog,
-    refetchPremium,
-  });
-
-  const isLink = hasUnsubscribeAccess && item.lastUnsubscribeLink;
+  const { unsubscribeLoading, onUnsubscribe, unsubscribeLink } = useUnsubscribe(
+    {
+      item,
+      hasUnsubscribeAccess,
+      mutate,
+      posthog,
+      refetchPremium,
+    },
+  );
 
   return (
     <Button
@@ -179,12 +179,8 @@ function UnsubscribeButton<T extends Row>({
       asChild
     >
       <Link
-        href={
-          isLink
-            ? cleanUnsubscribeLink(item.lastUnsubscribeLink || "") || ""
-            : ""
-        }
-        target={isLink ? "_blank" : undefined}
+        href={unsubscribeLink}
+        target={unsubscribeLink !== "#" ? "_blank" : undefined}
         onClick={onUnsubscribe}
         rel="noreferrer"
       >

apps/web/app/(app)/bulk-unsubscribe/hooks.ts

@@ -75,6 +75,10 @@ export function useUnsubscribe<T extends Row>({
   return {
     unsubscribeLoading,
     onUnsubscribe,
+    unsubscribeLink:
+      hasUnsubscribeAccess && item.lastUnsubscribeLink
+        ? cleanUnsubscribeLink(item.lastUnsubscribeLink) || "#"
+        : "#",
   };
 }
 

apps/web/app/(app)/cold-email-blocker/ColdEmailPromptModal.tsx

@@ -3,7 +3,7 @@ import { type SubmitHandler, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { PenIcon } from "lucide-react";
 import { Modal, useModal } from "@/components/Modal";
-import { Button } from "@/components/Button";
+import { Button } from "@/components/ui/button";
 import { Input } from "@/components/Input";
 import {
   type UpdateColdEmailSettingsBody,
@@ -29,7 +29,7 @@ export function ColdEmailPromptModal(props: {
 
   return (
     <>
-      <Button onClick={openModal} type="button" color="white">
+      <Button onClick={openModal} type="button" variant="outline">
         <PenIcon className="mr-2 h-4 w-4" />
         Edit Prompt
       </Button>
@@ -102,7 +102,7 @@ function ColdEmailPromptForm(props: {
       />
 
       <div className="mt-2">
-        <Button type="submit" size="lg" loading={isSubmitting}>
+        <Button type="submit" loading={isSubmitting}>
           Save
         </Button>
       </div>