error display fix + moved from project name to db name for database

Author: HardMax71

backend/app/core/providers.py

@@ -90,7 +90,7 @@ class DatabaseProvider(Provider):
     async def get_database_connection(self, settings: Settings) -> AsyncIterator[AsyncDatabaseConnection]:
         db_config = DatabaseConfig(
             mongodb_url=settings.MONGODB_URL,
-            db_name=settings.PROJECT_NAME,
+            db_name=settings.DATABASE_NAME,
             server_selection_timeout_ms=5000,
             connect_timeout_ms=5000,
             max_pool_size=50,

backend/app/services/coordinator/coordinator.py

@@ -554,7 +554,7 @@ async def run_coordinator() -> None:
         tz_aware=True,
         serverSelectionTimeoutMS=5000
     )
-    db_name = settings.PROJECT_NAME
+    db_name = settings.DATABASE_NAME
     database = db_client[db_name]
 
     await SchemaManager(database).apply_all()

backend/app/services/k8s_worker/worker.py

@@ -561,7 +561,7 @@ async def run_kubernetes_worker() -> None:
         tz_aware=True,
         serverSelectionTimeoutMS=5000
     )
-    db_name = settings.PROJECT_NAME
+    db_name = settings.DATABASE_NAME
     database = db_client[db_name]
     await db_client.admin.command("ping")
     logger.info(f"Connected to database: {db_name}")

backend/app/settings.py

@@ -9,6 +9,7 @@
 
 class Settings(BaseSettings):
     PROJECT_NAME: str = "integr8scode"
+    DATABASE_NAME: str = "integr8scode_db"
     API_V1_STR: str = "/api/v1"
     SECRET_KEY: str = Field(
         ...,  # Actual key be loaded from .env file

backend/scripts/seed_users.py

@@ -64,7 +64,7 @@ async def upsert_user(
 
 async def seed_users() -> None:
     mongodb_url = os.getenv("MONGODB_URL", "mongodb://mongo:27017/integr8scode")
-    db_name = os.getenv("PROJECT_NAME", "integr8scode")
+    db_name = os.getenv("DATABASE_NAME", "integr8scode_db")
 
     print(f"Connecting to MongoDB (database: {db_name})...")
 

backend/workers/dlq_processor.py

@@ -101,7 +101,7 @@ async def main() -> None:
         tz_aware=True,
         serverSelectionTimeoutMS=5000,
     )
-    db_name = settings.PROJECT_NAME + "_test" if settings.TESTING else settings.PROJECT_NAME
+    db_name = settings.DATABASE_NAME
     database: AsyncIOMotorDatabase = db_client[db_name]
     await db_client.admin.command("ping")
     logger.info(f"Connected to database: {db_name}")

backend/workers/run_event_replay.py

@@ -40,7 +40,7 @@ async def run_replay_service() -> None:
         tz_aware=True,
         serverSelectionTimeoutMS=5000
     )
-    db_name = settings.PROJECT_NAME + "_test" if settings.TESTING else settings.PROJECT_NAME
+    db_name = settings.DATABASE_NAME
     database = db_client[db_name]
 
     # Verify connection

backend/workers/run_saga_orchestrator.py

@@ -31,7 +31,7 @@ async def run_saga_orchestrator() -> None:
         tz_aware=True,
         serverSelectionTimeoutMS=5000
     )
-    db_name = settings.PROJECT_NAME + "_test" if settings.TESTING else settings.PROJECT_NAME
+    db_name = settings.DATABASE_NAME
     database = db_client[db_name]
 
     # Verify connection

frontend/src/components/ErrorDisplay.svelte

@@ -1,12 +1,23 @@
 <script lang="ts">
-  let { error, title = 'Application Error', showDetails = true }: {
+  let { error, title = 'Application Error' }: {
     error: Error | string;
     title?: string;
-    showDetails?: boolean;
   } = $props();
 
-  const errorMessage = $derived(error instanceof Error ? error.message : String(error));
-  const errorStack = $derived(error instanceof Error ? error.stack : null);
+  // Determine if this is a network/connection error for user-friendly messaging
+  const isNetworkError = $derived(() => {
+    const msg = error instanceof Error ? error.message : String(error);
+    return msg.toLowerCase().includes('network') ||
+           msg.toLowerCase().includes('fetch') ||
+           msg.toLowerCase().includes('connection');
+  });
+
+  // User-friendly message - never expose raw error details
+  const userMessage = $derived(
+    isNetworkError()
+      ? 'Unable to connect to the server. Please check your internet connection and try again.'
+      : 'Something went wrong. Our team has been notified and is working on it.'
+  );
 
   function reload() {
     window.location.reload();
@@ -33,21 +44,11 @@
       {title}
     </h1>
 
-    <!-- Error Message -->
-    <p class="text-center text-red-600 dark:text-red-400 mb-6">
-      {errorMessage}
+    <!-- User-friendly Error Message -->
+    <p class="text-center text-fg-muted dark:text-dark-fg-muted mb-6">
+      {userMessage}
     </p>
 
-    <!-- Stack Trace (collapsible) -->
-    {#if showDetails && errorStack}
-      <details class="mb-6">
-        <summary class="cursor-pointer text-sm text-fg-muted dark:text-dark-fg-muted hover:text-fg-default dark:hover:text-dark-fg-default transition-colors">
-          Show technical details
-        </summary>
-        <pre class="mt-2 p-3 bg-code-bg rounded-lg text-xs text-gray-300 overflow-x-auto max-h-48 overflow-y-auto font-mono">{errorStack}</pre>
-      </details>
-    {/if}
-
     <!-- Actions -->
     <div class="flex flex-col sm:flex-row gap-3">
       <button
@@ -66,7 +67,7 @@
 
     <!-- Help Text -->
     <p class="mt-6 text-xs text-center text-fg-muted dark:text-dark-fg-muted">
-      If this problem persists, please check the browser console for more details.
+      If this problem persists, please contact support.
     </p>
   </div>
 </div>

frontend/src/main.ts

@@ -22,6 +22,7 @@ window.onerror = (message, source, lineno, colno, error) => {
 window.onunhandledrejection = (event) => {
   console.error('[Unhandled Promise Rejection]', event.reason);
   appError.setError(event.reason, 'Unhandled Promise Error');
+  event.preventDefault(); // Prevent default handling to match onerror behavior
 };
 
 // Mount the app with error handling