works up to LLM request

frontend/src/hooks/useSession.ts

@@ -35,6 +35,7 @@ export enum SessionState {
     GATHERING = 'GATHERING',
     HARMONIZING = 'HARMONIZING',
     FINAL = 'FINAL',
+    ERROR = 'ERROR',
 }
 
 export interface Session {

frontend/src/pages/SessionPage.tsx

@@ -121,9 +121,16 @@ const SessionPage = () => {
                         <Typography variant="h6" sx={{ mt: 2 }}>Harmonizing Desires...</Typography>
                     </Box>
                 )}
+                
                 {session.state === SessionState.FINAL && session.finalResult && (
                     <ResultsDisplay decision={session.finalResult} />
                 )}
+
+                {session.state === SessionState.ERROR && (
+                    <Alert severity="error" sx={{ mt: 4 }}>
+                        An error occurred during analysis. Please try again.
+                    </Alert>
+                )}
             </Box>
         </Container>
     );