From d8a4a565d38dbc1b869d6430a5655bbfbc9d7db0 Mon Sep 17 00:00:00 2001
From: shiva raj badu <shivabadu5@gmail.com>
Date: Tue, 24 Feb 2026 17:26:49 +0545
Subject: [PATCH] feat: Enhance dashboard and settings layout with new
 components and improved UI elements

---
 .../dashboard/components/DashboardPage.tsx    |  46 ++-
 .../dashboard/components/Header.tsx           |   2 +-
 .../dashboard/components/PresentationGrid.tsx |   2 +-
 .../(dashboard)/dashboard/loading.tsx         |  31 +-
 .../(dashboard)/layout.tsx                    |   5 +-
 .../(dashboard)/settings/SettingPage.tsx      |  32 +-
 .../(dashboard)/settings/SettingSideBar.tsx   |  59 ++++
 .../templates/components/TemplatePanel.tsx    |  36 ++-
 .../outline/components/CustomTemplateCard.tsx |  63 +---
 .../outline/components/OutlinePage.tsx        |   6 +-
 .../outline/components/TemplateSelection.tsx  | 288 ++++++++++--------
 .../components/PresentationHeader.tsx         |  71 ++---
 .../presentation/components/ThemeSelector.tsx | 120 ++++++++
 .../template-preview/page.tsx                 |   3 +-
 .../upload/components/UploadPage.tsx          |   2 +-
 servers/nextjs/components/LLMSelection.tsx    |  39 +--
 .../public/providers/image-provider.png       | Bin 0 -> 30564 bytes
 servers/nextjs/public/providers/openai.png    | Bin 0 -> 7049 bytes
 18 files changed, 503 insertions(+), 302 deletions(-)
 create mode 100644 servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingSideBar.tsx
 create mode 100644 servers/nextjs/app/(presentation-generator)/presentation/components/ThemeSelector.tsx
 create mode 100644 servers/nextjs/public/providers/image-provider.png
 create mode 100644 servers/nextjs/public/providers/openai.png

diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/DashboardPage.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/DashboardPage.tsx
index 210fe07f..1e5de6ec 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/DashboardPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/DashboardPage.tsx
@@ -4,6 +4,8 @@ import React, { useState, useEffect } from "react";
 
 import { DashboardApi } from "@/app/(presentation-generator)/services/api/dashboard";
 import { PresentationGrid } from "@/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationGrid";
+import Link from "next/link";
+import { ChevronRight } from "lucide-react";
 
 
 
