RealComic

Configuration error

App Files Files Community

tester343 commited on Dec 3, 2025

Commit

a78e278

verified ·

1 Parent(s): dce2b01

Update app_enhanced.py

Browse files

Files changed (1) hide show

app_enhanced.py +43 -71

app_enhanced.py CHANGED Viewed

@@ -1,14 +1,24 @@
 import os
-import webbrowser
 import time
 import threading
 import uuid
 import shutil
 import json
 import traceback
-from typing import List
 from concurrent.futures import ThreadPoolExecutor
-from flask import Flask, render_template, request, jsonify, send_from_directory, send_file, session
 # --- ROBUST IMPORTS WITH FALLBACKS ---
 try:
@@ -25,8 +35,8 @@ try:
 except Exception as e:
     print(f"⚠️ Could not load SimpleColorEnhancer: {e}. This feature will be SKIPPED.")
     class SimpleColorEnhancer:
-        def enhance_batch(self, *args, **kwargs): print("-> Skipping simple color enhancement (module not loaded).")
-        def enhance_single(self, *args, **kwargs): print("-> Skipping simple color enhancement (module not loaded).")
 try:
     from backend.quality_color_enhancer import QualityColorEnhancer
@@ -34,8 +44,8 @@ try:
 except Exception as e:
     print(f"⚠️ Could not load QualityColorEnhancer: {e}. This feature will be SKIPPED.")
     class QualityColorEnhancer:
-        def batch_enhance(self, *args, **kwargs): print("-> Skipping quality color enhancement (module not loaded).")
-        def enhance_single(self, *args, **kwargs): print("-> Skipping quality color enhancement (module not loaded).")
 try:
     from backend.class_def import bubble, panel, Page
@@ -60,11 +70,10 @@ except Exception as e:
 # --- FLASK APP SETUP ---
 app = Flask(__name__)
-# Constant secret key ensures sessions survive server restarts if browser keeps cookie
-app.secret_key = "SUPER_SECRET_COMIC_KEY_123"
-BASE_USER_DIR = "userdata"
-# --- MERGED HTML: UPLOAD UI + EDITOR UI ---
 INDEX_HTML = '''
 <!DOCTYPE html>
 <html lang="en">
@@ -72,7 +81,7 @@ INDEX_HTML = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Movie to Comic Generator</title>
-    <!-- EXPORT LIBRARY -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.11/html-to-image.min.js"></script>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -87,31 +96,20 @@ INDEX_HTML = '''
             min-height: 100vh;
         }
-        /* Centered Container for Upload */
         #upload-container {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-            width: 100%;
         }
         .upload-box {
-            max-width: 500px;
-            width: 100%;
-            padding: 40px;
-            background-color: #ffffff;
-            border-radius: 12px;
-            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
-            text-align: center;
         }
-        /* Editor Container (Hidden initially) */
         #editor-container {
             display: none; /* Hidden by default */
