update: add dev docker deps in prod

Dockerfile

@@ -3,7 +3,13 @@ FROM python:3.11-slim-bookworm
 # Install Node.js and npm
 RUN apt-get update && apt-get install -y \
     nginx \
-    curl
+    curl \
+    libreoffice \
+    fontconfig \
+    imagemagick
+
+RUN sed -i 's/rights="none" pattern="PDF"/rights="read|write" pattern="PDF"/' /etc/ImageMagick-6/policy.xml
+
 
 # Install Node.js 20 using NodeSource repository
 RUN curl -fsSL https://deb.nodesource.com/setup_20.x | bash - && \

servers/nextjs/app/(presentation-generator)/custom-template/hooks/useSlideEdit.ts

@@ -12,7 +12,7 @@ export const useSlideEdit = (
   const [isUpdating, setIsUpdating] = useState(false);
   const [prompt, setPrompt] = useState("");
   const [slideHtml, setSlideHtml] = useState("");
-  const slideContentRef = useRef<HTMLDivElement | null>(null);
+  const slideContentRef = useRef<HTMLDivElement>(null);
 
   // Load Tailwind CSS dynamically for slide content
   useEffect(() => {
@@ -90,7 +90,7 @@ export const useSlideEdit = (
   };
 
   const handleSave = async (
-    slideDisplayRef: React.RefObject<HTMLDivElement |null>,
+    slideDisplayRef: React.RefObject<HTMLDivElement>,
     didYourDraw: boolean
   ) => {
     if (

servers/nextjs/app/(presentation-generator)/custom-template/types/index.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 // Types for Custom Layout functionality
 export interface SlideData {
   slide_number: number;
@@ -85,9 +86,9 @@ export interface SlideContentDisplayProps {
   slide: ProcessedSlide;
   isEditMode: boolean;
   isHtmlEditMode: boolean;
-  slideContentRef: React.RefObject<HTMLDivElement | null>;
-  slideDisplayRef: React.RefObject<HTMLDivElement | null>;
-  canvasRef: React.RefObject<HTMLCanvasElement | null>;
+  slideContentRef: React.RefObject<HTMLDivElement>;
+  slideDisplayRef: React.RefObject<HTMLDivElement>;
+  canvasRef: React.RefObject<HTMLCanvasElement>;
   canvasDimensions: { width: number; height: number };
   strokeWidth: number;
   strokeColor: string;

servers/nextjs/app/(presentation-generator)/outline/components/GenerateButton.tsx

@@ -23,7 +23,7 @@ const GenerateButton: React.FC<GenerateButtonProps> = ({
     const getButtonText = () => {
         if (loadingState.isLoading) return loadingState.message;
         if (streamState.isLoading || streamState.isStreaming) return "Loading...";
-        if (!selectedLayoutGroup) return "Select a Templae";
+        if (!selectedLayoutGroup) return "Select a Template";
         return "Generate Presentation";
     };
 

servers/nextjs/next.config.mjs

@@ -1,6 +1,7 @@
 
 const nextConfig = {
   reactStrictMode: false,
+  distDir: ".next-build",
   
 
   // Rewrites for development - proxy font requests to FastAPI backend