Upload 149 files

.vscode/.server-controller-port.log

@@ -0,0 +1,5 @@
+{
+  "port": 13452,
+  "time": 1754155169544,
+  "version": "0.0.3"
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}

Dockerfile

@@ -1,77 +1,89 @@
-# ────────────────
-# Stage 1: Builder
-# ────────────────
-FROM python:3.10-slim AS builder
-
-# Install build dependencies
-RUN apt-get update && apt-get install -y \
-    build-essential \
-    gcc \
-    && rm -rf /var/lib/apt/lists/*
-
-# Upgrade pip
-RUN pip install --upgrade pip
-
-# Create virtual environment
-RUN python -m venv /opt/venv
-ENV PATH="/opt/venv/bin:$PATH"
-
-# Copy requirements and install dependencies
-WORKDIR /app
-COPY requirements.txt .
-RUN pip install --no-cache-dir -r requirements.txt
-
-# ────────────────
-# Stage 2: Production
-# ────────────────
-FROM python:3.10-slim
-
-# Create non-root user
-RUN groupadd -r appuser && useradd -r -g appuser appuser
-
-# Install runtime dependencies
-RUN apt-get update && apt-get install -y \
-    poppler-utils \
-    tesseract-ocr \
-    libgl1 \
-    curl \
-    sqlite3 \
-    && rm -rf /var/lib/apt/lists/*
-
-# Copy virtual environment from builder
-COPY --from=builder /opt/venv /opt/venv
-ENV PATH="/opt/venv/bin:$PATH"
-
-# Set working directory
-WORKDIR /app
-
-# Create persistent directories with permissions
-RUN mkdir -p /app/data /app/cache /app/logs /app/uploads /app/backups \
-    && chown -R appuser:appuser /app
-
-# Copy application files
-COPY --chown=appuser:appuser . .
-
-# Ensure startup script exists and is executable (optional)
-RUN if [ -f start.sh ]; then chmod +x start.sh; fi
-
-# Environment variables
-ENV PYTHONPATH=/app
-ENV DATABASE_PATH=/app/data/legal_dashboard.db
-ENV TRANSFORMERS_CACHE=/app/cache
-ENV HF_HOME=/app/cache
-ENV LOG_LEVEL=INFO
-ENV ENVIRONMENT=production
-
-# Switch to non-root user
-USER appuser
-
-# Expose port
-EXPOSE 8000
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
-    CMD curl -fs http://localhost:8000/api/health || exit 1
-
-# Default CMD
-CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000", "--workers", "4"]
+# ────────────────
+# Stage 1: Builder
+# ────────────────
+FROM python:3.10-slim AS builder
+
+# Install build dependencies
+RUN apt-get update && apt-get install -y \
+    build-essential \
+    gcc \
+    && rm -rf /var/lib/apt/lists/*
+
+# Upgrade pip
+RUN pip install --upgrade pip
+
+# Create virtual environment
+RUN python -m venv /opt/venv
+ENV PATH="/opt/venv/bin:$PATH"
+
+# Copy requirements and install dependencies
+WORKDIR /app
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# ────────────────
+# Stage 2: Production
+# ────────────────
+FROM python:3.10-slim
+
+# Create non-root user with specific UID/GID for compatibility
+RUN groupadd -g 1000 appuser && useradd -r -u 1000 -g appuser appuser
+
+# Install runtime dependencies
+RUN apt-get update && apt-get install -y \
+    poppler-utils \
+    tesseract-ocr \
+    libgl1 \
+    curl \
+    sqlite3 \
+    && rm -rf /var/lib/apt/lists/*
+
+# Copy virtual environment from builder
+COPY --from=builder /opt/venv /opt/venv
+ENV PATH="/opt/venv/bin:$PATH"
+
+# Set working directory
+WORKDIR /app
+
+# Create all necessary directories with proper permissions
+RUN mkdir -p \
+    /app/data \
+    /app/database \
+    /app/cache \
+    /app/logs \
+    /app/uploads \
+    /app/backups \
+    /tmp/app_fallback \
+    && chown -R appuser:appuser /app \
+    && chown -R appuser:appuser /tmp/app_fallback \
+    && chmod -R 755 /app \
+    && chmod -R 777 /tmp/app_fallback
+
+# Copy application files with proper ownership
+COPY --chown=appuser:appuser . .
+
+# Make startup script executable if exists
+RUN if [ -f start.sh ]; then chmod +x start.sh; fi
+
+# Environment variables
+ENV PYTHONPATH=/app
+ENV DATABASE_DIR=/app/data
+ENV DATABASE_PATH=/app/data/legal_documents.db
+ENV TRANSFORMERS_CACHE=/app/cache
+ENV HF_HOME=/app/cache
+ENV LOG_LEVEL=INFO
+ENV ENVIRONMENT=production
+ENV PYTHONUNBUFFERED=1
+
+# Switch to non-root user BEFORE any file operations
+USER appuser
+
+# Expose port
+EXPOSE 8000
+
+# Health check
+HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
+    CMD curl -fs http://localhost:8000/health || exit 1
+
+# Default CMD with error handling
+CMD ["sh", "-c", "python -c 'import os; os.makedirs(\"/app/data\", exist_ok=True)' && uvicorn app.main:app --host 0.0.0.0 --port 8000 --workers 1"]

app/api/auth.py

@@ -1,322 +1,579 @@
-"""
-Authentication API endpoints for Legal Dashboard
-================================================
-Provides user authentication, JWT token management, and role-based access control.
-"""
-
-import os
-import logging
-from datetime import datetime, timedelta
-from typing import Optional, Dict, Any
-from passlib.context import CryptContext
-from jose import JWTError, jwt
-from fastapi import APIRouter, HTTPException, Depends, status
-from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
-from pydantic import BaseModel, EmailStr
-import sqlite3
-from contextlib import contextmanager
-
-# ─────────────────────────────
-# Logging configuration
-# ─────────────────────────────
-logger = logging.getLogger(__name__)
-
-# ─────────────────────────────
-# Security configuration
-# ─────────────────────────────
-SECRET_KEY = os.getenv("JWT_SECRET_KEY", "your-secret-key-change-in-production")
-ALGORITHM = "HS256"
-ACCESS_TOKEN_EXPIRE_MINUTES = 30
-REFRESH_TOKEN_EXPIRE_DAYS = 7
-
-# Password hashing
-pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
-
-# Security scheme
-security = HTTPBearer()
-
-# ─────────────────────────────
-# Database path configuration
-# ─────────────────────────────
-DB_DIR = os.getenv("DATABASE_DIR", "/app/database")
-DB_NAME = os.getenv("DATABASE_NAME", "legal_documents.db")
-DB_PATH = os.path.join(DB_DIR, DB_NAME)
-
-# ایجاد پوشه دیتابیس
-os.makedirs(DB_DIR, exist_ok=True)
-
-# ─────────────────────────────
-# Pydantic models
-# ─────────────────────────────
-class UserCreate(BaseModel):
-    username: str
-    email: EmailStr
-    password: str
-    role: str = "user"
-
-class UserLogin(BaseModel):
-    username: str
-    password: str
-
-class Token(BaseModel):
-    access_token: str
-    refresh_token: str
-    token_type: str
-    expires_in: int
-
-class UserResponse(BaseModel):
-    id: int
-    username: str
-    email: str
-    role: str
-    is_active: bool
-    created_at: str
-
-class PasswordChange(BaseModel):
-    current_password: str
-    new_password: str
-
-# ─────────────────────────────
-# Database connection
-# ─────────────────────────────
-@contextmanager
-def get_db_connection():
-    conn = sqlite3.connect(DB_PATH, check_same_thread=False)
-    conn.row_factory = sqlite3.Row
-    try:
-        yield conn
-    finally:
-        conn.close()
-
-# ─────────────────────────────
-# Initialize database tables
-# ─────────────────────────────
-def init_auth_tables():
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        # Users table
-        cursor.execute("""
-            CREATE TABLE IF NOT EXISTS users (
-                id INTEGER PRIMARY KEY AUTOINCREMENT,
-                username TEXT UNIQUE NOT NULL,
-                email TEXT UNIQUE NOT NULL,
-                hashed_password TEXT NOT NULL,
-                role TEXT NOT NULL DEFAULT 'user',
-                is_active BOOLEAN NOT NULL DEFAULT 1,
-                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-                last_login TIMESTAMP,
-                failed_login_attempts INTEGER DEFAULT 0,
-                locked_until TIMESTAMP
-            )
-        """)
-        # Sessions table
-        cursor.execute("""
-            CREATE TABLE IF NOT EXISTS sessions (
-                id INTEGER PRIMARY KEY AUTOINCREMENT,
-                user_id INTEGER NOT NULL,
-                refresh_token TEXT UNIQUE NOT NULL,
-                expires_at TIMESTAMP NOT NULL,
-                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-                FOREIGN KEY (user_id) REFERENCES users (id)
-            )
-        """)
-        # Audit log
-        cursor.execute("""
-            CREATE TABLE IF NOT EXISTS auth_audit_log (
-                id INTEGER PRIMARY KEY AUTOINCREMENT,
-                user_id INTEGER,
-                action TEXT NOT NULL,
-                ip_address TEXT,
-                user_agent TEXT,
-                timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-                success BOOLEAN NOT NULL,
-                details TEXT,
-                FOREIGN KEY (user_id) REFERENCES users (id)
-            )
-        """)
-        # Default admin
-        cursor.execute("SELECT COUNT(*) FROM users WHERE username = 'admin'")
-        if cursor.fetchone()[0] == 0:
-            hashed_password = pwd_context.hash("admin123")
-            cursor.execute("""
-                INSERT INTO users (username, email, hashed_password, role)
-                VALUES (?, ?, ?, ?)
-            """, ("admin", "[email protected]", hashed_password, "admin"))
-        conn.commit()
-
-# ─────────────────────────────
-# Password utilities
-# ─────────────────────────────
-def verify_password(plain_password: str, hashed_password: str) -> bool:
-    return pwd_context.verify(plain_password, hashed_password)
-
-def get_password_hash(password: str) -> str:
-    return pwd_context.hash(password)
-
-# ─────────────────────────────
-# Token utilities
-# ─────────────────────────────
-def create_access_token(data: dict, expires_delta: Optional[timedelta] = None):
-    to_encode = data.copy()
-    expire = datetime.utcnow() + (expires_delta or timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES))
-    to_encode.update({"exp": expire, "type": "access"})
-    return jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
-
-def create_refresh_token(data: dict):
-    to_encode = data.copy()
-    expire = datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)
-    to_encode.update({"exp": expire, "type": "refresh"})
-    return jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
-
-def verify_token(token: str) -> Optional[Dict[str, Any]]:
-    try:
-        return jwt.decode(token, SECRET_KEY, algorithms=[ALGORITHM])
-    except JWTError:
-        return None
-
-# ─────────────────────────────
-# User utilities
-# ─────────────────────────────
-def get_user_by_username(username: str) -> Optional[Dict[str, Any]]:
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("SELECT * FROM users WHERE username = ?", (username,))
-        user = cursor.fetchone()
-        return dict(user) if user else None
-
-def get_user_by_id(user_id: int) -> Optional[Dict[str, Any]]:
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("SELECT * FROM users WHERE id = ?", (user_id,))
-        user = cursor.fetchone()
-        return dict(user) if user else None
-
-def update_last_login(user_id: int):
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("UPDATE users SET last_login = CURRENT_TIMESTAMP WHERE id = ?", (user_id,))
-        conn.commit()
-
-def log_auth_attempt(user_id: Optional[int], action: str, success: bool,
-                     ip_address: str = None, user_agent: str = None, details: str = None):
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("""
-            INSERT INTO auth_audit_log (user_id, action, ip_address, user_agent, success, details)
-            VALUES (?, ?, ?, ?, ?, ?)
-        """, (user_id, action, ip_address, user_agent, success, details))
-        conn.commit()
-
-# ─────────────────────────────
-# Authentication dependency
-# ─────────────────────────────
-async def get_current_user(credentials: HTTPAuthorizationCredentials = Depends(security)) -> Dict[str, Any]:
-    token = credentials.credentials
-    payload = verify_token(token)
-    if not payload or payload.get("type") != "access":
-        raise HTTPException(status_code=401, detail="Invalid access token")
-    user = get_user_by_id(int(payload.get("sub")))
-    if not user or not user.get("is_active"):
-        raise HTTPException(status_code=401, detail="User not found or inactive")
-    return user
-
-def require_role(required_role: str):
-    def role_checker(current_user: Dict[str, Any] = Depends(get_current_user)):
-        if current_user.get("role", "user") not in ("admin", required_role):
-            raise HTTPException(status_code=403, detail="Insufficient permissions")
-        return current_user
-    return role_checker
-
-# ─────────────────────────────
-# API Router
-# ─────────────────────────────
-router = APIRouter()
-
-@router.post("/register", response_model=UserResponse)
-async def register_user(user_data: UserCreate):
-    existing_user = get_user_by_username(user_data.username)
-    if existing_user:
-        raise HTTPException(status_code=400, detail="Username already registered")
-    hashed_password = get_password_hash(user_data.password)
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("""
-            INSERT INTO users (username, email, hashed_password, role)
-            VALUES (?, ?, ?, ?)
-        """, (user_data.username, user_data.email, hashed_password, user_data.role))
-        user_id = cursor.lastrowid
-        conn.commit()
-    user = get_user_by_id(user_id)
-    log_auth_attempt(user_id, "register", True)
-    return UserResponse(**user)
-
-@router.post("/login", response_model=Token)
-async def login(user_credentials: UserLogin):
-    user = get_user_by_username(user_credentials.username)
-    if not user or not verify_password(user_credentials.password, user["hashed_password"]):
-        log_auth_attempt(user["id"] if user else None, "login", False, details="Invalid credentials")
-        raise HTTPException(status_code=401, detail="Invalid credentials")
-    update_last_login(user["id"])
-    access_token = create_access_token(data={"sub": str(user["id"])})
-    refresh_token = create_refresh_token(data={"sub": str(user["id"])})
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("INSERT INTO sessions (user_id, refresh_token, expires_at) VALUES (?, ?, ?)",
-                       (user["id"], refresh_token, (datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)).isoformat()))
-        conn.commit()
-    log_auth_attempt(user["id"], "login", True)
-    return Token(access_token=access_token, refresh_token=refresh_token, token_type="bearer", expires_in=ACCESS_TOKEN_EXPIRE_MINUTES*60)
-
-@router.post("/refresh", response_model=Token)
-async def refresh_token(refresh_token: str):
-    payload = verify_token(refresh_token)
-    if not payload or payload.get("type") != "refresh":
-        raise HTTPException(status_code=401, detail="Invalid refresh token")
-    user_id = int(payload.get("sub"))
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("SELECT * FROM sessions WHERE refresh_token = ? AND expires_at > ?", (refresh_token, datetime.utcnow().isoformat()))
-        if not cursor.fetchone():
-            raise HTTPException(status_code=401, detail="Invalid or expired refresh token")
-    new_access = create_access_token(data={"sub": str(user_id)})
-    new_refresh = create_refresh_token(data={"sub": str(user_id)})
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("UPDATE sessions SET refresh_token = ?, expires_at = ? WHERE refresh_token = ?",
-                       (new_refresh, (datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)).isoformat(), refresh_token))
-        conn.commit()
-    return Token(access_token=new_access, refresh_token=new_refresh, token_type="bearer", expires_in=ACCESS_TOKEN_EXPIRE_MINUTES*60)
-
-@router.post("/logout")
-async def logout(current_user: Dict[str, Any] = Depends(get_current_user)):
-    log_auth_attempt(current_user["id"], "logout", True)
-    return {"message": "Successfully logged out"}
-
-@router.get("/me", response_model=UserResponse)
-async def get_current_user_info(current_user: Dict[str, Any] = Depends(get_current_user)):
-    return UserResponse(**current_user)
-
-@router.put("/change-password")
-async def change_password(password_data: PasswordChange, current_user: Dict[str, Any] = Depends(get_current_user)):
-    if not verify_password(password_data.current_password, current_user["hashed_password"]):
-        raise HTTPException(status_code=400, detail="Current password is incorrect")
-    new_hash = get_password_hash(password_data.new_password)
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("UPDATE users SET hashed_password = ? WHERE id = ?", (new_hash, current_user["id"]))
-        conn.commit()
-    log_auth_attempt(current_user["id"], "password_change", True)
-    return {"message": "Password changed successfully"}
-
-@router.get("/users", response_model=list[UserResponse])
-async def get_users(current_user: Dict[str, Any] = Depends(require_role("admin"))):
-    with get_db_connection() as conn:
-        cursor = conn.cursor()
-        cursor.execute("SELECT * FROM users ORDER BY created_at DESC")
-        users = [dict(row) for row in cursor.fetchall()]
-    return [UserResponse(**user) for user in users]
-
-# ─────────────────────────────
-# Initialize tables
-# ─────────────────────────────
-init_auth_tables()
+"""
+Authentication API endpoints for Legal Dashboard
+================================================
+Provides user authentication, JWT token management, and role-based access control.
+"""
+
+import os
+import logging
+import tempfile
+from datetime import datetime, timedelta
+from typing import Optional, Dict, Any
+from pathlib import Path
+from passlib.context import CryptContext
+from jose import JWTError, jwt
+from fastapi import APIRouter, HTTPException, Depends, status
+from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
+from pydantic import BaseModel, EmailStr
+import sqlite3
+from contextlib import contextmanager
+
+# ─────────────────────────────
+# Logging configuration
+# ─────────────────────────────
+logger = logging.getLogger(__name__)
+
+# ─────────────────────────────
+# Security configuration
+# ─────────────────────────────
+SECRET_KEY = os.getenv("JWT_SECRET_KEY", "your-secret-key-change-in-production")
+ALGORITHM = "HS256"
+ACCESS_TOKEN_EXPIRE_MINUTES = int(os.getenv("ACCESS_TOKEN_EXPIRE_MINUTES", "30"))
+REFRESH_TOKEN_EXPIRE_DAYS = int(os.getenv("REFRESH_TOKEN_EXPIRE_DAYS", "7"))
+
+# Password hashing
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+
+# Security scheme
+security = HTTPBearer()
+
+# ─────────────────────────────
+# Database path configuration with fallback
+# ─────────────────────────────
+def get_database_path():
+    """Get database path with fallback options for different environments"""
+    # Try environment variable first
+    db_dir = os.getenv("DATABASE_DIR", "/app/data")
+    db_name = os.getenv("DATABASE_NAME", "legal_documents.db")
+    
+    # List of possible directories to try
+    possible_dirs = [
+        db_dir,
+        "/app/data",
+        "/app/database", 
+        "/tmp/app_fallback",
+        tempfile.gettempdir() + "/legal_dashboard"
+    ]
+    
+    for directory in possible_dirs:
+        try:
+            # Try to create directory
+            Path(directory).mkdir(parents=True, exist_ok=True)
+            
+            # Test write permissions
+            test_file = Path(directory) / "test_write.tmp"
+            test_file.write_text("test")
+            test_file.unlink()
+            
+            db_path = Path(directory) / db_name
+            logger.info(f"Using database directory: {directory}")
+            return str(db_path)
+            
+        except (PermissionError, OSError) as e:
+            logger.warning(f"Cannot use directory {directory}: {e}")
+            continue
+    
+    # Final fallback - in-memory database
+    logger.warning("Using in-memory SQLite database - data will not persist!")
+    return ":memory:"
+
+DB_PATH = get_database_path()
+
+# ─────────────────────────────
+# Pydantic models
+# ─────────────────────────────
+class UserCreate(BaseModel):
+    username: str
+    email: EmailStr
+    password: str
+    role: str = "user"
+
+class UserLogin(BaseModel):
+    username: str
+    password: str
+
+class Token(BaseModel):
+    access_token: str
+    refresh_token: str
+    token_type: str
+    expires_in: int
+
+class UserResponse(BaseModel):
+    id: int
+    username: str
+    email: str
+    role: str
+    is_active: bool
+    created_at: str
+
+class PasswordChange(BaseModel):
+    current_password: str
+    new_password: str
+
+# ─────────────────────────────
+# Database connection
+# ─────────────────────────────
+@contextmanager
+def get_db_connection():
+    """Database connection with error handling"""
+    conn = None
+    try:
+        conn = sqlite3.connect(DB_PATH, check_same_thread=False, timeout=30.0)
+        conn.row_factory = sqlite3.Row
+        conn.execute("PRAGMA foreign_keys = ON")
+        yield conn
+    except sqlite3.Error as e:
+        logger.error(f"Database connection error: {e}")
+        if conn:
+            conn.rollback()
+        raise HTTPException(status_code=500, detail="Database connection failed")
+    finally:
+        if conn:
+            conn.close()
+
+# ─────────────────────────────
+# Initialize database tables
+# ─────────────────────────────
+def init_auth_tables():
+    """Initialize authentication tables with error handling"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            
+            # Users table
+            cursor.execute("""
+                CREATE TABLE IF NOT EXISTS users (
+                    id INTEGER PRIMARY KEY AUTOINCREMENT,
+                    username TEXT UNIQUE NOT NULL,
+                    email TEXT UNIQUE NOT NULL,
+                    hashed_password TEXT NOT NULL,
+                    role TEXT NOT NULL DEFAULT 'user',
+                    is_active BOOLEAN NOT NULL DEFAULT 1,
+                    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                    last_login TIMESTAMP,
+                    failed_login_attempts INTEGER DEFAULT 0,
+                    locked_until TIMESTAMP
+                )
+            """)
+            
+            # Sessions table
+            cursor.execute("""
+                CREATE TABLE IF NOT EXISTS sessions (
+                    id INTEGER PRIMARY KEY AUTOINCREMENT,
+                    user_id INTEGER NOT NULL,
+                    refresh_token TEXT UNIQUE NOT NULL,
+                    expires_at TIMESTAMP NOT NULL,
+                    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                    FOREIGN KEY (user_id) REFERENCES users (id) ON DELETE CASCADE
+                )
+            """)
+            
+            # Audit log
+            cursor.execute("""
+                CREATE TABLE IF NOT EXISTS auth_audit_log (
+                    id INTEGER PRIMARY KEY AUTOINCREMENT,
+                    user_id INTEGER,
+                    action TEXT NOT NULL,
+                    ip_address TEXT,
+                    user_agent TEXT,
+                    timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                    success BOOLEAN NOT NULL,
+                    details TEXT,
+                    FOREIGN KEY (user_id) REFERENCES users (id) ON DELETE SET NULL
+                )
+            """)
+            
+            # Create default admin user if not exists
+            cursor.execute("SELECT COUNT(*) FROM users WHERE username = 'admin'")
+            if cursor.fetchone()[0] == 0:
+                hashed_password = pwd_context.hash("admin123")
+                cursor.execute("""
+                    INSERT INTO users (username, email, hashed_password, role)
+                    VALUES (?, ?, ?, ?)
+                """, ("admin", "[email protected]", hashed_password, "admin"))
+                logger.info("Default admin user created (username: admin, password: admin123)")
+            
+            conn.commit()
+            logger.info("Authentication tables initialized successfully")
+            
+    except Exception as e:
+        logger.error(f"Failed to initialize auth tables: {e}")
+        raise
+
+# ─────────────────────────────
+# Password utilities
+# ─────────────────────────────
+def verify_password(plain_password: str, hashed_password: str) -> bool:
+    """Verify password against hash"""
+    try:
+        return pwd_context.verify(plain_password, hashed_password)
+    except Exception as e:
+        logger.error(f"Password verification error: {e}")
+        return False
+
+def get_password_hash(password: str) -> str:
+    """Generate password hash"""
+    return pwd_context.hash(password)
+
+# ─────────────────────────────
+# Token utilities
+# ─────────────────────────────
+def create_access_token(data: dict, expires_delta: Optional[timedelta] = None):
+    """Create JWT access token"""
+    to_encode = data.copy()
+    expire = datetime.utcnow() + (expires_delta or timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES))
+    to_encode.update({"exp": expire, "type": "access"})
+    return jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
+
+def create_refresh_token(data: dict):
+    """Create JWT refresh token"""
+    to_encode = data.copy()
+    expire = datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)
+    to_encode.update({"exp": expire, "type": "refresh"})
+    return jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
+
+def verify_token(token: str) -> Optional[Dict[str, Any]]:
+    """Verify JWT token"""
+    try:
+        return jwt.decode(token, SECRET_KEY, algorithms=[ALGORITHM])
+    except JWTError as e:
+        logger.debug(f"Token verification failed: {e}")
+        return None
+
+# ─────────────────────────────
+# User utilities
+# ─────────────────────────────
+def get_user_by_username(username: str) -> Optional[Dict[str, Any]]:
+    """Get user by username"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("SELECT * FROM users WHERE username = ?", (username,))
+            user = cursor.fetchone()
+            return dict(user) if user else None
+    except Exception as e:
+        logger.error(f"Error getting user by username: {e}")
+        return None
+
+def get_user_by_id(user_id: int) -> Optional[Dict[str, Any]]:
+    """Get user by ID"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("SELECT * FROM users WHERE id = ?", (user_id,))
+            user = cursor.fetchone()
+            return dict(user) if user else None
+    except Exception as e:
+        logger.error(f"Error getting user by ID: {e}")
+        return None
+
+def update_last_login(user_id: int):
+    """Update user's last login timestamp"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("UPDATE users SET last_login = CURRENT_TIMESTAMP WHERE id = ?", (user_id,))
+            conn.commit()
+    except Exception as e:
+        logger.error(f"Error updating last login: {e}")
+
+def log_auth_attempt(user_id: Optional[int], action: str, success: bool,
+                     ip_address: str = None, user_agent: str = None, details: str = None):
+    """Log authentication attempt"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("""
+                INSERT INTO auth_audit_log (user_id, action, ip_address, user_agent, success, details)
+                VALUES (?, ?, ?, ?, ?, ?)
+            """, (user_id, action, ip_address, user_agent, success, details))
+            conn.commit()
+    except Exception as e:
+        logger.error(f"Error logging auth attempt: {e}")
+
+# ─────────────────────────────
+# Authentication dependency
+# ─────────────────────────────
+async def get_current_user(credentials: HTTPAuthorizationCredentials = Depends(security)) -> Dict[str, Any]:
+    """Get current authenticated user"""
+    token = credentials.credentials
+    payload = verify_token(token)
+    
+    if not payload or payload.get("type") != "access":
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Invalid access token",
+            headers={"WWW-Authenticate": "Bearer"}
+        )
+    
+    user = get_user_by_id(int(payload.get("sub")))
+    if not user or not user.get("is_active"):
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User not found or inactive"
+        )
+    
+    return user
+
+def require_role(required_role: str):
+    """Require specific role for endpoint access"""
+    def role_checker(current_user: Dict[str, Any] = Depends(get_current_user)):
+        user_role = current_user.get("role", "user")
+        if user_role not in ("admin", required_role) and required_role != "user":
+            raise HTTPException(
+                status_code=status.HTTP_403_FORBIDDEN,
+                detail="Insufficient permissions"
+            )
+        return current_user
+    return role_checker
+
+# ─────────────────────────────
+# API Router
+# ─────────────────────────────
+router = APIRouter()
+
+@router.get("/health")
+async def health_check():
+    """Health check endpoint"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("SELECT 1")
+            cursor.fetchone()
+        return {"status": "healthy", "database": "connected", "timestamp": datetime.utcnow()}
+    except Exception as e:
+        logger.error(f"Health check failed: {e}")
+        return {"status": "unhealthy", "database": "disconnected", "error": str(e)}
+
+@router.post("/register", response_model=UserResponse)
+async def register_user(user_data: UserCreate):
+    """Register a new user"""
+    # Check if username already exists
+    existing_user = get_user_by_username(user_data.username)
+    if existing_user:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Username already registered"
+        )
+    
+    # Hash password and create user
+    hashed_password = get_password_hash(user_data.password)
+    
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("""
+                INSERT INTO users (username, email, hashed_password, role)
+                VALUES (?, ?, ?, ?)
+            """, (user_data.username, user_data.email, hashed_password, user_data.role))
+            user_id = cursor.lastrowid
+            conn.commit()
+        
+        user = get_user_by_id(user_id)
+        log_auth_attempt(user_id, "register", True)
+        return UserResponse(**user)
+        
+    except sqlite3.IntegrityError:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Username or email already exists"
+        )
+    except Exception as e:
+        logger.error(f"User registration failed: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Registration failed"
+        )
+
+@router.post("/login", response_model=Token)
+async def login(user_credentials: UserLogin):
+    """User login"""
+    user = get_user_by_username(user_credentials.username)
+    
+    if not user or not verify_password(user_credentials.password, user["hashed_password"]):
+        log_auth_attempt(user["id"] if user else None, "login", False, details="Invalid credentials")
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Invalid credentials"
+        )
+    
+    if not user.get("is_active"):
+        log_auth_attempt(user["id"], "login", False, details="Account inactive")
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Account is inactive"
+        )
+    
+    # Update last login
+    update_last_login(user["id"])
+    
+    # Create tokens
+    access_token = create_access_token(data={"sub": str(user["id"])})
+    refresh_token = create_refresh_token(data={"sub": str(user["id"])})
+    
+    # Store refresh token
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("""
+                INSERT INTO sessions (user_id, refresh_token, expires_at) 
+                VALUES (?, ?, ?)
+            """, (
+                user["id"], 
+                refresh_token, 
+                (datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)).isoformat()
+            ))
+            conn.commit()
+    except Exception as e:
+        logger.error(f"Failed to store refresh token: {e}")
+    
+    log_auth_attempt(user["id"], "login", True)
+    
+    return Token(
+        access_token=access_token,
+        refresh_token=refresh_token,
+        token_type="bearer",
+        expires_in=ACCESS_TOKEN_EXPIRE_MINUTES * 60
+    )
+
+@router.post("/refresh", response_model=Token)
+async def refresh_token(refresh_token: str):
+    """Refresh access token"""
+    payload = verify_token(refresh_token)
+    
+    if not payload or payload.get("type") != "refresh":
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Invalid refresh token"
+        )
+    
+    user_id = int(payload.get("sub"))
+    
+    # Verify refresh token exists and is valid
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("""
+                SELECT * FROM sessions 
+                WHERE refresh_token = ? AND expires_at > ? AND user_id = ?
+            """, (refresh_token, datetime.utcnow().isoformat(), user_id))
+            
+            if not cursor.fetchone():
+                raise HTTPException(
+                    status_code=status.HTTP_401_UNAUTHORIZED,
+                    detail="Invalid or expired refresh token"
+                )
+    except Exception as e:
+        logger.error(f"Refresh token validation failed: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Token validation failed"
+        )
+    
+    # Create new tokens
+    new_access = create_access_token(data={"sub": str(user_id)})
+    new_refresh = create_refresh_token(data={"sub": str(user_id)})
+    
+    # Update refresh token in database
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("""
+                UPDATE sessions 
+                SET refresh_token = ?, expires_at = ? 
+                WHERE refresh_token = ?
+            """, (
+                new_refresh,
+                (datetime.utcnow() + timedelta(days=REFRESH_TOKEN_EXPIRE_DAYS)).isoformat(),
+                refresh_token
+            ))
+            conn.commit()
+    except Exception as e:
+        logger.error(f"Failed to update refresh token: {e}")
+    
+    return Token(
+        access_token=new_access,
+        refresh_token=new_refresh,
+        token_type="bearer",
+        expires_in=ACCESS_TOKEN_EXPIRE_MINUTES * 60
+    )
+
+@router.post("/logout")
+async def logout(current_user: Dict[str, Any] = Depends(get_current_user)):
+    """User logout"""
+    try:
+        # Clean up user sessions
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("DELETE FROM sessions WHERE user_id = ?", (current_user["id"],))
+            conn.commit()
+    except Exception as e:
+        logger.error(f"Logout cleanup failed: {e}")
+    
+    log_auth_attempt(current_user["id"], "logout", True)
+    return {"message": "Successfully logged out"}
+
+@router.get("/me", response_model=UserResponse)
+async def get_current_user_info(current_user: Dict[str, Any] = Depends(get_current_user)):
+    """Get current user information"""
+    return UserResponse(**current_user)
+
+@router.put("/change-password")
+async def change_password(
+    password_data: PasswordChange, 
+    current_user: Dict[str, Any] = Depends(get_current_user)
+):
+    """Change user password"""
+    if not verify_password(password_data.current_password, current_user["hashed_password"]):
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Current password is incorrect"
+        )
+    
+    new_hash = get_password_hash(password_data.new_password)
+    
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute(
+                "UPDATE users SET hashed_password = ? WHERE id = ?", 
+                (new_hash, current_user["id"])
+            )
+            conn.commit()
+        
+        log_auth_attempt(current_user["id"], "password_change", True)
+        return {"message": "Password changed successfully"}
+        
+    except Exception as e:
+        logger.error(f"Password change failed: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Password change failed"
+        )
+
+@router.get("/users", response_model=list[UserResponse])
+async def get_users(current_user: Dict[str, Any] = Depends(require_role("admin"))):
+    """Get all users (admin only)"""
+    try:
+        with get_db_connection() as conn:
+            cursor = conn.cursor()
+            cursor.execute("SELECT * FROM users ORDER BY created_at DESC")
+            users = [dict(row) for row in cursor.fetchall()]
+        
+        return [UserResponse(**user) for user in users]
+        
+    except Exception as e:
+        logger.error(f"Failed to get users: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to retrieve users"
+        )
+
+# ─────────────────────────────
+# Initialize tables on module import
+# ─────────────────────────────
+try:
+    init_auth_tables()
+except Exception as e:
+    logger.error(f"Failed to initialize authentication system: {e}")
+    # Don't raise here to allow the app to start even if DB init fails

docker-compose.yml

@@ -1,94 +1,110 @@
-version: "3.8"
-
-services:
-  # FastAPI Application
-  legal-dashboard:
-    build: .
-    container_name: legal_dashboard_app
-    restart: unless-stopped
-    networks:
-      - app_network
-    user: "1000:1000" # هم‌تراز با کاربر میزبان برای حل مشکل پرمیشن
-    volumes:
-      - ./data:/app/data
-      - ./cache:/app/cache
-      - ./logs:/app/logs
-      - ./uploads:/app/uploads
-      - ./backups:/app/backups
-    environment:
-      - DATABASE_PATH=/app/data/legal_dashboard.db
-      - TRANSFORMERS_CACHE=/app/cache
-      - HF_HOME=/app/cache
-      - LOG_LEVEL=INFO
-      - ENVIRONMENT=production
-      - JWT_SECRET_KEY=${JWT_SECRET_KEY:-your-secret-key-change-in-production}
-    healthcheck:
-      test: ["CMD-SHELL", "curl -fs http://localhost:8000/api/health || exit 1"]
-      interval: 30s
-      timeout: 10s
-      retries: 5
-      start_period: 60s
-    depends_on:
-      - redis
-
-  # Redis for caching and sessions
-  redis:
-    image: redis:7-alpine
-    container_name: legal_dashboard_redis
-    restart: unless-stopped
-    networks:
-      - app_network
-    volumes:
-      - redis_data:/data
-    command: redis-server --appendonly yes
-    healthcheck:
-      test: ["CMD", "redis-cli", "ping"]
-      interval: 30s
-      timeout: 10s
-      retries: 3
-
-  # Nginx Reverse Proxy
-  nginx:
-    image: nginx:alpine
-    container_name: legal_dashboard_nginx
-    restart: unless-stopped
-    ports:
-      - "80:80"
-      - "443:443"
-    volumes:
-      - ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
-      - ./ssl:/etc/nginx/ssl:ro
-      - ./logs/nginx:/var/log/nginx
-    depends_on:
-      - legal-dashboard
-    networks:
-      - app_network
-
-  # Backup Service
-  backup:
-    image: alpine:latest
-    container_name: legal_dashboard_backup
-    restart: unless-stopped
-    volumes:
-      - ./data:/app/data
-      - ./backups:/app/backups
-      - ./logs:/app/logs
-    command: |
-      sh -c "
-        mkdir -p /app/backups &&
-        while true; do
-          sleep 86400;
-          tar -czf /app/backups/backup-$$(date +%Y%m%d_%H%M%S).tar.gz /app/data /app/logs;
-          find /app/backups -name 'backup-*.tar.gz' -mtime +7 -delete;
-        done
-      "
-    networks:
-      - app_network
-
-networks:
-  app_network:
-    driver: bridge
-
-volumes:
-  redis_data:
-    driver: local
+version: "3.8"
+
+services:
+  # FastAPI Application
+  legal-dashboard:
+    build: 
+      context: .
+      dockerfile: Dockerfile
+    container_name: legal_dashboard_app
+    restart: unless-stopped
+    networks:
+      - app_network
+    # Remove user override to use the user from Dockerfile
+    # user: "1000:1000" # Commented out - using Dockerfile user instead
+    volumes:
+      # Create host directories with proper permissions first
+      - ./data:/app/data:rw
+      - ./cache:/app/cache:rw
+      - ./logs:/app/logs:rw
+      - ./uploads:/app/uploads:rw
+      - ./backups:/app/backups:rw
+    environment:
+      - DATABASE_DIR=/app/data
+      - DATABASE_PATH=/app/data/legal_dashboard.db
+      - TRANSFORMERS_CACHE=/app/cache
+      - HF_HOME=/app/cache
+      - LOG_LEVEL=INFO
+      - ENVIRONMENT=production
+      - JWT_SECRET_KEY=${JWT_SECRET_KEY:-your-secret-key-change-in-production}
+      - PYTHONPATH=/app
+      - PYTHONUNBUFFERED=1
+    ports:
+      - "8000:8000"
+    healthcheck:
+      test: ["CMD-SHELL", "curl -fs http://localhost:8000/api/auth/health || exit 1"]
+      interval: 30s
+      timeout: 10s
+      retries: 5
+      start_period: 60s
+    depends_on:
+      - redis
+
+  # Redis for caching and sessions
+  redis:
+    image: redis:7-alpine
+    container_name: legal_dashboard_redis
+    restart: unless-stopped
+    networks:
+      - app_network
+    volumes:
+      - redis_data:/data
+    command: redis-server --appendonly yes --maxmemory 256mb --maxmemory-policy allkeys-lru
+    healthcheck:
+      test: ["CMD", "redis-cli", "ping"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+    ports:
+      - "6379:6379"
+
+  # Nginx Reverse Proxy (Optional - commented out for simple deployment)
+  # nginx:
+  #   image: nginx:alpine
+  #   container_name: legal_dashboard_nginx
+  #   restart: unless-stopped
+  #   ports:
+  #     - "80:80"
+  #     - "443:443"
+  #   volumes:
+  #     - ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
+  #     - ./ssl:/etc/nginx/ssl:ro
+  #     - ./logs/nginx:/var/log/nginx
+  #   depends_on:
+  #     - legal-dashboard
+  #   networks:
+  #     - app_network
+
+  # Backup Service
+  backup:
+    image: alpine:latest
+    container_name: legal_dashboard_backup
+    restart: unless-stopped
+    volumes:
+      - ./data:/app/data:ro
+      - ./backups:/app/backups:rw
+      - ./logs:/app/logs:ro
+    command: |
+      sh -c "
+        echo 'Starting backup service...' &&
+        mkdir -p /app/backups &&
+        while true; do
+          echo 'Creating backup...' &&
+          timestamp=$$(date +%Y%m%d_%H%M%S) &&
+          tar -czf /app/backups/backup-$$timestamp.tar.gz -C /app data logs 2>/dev/null || echo 'Backup failed' &&
+          echo 'Cleaning old backups...' &&
+          find /app/backups -name 'backup-*.tar.gz' -mtime +7 -delete 2>/dev/null || echo 'Cleanup completed' &&
+          echo 'Backup cycle completed. Sleeping for 24 hours...' &&
+          sleep 86400
+        done
+      "
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
+
+volumes:
+  redis_data:
+    driver: local

fix_permissions.sh

@@ -0,0 +1,245 @@
+#!/bin/bash
+
+# Fix Permissions Script for Legal Dashboard
+# This script resolves common permission issues
+
+echo "🔧 Legal Dashboard - Permission Fix Script"
+echo "=========================================="
+
+# Function to create directory with fallback
+create_dir_with_fallback() {
+    local dir_path=$1
+    local fallback_path=$2
+    
+    echo "📁 Creating directory: $dir_path"
+    
+    if mkdir -p "$dir_path" 2>/dev/null && [ -w "$dir_path" ]; then
+        echo "✅ Successfully created: $dir_path"
+        return 0
+    else
+        echo "⚠️  Failed to create $dir_path, trying fallback: $fallback_path"
+        if mkdir -p "$fallback_path" 2>/dev/null && [ -w "$fallback_path" ]; then
+            echo "✅ Successfully created fallback: $fallback_path"
+            return 0
+        else
+            echo "❌ Failed to create both primary and fallback directories"
+            return 1
+        fi
+    fi
+}
+
+# Check current user and permissions
+echo ""
+echo "🔍 System Information:"
+echo "  - Current user: $(whoami)"
+echo "  - User ID: $(id -u)"
+echo "  - Group ID: $(id -g)"
+echo "  - Working directory: $(pwd)"
+echo "  - Home directory: $HOME"
+
+# Check if running in Docker
+if [ -f /.dockerenv ]; then
+    echo "  - Environment: Docker Container"
+    IN_DOCKER=true
+else
+    echo "  - Environment: Host System"
+    IN_DOCKER=false
+fi
+
+# Check if running in HF Spaces
+if [ "$SPACE_ID" != "" ]; then
+    echo "  - Platform: Hugging Face Spaces"
+    IN_HF_SPACES=true
+else
+    echo "  - Platform: Standard"
+    IN_HF_SPACES=false
+fi
+
+echo ""
+echo "🏗️ Creating necessary directories..."
+
+# Create directories with fallbacks
+if [ "$IN_HF_SPACES" = true ]; then
+    # HF Spaces specific paths
+    create_dir_with_fallback "/tmp/legal_dashboard/data" "$HOME/legal_dashboard/data"
+    create_dir_with_fallback "/tmp/legal_dashboard/cache" "$HOME/legal_dashboard/cache"
+    create_dir_with_fallback "/tmp/legal_dashboard/logs" "$HOME/legal_dashboard/logs"
+    create_dir_with_fallback "/tmp/legal_dashboard/uploads" "$HOME/legal_dashboard/uploads"
+    
+    # Set environment variables for HF Spaces
+    export DATABASE_DIR="/tmp/legal_dashboard/data"
+    export TRANSFORMERS_CACHE="/tmp/legal_dashboard/cache"
+    export HF_HOME="/tmp/legal_dashboard/cache"
+    
+    echo "✅ HF Spaces directories configured"
+    
+elif [ "$IN_DOCKER" = true ]; then
+    # Docker specific paths
+    create_dir_with_fallback "/app/data" "/tmp/app_data"
+    create_dir_with_fallback "/app/database" "/tmp/app_database"
+    create_dir_with_fallback "/app/cache" "/tmp/app_cache"
+    create_dir_with_fallback "/app/logs" "/tmp/app_logs"
+    create_dir_with_fallback "/app/uploads" "/tmp/app_uploads"
+    create_dir_with_fallback "/app/backups" "/tmp/app_backups"
+    
+    echo "✅ Docker directories configured"
+    
+else
+    # Host system paths
+    create_dir_with_fallback "./data" "$HOME/legal_dashboard/data"
+    create_dir_with_fallback "./cache" "$HOME/legal_dashboard/cache"
+    create_dir_with_fallback "./logs" "$HOME/legal_dashboard/logs"
+    create_dir_with_fallback "./uploads" "$HOME/legal_dashboard/uploads"
+    create_dir_with_fallback "./backups" "$HOME/legal_dashboard/backups"
+    
+    echo "✅ Host system directories configured"
+fi
+
+# Set permissions where possible
+echo ""
+echo "🔒 Setting permissions..."
+
+# Function to set permissions safely
+safe_chmod() {
+    local path=$1
+    local perm=$2
+    
+    if [ -d "$path" ] && [ -w "$path" ]; then
+        chmod $perm "$path" 2>/dev/null && echo "  ✅ Set $perm on $path" || echo "  ⚠️  Could not set permissions on $path"
+    fi
+}
+
+# Apply permissions to existing directories
+for dir in "/app/data" "/app/database" "/app/cache" "/app/logs" "/app/uploads" "/app/backups" \
+           "/tmp/legal_dashboard" "/tmp/app_data" "/tmp/app_database" "/tmp/app_cache" \
+           "$HOME/legal_dashboard" "./data" "./cache" "./logs" "./uploads" "./backups"; do
+    safe_chmod "$dir" 755
+done
+
+# Test database creation
+echo ""
+echo "🗄️ Testing database creation..."
+
+test_db_creation() {
+    local test_dir=$1
+    local test_db="$test_dir/test.db"
+    
+    if [ -d "$test_dir" ] && [ -w "$test_dir" ]; then
+        if python3 -c "
+import sqlite3
+import os
+try:
+    conn = sqlite3.connect('$test_db')
+    conn.execute('CREATE TABLE test (id INTEGER)')
+    conn.close()
+    os.remove('$test_db')
+    print('✅ Database test successful in $test_dir')
+    exit(0)
+except Exception as e:
+    print('❌ Database test failed in $test_dir: {}'.format(e))
+    exit(1)
+" 2>/dev/null; then
+            echo "$test_dir"  # Return the working directory
+            return 0
+        fi
+    fi
+    return 1
+}
+
+# Find working database directory
+WORKING_DB_DIR=""
+for test_dir in "/app/data" "/tmp/legal_dashboard/data" "/tmp/app_data" "$HOME/legal_dashboard/data" "./data"; do
+    if test_db_creation "$test_dir"; then
+        WORKING_DB_DIR="$test_dir"
+        break
+    fi
+done
+
+if [ "$WORKING_DB_DIR" != "" ]; then
+    echo "✅ Database directory confirmed: $WORKING_DB_DIR"
+    export DATABASE_DIR="$WORKING_DB_DIR"
+else
+    echo "⚠️  No writable database directory found, will use in-memory database"
+    export DATABASE_DIR=":memory:"
+fi
+
+# Create .env file if it doesn't exist
+echo ""
+echo "⚙️ Creating environment configuration..."
+
+ENV_FILE=".env"
+if [ ! -f "$ENV_FILE" ]; then
+    cat > "$ENV_FILE" << EOF
+# Auto-generated environment configuration
+DATABASE_DIR=$DATABASE_DIR
+DATABASE_NAME=legal_documents.db
+JWT_SECRET_KEY=your-secret-key-change-in-production-$(date +%s)
+LOG_LEVEL=INFO
+ENVIRONMENT=production
+PYTHONPATH=/app
+PYTHONUNBUFFERED=1
+ACCESS_TOKEN_EXPIRE_MINUTES=30
+REFRESH_TOKEN_EXPIRE_DAYS=7
+EOF
+    echo "✅ Created $ENV_FILE"
+else
+    echo "✅ $ENV_FILE already exists"
+fi
+
+# Test Python imports
+echo ""
+echo "🐍 Testing Python dependencies..."
+
+python3 -c "
+try:
+    import fastapi
+    import uvicorn
+    import sqlite3
+    import os
+    print('✅ Core dependencies available')
+except ImportError as e:
+    print('❌ Missing dependency: {}'.format(e))
+    
+try:
+    import gradio
+    print('✅ Gradio available')
+except ImportError:
+    print('⚠️  Gradio not available (ok if not using HF Spaces)')
+" 2>/dev/null
+
+# Final status
+echo ""
+echo "📊 Final Status:"
+echo "  - Database directory: ${DATABASE_DIR:-Not set}"
+echo "  - Cache directory: ${TRANSFORMERS_CACHE:-Not set}"
+echo "  - Log level: ${LOG_LEVEL:-INFO}"
+echo "  - Environment: ${ENVIRONMENT:-development}"
+
+# Instructions
+echo ""
+echo "🚀 Next Steps:"
+echo "  1. Run the application:"
+if [ "$IN_HF_SPACES" = true ]; then
+    echo "     python app.py"
+elif [ "$IN_DOCKER" = true ]; then
+    echo "     ./start.sh"
+    echo "     # or"
+    echo "     uvicorn app.main:app --host 0.0.0.0 --port 8000"
+else
+    echo "     ./start.sh"
+    echo "     # or"
+    echo "     python app.py"
+    echo "     # or"
+    echo "     uvicorn app.main:app --host 0.0.0.0 --port 8000"
+fi
+
+echo ""
+echo "  2. Default login credentials:"
+echo "     Username: admin"
+echo "     Password: admin123"
+echo ""
+echo "  3. Change default password after first login!"
+
+echo ""
+echo "🎉 Permission fix completed!"
+echo "============================================"

frontend/dev/comprehensive-test.html

@@ -1,764 +1,767 @@
-<!DOCTYPE html>
-<html lang="fa" dir="rtl">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Comprehensive Frontend Test - Legal Dashboard</title>
-    <style>
-        body {
-            font-family: 'Arial', sans-serif;
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 20px;
-            background: #f5f5f5;
-        }
-        .test-section {
-            background: white;
-            padding: 20px;
-            margin: 20px 0;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .success { color: #10b981; }
-        .error { color: #ef4444; }
-        .info { color: #3b82f6; }
-        .warning { color: #f59e0b; }
-        button {
-            background: #007bff;
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            border-radius: 4px;
-            cursor: pointer;
-            margin: 5px;
-        }
-        button:hover {
-            background: #0056b3;
-        }
-        button:disabled {
-            background: #ccc;
-            cursor: not-allowed;
-        }
-        .page-test {
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            padding: 15px;
-            margin: 10px 0;
-            background: white;
-        }
-        .page-test.success {
-            border-color: #10b981;
-            background: #f0fdf4;
-        }
-        .page-test.error {
-            border-color: #ef4444;
-            background: #fef2f2;
-        }
-        .page-test.testing {
-            border-color: #3b82f6;
-            background: #eff6ff;
-        }
-        .status-indicator {
-            display: inline-block;
-            width: 12px;
-            height: 12px;
-            border-radius: 50%;
-            margin-right: 8px;
-        }
-        .status-indicator.success { background: #10b981; }
-        .status-indicator.error { background: #ef4444; }
-        .status-indicator.warning { background: #f59e0b; }
-        .status-indicator.info { background: #3b82f6; }
-        .status-indicator.testing { 
-            background: #3b82f6; 
-            animation: pulse 1s infinite;
-        }
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.5; }
-            100% { opacity: 1; }
-        }
-        .test-results {
-            max-height: 400px;
-            overflow-y: auto;
-            border: 1px solid #ddd;
-            border-radius: 4px;
-            padding: 10px;
-            background: #f8f9fa;
-            font-family: 'Courier New', monospace;
-            font-size: 12px;
-        }
-        .summary-stats {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 15px;
-            margin-bottom: 20px;
-        }
-        .stat-card {
-            background: white;
-            padding: 15px;
-            border-radius: 8px;
-            text-align: center;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .stat-number {
-            font-size: 2rem;
-            font-weight: bold;
-            margin-bottom: 5px;
-        }
-        .stat-label {
-            color: #666;
-            font-size: 0.9rem;
-        }
-        .progress-bar {
-            width: 100%;
-            height: 4px;
-            background: #e5e7eb;
-            border-radius: 2px;
-            overflow: hidden;
-            margin: 10px 0;
-        }
-        .progress-fill {
-            height: 100%;
-            background: #3b82f6;
-            transition: width 0.3s ease;
-        }
-    </style>
-</head>
-<body>
-    <h1>🔍 Comprehensive Frontend Test - Legal Dashboard</h1>
-    
-    <div class="test-section">
-        <h2>📊 Test Summary</h2>
-        <div class="summary-stats">
-            <div class="stat-card">
-                <div class="stat-number" id="totalPages">0</div>
-                <div class="stat-label">Total Pages</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number" id="passedPages">0</div>
-                <div class="stat-label">Passed</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number" id="failedPages">0</div>
-                <div class="stat-label">Failed</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number" id="successRate">0%</div>
-                <div class="stat-label">Success Rate</div>
-            </div>
-        </div>
-        <div class="progress-bar">
-            <div class="progress-fill" id="progressBar" style="width: 0%"></div>
-        </div>
-    </div>
-
-    <div class="test-section">
-        <h2>🎛️ Test Controls</h2>
-        <button type="button" onclick="runAllTests()" id="runAllBtn">Run All Tests</button>
-        <button type="button" onclick="testCoreSystem()">Test Core System</button>
-        <button type="button" onclick="testAPIConnectivity()">Test API Connectivity</button>
-        <button type="button" onclick="testPageIntegration()">Test Page Integration</button>
-        <button type="button" onclick="clearResults()">Clear Results</button>
-        <button type="button" onclick="exportResults()">Export Results</button>
-    </div>
-
-    <div class="test-section">
-        <h2>📄 Page Tests</h2>
-        <div id="pageTests">
-            <!-- Page tests will be generated here -->
-        </div>
-    </div>
-
-    <div class="test-section">
-        <h2>📋 Test Results</h2>
-        <div class="test-results" id="testResults">
-            <!-- Test results will be displayed here -->
-        </div>
-    </div>
-
-    <script src="../js/api-client.js"></script>
-    <script src="../js/core.js"></script>
-    <script src="../js/notifications.js"></script>
-    <script>
-        class ComprehensiveTester {
-            constructor() {
-                this.baseURL = window.location.origin;
-                this.results = [];
-                this.testStats = {
-                    total: 0,
-                    passed: 0,
-                    failed: 0,
-                    successRate: 0
-                };
-                this.isRunning = false;
-                
-                this.pages = [
-                    {
-                        name: 'Main Dashboard',
-                        url: 'improved_legal_dashboard.html',
-                        description: 'Main dashboard with analytics and charts',
-                        tests: ['load', 'api', 'core', 'charts']
-                    },
-                    {
-                        name: 'Documents Page',
-                        url: 'documents.html',
-                        description: 'Document management and CRUD operations',
-                        tests: ['load', 'api', 'core', 'crud']
-                    },
-                    {
-                        name: 'Upload Page',
-                        url: 'upload.html',
-                        description: 'File upload and OCR processing',
-                        tests: ['load', 'api', 'core', 'upload']
-                    },
-                    {
-                        name: 'Scraping Page',
-                        url: 'scraping.html',
-                        description: 'Web scraping and content extraction',
-                        tests: ['load', 'api', 'core', 'scraping']
-                    },
-                    {
-                        name: 'Scraping Dashboard',
-                        url: 'scraping_dashboard.html',
-                        description: 'Scraping statistics and monitoring',
-                        tests: ['load', 'api', 'core', 'stats']
-                    },
-                    {
-                        name: 'Reports Page',
-                        url: 'reports.html',
-                        description: 'Analytics reports and insights',
-                        tests: ['load', 'api', 'core', 'reports']
-                    },
-                    {
-                        name: 'Index Page',
-                        url: 'index.html',
-                        description: 'Landing page and navigation',
-                        tests: ['load', 'api', 'core', 'navigation']
-                    }
-                ];
-                
-                this.initialize();
-            }
-
-            initialize() {
-                this.createPageTests();
-                this.updateStats();
-            }
-
-            createPageTests() {
-                const container = document.getElementById('pageTests');
-                container.innerHTML = '';
-
-                this.pages.forEach((page, index) => {
-                    const testDiv = document.createElement('div');
-                    testDiv.className = 'page-test';
-                    testDiv.id = `page-${index}`;
-                    
-                    testDiv.innerHTML = `
-                        <div class="status-indicator"></div>
-                        <h3>${page.name}</h3>
-                        <p>${page.description}</p>
-                        <div style="font-size: 0.8rem; color: #666; margin: 5px 0;">
-                            File: ${page.url}
-                        </div>
-                        <div class="tests" id="tests-${index}">
-                            ${page.tests.map((test, testIndex) => `
-                                <div class="test" id="test-${index}-${testIndex}">
-                                    <span class="status-indicator"></span>
-                                    ${test.charAt(0).toUpperCase() + test.slice(1)} Test
-                                </div>
-                            `).join('')}
-                        </div>
-                        <button type="button" onclick="tester.testSinglePage(${index})" class="test-page-btn">
-                            Test Page
-                        </button>
-                    `;
-                    
-                    container.appendChild(testDiv);
-                });
-            }
-
-            async testSinglePage(pageIndex) {
-                const page = this.pages[pageIndex];
-                const testDiv = document.getElementById(`page-${pageIndex}`);
-                
-                // Set testing state
-                testDiv.className = 'page-test testing';
-                testDiv.querySelector('.status-indicator').className = 'status-indicator testing';
-                testDiv.querySelector('.test-page-btn').disabled = true;
-                
-                this.logResult({
-                    page: page.name,
-                    status: 'started',
-                    message: `Starting tests for ${page.name}`
-                });
-                
-                let allTestsPassed = true;
-                
-                for (let testIndex = 0; testIndex < page.tests.length; testIndex++) {
-                    const test = page.tests[testIndex];
-                    const testDiv = document.getElementById(`test-${pageIndex}-${testIndex}`);
-                    
-                    // Set test testing state
-                    testDiv.querySelector('.status-indicator').className = 'status-indicator testing';
-                    
-                    try {
-                        const result = await this.executeTest(test, page);
-                        
-                        if (result.success) {
-                            testDiv.querySelector('.status-indicator').className = 'status-indicator success';
-                            this.logResult({
-                                page: page.name,
-                                test: test,
-                                status: 'success',
-                                message: `${test} test passed for ${page.name}`
-                            });
-                        } else {
-                            testDiv.querySelector('.status-indicator').className = 'status-indicator error';
-                            allTestsPassed = false;
-                            this.logResult({
-                                page: page.name,
-                                test: test,
-                                status: 'error',
-                                message: `${test} test failed for ${page.name}: ${result.error}`
-                            });
-                        }
-                    } catch (error) {
-                        testDiv.querySelector('.status-indicator').className = 'status-indicator error';
-                        allTestsPassed = false;
-                        this.logResult({
-                            page: page.name,
-                            test: test,
-                            status: 'error',
-                            message: `${test} test failed for ${page.name}: ${error.message}`
-                        });
-                    }
-                    
-                    await this.delay(200); // Small delay between tests
-                }
-                
-                // Update page status
-                testDiv.className = `page-test ${allTestsPassed ? 'success' : 'error'}`;
-                testDiv.querySelector('.status-indicator').className = `status-indicator ${allTestsPassed ? 'success' : 'error'}`;
-                testDiv.querySelector('.test-page-btn').disabled = false;
-                
-                this.logResult({
-                    page: page.name,
-                    status: allTestsPassed ? 'completed' : 'failed',
-                    message: `${page.name} ${allTestsPassed ? 'completed successfully' : 'failed'}`
-                });
-                
-                this.updateStats();
-            }
-
-            async executeTest(test, page) {
-                switch (test) {
-                    case 'load':
-                        return await this.testPageLoad(page);
-                    case 'api':
-                        return await this.testAPIConnectivity(page);
-                    case 'core':
-                        return await this.testCoreIntegration(page);
-                    case 'charts':
-                        return await this.testChartsFunctionality(page);
-                    case 'crud':
-                        return await this.testCRUDOperations(page);
-                    case 'upload':
-                        return await this.testUploadFunctionality(page);
-                    case 'scraping':
-                        return await this.testScrapingFunctionality(page);
-                    case 'stats':
-                        return await this.testStatisticsFunctionality(page);
-                    case 'reports':
-                        return await this.testReportsFunctionality(page);
-                    case 'navigation':
-                        return await this.testNavigationFunctionality(page);
-                    default:
-                        return { success: false, error: 'Unknown test' };
-                }
-            }
-
-            async testPageLoad(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/${page.url}`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testAPIConnectivity(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/health`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testCoreIntegration(page) {
-                try {
-                    // Check if core.js is loaded
-                    if (typeof dashboardCore === 'undefined') {
-                        return { success: false, error: 'Core module not loaded' };
-                    }
-                    
-                    // Check if core is initialized
-                    if (!dashboardCore.isInitialized) {
-                        return { success: false, error: 'Core module not initialized' };
-                    }
-                    
-                    return { success: true, error: null };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testChartsFunctionality(page) {
-                try {
-                    // Check if Chart.js is available
-                    if (typeof Chart === 'undefined') {
-                        return { success: false, error: 'Chart.js not loaded' };
-                    }
-                    
-                    return { success: true, error: null };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testCRUDOperations(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/documents`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testUploadFunctionality(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/ocr/status`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testScrapingFunctionality(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/scraping/health`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testStatisticsFunctionality(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/scraping/scrape/statistics`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testReportsFunctionality(page) {
-                try {
-                    const response = await fetch(`${this.baseURL}/api/analytics/overview`);
-                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async testNavigationFunctionality(page) {
-                try {
-                    // Check if navigation elements exist
-                    const response = await fetch(`${this.baseURL}/${page.url}`);
-                    const html = await response.text();
-                    
-                    // Check for navigation elements
-                    const hasNavigation = html.includes('nav') || html.includes('sidebar') || html.includes('menu');
-                    
-                    return { success: hasNavigation, error: hasNavigation ? null : 'No navigation found' };
-                } catch (error) {
-                    return { success: false, error: error.message };
-                }
-            }
-
-            async runAllTests() {
-                if (this.isRunning) return;
-                
-                this.isRunning = true;
-                document.getElementById('runAllBtn').disabled = true;
-                document.getElementById('runAllBtn').textContent = 'Running...';
-                
-                this.clearResults();
-                
-                for (let i = 0; i < this.pages.length; i++) {
-                    await this.testSinglePage(i);
-                    await this.delay(500); // Delay between pages
-                }
-                
-                this.isRunning = false;
-                document.getElementById('runAllBtn').disabled = false;
-                document.getElementById('runAllBtn').textContent = 'Run All Tests';
-            }
-
-            async testCoreSystem() {
-                this.logResult({
-                    test: 'Core System',
-                    status: 'started',
-                    message: 'Testing core system integration'
-                });
-                
-                try {
-                    // Test core module loading
-                    if (typeof dashboardCore === 'undefined') {
-                        throw new Error('Core module not loaded');
-                    }
-                    
-                    // Test core initialization
-                    if (!dashboardCore.isInitialized) {
-                        throw new Error('Core module not initialized');
-                    }
-                    
-                    // Test API client
-                    if (!dashboardCore.apiClient) {
-                        throw new Error('API client not available');
-                    }
-                    
-                    this.logResult({
-                        test: 'Core System',
-                        status: 'success',
-                        message: 'Core system integration working correctly'
-                    });
-                    
-                } catch (error) {
-                    this.logResult({
-                        test: 'Core System',
-                        status: 'error',
-                        message: `Core system test failed: ${error.message}`
-                    });
-                }
-                
-                this.updateStats();
-            }
-
-            async testAPIConnectivity() {
-                this.logResult({
-                    test: 'API Connectivity',
-                    status: 'started',
-                    message: 'Testing API connectivity'
-                });
-                
-                const endpoints = [
-                    '/api/health',
-                    '/api/dashboard/summary',
-                    '/api/documents',
-                    '/api/ocr/status',
-                    '/api/scraping/health',
-                    '/api/analytics/overview'
-                ];
-                
-                let successCount = 0;
-                let totalCount = endpoints.length;
-                
-                for (const endpoint of endpoints) {
-                    try {
-                        const response = await fetch(`${this.baseURL}${endpoint}`);
-                        if (response.ok) {
-                            successCount++;
-                            this.logResult({
-                                test: 'API Connectivity',
-                                endpoint: endpoint,
-                                status: 'success',
-                                message: `${endpoint} - OK`
-                            });
-                        } else {
-                            this.logResult({
-                                test: 'API Connectivity',
-                                endpoint: endpoint,
-                                status: 'error',
-                                message: `${endpoint} - HTTP ${response.status}`
-                            });
-                        }
-                    } catch (error) {
-                        this.logResult({
-                            test: 'API Connectivity',
-                            endpoint: endpoint,
-                            status: 'error',
-                            message: `${endpoint} - ${error.message}`
-                        });
-                    }
-                }
-                
-                const successRate = Math.round((successCount / totalCount) * 100);
-                this.logResult({
-                    test: 'API Connectivity',
-                    status: 'completed',
-                    message: `API connectivity test completed: ${successCount}/${totalCount} endpoints working (${successRate}%)`
-                });
-                
-                this.updateStats();
-            }
-
-            async testPageIntegration() {
-                this.logResult({
-                    test: 'Page Integration',
-                    status: 'started',
-                    message: 'Testing page integration with core system'
-                });
-                
-                try {
-                    // Test if pages can communicate with core
-                    if (typeof dashboardCore !== 'undefined') {
-                        // Test event broadcasting
-                        dashboardCore.broadcast('testIntegration', { test: true });
-                        
-                        // Test event listening
-                        let eventReceived = false;
-                        const unsubscribe = dashboardCore.listen('testIntegration', (data) => {
-                            eventReceived = true;
-                        });
-                        
-                        // Broadcast again to trigger the listener
-                        dashboardCore.broadcast('testIntegration', { test: true });
-                        
-                        // Clean up
-                        if (unsubscribe) unsubscribe();
-                        
-                        this.logResult({
-                            test: 'Page Integration',
-                            status: 'success',
-                            message: 'Page integration with core system working correctly'
-                        });
-                    } else {
-                        throw new Error('Core system not available');
-                    }
-                    
-                } catch (error) {
-                    this.logResult({
-                        test: 'Page Integration',
-                        status: 'error',
-                        message: `Page integration test failed: ${error.message}`
-                    });
-                }
-                
-                this.updateStats();
-            }
-
-            logResult(result) {
-                this.results.push({
-                    ...result,
-                    timestamp: new Date().toISOString()
-                });
-                
-                const resultsDiv = document.getElementById('testResults');
-                const resultEntry = document.createElement('div');
-                resultEntry.className = `test-result ${result.status === 'success' || result.status === 'completed' ? 'success' : 'error'}`;
-                resultEntry.innerHTML = `
-                    <strong>${result.page || result.test}</strong>${result.test && result.page ? ` - ${result.test}` : ''} - 
-                    ${result.status.toUpperCase()} - 
-                    ${result.message}
-                    <br><small>${new Date().toLocaleTimeString()}</small>
-                `;
-                
-                resultsDiv.appendChild(resultEntry);
-                resultsDiv.scrollTop = resultsDiv.scrollHeight;
-            }
-
-            updateStats() {
-                const total = this.results.length;
-                const passed = this.results.filter(r => 
-                    r.status === 'success' || r.status === 'completed'
-                ).length;
-                const failed = total - passed;
-                const successRate = total > 0 ? Math.round((passed / total) * 100) : 0;
-                
-                this.testStats = { total, passed, failed, successRate };
-                
-                document.getElementById('totalPages').textContent = total;
-                document.getElementById('passedPages').textContent = passed;
-                document.getElementById('failedPages').textContent = failed;
-                document.getElementById('successRate').textContent = successRate + '%';
-                
-                const progressBar = document.getElementById('progressBar');
-                progressBar.style.width = successRate + '%';
-                progressBar.style.background = successRate >= 80 ? '#10b981' : successRate >= 60 ? '#f59e0b' : '#ef4444';
-            }
-
-            clearResults() {
-                this.results = [];
-                document.getElementById('testResults').innerHTML = '';
-                this.updateStats();
-                
-                // Reset all page tests
-                this.pages.forEach((page, index) => {
-                    const testDiv = document.getElementById(`page-${index}`);
-                    testDiv.className = 'page-test';
-                    testDiv.querySelector('.status-indicator').className = 'status-indicator';
-                    testDiv.querySelector('.test-page-btn').disabled = false;
-                    
-                    page.tests.forEach((test, testIndex) => {
-                        const testDiv = document.getElementById(`test-${index}-${testIndex}`);
-                        testDiv.querySelector('.status-indicator').className = 'status-indicator';
-                    });
-                });
-            }
-
-            exportResults() {
-                const data = {
-                    timestamp: new Date().toISOString(),
-                    stats: this.testStats,
-                    results: this.results
-                };
-                
-                const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = `comprehensive-test-results-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.json`;
-                a.click();
-                URL.revokeObjectURL(url);
-            }
-
-            delay(ms) {
-                return new Promise(resolve => setTimeout(resolve, ms));
-            }
-        }
-
-        // Global tester instance
-        const tester = new ComprehensiveTester();
-
-        // Global functions for button clicks
-        function runAllTests() {
-            tester.runAllTests();
-        }
-
-        function testCoreSystem() {
-            tester.testCoreSystem();
-        }
-
-        function testAPIConnectivity() {
-            tester.testAPIConnectivity();
-        }
-
-        function testPageIntegration() {
-            tester.testPageIntegration();
-        }
-
-        function clearResults() {
-            tester.clearResults();
-        }
-
-        function exportResults() {
-            tester.exportResults();
-        }
-
-        console.log('🔍 Comprehensive Tester initialized');
-    </script>
-</body>
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Comprehensive Frontend Test - Legal Dashboard</title>
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            max-inline-size: 1400px;
+            margin: 0 auto;
+            padding: 20px;
+            background: #f5f5f5;
+        }
+        .test-section {
+            background: white;
+            padding: 20px;
+            margin: 20px 0;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .success { color: #10b981; }
+        .error { color: #ef4444; }
+        .info { color: #3b82f6; }
+        .warning { color: #f59e0b; }
+        button {
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin: 5px;
+        }
+        button:hover {
+            background: #0056b3;
+        }
+        button:disabled {
+            background: #ccc;
+            cursor: not-allowed;
+        }
+        .page-test {
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            padding: 15px;
+            margin: 10px 0;
+            background: white;
+        }
+        .page-test.success {
+            border-color: #10b981;
+            background: #f0fdf4;
+        }
+        .page-test.error {
+            border-color: #ef4444;
+            background: #fef2f2;
+        }
+        .page-test.testing {
+            border-color: #3b82f6;
+            background: #eff6ff;
+        }
+        .status-indicator {
+            display: inline-block;
+            inline-size: 12px;
+            block-size: 12px;
+            border-radius: 50%;
+            margin-inline-end: 8px;
+        }
+        .status-indicator.success { background: #10b981; }
+        .status-indicator.error { background: #ef4444; }
+        .status-indicator.warning { background: #f59e0b; }
+        .status-indicator.info { background: #3b82f6; }
+        .status-indicator.testing { 
+            background: #3b82f6; 
+            animation: pulse 1s infinite;
+        }
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.5; }
+            100% { opacity: 1; }
+        }
+        .test-results {
+            max-block-size: 400px;
+            overflow-y: auto;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            padding: 10px;
+            background: #f8f9fa;
+            font-family: 'Courier New', monospace;
+            font-size: 12px;
+        }
+        .summary-stats {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 15px;
+            margin-block-end: 20px;
+        }
+        .stat-card {
+            background: white;
+            padding: 15px;
+            border-radius: 8px;
+            text-align: center;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .stat-number {
+            font-size: 2rem;
+            font-weight: bold;
+            margin-block-end: 5px;
+        }
+        .stat-label {
+            color: #666;
+            font-size: 0.9rem;
+        }
+        .progress-bar {
+            inline-size: 100%;
+            block-size: 4px;
+            background: #e5e7eb;
+            border-radius: 2px;
+            overflow: hidden;
+            margin: 10px 0;
+        }
+        .progress-fill {
+            block-size: 100%;
+            background: #3b82f6;
+            transition: width 0.3s ease;
+        }
+        
+        .progress-fill.initial {
+            inline-size: 0%;
+        }
+    </style>
+</head>
+<body>
+    <h1>🔍 Comprehensive Frontend Test - Legal Dashboard</h1>
+    <div class="test-section">
+        <h2>📊 Test Summary</h2>
+        <div class="summary-stats">
+            <div class="stat-card">
+                <div class="stat-number" id="totalPages">0</div>
+                <div class="stat-label">Total Pages</div>
+            </div>
+            <div class="stat-card">
+                <div class="stat-number" id="passedPages">0</div>
+                <div class="stat-label">Passed</div>
+            </div>
+            <div class="stat-card">
+                <div class="stat-number" id="failedPages">0</div>
+                <div class="stat-label">Failed</div>
+            </div>
+            <div class="stat-card">
+                <div class="stat-number" id="successRate">0%</div>
+                <div class="stat-label">Success Rate</div>
+            </div>
+        </div>
+        <div class="progress-bar">
+            <div class="progress-fill initial" id="progressBar"></div>
+        </div>
+    </div>
+
+    <div class="test-section">
+        <h2>🎛️ Test Controls</h2>
+        <button type="button" onclick="runAllTests()" id="runAllBtn">Run All Tests</button>
+        <button type="button" onclick="testCoreSystem()">Test Core System</button>
+        <button type="button" onclick="testAPIConnectivity()">Test API Connectivity</button>
+        <button type="button" onclick="testPageIntegration()">Test Page Integration</button>
+        <button type="button" onclick="clearResults()">Clear Results</button>
+        <button type="button" onclick="exportResults()">Export Results</button>
+    </div>
+
+    <div class="test-section">
+        <h2>📄 Page Tests</h2>
+        <div id="pageTests">
+            <!-- Page tests will be generated here -->
+        </div>
+    </div>
+
+    <div class="test-section">
+        <h2>📋 Test Results</h2>
+        <div class="test-results" id="testResults">
+            <!-- Test results will be displayed here -->
+        </div>
+    </div>
+
+    <script src="../js/api-client.js"></script>
+    <script src="../js/core.js"></script>
+    <script src="../js/notifications.js"></script>
+    <script>
+        class ComprehensiveTester {
+            constructor() {
+                this.baseURL = window.location.origin;
+                this.results = [];
+                this.testStats = {
+                    total: 0,
+                    passed: 0,
+                    failed: 0,
+                    successRate: 0
+                };
+                this.isRunning = false;
+                
+                this.pages = [
+                    {
+                        name: 'Main Dashboard',
+                        url: 'improved_legal_dashboard.html',
+                        description: 'Main dashboard with analytics and charts',
+                        tests: ['load', 'api', 'core', 'charts']
+                    },
+                    {
+                        name: 'Documents Page',
+                        url: 'documents.html',
+                        description: 'Document management and CRUD operations',
+                        tests: ['load', 'api', 'core', 'crud']
+                    },
+                    {
+                        name: 'Upload Page',
+                        url: 'upload.html',
+                        description: 'File upload and OCR processing',
+                        tests: ['load', 'api', 'core', 'upload']
+                    },
+                    {
+                        name: 'Scraping Page',
+                        url: 'scraping.html',
+                        description: 'Web scraping and content extraction',
+                        tests: ['load', 'api', 'core', 'scraping']
+                    },
+                    {
+                        name: 'Scraping Dashboard',
+                        url: 'scraping_dashboard.html',
+                        description: 'Scraping statistics and monitoring',
+                        tests: ['load', 'api', 'core', 'stats']
+                    },
+                    {
+                        name: 'Reports Page',
+                        url: 'reports.html',
+                        description: 'Analytics reports and insights',
+                        tests: ['load', 'api', 'core', 'reports']
+                    },
+                    {
+                        name: 'Index Page',
+                        url: 'index.html',
+                        description: 'Landing page and navigation',
+                        tests: ['load', 'api', 'core', 'navigation']
+                    }
+                ];
+                
+                this.initialize();
+            }
+
+            initialize() {
+                this.createPageTests();
+                this.updateStats();
+            }
+
+            createPageTests() {
+                const container = document.getElementById('pageTests');
+                container.innerHTML = '';
+
+                this.pages.forEach((page, index) => {
+                    const testDiv = document.createElement('div');
+                    testDiv.className = 'page-test';
+                    testDiv.id = `page-${index}`;
+                    
+                    testDiv.innerHTML = `
+                        <div class="status-indicator"></div>
+                        <h3>${page.name}</h3>
+                        <p>${page.description}</p>
+                        <div style="font-size: 0.8rem; color: #666; margin: 5px 0;">
+                            File: ${page.url}
+                        </div>
+                        <div class="tests" id="tests-${index}">
+                            ${page.tests.map((test, testIndex) => `
+                                <div class="test" id="test-${index}-${testIndex}">
+                                    <span class="status-indicator"></span>
+                                    ${test.charAt(0).toUpperCase() + test.slice(1)} Test
+                                </div>
+                            `).join('')}
+                        </div>
+                        <button type="button" onclick="tester.testSinglePage(${index})" class="test-page-btn">
+                            Test Page
+                        </button>
+                    `;
+                    
+                    container.appendChild(testDiv);
+                });
+            }
+
+            async testSinglePage(pageIndex) {
+                const page = this.pages[pageIndex];
+                const testDiv = document.getElementById(`page-${pageIndex}`);
+                
+                // Set testing state
+                testDiv.className = 'page-test testing';
+                testDiv.querySelector('.status-indicator').className = 'status-indicator testing';
+                testDiv.querySelector('.test-page-btn').disabled = true;
+                
+                this.logResult({
+                    page: page.name,
+                    status: 'started',
+                    message: `Starting tests for ${page.name}`
+                });
+                
+                let allTestsPassed = true;
+                
+                for (let testIndex = 0; testIndex < page.tests.length; testIndex++) {
+                    const test = page.tests[testIndex];
+                    const testDiv = document.getElementById(`test-${pageIndex}-${testIndex}`);
+                    
+                    // Set test testing state
+                    testDiv.querySelector('.status-indicator').className = 'status-indicator testing';
+                    
+                    try {
+                        const result = await this.executeTest(test, page);
+                        
+                        if (result.success) {
+                            testDiv.querySelector('.status-indicator').className = 'status-indicator success';
+                            this.logResult({
+                                page: page.name,
+                                test: test,
+                                status: 'success',
+                                message: `${test} test passed for ${page.name}`
+                            });
+                        } else {
+                            testDiv.querySelector('.status-indicator').className = 'status-indicator error';
+                            allTestsPassed = false;
+                            this.logResult({
+                                page: page.name,
+                                test: test,
+                                status: 'error',
+                                message: `${test} test failed for ${page.name}: ${result.error}`
+                            });
+                        }
+                    } catch (error) {
+                        testDiv.querySelector('.status-indicator').className = 'status-indicator error';
+                        allTestsPassed = false;
+                        this.logResult({
+                            page: page.name,
+                            test: test,
+                            status: 'error',
+                            message: `${test} test failed for ${page.name}: ${error.message}`
+                        });
+                    }
+                    
+                    await this.delay(200); // Small delay between tests
+                }
+                
+                // Update page status
+                testDiv.className = `page-test ${allTestsPassed ? 'success' : 'error'}`;
+                testDiv.querySelector('.status-indicator').className = `status-indicator ${allTestsPassed ? 'success' : 'error'}`;
+                testDiv.querySelector('.test-page-btn').disabled = false;
+                
+                this.logResult({
+                    page: page.name,
+                    status: allTestsPassed ? 'completed' : 'failed',
+                    message: `${page.name} ${allTestsPassed ? 'completed successfully' : 'failed'}`
+                });
+                
+                this.updateStats();
+            }
+
+            async executeTest(test, page) {
+                switch (test) {
+                    case 'load':
+                        return await this.testPageLoad(page);
+                    case 'api':
+                        return await this.testAPIConnectivity(page);
+                    case 'core':
+                        return await this.testCoreIntegration(page);
+                    case 'charts':
+                        return await this.testChartsFunctionality(page);
+                    case 'crud':
+                        return await this.testCRUDOperations(page);
+                    case 'upload':
+                        return await this.testUploadFunctionality(page);
+                    case 'scraping':
+                        return await this.testScrapingFunctionality(page);
+                    case 'stats':
+                        return await this.testStatisticsFunctionality(page);
+                    case 'reports':
+                        return await this.testReportsFunctionality(page);
+                    case 'navigation':
+                        return await this.testNavigationFunctionality(page);
+                    default:
+                        return { success: false, error: 'Unknown test' };
+                }
+            }
+
+            async testPageLoad(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/${page.url}`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testAPIConnectivity(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/health`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testCoreIntegration(page) {
+                try {
+                    // Check if core.js is loaded
+                    if (typeof dashboardCore === 'undefined') {
+                        return { success: false, error: 'Core module not loaded' };
+                    }
+                    
+                    // Check if core is initialized
+                    if (!dashboardCore.isInitialized) {
+                        return { success: false, error: 'Core module not initialized' };
+                    }
+                    
+                    return { success: true, error: null };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testChartsFunctionality(page) {
+                try {
+                    // Check if Chart.js is available
+                    if (typeof Chart === 'undefined') {
+                        return { success: false, error: 'Chart.js not loaded' };
+                    }
+                    
+                    return { success: true, error: null };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testCRUDOperations(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/documents`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testUploadFunctionality(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/ocr/status`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testScrapingFunctionality(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/scraping/health`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testStatisticsFunctionality(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/scraping/scrape/statistics`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testReportsFunctionality(page) {
+                try {
+                    const response = await fetch(`${this.baseURL}/api/analytics/overview`);
+                    return { success: response.ok, error: response.ok ? null : `HTTP ${response.status}` };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async testNavigationFunctionality(page) {
+                try {
+                    // Check if navigation elements exist
+                    const response = await fetch(`${this.baseURL}/${page.url}`);
+                    const html = await response.text();
+                    
+                    // Check for navigation elements
+                    const hasNavigation = html.includes('nav') || html.includes('sidebar') || html.includes('menu');
+                    
+                    return { success: hasNavigation, error: hasNavigation ? null : 'No navigation found' };
+                } catch (error) {
+                    return { success: false, error: error.message };
+                }
+            }
+
+            async runAllTests() {
+                if (this.isRunning) return;
+                
+                this.isRunning = true;
+                document.getElementById('runAllBtn').disabled = true;
+                document.getElementById('runAllBtn').textContent = 'Running...';
+                
+                this.clearResults();
+                
+                for (let i = 0; i < this.pages.length; i++) {
+                    await this.testSinglePage(i);
+                    await this.delay(500); // Delay between pages
+                }
+                
+                this.isRunning = false;
+                document.getElementById('runAllBtn').disabled = false;
+                document.getElementById('runAllBtn').textContent = 'Run All Tests';
+            }
+
+            async testCoreSystem() {
+                this.logResult({
+                    test: 'Core System',
+                    status: 'started',
+                    message: 'Testing core system integration'
+                });
+                
+                try {
+                    // Test core module loading
+                    if (typeof dashboardCore === 'undefined') {
+                        throw new Error('Core module not loaded');
+                    }
+                    
+                    // Test core initialization
+                    if (!dashboardCore.isInitialized) {
+                        throw new Error('Core module not initialized');
+                    }
+                    
+                    // Test API client
+                    if (!dashboardCore.apiClient) {
+                        throw new Error('API client not available');
+                    }
+                    
+                    this.logResult({
+                        test: 'Core System',
+                        status: 'success',
+                        message: 'Core system integration working correctly'
+                    });
+                    
+                } catch (error) {
+                    this.logResult({
+                        test: 'Core System',
+                        status: 'error',
+                        message: `Core system test failed: ${error.message}`
+                    });
+                }
+                
+                this.updateStats();
+            }
+
+            async testAPIConnectivity() {
+                this.logResult({
+                    test: 'API Connectivity',
+                    status: 'started',
+                    message: 'Testing API connectivity'
+                });
+                
+                const endpoints = [
+                    '/api/health',
+                    '/api/dashboard/summary',
+                    '/api/documents',
+                    '/api/ocr/status',
+                    '/api/scraping/health',
+                    '/api/analytics/overview'
+                ];
+                
+                let successCount = 0;
+                let totalCount = endpoints.length;
+                
+                for (const endpoint of endpoints) {
+                    try {
+                        const response = await fetch(`${this.baseURL}${endpoint}`);
+                        if (response.ok) {
+                            successCount++;
+                            this.logResult({
+                                test: 'API Connectivity',
+                                endpoint: endpoint,
+                                status: 'success',
+                                message: `${endpoint} - OK`
+                            });
+                        } else {
+                            this.logResult({
+                                test: 'API Connectivity',
+                                endpoint: endpoint,
+                                status: 'error',
+                                message: `${endpoint} - HTTP ${response.status}`
+                            });
+                        }
+                    } catch (error) {
+                        this.logResult({
+                            test: 'API Connectivity',
+                            endpoint: endpoint,
+                            status: 'error',
+                            message: `${endpoint} - ${error.message}`
+                        });
+                    }
+                }
+                
+                const successRate = Math.round((successCount / totalCount) * 100);
+                this.logResult({
+                    test: 'API Connectivity',
+                    status: 'completed',
+                    message: `API connectivity test completed: ${successCount}/${totalCount} endpoints working (${successRate}%)`
+                });
+                
+                this.updateStats();
+            }
+
+            async testPageIntegration() {
+                this.logResult({
+                    test: 'Page Integration',
+                    status: 'started',
+                    message: 'Testing page integration with core system'
+                });
+                
+                try {
+                    // Test if pages can communicate with core
+                    if (typeof dashboardCore !== 'undefined') {
+                        // Test event broadcasting
+                        dashboardCore.broadcast('testIntegration', { test: true });
+                        
+                        // Test event listening
+                        let eventReceived = false;
+                        const unsubscribe = dashboardCore.listen('testIntegration', (data) => {
+                            eventReceived = true;
+                        });
+                        
+                        // Broadcast again to trigger the listener
+                        dashboardCore.broadcast('testIntegration', { test: true });
+                        
+                        // Clean up
+                        if (unsubscribe) unsubscribe();
+                        
+                        this.logResult({
+                            test: 'Page Integration',
+                            status: 'success',
+                            message: 'Page integration with core system working correctly'
+                        });
+                    } else {
+                        throw new Error('Core system not available');
+                    }
+                    
+                } catch (error) {
+                    this.logResult({
+                        test: 'Page Integration',
+                        status: 'error',
+                        message: `Page integration test failed: ${error.message}`
+                    });
+                }
+                
+                this.updateStats();
+            }
+
+            logResult(result) {
+                this.results.push({
+                    ...result,
+                    timestamp: new Date().toISOString()
+                });
+                
+                const resultsDiv = document.getElementById('testResults');
+                const resultEntry = document.createElement('div');
+                resultEntry.className = `test-result ${result.status === 'success' || result.status === 'completed' ? 'success' : 'error'}`;
+                resultEntry.innerHTML = `
+                    <strong>${result.page || result.test}</strong>${result.test && result.page ? ` - ${result.test}` : ''} - 
+                    ${result.status.toUpperCase()} - 
+                    ${result.message}
+                    <br><small>${new Date().toLocaleTimeString()}</small>
+                `;
+                
+                resultsDiv.appendChild(resultEntry);
+                resultsDiv.scrollTop = resultsDiv.scrollHeight;
+            }
+
+            updateStats() {
+                const total = this.results.length;
+                const passed = this.results.filter(r => 
+                    r.status === 'success' || r.status === 'completed'
+                ).length;
+                const failed = total - passed;
+                const successRate = total > 0 ? Math.round((passed / total) * 100) : 0;
+                
+                this.testStats = { total, passed, failed, successRate };
+                
+                document.getElementById('totalPages').textContent = total;
+                document.getElementById('passedPages').textContent = passed;
+                document.getElementById('failedPages').textContent = failed;
+                document.getElementById('successRate').textContent = successRate + '%';
+                
+                const progressBar = document.getElementById('progressBar');
+                progressBar.style.width = successRate + '%';
+                progressBar.style.background = successRate >= 80 ? '#10b981' : successRate >= 60 ? '#f59e0b' : '#ef4444';
+            }
+
+            clearResults() {
+                this.results = [];
+                document.getElementById('testResults').innerHTML = '';
+                this.updateStats();
+                
+                // Reset all page tests
+                this.pages.forEach((page, index) => {
+                    const testDiv = document.getElementById(`page-${index}`);
+                    testDiv.className = 'page-test';
+                    testDiv.querySelector('.status-indicator').className = 'status-indicator';
+                    testDiv.querySelector('.test-page-btn').disabled = false;
+                    
+                    page.tests.forEach((test, testIndex) => {
+                        const testDiv = document.getElementById(`test-${index}-${testIndex}`);
+                        testDiv.querySelector('.status-indicator').className = 'status-indicator';
+                    });
+                });
+            }
+
+            exportResults() {
+                const data = {
+                    timestamp: new Date().toISOString(),
+                    stats: this.testStats,
+                    results: this.results
+                };
+                
+                const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
+                const url = URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = `comprehensive-test-results-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.json`;
+                a.click();
+                URL.revokeObjectURL(url);
+            }
+
+            delay(ms) {
+                return new Promise(resolve => setTimeout(resolve, ms));
+            }
+        }
+
+        // Global tester instance
+        const tester = new ComprehensiveTester();
+
+        // Global functions for button clicks
+        function runAllTests() {
+            tester.runAllTests();
+        }
+
+        function testCoreSystem() {
+            tester.testCoreSystem();
+        }
+
+        function testAPIConnectivity() {
+            tester.testAPIConnectivity();
+        }
+
+        function testPageIntegration() {
+            tester.testPageIntegration();
+        }
+
+        function clearResults() {
+            tester.clearResults();
+        }
+
+        function exportResults() {
+            tester.exportResults();
+        }
+
+        console.log('🔍 Comprehensive Tester initialized');
+    </script>
+</body>
 </html> 

frontend/dev/integration-test.html

@@ -7,7 +7,7 @@
     <style>
         body {
             font-family: 'Arial', sans-serif;
-            max-width: 1200px;
+            max-inline-size: 1200px;
             margin: 0 auto;
             padding: 20px;
             background: #f5f5f5;
@@ -40,7 +40,7 @@
             padding: 10px;
             border-radius: 4px;
             overflow-x: auto;
-            max-height: 300px;
+            max-block-size: 300px;
             overflow-y: auto;
         }
         .event-log {
@@ -49,15 +49,15 @@
             padding: 15px;
             border-radius: 8px;
             font-family: 'Courier New', monospace;
-            max-height: 400px;
+            max-block-size: 400px;
             overflow-y: auto;
         }
         .status-indicator {
             display: inline-block;
-            width: 12px;
-            height: 12px;
+            inline-size: 12px;
+            block-size: 12px;
             border-radius: 50%;
-            margin-right: 8px;
+            margin-inline-end: 8px;
         }
         .status-indicator.success { background: #10b981; }
         .status-indicator.error { background: #ef4444; }
@@ -67,36 +67,36 @@
 </head>
 <body>
     <h1>🔍 Integration Test - Legal Dashboard</h1>
-    
+
     <div class="test-section">
         <h2>📦 Core Module Test</h2>
-        <button onclick="testCoreModule()">Test Core Module</button>
+        <button type="button" onclick="testCoreModule()">Test Core Module</button>
         <div id="coreTestResult"></div>
     </div>
 
     <div class="test-section">
         <h2>🔌 API Connectivity Test</h2>
-        <button onclick="testAPIConnectivity()">Test API Connectivity</button>
+        <button type="button" onclick="testAPIConnectivity()">Test API Connectivity</button>
         <div id="apiTestResult"></div>
     </div>
 
     <div class="test-section">
         <h2>📡 Cross-Page Communication Test</h2>
-        <button onclick="testCrossPageCommunication()">Test Cross-Page Events</button>
+        <button type="button" onclick="testCrossPageCommunication()">Test Cross-Page Events</button>
         <div id="communicationTestResult"></div>
     </div>
 
     <div class="test-section">
         <h2>📊 Event Log</h2>
-        <button onclick="clearEventLog()">Clear Log</button>
+        <button type="button" onclick="clearEventLog()">Clear Log</button>
         <div id="eventLog" class="event-log"></div>
     </div>
 
     <div class="test-section">
         <h2>🔄 Real-time Updates Test</h2>
-        <button onclick="simulateDocumentUpload()">Simulate Document Upload</button>
-        <button onclick="simulateDocumentUpdate()">Simulate Document Update</button>
-        <button onclick="simulateDocumentDelete()">Simulate Document Delete</button>
+        <button type="button" onclick="simulateDocumentUpload()">Simulate Document Upload</button>
+        <button type="button" onclick="simulateDocumentUpdate()">Simulate Document Update</button>
+        <button type="button" onclick="simulateDocumentDelete()">Simulate Document Delete</button>
         <div id="realtimeTestResult"></div>
     </div>
 

frontend/dev/real-api-test.html

@@ -163,7 +163,7 @@
 </head>
 <body>
     <h1>🔍 Real API Testing - Legal Dashboard</h1>
-    
+
     <div class="test-section">
         <h2>📊 Test Summary</h2>
         <div class="summary-stats">
@@ -185,21 +185,21 @@
             </div>
         </div>
         <div class="progress-bar">
-            <div class="progress-fill" id="progressBar" style="width: 0%"></div>
+            <div class="progress-fill" id="progressBar"></div>
         </div>
     </div>
 
     <div class="test-section">
         <h2>🎛️ Test Controls</h2>
         <div class="test-controls">
-            <button onclick="runAllTests()" id="runAllBtn">Run All Tests</button>
-            <button onclick="runHealthTests()">Health Tests Only</button>
-            <button onclick="runDashboardTests()">Dashboard Tests</button>
-            <button onclick="runDocumentTests()">Document Tests</button>
-            <button onclick="runOCRTests()">OCR Tests</button>
-            <button onclick="runScrapingTests()">Scraping Tests</button>
-            <button onclick="clearResults()">Clear Results</button>
-            <button onclick="exportResults()">Export Results</button>
+            <button type="button" onclick="runAllTests()" id="runAllBtn">Run All Tests</button>
+            <button type="button" onclick="runHealthTests()">Health Tests Only</button>
+            <button type="button" onclick="runDashboardTests()">Dashboard Tests</button>
+            <button type="button" onclick="runDocumentTests()">Document Tests</button>
+            <button type="button" onclick="runOCRTests()">OCR Tests</button>
+            <button type="button" onclick="runScrapingTests()">Scraping Tests</button>
+            <button type="button" onclick="clearResults()">Clear Results</button>
+            <button type="button" onclick="exportResults()">Export Results</button>
         </div>
     </div>
 
@@ -208,7 +208,7 @@
         <div class="file-upload-test" id="uploadZone">
             <p>Drag and drop a file here or click to select</p>
             <input type="file" id="testFileInput" accept=".pdf,.jpg,.jpeg,.png,.tiff" style="display: none;">
-            <button onclick="document.getElementById('testFileInput').click()">Select File</button>
+            <button type="button" onclick="document.getElementById('testFileInput').click()">Select File</button>
         </div>
         <div id="uploadResults"></div>
     </div>

frontend/improved_legal_dashboard.html

@@ -88,8 +88,8 @@
 
         /* اسکرول‌بار مدرن */
         ::-webkit-scrollbar {
-            width: 6px;
-            height: 6px;
+            inline-size: 6px;
+            block-size: 6px;
         }
 
         ::-webkit-scrollbar-track {
@@ -110,8 +110,8 @@
         /* کلاس‌های کمکی */
         .sr-only {
             position: absolute;
-            width: 1px;
-            height: 1px;
+            inline-size: 1px;
+            block-size: 1px;
             padding: 0;
             margin: -1px;
             overflow: hidden;
@@ -123,15 +123,15 @@
         /* کانتینر اصلی */
         .dashboard-container {
             display: flex;
-            min-height: 100vh;
-            width: 100%;
+            min-block-size: 100vh;
+            inline-size: 100%;
             position: relative;
             overflow-x: hidden;
         }
 
         /* سایدبار کامپکت و بهبود یافته */
         .sidebar {
-            width: var(--sidebar-width);
+            inline-size: var(--sidebar-width);
             background: linear-gradient(135deg,
                 rgba(248, 250, 252, 0.98) 0%,
                 rgba(241, 245, 249, 0.95) 25%,
@@ -142,9 +142,9 @@
             -webkit-backdrop-filter: blur(25px);
             padding: 1rem 0;
             position: fixed;
-            height: 100vh;
-            right: 0;
-            top: 0;
+            block-size: 100vh;
+            inset-inline-end: 0;
+            inset-block-start: 0;
             z-index: 1000;
             overflow-y: auto;
             overflow-x: hidden;
@@ -152,17 +152,17 @@
                 0 0 0 1px rgba(59, 130, 246, 0.08),
                 -8px 0 32px rgba(59, 130, 246, 0.12),
                 inset 0 1px 0 rgba(255, 255, 255, 0.6);
-            border-left: 1px solid rgba(59, 130, 246, 0.15);
+            border-inline-start: 1px solid rgba(59, 130, 246, 0.15);
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         }
 
         .sidebar::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            inset-block-end: 0;
             background:
                 radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),
                 radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.02) 0%, transparent 50%),