-            padding: 20px;
-            width: 100%;
-            box-sizing: border-box;
         }
         h1 { color: #2c3e50; margin-bottom: 30px; font-weight: 600; }
@@ -130,14 +128,12 @@ INDEX_HTML = '''
         }
         .submit-btn:hover { background-color: #d35400; }
-        /* Loader */
         .loading-view { display: none; flex-direction: column; align-items: center; justify-content: center; }
         .loader {
             width: 120px; height: 20px; border-radius: 20px;
-            background:
-                radial-gradient(circle 10px, #e67e22 100%, transparent 0),
-                radial-gradient(circle 10px, #e67e22 100%, transparent 0),
-                radial-gradient(circle 10px, #e67e22 100%, transparent 0);
             background-size: 20px 20px; background-position: 0px 50%, 50px 50%, 100px 50%;
             background-repeat: no-repeat; animation:-ball 2s infinite linear;
         }
@@ -174,7 +170,7 @@ INDEX_HTML = '''
         .speech-bubble.selected { outline: 2px dashed #4CAF50; }
         .speech-bubble textarea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #4CAF50; background: rgba(255,255,255,0.95); font: inherit; text-align: center; resize: none; padding: 8px; z-index: 102; }
-        /* <<< SPEECH BUBBLE CSS (EXPORT SAFE - GRADIENT METHOD) >>> */
         .speech-bubble.speech {
             --b: 3em; --h: 1.8em; --t: 0.6; --p: var(--tail-pos, 50%); --r: 1.2em;
             --c: var(--bubble-fill-color, #4ECDC4);
@@ -186,6 +182,7 @@ INDEX_HTML = '''
             background: radial-gradient(100% 100% at 100% 0, transparent calc(var(--t) * 100% - 1px), var(--c) calc(var(--t) * 100%));
             border-bottom-left-radius: 100%; pointer-events: none; z-index: 1;
         }
         .speech-bubble.speech.tail-bottom:before { top: 99%; left: clamp(0%, calc(var(--p) - (1 - var(--t)) * var(--b) / 2), calc(100% - (1 - var(--t)) * var(--b))); }
         .speech-bubble.speech.tail-top { border-radius: min(var(--r), calc(var(--p) - (1 - var(--t)) * var(--b) / 2)) min(var(--r), calc(100% - var(--p) - (1 - var(--t)) * var(--b) / 2)) var(--r) var(--r) / var(--r); }
         .speech-bubble.speech.tail-top:before { bottom: 99%; left: clamp(0%, calc(var(--p) - (1 - var(--t)) * var(--b) / 2), calc(100% - (1 - var(--t)) * var(--b))); transform: scaleY(-1); }
@@ -333,7 +330,7 @@ INDEX_HTML = '''
                     // SWITCH TO EDITOR VIEW
                     document.getElementById('upload-container').style.display = 'none';
                     document.getElementById('editor-container').style.display = 'block';
-                    loadComicData(); // Load the json
                 } else if (data.progress < 0) {
                     clearInterval(statusInterval);
                     statusText.textContent = "An error occurred. Check server logs.";
@@ -447,7 +444,6 @@ INDEX_HTML = '''
             document.getElementById('zoom-slider').addEventListener('input', handleZoom);
             document.getElementById('tail-slider').addEventListener('input', (e) => slideTail(e.target.value));
-            // Color pickers
             document.getElementById('bubble-text-color').addEventListener('input', (e) => {
                 if(currentlySelectedBubble) currentlySelectedBubble.style.setProperty('--bubble-text-color', e.target.value);
             });
@@ -476,13 +472,12 @@ INDEX_HTML = '''
             panel.classList.add('selected');
             currentlySelectedPanel = panel;
             selectBubble(null);
-            resetPanelTransform(); // Optional reset or load state
         }
         function selectBubble(bubble) {
             if(currentlySelectedBubble) currentlySelectedBubble.classList.remove('selected');
             currentlySelectedBubble = bubble;
-            const controls = ['bubble-text-color', 'bubble-fill-color', 'bubble-type-select', 'zoom-slider'];
             const tailControls = document.getElementById('tail-controls');
             if(bubble) {
@@ -495,13 +490,14 @@ INDEX_HTML = '''
                 if(bubble.dataset.type === 'speech') tailControls.style.display = 'block';
                 else tailControls.style.display = 'none';
             } else {
-                controls.forEach(id => { if(document.getElementById(id)) document.getElementById(id).disabled = true; });
                 document.getElementById('zoom-slider').disabled = false;
                 tailControls.style.display = 'none';
             }
         }
-        // --- Drag/Resize/Tail Logic (Same as before) ---
         function startDrag(e) {
             draggedBubble = e.target.closest('.speech-bubble');
             selectBubble(draggedBubble);
@@ -573,7 +569,6 @@ INDEX_HTML = '''
             if(currentlySelectedBubble) { currentlySelectedBubble.remove(); selectBubble(null); }
         }
-        // --- Panel Image Manipulation ---
         function startPan(e) {
             if(e.button !== 0) return;
             const img = e.target;
@@ -617,7 +612,6 @@ INDEX_HTML = '''
             updateImageTransform(img);
         }
-        // --- API Calls ---
         function replacePanelImage() {
             if (!currentlySelectedPanel) return alert("Select a panel first.");
             const img = currentlySelectedPanel.querySelector('img');
@@ -695,7 +689,6 @@ INDEX_HTML = '''
 class EnhancedComicGenerator:
     def __init__(self, sid):
-        # --- PER-USER SESSION DIRECTORIES ---
         self.sid = sid
         self.user_dir = os.path.join(BASE_USER_DIR, sid)
         self.video_path = os.path.join(self.user_dir, 'uploaded.mp4')
@@ -703,7 +696,6 @@ class EnhancedComicGenerator:
         self.output_dir = os.path.join(self.user_dir, 'output')
         self.status_file = os.path.join(self.output_dir, 'status.json')
-        # Create directories if they don't exist
         os.makedirs(self.frames_dir, exist_ok=True)
         os.makedirs(self.output_dir, exist_ok=True)
@@ -724,11 +716,9 @@ class EnhancedComicGenerator:
                 os.remove(os.path.join(self.frames_dir, file))
         if os.path.isdir(self.output_dir):
             for file in os.listdir(self.output_dir):
-                if file != 'status.json': # Keep status file briefly
-                    try:
-                        os.remove(os.path.join(self.output_dir, file))
                     except: pass
-        # Clean temp srt for this user (could be better handled with tempfile)
         srt_file = os.path.join(self.user_dir, 'subs.srt')
         if os.path.exists(srt_file): os.remove(srt_file)
         print(f"[{self.sid}] ✅ Cleanup complete.")
@@ -736,7 +726,6 @@ class EnhancedComicGenerator:
     def regenerate_frame(self, frame_filename, direction):
         try:
             if not self.video_fps:
-                # Re-open video to get FPS if lost (unlikely but safe)
                 cap = cv2.VideoCapture(self.video_path)
                 self.video_fps = cap.get(cv2.CAP_PROP_FPS)
                 cap.release()
@@ -772,7 +761,6 @@ class EnhancedComicGenerator:
             self._enhance_all_images(single_image_path=new_path)
             self._enhance_quality_colors(single_image_path=new_path)
-            # Update metadata
             if isinstance(frame_to_time[frame_filename], dict):
                 frame_to_time[frame_filename]['time'] = target_time
             else:
@@ -871,17 +859,13 @@ class EnhancedComicGenerator:
             cap.release()
             self.update_status("Generating subtitles...", 10)
-            # IMPORTANT: Adapt get_real_subtitles to support output path if possible
-            # For now, assuming it generates 'test1.srt' in CWD, we move it
             get_real_subtitles(self.video_path)
-            # Move the generated SRT to user folder if it exists in root
             if os.path.exists('test1.srt'):
                 user_srt = os.path.join(self.user_dir, 'subs.srt')
                 shutil.move('test1.srt', user_srt)
             else:
-                user_srt = os.path.join(self.user_dir, 'subs.srt') # Or however your logic handles it
-                # If get_real_subtitles is hardcoded, this part needs care in your backend
             with open(user_srt, 'r', encoding='utf-8') as f:
                 all_subs = list(srt.parse(f.read()))
@@ -892,7 +876,7 @@ class EnhancedComicGenerator:
                 raise Exception("Keyframe extraction failed.")
             self.update_status("Cropping black bars...", 45)
-            black_x, black_y, _, _ = black_bar_crop() # This might need adaptation to take an image path if it's global
             self.update_status("Enhancing images...", 50)
             self._enhance_all_images()
@@ -950,7 +934,6 @@ class EnhancedComicGenerator:
             bubble_x, bubble_y = ai_bubble_placer.place_bubble_ai(frame_path, (lip_x, lip_y))
             return bubble(bubble_offset_x=bubble_x, bubble_offset_y=bubble_y, lip_x=lip_x, lip_y=lip_y, dialog=dialogue, emotion='normal')
         except Exception as e:
-            # Fallback
             return bubble(bubble_offset_x=50, bubble_offset_y=20, lip_x=-1, lip_y=-1, dialog=dialogue, emotion='normal')
     def _create_ai_bubbles_from_moments(self, black_x, black_y):
@@ -967,7 +950,6 @@ class EnhancedComicGenerator:
         return bubbles
     def _generate_pages(self, bubbles):
-        # Using simple fallback generation logic for stability
         pages, frame_files = [], sorted([f for f in os.listdir(self.frames_dir) if f.endswith('.png')])
         num_pages = (len(frame_files) + 3) // 4
         for i in range(num_pages):
@@ -993,10 +975,8 @@ class EnhancedComicGenerator:
     def _copy_template_files(self):
         try:
-            # We don't strictly need to write page.html anymore for the main flow,
-            # but it is good for debugging or direct /comic access.
             with open(os.path.join(self.output_dir, 'page.html'), 'w', encoding='utf-8') as f:
-                f.write(INDEX_HTML) # We can reuse the main HTML structure for simplicity if accessed directly
         except Exception as e:
             print(f"[{self.sid}] Template creation failed: {e}")
@@ -1010,11 +990,7 @@ def index():
 @app.route('/uploader', methods=['POST'])
 def upload_file():
-    # FIX: Auto-create session if missing due to restart
-    if 'sid' not in session:
-        session['sid'] = uuid.uuid4().hex
-        print(f"⚠️ Session recreated: {session['sid']}")
     try:
         f = request.files['file']
         gen = EnhancedComicGenerator(session['sid'])
@@ -1036,8 +1012,6 @@ def status():
 @app.route('/comic')
 def view_comic():
     if 'sid' not in session: return "Session expired", 400
-    # For /comic, we can serve the same INDEX_HTML but maybe trigger a load immediately?
-    # Or just serve the page.html if generated.
     return send_from_directory(os.path.join(BASE_USER_DIR, session['sid'], 'output'), 'page.html')
 @app.route('/output/<path:filename>')
@@ -1050,7 +1024,6 @@ def frame_file(filename):
     if 'sid' not in session: return "Session expired", 400
     return send_from_directory(os.path.join(BASE_USER_DIR, session['sid'], 'frames'), filename)
-# Actions that modify state need the session ID to find the correct folders
 @app.route('/regenerate_frame', methods=['POST'])
 def regenerate_frame_route():
     if 'sid' not in session: return jsonify({'success': False, 'message': 'Session expired'})
@@ -1076,7 +1049,6 @@ def goto_timestamp_route():
     return jsonify(gen.get_frame_at_timestamp(data['filename'], float(data['timestamp'])))
 if __name__ == '__main__':
-    # Ensure base userdata dir exists
     os.makedirs(BASE_USER_DIR, exist_ok=True)
     port = int(os.getenv("PORT", 7860))
     print(f"🚀 Starting Multi-User Comic Generator on port {port}")

 import os
 import time
 import threading
 import uuid
 import shutil
 import json
 import traceback
 from concurrent.futures import ThreadPoolExecutor
+# --- ESSENTIAL IMPORTS ---
+# These must be at the top. If they fail, add them to requirements.txt
+try:
+    import cv2
+    import numpy as np
+    from PIL import Image
+    import srt
+    from flask import Flask, render_template, request, jsonify, send_from_directory, send_file, session
+except ImportError as e:
+    print(f"❌ Critical Import Error: {e}")
+    print("Please ensure 'flask', 'opencv-python-headless', 'numpy', 'pillow', and 'srt' are in requirements.txt")
+    exit(1)
 # --- ROBUST IMPORTS WITH FALLBACKS ---
 try:
 except Exception as e:
     print(f"⚠️ Could not load SimpleColorEnhancer: {e}. This feature will be SKIPPED.")
     class SimpleColorEnhancer:
+        def enhance_batch(self, *args, **kwargs): pass
+        def enhance_single(self, *args, **kwargs): pass
 try:
     from backend.quality_color_enhancer import QualityColorEnhancer
 except Exception as e:
     print(f"⚠️ Could not load QualityColorEnhancer: {e}. This feature will be SKIPPED.")
     class QualityColorEnhancer:
+        def batch_enhance(self, *args, **kwargs): pass
+        def enhance_single(self, *args, **kwargs): pass
 try:
     from backend.class_def import bubble, panel, Page
 # --- FLASK APP SETUP ---
 app = Flask(__name__)
+app.secret_key = "HUGGINGFACE_SECRET_KEY_XYZ" # Necessary for sessions
+BASE_USER_DIR = "userdata" # Persistent storage location
+# --- MERGED HTML: UPLOAD UI + EDITOR UI + EXPORT FIX + CSS FIX ---
 INDEX_HTML = '''
 <!DOCTYPE html>
 <html lang="en">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Movie to Comic Generator</title>
+    <!-- EXPORT LIBRARY (Supports CSS Masks/Gradients) -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.11/html-to-image.min.js"></script>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
             min-height: 100vh;
         }
         #upload-container {
+            display: flex; justify-content: center; align-items: center;
+            min-height: 100vh; width: 100%;
         }
         .upload-box {
+            max-width: 500px; width: 100%; padding: 40px;
+            background-color: #ffffff; border-radius: 12px;
+            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); text-align: center;
         }
         #editor-container {
             display: none; /* Hidden by default */
+            padding: 20px; width: 100%; box-sizing: border-box;
         }
         h1 { color: #2c3e50; margin-bottom: 30px; font-weight: 600; }
         }
         .submit-btn:hover { background-color: #d35400; }
         .loading-view { display: none; flex-direction: column; align-items: center; justify-content: center; }
         .loader {
             width: 120px; height: 20px; border-radius: 20px;
+            background: radial-gradient(circle 10px, #e67e22 100%, transparent 0),
+                        radial-gradient(circle 10px, #e67e22 100%, transparent 0),
+                        radial-gradient(circle 10px, #e67e22 100%, transparent 0);
             background-size: 20px 20px; background-position: 0px 50%, 50px 50%, 100px 50%;
             background-repeat: no-repeat; animation:-ball 2s infinite linear;
         }
         .speech-bubble.selected { outline: 2px dashed #4CAF50; }
         .speech-bubble textarea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #4CAF50; background: rgba(255,255,255,0.95); font: inherit; text-align: center; resize: none; padding: 8px; z-index: 102; }
+        /* <<< EXACT CSS WITH GRADIENT EXPORT FIX >>> */
         .speech-bubble.speech {
             --b: 3em; --h: 1.8em; --t: 0.6; --p: var(--tail-pos, 50%); --r: 1.2em;
             --c: var(--bubble-fill-color, #4ECDC4);
             background: radial-gradient(100% 100% at 100% 0, transparent calc(var(--t) * 100% - 1px), var(--c) calc(var(--t) * 100%));
             border-bottom-left-radius: 100%; pointer-events: none; z-index: 1;
         }
+        /* Directional Logic */
         .speech-bubble.speech.tail-bottom:before { top: 99%; left: clamp(0%, calc(var(--p) - (1 - var(--t)) * var(--b) / 2), calc(100% - (1 - var(--t)) * var(--b))); }
         .speech-bubble.speech.tail-top { border-radius: min(var(--r), calc(var(--p) - (1 - var(--t)) * var(--b) / 2)) min(var(--r), calc(100% - var(--p) - (1 - var(--t)) * var(--b) / 2)) var(--r) var(--r) / var(--r); }
         .speech-bubble.speech.tail-top:before { bottom: 99%; left: clamp(0%, calc(var(--p) - (1 - var(--t)) * var(--b) / 2), calc(100% - (1 - var(--t)) * var(--b))); transform: scaleY(-1); }
                     // SWITCH TO EDITOR VIEW
                     document.getElementById('upload-container').style.display = 'none';
                     document.getElementById('editor-container').style.display = 'block';
+                    loadComicData();
                 } else if (data.progress < 0) {
                     clearInterval(statusInterval);
                     statusText.textContent = "An error occurred. Check server logs.";
             document.getElementById('zoom-slider').addEventListener('input', handleZoom);
             document.getElementById('tail-slider').addEventListener('input', (e) => slideTail(e.target.value));
             document.getElementById('bubble-text-color').addEventListener('input', (e) => {
                 if(currentlySelectedBubble) currentlySelectedBubble.style.setProperty('--bubble-text-color', e.target.value);
             });
             panel.classList.add('selected');
             currentlySelectedPanel = panel;
             selectBubble(null);
+            resetPanelTransform();
         }
         function selectBubble(bubble) {
             if(currentlySelectedBubble) currentlySelectedBubble.classList.remove('selected');
             currentlySelectedBubble = bubble;
             const tailControls = document.getElementById('tail-controls');
             if(bubble) {
                 if(bubble.dataset.type === 'speech') tailControls.style.display = 'block';
                 else tailControls.style.display = 'none';
             } else {
+                if(document.getElementById('bubble-text-color')) document.getElementById('bubble-text-color').disabled = true;
+                if(document.getElementById('bubble-fill-color')) document.getElementById('bubble-fill-color').disabled = true;
+                if(document.getElementById('bubble-type-select')) document.getElementById('bubble-type-select').disabled = true;
                 document.getElementById('zoom-slider').disabled = false;
                 tailControls.style.display = 'none';
             }
         }
         function startDrag(e) {
             draggedBubble = e.target.closest('.speech-bubble');
             selectBubble(draggedBubble);
             if(currentlySelectedBubble) { currentlySelectedBubble.remove(); selectBubble(null); }
         }
         function startPan(e) {
             if(e.button !== 0) return;
             const img = e.target;
             updateImageTransform(img);
         }
         function replacePanelImage() {
             if (!currentlySelectedPanel) return alert("Select a panel first.");
             const img = currentlySelectedPanel.querySelector('img');
 class EnhancedComicGenerator:
     def __init__(self, sid):
         self.sid = sid
         self.user_dir = os.path.join(BASE_USER_DIR, sid)
         self.video_path = os.path.join(self.user_dir, 'uploaded.mp4')
         self.output_dir = os.path.join(self.user_dir, 'output')
         self.status_file = os.path.join(self.output_dir, 'status.json')
         os.makedirs(self.frames_dir, exist_ok=True)
         os.makedirs(self.output_dir, exist_ok=True)
                 os.remove(os.path.join(self.frames_dir, file))
         if os.path.isdir(self.output_dir):
             for file in os.listdir(self.output_dir):
+                if file != 'status.json':
+                    try: os.remove(os.path.join(self.output_dir, file))
                     except: pass
         srt_file = os.path.join(self.user_dir, 'subs.srt')
         if os.path.exists(srt_file): os.remove(srt_file)
         print(f"[{self.sid}] ✅ Cleanup complete.")
     def regenerate_frame(self, frame_filename, direction):
         try:
             if not self.video_fps:
                 cap = cv2.VideoCapture(self.video_path)
                 self.video_fps = cap.get(cv2.CAP_PROP_FPS)
                 cap.release()
             self._enhance_all_images(single_image_path=new_path)
             self._enhance_quality_colors(single_image_path=new_path)
             if isinstance(frame_to_time[frame_filename], dict):
                 frame_to_time[frame_filename]['time'] = target_time
             else:
             cap.release()
             self.update_status("Generating subtitles...", 10)
             get_real_subtitles(self.video_path)
             if os.path.exists('test1.srt'):
                 user_srt = os.path.join(self.user_dir, 'subs.srt')
                 shutil.move('test1.srt', user_srt)
             else:
+                user_srt = os.path.join(self.user_dir, 'subs.srt')
             with open(user_srt, 'r', encoding='utf-8') as f:
                 all_subs = list(srt.parse(f.read()))
                 raise Exception("Keyframe extraction failed.")
             self.update_status("Cropping black bars...", 45)
+            black_x, black_y, _, _ = black_bar_crop()
             self.update_status("Enhancing images...", 50)
             self._enhance_all_images()
             bubble_x, bubble_y = ai_bubble_placer.place_bubble_ai(frame_path, (lip_x, lip_y))
             return bubble(bubble_offset_x=bubble_x, bubble_offset_y=bubble_y, lip_x=lip_x, lip_y=lip_y, dialog=dialogue, emotion='normal')
         except Exception as e:
             return bubble(bubble_offset_x=50, bubble_offset_y=20, lip_x=-1, lip_y=-1, dialog=dialogue, emotion='normal')
     def _create_ai_bubbles_from_moments(self, black_x, black_y):
         return bubbles
     def _generate_pages(self, bubbles):
         pages, frame_files = [], sorted([f for f in os.listdir(self.frames_dir) if f.endswith('.png')])
         num_pages = (len(frame_files) + 3) // 4
         for i in range(num_pages):
     def _copy_template_files(self):
         try:
             with open(os.path.join(self.output_dir, 'page.html'), 'w', encoding='utf-8') as f:
+                f.write(INDEX_HTML)
         except Exception as e:
             print(f"[{self.sid}] Template creation failed: {e}")
 @app.route('/uploader', methods=['POST'])
 def upload_file():
+    if 'sid' not in session: session['sid'] = uuid.uuid4().hex
     try:
         f = request.files['file']
         gen = EnhancedComicGenerator(session['sid'])
 @app.route('/comic')
 def view_comic():
     if 'sid' not in session: return "Session expired", 400
     return send_from_directory(os.path.join(BASE_USER_DIR, session['sid'], 'output'), 'page.html')
 @app.route('/output/<path:filename>')
     if 'sid' not in session: return "Session expired", 400
     return send_from_directory(os.path.join(BASE_USER_DIR, session['sid'], 'frames'), filename)
 @app.route('/regenerate_frame', methods=['POST'])
 def regenerate_frame_route():
     if 'sid' not in session: return jsonify({'success': False, 'message': 'Session expired'})
     return jsonify(gen.get_frame_at_timestamp(data['filename'], float(data['timestamp'])))
 if __name__ == '__main__':
     os.makedirs(BASE_USER_DIR, exist_ok=True)
     port = int(os.getenv("PORT", 7860))
     print(f"🚀 Starting Multi-User Comic Generator on port {port}")