From 3c996ceec61e2231905f4e2065d1c09d471bb1f4 Mon Sep 17 00:00:00 2001
From: AG <odulov@gmail.com>
Date: Wed, 15 Oct 2025 07:45:34 +0300
Subject: [PATCH] Inner Contradictions error display as snackbar

---
 backend/.env                                |  3 +--
 frontend/src/components/DesireForm.tsx      | 14 ++++++++++++--
 frontend/src/components/PassphraseInput.tsx |  5 ++---
 frontend/src/pages/LoginPage.tsx            |  4 ++--
 frontend/src/pages/SessionPage.tsx          |  4 ++--
 5 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/backend/.env b/backend/.env
index b7ddd15..5f146fe 100644
--- a/backend/.env
+++ b/backend/.env
@@ -1,3 +1,2 @@
 GEMINI_API_KEY="AIzaSyDke9H2NhiG6rBwxT0qrdYgnNoNZm_0j58"
-ENCRYPTION_KEY=a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6e7f8a9b0c1d2e3f4a5b6c7d8e9f0a1b2
-AUTH_PASSPHRASE="HonorableHumansPrivilegeIsToBeAllowedHere"
\ No newline at end of file
+ENCRYPTION_KEY=a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6e7f8a9b0c1d2e3f4a5b6c7d8e9f0a1b2
\ No newline at end of file
diff --git a/frontend/src/components/DesireForm.tsx b/frontend/src/components/DesireForm.tsx
index d9c19fd..a4aab17 100644
--- a/frontend/src/components/DesireForm.tsx
+++ b/frontend/src/components/DesireForm.tsx
@@ -1,11 +1,12 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { TextField, Button, Box, Typography, Snackbar, Alert } from '@mui/material';
 
 interface DesireFormProps {
     onSubmit: (desires: { wants: string[], accepts: string[], noGoes: string[], afraidToAsk: string }) => void;
+    externalError?: string | null;
 }
 
-const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
+const DesireForm: React.FC<DesireFormProps> = ({ onSubmit, externalError }) => {
     const [wants, setWants] = useState('');
     const [accepts, setAccepts] = useState('');
     const [noGoes, setNoGoes] = useState('');
@@ -14,6 +15,15 @@ const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
     const [alertMessage, setAlertMessage] = useState('');
     const [alertSeverity, setAlertSeverity] = useState<'error' | 'warning' | 'info' | 'success'>('error');
 
+    // Effect to handle external errors
+    useEffect(() => {
+        if (externalError) {
+            setAlertMessage(externalError);
+            setAlertSeverity('error');
+            setAlertOpen(true);
+        }
+    }, [externalError]);
+
     const handleCloseAlert = (event?: React.SyntheticEvent | Event, reason?: string) => {
         if (reason === 'clickaway') {
             return;
diff --git a/frontend/src/components/PassphraseInput.tsx b/frontend/src/components/PassphraseInput.tsx
index b796d65..ceaf9f2 100644
--- a/frontend/src/components/PassphraseInput.tsx
+++ b/frontend/src/components/PassphraseInput.tsx
@@ -17,7 +17,7 @@ const PassphraseInput: React.FC<PassphraseInputProps> = ({ onSubmit, isLoading,
   };
 
   return (
-    <Box component="form" onSubmit={handleSubmit} sx={{ mt: 1 }}>
+    <Box component="form" onSubmit={handleSubmit} sx={{ mt: 1, display: 'flex', flexDirection: 'column' }}>
       <TextField
         margin="normal"
         required
@@ -34,9 +34,8 @@ const PassphraseInput: React.FC<PassphraseInputProps> = ({ onSubmit, isLoading,
       />
       <Button
         type="submit"
-        fullWidth
         variant="contained"
-        sx={{ mt: 3, mb: 2 }}
+        sx={{ mt: 3, mb: 2, textTransform: 'none', alignSelf: 'flex-start' }}
         disabled={isLoading}
       >
         {isLoading ? 'Submitting...' : 'Enter'}
diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx
index b49c94e..64fcb7d 100644
--- a/frontend/src/pages/LoginPage.tsx
+++ b/frontend/src/pages/LoginPage.tsx
@@ -33,10 +33,10 @@ const LoginPage: React.FC = () => {
           marginTop: 8,
           display: 'flex',
           flexDirection: 'column',
-          alignItems: 'center',
+          alignItems: 'flex-start',
         }}
       >
-        <Typography component="h1" variant="h5">
+        <Typography component="h1" variant="h5" sx={{ textAlign: 'left', width: '100%' }}>
           Enter Passphrase
         </Typography>
         {error && (
diff --git a/frontend/src/pages/SessionPage.tsx b/frontend/src/pages/SessionPage.tsx
index ce17002..0c8837d 100644
--- a/frontend/src/pages/SessionPage.tsx
+++ b/frontend/src/pages/SessionPage.tsx
@@ -8,7 +8,7 @@ import CopyLinkButton from '../components/CopyLinkButton'; // Import CopyLinkBut
 
 const SessionPage = () => {
     const { sessionId } = useParams<{ sessionId: string }>();
-    const [session, , sendMessage, clientId, ] = useSession(sessionId || '');
+    const [session, , sendMessage, clientId, wsError] = useSession(sessionId || '');
     const [expectedResponses, setExpectedResponses] = useState(2);
     const [expectedResponsesError, setExpectedResponsesError] = useState(false);
     const [topic, setTopic] = useState('');
@@ -140,7 +140,7 @@ const SessionPage = () => {
                 )}
 
                 {session.state === SessionState.GATHERING && !hasSubmittedCurrentParticipant && (
-                    <DesireForm onSubmit={handleSubmitDesires} />
+                    <DesireForm onSubmit={handleSubmitDesires} externalError={wsError} />
                 )}
 
                 {session.state === SessionState.GATHERING && hasSubmittedCurrentParticipant && (