fix: resolve module import errors and CSP issues

- Fix export/import mismatches between modules
- Update app.js to use correct import syntax
- Fix CSP inline script violations with meta tags
- Properly instantiate services in app.js

app.py

@@ -23,10 +23,18 @@ async def read_root():
     openrouter_key = os.getenv("OPENROUTER_API_KEY", "")
     hf_key = os.getenv("HF_API_KEY", "")
     
+    # Create a CSP-compliant way to inject the keys
     env_script = f"""
+    <meta name="openrouter-key" content="{openrouter_key}">
+    <meta name="hf-key" content="{hf_key}">
     <script>
-        window.OPENROUTER_API_KEY = "{openrouter_key}";
-        window.HF_API_KEY = "{hf_key}";
+        // Read keys from meta tags to avoid CSP issues
+        document.addEventListener('DOMContentLoaded', function() {{
+            const openrouterMeta = document.querySelector('meta[name="openrouter-key"]');
+            const hfMeta = document.querySelector('meta[name="hf-key"]');
+            if (openrouterMeta) window.OPENROUTER_API_KEY = openrouterMeta.content;
+            if (hfMeta) window.HF_API_KEY = hfMeta.content;
+        }});
     </script>
     """
     

src/app.js

@@ -1,15 +1,15 @@
 // Main application entry point
-import { ClozeGameEngine } from './clozeGameEngine.js';
-import { BookDataService } from './bookDataService.js';
+import ClozeGameEngine from './clozeGameEngine.js';
+import bookDataService from './bookDataService.js';
 import { AIService } from './aiService.js';
-import { ChatInterface } from './chatInterface.js';
-import { ConversationManager } from './conversationManager.js';
+import ChatInterface from './chatInterface.js';
+import ConversationManager from './conversationManager.js';
 
 class ClozeReaderApp {
     constructor() {
-        this.bookDataService = new BookDataService();
+        this.bookDataService = bookDataService; // Already instantiated
         this.aiService = new AIService();
-        this.gameEngine = new ClozeGameEngine(this.bookDataService, this.aiService);
+        this.gameEngine = new ClozeGameEngine();
         this.chatInterface = new ChatInterface(this.aiService);
         this.conversationManager = new ConversationManager(this.aiService);
         

src/clozeGameEngine.js

@@ -1,8 +1,10 @@
 // Core game logic for minimal cloze reader
 import bookDataService from './bookDataService.js';
-import aiService from './aiService.js';
+import { AIService } from './aiService.js';
 import ChatService from './conversationManager.js';
 
+const aiService = new AIService();
+
 class ClozeGame {
   constructor() {
     this.currentBook = null;