@@ -172,7 +172,7 @@
         }
 
         .sidebar.collapsed {
-            width: 70px;
+            inline-size: 70px;
         }
 
         .sidebar.collapsed .logo-text,
@@ -195,8 +195,8 @@
         .sidebar.collapsed .nav-link:hover::after {
             content: attr(data-tooltip);
             position: absolute;
-            left: 100%;
-            top: 50%;
+            inset-inline-start: 100%;
+            inset-block-start: 50%;
             transform: translateY(-50%);
             background: rgba(0, 0, 0, 0.8);
             color: white;
@@ -205,7 +205,7 @@
             font-size: 0.8rem;
             white-space: nowrap;
             z-index: 10001;
-            margin-left: 0.5rem;
+            margin-inline-start: 0.5rem;
             opacity: 0;
             animation: fadeIn 0.2s ease forwards;
         }
@@ -215,7 +215,7 @@
         }
 
         .sidebar.collapsed .nav-icon {
-            margin-left: 0;
+            margin-inline-start: 0;
         }
 
         .sidebar.collapsed .submenu {
@@ -231,15 +231,15 @@
         }
 
         .sidebar.collapsed + .main-content {
-            margin-right: 70px;
-            width: calc(100% - 70px);
-            max-width: calc(100% - 70px);
+            margin-inline-end: 70px;
+            inline-size: calc(100% - 70px);
+            max-inline-size: calc(100% - 70px);
         }
 
         .sidebar-header {
             padding: 0 1rem 1rem;
-            border-bottom: 1px solid rgba(59, 130, 246, 0.12);
-            margin-bottom: 1rem;
+            border-block-end: 1px solid rgba(59, 130, 246, 0.12);
+            margin-block-end: 1rem;
             display: flex;
             justify-content: space-between;
             align-items: center;
@@ -256,10 +256,10 @@
         .sidebar-header::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            inset-block-end: 0;
             background: linear-gradient(135deg,
                 rgba(59, 130, 246, 0.05) 0%,
                 rgba(16, 185, 129, 0.03) 100%);
@@ -278,8 +278,8 @@
         }
 
         .logo-icon {
-            width: 2rem;
-            height: 2rem;
+            inline-size: 2rem;
+            block-size: 2rem;
             background: var(--primary-gradient);
             border-radius: var(--border-radius-sm);
             display: flex;
@@ -307,8 +307,8 @@
         .sidebar-toggle {
             background: var(--primary-gradient);
             border: none;
-            width: 2rem;
-            height: 2rem;
+            inline-size: 2rem;
+            block-size: 2rem;
             border-radius: var(--border-radius-sm);
             color: white;
             cursor: pointer;
@@ -352,7 +352,7 @@
 
         /* منوی کامپکت */
         .nav-section {
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .nav-title {
@@ -374,10 +374,10 @@
         .nav-title::after {
             content: '';
             position: absolute;
-            bottom: 0;
-            right: 1rem;
-            left: 1rem;
-            height: 1px;
+            inset-block-end: 0;
+            inset-inline-end: 1rem;
+            inset-inline-start: 1rem;
+            block-size: 1px;
             background: linear-gradient(90deg,
                 transparent 0%,
                 rgba(59, 130, 246, 0.3) 50%,
@@ -458,11 +458,11 @@
         .nav-link.active::after {
             content: '';
             position: absolute;
-            right: -0.5rem;
-            top: 50%;
+            inset-inline-end: -0.5rem;
+            inset-block-start: 50%;
             transform: translateY(-50%);
-            width: 3px;
-            height: 1.5rem;
+            inline-size: 3px;
+            block-size: 1.5rem;
             background: var(--primary-gradient);
             border-radius: 2px;
             box-shadow:
@@ -471,8 +471,8 @@
         }
 
         .nav-icon {
-            margin-left: 0.6rem;
-            width: 1rem;
+            margin-inline-start: 0.6rem;
+            inline-size: 1rem;
             text-align: center;
             font-size: 0.9rem;
             opacity: 0.9;
@@ -485,7 +485,7 @@
             color: var(--text-secondary);
             padding: 0.2rem;
             cursor: pointer;
-            margin-right: auto;
+            margin-inline-end: auto;
             transition: var(--transition-fast);
             font-size: 0.8rem;
         }
@@ -499,14 +499,14 @@
         }
 
         .submenu {
-            max-height: 0;
+            max-block-size: 0;
             overflow: hidden;
             transition: max-height 0.25s ease-out;
-            margin-top: 0.15rem;
+            margin-block-start: 0.15rem;
         }
 
         .submenu.open {
-            max-height: 800px;
+            max-block-size: 800px;
         }
 
         .submenu .nav-link {
@@ -524,11 +524,11 @@
         .submenu .nav-link::before {
             content: '';
             position: absolute;
-            right: 1.2rem;
-            top: 50%;
+            inset-inline-end: 1.2rem;
+            inset-block-start: 50%;
             transform: translateY(-50%);
-            width: 3px;
-            height: 3px;
+            inline-size: 3px;
+            block-size: 3px;
             background: var(--primary-gradient);
             border-radius: 50%;
             opacity: 0.6;
@@ -555,8 +555,8 @@
             border-radius: 10px;
             font-size: var(--font-size-xs);
             font-weight: 600;
-            margin-right: auto;
-            min-width: 1.2rem;
+            margin-inline-end: auto;
+            min-inline-size: 1.2rem;
             text-align: center;
             box-shadow:
                 0 2px 4px rgba(239, 68, 68, 0.3),
@@ -578,19 +578,19 @@
         /* محتوای اصلی */
         .main-content {
             flex: 1;
-            margin-right: var(--sidebar-width);
+            margin-inline-end: var(--sidebar-width);
             padding: 1rem;
-            min-height: 100vh;
+            min-block-size: 100vh;
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            width: calc(100% - var(--sidebar-width));
-            max-width: calc(100% - var(--sidebar-width));
+            inline-size: calc(100% - var(--sidebar-width));
+            max-inline-size: calc(100% - var(--sidebar-width));
             box-sizing: border-box;
         }
 
         .main-content.sidebar-collapsed {
-            margin-right: 70px;
-            width: calc(100% - 70px);
-            max-width: calc(100% - 70px);
+            margin-inline-end: 70px;
+            inline-size: calc(100% - 70px);
+            max-inline-size: calc(100% - 70px);
         }
 
         /* هدر کامپکت */
@@ -598,7 +598,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
             padding: 0.8rem 0;
         }
 
@@ -617,10 +617,10 @@
         .dashboard-title::after {
             content: '';
             position: absolute;
-            bottom: -0.3rem;
-            right: 0;
-            width: 2.5rem;
-            height: 2px;
+            inset-block-end: -0.3rem;
+            inset-inline-end: 0;
+            inline-size: 2.5rem;
+            block-size: 2px;
             background: var(--primary-gradient);
             border-radius: 2px;
         }
@@ -642,7 +642,7 @@
         }
 
         .search-input {
-            width: 280px;
+            inline-size: 280px;
             padding: 0.6rem 1rem 0.6rem 2.2rem;
             border: none;
             border-radius: 20px;
@@ -670,8 +670,8 @@
 
         .search-icon {
             position: absolute;
-            right: 0.8rem;
-            top: 50%;
+            inset-inline-end: 0.8rem;
+            inset-block-start: 50%;
             transform: translateY(-50%);
             color: var(--text-secondary);
             font-size: 0.9rem;
@@ -698,8 +698,8 @@
         }
 
         .user-avatar {
-            width: 1.8rem;
-            height: 1.8rem;
+            inline-size: 1.8rem;
+            block-size: 1.8rem;
             border-radius: 50%;
             background: var(--primary-gradient);
             display: flex;
@@ -748,7 +748,7 @@
             display: grid;
             grid-template-columns: repeat(4, 1fr);
             gap: 1rem;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
         }
 
         .stat-card {
@@ -766,26 +766,26 @@
             position: relative;
             overflow: hidden;
             transition: var(--transition-smooth);
-            min-height: 130px;
+            min-block-size: 130px;
         }
 
         .stat-card::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            block-size: 4px;
             background: var(--primary-gradient);
         }
 
         .stat-card::after {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            inset-block-end: 0;
             background: linear-gradient(135deg,
                rgba(255, 255, 255, 0.1) 0%,
                rgba(255, 255, 255, 0.05) 50%,
@@ -840,14 +840,14 @@
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
-            margin-bottom: 0.8rem;
+            margin-block-end: 0.8rem;
             position: relative;
             z-index: 1;
         }
 
         .stat-icon {
-            width: 2.2rem;
-            height: 2.2rem;
+            inline-size: 2.2rem;
+            block-size: 2.2rem;
             border-radius: var(--border-radius-sm);
             display: flex;
             align-items: center;
@@ -895,7 +895,7 @@
             font-size: var(--font-size-xs);
             color: var(--text-secondary);
             font-weight: 600;
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
             line-height: 1.3;
         }
 
@@ -904,13 +904,13 @@
             font-weight: 800;
             color: var(--text-primary);
             line-height: 1;
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .stat-extra {
             font-size: var(--font-size-xs);
             color: var(--text-muted);
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .stat-change {
@@ -929,7 +929,7 @@
             display: grid;
             grid-template-columns: 2fr 1fr;
             gap: 1.5rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .chart-card {
@@ -951,10 +951,10 @@
         .chart-card::after {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            inset-block-end: 0;
             background: linear-gradient(135deg,
                rgba(255, 255, 255, 0.08) 0%,
                rgba(255, 255, 255, 0.03) 50%,
@@ -976,7 +976,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
         }
 
         .chart-title {
@@ -1014,12 +1014,12 @@
         }
 
         .chart-container {
-            height: 280px;
+            block-size: 280px;
             position: relative;
         }
 
         .chart-placeholder {
-            height: 100%;
+            block-size: 100%;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -1032,15 +1032,15 @@
 
         .chart-placeholder i {
             font-size: 3rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
             opacity: 0.3;
         }
 
         /* Toast Notifications */
         .toast-container {
             position: fixed;
-            top: 1rem;
-            left: 1rem;
+            inset-block-start: 1rem;
+            inset-inline-start: 1rem;
             z-index: 10001;
             display: flex;
             flex-direction: column;
@@ -1052,11 +1052,11 @@
             border-radius: var(--border-radius-sm);
             padding: 1rem 1.5rem;
             box-shadow: var(--shadow-lg);
-            border-left: 4px solid;
+            border-inline-start: 4px solid;
             display: flex;
             align-items: center;
             gap: 0.8rem;
-            min-width: 300px;
+            min-inline-size: 300px;
             transform: translateX(-100%);
             transition: all 0.3s ease;
         }
@@ -1066,19 +1066,19 @@
         }
 
         .toast.success {
-            border-left-color: #10b981;
+            border-inline-start-color: #10b981;
         }
 
         .toast.error {
-            border-left-color: #ef4444;
+            border-inline-start-color: #ef4444;
         }
 
         .toast.warning {
-            border-left-color: #f59e0b;
+            border-inline-start-color: #f59e0b;
         }
 
         .toast.info {
-            border-left-color: #3b82f6;
+            border-inline-start-color: #3b82f6;
         }
 
         .toast-icon {
@@ -1108,7 +1108,7 @@
         .toast-title {
             font-weight: 600;
             font-size: var(--font-size-sm);
-            margin-bottom: 0.2rem;
+            margin-block-end: 0.2rem;
         }
 
         .toast-message {
@@ -1132,8 +1132,8 @@
         /* Connection Status */
         .connection-status {
             position: fixed;
-            bottom: 1rem;
-            left: 1rem;
+            inset-block-end: 1rem;
+            inset-inline-start: 1rem;
             background: var(--card-bg);
             border-radius: var(--border-radius-sm);
             padding: 0.5rem 1rem;
@@ -1142,23 +1142,23 @@
             align-items: center;
             gap: 0.5rem;
             font-size: var(--font-size-xs);
-            border-left: 3px solid;
+            border-inline-start: 3px solid;
             z-index: 1000;
         }
 
         .connection-status.online {
-            border-left-color: #10b981;
+            border-inline-start-color: #10b981;
             color: #047857;
         }
 
         .connection-status.offline {
-            border-left-color: #ef4444;
+            border-inline-start-color: #ef4444;
             color: #b91c1c;
         }
 
         .status-indicator {
-            width: 8px;
-            height: 8px;
+            inline-size: 8px;
+            block-size: 8px;
             border-radius: 50%;
         }
 
@@ -1211,13 +1211,13 @@
         }
 
         /* واکنش‌گرایی */
-        @media (max-width: 1200px) {
+        @media (max-inline-size: 1200px) {
             .charts-section {
                 grid-template-columns: 1fr;
             }
 
             .search-input {
-                width: 220px;
+                inline-size: 220px;
             }
 
             .stats-grid {
@@ -1225,7 +1225,7 @@
             }
         }
 
-        @media (max-width: 992px) {
+        @media (max-inline-size: 992px) {
             .mobile-menu-toggle {
                 display: block;
             }
@@ -1241,16 +1241,16 @@
             }
 
             .main-content {
-                margin-right: 0;
-                width: 100%;
-                max-width: 100%;
+                margin-inline-end: 0;
+                inline-size: 100%;
+                max-inline-size: 100%;
                 padding: 1rem;
             }
 
             .main-content.sidebar-collapsed {
-                margin-right: 0;
-                width: 100%;
-                max-width: 100%;
+                margin-inline-end: 0;
+                inline-size: 100%;
+                max-inline-size: 100%;
             }
 
             .dashboard-header {
@@ -1260,18 +1260,18 @@
             }
 
             .header-actions {
-                width: 100%;
+                inline-size: 100%;
                 justify-content: space-between;
                 flex-direction: column;
                 gap: 0.8rem;
             }
 
             .search-container {
-                width: 100%;
+                inline-size: 100%;
             }
 
             .search-input {
-                width: 100%;
+                inline-size: 100%;
             }
 
             .sidebar-toggle {
@@ -1279,12 +1279,12 @@
             }
         }
 
-        @media (max-width: 768px) {
+        @media (max-inline-size: 768px) {
             .main-content {
                 padding: 0.8rem;
-                width: 100%;
-                margin-right: 0;
-                max-width: 100%;
+                inline-size: 100%;
+                margin-inline-end: 0;
+                max-inline-size: 100%;
             }
 
             .stats-grid {
@@ -1293,7 +1293,7 @@
             }
 
             .stat-card {
-                min-height: 100px;
+                min-block-size: 100px;
                 padding: 0.8rem;
             }
 
@@ -1302,11 +1302,11 @@
             }
 
             .chart-container {
-                height: 220px;
+                block-size: 220px;
             }
         }
 
-        @media (max-width: 480px) {
+        @media (max-inline-size: 480px) {
             .dashboard-title {
                 font-size: var(--font-size-xl);
             }
@@ -1321,7 +1321,7 @@
 
             .main-content {
                 padding: 0.5rem;
-                width: 100%;
+                inline-size: 100%;
             }
         }
 
@@ -1330,7 +1330,7 @@
             background: var(--card-bg);
             border-radius: var(--border-radius);
             padding: 1.5rem;
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
             box-shadow: var(--shadow-sm);
         }
 
@@ -1378,7 +1378,7 @@
         }
 
         .upload-queue {
-            margin-top: 1.5rem;
+            margin-block-start: 1.5rem;
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
@@ -1391,7 +1391,7 @@
             padding: 0.8rem;
             background: white;
             border-radius: var(--border-radius-sm);
-            margin-bottom: 0.5rem;
+            margin-block-end: 0.5rem;
             box-shadow: var(--shadow-xs);
         }
 
@@ -1422,39 +1422,39 @@
         }
 
         .upload-progress {
-            margin-top: 1rem;
+            margin-block-start: 1rem;
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
         }
 
         .progress-bar {
-            width: 100%;
-            height: 8px;
+            inline-size: 100%;
+            block-size: 8px;
             background: #e2e8f0;
             border-radius: 4px;
             overflow: hidden;
         }
 
         .progress-fill {
-            height: 100%;
+            block-size: 100%;
             background: var(--primary-gradient);
             transition: width 0.3s ease;
         }
 
         .progress-text {
-            margin-top: 0.5rem;
+            margin-block-start: 0.5rem;
             text-align: center;
             color: var(--text-secondary);
         }
 
         .upload-actions {
-            margin-top: 1rem;
+            margin-block-start: 1rem;
             text-align: center;
         }
 
         .ocr-results {
-            margin-top: 2rem;
+            margin-block-start: 2rem;
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
@@ -1464,7 +1464,7 @@
             background: white;
             padding: 1rem;
             border-radius: var(--border-radius-sm);
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
             box-shadow: var(--shadow-xs);
         }
 
@@ -1472,7 +1472,7 @@
             background: #f1f5f9;
             padding: 0.8rem;
             border-radius: var(--border-radius-sm);
-            margin-top: 0.5rem;
+            margin-block-start: 0.5rem;
             font-family: monospace;
             white-space: pre-wrap;
         }
@@ -1482,7 +1482,7 @@
             background: var(--card-bg);
             border-radius: var(--border-radius);
             padding: 1.5rem;
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
             box-shadow: var(--shadow-sm);
         }
 
@@ -1490,7 +1490,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .section-title {
@@ -1510,7 +1510,7 @@
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
             gap: 1rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
@@ -1563,7 +1563,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 0.8rem;
+            margin-block-end: 0.8rem;
         }
 
         .document-title {
@@ -1653,7 +1653,7 @@
             background: var(--card-bg);
             border-radius: var(--border-radius);
             padding: 1.5rem;
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
             box-shadow: var(--shadow-sm);
         }
 
@@ -1661,7 +1661,7 @@
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             gap: 1rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
@@ -1697,7 +1697,7 @@
         .scraping-actions {
             display: flex;
             gap: 1rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
             flex-wrap: wrap;
         }
 
@@ -1705,14 +1705,14 @@
             padding: 1rem;
             background: #f8fafc;
             border-radius: var(--border-radius);
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .status-info {
             display: flex;
             align-items: center;
             gap: 0.8rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .status-label {
@@ -1756,7 +1756,7 @@
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
             gap: 1rem;
-            margin-top: 1rem;
+            margin-block-start: 1rem;
         }
 
         .stat-item {
@@ -1780,14 +1780,14 @@
         }
 
         .scraping-results {
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .scraping-item {
             background: white;
             border-radius: var(--border-radius);
             padding: 1rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
             box-shadow: var(--shadow-xs);
             transition: var(--transition-smooth);
         }
@@ -1800,7 +1800,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 0.8rem;
+            margin-block-end: 0.8rem;
         }
 
         .item-title {
@@ -1855,11 +1855,11 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .logs-container {
-            max-height: 300px;
+            max-block-size: 300px;
             overflow-y: auto;
             background: white;
             border-radius: var(--border-radius-sm);
@@ -1871,7 +1871,7 @@
             gap: 0.8rem;
             padding: 0.5rem;
             border-radius: var(--border-radius-sm);
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
             font-size: var(--font-size-sm);
         }
 
@@ -1892,7 +1892,7 @@
 
         .log-timestamp {
             font-weight: 500;
-            min-width: 80px;
+            min-inline-size: 80px;
         }
 
         .log-message {
@@ -1961,8 +1961,8 @@
 
         .sr-only {
             position: absolute;
-            width: 1px;
-            height: 1px;
+            inline-size: 1px;
+            block-size: 1px;
             padding: 0;
             margin: -1px;
             overflow: hidden;
@@ -1973,18 +1973,18 @@
 
         /* Enhanced Analytics Dashboard Styles */
         .analytics-dashboard {
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
         }
 
         .analytics-overview {
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .analytics-grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
             gap: 1.5rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .analytics-card {
@@ -2003,10 +2003,10 @@
         .analytics-card::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            block-size: 4px;
             background: var(--primary-gradient);
         }
 
@@ -2019,7 +2019,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .analytics-title {
@@ -2048,7 +2048,7 @@
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 1rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .overview-stat {
@@ -2063,7 +2063,7 @@
             font-size: 1.5rem;
             font-weight: 700;
             color: var(--text-primary);
-            margin-bottom: 0.25rem;
+            margin-block-end: 0.25rem;
         }
 
         .stat-label {
@@ -2123,7 +2123,7 @@
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 1rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .quality-metric {
@@ -2136,7 +2136,7 @@
         .metric-label {
             font-size: var(--font-size-sm);
             color: var(--text-secondary);
-            margin-bottom: 0.25rem;
+            margin-block-end: 0.25rem;
         }
 
         .metric-value {
@@ -2146,7 +2146,7 @@
 
         /* Health Status */
         .health-status {
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .status-indicator {
@@ -2167,7 +2167,7 @@
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 1rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .health-metric {
@@ -2181,7 +2181,7 @@
         .clustering-summary {
             display: flex;
             justify-content: space-between;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .cluster-count, .cluster-avg {
@@ -2196,7 +2196,7 @@
         .count-label, .avg-label {
             font-size: var(--font-size-sm);
             color: var(--text-secondary);
-            margin-bottom: 0.25rem;
+            margin-block-end: 0.25rem;
         }
 
         .count-value, .avg-value {
@@ -2208,12 +2208,12 @@
         .overview-chart, .trends-chart, .predictions-chart, 
         .quality-chart, .health-chart, .clustering-chart, 
         .similarity-chart {
-            height: 200px;
+            block-size: 200px;
             position: relative;
         }
 
         /* Responsive Design */
-        @media (max-width: 768px) {
+        @media (max-inline-size: 768px) {
             .analytics-grid {
                 grid-template-columns: 1fr;
             }
@@ -2632,7 +2632,7 @@
                                 سلامت سیستم
                             </h3>
                             <div class="analytics-actions">
-                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshHealth()">
+                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshHealth()" aria-label="Refresh system health">
                                     <i class="fas fa-refresh"></i>
                                 </button>
                             </div>
@@ -2672,7 +2672,7 @@
                                 خوشه‌بندی اسناد
                             </h3>
                             <div class="analytics-actions">
-                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshClustering()">
+                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshClustering()" aria-label="Refresh clustering analysis">
                                     <i class="fas fa-refresh"></i>
                                 </button>
                             </div>
@@ -2705,7 +2705,7 @@
                                 تحلیل شباهت
                             </h3>
                             <div class="analytics-actions">
-                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshSimilarity()">
+                                <button type="button" class="btn btn-sm btn-secondary" onclick="refreshSimilarity()" aria-label="Refresh similarity analysis">
                                     <i class="fas fa-refresh"></i>
                                 </button>
                             </div>
@@ -2730,7 +2730,7 @@
                         آپلود و پردازش اسناد
                     </h2>
                 </div>
-                
+
                 <div class="upload-container">
                     <div class="upload-drop-zone" id="uploadDropZone">
                         <div class="upload-content">

frontend/index.html

@@ -9,7 +9,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
-    
+
     <!-- Load API Client and Core System -->
     <script src="js/api-client.js"></script>
     <script src="js/core.js"></script>
@@ -18,7 +18,6 @@
     <script src="js/document-crud.js"></script>
     <script src="js/scraping-control.js"></script>
     <script src="js/notifications.js"></script>
-    
     <style>
         :root {
             /* رنگ‌بندی مدرن و هارمونیک */
@@ -81,8 +80,8 @@
 
         /* اسکرول‌بار مدرن */
         ::-webkit-scrollbar {
-            width: 6px;
-            height: 6px;
+            inline-size: 6px;
+            block-size: 6px;
         }
 
         ::-webkit-scrollbar-track {
@@ -98,13 +97,13 @@
         /* کانتینر اصلی */
         .dashboard-container {
             display: flex;
-            min-height: 100vh;
-            width: 100%;
+            min-block-size: 100vh;
+            inline-size: 100%;
         }
 
         /* سایدبار کامپکت */
         .sidebar {
-            width: var(--sidebar-width);
+            inline-size: var(--sidebar-width);
             background: linear-gradient(135deg,
                 rgba(248, 250, 252, 0.98) 0%,
                 rgba(241, 245, 249, 0.95) 25%,
@@ -114,20 +113,20 @@
             backdrop-filter: blur(25px);
             padding: 1rem 0;
             position: fixed;
-            height: 100vh;
-            right: 0;
-            top: 0;
+            block-size: 100vh;
+            inset-inline-end: 0;
+            inset-block-start: 0;
             z-index: 1000;
             overflow-y: auto;
             box-shadow: -8px 0 32px rgba(59, 130, 246, 0.12);
-            border-left: 1px solid rgba(59, 130, 246, 0.15);
+            border-inline-start: 1px solid rgba(59, 130, 246, 0.15);
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         }
 
         .sidebar-header {
             padding: 0 1rem 1rem;
-            border-bottom: 1px solid rgba(59, 130, 246, 0.12);
-            margin-bottom: 1rem;
+            border-block-end: 1px solid rgba(59, 130, 246, 0.12);
+            margin-block-end: 1rem;
             display: flex;
             justify-content: space-between;
             align-items: center;
@@ -148,8 +147,8 @@
         }
 
         .logo-icon {
-            width: 2rem;
-            height: 2rem;
+            inline-size: 2rem;
+            block-size: 2rem;
             background: var(--primary-gradient);
             border-radius: var(--border-radius-sm);
             display: flex;
@@ -165,11 +164,12 @@
             font-weight: 700;
             background: var(--primary-gradient);
             -webkit-background-clip: text;
+            background-clip: text;
             -webkit-text-fill-color: transparent;
         }
 
         .nav-section {
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .nav-title {
@@ -217,8 +217,8 @@
         }
 
         .nav-icon {
-            margin-left: 0.6rem;
-            width: 1rem;
+            margin-inline-start: 0.6rem;
+            inline-size: 1rem;
             text-align: center;
             font-size: 0.9rem;
         }
@@ -230,18 +230,18 @@
             border-radius: 10px;
             font-size: var(--font-size-xs);
             font-weight: 600;
-            margin-right: auto;
-            min-width: 1.2rem;
+            margin-inline-end: auto;
+            min-inline-size: 1.2rem;
             text-align: center;
         }
 
         /* محتوای اصلی */
         .main-content {
             flex: 1;
-            margin-right: var(--sidebar-width);
+            margin-inline-end: var(--sidebar-width);
             padding: 1rem;
-            min-height: 100vh;
-            width: calc(100% - var(--sidebar-width));
+            min-block-size: 100vh;
+            inline-size: calc(100% - var(--sidebar-width));
         }
 
         /* هدر کامپکت */
@@ -249,7 +249,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
             padding: 0.8rem 0;
         }
 
@@ -258,6 +258,7 @@
             font-weight: 800;
             background: var(--primary-gradient);
             -webkit-background-clip: text;
+            background-clip: text;
             -webkit-text-fill-color: transparent;
             display: flex;
             align-items: center;
@@ -275,7 +276,7 @@
         }
 
         .search-input {
-            width: 280px;
+            inline-size: 280px;
             padding: 0.6rem 1rem 0.6rem 2.2rem;
             border: none;
             border-radius: 20px;
@@ -298,8 +299,8 @@
 
         .search-icon {
             position: absolute;
-            right: 0.8rem;
-            top: 50%;
+            inset-inline-end: 0.8rem;
+            inset-block-start: 50%;
             transform: translateY(-50%);
             color: var(--text-secondary);
             font-size: 0.9rem;
@@ -325,8 +326,8 @@
         }
 
         .user-avatar {
-            width: 1.8rem;
-            height: 1.8rem;
+            inline-size: 1.8rem;
+            block-size: 1.8rem;
             border-radius: 50%;
             background: var(--primary-gradient);
             display: flex;
@@ -358,7 +359,7 @@
             display: grid;
             grid-template-columns: repeat(4, 1fr);
             gap: 1rem;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
         }
 
         .stat-card {
@@ -371,16 +372,16 @@
             position: relative;
             overflow: hidden;
             transition: var(--transition-smooth);
-            min-height: 130px;
+            min-block-size: 130px;
         }
 
         .stat-card::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-inline-end: 0;
+            block-size: 4px;
             background: var(--primary-gradient);
         }
 
@@ -398,12 +399,12 @@
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
-            margin-bottom: 0.8rem;
+            margin-block-end: 0.8rem;
         }
 
         .stat-icon {
-            width: 2.2rem;
-            height: 2.2rem;
+            inline-size: 2.2rem;
+            block-size: 2.2rem;
             border-radius: var(--border-radius-sm);
             display: flex;
             align-items: center;
@@ -426,7 +427,7 @@
             font-size: var(--font-size-xs);
             color: var(--text-secondary);
             font-weight: 600;
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .stat-value {
@@ -434,13 +435,13 @@
             font-weight: 800;
             color: var(--text-primary);
             line-height: 1;
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .stat-extra {
             font-size: var(--font-size-xs);
             color: var(--text-muted);
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .stat-change {
@@ -459,7 +460,7 @@
             display: grid;
             grid-template-columns: 2fr 1fr;
             gap: 1.5rem;
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .chart-card {
@@ -481,7 +482,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.2rem;
+            margin-block-end: 1.2rem;
         }
 
         .chart-title {
@@ -519,12 +520,12 @@
         }
 
         .chart-container {
-            height: 280px;
+            block-size: 280px;
             position: relative;
         }
 
         .chart-placeholder {
-            height: 100%;
+            block-size: 100%;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -537,13 +538,13 @@
 
         .chart-placeholder i {
             font-size: 3rem;
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
             opacity: 0.3;
         }
 
         /* دسترسی سریع */
         .quick-access-section {
-            margin-bottom: 1.5rem;
+            margin-block-end: 1.5rem;
         }
 
         .quick-access-grid {
@@ -571,10 +572,10 @@
         .quick-access-item::before {
             content: '';
             position: absolute;
-            top: 0;
-            left: 0;
-            bottom: 0;
-            width: 4px;
+            inset-block-start: 0;
+            inset-inline-start: 0;
+            inset-block-end: 0;
+            inline-size: 4px;
             background: var(--primary-gradient);
             opacity: 0;
             transition: var(--transition-smooth);
@@ -592,8 +593,8 @@
         }
 
         .quick-access-icon {
-            width: 3rem;
-            height: 3rem;
+            inline-size: 3rem;
+            block-size: 3rem;
             background: var(--primary-gradient);
             border-radius: var(--border-radius-sm);
             display: flex;
@@ -615,7 +616,7 @@
             font-size: var(--font-size-base);
             font-weight: 600;
             color: var(--text-primary);
-            margin-bottom: 0.3rem;
+            margin-block-end: 0.3rem;
         }
 
         .quick-access-content p {
@@ -627,8 +628,8 @@
         /* Toast Notifications */
         .toast-container {
             position: fixed;
-            top: 1rem;
-            left: 1rem;
+            inset-block-start: 1rem;
+            inset-inline-start: 1rem;
             z-index: 10001;
             display: flex;
             flex-direction: column;
@@ -640,11 +641,11 @@
             border-radius: var(--border-radius-sm);
             padding: 1rem 1.5rem;
             box-shadow: var(--shadow-lg);
-            border-left: 4px solid;
+            border-inline-start: 4px solid;
             display: flex;
             align-items: center;
             gap: 0.8rem;
-            min-width: 300px;
+            min-inline-size: 300px;
             transform: translateX(-100%);
             transition: all 0.3s ease;
         }
@@ -653,10 +654,10 @@
             transform: translateX(0);
         }
 
-        .toast.success { border-left-color: #10b981; }
-        .toast.error { border-left-color: #ef4444; }
-        .toast.warning { border-left-color: #f59e0b; }
-        .toast.info { border-left-color: #3b82f6; }
+        .toast.success { border-inline-start-color: #10b981; }
+        .toast.error { border-inline-start-color: #ef4444; }
+        .toast.warning { border-inline-start-color: #f59e0b; }
+        .toast.info { border-inline-start-color: #3b82f6; }
 
         .toast-icon {
             font-size: 1.2rem;
@@ -674,7 +675,7 @@
         .toast-title {
             font-weight: 600;
             font-size: var(--font-size-sm);
-            margin-bottom: 0.2rem;
+            margin-block-end: 0.2rem;
         }
 
         .toast-message {
@@ -698,8 +699,8 @@
         /* Connection Status */
         .connection-status {
             position: fixed;
-            bottom: 1rem;
-            left: 1rem;
+            inset-block-end: 1rem;
+            inset-inline-start: 1rem;
             background: var(--card-bg);
             border-radius: var(--border-radius-sm);
             padding: 0.5rem 1rem;
@@ -708,23 +709,23 @@
             align-items: center;
             gap: 0.5rem;
             font-size: var(--font-size-xs);
-            border-left: 3px solid;
+            border-inline-start: 3px solid;
             z-index: 1000;
         }
 
         .connection-status.online {
-            border-left-color: #10b981;
+            border-inline-start-color: #10b981;
             color: #047857;
         }
 
         .connection-status.offline {
-            border-left-color: #ef4444;
+            border-inline-start-color: #ef4444;
             color: #b91c1c;
         }
 
         .status-indicator {
-            width: 8px;
-            height: 8px;
+            inline-size: 8px;
+            block-size: 8px;
             border-radius: 50%;
         }
 
@@ -761,7 +762,7 @@
         }
 
         /* واکنش‌گرایی */
-        @media (max-width: 992px) {
+        @media (max-inline-size: 992px) {
             .mobile-menu-toggle {
                 display: block;
             }
@@ -777,8 +778,8 @@
             }
 
             .main-content {
-                margin-right: 0;
-                width: 100%;
+                margin-inline-end: 0;
+                inline-size: 100%;
                 padding: 1rem;
             }
 
@@ -796,11 +797,11 @@
             }
 
             .search-container {
-                width: 100%;
+                inline-size: 100%;
             }
 
             .search-input {
-                width: 100%;
+                inline-size: 100%;
             }
 
             .stats-grid {
@@ -812,7 +813,7 @@
             }
         }
 
-        @media (max-width: 768px) {
+        @media (max-inline-size: 768px) {
             .main-content {
                 padding: 0.8rem;
             }
@@ -823,7 +824,7 @@
             }
 
             .stat-card {
-                min-height: 100px;
+                min-block-size: 100px;
                 padding: 0.8rem;
             }
 
@@ -832,7 +833,7 @@
             }
 
             .chart-container {
-                height: 220px;
+                block-size: 220px;
             }
         }
     </style>

frontend/reports.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Legal Dashboard - Reports & Analytics</title>
+    <title>Legal Dashboard - Reports &amp; Analytics</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@@ -276,7 +276,7 @@
                 <i class="fas fa-chart-line me-2"></i>
                 Legal Dashboard - Reports
             </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
@@ -320,20 +320,20 @@
                         <input type="date" id="startDate" class="date-input">
                         <span>to</span>
                         <input type="date" id="endDate" class="date-input">
-                        <button class="refresh-btn" onclick="loadReports()">
+                        <button type="button" class="refresh-btn" onclick="loadReports()">
                             <i class="fas fa-sync-alt me-1"></i>Refresh
                         </button>
                     </div>
                 </div>
                 <div class="col-md-6">
                     <div class="export-section">
-                        <button class="btn btn-export" onclick="exportReport('summary')">
+                        <button type="button" class="btn btn-export" onclick="exportReport('summary')">
                             <i class="fas fa-download me-1"></i>Export Summary
                         </button>
-                        <button class="btn btn-export" onclick="exportReport('user_activity')">
+                        <button type="button" class="btn btn-export" onclick="exportReport('user_activity')">
                             <i class="fas fa-users me-1"></i>Export User Activity
                         </button>
-                        <button class="btn btn-export" onclick="exportReport('document_analytics')">
+                        <button type="button" class="btn btn-export" onclick="exportReport('document_analytics')">
                             <i class="fas fa-file-alt me-1"></i>Export Document Analytics
                         </button>
                     </div>
@@ -474,11 +474,11 @@
                     <table class="table table-hover" id="userActivityTable">
                         <thead>
                             <tr>
-                                <th>User</th>
-                                <th>Documents Processed</th>
-                                <th>Last Activity</th>
-                                <th>Success Rate</th>
-                                <th>Avg Processing Time</th>
+                                <th scope="col">User</th>
+                                <th scope="col">Documents Processed</th>
+                                <th scope="col">Last Activity</th>
+                                <th scope="col">Success Rate</th>
+                                <th scope="col">Avg Processing Time</th>
                             </tr>
                         </thead>
                         <tbody id="userActivityBody">
@@ -507,12 +507,12 @@
                     <table class="table table-hover" id="documentAnalyticsTable">
                         <thead>
                             <tr>
-                                <th>Document</th>
-                                <th>Processing Time</th>
-                                <th>OCR Accuracy</th>
-                                <th>File Size</th>
-                                <th>Status</th>
-                                <th>Created</th>
+                                <th scope="col">Document</th>
+                                <th scope="col">Processing Time</th>
+                                <th scope="col">OCR Accuracy</th>
+                                <th scope="col">File Size</th>
+                                <th scope="col">Status</th>
+                                <th scope="col">Created</th>
                             </tr>
                         </thead>
                         <tbody id="documentAnalyticsBody">

frontend/scraping.html

@@ -8,13 +8,13 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    
+
     <!-- Load API Client and Core System -->
     <script src="js/api-client.js"></script>
     <script src="js/core.js"></script>
     <script src="js/notifications.js"></script>
     <script src="js/scraping-control.js"></script>
-    
+
     <style>
         :root {
             /* رنگ‌بندی مدرن و هارمونیک - منطبق با index */
@@ -81,8 +81,8 @@
 
         /* اسکرول‌بار مدرن */
         ::-webkit-scrollbar {
-            width: 6px;
-            height: 6px;
+            inline-size: 6px;
+            block-size: 6px;
         }
 
         ::-webkit-scrollbar-track {
@@ -356,6 +356,10 @@
             margin-bottom: 0.3rem;
         }
 
+        .stat-value.small {
+            font-size: var(--font-size-base);
+        }
+
         .stat-extra {
             font-size: var(--font-size-xs);
             color: var(--text-muted);
@@ -1199,7 +1203,7 @@
                         <div class="stat-header">
                             <div class="stat-content">
                                 <div class="stat-title">آخرین بروزرسانی</div>
-                                <div class="stat-value" id="lastUpdate" style="font-size: var(--font-size-base);">--</div>
+                                <div class="stat-value small" id="lastUpdate">--</div>
                                 <div class="stat-extra">زمان آخرین فعالیت</div>
                                 <div class="stat-change positive">
                                     <i class="fas fa-clock"></i>
@@ -1237,36 +1241,36 @@
                             کنترل عملیات
                         </h2>
                     </div>
-                    
+
                     <div class="action-buttons">
-                        <button class="btn btn-auto" onclick="startAutoScraping()" id="autoScrapingBtn">
+                        <button type="button" class="btn btn-auto" onclick="startAutoScraping()" id="autoScrapingBtn">
                             <i class="fas fa-magic"></i>
                             اسکراپینگ خودکار
                         </button>
-                        <button class="btn btn-primary" onclick="startSelectedScraping()" id="selectedScrapingBtn">
+                        <button type="button" class="btn btn-primary" onclick="startSelectedScraping()" id="selectedScrapingBtn">
                             <i class="fas fa-play"></i>
                             اسکراپینگ انتخابی
                         </button>
-                        <button class="btn btn-warning" onclick="stopScraping()" id="stopScrapingBtn" disabled>
+                        <button type="button" class="btn btn-warning" onclick="stopScraping()" id="stopScrapingBtn" disabled>
                             <i class="fas fa-stop"></i>
                             توقف
                         </button>
-                        <button class="btn btn-secondary" onclick="refreshData()">
+                        <button type="button" class="btn btn-secondary" onclick="refreshData()">
                             <i class="fas fa-sync-alt"></i>
                             بروزرسانی
                         </button>
                     </div>
 
                     <div class="action-buttons">
-                        <button class="btn btn-secondary" onclick="selectAllSources()">
+                        <button type="button" class="btn btn-secondary" onclick="selectAllSources()">
                             <i class="fas fa-check-double"></i>
                             انتخاب همه
                         </button>
-                        <button class="btn btn-secondary" onclick="clearAllSources()">
+                        <button type="button" class="btn btn-secondary" onclick="clearAllSources()">
                             <i class="fas fa-times"></i>
                             پاک کردن انتخاب
                         </button>
-                        <button class="btn btn-secondary" onclick="checkSourcesStatus()">
+                        <button type="button" class="btn btn-secondary" onclick="checkSourcesStatus()">
                             <i class="fas fa-wifi"></i>
                             بررسی وضعیت
                         </button>
@@ -1324,11 +1328,11 @@
                         نتایج اسکراپینگ
                     </h3>
                     <div class="results-actions">
-                        <button class="btn btn-success btn-sm" onclick="exportResults()">
+                        <button type="button" class="btn btn-success btn-sm" onclick="exportResults()">
                             <i class="fas fa-download"></i>
                             دانلود JSON
                         </button>
-                        <button class="btn btn-primary btn-sm" onclick="saveToDatabase()">
+                        <button type="button" class="btn btn-primary btn-sm" onclick="saveToDatabase()">
                             <i class="fas fa-save"></i>
                             ذخیره
                         </button>

frontend/upload.html

@@ -8,7 +8,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    
+
     <!-- Load API Client -->
     <script src="/static/js/api-client.js"></script>
     <script src="/static/js/core.js"></script>
@@ -64,13 +64,13 @@
 
         .dashboard-container {
             display: flex;
-            min-height: 100vh;
-            width: 100%;
+            min-block-size: 100vh;
+            inline-size: 100%;
         }
 
         /* سایدبار کامپکت */
         .sidebar {
-            width: var(--sidebar-width);
+            inline-size: var(--sidebar-width);
             background: linear-gradient(135deg,
                 rgba(248, 250, 252, 0.98) 0%,
                 rgba(241, 245, 249, 0.95) 25%,
@@ -80,19 +80,19 @@
             backdrop-filter: blur(25px);
             padding: 1rem 0;
             position: fixed;
-            height: 100vh;
-            right: 0;
-            top: 0;
+            block-size: 100vh;
+            inset-inline-end: 0;
+            inset-block-start: 0;
             z-index: 1000;
             overflow-y: auto;
             box-shadow: -8px 0 32px rgba(59, 130, 246, 0.12);
-            border-left: 1px solid rgba(59, 130, 246, 0.15);
+            border-inline-start: 1px solid rgba(59, 130, 246, 0.15);
         }
 
         .sidebar-header {
             padding: 0 1rem 1rem;
-            border-bottom: 1px solid rgba(59, 130, 246, 0.12);
-            margin-bottom: 1rem;
+            border-block-end: 1px solid rgba(59, 130, 246, 0.12);
+            margin-block-end: 1rem;
             display: flex;
             align-items: center;
             background: linear-gradient(135deg,
@@ -112,8 +112,8 @@
         }
 
         .logo-icon {
-            width: 2rem;
-            height: 2rem;
+            inline-size: 2rem;
+            block-size: 2rem;
             background: var(--primary-gradient);
             border-radius: var(--border-radius-sm);
             display: flex;
@@ -132,7 +132,7 @@
         }
 
         .nav-section {
-            margin-bottom: 1rem;
+            margin-block-end: 1rem;
         }
 
         .nav-title {
@@ -179,8 +179,8 @@
         }
 
         .nav-icon {
-            margin-left: 0.6rem;
-            width: 1rem;
+            margin-inline-start: 0.6rem;
+            inline-size: 1rem;
             text-align: center;
             font-size: 0.9rem;
         }
@@ -192,27 +192,27 @@
             border-radius: 10px;
             font-size: var(--font-size-xs);
             font-weight: 600;
-            margin-right: auto;
-            min-width: 1.2rem;
+            margin-inline-end: auto;
+            min-inline-size: 1.2rem;
             text-align: center;
         }
 
         /* محتوای اصلی */
         .main-content {
             flex: 1;
-            margin-right: var(--sidebar-width);
+            margin-inline-end: var(--sidebar-width);
             padding: 1rem;
-            min-height: 100vh;
-            width: calc(100% - var(--sidebar-width));
+            min-block-size: 100vh;
+            inline-size: calc(100% - var(--sidebar-width));
         }
 
         .page-header {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
             padding: 1rem 0;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+            border-block-end: 1px solid rgba(0, 0, 0, 0.1);
         }
 
         .page-title {
@@ -263,7 +263,7 @@
             backdrop-filter: blur(10px);
             border-radius: var(--border-radius);
             padding: 2rem;
-            margin-bottom: 2rem;
+            margin-block-end: 2rem;
             box-shadow: var(--shadow-md);
             border: 1px solid rgba(255, 255, 255, 0.3);
         }

requirements.txt

@@ -1,64 +1,65 @@
-# FastAPI and Web Framework
-fastapi==0.104.1
-uvicorn[standard]==0.24.0
-python-multipart==0.0.6
-aiofiles==23.2.1
-
-# AI and Machine Learning
-transformers==4.35.2
-torch==2.1.1
-torchvision==0.16.1
-numpy==1.24.3
-scikit-learn==1.3.2
-pandas==2.1.4
-
-# PDF Processing
-PyMuPDF==1.23.8
-pdf2image==1.16.3
-Pillow==10.1.0
-
-# OCR and Image Processing
-opencv-python==4.8.1.78
-pytesseract==0.3.10
-
-# Database and Data Handling
-pydantic==2.5.0
-dataclasses-json==0.6.3
-
-# HTTP and Networking
-requests==2.31.0
-aiohttp==3.9.1
-httpx==0.25.2
-
-# Web Scraping and Data Processing
-beautifulsoup4==4.12.2
-lxml==4.9.3
-html5lib==1.1
-
-# Utilities
-python-dotenv==1.0.0
-python-jose[cryptography]==3.3.0
-passlib[bcrypt]==1.7.4
-
-# Development and Testing
-pytest==7.4.3
-pytest-asyncio==0.21.1
-
-# Hugging Face Integration
-huggingface-hub==0.19.4
-tokenizers==0.15.0
-
-# Tokenizer Dependencies (Fix for sentencepiece conversion errors)
-sentencepiece==0.1.99
-protobuf<5
-
-# Additional Dependencies
-websockets==12.0
-
-# Production Dependencies
-redis==5.0.1
-celery==5.3.4
-flower==2.0.1
-prometheus-client==0.19.0
-structlog==23.2.0
-email-validator==2.1.0 
+# Core FastAPI dependencies
+fastapi==0.104.1
+uvicorn[standard]==0.24.0
+pydantic==2.5.0
+pydantic[email]==2.5.0
+
+# Authentication & Security
+python-jose[cryptography]==3.3.0
+passlib[bcrypt]==1.7.4
+python-multipart==0.0.6
+
+# Database
+sqlite3  # Built-in with Python
+sqlalchemy==2.0.23
+
+# Gradio for HF Spaces interface
+gradio==4.8.0
+
+# HTTP requests
+requests==2.31.0
+httpx==0.25.2
+
+# File processing
+python-docx==1.1.0
+PyPDF2==3.0.1
+pdf2image==1.16.3
+Pillow==10.1.0
+
+# AI/ML dependencies (lightweight versions for HF Spaces)
+transformers==4.36.0
+torch==2.1.1 --index-url https://download.pytorch.org/whl/cpu
+tokenizers==0.15.0
+sentence-transformers==2.2.2
+
+# Text processing
+spacy==3.7.2
+nltk==3.8.1
+
+# Utilities
+python-dotenv==1.0.0
+pathlib2==2.3.7
+typing-extensions==4.8.0
+
+# Logging and monitoring
+structlog==23.2.0
+
+# Date and time
+python-dateutil==2.8.2
+
+# Environment and configuration
+pydantic-settings==2.1.0
+
+# Optional: Redis for caching (if using external Redis)
+redis==5.0.1
+
+# Development dependencies (optional)
+pytest==7.4.3
+pytest-asyncio==0.21.1
+
+# Hugging Face specific
+huggingface-hub==0.19.4
+
+# Additional utilities
+aiofiles==23.2.1
+jinja2==3.1.2

start.sh

@@ -1,12 +1,146 @@
 #!/bin/bash
 
-# Create writable directories for Hugging Face cache and data
-mkdir -p /tmp/hf_cache /tmp/data
+# Start script for Legal Dashboard
+# Suitable for Hugging Face Spaces and Docker environments
 
-# Set environment variables
-export TRANSFORMERS_CACHE=/tmp/hf_cache
-export HF_HOME=/tmp/hf_cache
-export DATABASE_PATH=/tmp/data/legal_dashboard.db
+echo "🚀 Starting Legal Dashboard..."
 
-# Start the application
-exec uvicorn app.main:app --host 0.0.0.0 --port 7860 
+# Set default environment variables
+export PYTHONPATH=/app
+export PYTHONUNBUFFERED=1
+export DATABASE_DIR=${DATABASE_DIR:-/app/data}
+export LOG_LEVEL=${LOG_LEVEL:-INFO}
+
+# Create necessary directories
+echo "📁 Creating directories..."
+mkdir -p /app/data /app/cache /app/logs /app/uploads /app/backups /tmp/app_fallback
+
+# Set permissions if possible (ignore errors)
+chmod -R 755 /app/data /app/cache /app/logs /app/uploads /app/backups 2>/dev/null || true
+chmod -R 777 /tmp/app_fallback 2>/dev/null || true
+
+# Function to check if port is available
+check_port() {
+    local port=${1:-8000}
+    if lsof -Pi :$port -sTCP:LISTEN -t >/dev/null 2>&1; then
+        echo "⚠️  Port $port is already in use"
+        return 1
+    else
+        echo "✅ Port $port is available"
+        return 0
+    fi
+}
+
+# Function to wait for dependencies
+wait_for_deps() {
+    echo "⏳ Checking dependencies..."
+    
+    # Check if we can create database
+    python3 -c "
+import sqlite3
+import os
+db_path = os.environ.get('DATABASE_DIR', '/app/data') + '/test.db'
+try:
+    conn = sqlite3.connect(db_path)
+    conn.close()
+    os.remove(db_path)
+    print('✅ Database access OK')
+except Exception as e:
+    print(f'⚠️  Database access issue: {e}')
+" || echo "Database check completed with warnings"
+}
+
+# Check environment
+echo "🔍 Environment check..."
+echo "  - Python: $(python3 --version)"
+echo "  - Working directory: $(pwd)"
+echo "  - Database dir: $DATABASE_DIR"
+echo "  - User: $(whoami)"
+echo "  - UID: $(id -u)"
+
+# Wait for dependencies
+wait_for_deps
+
+# Check port availability
+PORT=${PORT:-8000}
+if ! check_port $PORT; then
+    echo "🔄 Trying alternative port..."
+    PORT=$((PORT + 1))
+    check_port $PORT || PORT=7860  # HF Spaces default
+fi
+
+echo "🌐 Using port: $PORT"
+
+# Health check function
+health_check() {
+    local max_attempts=30
+    local attempt=1
+    
+    echo "🏥 Starting health check..."
+    
+    while [ $attempt -le $max_attempts ]; do
+        if curl -fs http://localhost:$PORT/health >/dev/null 2>&1; then
+            echo "✅ Application is healthy!"
+            return 0
+        fi
+        
+        echo "⏳ Health check attempt $attempt/$max_attempts..."
+        sleep 2
+        attempt=$((attempt + 1))
+    done
+    
+    echo "❌ Health check failed after $max_attempts attempts"
+    return 1
+}
+
+# Start application
+echo "🎯 Starting application on port $PORT..."
+
+# For Hugging Face Spaces
+if [ "$SPACE_ID" != "" ]; then
+    echo "🤗 Running in Hugging Face Spaces environment"
+    
+    # Use gradio or fastapi depending on setup
+    if [ -f "app.py" ]; then
+        echo "📱 Starting with Gradio interface..."
+        python3 app.py
+    else
+        echo "🚀 Starting FastAPI server..."
+        uvicorn app.main:app --host 0.0.0.0 --port $PORT --workers 1
+    fi
+else
+    # Standard Docker/local environment
+    echo "🐳 Running in standard environment"
+    
+    # Start with uvicorn
+    if command -v uvicorn >/dev/null 2>&1; then
+        echo "🚀 Starting with uvicorn..."
+        uvicorn app.main:app \
+            --host 0.0.0.0 \
+            --port $PORT \
+            --workers 1 \
+            --access-log \
+            --log-level info &
+        
+        # Store PID
+        APP_PID=$!
+        echo "📝 Application PID: $APP_PID"
+        
+        # Wait a bit then check health
+        sleep 5
+        if health_check; then
+            echo "🎉 Application started successfully!"
+            wait $APP_PID
+        else
+            echo "💥 Application failed to start properly"
+            kill $APP_PID 2>/dev/null
+            exit 1
+        fi
+    else
+        echo "❌ uvicorn not found, trying with python..."
+        python3 -c "
+import uvicorn
+uvicorn.run('app.main:app', host='0.0.0.0', port=$PORT, workers=1)
+        "
+    fi
+fi