Added Luma connector

surfsense_web/app/dashboard/[search_space_id]/connectors/[connector_id]/edit/page.tsx

@@ -260,6 +260,17 @@ export default function EditConnectorPage() {
 										placeholder="Bot token..."
 									/>
 								)}
+
+								{/* == Luma == */}
+								{connector.connector_type === "LUMA_CONNECTOR" && (
+									<EditSimpleTokenForm
+										control={editForm.control}
+										fieldName="LUMA_API_KEY"
+										fieldLabel="Luma API Key"
+										fieldDescription="Update the Luma API Key if needed."
+										placeholder="API Key..."
+									/>
+								)}
 							</CardContent>
 							<CardFooter className="border-t pt-6">
 								<Button type="submit" disabled={isSaving} className="w-full sm:w-auto">

surfsense_web/app/dashboard/[search_space_id]/connectors/[connector_id]/page.tsx

@@ -53,6 +53,7 @@ const getConnectorTypeDisplay = (type: string): string => {
 		GOOGLE_CALENDAR_CONNECTOR: "Google Calendar Connector",
 		GOOGLE_GMAIL_CONNECTOR: "Google Gmail Connector",
 		AIRTABLE_CONNECTOR: "Airtable Connector",
+		LUMA_CONNECTOR: "Luma Connector"
 		// Add other connector types here as needed
 	};
 	return typeMap[type] || type;
@@ -71,6 +72,7 @@ const getApiKeyFieldName = (connectorType: string): string => {
 		GITHUB_CONNECTOR: "GITHUB_PAT",
 		DISCORD_CONNECTOR: "DISCORD_BOT_TOKEN",
 		LINKUP_API: "LINKUP_API_KEY",
+		LUMA_CONNECTOR: "LUMA_API_KEY"
 	};
 	return fieldMap[connectorType] || "";
 };

surfsense_web/app/dashboard/[search_space_id]/connectors/add/luma-connector/page.tsx

