diff --git a/apps/web/components/add-document/connections.tsx b/apps/web/components/add-document/connections.tsx index 7aa0250d5..6e3c15bf5 100644 --- a/apps/web/components/add-document/connections.tsx +++ b/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 = { type Connection = z.infer -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) { + { + 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 + + + Meetings & transcripts + +
+ diff --git a/apps/web/components/settings/connections-mcp.tsx b/apps/web/components/settings/connections-mcp.tsx index 26412728f..9b7c9e082 100644 --- a/apps/web/components/settings/connections-mcp.tsx +++ b/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 diff --git a/apps/web/components/settings/sync-utils.ts b/apps/web/components/settings/sync-utils.ts index 25a683ba8..247d06fc8 100644 --- a/apps/web/components/settings/sync-utils.ts +++ b/apps/web/components/settings/sync-utils.ts @@ -42,6 +42,7 @@ export const PROVIDER_DISPLAY_NAMES: Record = { 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" diff --git a/packages/lib/api.ts b/packages/lib/api.ts index 76d62fda9..2edcf370f 100644 --- a/packages/lib/api.ts +++ b/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", ]), }), }, diff --git a/packages/ui/assets/icons.tsx b/packages/ui/assets/icons.tsx index 9c30d2e3e..7ea8aa3a6 100644 --- a/packages/ui/assets/icons.tsx +++ b/packages/ui/assets/icons.tsx @@ -362,3 +362,18 @@ export const ClaudeDesktopIcon = ({ className }: { className?: string }) => { ) } + +export const Zoom = ({ className }: { className?: string }) => ( + + Zoom + + +)