feat(zoom): zoom connector [needs testing]

apps/web/components/add-document/connections.tsx

@@ -4,7 +4,7 @@ import { $fetch } from "@lib/api"
 import { hasActivePlan } from "@lib/queries"
 import type { ConnectionResponseSchema } from "@repo/validation/api"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
-import { GoogleDrive, Notion, OneDrive } from "@ui/assets/icons"
+import { GoogleDrive, Notion, OneDrive, Zoom } from "@ui/assets/icons"
 import { useCustomer } from "autumn-js/react"
 import {
 	Check,
@@ -48,7 +48,7 @@ const GDRIVE_SCOPE_LABELS: Record<GDriveSyncScope, string> = {
 
 type Connection = z.infer<typeof ConnectionResponseSchema>
 
-type ConnectorProvider = "google-drive" | "notion" | "onedrive"
+type ConnectorProvider = "google-drive" | "notion" | "onedrive" | "zoom"
 
 const CONNECTORS: Record<
 	ConnectorProvider,
@@ -77,6 +77,12 @@ const CONNECTORS: Record<
 		documentLabel: "documents",
 		icon: OneDrive,
 	},
+	zoom: {
+		title: "Zoom",
+		description: "Sync meeting notes, transcripts, and AI summaries",
+		documentLabel: "meetings",
+		icon: Zoom,
+	},
 } as const
 
 /** Extract typed metadata from a connection, with runtime validation. */
@@ -753,6 +759,23 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 												</span>
 											</div>
 										</DropdownMenuItem>
+										<DropdownMenuItem
+											onClick={() => {
+												setConnectingProvider("zoom")
+												addConnectionMutation.mutate({ provider: "zoom" })
+											}}
+											className="flex items-start gap-2.5 px-3 py-2.5 rounded-md cursor-pointer text-white opacity-60 hover:opacity-100 hover:bg-[#293952]/40 focus:bg-[#293952]/40 focus:opacity-100"
+										>
+											<Zoom className="size-5 mt-0.5 shrink-0" />
+											<div className="flex flex-col gap-0.5 min-w-0">
+												<span className="text-[14px] font-medium text-[#FAFAFA] leading-tight">
+													Zoom
+												</span>
+												<span className="text-[11px] text-[#737373] leading-tight">
+													Meetings & transcripts
+												</span>
+											</div>
+										</DropdownMenuItem>
 									</div>
 								</div>
 							</DropdownMenuContent>

apps/web/components/settings/connections-mcp.tsx

@@ -4,7 +4,7 @@ import { dmSans125ClassName } from "@/lib/fonts"
 import { cn } from "@lib/utils"
 import { $fetch } from "@lib/api"
 import { hasActivePlan } from "@lib/queries"
-import { GoogleDrive, Notion, OneDrive } from "@ui/assets/icons"
+import { GoogleDrive, Notion, OneDrive, Zoom } from "@ui/assets/icons"
 import { useCustomer } from "autumn-js/react"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
 import {
@@ -68,6 +68,12 @@ const CONNECTORS = {
 		icon: OneDrive,
 		documentLabel: "documents",
 	},
+	zoom: {
+		title: "Zoom",
+		description: "Sync meeting notes, transcripts, and AI summaries",
+		icon: Zoom,
+		documentLabel: "meetings",
+	},
 } as const
 
 type ConnectorProvider = keyof typeof CONNECTORS

apps/web/components/settings/sync-utils.ts

@@ -42,6 +42,7 @@ export const PROVIDER_DISPLAY_NAMES: Record<string, string> = {
 	github: "GitHub",
 	"web-crawler": "Web Crawler",
 	s3: "S3",
+	zoom: "Zoom",
 }
 
 /** Provider type union matching the backend import endpoint */
@@ -53,3 +54,4 @@ export type ImportProvider =
 	| "github"
 	| "web-crawler"
 	| "s3"
+	| "zoom"

packages/lib/api.ts

@@ -84,13 +84,13 @@ export const apiSchema = createSchema({
 			redirectUrl: z.string().optional(),
 		}),
 		output: z.object({
-			authLink: z.string(),
-			expiresIn: z.string(),
+			authLink: z.string().optional(),
+			expiresIn: z.string().optional(),
 			id: z.string(),
 			redirectsTo: z.string().optional(),
 		}),
 		params: z.object({
-			provider: z.enum(["google-drive", "notion", "onedrive"]),
+			provider: z.enum(["google-drive", "notion", "onedrive", "zoom"]),
 		}),
 	},
 
@@ -158,6 +158,7 @@ export const apiSchema = createSchema({
 				"github",
 				"web-crawler",
 				"s3",
+				"zoom",
 			]),
 		}),
 	},

packages/ui/assets/icons.tsx

@@ -362,3 +362,18 @@ export const ClaudeDesktopIcon = ({ className }: { className?: string }) => {
 		</svg>
 	)
 }
+
+export const Zoom = ({ className }: { className?: string }) => (
+	<svg
+		className={className}
+		viewBox="0 0 72 72"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<title>Zoom</title>
+		<image
+			href="data:image/png;base64,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"
+			width="72"
+			height="72"
+		/>
+	</svg>
+)