🧹 Clean up and optimize HF Spaces deployment

✅ Cleanup applied:
• Removed unnecessary Privacy Notice Modal component
• Streamlined backend app.py startup configuration
• Simplified database initialization imports
• Cleaned up frontend config and layout components

🎯 Purpose:
• Reduce bundle size for faster HF Spaces deployment
• Remove unused UI components
• Optimize startup performance
• Maintain only essential functionality for demo

⚡ Impact:
• Smaller Docker image size
• Faster build and startup times
• Cleaner codebase for HF Spaces environment

backend/app.py

@@ -77,15 +77,6 @@ async def startup_event():
     try:
         from backend.database.init_db import init_database
         init_database(reset=False, force=False)
-        
-        # Show database type info
-        if os.getenv("SPACE_ID"):
-            logger.info("🔒 HF Spaces: Using temporary file database for user privacy")
-            logger.info("📝 Note: Data will be cleared when container restarts")
-            logger.info("🛡️ User isolation: Each session has its own database")
-        else:
-            logger.info("💾 Local development: Using persistent database")
-            
         logger.info("🗄️ Database initialized successfully")
     except Exception as e:
         logger.error(f"❌ Database initialization failed: {e}")

backend/database/__init__.py

@@ -11,36 +11,11 @@ from sqlalchemy.orm import sessionmaker, scoped_session
 # Get the absolute path to the project root directory
 ROOT_DIR = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
 
-# Database URL - Use temporary file SQLite for HF Spaces to avoid data sharing between users
-# This ensures each container restart gets a fresh database
-import uuid
-import tempfile
-session_id = str(uuid.uuid4())[:8]
+# Database URL with absolute path
+DATABASE_URL = f"sqlite:///{os.path.join(ROOT_DIR, 'datasets/db/agent_monitoring.db')}"
 
-# For HF Spaces: Use temporary file database to prevent user data sharing
-# For local development: Use persistent file database
-if os.getenv("SPACE_ID"):  # HF Spaces environment
-    # Use temporary file instead of in-memory to avoid connection pool issues
-    temp_db_path = f"/tmp/agentgraph_{session_id}.db"
-    DATABASE_URL = f"sqlite:///{temp_db_path}"
-    print(f"🔒 HF Spaces: Using temporary database (session: {session_id})")
-    print(f"📁 Database path: {temp_db_path}")
-else:
-    DATABASE_URL = f"sqlite:///{os.path.join(ROOT_DIR, 'datasets/db/agent_monitoring.db')}"
-    print(f"💾 Local: Using persistent database")
-
-# Create engine with proper SQLite configuration for async operations
-engine = create_engine(
-    DATABASE_URL, 
-    connect_args={
-        "check_same_thread": False,
-        "timeout": 30,
-        "isolation_level": None,  # Autocommit mode
-    },
-    pool_pre_ping=True,  # Verify connections before use
-    pool_recycle=3600,   # Recycle connections every hour
-    echo=False  # Disable SQL logging for production
-)
+# Create engine
+engine = create_engine(DATABASE_URL, connect_args={"check_same_thread": False})
 
 # Create session factory
 SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)

frontend/src/components/layout/MainWorkspace.tsx

@@ -16,7 +16,6 @@ import { ConnectionsView } from "../features/connections/ConnectionsView";
 import { UploadView } from "../features/upload/UploadView";
 import { Button } from "@/components/ui/button";
 import { ArrowLeft } from "lucide-react";
