frontend changes for cli

Author: eshaan-mehta

backend/services/http_server.py

@@ -73,8 +73,19 @@ def create_fastapi_app(self, processing_service_cls=None):
         """
         from api import ServerFastAPIRouter
         from fastapi import FastAPI
+        from fastapi.middleware.cors import CORSMiddleware
 
         self.fastapi_app = FastAPI(title="Clipabit Server")
+
+        # Add CORS middleware
+        self.fastapi_app.add_middleware(
+            CORSMiddleware,
+            allow_origins=["*"],
+            allow_credentials=True,
+            allow_methods=["*"],
+            allow_headers=["*"],
+        )
+
         api_router = ServerFastAPIRouter(
             server_instance=self,
             is_file_change_enabled=self.is_file_change_enabled,

frontend/streamlit/cli.py

@@ -1,7 +1,31 @@
+import os
 import subprocess
+import sys
 from pathlib import Path
 
 
 def serve() -> None:
+    """
+    Serve the Streamlit frontend.
+
+    Usage: uv run dev <name>
+
+    The name parameter is required in dev mode and must match the backend
+    dev name to connect to the correct Modal app URLs.
+    """
+    env = os.environ.get("ENVIRONMENT", "dev")
+
+    if env == "dev":
+        if len(sys.argv) < 2:
+            print("Error: Name parameter is required for dev mode.")
+            print("Usage: uv run dev <name>")
+            print("\nExample: uv run dev john")
+            print("This connects to the Modal app named 'john-dev-server'")
+            sys.exit(1)
+
+        dev_name = sys.argv[1]
+        os.environ["DEV_NAME"] = dev_name
+        print(f"Starting frontend for dev instance '{dev_name}'...")
+
     app_path = Path(__file__).resolve().parent / "app.py"
     subprocess.run(["streamlit", "run", str(app_path)], check=True)

frontend/streamlit/config.py

@@ -23,7 +23,15 @@ class Config:
     if ENVIRONMENT not in ["dev", "prod", "staging"]:
         raise ValueError(f"Invalid ENVIRONMENT value: {ENVIRONMENT}. Must be one of: dev, prod, staging")
 
-    print(f"Running in {ENVIRONMENT} environment")
+    # Dev name prefix (required in dev mode to avoid naming conflicts)
+    DEV_NAME = os.environ.get("DEV_NAME", "")
+    if ENVIRONMENT == "dev" and not DEV_NAME:
+        raise ValueError(
+            "DEV_NAME environment variable is required for dev mode. "
+            "Run with: uv run dev <name>"
+        )
+
+    print(f"Running in {ENVIRONMENT} environment" + (f" (dev instance: {DEV_NAME})" if DEV_NAME else ""))
 
     # Modal app name (matches backend app name)
     APP_NAME = f"clipabit-{ENVIRONMENT}"
@@ -32,12 +40,14 @@ class Config:
     url_portion = "dev" if ENVIRONMENT == "dev" else ""
     url_portion2 = "-dev" if ENVIRONMENT == "dev" else ""
 
+    # App name prefix for dev mode (e.g., "john-dev" instead of "dev")
+    app_prefix = f"{DEV_NAME}-{ENVIRONMENT}" if ENVIRONMENT == "dev" else ENVIRONMENT
 
     # Server API URL (handles upload, status, videos, delete, cache)
-    SERVER_BASE_URL = f"https://clipabit01--{ENVIRONMENT}-server-{url_portion}server-asgi-app{url_portion2}.modal.run"
+    SERVER_BASE_URL = f"https://clipabit01--{app_prefix}-server-{url_portion}server-asgi-app{url_portion2}.modal.run"
 
     # Search API URL (in dev its server-searchservice-asgi-app, else its search-searchservice-asgi-app)
-    SEARCH_BASE_URL = f"https://clipabit01--{ENVIRONMENT}-{"server" if ENVIRONMENT == "dev" else "search"}-searchservice-asgi-app{url_portion2}.modal.run"
+    SEARCH_BASE_URL = f"https://clipabit01--{app_prefix}-{"server" if ENVIRONMENT == "dev" else "search"}-searchservice-asgi-app{url_portion2}.modal.run"
 
     # API Endpoints
     SERVER_UPLOAD_URL = f"{SERVER_BASE_URL}/upload"