@@ -0,0 +1,263 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { motion } from "framer-motion";
+import { ArrowLeft, Check, Key, Loader2 } from "lucide-react";
+import Link from "next/link";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import * as z from "zod";
+import { Button } from "@/components/ui/button";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardFooter,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
+import {
+	Form,
+	FormControl,
+	FormDescription,
+	FormField,
+	FormItem,
+	FormLabel,
+	FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { EnumConnectorName } from "@/contracts/enums/connector";
+import { getConnectorIcon } from "@/contracts/enums/connectorIcons";
+import {
+	type SearchSourceConnector,
+	useSearchSourceConnectors,
+} from "@/hooks/useSearchSourceConnectors";
+
+// Define the form schema with Zod
+const lumaConnectorFormSchema = z.object({
+	name: z.string().min(3, {
+		message: "Connector name must be at least 3 characters.",
+	}),
+	api_key: z.string().min(10, {
+		message: "API key is required and must be valid.",
+	}),
+});
+
+// Define the type for the form values
+type LumaConnectorFormValues = z.infer<typeof lumaConnectorFormSchema>;
+
+export default function LumaConnectorPage() {
+	const router = useRouter();
+	const params = useParams();
+	const searchSpaceId = params.search_space_id as string;
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [doesConnectorExist, setDoesConnectorExist] = useState(false);
+	
+	const { fetchConnectors, createConnector } = useSearchSourceConnectors();
+
+	// Initialize the form
+	const form = useForm<LumaConnectorFormValues>({
+		resolver: zodResolver(lumaConnectorFormSchema),
+		defaultValues: {
+			name: "Luma Events",
+			api_key: "",
+		},
+	});
+
+	useEffect(() => {
+		fetchConnectors().then((data) => {
+			const connector = data.find(
+				(c: SearchSourceConnector) =>
+					c.connector_type === EnumConnectorName.LUMA_CONNECTOR
+			);
+			if (connector) {
+				setDoesConnectorExist(true);
+			}
+		});
+	}, [fetchConnectors]);
+
+	// Handle form submission
+	const onSubmit = async (values: LumaConnectorFormValues) => {
+		setIsSubmitting(true);
+		try {
+			await createConnector({
+				name: values.name,
+				connector_type: EnumConnectorName.LUMA_CONNECTOR,
+				config: {
+					LUMA_API_KEY: values.api_key
+				},
+				is_indexable: true,
+				last_indexed_at: null,
+			});
+
+			toast.success("Luma connector created successfully!");
+			
+			// Navigate back to connectors page
+			router.push(`/dashboard/${searchSpaceId}/connectors`);
+		} catch (error) {
+			console.error("Error creating connector:", error);
+			toast.error(error instanceof Error ? error.message : "Failed to create connector");
+		} finally {
+			setIsSubmitting(false);
+		}
+	};
+
+	return (
+		<div className="container mx-auto py-8 max-w-2xl">
+			<motion.div
+				initial={{ opacity: 0, y: 20 }}
+				animate={{ opacity: 1, y: 0 }}
+				transition={{ duration: 0.5 }}
+			>
+				{/* Header */}
+				<div className="mb-8">
+					<Link
+						href={`/dashboard/${searchSpaceId}/connectors/add`}
+						className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground mb-4"
+					>
+						<ArrowLeft className="mr-2 h-4 w-4" />
+						Back to connectors
+					</Link>
+					<div className="flex items-center gap-4">
+						<div className="flex h-12 w-12 items-center justify-center rounded-lg">
+							{getConnectorIcon(EnumConnectorName.LUMA_CONNECTOR, "h-6 w-6")}
+						</div>
+						<div>
+							<h1 className="text-3xl font-bold tracking-tight">Connect Luma</h1>
+							<p className="text-muted-foreground">
+								Connect your Luma account to search events.
+							</p>
+						</div>
+					</div>
+				</div>
+
+				{/* Connection Card */}
+				{!doesConnectorExist ? (
+					<Card>
+						<CardHeader>
+							<CardTitle>Connect Your Luma Account</CardTitle>
+							<CardDescription>
+								Enter your Luma API key to connect your account. We'll use this to access your
+								events in read-only mode.
+							</CardDescription>
+						</CardHeader>
+						<Form {...form}>
+							<form onSubmit={form.handleSubmit(onSubmit)}>
+								<CardContent className="space-y-4">
+									<FormField
+										control={form.control}
+										name="name"
+										render={({ field }) => (
+											<FormItem>
+												<FormLabel>Connector Name</FormLabel>
+												<FormControl>
+													<Input placeholder="My Luma Events" {...field} />
+												</FormControl>
+												<FormDescription>
+													A friendly name to identify this connector.
+												</FormDescription>
+												<FormMessage />
+											</FormItem>
+										)}
+									/>
+
+									<FormField
+										control={form.control}
+										name="api_key"
+										render={({ field }) => (
+											<FormItem>
+												<FormLabel>API Key</FormLabel>
+												<FormControl>
+													<Input 
+														type="password" 
+														placeholder="Enter your Luma API key" 
+														{...field} 
+													/>
+												</FormControl>
+												<FormDescription>
+													Your API key will be encrypted and stored securely.
+												</FormDescription>
+												<FormMessage />
+											</FormItem>
+										)}
+									/>
+
+									<div className="space-y-2 pt-2">
+										<div className="flex items-center space-x-2 text-sm text-muted-foreground">
+											<Check className="h-4 w-4 text-green-500" />
+											<span>Read-only access to your Luma events</span>
+										</div>
+										<div className="flex items-center space-x-2 text-sm text-muted-foreground">
+											<Check className="h-4 w-4 text-green-500" />
+											<span>Access works even when you're offline</span>
+										</div>
+										<div className="flex items-center space-x-2 text-sm text-muted-foreground">
+											<Check className="h-4 w-4 text-green-500" />
+											<span>You can disconnect anytime</span>
+										</div>
+									</div>
+								</CardContent>
+								<CardFooter className="flex justify-between">
+									<Button
+										type="button"
+										variant="outline"
+										onClick={() => router.push(`/dashboard/${searchSpaceId}/connectors/add`)}
+									>
+										Cancel
+									</Button>
+									<Button type="submit" disabled={isSubmitting}>
+										{isSubmitting ? (
+											<>
+												<Loader2 className="mr-2 h-4 w-4 animate-spin" />
+												Connecting...
+											</>
+										) : (
+											<>
+												<Key className="mr-2 h-4 w-4" />
+												Connect Luma
+											</>
+										)}
+									</Button>
+								</CardFooter>
+							</form>
+						</Form>
+					</Card>
+				) : (
+					/* Success Card */
+					<Card>
+						<CardHeader>
+							<CardTitle>✅ Your Luma account is successfully connected!</CardTitle>
+						</CardHeader>
+					</Card>
+				)}
+
+				{/* Help Section */}
+				{!doesConnectorExist && (
+					<Card className="mt-6">
+						<CardHeader>
+							<CardTitle className="text-lg">How It Works</CardTitle>
+						</CardHeader>
+						<CardContent className="space-y-4">
+							<div>
+								<h4 className="font-medium mb-2">1. Get Your API Key</h4>
+								<p className="text-sm text-muted-foreground">
+									Log into your Luma account and navigate to your account settings to generate an
+									API key.
+								</p>
+							</div>
+							<div>
+								<h4 className="font-medium mb-2">2. Enter Your API Key</h4>
+								<p className="text-sm text-muted-foreground">
+									Paste your API key in the field above. We'll use this to securely access your
+									events with read-only permissions.
+								</p>
+							</div>
+						</CardContent>
+					</Card>
+				)}
+			</motion.div>
+		</div>
+	);
+}

surfsense_web/app/dashboard/[search_space_id]/connectors/add/page.tsx

@@ -140,6 +140,13 @@ const connectorCategories: ConnectorCategory[] = [
 				icon: getConnectorIcon(EnumConnectorName.AIRTABLE_CONNECTOR, "h-6 w-6"),
 				status: "available",
 			},
+			{
+				id: "luma-connector",
+				title: "Luma",
+				description: "Connect to Luma to search events",
+				icon: getConnectorIcon(EnumConnectorName.LUMA_CONNECTOR, "h-6 w-6"),
+				status: "available",
+			}
 		],
 	},
 	{

surfsense_web/components/dashboard-breadcrumb.tsx

@@ -87,6 +87,7 @@ export function DashboardBreadcrumb() {
 								"tavily-api": "Tavily API",
 								"serper-api": "Serper API",
 								"linkup-api": "LinkUp API",
+								"luma-connector": "Luma"
 							};
 
 							const connectorLabel = connectorLabels[connectorType] || connectorType;

surfsense_web/components/editConnector/types.ts

@@ -43,5 +43,6 @@ export const editConnectorSchema = z.object({
 	GOOGLE_CALENDAR_CLIENT_SECRET: z.string().optional(),
 	GOOGLE_CALENDAR_REFRESH_TOKEN: z.string().optional(),
 	GOOGLE_CALENDAR_CALENDAR_IDS: z.string().optional(),
+	LUMA_API_KEY: z.string().optional()
 });
 export type EditConnectorFormValues = z.infer<typeof editConnectorSchema>;

surfsense_web/contracts/enums/connector.ts

@@ -13,4 +13,5 @@ export enum EnumConnectorName {
 	GOOGLE_CALENDAR_CONNECTOR = "GOOGLE_CALENDAR_CONNECTOR",
 	GOOGLE_GMAIL_CONNECTOR = "GOOGLE_GMAIL_CONNECTOR",
 	AIRTABLE_CONNECTOR = "AIRTABLE_CONNECTOR",
+	LUMA_CONNECTOR = "LUMA_CONNECTOR"
 }

surfsense_web/contracts/enums/connectorIcons.tsx

@@ -13,6 +13,7 @@ import {
 	IconTable,
 	IconTicket,
 	IconWorldWww,
+	IconSparkles,
 } from "@tabler/icons-react";
 import { File, Globe, Link, Microscope, Search, Sparkles, Telescope, Webhook } from "lucide-react";
 import { EnumConnectorName } from "./connector";
@@ -49,6 +50,8 @@ export const getConnectorIcon = (connectorType: EnumConnectorName | string, clas
 			return <IconBook {...iconProps} />;
 		case EnumConnectorName.CLICKUP_CONNECTOR:
 			return <IconChecklist {...iconProps} />;
+		case EnumConnectorName.LUMA_CONNECTOR:
+			return <IconSparkles {...iconProps} />;
 		// Additional cases for non-enum connector types
 		case "YOUTUBE_VIDEO":
 			return <IconBrandYoutube {...iconProps} />;

surfsense_web/hooks/use-document-by-chunk.ts

@@ -34,7 +34,8 @@ export type DocumentType =
 	| "CONFLUENCE_CONNECTOR"
 	| "CLICKUP_CONNECTOR"
 	| "GOOGLE_CALENDAR_CONNECTOR"
-	| "GOOGLE_GMAIL_CONNECTOR";
+	| "GOOGLE_GMAIL_CONNECTOR"
+	| "LUMA_CONNECTOR";
 
 export function useDocumentByChunk() {
 	const [document, setDocument] = useState<DocumentWithChunks | null>(null);

surfsense_web/hooks/use-documents.ts

@@ -27,7 +27,8 @@ export type DocumentType =
 	| "CLICKUP_CONNECTOR"
 	| "GOOGLE_CALENDAR_CONNECTOR"
 	| "GOOGLE_GMAIL_CONNECTOR"
-	| "AIRTABLE_CONNECTOR";
+	| "AIRTABLE_CONNECTOR"
+	| "LUMA_CONNECTOR";
 
 export function useDocuments(searchSpaceId: number, lazy: boolean = false) {
 	const [documents, setDocuments] = useState<Document[]>([]);

surfsense_web/hooks/useConnectorEditPage.ts

@@ -52,6 +52,7 @@ export function useConnectorEditPage(connectorId: number, searchSpaceId: string)
 			JIRA_BASE_URL: "",
 			JIRA_EMAIL: "",
 			JIRA_API_TOKEN: "",
+			LUMA_API_KEY: ""
 		},
 	});
 
@@ -78,6 +79,7 @@ export function useConnectorEditPage(connectorId: number, searchSpaceId: string)
 					JIRA_BASE_URL: config.JIRA_BASE_URL || "",
 					JIRA_EMAIL: config.JIRA_EMAIL || "",
 					JIRA_API_TOKEN: config.JIRA_API_TOKEN || "",
+					LUMA_API_KEY: config.LUMA_API_KEY || ""
 				});
 				if (currentConnector.connector_type === "GITHUB_CONNECTOR") {
 					const savedRepos = config.repo_full_names || [];
@@ -303,6 +305,16 @@ export function useConnectorEditPage(connectorId: number, searchSpaceId: string)
 						};
 					}
 					break;