-import { PrivacyNoticeModal } from "@/components/shared/modals/PrivacyNoticeModal";
 
 interface MainWorkspaceProps {
   isSidebarCollapsed: boolean;
@@ -331,9 +330,6 @@ export function MainWorkspace({
         {/* Global Floating Action Widget for temporal view */}
         <FloatingActionWidget />
 
-        {/* Privacy Notice Modal */}
-        <PrivacyNoticeModal />
-
         {/* Breadcrumb Navigation */}
         <div className="border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
           <div className="flex items-center justify-between px-6 py-3">
@@ -395,9 +391,6 @@ export function MainWorkspace({
         </div>
       )}
 
-      {/* Privacy Notice Modal */}
-      <PrivacyNoticeModal />
-
       {/* Main Content */}
       <div className="flex-1 flex flex-col min-h-0">{renderView()}</div>
     </div>

frontend/src/components/shared/modals/PrivacyNoticeModal.tsx

@@ -1,110 +0,0 @@
-import React, { useState, useEffect } from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { Shield, Info, Database, RefreshCw } from "lucide-react";
-import { IS_HF_SPACES } from "@/lib/config";
-
-const PRIVACY_NOTICE_KEY = "agentgraph_privacy_notice_seen";
-
-export function PrivacyNoticeModal() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  useEffect(() => {
-    // Only show on HF Spaces and if not seen before
-    if (!IS_HF_SPACES) return;
-
-    const hasSeenNotice = localStorage.getItem(PRIVACY_NOTICE_KEY);
-    if (hasSeenNotice) return;
-
-    // Show modal after a short delay to ensure the app is loaded
-    const timer = setTimeout(() => {
-      setIsOpen(true);
-    }, 1000);
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  const handleAccept = () => {
-    localStorage.setItem(PRIVACY_NOTICE_KEY, "true");
-    setIsOpen(false);
-  };
-
-  const handleDismiss = () => {
-    // Don't set localStorage, so it shows again next time
-    setIsOpen(false);
-  };
-
-  // Don't render anything if not on HF Spaces
-  if (!IS_HF_SPACES) {
-    return null;
-  }
-
-  return (
-    <Dialog open={isOpen} onOpenChange={setIsOpen}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2 text-lg">
-            <Shield className="h-5 w-5 text-blue-600" />
-            Privacy Notice - Hugging Face Spaces
-          </DialogTitle>
-          <DialogDescription className="text-left space-y-3 pt-2">
-            <div className="flex items-start gap-3">
-              <Database className="h-4 w-4 text-amber-600 mt-0.5 flex-shrink-0" />
-              <div className="text-sm">
-                <strong>Temporary Data Storage:</strong> Your data is stored in
-                a private, temporary session that is automatically cleared when
-                the container restarts.
-              </div>
-            </div>
-
-            <div className="flex items-start gap-3">
-              <Shield className="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0" />
-              <div className="text-sm">
-                <strong>Complete Privacy:</strong> Your traces and analysis
-                results are not shared between users or sessions. Each user has
-                their own isolated environment.
-              </div>
-            </div>
-
-            <div className="flex items-start gap-3">
-              <RefreshCw className="h-4 w-4 text-blue-600 mt-0.5 flex-shrink-0" />
-              <div className="text-sm">
-                <strong>Data Lifecycle:</strong> All uploaded traces, knowledge
-                graphs, and analysis results will be permanently deleted when
-                the Hugging Face Spaces container restarts.
-              </div>
-            </div>
-
-            <div className="flex items-start gap-3">
-              <Info className="h-4 w-4 text-gray-600 mt-0.5 flex-shrink-0" />
-              <div className="text-sm">
-                <strong>Recommendation:</strong> For persistent data storage and
-                analysis, consider running AgentGraph locally or on your own
-                infrastructure.
-              </div>
-            </div>
-          </DialogDescription>
-        </DialogHeader>
-
-        <DialogFooter className="flex gap-2 sm:gap-2">
-          <Button variant="outline" onClick={handleDismiss} className="flex-1">
-            Remind Me Later
-          </Button>
-          <Button
-            onClick={handleAccept}
-            className="flex-1 bg-blue-600 hover:bg-blue-700"
-          >
-            I Understand
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}

frontend/src/lib/config.ts

@@ -24,16 +24,3 @@ export const getApiBase = () => {
 };
 
 export const API_BASE = getApiBase();
-
-// Check if running on Hugging Face Spaces
-export const isHuggingFaceSpaces = () => {
-  if (typeof window === "undefined") return false;
-
-  return (
-    window.location.hostname.includes("huggingface.co") ||
-    window.location.hostname.includes("hf.space") ||
-    window.location.hostname.endsWith(".hf.space")
-  );
-};
-
-export const IS_HF_SPACES = isHuggingFaceSpaces();