From 676ece22a12d98c0e7f9d90b9ed31e676ec706cf Mon Sep 17 00:00:00 2001
From: "Samuele E. Locatelli" <samuele.locatelli@egalware.com>
Date: Wed, 3 Sep 2025 10:25:27 +0000
Subject: [PATCH] Update visualizzazione sessionID

---
 frontend/src/App.jsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 2d35e0f..91b68b8 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -9,10 +9,10 @@ import { getSessionId, getUserId, resetSessionId, setSessionId } from "./useSess
 export default function App() {
   const { messages, loading, sendMessage, stopGenerating, setMessages } = useChatStream();
   const [themeName, setThemeName] = useState("light");
+  const [sessionName, setSessionName] = useState("");
   const theme = themes[themeName];
   const userId = getUserId();
   const sessionId = getSessionId();
-  const sessionName = getSessionId();
 
   useEffect(() => {
     const saved = localStorage.getItem("preferredTheme");
@@ -23,6 +23,26 @@ export default function App() {
     localStorage.setItem("preferredTheme", themeName);
   }, [themeName]);
 
+  // Carica il nome della sessione corrente
+  useEffect(() => {
+    if (!sessionId) {
+      setSessionName("");
+      return;
+    }
+    (async () => {
+      try {
+        const res = await fetch(`/v1/sessions/${sessionId}?user_id=${userId}`);
+        if (res.ok) {
+          const meta = await res.json();
+          setSessionName(meta.session_name || "");
+        }
+      } catch (err) {
+        console.error("Errore nel recupero session_name", err);
+        setSessionName("");
+      }
+    })();
+  }, [sessionId, userId]);
+
   const toggleTheme = () => setThemeName(t => (t === "light" ? "dark" : "light"));
 
   const reloadHistory = async (id = sessionId) => {
@@ -47,6 +67,7 @@ export default function App() {
     });
     const meta = await res.json();
     setSessionId(meta.session_id);
+    setSessionName(meta.session_name || "");
     setMessages([]);
   };
 
@@ -58,6 +79,7 @@ export default function App() {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ session_name: newName }),
     });
+    setSessionName(newName);
   };
 
   const handleSelectSession = async (selectedId) => {
@@ -80,6 +102,7 @@ export default function App() {
       onSelectSession={handleSelectSession}
       userId={userId}
       sessionId={sessionId}
+      sessionName={sessionName} // <-- aggiunto
     />
   );
 }