+				case "LUMA_CONNECTOR":
+					if (formData.LUMA_API_KEY !== originalConfig.LUMA_API_KEY) {
+						if (!formData.LUMA_API_KEY) {
+							toast.error("Luma API Key cannot be empty.");
+							setIsSaving(false);
+							return;
+						}
+						newConfig = { LUMA_API_KEY: formData.LUMA_API_KEY};
+					}
+					break;
 			}
 
 			if (newConfig !== null) {
@@ -365,6 +377,8 @@ export function useConnectorEditPage(connectorId: number, searchSpaceId: string)
 						editForm.setValue("JIRA_BASE_URL", newlySavedConfig.JIRA_BASE_URL || "");
 						editForm.setValue("JIRA_EMAIL", newlySavedConfig.JIRA_EMAIL || "");
 						editForm.setValue("JIRA_API_TOKEN", newlySavedConfig.JIRA_API_TOKEN || "");
+					} else if (connector.connector_type == "LUMA_CONNECTOR") {
+						editForm.setValue("LUMA_API_KEY", newlySavedConfig.LUMA_API_KEY || "");
 					}
 				}
 				if (connector.connector_type === "GITHUB_CONNECTOR") {

surfsense_web/lib/connectors/utils.ts

@@ -15,6 +15,7 @@ export const getConnectorTypeDisplay = (type: string): string => {
 		GOOGLE_CALENDAR_CONNECTOR: "Google Calendar",
 		GOOGLE_GMAIL_CONNECTOR: "Google Gmail",
 		AIRTABLE_CONNECTOR: "Airtable",
+		LUMA_CONNECTOR: "Luma"
 	};
 	return typeMap[type] || type;
 };