+
+ );
+};
+
+export default DashboardPage;
diff --git a/servers/nextjs/app/(presentation-generator)/dashboard/components/EmptyState.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/EmptyState.tsx
similarity index 100%
rename from servers/nextjs/app/(presentation-generator)/dashboard/components/EmptyState.tsx
rename to servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/EmptyState.tsx
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx
new file mode 100644
index 00000000..6c1f4c0e
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import Wrapper from "@/components/Wrapper";
+import React from "react";
+import Link from "next/link";
+import BackBtn from "@/components/BackBtn";
+import { usePathname } from "next/navigation";
+import HeaderNav from "@/app/(presentation-generator)/components/HeaderNab";
+import { Layout, FilePlus2 } from "lucide-react";
+import { trackEvent, MixpanelEvent } from "@/utils/mixpanel";
+const Header = () => {
+ const pathname = usePathname();
+ return (
+
+
+
+
+ + + Slide Presentations +
+
+
+
+
+ {
+
+ New presentation
+ New
+
+
+
+
+
+ );
+};
+
+export default Header;
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx
new file mode 100644
index 00000000..8051258e
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx
@@ -0,0 +1,105 @@
+'use client'
+import React from "react";
+
+import { Card } from "@/components/ui/card";
+import { DashboardApi } from "@/app/(presentation-generator)/services/api/dashboard";
+import { EllipsisVertical, Star, Trash } from "lucide-react";
+import {
+ Popover,
+ PopoverTrigger,
+ PopoverContent,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+
+import { useFontLoader } from "@/app/(presentation-generator)/hooks/useFontLoader";
+import SlideScale from "@/app/(presentation-generator)/components/PresentationRender";
+import MarkdownRenderer from "@/app/(presentation-generator)/documents-preview/components/MarkdownRenderer";
+
+export const PresentationCard = ({
+ id,
+ title,
+ presentation,
+ onDeleted
+}: {
+ id: string;
+ title: string;
+ presentation: any;
+ onDeleted?: (presentationId: string) => void;
+}) => {
+ const router = useRouter();
+ // useFontLoader(presentation.fonts || []);
+ const handlePreview = (e: React.MouseEvent) => {
+ e.preventDefault();
+ router.push(`/presentation?id=${id}&type=standard`);
+ };
+
+ const handleDelete = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+
+
+ const response = await DashboardApi.deletePresentation(id);
+
+ if (response) {
+ toast.success("Presentation deleted", {
+ description: "The presentation has been deleted successfully",
+ });
+ if (onDeleted) {
+ onDeleted(id);
+ }
+ } else {
+ toast.error("Error deleting presentation");
+ }
+ };
+ const firstSlide = presentation?.slides?.[0];
+ return (
+
+
+
+ {/* {(pathname !== "/upload" && pathname !== "/dashboard") && 
+
+
+
+
+
+
+ {/* 
+
+ + + {presentation.type} +
*/} + +
+
+
+
+
+
+
+
+
+ e.stopPropagation()}>
+
+
+
+
+
+
+
+
+
+
+ {
+ + {new Date(presentation?.created_at).toLocaleDateString()} +
+ +
-
-
-
- 
+
);
if (isLoading) {
return (
- - Create {type === "slide" ? "New" : "Video"} Presentation -
-- Start from scratch and bring your ideas to life -
+
+
+
+
+
Create New Presentation
+Get Started
-
-
+ )[field] || "";
+ };
+
+ const updateFieldValue = (field: string | undefined, value: string) => {
+ if (!field) return;
+ setLlmConfig((prev: any) => ({
+ ...prev,
+ [field]: value,
+ }));
+ };
+
+ const getTextProviderApiField = () => {
+ if (llmConfig.LLM === "openai") return "OPENAI_API_KEY";
+ if (llmConfig.LLM === "google") return "GOOGLE_API_KEY";
+ if (llmConfig.LLM === "anthropic") return "ANTHROPIC_API_KEY";
+ return "";
+ };
+
+ const shouldHideImageApiKeyInput = (providerValue: string, providerApiKeyField?: string) => {
+ if (!providerApiKeyField) return true;
+ if (providerValue === "comfyui") return false;
+ return providerApiKeyField === getTextProviderApiField();
+ };
+
+
+
+
+ const renderQualitySelector = (llmConfig: LLMConfig, input_field_changed: (value: string, field: string) => void) => {
+ if (llmConfig.IMAGE_PROVIDER === "dall-e-3") {
+ return (
+
+
@@ -105,8 +115,7 @@ export const PresentationGrid = ({
key={presentation.id}
id={presentation.id}
title={presentation.title}
- created_at={presentation.created_at}
- slide={presentation.slides[0]}
+ presentation={presentation}
onDeleted={onPresentationDeleted}
/>
))}
diff --git a/servers/nextjs/app/(presentation-generator)/dashboard/components/PresentationListItem.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationListItem.tsx
similarity index 100%
rename from servers/nextjs/app/(presentation-generator)/dashboard/components/PresentationListItem.tsx
rename to servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationListItem.tsx
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx
new file mode 100644
index 00000000..919a55ad
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+
+const loading = () => {
+ return (
+
+
- {[...Array(3)].map((_, i) => (
+ {[...Array(15)].map((_, i) => (
-
-
+
+
+
+ )
+}
+
+export default loading
diff --git a/servers/nextjs/app/(presentation-generator)/dashboard/page.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/page.tsx
similarity index 100%
rename from servers/nextjs/app/(presentation-generator)/dashboard/page.tsx
rename to servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/page.tsx
diff --git a/servers/nextjs/app/(presentation-generator)/dashboard/types.ts b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/types.ts
similarity index 100%
rename from servers/nextjs/app/(presentation-generator)/dashboard/types.ts
rename to servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/types.ts
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx
new file mode 100644
index 00000000..a1b9172e
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import DashboardSidebar from './Components/DashboardSidebar'
+
+const layout = ({ children }: { children: React.ReactNode }) => {
+ return (
+
+
+ {[...Array(15)].map((_, i) => (
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ )
+}
+
+export default layout
\ No newline at end of file
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/ImageProvider.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/ImageProvider.tsx
new file mode 100644
index 00000000..883cb91d
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/ImageProvider.tsx
@@ -0,0 +1,363 @@
+import ToolTip from '@/components/ToolTip'
+import { Button } from '@/components/ui/button'
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { Select, SelectItem, SelectContent, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { cn } from '@/lib/utils'
+import { LLMConfig } from '@/types/llm_config'
+import { DALLE_3_QUALITY_OPTIONS, GPT_IMAGE_1_5_QUALITY_OPTIONS, IMAGE_PROVIDERS } from '@/utils/providerConstants'
+import { Check, ChevronUp, Eye, EyeOff } from 'lucide-react'
+import React, { useState } from 'react'
+
+const ImageProvider = ({ llmConfig, setLlmConfig }: { llmConfig: LLMConfig, setLlmConfig: (config: any) => void }) => {
+ const [openImageProviderSelect, setOpenImageProviderSelect] = useState(false);
+ const [showApiKey, setShowApiKey] = useState(false);
+ const isImageGenerationDisabled = llmConfig.DISABLE_IMAGE_GENERATION ?? false;
+ const handleChangeImageGenerationDisabled = (value: boolean) => {
+ setLlmConfig((prev: any) => ({
+ ...prev,
+ DISABLE_IMAGE_GENERATION: value
+ }));
+ }
+ const input_field_changed = (value: string, field: string) => {
+ setLlmConfig((prev: any) => ({
+ ...prev,
+ [field]: value
+ }));
+ setOpenImageProviderSelect(false);
+ }
+
+ const getFieldValue = (field?: string) => {
+ if (!field) return "";
+ return (llmConfig as Record
+
+ {children}
+
+
+
+
+ );
+ }
+
+ if (llmConfig.IMAGE_PROVIDER === "gpt-image-1.5") {
+ return (
+
+
+
+
+
+
+
+ );
+ }
+
+ return null;
+ };
+
+
+
+
+ return (
+
+
+
+
+
+ {/* API Key Input */}
+
+
+
+
+ handleChangeImageGenerationDisabled(checked)}
+ />
+
+
+
+
+
+
+
+
+ 
+
+
+ Image Generation Settings
++ Choosing where images come from +
+
+
+
+
+ {!isImageGenerationDisabled && (
+ <>
+ {/* Image Provider Selection */}
+
+
+
+
+
+
+
+ {/* Dynamic API Key Input for Image Provider */}
+ {llmConfig.IMAGE_PROVIDER &&
+ IMAGE_PROVIDERS[llmConfig.IMAGE_PROVIDER] &&
+ (() => {
+ const provider = IMAGE_PROVIDERS[llmConfig.IMAGE_PROVIDER];
+
+ // Show info message when using same API key as main provider
+ if (shouldHideImageApiKeyInput(provider.value, provider.apiKeyField)) {
+ return <>;
+ }
+
+ // Show ComfyUI configuration
+ if (provider.value === "comfyui") {
+ return (
+
+
+
+
+
+
+
+
+ No provider found.
+
+ {Object.values(IMAGE_PROVIDERS).map(
+ (provider, index) => (
+ {
+ input_field_changed(value, "IMAGE_PROVIDER");
+ setOpenImageProviderSelect(false);
+ }}
+ >
+
+ )
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ {provider.label}
+
+
+
+ {provider.description}
+
+
+
+ );
+ }
+
+ // Show API key input for other providers
+ return (
+
+
+
+
+
+ {
+ input_field_changed(
+ e.target.value,
+ "COMFYUI_URL"
+ );
+ }}
+ />
+
+
+
+
+
+ );
+ })()}
+
+
+ )}
+
+
+ updateFieldValue(
+ provider.apiKeyField,
+ e.target.value
+ )
+ }
+ />
+
+
+
+
+
+ {renderQualitySelector(llmConfig, input_field_changed)}
+ {llmConfig.IMAGE_PROVIDER === "comfyui" &&
+
+
+