@@ -44,7 +46,49 @@ const DashboardPage: React.FC = () => {
   };
 
   return (
-    <div className="min-h-screen  w-full">
+    <div className="min-h-screen  w-full px-6 pb-10">
+      <div className="sticky top-0 right-0 z-50 py-[28px]   backdrop-blur mb-4 ">
+        <div className="flex xl:flex-row flex-col gap-6 xl:gap-0 items-center justify-between">
+          <h3 className=" text-[28px] tracking-[-0.84px] font-unbounded font-normal text-[#101828] flex items-center gap-2">
+
+            Slide Presentations
+          </h3>
+          <div className="flex  gap-2.5 max-sm:w-full max-md:justify-center max-sm:flex-wrap">
+
+
+
+            {<Link
+              href="/generate"
+              className="inline-flex items-center gap-2 rounded-xl px-4 py-2.5 text-black text-sm font-medium shadow-sm hover:shadow-md"
+              aria-label="Create new presentation"
+              style={{
+                borderRadius: "48px",
+                background: "linear-gradient(270deg, #D5CAFC 2.4%, #E3D2EB 27.88%, #F4DCD3 69.23%, #FDE4C2 100%)",
+              }}
+            >
+
+              <span className="hidden md:inline">New presentation</span>
+              <span className="md:hidden">New</span>
+              <ChevronRight className="w-4 h-4" />
+            </Link>}
+            {/* {
+              <Link
+                href="/theme?tab=new-theme"
+                className="inline-flex items-center font-inter font-normal gap-2 rounded-xl px-4 py-2.5 text-black text-sm  shadow-sm hover:shadow-md"
+                aria-label="Create new themes"
+                style={{
+                  borderRadius: "48px",
+                  background: "linear-gradient(270deg, #D5CAFC 2.4%, #E3D2EB 27.88%, #F4DCD3 69.23%, #FDE4C2 100%)",
+                }}
+              >
+                <span className="hidden md:inline">New Themes</span>
+                <span className="md:hidden">New</span>
+                <ChevronRight className="w-4 h-4" />
+              </Link>
+            } */}
+          </div>
+        </div>
+      </div>
       <PresentationGrid
         presentations={presentations}
         type="slide"
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx
index 6cfda534..d88d8894 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/Header.tsx
@@ -15,7 +15,7 @@ const Header = () => {
       <Wrapper>
         <div className="flex items-center justify-between py-1">
           <div className="flex items-center gap-3">
-            {(pathname !== "/upload" && pathname !== "/dashboard") && <BackBtn />}
+            {/* {(pathname !== "/upload" && pathname !== "/dashboard") && <BackBtn />} */}
             <Link href="/dashboard" onClick={() => trackEvent(MixpanelEvent.Navigation, { from: pathname, to: "/dashboard" })}>
               <img
                 src="/Logo.png"
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationGrid.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationGrid.tsx
index 559487bd..5fa4d938 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationGrid.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationGrid.tsx
@@ -69,7 +69,7 @@ export const PresentationGrid = ({
 
   if (isLoading) {
     return (
-      <div className="grid grid-cols-1 mt-10 md:grid-cols-2 lg:grid-cols-4 gap-5 sm:gap-6 w-full">
+      <div className="grid grid-cols-1 px-6 mt-10 md:grid-cols-2 lg:grid-cols-4 gap-5 sm:gap-6 w-full">
         <div className="flex flex-col gap-4 min-h-[200px] cursor-pointer group ring-1 ring-inset ring-slate-200 bg-white/80 rounded-xl items-center justify-center animate-pulse">
           <div className="rounded-full bg-slate-200 p-4">
             <div className="w-8 h-8" />
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx
index 41cd811c..919a55ad 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/loading.tsx
@@ -1,23 +1,26 @@
-import { Skeleton } from '@/components/ui/skeleton'
 import React from 'react'
 
 const loading = () => {
   return (
-    <div className=''>
-
-
-      <div className='container mx-auto px-4 py-8'>
-
-
-        <div className=" mx-auto pb-10 grid xl:grid-cols-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4  ">
-          {
-            Array.from({ length: 8 }).map((_, index) => (
-              <Skeleton key={index} className="h-72 w-full bg-gray-300 aspect-video mx-auto" />
-            ))
-          }
+    <div className="grid grid-cols-1 px-6 mt-10 md:grid-cols-2 lg:grid-cols-4 gap-5 sm:gap-6 w-full">
+      <div className="flex flex-col gap-4 min-h-[200px] cursor-pointer group ring-1 ring-inset ring-slate-200 bg-white/80 rounded-xl items-center justify-center animate-pulse">
+        <div className="rounded-full bg-slate-200 p-4">
+          <div className="w-8 h-8" />
+        </div>
+        <div className="text-center space-y-2">
+          <div className="h-4 bg-slate-200 rounded w-32 mx-auto"></div>
+          <div className="h-3 bg-slate-200 rounded w-48 mx-auto"></div>
         </div>
       </div>
-
+      {[...Array(15)].map((_, i) => (
+        <div key={i} className="flex flex-col gap-4 min-h-[200px] bg-white/70 rounded-lg p-4 animate-pulse">
+          <div className="w-full h-24 bg-gray-200 rounded-lg"></div>
+          <div className="space-y-3">
+            <div className="h-4 bg-gray-200 rounded w-3/4"></div>
+            <div className="h-3 bg-gray-200 rounded w-1/2"></div>
+          </div>
+        </div>
+      ))}
     </div>
   )
 }
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx
index 3a67a294..a1b9172e 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/layout.tsx
@@ -1,13 +1,12 @@
 import React from 'react'
 import DashboardSidebar from './Components/DashboardSidebar'
-import DashboardNav from './Components/DashboardNav'
 
 const layout = ({ children }: { children: React.ReactNode }) => {
     return (
-        <div className='flex  gap-6 pr-4 bg-white'>
+        <div className='flex pr-4 bg-white'>
             <DashboardSidebar />
             <div className='w-full'>
-                <DashboardNav />
+
                 {children}
             </div>
         </div>
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingPage.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingPage.tsx
index 33e2a808..c9cc3f37 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingPage.tsx
@@ -14,6 +14,7 @@ import LLMProviderSelection from "@/components/LLMSelection";
 import Header from "../dashboard/components/Header";
 import { LLMConfig } from "@/types/llm_config";
 import { trackEvent, MixpanelEvent } from "@/utils/mixpanel";
+import SettingSideBar from "./SettingSideBar";
 
 // Button state interface
 interface ButtonState {
@@ -28,6 +29,8 @@ interface ButtonState {
 const SettingsPage = () => {
   const router = useRouter();
   const pathname = usePathname();
+  const [mode, setMode] = useState<'nanobanana' | 'presenton'>('presenton')
+  const [selectedProvider, setSelectedProvider] = useState<'text-provider' | 'image-provider'>('text-provider')
   const userConfigState = useSelector((state: RootState) => state.userConfig);
   const [llmConfig, setLlmConfig] = useState<LLMConfig>(
     userConfigState.llm_config
@@ -155,15 +158,30 @@ const SettingsPage = () => {
   return (
     <div className="h-screen font-instrument_sans flex flex-col overflow-hidden">
 
-      <main className="w-full mx-auto px-4  overflow-hidden flex flex-col">
+      <main className="w-full mx-auto gap-6   overflow-hidden flex ">
+        <SettingSideBar mode={mode} setMode={setMode} selectedProvider={selectedProvider} setSelectedProvider={setSelectedProvider} />
+        <div className="w-full">
+          <div className="sticky top-0 right-0 z-50 py-[28px]   backdrop-blur mb-4 ">
+            <div className="flex xl:flex-row flex-col gap-6 xl:gap-0 items-center justify-between">
+              <h3 className=" text-[28px] tracking-[-0.84px] font-unbounded font-normal text-black flex items-center gap-2">
+                Settings
+              </h3>
+              <div className="flex  gap-2.5 max-sm:w-full max-md:justify-center max-sm:flex-wrap">
+              </div>
+            </div>
+          </div>
 
-        <LLMProviderSelection
-          initialLLMConfig={llmConfig}
-          onConfigChange={setLlmConfig}
-          buttonState={buttonState}
-          setButtonState={setButtonState}
-        />
+          {mode === 'nanobanana' && <div className=" w-full bg-[#F9F8F8] p-7 rounded-[20px]">
+            <h4>Nano Banana</h4>
+          </div>}
+          {mode === 'presenton' && <LLMProviderSelection
+            initialLLMConfig={llmConfig}
+            onConfigChange={setLlmConfig}
+            buttonState={buttonState as any}
+            setButtonState={setButtonState as any}
+          />}
 
+        </div>
       </main>
 
       {/* Fixed Bottom Button */}
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingSideBar.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingSideBar.tsx
new file mode 100644
index 00000000..b2eb2d75
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/settings/SettingSideBar.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+const SettingSideBar = ({ mode, setMode, selectedProvider, setSelectedProvider }: { mode: 'nanobanana' | 'presenton', setMode: (mode: 'nanobanana' | 'presenton') => void, selectedProvider: 'text-provider' | 'image-provider', setSelectedProvider: (provider: 'text-provider' | 'image-provider') => void }) => {
+    return (
+        <div className='w-full max-w-[230px] h-screen px-4 pt-[22px] bg-[#F9FAFB]'>
+            <p className='text-xs text-black  font-medium border-b mt-[3.15rem]  border-[#E1E1E5] pb-3.5'>FILTER BY:</p>
+            <div className='mt-6'>
+                <p className='text-[#3A3A3A] text-xs font-medium pb-2.5'>Select Mode</p>
+                <div className='p-1 rounded-[40px] bg-[#ffffff] w-fit border border-[#EDEEEF] flex items-center justify-center mb-[34px] '>
+                    <button className='px-3  py-2 text-xs font-medium text-[#3A3A3A] rounded-[70px]'
+                        onClick={() => setMode('nanobanana')}
+                        style={{
+                            background: mode === 'nanobanana' ? '#F4F3FF' : 'transparent',
+                            color: mode === 'nanobanana' ? '#5146E5' : '#3A3A3A'
+                        }}
+                    >Nanobanana</button>
+                    <svg xmlns="http://www.w3.org/2000/svg" className='mx-1' width="2" height="17" viewBox="0 0 2 17" fill="none">
+                        <path d="M1 0V16.5" stroke="#EDECEC" strokeWidth="2" />
+                    </svg>
+                    <button className='px-3  py-2 text-xs font-medium text-[#3A3A3A] rounded-[70px]'
+                        onClick={() => setMode('presenton')}
+                        style={{
+                            background: mode === 'presenton' ? '#F4F3FF' : 'transparent',
+                            color: mode === 'presenton' ? '#5146E5' : '#3A3A3A'
+                        }}
+                    >Presenton</button>
+                </div>
+                <p className='text-[#3A3A3A] text-xs font-medium pb-2.5'>Select Provider</p>
+                {mode === 'presenton' && <div className='space-y-2.5'>
+                    <button className={`bg-white w-full rounded-[6px] p-3 py-4 flex items-center gap-1.5 border border-[#E1E1E5] ${selectedProvider === 'text-provider' ? 'bg-[#F4F3FF] border-[#D9D6FE]' : ''}`} onClick={() => setSelectedProvider('text-provider')}>
+                        <div className='relative w-6 h-6 rounded-full overflow-hidden border border-[#EDEEEF]'>
+
+                            <img src='/providers/openai.png' className=' object-cover w-full h-full overflow-hidden' alt='google' />
+                        </div>
+                        <p className='text-[#191919] text-xs  font-medium' >Text Provider</p>
+                    </button>
+                    <button className={`bg-white w-full rounded-[6px] p-3 py-4 flex items-center gap-1.5 border border-[#E1E1E5] ${selectedProvider === 'image-provider' ? 'bg-[#F4F3FF] border-[#D9D6FE]' : ''}`} onClick={() => setSelectedProvider('image-provider')}>
+                        <div className='relative w-6 h-6 rounded-full overflow-hidden border border-[#EDEEEF]'>
+                            <img src='/providers/image-provider.png' className=' object-cover w-full h-full overflow-hidden' alt='google' />
+                        </div>
+                        <p className='text-[#191919] text-xs  font-medium' >Image Provider</p>
+                    </button>
+                </div>}
+                {
+                    mode === 'nanobanana' && <div>
+                        <button className={`bg-white w-full rounded-[6px] p-3 py-4 flex items-center gap-1.5 border border-[#E1E1E5] ${selectedProvider === 'text-provider' ? 'bg-[#F4F3FF] border-[#D9D6FE]' : ''}`}>
+                            <div className='relative w-6 h-6 rounded-full overflow-hidden border border-[#EDEEEF]'>
+
+                                <img src='/providers/openai.png' className=' object-cover w-full h-full overflow-hidden' alt='google' />
+                            </div>
+                            <p className='text-[#191919] text-xs  font-medium' >Nanobanana</p>
+                        </button>
+                    </div>
+                }
+            </div>
+        </div>
+    )
+}
+
+export default SettingSideBar
diff --git a/servers/nextjs/app/(presentation-generator)/(dashboard)/templates/components/TemplatePanel.tsx b/servers/nextjs/app/(presentation-generator)/(dashboard)/templates/components/TemplatePanel.tsx
index 7a972392..92e26ac3 100644
--- a/servers/nextjs/app/(presentation-generator)/(dashboard)/templates/components/TemplatePanel.tsx
+++ b/servers/nextjs/app/(presentation-generator)/(dashboard)/templates/components/TemplatePanel.tsx
@@ -2,7 +2,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Card } from "@/components/ui/card";
-import { ExternalLink, Loader2, Plus } from "lucide-react";
+import { ChevronRight, ExternalLink, Loader2, Plus } from "lucide-react";
 import { templates } from "@/app/presentation-templates";
 import { TemplateWithData, TemplateLayoutsWithSettings } from "@/app/presentation-templates/utils";
 import {
@@ -12,11 +12,12 @@ import {
 } from "@/app/hooks/useCustomTemplates";
 import { CompiledLayout } from "@/app/hooks/compileLayout";
 import CreateCustomTemplate from "./CreateCustomTemplate";
+import Link from "next/link";
 
 // Component for rendering custom template card with lazy-loaded previews
 export const CustomTemplateCard = React.memo(function CustomTemplateCard({ template }: { template: CustomTemplates }) {
     const router = useRouter();
-    const { previewLayouts, loading } = useCustomTemplatePreview(`${template.id}`);
+    const { previewLayouts, loading, totalLayouts } = useCustomTemplatePreview(`${template.id}`);
     const handleOpen = useCallback(() => {
         if (template.id.startsWith('custom-')) {
             router.push(`/template-preview/${template.id}`)
@@ -34,7 +35,7 @@ export const CustomTemplateCard = React.memo(function CustomTemplateCard({ templ
 
             <img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
             <span className="text-xs font-syne absolute top-2 flex gap-1 capitalize  items-center left-2 rounded-[100px]  px-2.5 py-1 bg-[#3A3A3AF5] text-white font-semibold  z-40">
-                Layouts- {template.layoutCount}
+                Layouts- {totalLayouts}
             </span>
             <div className="p-5">
 
@@ -157,7 +158,7 @@ const InbuiltTemplateCard = React.memo(function InbuiltTemplateCard({
 });
 
 const LayoutPreview = () => {
-    const [tab, setTab] = useState<'custom' | 'default'>('custom');
+    const [tab, setTab] = useState<'custom' | 'default'>('default');
     const router = useRouter();
     const { templates: customTemplates, loading: customLoading } = useCustomTemplateSummaries();
 
@@ -191,6 +192,33 @@ const LayoutPreview = () => {
 
     return (
         <div className="min-h-screen ">
+            <div className="sticky top-0 right-0 z-50 py-[28px] px-6   backdrop-blur ">
+                <div className="flex xl:flex-row flex-col gap-6 xl:gap-0 items-center justify-between">
+                    <h3 className=" text-[28px] tracking-[-0.84px] font-unbounded font-normal text-[#101828] flex items-center gap-2">
+                        Templates
+                    </h3>
+                    <div className="flex  gap-2.5 max-sm:w-full max-md:justify-center max-sm:flex-wrap">
+
+
+
+
+                        <Link
+                            href="/custom-template"
+                            className="inline-flex items-center font-inter font-normal gap-2 rounded-xl px-4 py-2.5 text-black text-sm  shadow-sm hover:shadow-md"
+                            aria-label="Create new themes"
+                            style={{
+                                borderRadius: "48px",
+                                background: "linear-gradient(270deg, #D5CAFC 2.4%, #E3D2EB 27.88%, #F4DCD3 69.23%, #FDE4C2 100%)",
+                            }}
+                        >
+                            <span className="hidden md:inline">New Template</span>
+                            <span className="md:hidden">New</span>
+                            <ChevronRight className="w-4 h-4" />
+                        </Link>
+
+                    </div>
+                </div>
+            </div>
 
             <div className="l mx-auto px-6 py-8">
                 <div className='p-1 rounded-[40px] bg-[#ffffff] w-fit border border-[#EDEEEF] flex items-center justify-center '>
diff --git a/servers/nextjs/app/(presentation-generator)/outline/components/CustomTemplateCard.tsx b/servers/nextjs/app/(presentation-generator)/outline/components/CustomTemplateCard.tsx
index 4a5ac6fa..3f795157 100644
--- a/servers/nextjs/app/(presentation-generator)/outline/components/CustomTemplateCard.tsx
+++ b/servers/nextjs/app/(presentation-generator)/outline/components/CustomTemplateCard.tsx
@@ -28,70 +28,11 @@ LayoutPreview.displayName = 'LayoutPreview';
 
 export const CustomTemplateCard = memo(({ template, onSelectTemplate, selectedTemplate }: { template: CustomTemplates, onSelectTemplate: (template: string) => void, selectedTemplate: string | null }) => {
 
-    const { previewLayouts, loading: customLoading } = useCustomTemplatePreview(template.id);
+    const { previewLayouts, loading: customLoading, totalLayouts } = useCustomTemplatePreview(template.id);
     const isSelected = selectedTemplate === template.id;
 
     return (
-        // <Card
-        //     className={`${isSelected ? 'border-2 border-blue-500' : ''} cursor-pointer hover:shadow-lg transition-all duration-200 group overflow-hidden relative`}
-        //     style={{ contain: 'layout style paint' }}
-        //     onClick={() => {
-        //         onSelectTemplate(template.id);
-        //     }}
-        // >
-        //     <div className="p-5">
-        //         <div className="flex items-center justify-between mb-2">
-        //             <h3 className="text-xl font-bold text-gray-900">
-        //                 {template.name}
-        //             </h3>
 
-        //         </div>
-
-
-
-        //         {/* Layout previews */}
-        //         <div className="grid grid-cols-2 gap-2">
-        //             {customLoading ? (
-        //                 // Loading placeholders
-        //                 [...Array(Math.min(4, template.layoutCount))].map((_, index) => (
-        //                     <div
-        //                         key={`${template.id}-loading-${index}`}
-        //                         className="relative bg-gradient-to-br from-purple-50 to-blue-50 border border-gray-200 overflow-hidden aspect-video rounded flex items-center justify-center"
-        //                     >
-        //                         <Loader2 className="w-4 h-4 text-purple-300 animate-spin" />
-        //                     </div>
-        //                 ))
-        //             ) : previewLayouts && previewLayouts?.length > 0 ? (
-        //                 // Actual layout previews - using memoized component
-        //                 previewLayouts?.slice(0, 4).map((layout: CompiledLayout, index: number) => (
-        //                     <LayoutPreview
-        //                         key={`${template.id}-preview-${index}`}
-        //                         layout={layout}
-        //                         templateId={template.id}
-        //                         index={index}
-        //                     />
-        //                 ))
-        //             ) : (
-        //                 // Empty state placeholders
-        //                 [...Array(Math.min(4, template.layoutCount))].map((_, index) => (
-        //                     <div
-        //                         key={`${template.id}-empty-${index}`}
-        //                         className="relative bg-gray-100 border border-gray-200 overflow-hidden aspect-video rounded flex items-center justify-center"
-        //                     >
-        //                         <span className="text-xs text-gray-400">No preview</span>
-        //                     </div>
-        //                 ))
-        //             )}
-        //         </div>
-
-
-        //     </div>
-        //     {isSelected && (
-        //         <div className="absolute top-0 right-0 bg-blue-500 text-white px-2 py-1 rounded-bl-lg">
-        //             Selected
-        //         </div>
-        //     )}
-        // </Card>
         <Card
             className={`${isSelected ? 'border-2 border-blue-500' : ''} cursor-pointer flex flex-col justify-between relative hover:shadow-lg transition-all duration-200 group overflow-hidden`}
             onClick={() => onSelectTemplate(template.id)}
@@ -99,7 +40,7 @@ export const CustomTemplateCard = memo(({ template, onSelectTemplate, selectedTe
 
             <img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
             <span className="text-xs font-syne absolute top-2 flex gap-1 capitalize  items-center left-2 rounded-[100px]  px-2.5 py-1 bg-[#3A3A3AF5] text-white font-semibold  z-40">
-                Layouts- {template.layoutCount}
+                Layouts- {totalLayouts}
             </span>
             <div className="p-5">
 
diff --git a/servers/nextjs/app/(presentation-generator)/outline/components/OutlinePage.tsx b/servers/nextjs/app/(presentation-generator)/outline/components/OutlinePage.tsx
index 78d6afdb..aa82ad1f 100644
--- a/servers/nextjs/app/(presentation-generator)/outline/components/OutlinePage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/outline/components/OutlinePage.tsx
@@ -48,10 +48,10 @@ const OutlinePage: React.FC = () => {
         duration={loadingState.duration}
       />
 
-      <Wrapper className="h-full flex flex-col w-full">
-        <div className="flex-grow overflow-y-hidden w-[1200px] mx-auto mt-6">
+      <Wrapper className="h-full  flex flex-col w-full">
+        <div className="flex-grow w-full overflow-y-hidden  mx-auto mt-6">
           <Tabs value={activeTab} onValueChange={setActiveTab} className="h-full flex flex-col">
-            <TabsList className="my-4grid h-auto w-fit grid-cols-2 rounded-full border border-[#DFDFE1] bg-[#F8F8F9] p-1.5">
+            <TabsList className="my-4 h-auto w-fit  rounded-full border border-[#DFDFE1] bg-[#F8F8F9] p-1.5">
               <TabsTrigger
                 value={TABS.OUTLINE}
                 className="rounded-full px-5 py-2 text-xs font-medium text-[#2D2D2D] shadow-none data-[state=active]:bg-[#E9E2F8] data-[state=active]:text-[#7E3AF2] data-[state=active]:shadow-none"
diff --git a/servers/nextjs/app/(presentation-generator)/outline/components/TemplateSelection.tsx b/servers/nextjs/app/(presentation-generator)/outline/components/TemplateSelection.tsx
index 5b5244c7..a5a0ff9c 100644
--- a/servers/nextjs/app/(presentation-generator)/outline/components/TemplateSelection.tsx
+++ b/servers/nextjs/app/(presentation-generator)/outline/components/TemplateSelection.tsx
@@ -1,5 +1,5 @@
 "use client";
-import React, { useEffect } from "react";
+import React, { useEffect, useMemo, useCallback, memo } from "react";
 
 import { templates } from "@/app/presentation-templates";
 import { TemplateLayoutsWithSettings } from "@/app/presentation-templates/utils";
@@ -8,19 +8,86 @@ import { TemplateWithData } from "@/app/presentation-templates/utils";
 import { CustomTemplates, useCustomTemplateSummaries } from "@/app/hooks/useCustomTemplates";
 import { Loader2 } from "lucide-react";
 import { CustomTemplateCard } from "./CustomTemplateCard";
+
+// Memoized layout preview for built-in templates
+const BuiltInLayoutPreview = memo(({ layout, templateId, index }: {
+  layout: TemplateWithData;
+  templateId: string;
+  index: number;
+}) => {
+  const LayoutComponent = layout.component;
+  return (
+    <div
+      className="relative bg-gray-100 border border-gray-200 overflow-hidden aspect-video rounded"
+      style={{ contain: 'layout style paint' }}
+    >
+      <div className="absolute inset-0 bg-transparent z-10" />
+      <div
+        className="transform scale-[0.12] origin-top-left"
+        style={{ width: "833.33%", height: "833.33%" }}
+      >
+        <LayoutComponent data={layout.sampleData} />
+      </div>
+    </div>
+  );
+});
+BuiltInLayoutPreview.displayName = 'BuiltInLayoutPreview';
+
+// Memoized built-in template card
+const BuiltInTemplateCard = memo(({ template, isSelected, onSelect }: {
+  template: TemplateLayoutsWithSettings;
+  isSelected: boolean;
+  onSelect: (template: TemplateLayoutsWithSettings) => void;
+}) => {
+  const previewLayouts = useMemo(() => template.layouts.slice(0, 4), [template.layouts]);
+  const handleClick = useCallback(() => onSelect(template), [onSelect, template]);
+
+  return (
+    <Card
+      className={`${isSelected ? 'border-2 border-blue-500' : ''} cursor-pointer relative hover:shadow-lg transition-all duration-200 group overflow-hidden`}
+      onClick={handleClick}
+    >
+      <span className="text-xs font-syne absolute top-2 flex gap-1 capitalize items-center left-2 rounded-[100px] px-2.5 py-1 bg-[#3A3A3AF5] text-white font-semibold z-40">
+        Layouts- {template.layouts.length}
+      </span>
+      <img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
+      <div className="p-5">
+        <div className="grid grid-cols-2 gap-2">
+          {previewLayouts.map((layout: TemplateWithData, index: number) => (
+            <BuiltInLayoutPreview
+              key={`${template.id}-preview-${index}`}
+              layout={layout}
+              templateId={template.id}
+              index={index}
+            />
+          ))}
+        </div>
+      </div>
+      <div className="flex items-center justify-between p-5 bg-white border-t border-[#EDEEEF] relative z-40">
+        <div>
+          <h3 className="text-sm font-bold text-gray-900 capitalize">
+            {template.name}
+          </h3>
+          <p className="text-xs text-gray-600 mb-4 line-clamp-2">
+            {template.description}
+          </p>
+        </div>
+      </div>
+    </Card>
+  );
+});
+BuiltInTemplateCard.displayName = 'BuiltInTemplateCard';
+
 interface TemplateSelectionProps {
   selectedTemplate: (TemplateLayoutsWithSettings | string) | null;
   onSelectTemplate: (template: TemplateLayoutsWithSettings | string) => void;
 }
 
-const TemplateSelection: React.FC<TemplateSelectionProps> = ({
+const TemplateSelection: React.FC<TemplateSelectionProps> = memo(({
   selectedTemplate,
   onSelectTemplate
 }) => {
-
-
   useEffect(() => {
-
     const existingScript = document.querySelector(
       'script[src*="tailwindcss.com"]'
     );
@@ -30,146 +97,101 @@ const TemplateSelection: React.FC<TemplateSelectionProps> = ({
       script.async = true;
       document.head.appendChild(script);
     }
-
   }, []);
 
   const { templates: customTemplates, loading: customLoading } = useCustomTemplateSummaries();
 
+  // Stable callback for custom template selection
+  const handleCustomSelect = useCallback(
+    (template: TemplateLayoutsWithSettings | string) => onSelectTemplate(template),
+    [onSelectTemplate]
+  );
+
+  // Stable callback for built-in template selection
+  const handleBuiltInSelect = useCallback(
+    (template: TemplateLayoutsWithSettings) => onSelectTemplate(template),
+    [onSelectTemplate]
+  );
+
+  // Derive the selected custom template id only when selectedTemplate changes
+  const selectedCustomId = useMemo(
+    () => (typeof selectedTemplate === 'string' ? selectedTemplate : null),
+    [selectedTemplate]
+  );
+
+  // Derive the selected built-in template id only when selectedTemplate changes
+  const selectedBuiltInId = useMemo(
+    () => (typeof selectedTemplate !== 'string' ? selectedTemplate?.id ?? null : null),
+    [selectedTemplate]
+  );
+
+  // Memoize the custom templates section
+  const customTemplateCards = useMemo(() => {
+    if (customLoading) {
+      return (
+        <div className="flex items-center justify-center py-12">
+          <Loader2 className="w-8 h-8 animate-spin text-blue-600" />
+          <span className="ml-3 text-gray-600">Loading custom templates...</span>
+        </div>
+      );
+    }
+    if (customTemplates.length === 0) {
+      return (
+        <Card className="p-8 text-center">
+          <p className="text-gray-500">No custom templates yet.</p>
+          <p className="text-sm text-gray-400 mt-2">
+            Custom templates you create will appear here.
+          </p>
+        </Card>
+      );
+    }
+    return (
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
+        {customTemplates.map((template: CustomTemplates) => (
+          <CustomTemplateCard
+            key={template.id}
+            template={template}
+            onSelectTemplate={handleCustomSelect}
+            selectedTemplate={selectedCustomId}
+          />
+        ))}
+      </div>
+    );
+  }, [customLoading, customTemplates, handleCustomSelect, selectedCustomId]);
+
+  // Memoize the built-in templates list
+  const builtInTemplateCards = useMemo(
+    () =>
+      templates.map((template: TemplateLayoutsWithSettings) => (
+        <BuiltInTemplateCard
+          key={template.id}
+          template={template}
+          isSelected={selectedBuiltInId === template.id}
+          onSelect={handleBuiltInSelect}
+        />
+      )),
+    [selectedBuiltInId, handleBuiltInSelect]
+  );
+
   return (
     <div className="space-y-8 mb-4">
-      {/* In Built Templates */}
-      <div>
-        <h3 className="text-lg font-semibold text-gray-900 mb-3">In Built Templates</h3>
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          {templates.map((template: TemplateLayoutsWithSettings) => {
-            const previewLayouts = template.layouts.slice(0, 4);
-
-            return (
-              <Card
-                key={template.id}
-                className={`${typeof selectedTemplate !== 'string' && selectedTemplate?.id === template.id ? 'border-2 border-blue-500' : ''} cursor-pointer relative hover:shadow-lg transition-all duration-200 group overflow-hidden`}
-                onClick={() => onSelectTemplate(template)}
-              >
-                <span className="text-xs font-syne absolute top-2 flex gap-1 capitalize  items-center left-2 rounded-[100px]  px-2.5 py-1 bg-[#3A3A3AF5] text-white font-semibold  z-40">
-                  Layouts- {template.layouts.length}
-                </span>
-                <img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
-                <div className="p-5">
-                  <div className="grid grid-cols-2 gap-2">
-                    {previewLayouts.map((layout: TemplateWithData, index: number) => {
-                      const LayoutComponent = layout.component;
-                      return (
-                        <div
-                          key={`${template.id}-preview-${index}`}
-                          className="relative bg-gray-100 border border-gray-200 overflow-hidden aspect-video rounded"
-                        >
-                          <div className="absolute inset-0 bg-transparent z-10" />
-                          <div
-                            className="transform scale-[0.12] origin-top-left"
-                            style={{ width: "833.33%", height: "833.33%" }}
-                          >
-                            <LayoutComponent data={layout.sampleData} />
-                          </div>
-                        </div>
-                      );
-                    })}
-                  </div>
-                </div>
-                <div className="flex items-center justify-between  p-5 bg-white border-t border-[#EDEEEF] relative z-40 ">
-                  <div>
-
-                    <h3 className="text-sm font-bold text-gray-900 capitalize">
-                      {template.name}
-                    </h3>
-                    <p className="text-xs text-gray-600 mb-4 line-clamp-2">
-                      {template.description}
-                    </p>
-                  </div>
-
-                </div>
-              </Card>
-              // <Card
-              //   key={template.id}
-              //   className={`${typeof selectedTemplate !== 'string' && selectedTemplate?.id === template.id ? 'border-2 border-blue-500' : ''} cursor-pointer hover:shadow-lg transition-all duration-200 group overflow-hidden relative`}
-              //   onClick={() => onSelectTemplate(template)}
-              // >
-              //   <div className="p-5">
-              //     <div className="flex items-center justify-between mb-2">
-              //       <h3 className="text-xl font-bold text-gray-900 capitalize">
-              //         {template.name}
-              //       </h3>
-
-              //     </div>
-
-              //     <p className="text-sm text-gray-600 mb-4 line-clamp-2">
-              //       {template.description}
-              //     </p>
-
-              //     <div className="grid grid-cols-2 gap-2">
-              //       {previewLayouts.map((layout: TemplateWithData, index: number) => {
-              //         const LayoutComponent = layout.component;
-              //         return (
-              //           <div
-              //             key={`${template.id}-preview-${index}`}
-              //             className="relative bg-gray-100 border border-gray-200 overflow-hidden aspect-video rounded"
-              //             style={{ contain: 'layout style paint' }}
-              //           >
-              //             <div className="absolute inset-0 bg-transparent z-10" />
-              //             <div
-              //               className="transform scale-[0.2] flex justify-center items-center origin-top-left w-[500%] h-[500%]"
-              //               style={{ transform: 'scale(0.2) translateZ(0)', backfaceVisibility: 'hidden' }}
-              //             >
-              //               <LayoutComponent data={layout.sampleData} />
-              //             </div>
-              //           </div>
-              //         );
-              //       })}
-              //     </div>
-              //   </div>
-              //   {typeof selectedTemplate !== 'string' && selectedTemplate?.id === template.id && (
-              //     <div className="absolute top-0 right-0 bg-blue-500 text-white px-2 py-1 rounded-bl-lg">
-              //       Selected
-              //     </div>
-              //   )}
-              // </Card>
-            );
-          })}
-        </div>
-      </div>
-
       {/* Custom AI Templates */}
       <div>
         <div className="flex items-center justify-between mb-3">
-          <h3 className="text-lg font-semibold text-gray-900">Custom AI Templates</h3>
+          <h3 className="text-lg font-semibold text-gray-900">Custom</h3>
+        </div>
+        {customTemplateCards}
+      </div>
+      {/* In Built Templates */}
+      <div>
+        <h3 className="text-lg font-semibold text-gray-900 mb-3">In Built</h3>
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          {builtInTemplateCards}
         </div>
-        {customLoading ? (
-          <div className="flex items-center justify-center py-12">
-            <Loader2 className="w-8 h-8 animate-spin text-blue-600" />
-            <span className="ml-3 text-gray-600">Loading custom templates...</span>
-          </div>
-        ) : customTemplates.length === 0 ? (
-          <Card className="p-8 text-center">
-            <p className="text-gray-500">No custom templates yet.</p>
-            <p className="text-sm text-gray-400 mt-2">
-              Custom templates you create will appear here.
-            </p>
-          </Card>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-4  gap-6">
-            {customTemplates.map((template: CustomTemplates) => (
-
-              <CustomTemplateCard
-                key={template.id}
-                template={template}
-                onSelectTemplate={onSelectTemplate}
-                selectedTemplate={typeof selectedTemplate === 'string' ? selectedTemplate : null}
-              />
-            ))}
-          </div>
-        )}
       </div>
     </div>
   );
-};
+});
+TemplateSelection.displayName = 'TemplateSelection';
 
 export default TemplateSelection;
diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
index d7d387e9..691cb222 100644
--- a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
@@ -1,17 +1,18 @@
 "use client";
 import { Button } from "@/components/ui/button";
 import {
-  SquareArrowOutUpRight,
   Play,
   Loader2,
   Redo2,
   Undo2,
   RotateCcw,
   ArrowRightFromLine,
+  ExternalLink,
+  MoveUpRight,
+  ArrowUpRight,
 
 } from "lucide-react";
 import React, { useState } from "react";
-import Wrapper from "@/components/Wrapper";
 import { useRouter, usePathname } from "next/navigation";
 import {
   Popover,
@@ -19,27 +20,21 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { PresentationGenerationApi } from "../../services/api/presentation-generation";
-import { OverlayLoader } from "@/components/ui/overlay-loader";
 import { useDispatch, useSelector } from "react-redux";
 
-import Link from "next/link";
 
 import { RootState } from "@/store/store";
 import { toast } from "sonner";
 
 
-import Announcement from "@/components/Announcement";
 import { PptxPresentationModel } from "@/types/pptx_models";
-import HeaderNav from "../../components/HeaderNab";
-import PDFIMAGE from "@/public/pdf.svg";
-import PPTXIMAGE from "@/public/pptx.svg";
-import Image from "next/image";
 import { trackEvent, MixpanelEvent } from "@/utils/mixpanel";
 import { usePresentationUndoRedo } from "../hooks/PresentationUndoRedo";
 import ToolTip from "@/components/ToolTip";
 import { clearPresentationData } from "@/store/slices/presentationGeneration";
 import { clearHistory } from "@/store/slices/undoRedoSlice";
 import { Separator } from "@/components/ui/separator";
+import ThemeSelector from "./ThemeSelector";
 
 const PresentationHeader = ({
   presentation_id,
@@ -157,28 +152,35 @@ const PresentationHeader = ({
   };
 
   const ExportOptions = ({ mobile }: { mobile: boolean }) => (
-    <div className={`space-y-2 max-md:mt-4 ${mobile ? "" : "bg-white"} rounded-lg`}>
-      <Button
-        onClick={() => {
-          trackEvent(MixpanelEvent.Header_Export_PDF_Button_Clicked, { pathname });
-          handleExportPdf();
-        }}
-        variant="ghost"
-        className={`pb-4 border-b rounded-none border-gray-300 w-full flex justify-start text-[#5146E5] ${mobile ? "bg-white py-6 border-none rounded-lg" : ""}`} >
-        <Image src={PDFIMAGE} alt="pdf export" width={30} height={30} />
-        Export as PDF
-      </Button>
-      <Button
-        onClick={() => {
-          trackEvent(MixpanelEvent.Header_Export_PPTX_Button_Clicked, { pathname });
-          handleExportPptx();
-        }}
-        variant="ghost"
-        className={`w-full flex justify-start text-[#5146E5] ${mobile ? "bg-white py-6" : ""}`}
-      >
-        <Image src={PPTXIMAGE} alt="pptx export" width={30} height={30} />
-        Export as PPTX
-      </Button>
+    <div className={` rounded-[18px] max-md:mt-4 ${mobile ? "" : "bg-white"}  p-5`}>
+      <p className="text-sm font-medium text-[#19001F]">Export as</p>
+      <div className="my-[18px] h-[1px] bg-[#E8E8E8]" />
+      <div className="space-y-3">
+
+        <Button
+          onClick={() => {
+            trackEvent(MixpanelEvent.Header_Export_PDF_Button_Clicked, { pathname });
+            handleExportPdf();
+          }}
+          variant="ghost"
+          className={`  rounded-none px-0 w-full text-xs flex justify-start text-black hover:bg-transparent ${mobile ? "bg-white py-6 border-none rounded-lg" : ""}`} >
+
+          PDF
+          <ArrowUpRight className="w-3.5 h-3.5" />
+        </Button>
+        <Button
+          onClick={() => {
+            trackEvent(MixpanelEvent.Header_Export_PPTX_Button_Clicked, { pathname });
+            handleExportPptx();
+          }}
+          variant="ghost"
+          className={`w-full flex px-0 justify-start text-xs text-black hover:bg-transparent  ${mobile ? "bg-white py-6" : ""}`}
+        >
+
+          PPTX
+          <ArrowUpRight className="w-3.5 h-3.5" />
+        </Button>
+      </div>
 
 
     </div>
@@ -189,12 +191,13 @@ const PresentationHeader = ({
   return (
     <>
       <div className="py-7 sticky top-0 bg-white z-50 mb-[17px] pr-[25px] flex justify-between items-center">
-        <h2 className="text-[28px] text-[#101323]  w-[600px] truncate">{presentationData?.title || "Presentation"}</h2>
+        <h2 className="text-lg text-[#101323]  w-[600px] truncate">{presentationData?.title || "Presentation"}</h2>
         <div className="flex items-center gap-2.5">
 
           {isPresentationSaving && <div className="flex items-center gap-2">
             <Loader2 className="w-3.5 h-3.5 animate-spin" />
           </div>}
+          <ThemeSelector presentation_id={presentation_id} current_theme={{}} themes={[]} />
 
           <div className="flex items-center gap-2 bg-[#F6F6F9] px-3.5 h-[38px] border border-[#EDECEC] rounded-[80px]">
 
@@ -246,10 +249,10 @@ const PresentationHeader = ({
                 }}
                 disabled={isExporting}
               >
-                {isExporting ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : "Export"} <ArrowRightFromLine />
+                {isExporting ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : "Export"} <ArrowRightFromLine className="w-3.5 h-3.5" />
               </button>
             </PopoverTrigger>
-            <PopoverContent align="end" className="w-[250px] space-y-2 py-3 px-2 ">
+            <PopoverContent align="end" className="w-[200px] rounded-[18px] space-y-2 p-0  ">
               <ExportOptions mobile={false} />
             </PopoverContent>
           </Popover>
diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/ThemeSelector.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/ThemeSelector.tsx
new file mode 100644
index 00000000..65ecec72
--- /dev/null
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/ThemeSelector.tsx
@@ -0,0 +1,120 @@
+"use client";
+import React, { useState } from 'react'
+// import { Theme } from '@/app/(presentation-generator)/services/api/types'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Palette } from 'lucide-react';
+
+import { useDispatch } from 'react-redux';
+// import { updateTheme } from '@/store/slices/presentationGeneration';
+import { useRouter } from 'next/navigation';
+import { useFontLoader } from '../../hooks/useFontLoader';
+const ThemeSelector = ({ presentation_id, current_theme, themes: allThemes }: { presentation_id: string, current_theme: any, themes: any[] }) => {
+    const [currentTheme, setCurrentTheme] = useState<any>(current_theme)
+    const dispatch = useDispatch()
+    const router = useRouter()
+    const applyTheme = async (theme: any) => {
+        const element = document.getElementById('presentation-slides-wrapper')
+        if (!element) return;
+        if (allThemes.length === 0) return;
+        setCurrentTheme(theme)
+        clearTheme()
+        if (!theme.data.colors['graph_0']) { return; }
+        const cssVariables = {
+            '--primary-color': theme.data.colors['primary'],
+            '--background-color': theme.data.colors['background'],
+            '--card-color': theme.data.colors['card'],
+            '--stroke': theme.data.colors['stroke'],
+            '--primary-text': theme.data.colors['primary_text'],
+            '--background-text': theme.data.colors['background_text'],
+            '--graph-0': theme.data.colors['graph_0'],
+            '--graph-1': theme.data.colors['graph_1'],
+            '--graph-2': theme.data.colors['graph_2'],
+            '--graph-3': theme.data.colors['graph_3'],
+            '--graph-4': theme.data.colors['graph_4'],
+            '--graph-5': theme.data.colors['graph_5'],
+            '--graph-6': theme.data.colors['graph_6'],
+            '--graph-7': theme.data.colors['graph_7'],
+            '--graph-8': theme.data.colors['graph_8'],
+            '--graph-9': theme.data.colors['graph_9'],
+        }
+        Object.entries(cssVariables).forEach(([key, value]) => {
+            element.style.setProperty(key, value)
+        })
+        // useFontLoader({ [theme.data.fonts.textFont.name]: theme.data.fonts.textFont.url })
+
+        // Apply fonts to preview container
+        element.style.setProperty('font-family', `"${theme.data.fonts.textFont.name}"`)
+        element.style.setProperty('--heading-font-family', `"${theme.data.fonts.textFont.name}"`)
+
+        // dispatch(updateTheme(theme))
+    }
+    const clearTheme = () => {
+        const element = document.getElementById('presentation-slides-wrapper')
+        if (!element) return;
+        element.style.removeProperty('--primary-color');
+        element.style.removeProperty('--background-color');
+        element.style.removeProperty('--card-color');
+        element.style.removeProperty('--stroke');
+        element.style.removeProperty('--primary-text');
+        element.style.removeProperty('--background-text');
+        element.style.removeProperty('--graph-0');
+        element.style.removeProperty('--graph-1');
+        element.style.removeProperty('--graph-2');
+        element.style.removeProperty('--graph-3');
+        element.style.removeProperty('--graph-4');
+        element.style.removeProperty('--graph-5');
+        element.style.removeProperty('--graph-6');
+        element.style.removeProperty('--graph-7');
+        element.style.removeProperty('--graph-8');
+        element.style.removeProperty('--graph-9');
+    }
+    const resetTheme = async () => {
+        clearTheme();
+
+        // dispatch(updateTheme({} as any))
+    }
+
+
+    return (
+        <Popover>
+            <PopoverTrigger>
+                <button className="text-sm px-[18px] py-2.5 gap-1.5 flex items-center font-inter border border-[#EDEEEF] bg-[#F6F6F9] text-black hover:text-blue-500 duration-300 rounded-[88px] font-medium">
+                    <Palette className="h-4 w-4" /> Theme
+                </button>
+            </PopoverTrigger>
+            <PopoverContent className="w-fit max-h-80 overflow-y-auto custom_scrollbar">
+                <div className='pb-2 flex  gap-2 justify-end'>
+                    <button className='text-xs text-gray-500 pb-2 text-right underline' onClick={() => router.push(`/theme?tab=new-theme`)}>+Customize Theme</button>
+                    <button className='text-xs text-gray-500 pb-2 text-right underline' onClick={resetTheme}>Reset Theme</button>
+                </div>
+                <div className="grid grid-cols-3 gap-4">
+
+                    {allThemes && allThemes.length > 0 && allThemes.map((t) => (
+                        <div
+                            key={t.id}
+                            onClick={() => applyTheme(t)}
+                            className={`text-left group relative`}
+                        >
+
+                            <div className={`rounded-xl cursor-pointer p-1 border shadow-sm bg-white  transition-all group-hover:shadow-md ${currentTheme.id === t.id ? 'border-blue-500 bg-blue-50' : 'border-gray-200 hover:border-gray-300'}`}>
+                                <div className="rounded-lg p-2" style={{ backgroundColor: t.data.colors['background'] }}>
+                                    <div className="rounded-md shadow-sm p-3" style={{ backgroundColor: t.data.colors['card'] }}>
+                                        <div className="w-16 h-2 rounded-full mb-2" style={{ backgroundColor: t.data.colors['background_text'] }} />
+                                        <div className="w-12 h-2 rounded-full mb-1" style={{ backgroundColor: t.data.colors['background_text'] }} />
+                                        <div className="w-8 h-2 rounded-full mb-3" style={{ backgroundColor: t.data.colors['background_text'] }} />
+                                        <div className="w-8 h-3 rounded-full" style={{ backgroundColor: t.data.colors['primary'] }} />
+                                    </div>
+                                </div>
+                            </div>
+                            <p className="mt-2 text-xs text-center font-medium text-gray-700 truncate w-full">
+                                {t.name}
+                            </p>
+                        </div>
+                    ))}
+                </div>
+            </PopoverContent>
+        </Popover>
+    )
+}
+
+export default ThemeSelector
\ No newline at end of file
diff --git a/servers/nextjs/app/(presentation-generator)/template-preview/page.tsx b/servers/nextjs/app/(presentation-generator)/template-preview/page.tsx
index a7977a07..e067a288 100644
--- a/servers/nextjs/app/(presentation-generator)/template-preview/page.tsx
+++ b/servers/nextjs/app/(presentation-generator)/template-preview/page.tsx
@@ -5,8 +5,7 @@ import { Card } from "@/components/ui/card";
 import { ExternalLink, Loader2, Plus } from "lucide-react";
 
 import { templates } from "@/app/presentation-templates";
-import type { TemplateLayoutsWithSettings } from "@/app/presentation-templates";
-import { TemplateWithData } from "@/app/presentation-templates/utils";
+import { TemplateLayoutsWithSettings, TemplateWithData } from "@/app/presentation-templates/utils";
 import {
   useCustomTemplateSummaries,
   useCustomTemplatePreview,
diff --git a/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx b/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
index 55248085..e97e810d 100644
--- a/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
@@ -46,7 +46,7 @@ const UploadPage = () => {
   // State management
   const [files, setFiles] = useState<File[]>([]);
   const [config, setConfig] = useState<PresentationConfig>({
-    slides: "8",
+    slides: "5",
     language: LanguageType.English,
     prompt: "",
     tone: ToneType.Default,
diff --git a/servers/nextjs/components/LLMSelection.tsx b/servers/nextjs/components/LLMSelection.tsx
index 92c583ac..062b547a 100644
--- a/servers/nextjs/components/LLMSelection.tsx
+++ b/servers/nextjs/components/LLMSelection.tsx
@@ -34,28 +34,7 @@ interface LLMProviderSelectionProps {
   ) => void;
 }
 
-const LLM_TABS = [
-  {
-    label: 'OpenAI',
-    value: 'openai',
-  },
-  {
-    label: 'Google',
-    value: 'google',
-  },
-  {
-    label: 'Anthropic',
-    value: 'anthropic',
-  },
-  {
-    label: 'Ollama',
-    value: 'ollama',
-  },
-  {
-    label: 'Custom',
-    value: 'custom',
-  },
-];
+
 export default function LLMProviderSelection({
   initialLLMConfig,
   onConfigChange,
@@ -236,23 +215,9 @@ export default function LLMProviderSelection({
 
 
   return (
-    <div className="h-full flex flex-col">
-      {/* Provider Selection - Fixed Header */}
-      <div className="p-1.5 rounded-[41px]  bg-white ">
-        <div className='p-1 rounded-[40px] bg-[#ffffff] w-fit border border-[#EDEEEF] flex items-center justify-center '>
-          {LLM_TABS.map((tab) => (
-            <button key={tab.value} className='px-5  py-2 text-xs font-medium text-[#3A3A3A] rounded-[70px]'
-              onClick={() => { handleProviderChange(tab.value) }}
-              style={{
-                background: tab.value === llmConfig.LLM ? '#F4F3FF' : 'transparent',
-                color: tab.value === llmConfig.LLM ? '#5146E5' : '#3A3A3A'
-              }}
-            >{tab.label}</button>
-          ))}
+    <div className="h-full flex flex-col w-full">
 
-        </div>
 
-      </div>
 
       {/* Scrollable Content */}
       <div className="flex-1 bg-[#F9F8F8] p-7 rounded-[20px] overflow-y-auto  pt-0 custom_scrollbar">
diff --git a/servers/nextjs/public/providers/image-provider.png b/servers/nextjs/public/providers/image-provider.png
new file mode 100644
index 0000000000000000000000000000000000000000..c27e0591a6f62e524aa94be9f05fd13d690f42ce
GIT binary patch
literal 30564
zcmeFZX&}`5+Xu`vmQm8-C~2Vug-}_NHEkl4ZIESD_CzH6GLcrH8v9x#W(?VPL#6B@
zM7EY8yX?E?`pt0u|NFk57tj0Wyy%=_mhW;cpX+mduHVB;n&;Wsc-a^j7}zhUp3!Dt
zKxZ;Apzg3T!%wu7J&oaijLzEURT#((y9ePPXDkdZSZZi62*cl585r-|Frbl_z#m@t
z!@#g9fstVo{GSo|SpsU~x9H4-O&fnl-9cVBVeJL~Rc5$w=9I1*<4Ctv_U`uBy%Prx
z?&l0epW4RHdKZIh2*~;INThbSGu_FZxO`;!!ty?2a#p)(d8V0lY3`kBqO#gW90Qlr
z!DFG$g7pKc>?U{l{p1Q<Z#GV65Q{9wx*`V^%UeQj^Q|<N`%c&AUwQi%zp@_#BMQyB
z?VrC`r&5x_;=)_@|DWIRUt&TVh@t<-tC6?i^*6I-8Yw7fKK)-G#jmXFN9FzJlmGdP
zb*>)+v9;yrumAem^<Sb5$p3RW$j|@%g8x2~e~*Z6X8&5zKMwV;qiqDGe?!Ipmr!xh
zW~M_{7S3!-C}m}?SLw{Fqkq#+kRP=)H_mbjNebTEF5z2QuHXMJD_hSMzfF|=T8m?~
zIRDSDrcc3d{(aBCXYj8bu>R`{=zq@uqUyhP@b4KQN%{Xzc7RhG=bO1ehZIo1NpJR=
zs+W;bDCJxEeO_jz)NBJebnfS;*w$V=!Lj~Q<zSS?rB?ZVyGgHKjWUZvf)v}mQ*rWq
z3sXUg15z6=Du+6BWxK2V`oAeh&}5D{@|r9k-$G~7h3B@vUwpJwXKgL%DY>(9t?cJ;
zM)_)kD>avh%`o*G=D26rUhcEf*j`5A+V}t-R@TfahR@iID!57|0rP@WSgJzX)NVF3
zgX*>*Tk+Y%wOjACMzsE1^>d;2_Nl3^Lg(5qsX7_nWwIZ=`fCUx)JbYB^~Z<D)aGRM
zb`{d*9bzw9QncE~tx=gJ<(M~Q-y=#g8B)RZx8ygrU!|t(C#C<a?EZS;?6?_^zFdFj
z)d0qi^MpnGF$*>Jz$m{%6}nSKT!*Nx?)Hn*gHrF+LR!%V?ux#v%e=PKhy%gljY1`A
zjxMXq3yWU^%m*4`MT9hC-Y{Yn!`q`3l!WHh?&(h%O*v0Rv`1f)O2ke@GzNRc#oMnJ
z{rGQxZNqgxeKxnT`LRp<iJFzMq2C)nwR4WtMI3!q7pG7xYM7PO<=m)X(MB?~=&y^M
z$t@l)D;6~_$W+v#5SnZoVq|BIFWlg|EyZ}*N0VEBZ?v+_uWje{7Gq*3J7UZ#(*^rZ
zdd}WR|D=|zuafrjV{rJjk5385tr}hgm@F*({`|_NaVp^ILfH-3JE+_dnUfzw2Y$+~
zW7$4S6p9o*IKOB8-?$ej4TBdS``yd-n`@@MjAA3cu1UkVO%?}WA8$V*%ppIaY*^xU
zi~Y@{(cLunss7eWBB%84rotE1xjCdZopc$}t!}OiFv4VP<x?~^Q-4615LU8Ma{8sp
zo;TSe_(nZ}Fd?EO#9$|!>(rz1HSA;mf?M#%IW9Wf^*_u{;jMFbZlfQd@@6J-hOMni
zOu+Hf2sNfwxcpl0xo+&HG^WklzgYOVE7Y!N+Y@kUn3ODe2}bPR=)G7>*`&97Dc_X_
zfsa~xdb7HL3e!!e+biD)Ca6geGKrWR?N~zJaIJVb$uliGOJ*Oos_98a>X({VK^um0
zfRV8+NVnwNIwCJ%$HNgA9t*#8SnqOuoS$GL7b^L#a7AmDMQsfre6w)O>rUbCt)+84
zSHd^<RP7V`bp%r%b>v!MM_AJsF{4b_(8F!=S9O+MJ2}gFpuw(o3&-vgm*T;AeiMdB
zBdMJ=jU7?^BKxp+c5PhB`QBBI3?)}CDy>@hDHx(;05-MdzA~4w0I51oLNLQ3)lB$B
zn7EngUayG?UW4R#y)d+332(;@g+?7cg5#lm?Gj8<hPDwB!k)r!wIc}wm{je11Zp6r
zaCY<?_Re^Z$=n{fJ73zlP*n$m>lH6bzxyLjIdqO~q_^DnS8yD1ACwcAHxynW12c8{
zNo)yMMy2T*QIF!)(ui5V#62tD$iIFmjBkC!Ei%-jYm_`>d!4(*vD(X5a;M$#o&b+_
zhrw8viN1;~tHwB^L@<P#7?gGpL0Q5a8z;1^#=m`PB(;Il+C+TFiWV&-mQli)fxb_J
zLKyI2tZyi`)n`tyqZC*V7N{lb>FB+16s-S(_1dMYusZ+K#drSu{b6lNq4Pi+)vx|o
zrMzHY)`}s2TzysrTF>xi#3hlHx7wiuf&1=VGozF50<PHXj_*rLHBh$*+cw-77pFn;
zV<SDBalMT~7ad4I5#^liljv4Qv1gN1M|0&|*K#~&*G97Q<Rx3B_CXM`bIbLZ8CsMd
zf7@-uZ?5ZMW74Z7GKL}NIrRG28=4DeH_M3V8DL7Au_Ahgn7^~72!^QiE5)8Hv}@(L
z4tB-g80RcRXaB0s@+a!0rE^9cJXAeNna(xJw$yN6989q@Am9Y_3{o>8?s)SY7ZZ~H
zWfrwfm~7*=_UpM;7!vl<NT=^_ZH+U$l7I8ac-hj;>T6*;E#tJ=!yk#NZ@$0$LxL8*
zf0qCiI28^YD{Wu6>%K(mgHO~>5OBf@F=1jRMp<Vh81?TGB(1d^Ep~b0Ee9>i-2eRe
zV9}bUM}_DsMNvDx+>ve7UVP#;#*4R7M&n0xF|Ty(X1(h{D_!&F=yw*1^1x{%m0jcF
zZ#vAVka<$7n^_Kr(r_T^UJ+n$|DAZh1|l1FE+x(*jrlMpmoqMjS7hH~za-!1G49oz
zmD9B~lNF+emw!AKA1bqHdEI$jBtxLCrYotU>=9|TUaLJgiABFXgW;!;a)KF{$D+XK
ziS^)MhbCtfs6C&NG;3_my|;Ns*m*wh9Qmb@Y-*%c+~Gk70aDc0RP{Fz3R5p+YmU7`
zLdNTb)Ec!$lBAE;1A=Y3<h{npM$w~n1Duu}bh;E@v3(nkeRf&alYV9iEcn+S^@Ke+
zZywy@zPd0_yIH*Cl0Q*&=fzyTJKyy<DBkm`DkRC4#uBR7J)70l4y*Xqy@tDFZi=#S
z>?Q5f7allvzyB@A^B>#jSFjth>(2+nL<}t<;P0?LAr;h21@O-Gcsj5vZ$DzByCj<2
zDZIp`C4ZTCr}I{S!;kyubF(!yd-iczCwqvM)^aKfHg)DZn8|w0JDM0pxHpD95;bq*
zNcD)Ng|8f}G6!k4A?Wx4W!xw9G=(<{BNc<^RCNp8tCm`z=JxhRN0uEoHnp$%Sk82w
z+6Tg_{wAs1c1>yLXbb<r=PtiKg-%k#&B9<o8Ou{jYt9{67V5EUCGMR$HjCFxbf&J0
zBA>eXY%fG6{FTjbC`GxUuIuS-)1f9^ljKvLDyh1INh&FY+1)K#N+!(-3JT=r>2K0s
zQK=*~)<^|)6`fFsN1|Ag!R7I*5w;{QA<Zw3NR~MZG3zndx*U9SwlVbhL1mmOS{KJ&
zeTKJ+!kW~m=R8m(x}(m7$;^AEHS5l3C$F`n`Ta*kd}Q<GSZm=dF_R+Qaiao=H=TUL
z5Sugf3>Rd}Yo#G8sk5CI7_M(eR&4sd5w3%Wk8#cQ=X}AU{<?pl(AqAoqFfjC^u|OZ
z_F{t-W)0l`eAtm8Wus+nvFj#YS3kMka8~zvedO_!F`H$?TC-fodz^kZC3>`18Xw1G
zb)`ENWMEz$KzQ~4Wl6XIWfTeQhUX}Rlp^_wAeo*wE9AW%zY}>asjhirn51#T$~tu9
zF6kSG97<>O-3MY_Yf|EUjFv0~COB~}<3$ozk#+LyhA7fkM>sA(k0Lkuo2H9uo@K(~
z<}O!0LR_FnPXhlTO^;}s;Nl<bnR)<)5z8JBy9bt!BiNFtwc+9ESMu9lkHaaY^J225
ztA;+^Gmk(FR6+urnY~U|_A(01Yyy^aD*n_!uRb1aFzDhk)>YV<u#($uDx$P9s5Kmy
zMnwN*sQISob^7tIYg1~zIbClh@U5R;ov+RCnITTj`L4}be9N;JXxHH_Cw>`TE7>yi
z*9?XCOQdrTq_QZu;ZxB^2i9}TmymtlkFx|~YW6VexX;Z03=R)B^C_Gys_AC3N8dac
zB9T29Ot848kv%6WbkTvdiDl~-oJjlE9GjMaco~&xURs3xoecr6v2W{ndcNu^RL;I3
z(W*D-Lg*WESnYSH5y>dg_9p>q>0UVHb=nFIcuPk+eeS~!vlqQ9W3IVMZ4bGGhW2dX
z!fnKZhdZ|6G?sUt*hIIHK53?`X^~nc9T!4PWU_jAn<=(YY0YclPq43XeDH|L7g3ht
z`i!}}r))|4?Pf<ha;=P50dH)(T^n{}M)Tf4V|+#}TXv2_@w%b^E{7Gb^*>czUojqx
zB!JzfxeQEua&b7LosFb>HE2tQ6RY{VJ<6^VuORwoxRNePEF!7EcOl&O@Y>wkYHyZ9
zZ`rd6$)%Zg1D41wk+e{7@qr(MoyyleFX*_Yzyz;**+R>aP!oa18XlV;B4&hjnM>4`
z1K@NnHXHCp-xLn%A4LFOq^z@L>6rHD-1qx@VfE26;i4jSE)h7%jBo2vauqZ0(6eeN
z$4SR4jw~n)`*u--ORGP`S6}LzSajg-GP~|5*`&+2atbfH@1j;Nw}}1=&+*dy9_q3B
z9_Rd8bei;fge?dBx#}TDzd?S-Xp|wDkiZ{|;c~)O48(bo1KA9F2op7&72n=Z=Uv`>
zkf%QDi=?ZTbyU1_c;)nm&TK0!**hZ!rHWGSd{XHg^uQX2MjI%+UD!rnpF|G|lflV*
zJ+%#iY`rVpy#(Kxj8(lzC10Nl8T-Gtx;6TZJD}q{hEgZLUJEA747Z2(F89m8jR|SR
ziS7_HK7=Bjt3E(a<7VK1^NWjj)}zJ?6qan98gCu8<#p!};vM4U%T9%Bt4rq>?0Yo(
z8qiS*lBe{@AJD{(4AWAhJo|6@OIN9^3*J*ba&j-V)`71KClm^*AM9vp!jBTbmNX<>
zo3Ed4q_;X+zLHP1Qd%+`^_5B#qV~n^P`x%6Zt9WR^H8D{k0B`n8hX}aP)Tes+slAl
z5H1GEGFwK5*R#wwu20?FoNQfyoGk{MlXE)-%ume<sE2j+guCs)-`f63DoW1$wak?<
zgA<;!Bb_^jn-Wjw3X5c5va8%Vy%dmL-_{21x!Oj?nzrdCMLZhi+U<fhEc0?V5u0~d
ztuH?;UNWI_q4jZ)ax|JVt8D(qV+#lv)Hu(v!{v*u88v*X6Zf5lzNGS+T0BhLM$|ao
zZ%kV&58Tu{iN{s+XvS=iVCX}*#P8}=>r~Nh=3A<dOD_6wE+Gh&`rhd6)wAim7uSer
z!}0PppN<?GoeO;V0dG}E(hV`rNJ|xeiW{=`P@Sv;ZJ81WQK|aXCQMw+C6hHGRI{~V
zUlWnc!0T>-N8h6`sm&>)J)Yy~u7_jf-JLohrB?4@<1$Ts&-<fVMiTje-^JjZ<G;49
zJLj3c%6pr0cg`XOh$kCW)4zkybL6Npn)w|6DZMaG!A~APgJf*^NUpu!`8Rq>3Kg*r
zr6hC)&mgyuKm{ug(+X)pQUfFEop6(`sluQ4TvYM3N%3L6H7K9=wteSq580fA{nnXl
zH>_PLD&AG@>nrQMn4?D87w`IxmQ+?TteJ~eqpIs>l8@RUZb~9x=X!m8)AQ6?YqWe9
zTe6&}YKmxPeSU(0bAR38VEIYag@s06({PTmsRp@RA$@0ml)_u)J07tokgLs6hO51M
z!I6#jnF;Es)RLO4wAYiu8sDb6&f$2_oL4OlkGwql*!F=-ABB+sxAm5OTU=uNl&Fcr
zj<my8PS}MC7dIo<rZ$ToYSmX-{S!RAhsAl|)GoX^r|JVjoI&~g2XWh6bK$p9aR!Cg
z64xUjPboyHX-h>~p#ww?q_Yy+G3f}OQ;;VIzejroC@(Q_UKL0(fvU66iCU8zXCUkB
zDs*FQS@tyY&DQahq}kYK$Jcx6ffxFQT8RP*ewOu7dSOSd=$rbk%uMF{F6C4IeB|SM
zZO*$HKhB!et4ChY<tYQZXs;w?TQ#;RI`+C}^R36XD{O!g1VUxjagFQ#Cdo|Gtm_vL
z2soTop=;K`dixZdZ==GTapCPjZCTebW7*rkFI{+JN55e7IUy)yW5Zq7-8=tqh=q1X
zwwEpBgqh%ZUDI^a(naa=if^o2%9No#bC2Mk`&IpXruSV{&@Q_WDfh`=FNNCr8sGkf
zEJ4{9oMh$J9eN+BNfsY~UD%|c@r@5kKM$+Cu3HkW{5gO9eny!dY^gmEEU!(>6x4{)
zJxu~Cp#2h2eQT8(Ex(MNQTB5Y@=#pQxn5ccHkV>8w2xcX9YTWE0<nCNxOk{!ac}sJ
zllw#Zgk1&e!X}35B9B|ljdddxfk1imu@7sa<DZgoG`!IC%5UxU$X^W~*UxR&W=Tf<
zF!tAzLx^41(jx8I$J@K-H<=1F{e?#t8LD_r|Ni{Uatz}x<IqFmBp#S@pnZ~~6*!38
z)RYa~nEFoQrv@6^ll>bNmu@T!m#+>N-FEz5d9S^+HW*z5hnc&OANq)>Yqm$xt6;WD
zErQ@<m|B&!F1hH1r0w1NUS!=%_OSlqn0Rfo)Vo~Y`-Qn};a%4`KMEgHe|<F8)SXJm
z0<r|DP_tZy+l&Z=p|k5%xZ^d12QVq2pB?KH?LOe2X1LVDL=S^$9&VJMx@cH*JGGb;
z)cpBd@jeNcp)Z{~#t@z=ynNYW^f5v1j<mXCaU$*oZ5@5H5S8;CsIlv-(m-pw69h-K
z<o}$h?q=q?N*%L<lvpMnk}&l7JYPDaLt5tSc&}O6;t<j4dnJ=Pro55LO*@@SqFJsq
zyMRdIdN3p{bb7ox>&-_#-;(9|k4j<=C4bHtf~V~9&fwtUvBbabZH0x`BB7yEe5`C~
zOa!5^QfvM>E$&PB850hr^}~Dhx2nJeULB<g$|h=ZxM^DLOU~<nh6-{iU<kEHEk`8Z
z8S63xgrYaDW_|d3`e=zi0x^mNpo+dSWuHUaAg&HQ$#N%8_u2JST-fQ-)x}|I==r@n
zv#-tXN4*mZ@l}HR%~-qX<XR~d@0Eq*rd&1=LeM%Y=nIBY&lp2LDrGH{neU1Vdj{gt
z#0>omQ<F&+x3Dv?DxO#hLc5r{eZNOfF0qQ<MbfwVy7S#+=-Jv7E^(qEJ(RXP{4MSR
zaMzX9`+PnHv!#&lQ)~sQ3-*2q=i<@E1D+@BF!OpV?V{w^r`%EO>L3d|VD2^%f)RaL
zO%{ymti|$6Rho2nQpVN1IBWqf?K0Sh1np~MD%J;-6J+qR&i!9}478M1ZkJ+I(snsN
z573qCr1^+)J6M59IqFF~4V697=J$4=Jnu4ga{fJ+){B97-?A|X=4*$_tG{8k6__TZ
zzF+KU^wCEu!*R6;Ux)RDxF8GhVd7DuZ!%dqDqkx~GF8;1D5u9o!aKu>MFp(bRV*a=
zZsB9AFb*FGT!<5osksf1%J9f{2P!KwwQaljavv?o;eFU7UH2I0+Uk`K<Hi(W8@L;2
zL9IAr&uVHfHf>kS6>_0SVsgN>Ya>@^d0T=B%Ci0vSv#6ZHo4;ag9oNd)n;0wr0j<H
z+6#wqX<3qyV@of(ru`zH-*B(XY8=k5!wL^(ed`oz>LN(E9*_slQufx5_ql;%qjFcQ
z&d?6E$_!}R)vBj-JP@eD@9oAJnAF~?<um#G*}0ZMe}aZvEBSDPJXI_dlQQWBkiuzU
zl4>{gqE{<ku~hnd{LyPwx$WPi9^H)BxcMN2T8QDxztN$6XXNYUwH1r8WzXT+T=QwL
ztlw#n-igN@y6E=$0=4i?7XJxBh;|vJ`b*OX(Qjw8`1k3~20ZN0;STryH3h8m7u#4t
zN|D>2AGz`8<81B{MKz)UEMG8qR#^8F0;GD_TMP13M6rgn=hW1v@jqT(Xin`T2AK&Y
z)6ydO*{|26DB#Z-wmNfl8tZJ|?`N<K^=x|*Z5e%A!EIc|Lc##}2VUQqm|l)L|8)0Z
zmaV%F0iz)L@#!9-c@>c4!&CB>g@!1SU{g(uKp(`vkFTAC%&%9z2{qU2muA#Y8`>^r
zYyi++2XUIQ!htxaUhlcq_NZQr)}qXK<oz9{Zi%~<d`e0d`lDx#PF>%+D8urUb_Ju`
zw&8NG?Tulg*_L&>a+rj`L<B%(2r3rotbdsXjo%gsP^0SJO_7h2b0stH@SGbv(lH0L
zB0~8BS*>HHl}S(*QD=&-AqtXeB6|*ve2RJ6#bqt<zD7P}tr^&Ty9b25R)w|K?~-)U
zK=+L6R1g{uUaXF5d@A2R&*n1l?dLL7IBkwjP(fO(t**4nI)5ydYsZHo^uF?8lqi;w
zwmg1E9XxtJ=B?BD9N)F^HE+Y>JLyU>4#IZ^%DbR481;Pd5v}ho?=fwiPF71mczj;n
z<Yr-Ywke~%*<ZvHwev#1SA80&?+{?9Zj<j<z!Y(YCD(`~8k9K<x1~#w)RYO2($QBC
z>Kl_6CTghdlwX1bk3eJha{C)hSL6ClIIpfQjfX=5%}VMNn~EJh=PZ|J)kiOtl;zON
z8Bgxi`Deqj!RykwtnUT|a2i%kLy6noKZ<~};RcsWT8FAI@lN4|x;n{|!WEyP6;cC0
zpq6Y>Y>WFGupN_fj1Lo)B~)TPyBrfTsF@d|Raq0G9w*}&#wSg1OU+XoCqa#VKg{un
z-YE`+=}YW6oQ}!y`W|-Fm>bs)Y#Y|Sn!GqR)u@!wet~>nFmreGtNHD8$A$Q)?>SHv
zNso^hZdL2hBehl9jL*(BV~zxHUXwYJdh=VUr|ZJ+SHUzsf|#BqDS_7)PRvS~6ug2;
ze65z2T2#3DN3)T%P!{Uk6=0y@qURHyaKyVn8}p+0=gM~u-!}w9L(}=X<Beb9G;9<V
zp~{d`5QtxUu3T9?9rxHh`-$YKM21=c737Fapk?A>@jB@FdVowwEx1tr3aNKUhS{(6
zuLe!pm3RjzS0-3ua8XVv9yU|`^)5DFA&Y4HL-nrt<<frq*~*vbzuhlVb(Hd8IUz2u
zep+n7$Z%yP+jzA|C^BLft%64C3CZ_tmdX2v&pmtPc|;wfvl21fKUcoy-BIT4St@pn
zPbNC!^PUgIv?5B`6T<dr>@F*MQ$SERVKCzb!?2Lj!UgusbNc-ke^;~ruF$zfp!)Io
zF5gNoQk&5Z3rJ2A#9yj>(6u0rKSPR^NY!9G>nx^`DLombYM~#NZ*j4FWz@mWj09!w
zn9*7ND$8LF{vOOGgcqAb8x-E;d?4Mf=FmH$Lyu4rfCBxGYBfBgoy@cb|30-mU54cL
z&;A^W21{l~pkL%LAaRk!HjU66pis-y(mMpdIRvy{({ni%!5GzhdUqeljb3ZzC>DHQ
z^Yasfh@NLE<s{(NJvw3WmR-;Uxh9;|d_bgj-^`~W``69NO0~yZTt~7S6^RvAX}wPD
zbXJ5S0h-i6_d7v!2tUmqLJ`=f-?Bu*Es3W&%%}%?*^+|wP(;zC&P?;u9fi(T=`j}^
zhz5-jM}Nw3WBs3mDT^=~bKSLkGB`>|epbFZlTi!6X}DX|3^F<IqoGi##g2v<&hmh}
zm^0TzN_b0OX(4Hf(g*bqvqMA7QF`9P;&neCG=SjdSpy9nW1_<3`RvhIrmW>-wZ#Z<
z>io4F>)La;BYQ-|b>|IX^5j>^^W`fJ4&!oMIH^`c%-bI!f2#IftDg_vBd7l^ylYUx
zHLotKKsR10-fsMN=PgSND;7#{k<K3Iv3htXvx)U=`F8Yt!(HSCs?I~EQY4oVXxFiY
z1k??h<AA3byUwTP;D;Bir+__aYZ4AFyk-{0_L`+FXiV^Hu=CK|(I^Rv>u2@TK0AH<
zpv!LGk(J!Dn}6RRP`*dEsS7RHyS@4;z*={#PIT1dkG&FU`f|(W;d9!iwEEAS3kuwC
zPk1?K`!Cpp*S+=Yrd4Wz5fmq-!;wAMe2yr={#0o-Yl4731TdmP2B+}{DZ()mwoP1D
zrB3Ms^U5#o+Wc5AEwi~qk@4bKW<Dgd@#!x`-V0-;$4fKgye6x8pISy*R#t@ebaNf0
zla6-)MP)W-{-H;SZ-1*&LKL`FQp=2rZremcqtV`{^V|LqW}qr&$AIRUGcDcK3(iPB
zvSWA0NXcU(jgZ#qWi_3-uAp1(WRqO2w(=#{HS+Rwic+h?sI>UgVNdhqR8R6-vYAzW
z^#HAXD&Yqe0b`70%0)UZIL+^!ku}iZpBh-rnLOB%68teSa7d185xP#0BdDYKz2qgN
zc(S;t63t`T5uW~qEwO4pw}H)MT=DkT!XoB2!mZ6aM84aERZAuAC?4OO<Y2HG+y6A!
zCNSQ&n2xI?>fk%g<4ms6tGHL&RL6-UHfg1hLwRvh=I;)by>@ocV4Z5a;y_qiP+GHM
zf2-|6pc-q;3k4MZ5jg5}7@A9~ElMjo>F;T5fIu5Kk7qh`JobGYKiS`FsZuUF6DwsG
zRzn=0oPUT|PT(alqk!kO^qM|l2Of>aa5vxojr1@?uw-4?+gzU{iyE`i*>_2Q0gm34
zU~vnxy{K(?NbsW4JW()2?Su<7Z9MWTr>knDBKV~;22Nf~=q#CIDJQ)vNAfm%bU4((
zA{|!`yNyjSng51p!gCcabek4Aas5L7QoR&%#CQ62hGv+9!ps+)+^nB>6nj6+T`z2V
zd+lRQv_qMp&qA$PTMyQdGhA+L@RVec$o}uT<Wf<S`YH6?)K6;MS7xzh-npU%nYi0#
zor$gky*KWb83z}>yB781<7bzziH|9lAe1)!1^MQ@V5bBvtWr2I2PrjiiYF1)F}?rO
zo`$F+<vNTl)-R0q<ajU5PFAq+y)au_Y|s76y@jNpNm{+(Qrvj8P1h8``6E50#nP3H
z16*un6P25V-}*2duVu;ZI@aC?rClxX+;T1{wS2fg#}H@Pk_bElt59nQ4Te*!(VUko
zs`bP6D=hqaPEEYOHw~{pwFeb>?&X(r9jUi3G!lL1@B1E-yEF2pwl~Vc-`6L_>J|4V
zmx#2)E~ew{U2W-C?3naTwVdbLO+C|1U%guCG57T?(LNeUC9cf}uNiD2NxJ1far|o4
zGY{X`qyXEV>+gC%-?l57(=^%kfO^5?{fT!RN~F6#<y3rE5qSZ%+qE}cA;T%9qDw(s
zy+E{mG5d3@qWZ)$yJNL10N|Hm)ksK{5NM#%swDDpzn<+}x2qWv0d23%83zjst=;&w
zleXXcu-_B?pAXT?jz-krzzYfvq2wM4#l7J+&`Hr8U04d7@gKZ3gW#97<@hz{(r-A_
z-2kkxN!6XIXf@JT%Wu&AVb7j47SR9uX2}N;b-(NsUXgaYyQ1d3L8bJ{*dJj!N@Sg@
z=t=4#n)C1L>NDrU_EE?DZTjL&4f4j>k~pnb7H6og<x3{^U*mjE4=NliStPd@tV(8a
z+Vz%s=W>deUnIBE@?gu{Tls!|Uo82f9#Nm5;5qx{+?Z8E%wfz+CIf$YVgs$ub&icS
z^PH_4y$(BhFoZ$Gb9JJA@|8txSgSB;>t9`MmvpM11&*%Gl&`jX+%Jg`IP><#MBcoI
zk50_B-NW*|Kpu|Dw0#|D@J!{+S-H&5ZGg0UE_}_m|CVQ@7g;sG9uP!Pt5@s|ESpcz
z&E^mjC)@SGz8G2OnpeS!M&VnfYxB-6=$&4gg@!Bv2m}H`$D1uIPc_zt9yo8S_jn@B
zSEon!YOIoP+3fqpcYLdt{L`mzctW3->7j4bBebUmQ<!kgs!2Q@e6K)&pK0t2rQaG6
z-Ml31nPz~Ly!vEgn+sho$8(^4F=@71>w7rfYx06g7~#=&^(^vf-T^+iv4CTRrb@sE
zcW$=(@Q6Ft#+^6ZYUhpi{4RG#D3S!kFmq9MQa<Dkve}+0Eg($4Z;O!J{Z4|7h6R;z
zIVj8~vT>nyxHTf0$Xz1{ocGmzQeWZEQfn3Ot?!gyfizy^q@K2YUHYiWujddM-W4n1
z9p|&Q)El1P>r<S>7daY?I%<@OJJqdY7&(-SHdsH%El6wMe0vbB_GFzt6ryx9MJwLa
z6L-WYN0q59e)k-Z9a*|Zg1&J@9AwSBk@@lQjVFp>c2ZLzI6>C~7ySsz!;nzLpfNel
zv&UkhT(H*fXQ*%EeGWcyg`IGwt~vW^7cWv26o~;3F^u*5gK%%kLQI^@Nu9#ASx7w;
zewE5$wofDV`zK%qYaD#0qKj@zXml0k48&hhA?a@QnQ6u5zV*CYH7!&t-=S7r{<AA&
zpX=ZC%{2jD|F8RaqQd`OZ}p8vW6Z+TK=_BpJBp*f#V<D>l5fQhy3aJojekkDy%hzb
zm_q@jE+tG+k6s2CAauAb;d6=mRLv$1d5NC;H&^CTULIQ+K^PT~5}2-~5A>F>k=nFk
zxeg+%_7#vq6fuRE(YQpsIhQqxw47Lcz4{q1P9W(mq3D+|0gI>rN`Ll2&=YwKty7ad
znCnO(=J`Uvu?vWdB~2$(!y!FFu+plV`^ejmwyLpqC)WDuIwf2afLnh>|Aq}tA_0?`
z_2m$^NGgT1Y5A|C^%ZN4knN}dCf|tH#mHvslUW(gxrYW#ed98<z>KsKv39=;5Ecy_
zfcI*$l74vpa<R|!=kvADg&cCK<SFzi_BzWWhh#ehG|4;L9HdvfdFUtx5dv@F5>ACg
z77tY?s0q6%u1vQ)llb-Z?KPJ{y~QIPokv2bnTBff{m~9>Rbyjn2DZPW1PBW<af$|*
z<p6`xvZt{$@lux&G%T;|a$i?l2;&7Qz(s^H3~L?tgcj{2lC*;r7vG4fw}@Lyh%M-D
zef{J2NJqBIs#BYx;s7}ynHdZ6ob;7Z&L+X%&L$jHE~BDIyzZ+4+r2sRLyzVq5;>@a
z)6%|8fann2OLt9?DV{JyMEZwPl#@UNUv`(`3HL=s_LBn;<7{;<Jn$WwnTF$nvOKSN
z;<M`}+gbR$GW88!e>7R`rq_uSet^`>?z1t-83Eb03BQc@L<)AQzX`ccbw)FcoqQ#q
z49)vw<3gw8DM439LyfQJbqpht<5OQ=DfjVCPm0cbZc~BRi3}_LOYps#U-Az9&4M2e
z(_r%+fX!nM8t>DyPamtKI!g<eP|&w=NE}7WwvOi{X04)pE@0#pK|S$o0F#mBBHOgf
zllo_^sty~*B|WtO+<7?k9)s8LSG)oO^bOStfsXB*FlEwzEL59{pa_aRe96tn)zS1w
z*@sZU!WoD{3CiZ?g<_7^3v+VgB|2FnqKbo?!z2zi+WQ{}k*z)U6_~(qq{|2Z=f$h@
z!CM;`s=i<3(iI2Vq%K~mTrB&dAGK&Ni?!JW1POX05i+O~Pyd?tY`=orM;6}Q`TX+i
zOz=1IoQK-fta#b{%aN|a>{+JA_lJlNOEo<eJo=C9(+CR?jHq*J0$|~iw?p5ftJ`;N
z#U*m$#bF)MeIqlKlgQM@HtQh2;%#}B!ZED0tKjj4tB6lNYpDN4*Ye5Q<!`P5Cz1?3
zQ6$M_&Aw2j$?Prl(gi5YTTT_r1>D_g(dV%Wo_E;oSzL8XW8GI{Q)-UY-s3VNmJQW^
zPC=HOpnzJ%8hQ3tMj|)EfWNgv)$w`F6PCSheMXz+ZYf!B=5Pc!$7?D;Iq5!my}EH>
zli7^kW+A)3Q(i2nv$_MNQ}jea&!F(9<&J!VgC**hVkJbx$m3$Bm?}WZ`0r3Yvo{*^
zV(5mHs*H*fq|`LOlyuW<y}Tn|*K8C}(@1x5ejwIFlBepZP(rm-tf>J&XrgB&Nz7qz
zIIPSS3Zqw?#9FNXTZlQhOe8!g_%_7R3Y{lv{Jtgq9LosDIrM}q7AXhf3II`BG{ypC
zI45`g3L5&c(@zHZXm4mZ7Kz?&j8n+v&`--O;_XWM;q>d-_Y=2UuQG_4r_g$9GKfkN
z{V{`nr4krP-yGVSM@-l=pYkc0A`!vkV^P4Kqi;)WPmpKpenQB}kaF&Qd+mIB&hU_S
zWmoLc*091`r^!>g=5(T!!VeIE`Bq!ZaoR!rKE>}_U<$7Di=$IAU(+FG`P8@EBg}|O
zC$S1Lb=n22e~EegQdg*i`q^SHnM%<;b>(x2WQchVN`msCpkUbjI}yM-J%v)oXpvw-
z0gsk~=E)oNM`d%hTT7ZmkH`UWOzTE-nG3h*nz6V4vQp&wV(D%zoC(prwZqivma3bS
zLr)2m6NHF&Qa{g~rg0uXxw)8!1%)Cfd{R6l?J;oCt$o72b^Y!;^3lAQ45zt@0K>b)
z?<H)UUtSkYK%<BHSiGztPxtnT^PW?e1t>*JW5vVIz9afsfdCa!bo9azWaBwH(A{fr
zzokz{XF$q-w4Fr`w}Q+pQz+Ms1g6uZ=?g<YIBSj;XBsV^Ei8jx#Leg5@*Og`4I-Ds
zZWdNKw*+=Qln|^WikULejSSYy{!yNnP7%(Zf>2w-moa$%`J*RfW&?~Q(jRbgEs~tk
zJgbI1;xln~=QFeGraJCWYJT9op3JAeBOlbqH#_+$LqGJOQve0YRwzgu>t0=^d&L#D
zgQQ4BZ;$R`-cCuzww_YYVb02kuYqR#>gQWBm4Z#|uEtSLavOB$;n>%5Zw4TrU<scf
z(MYDx-QpdXv~Ptfbxz%<wJ!Nc^5Z|kY-4oIsN~xKMAq0;FGV*Awqgy{BIGzNdx~?C
zQ6dVNQ0FB-^b8m5F@Q)Z5dg*Dz8Kxp^v+`Y=7aCmI7p$c2Z~n}Oy(D$8$zA<{%&S#
zz#zW0RV_!X&ZX)rkZ``OqI)!^R>kZ!{46l$;g;RB&x%3m1Ueg>J4>r&S)cr^>PJxO
z=ep|hmPKE<iPLnCyj!MzUy|@g>1C9LAE9XoM7z}aKR*R3EW-0%v*?Fyv#h?cn$5qi
z8v*sq+KjaI@qRB_L<eQ}!cQrUu58!z$wQ^V&2z$x`p$C|<ek%Q9b2Y99{bqAg#)oC
ziP-?83Oj!vopG8R^bRlHR;A+B`Z%ExIdbJ)KrY!wFb&Xo_o~Z4yYUphcw<*z%Y{pN
z=$hupi32g{$IaxkX0a4O=hz;r`sUAK%m$IqbWQt}HW#(MFFPClN@pJu)8zgJf8Li6
zOb0BdwteCwV=|jrgz968xA!I8at#ZPm3PkqLy^AGy$xK0(=_hHt(VT~tkH&=euPrH
z?=HuEf)Rt2n1?H<h(CP*36+efeA==7YS|>>*^Y|Q?FMDwtZu?V%5YT05%FjHyiWI@
z@I=)?Wz)LQSbk6JCME;v@tvEk9D3=06j=<V4+#pcV=;8~GY>&oC0dNd0D!0%B8FlN
zo3PalZ%{6mb&f5wid-5oF;R)AAx>9B9ldsreWr-_7yI;wkza7;O}7|b_l?Xm;pUNL
zHnHQE-vW?f?}8h($C#@;*6jmhVG3g)?rQfw7g^X4lfouazudx6yDlo;5(o09is<83
zbaKOk^Aq2s21g8;>BIpM$H@}ApW}mfcfRBhplCdZv|Po!Eh_qOimHdT>McMF^M9Sn
zk)~E9Qyu*CnrJl7Q8@Wof#ZKW)OlGox-=PYI(;<r@|OMW-c|A4^zUZA3<&H&c7M!<
z>D2R0D)@Nel){vHbleF_J;l5~*hhW^eSRnd2|Tli=c+}Aqq9)u(fu=0$YzxjGT>6m
zoaA`ufwf#26+L3}BW4u~y&0wc;yf3rlHpGIwI;V{fOc*j#oMp<{1yu^IX<6g_imVW
zt31f9MhIEa@;Q3UfS;QO(KRvZw?`EWaLh>l(d0Ymo74LzSu)csM7V^kkJE@emfUks
zVr^%LL}R%>zVr!AyKoZ1@zBVZT{IoT?F;<Aq^Dali}dk?i6Nw!t{I@gHAmigd(flY
zhZH$HVyMzNt#Wr?$z28p=}P2T0K-?s54A7PU<2ckv%rNQ{Ho-Y20EeFg;!p6t3UQq
z_v-CYj*b9*M7!l#Swaq4+bR~FxM<z4s0W+NllpE_Y21o6iT3^piad%VOgjW#+Z#k<
z2wA)Gly|JTY2aE%^4Y0D=s;Eepkb|;6PGpP6-`7wFMIO5td>HW`nRDm-x~T*`XVi_
zY{QEMV(aUc{7XZBk6k0<yXyEo+w*jB$!pjaisJV5LPQk~@l@22f%Wz@n1wAKo!`;I
zBIf$NPP<c#`NU4&_M3eYLyteO(5@{P-q5BQ#I>$afQYFMaa-*{Yc7Kbw}IigH!N)i
zrkBeeBROahbofIldDm$45OU8KA5cEAksvF%h*8uW340AvG-J~gGIg(Ne6skRfZQsG
zz@URqnF8q`@^ugfDz-tClXGl{k|H9L4$kU><Z-+dPj){IRr^um0ay6uO*}!q5P1uZ
zm5I~Tq|_sq*#L0(p31*^JX8&jMWzwSM`BBIpU_mMlms|nW{cM`LhEnxgYGcKzIo0T
z#y4EX2i2LEPh%#sFqzC=`(qX1H77+SlHXmE0hRaqs`hPHrRwE%xk#w9fX^$ue^t8B
z6xBZpLlAQ7DHE&A^q-ap@-<zF${tF|bFIM5m~0}6NsDW_(bSM7CVnpWcf6p*IZ6P)
zU%@9mc$!-wTdLAYNTsOxL2aOGt`R5iF3-_XG~Uo$(d9k?xuYE=x=(-jbv1^Loncou
zH&tJuuMytNtOJyUp~?wpKtE$1Gue`<?M-W5LC;n6B)#W)=@CP%9z9&c+az9~Qh`ci
z9z$AHo41SpHufVhjKjc$OYprRVq(b`_D8U&SOjQXjbf*_5Fm1C;L#@vm--M*6VfE?
z<RGeZLIP4WaKA~n6MtcVJao+_?N%94GTf>kE_30IK(ATUw4@-Lv5g>tO(U?8qD_za
z&|LZmh^TYjoMP5BeUM$oQJ755uIrfZQ1M<GD_>iMFPd}MU7`h25pdPqP*2{X&A{w$
zjioXB%a?I%tQ$85u<KCB5HUd7P$hyvq?WZf52QeEcZ2X_w}MAbpgSfrz`&%K?MXQ7
z@7+FF?NfKjbwUG-PzjSXDSTy2@dSXbET~yLc2p{@6zOmr*hC6&e=ca~_c?Vl1&2h{
zGhn~_qAs3BQW$dU+YZe%_+#E$)<s<2m7lUG+*n*d-5P*&V?PG-Wwcs97t$Krzn)jN
zvCfy{0&$$|bb13$s;?0=huZd%AQhSXbRhTzoY5U=%A<Fnr>_OBp!?oLWB3Cr#3=t4
z(G5SDcn2Ur3c6&Ih!7TNu-0>9O3M$wuV{!ie^NZ9FTIix=t>Sk9OoTquy|*8N-M6P
zmhwk5XXo|7E)d4nAZ;O}{)%^flDJjoyIvRvl4b)9P^AChxTa12AqkOPuOeKUD}Tu_
zxp*j+1(^Jv&Zg4G$~He%Td`)XiU4m2f@3Q10rYC40+crFtGj8u3(a;Z`6vuIOQ@ix
zn+0iOZ6Zxq4h@A35s{?4*8n;Nw|7*MO<Ain;A-|ED6--pFN${BNP6aj*Ly_Cx!y!L
zikjzIiiYDVU(ZI1?vaO52o&!Vxy)mjxf}Foafu0p=>Nkqd;d~Ze%^yca!LKS7K%bp
zS8;&=MUC1D?E*WlIWb-yS~0LC9H`NP{uXQ6iecBW+z_aM+CDbFaZ^R^o|QyI7G^>4
zFmsuWzlTQ(A!|qwr;ihuX?;pq#BZ{4B~kKl{BbKyMDU5Q9W|gIIJpa#?7ozE`u-4S
zrS3HW3SDS}KeZhWJH)E7kOqs8J%3?)HC?9me6s7-1VU}qhKq|sIq{p+098~?nfFo+
zeiKU#P&#%617rTNrMtJpz+zAD>sx!Y^O23@hJz@(GG*P6z-xqUEt_sur@}oQ0inW(
z*r)shTH=|Zj36b@G~3FI(0z%>iGPsfMX#TDLNUrvF@lYRkXN~O?O~vYN)9ya<~}Ud
zq&}k;_Sb8ax?d}mSn(C{kKL%SZCn2V{eT0UQ5ud?pnA%>J=ok?u!5+TVE*I&t!}?y
zDB2M5k|*xN1wWTPA$+v_+J`9lyI#neZ+JGI^<ad}*vSGIs+ol5@CztmGFna?1=Wq0
zEOhMIGc@Dm4T&wyYk<2o&3I{Bz#|s7{5LORtjPVr7BCiw_Sn>Cf!ety4Dq3a`qUq$
z^bSEhjAiAT5cslj0Xs4S9Gk3~7B(*6<e?CpB}jO{&kKL{A)_5}K8u5k&MdNIcG<+%
z@9*x@NL)AW0|acln>-EMGH$<wm!do$__7h_P5!nXI~f7ib237X1IW`X2<|CUrEyL&
zRVKxEXaqJJ3Cgm~nML!#?<0_t{GWvd^d^dx!#>o<%H@}UY?gL`b1)8=$+3`E6~2na
zWWu!85lYdKqYiYDD^lUtT$I)N$K{zgjgmj=q&)(n#VLK!wmwRVI#xVBR?xtApD(`D
zb1n=R4}yBQSnDH6bygEzTF}{oDE;4w@^0EV#{*yrCqOVdi3pJpLy$-MKo3372m02U
z$0>N`?LOg{-~|LJGKv{%rtPjS;Xq6C_`l#pBy^}Wp(_$PySY^z2`iw&wCE{uw;1ir
zrOvdQi6bK}u9wNX+=a=|{J<}PPZA+F4u>q$IDkze2`D>UO2fmA%PA5Fc|B_LrOdW9
zjTff?yi_-;pxU}+Nw^jOe3v1@3xso6rc#qGtga13XD)Cf8`%;9uI(pSo4PRtS|k`!
zhV5wnb~vb0$7LoveuWfhV3J+X;l_ot?=H$6gO&@Iarc(mam1Ez{D4R{$=Yj1ty>oW
zd$fTDwe@GPlIiNK!&+XT0R)$EW{UmOV~MR$T-f=!fGY8rMa_$=3w`!K+-cImEdj6y
z{@2wP{#k@jNE{Ypxn11U*k^SrJ{)A0<!Kt<tm+~@D?GXK<OH`Z^qCGp#VroRtJftz
zm(7ypf(U}bgDRZ;%WYZ1jjNVHM1$J|6*8b3V7R)Nu~xMFV@LTR;f$N|Ylu`GQR2Wu
zMl!hV2EBn3cuT<2JWm2)aAX}CHueQz0YipQiqnKhA*!@ctyQzjq2#hiMgX=qeiGtP
zI3lD-_6NC<$bxKzS=hF9QbhuU|9R$78rL?G<QBZLhiSJ<yGib4PaStDfGhiWI=*u3
zJJlP=zN-e*bTq6Rolh*`^|b1x-87dt$cE=-9hqtV3%hLCYz&}}Hz{1l!<2f{zr)O9
zFxluKLEu&%G--SF#uOu%#|C%2o@<>8Dxrnm|DEM2%A1pHtzkk*fS?b=5ZQIt#g;p@
z%npj_NaKh`ZKb_M8_3K}UO^6$#~7G`zJ}Q2>w|c#NbjCFU0ejxK<|r<uR*bDLM-v<
zkF*NF<{vEvq$^zPI!<QqimsXq+t$MzlaC-F3I)+3+^mU_Soa{@1XJ@Hg)3=f%Z3=k
zcSJ<i*keB-4l@x$cK%8=e|DV;Gk(2j3z(DISK*%<x&(Tbp*^f0$KRB#4{XGM-TWBY
zL;n|mGg*AUn7>B(YlJR7SYT9q#~ztSs)dfBXh~5Jaepln((B2(*<IuW^Q9i`rwG`5
z#(^U=|IP$7gO5EaL~oJ7rg!7f*!r;IEe#N7pi7&849W>`W6MF6T>~B+o$pq1Pg#Y?
zp|qSimioTNWS3M?Ia3s^=>X>oTlH9sk>3awD*$f9%*u?RGm2OcqWuRYEw%;-_Zmci
zj8ML-_?+KckW7FK17w-M3v~MP<81x6E0Qvr_YnX3pZW>dt_?nv8*A7peXZ(A5u8%7
zJoKQb14?V|3y1`gNY)OuC|1Bvm!0%pyp3o|I&$r>qrQ;12L&wYVD+6SprQT_DSC+n
zcZ6m=SW*Of_-?L(gC#XEWm!}Mb4$}jMUbwg_V7`cB}+4UfCcU>Q1~97?EmV_^c|Xo
zsDgzkYeqjuyb#%Q&UxJRT)jA<OBbxAyceg7#Eo*^$O9`$g;_Z<@zQB+lVe}wviV5I
zWf3wIq*Bvmyd)dvJla(-!&Mwrp61@LcQRX21`H+}NfEF%hsuzFyjFcg23!bD9JRZo
zk-Q!zO(+tVOb5MNixX*20-^vO&SZA(iILj4fpJtj)`&`zXpZ}Ze-yP+Z`D&tL#8bC
zuaqKb<n713!%Kx*zcF%c>u>N!=)BU5t$R-DBGx&2-=0)OV;*6)il0&x`lx*a3!%xF
zg9SA`x>u-2UAgO|0W~`T3IrXCE9XUD;)uovy|EM4#m;!R_7}*U3^FJ<Tc*}B8xTl8
z^(Jm;bz?0%Pi!PeUrrvw3oZ&ZpL(h8WBd`NsX0+Fe4n197EcT~1X(Gay@ShC0g)Ro
z48&(Jw$1bo56E$Sie=%#c~4ZZ%!mab%J6BLGMq;qaa|a|6I8}2GikrY9gz47b%1Co
z_+#GwME^|dX_K`%o?yW@wsFDBvWgm7L>L9;JpuV53s-SB3sJg^fTluJM4xmB&>b1y
zw!AR)O@eybbt_<cahTgAtz>Aggz+D(cu5yG-98JIIU!P76NMHurf3Ia;_o)ZDOWx)
z_N|xtism*!*$6+FJnwrq@&?ATs6dKa&;3coC+{R3a=2S^vruVR*54A}^@P(wC8E#>
z3Wo0ldoT3l_#8C1kl8qzt{zB453?YSTnA*L4<Cj+?@#fRW-vnKf8xVSqqz2kT-xu8
z7J9;CX#c#uI7=X@I`&VNRWX>g&?ZuyFWLV@QW{LaBXeA%v?m7y>S0LQ8ic)A_aozx
zQg&^*6W6Pr?94UyjLQ2~rN!Sqgox#OV8Za3FsaTE`>y?u&TKu+R9V4PPelj}sQOVZ
zv62A49I7(k<}VcT=+)yL;%#MTFb9hMHkQgJuq6Tm-_9ov<CetCqTf(6ROo^HX`lN=
z7rihR!3VZsY&{?q7w`<*(jRr%yw&)^iZ3$GvH)_2;ke>$mOW9nHLLMK2WTl0|B!3`
zbN<@t{^*BtB?kZiB*>u_e4Fgif-3xLdhu+efNh1xjrVf(+&)a9fkU?m9JC+ma)omq
zMm(0@eSAvMsRLITf`$#3+X-iLzPPUSA?#87YNN4mhEqLA|CN^CDSd&@$*6Bj_ARfE
z__i1k@|nhm{S*h>u^hAqDctn>Ky<V36fJB}YMt`$@Aa@oJsk@{dvK|?UXRKv2V>7&
z(^~}Y-nrEKl@^U1fkDsTmUGP&amTFyVk7SPL`6Bd=1^uyt`rJU+Vgo&Uv^&_&4&sk
z02{V7&(ee5TDs^593V#7RTYUi2$F)*np5=yu967k1h)a=u`+u;HEYr^#kSvB@M^Kf
zGNdE39+TAgOEVPLmZxZ)&F*5?_FWQ5_f3Q`dR%$7X)#-nrA!-w`C2*N|A+J8pE!*=
zAH26T@Ad=*ziH<6CZ%c94BAKH#V`gcUz0ne^*7doZ)1xA+=q11ykOWK9*%Kfu8T>V
zs%Mu{_Ym2;G9QS*Xa4$@xUqhqN>us3w<4(@Y4t($FxGzP0?LD9Hq8fNn1Vuos6s3k
zJpHWjung{>Z_2~$mUT*6p3N^mvbNl~W{eaM^fa0mn=(ZQ8(ac_8xFaDTpxUe@0>`d
zK$S&98EqM6W_cj<7ReCZbK8b?ocM7z1C{yz3^u?i^I-7~WefeCa|7;`M44W%?2*n~
zVj$LCqnBuRCXW6t;RICez4ar8pCrIjQ%<-*7ppVJySvDR)&wWOu$`i2z-bzFql~}+
z+oBlJ^~mf;kzn;&nQ6E9Srvq+(#qNjU{nXdnf#V_$C+t6mgt94>Zxq1IMUvyzs=DZ
z4<#}|OK~Ad`evgE3uxI*XiAK&(%eQeYs}^JU3YWB$)zty8~t-~nC(zL*_O88!q}1V
zE-C~x3!uUlO*JM;PSEmo&K0nMv4vZA{xP%D2ay(I7O;7fOTBAlH@;>j?uPcjuc!X7
zhCMGY^Rm$v#p4OV_G|PaebAq7pnt34W`@lGc20(uivmM&INP#b+uh~#VR5=Ak3*g+
z8~!e|u|7uBHL;N5%{QTOEw=OG&smVy5W4PNYMDKnGJB5}a*`0*CD!2G`ur9&V1tzx
zjgu#be3ygQE+Y@CXlAi%J~*di+qgxR_EZ^bWG-*?_^;)E%#PWJAKzN!GOQ+?k$1D(
zNX)q4lBa3mw?1Vp;&TM#;T0jOE^Zlf{O1U|IaS}yuFdwYUNMo5NDi?1N?uI6((d;e
z*##vQUOm>;v@!k#Z<>#zfXs0ymKl2T-IK_?Fq{;IT$b{SiMCTmPuRsb=Si{u?E4j`
z0kq{8QhXOvCXwzrP?`i?v(yq^?nD{7!`Z=m?Ea>k9qqsiobkFw_MJJYFnd~lIJFF!
zZG}M|wa-&S4ffu&O6@ilF0;E(#%be=@VB<jgF?4PY4xX47>tgTOWT(Nj*Wylt&zPf
zw)CF)9?ps0q&-nLPXFUOJW6<7Q~R!hKStEnvF>7ok~*?$w~|vYts$`o>JAs{EOt5*
z4qkv;MxWC+weKw}H3sgj3-JC=S7rKZ(I){x3^iTfCH#*AeBF#p767oJ!lxr0Mv;tZ
z!2fo1{ND{jnl7$mK?s>ayN|xDOxhNNV)oS`Y`HKZ9_`4pzXA$8u+Q%AGD|deAF5^;
zL6y>e=e)6TXa^n6L>{RE@Yf@y0#SA(O%B0`=9siwv`-H$xTDV<06-WNHb*l~+SkqN
z^XuuS7A%ght(3P@L80bDt>GqM$y;fkE1?N@a_jC)?mvd|?r<guu6RvX7Te3k+<jnr
zZ4#>4_F{I;C`p?WEcUvzSK{tMg~cV$xOF`Rz;by|y<Srq>_kL5OdEz5P-hhf$m~x%
zth3xWR1tBO-v96y?kl%pap{kt4=f>JwHJ*v2$0a;IX;x0-;?%T&s5zJN+a)RW)>O;
zuoW!yr2InQ2D;~Ww8Ky5cS1kBw54xt(QJ*l8|f&Tz?5nw@ygPMCT24@w85c8`d$&g
zNaQMT`*RgJ?}h0Wty-9DFn}cGzCtb@<1}UOezJ=;L7jtSk^YWbH~%>mF2RsAn&gEl
zQ@)^K-x(+1k2J!U0%Bimq8s;92m~ij{s{!4kABUL*YL=Ugx73`RqhX4kOP8N?+6vh
z5&>vjUXgaYCX+!AA%CEI7?eUD-@xA6czEyt6A8#Lqb<>Fbuv8HW(l;WdXo_6T39T1
zYtkp&x4eS#iN~rn;-9c^PQVfF%g%M@GVrLih$s{&9lLVkW$#eB3o@d9!b7rncj%k_
zr;Bn3b${y~VdN1WFv7T|t?i!cyS91^1~NSs3tJM_r&c4};3VHS;*W16<82WPcwG~3
z&^+b#w!-*^+U$YzPhSAm{Gy0`4#Sv!*-q<uzV95E*sfH!^-lud`i+hf96=`BOnB!9
zQ{uzGGS^%U^KY7Tz}y9bcM5@x?XqzEZQ0|8><wme|9fT{e&nbQJO!dvT}hX|@%0i?
za4jxFe)llx)^6NII}gfxxDdg%-p?Db99?x8o<EbFTr&jE$q+AJTNxjY>l3a;`%b^&
z<1Quh3eY;R$_cTs+&c}Av;T?DJe%-<ox_mJoXuYZrQ>icv(7z&DHa|9mVVxvH!ry2
zyBA#<!2f^!X=R5hlo6>VCw-RPM(uNbRu(5g*cB$a>qgjS&DfK<7h#BNP3ZRnx~V~P
z2Stke>h)kFR=^}UGLBz-XEe>c6-0bPQ;0&ePZ-|@Jn8VW3hB6F+9){KoR5LB-^@E{
zA9|ewhtTANfBi!^7<qsfHx?03j@|;5JkTZL0Mm#H<SbnY0(QN0#7!X0KpCrsh>dUV
z(?Y={h4XCx)4Qo<Y9Crb6bYIHUE}1-o_V4o7vF6>yh*|hmi(XAF0jNTW#RN@uTpro
z|18V|<}4!<F~Li-qf4eA2x-IyQ!!?mAD@Om%KNffl0N1Oc_?$UF$|c_=EAoj(?C$U
z*MbtF7BG+PhgN7PsD-hm<?zmmR3H*#<pd<3kn0QnYy>;zGZ5+wQ4yDf^{~+5CY$S3
z5)qN6zOg_F^1QH7dnq8U7T^4^RTlheLwCN*(1<#Rr>6ho=__2SQ!~>!HQi_(djj<?
zLWUr$5c2#LS7CCLB6dYi?)<uK{GYC&mli)kKQ&7YO6QcLOF)9EFB&5Gjbv6{Mgl#X
z*p9j-PJMXbjXG2IK;gPa@Z4lvvsdbxvb(*$2z=Y-gPCdu1U90)r6JB)s6y8`78)4{
zVtjf44|T`uA8HxIHmwYrToMom;?rE`%r<Cxe#hhZP(6K(WIf)jlxAV}uPsl!VK!ps
zXd{=UKmj}yB@WhD1U`224r}>3QVs;;k$V5!&U#}Fd8|n_!rnw}bHY$sfd0Y)P&iaX
zqyYgecc<r6M2H>mPwi>xx<<Jcg0XZBVgwHoB?{y=G9xq)obFTlHSzUR{af!M4P{r3
zi>ic7;Z{Awc~7+g-*5YXU~$)wGeV7M>5khA*QO|Wj(L42U6Fna!wt(`8#G>%J6?2C
zol`jy8RgLZVt9?-G%(1{A(;0SP-g}X<;om9;sc&VRRS|x-1?aG$v2&8Q{jKpp9nPp
zqV%>o)e<BT{P_#fS5^%?_7=fkX1y)TGvP21yhCkwR*H&k(gh#Qh%Yx53f<G)<K|?z
z_1%F(3DC#9fx}R!Z{vWWKYx<wUv*9u@|Nm+!~k851G9oT&EL{4&(R1!H0v_ZvcvbU
zmw=h$k3#<yA4ECBcJPF%U(<(eB8(R+!$R@(XBs}7*<BntcS5rD(n4eM*I%xwfe6#X
z{w69uJ4ak0HEW=>L&uPiAY5*j_9m)VDtKXaI<w~5tmWapPi(~9uR4S(-yNk#H+%&`
zoVIz%0^i4M&<7}dZ(p|SkiTe??q^Yix`9bd<Y9aM@-cA@3g(cAu8_N1#ZIZU=LMYY
zILEAxi2*rBX&O}T-1>j28!<#qTMGx33{j4Y_h7b->W5*9#z}s(R!IvD7A6(l$=xYV
zOLG5>n7c0ZDXo57b9>ibs){RN;xtGq>PH?Avi4nR`MxHz0YcTT4JxgqOd=1B`eTK;
zg3U*3V$!2ZQ`Kr43-u?R@4m52#R=zS$&5F8a(Yn}kPJKSfT}3@e>Tnb_SgQ{uV#6W
zwh(ZqE=xr6;}@XWV_;3N{a)4UY41O>F+EnCut9O*VPFb<J!$<%3%A?*jYT6sy-`rz
zk}EN<YoT7ga`Uod4}V>sHGlT;J?ksy9nh+t-hANLS;$c*3K!%X^Zu{j{!hXh)FW8s
zpd||26zrs+=)5X@mi1oWBbGj2428F){HZ*%|L8jQ2<7L>3$OHUo4Ee|i=QX1=Y6SM
z5AGoYwH^aC-lok0FD@__oB>=A?OXRcoCP=-;e7~LTb8Z$zxYFT<=*>qHmEKPmHCt(
z*l_jU&Z0C}=9A_uS>OD!R|I}0AH3RCxDW*#ZpvPM4BR1wmDP|o2XIlvQ!9i@a0dox
z;^^7-NMSO1i3GTHG}x}e_`iQ{b!4XsLz6}n@8TE#|F2x3EpM!PCdlQ5YlUsojt!bd
z{!g?tfW5f`TN;?Mt>g~FG8)7;pu$LF!yVM@0Bj<RDjyA*(L?~w7Ngl?wBQ&mBS&kG
z(TZ}k2{GDQ8nF$-#@AdidedLqeQ39NyZzl?=SPNWpe7=)t^B~7k@ebi7duF|(TeH)
z`}cEG_ia3xfA_bviydsdc!t;yW81k8p`D1;9CPv&_U_v!*WceSf4;h|&Mq!4Zr!Ih
zPuuU@yC+v(UVi-Y<;x$xeJiUF&bHLu3~RL8i3cRq<~=qC+pC~hFwN}w_sEF3tk(`7
zK79QA<_oLp@7}p1^ZomGdDd$?-`98ly7vt>p?ifz?|<CN|8wiT1H3QULHo;49{>ki
zRy6!?6y?1Zg(1<^z_fbO5?e%f0n|GHHjDxpS;I^svSBWR%WE-lt?`=l4XNh{?PIfw
zL|jZ*3*FZQH3Vqe3Six;<#`KyFdW<vAVWYjAi=eHs~FsgP{snK1qW8CWWw&MfcIP+
zLL5dt01oQW7=R{<(If=T&5fg(7&@lsGV)5HAKbbX#|}(P(EP;!1fH&bF6*2UngD9X
B=LY})

literal 0
HcmV?d00001

diff --git a/servers/nextjs/public/providers/openai.png b/servers/nextjs/public/providers/openai.png
new file mode 100644
index 0000000000000000000000000000000000000000..4146ce93d3642119e64fd58d2ac4d24e1a674133
GIT binary patch
literal 7049
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

literal 0
HcmV?d00001