small bug fixes

DEPLOYMENT.md

@@ -17,15 +17,24 @@ source .python_venv/bin/activate
 python3 -m pip install --no-cache-dir --upgrade -r requirements.txt 
 ```
 
-### Deployment to production
+### Local testing
 
-To deploy the aitube2 api to production:
+First you need to build the app:
+
+    $ flutter build web
+
+Then run the server.
 
-    $ git push space main
+See paragraph "Running the gateway scheduler"
 
-To deploy the aitube2 client to production, simply run:
+### Deployment to production
+
+To deploy the aitube2 api to production:
 
-    $ flutter run web
+    $ flutter build web
+    $ git add .
+    $ got commit -m "<description>"
+    $ git push public main
 
 and upload the assets to:
 

PROMPT_CONTEXT.md

@@ -1,3 +1,10 @@
-For some context: our app is an AI video generation platform, where people use the frontend app (written in Flutter) to virtually "search for video (the video synopsis and their content are generated on the fly using AI). This uses a custom API written in Python, with a WebSockets communication.
+For some context:
+
+our app is an AI video generation platform, where people use the frontend app (written in Flutter) to virtually "search" for video (the video synopsis and their content are generated on the fly using AI). 
+
+Note that this uses a custom API written in Python, with a WebSockets communication.
+
+To go back to the Flutter app, when the user open a thumbnail card after doing such generative AI search, it opens a full view for a video (with a player, title, description, chat section etc). 
+
 
 Task to perform: <fill your demand here>

api_core.py

@@ -298,16 +298,16 @@ class VideoGenerationAPI:
         """Generate a single search result using HF text generation"""
         prompt = f"""# Instruction
 Your response MUST be a YAML object containing a title, description, and tags, consistent with what we can find on a video sharing platform.
-Format your YAML response with only those fields: "title" (single string of a short sentence), "description" (single string of a few sentences to describe the visuals), and "tags" (array of strings). Do not add any other field.
-The description is a prompt for a generative AI, so please describe the visual elements of the scene in details, including: camera angle and focus, people's appearance, their age, actions, precise look, clothing, the location characteristics, lighting, action, objects, weather.
+Format your YAML response with only those fields: "title" (single string of a short sentence), "description" (single string of a few sentences to describe the visuals: characters, age, gender, action, location, lighting, country, costume, time, weather, textures, color palette), and "tags" (array of strings). Do not add any other field.
+The description is a prompt for a generative AI, so please describe the visual elements of the scene in details, including: camera angle and focus, people's appearance, their age, actions, precise look, clothing, the location characteristics, lighting, action, objects, weather, texture, color palette. Write as if you were describing the scene to a photograph.
 Make the result unique and different from previous search results. ONLY RETURN YAML AND WITH ENGLISH CONTENT, NOT CHINESE - DO NOT ADD ANY OTHER COMMENT!
 
 # Context
 This is attempt {attempt_count} at generating search result number {search_count}.
 
 # Input
-Describe the video for this theme: "{query}".
-Don't forget to repeat singular elements about the characters, location.. in your description.
+Describe the appearance of a video scene for this theme: "{query}".
+Don't use bullet points or titles/prefixes in your description. Just describe it in plain natural language.
 
 # Output
 
@@ -321,7 +321,7 @@ title: \""""
                 lambda: self.inference_client.text_generation(
                     prompt,
                     model=TEXT_MODEL,
-                    max_new_tokens=300,
+                    max_new_tokens=330,
                     temperature=0.6
                 )
             )
@@ -368,8 +368,12 @@ title: \""""
                 'description': description,
                 'thumbnailUrl': thumbnail,
                 'videoUrl': '',
+
+                # not really used yet, maybe one day if we pre-generate or store content
                 'isLatent': True,
+
                 'useFixedSeed': "webcam" in description.lower(),
+
                 'seed': generate_seed(),
                 'views': 0,
                 'tags': tags
@@ -389,7 +393,7 @@ title: \""""
                 lambda: self.inference_client.text_to_image(
                     prompt=image_prompt,
                     model=IMAGE_MODEL,
-                    width=1024,
+                    width=768,
                     height=512
                 )
             )

build/web/assets/assets/config/aitube_low.yaml

@@ -1,6 +1,7 @@
 ui:
   product_name: AiTube
-  
+  showChatInVideoView: false
+
 render_queue:
   # how many clips should be stored in advance
   buffer_size: 3

build/web/assets/assets/config/default.yaml

@@ -1,5 +1,6 @@
 ui:
   product_name: AppName
+  showChatInVideoView: true
   
   render_queue:
   # how many clips should be stored in advance

build/web/flutter_bootstrap.js

@@ -39,6 +39,6 @@ _flutter.buildConfig = {"engineRevision":"382be0028d370607f76215a9be322e5514b263
 
 _flutter.loader.load({
   serviceWorkerSettings: {
-    serviceWorkerVersion: "1946662225"
+    serviceWorkerVersion: "3310482292"
   }
 });

build/web/flutter_service_worker.js

@@ -3,11 +3,11 @@ const MANIFEST = 'flutter-app-manifest';
 const TEMP = 'flutter-temp-cache';
 const CACHE_NAME = 'flutter-app-cache';
 
-const RESOURCES = {"flutter_bootstrap.js": "73af8f030b3b05ff5d0df3ad67a75121",
+const RESOURCES = {"flutter_bootstrap.js": "ad3dd4404e2156ccb1734ec07b249cd5",
 "version.json": "b5eaae4fc120710a3c35125322173615",
 "index.html": "f34c56fffc6b38f62412a5db2315dec8",
 "/": "f34c56fffc6b38f62412a5db2315dec8",
-"main.dart.js": "0085961ce9c20b57a5ddbe570d5024a2",
+"main.dart.js": "92b9f48aec1daf04b5f8ee31dec89bf9",
 "flutter.js": "83d881c1dbb6d6bcd6b42e274605b69c",
 "favicon.png": "5dcef449791fa27946b3d35ad8803796",
 "icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
@@ -22,12 +22,12 @@ const RESOURCES = {"flutter_bootstrap.js": "73af8f030b3b05ff5d0df3ad67a75121",
 "assets/packages/cupertino_icons/assets/CupertinoIcons.ttf": "33b7d9392238c04c131b6ce224e13711",
 "assets/shaders/ink_sparkle.frag": "ecc85a2e95f5e9f53123dcaf8cb9b6ce",
 "assets/AssetManifest.bin": "5894fe5676e62dc22403a833f2313e43",
-"assets/fonts/MaterialIcons-Regular.otf": "ad353551d900c9d287176103e249f13e",
+"assets/fonts/MaterialIcons-Regular.otf": "f7c7cc97f118137db94cf3e17143bf62",
 "assets/assets/config/private.yaml": "97a9ec367206bea5dce64faf94b66332",
 "assets/assets/config/README.md": "07a87720dd00dd1ca98c9d6884440e31",
 "assets/assets/config/aitube_high.yaml": "c030f221344557ecf05aeef30f224502",
-"assets/assets/config/default.yaml": "d3d68c3d543051e4e24c1694731f219c",
-"assets/assets/config/aitube_low.yaml": "4933e2a3345cf1143ec043d074a6444d",
+"assets/assets/config/default.yaml": "e98187e5a53a8b0d8bf2c5cd9dd0a365",
+"assets/assets/config/aitube_low.yaml": "45750c9b2982d06eff21bd302ed0f8c4",
 "canvaskit/skwasm.js": "ea559890a088fe28b4ddf70e17e60052",
 "canvaskit/skwasm.js.symbols": "9fe690d47b904d72c7d020bd303adf16",
 "canvaskit/canvaskit.js.symbols": "27361387bc24144b46a745f1afe92b50",

lib/config/config.dart

@@ -63,6 +63,9 @@ class Configuration {
 
   String get uiProductName => 
       _config['ui']['product_name'];
+      
+  bool get showChatInVideoView => 
+      _config['ui']['showChatInVideoView'] ?? true;
 
   // how many clips should be stored in advance
   int get renderQueueBufferSize => 

lib/screens/settings_screen.dart

@@ -115,7 +115,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                 ),
               ),
               const SizedBox(height: 16),
-              // Cache Card (existing code)
+                            // Cache Card (existing code)
               Card(
                 child: Padding(
                   padding: const EdgeInsets.all(16),

lib/screens/video_screen.dart

@@ -2,6 +2,7 @@
 import 'package:aitube2/widgets/chat_widget.dart';
 import 'package:aitube2/widgets/search_box.dart';
 import 'package:flutter/material.dart';
+import '../config/config.dart';
 import '../models/video_result.dart';
 import '../services/websocket_api_service.dart';
 import '../services/cache_service.dart';
@@ -165,27 +166,30 @@ class _VideoScreenState extends State<VideoScreen> {
                       Expanded(
                         child: _buildMainContent(),
                       ),
-                      const SizedBox(width: 16),
-                      Padding(
-                        padding: const EdgeInsets.only(right: 16),
-                        child: ChatWidget(videoId: widget.video.id),
-                      ),
+                      if (Configuration.instance.showChatInVideoView) ...[
+                        const SizedBox(width: 16),
+                        Padding(
+                          padding: const EdgeInsets.only(right: 16),
+                          child: ChatWidget(videoId: widget.video.id),
+                        ),
+                      ],
                     ],
                   )
                 : Column(
                     children: [
                       _buildMainContent(),
-                      const SizedBox(height: 16),
-                      // Modified this part
-                      Expanded(
-                        child: Padding(
-                          padding: const EdgeInsets.symmetric(horizontal: 16),
-                          child: ChatWidget(
-                            videoId: widget.video.id,
-                            isCompact: true,
+                      if (Configuration.instance.showChatInVideoView) ...[
+                        const SizedBox(height: 16),
+                        Expanded(
+                          child: Padding(
+                            padding: const EdgeInsets.symmetric(horizontal: 16),
+                            child: ChatWidget(
+                              videoId: widget.video.id,
+                              isCompact: true,
+                            ),
                           ),
                         ),
-                      ),
+                      ],
                     ],
                   ),
           ),

lib/services/websocket_api_service.dart

@@ -54,6 +54,15 @@ class WebSocketApiService {
       // Get the current host and protocol from the browser window
       final location = Uri.base;
       final protocol = location.scheme == 'https' ? 'wss' : 'ws';
+      
+      // For localhost, explicitly include port 8080
+      if (location.host == 'localhost' || location.host.startsWith('localhost:')) {
+        final url = '$protocol://localhost:8080/ws';
+        debugPrint('WebSocketApiService: Using localhost:8080 WebSocket URL: $url');
+        return url;
+      }
+      
+      // For other hosts, include the original port number in the URL
       final url = '$protocol://${location.host}/ws';
       debugPrint('WebSocketApiService: Using dynamic WebSocket URL: $url');
       return url;
@@ -195,10 +204,27 @@ class WebSocketApiService {
         
         // First check if server is in maintenance mode by making an HTTP request to the status endpoint
         try {
-          // Determine HTTP URL based on WebSocket URL
-          final wsUri = Uri.parse(_wsUrl);
-          final protocol = wsUri.scheme == 'wss' ? 'https' : 'http';
-          final httpUrl = '$protocol://${wsUri.authority}/api/status';
+          // Determine HTTP URL based on WebSocket URL and current location
+          String httpUrl;
+          if (kIsWeb) {
+            // In web, use the current location with api/status appended
+            final location = Uri.base;
+            final protocol = location.scheme;
+            
+            // For localhost, explicitly include port 8080
+            if (location.host == 'localhost' || location.host.startsWith('localhost:')) {
+              httpUrl = '$protocol://localhost:8080/api/status';
+            } else {
+              httpUrl = '$protocol://${location.host}/api/status';
+            }
+          } else {
+            // For non-web, derive from WebSocket URL
+            final wsUri = Uri.parse(_wsUrl);
+            final protocol = wsUri.scheme == 'wss' ? 'https' : 'http';
+            httpUrl = '$protocol://${wsUri.authority}/api/status';
+          }
+          
+          debugPrint('WebSocketApiService: Checking maintenance status at: $httpUrl');
           
           // Use conditional import to handle platform differences
           if (kIsWeb) {

lib/widgets/video_card.dart

@@ -25,7 +25,9 @@ class VideoCard extends StatelessWidget {
               ),
               SizedBox(height: 8),
               Text(
-                'Generating preview...',
+                // 'Generating preview...',
+                // thumbnail generation
+                '(TODO: thumbnails)',
                 style: TextStyle(
                   color: AiTubeColors.onSurfaceVariant,
                   fontSize: 12,
@@ -108,39 +110,32 @@ class VideoCard extends StatelessWidget {
               fit: StackFit.expand,
               children: [
                 _buildThumbnail(),
-                if (video.isLatent) 
-                  Positioned(
-                    right: 8,
-                    top: 8,
-                    child: Container(
-                      padding: const EdgeInsets.symmetric(
-                        horizontal: 8,
-                        vertical: 4,
-                      ),
-                      decoration: BoxDecoration(
-                        color: Colors.black.withOpacity(0.7),
-                        borderRadius: BorderRadius.circular(4),
-                      ),
-                      child: const Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Icon(
-                            Icons.ac_unit,
-                            size: 16,
+                Positioned(
+                  right: 8,
+                  top: 8,
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 8,
+                      vertical: 4,
+                    ),
+                    decoration: BoxDecoration(
+                      color: Colors.black.withOpacity(0.7),
+                      borderRadius: BorderRadius.circular(4),
+                    ),
+                    child: const Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        Text(
+                          'LTX Video',
+                          style: TextStyle(
                             color: AiTubeColors.onBackground,
+                            fontSize: 12,
                           ),
-                          SizedBox(width: 4),
-                          Text(
-                            'Latent',
-                            style: TextStyle(
-                              color: AiTubeColors.onBackground,
-                              fontSize: 12,
-                            ),
-                          ),
-                        ],
-                      ),
+                        ),
+                      ],
                     ),
                   ),
+                ),
               ],
             ),
           ),