diff --git a/frontend/src/ChatHeader.jsx b/frontend/src/ChatHeader.jsx
index c785bd5..f2ccf75 100644
--- a/frontend/src/ChatHeader.jsx
+++ b/frontend/src/ChatHeader.jsx
@@ -8,7 +8,7 @@ export default function ChatHeader({
   onFreshStart,
   onCreateSession,
   onManageSession,
-  onShowModels,
+  onToggleModels, // <-- rinominata
   sessionId,
   sessionName,
   defaultModelName
@@ -74,7 +74,7 @@ export default function ChatHeader({
       <div className="col-5 text-center">
 	<h4 className="mb-0" title={`Default model: ${defaultModelName}`}>
 	  🤖 EgalWare&apos;s LLM ChatBot
-	  <button className="ms-2 btn btn-sm btn-outline-info" onClick={onShowModels}>
+	  <button className="ms-2 btn btn-sm btn-outline-info" onClick={onToggleModels}>
 	    📊 Modelli
 	  </button>
 	</h4>
diff --git a/frontend/src/ChatLayout.jsx b/frontend/src/ChatLayout.jsx
index 85d5db3..e45cfb5 100644
--- a/frontend/src/ChatLayout.jsx
+++ b/frontend/src/ChatLayout.jsx
@@ -1,4 +1,4 @@
-// ChatLayout.jsx
+// ChatLayou.jsx
 import React, { useState, useEffect } from "react";
 import ChatHeader from "./ChatHeader";
 import ChatWindow from "./ChatWindow";
@@ -57,6 +57,11 @@ export default function ChatLayout({
   const closeModelsDetail = () => {
     setShowModelPage(false);
   };
+  
+  // funzione toggle
+  const toggleModelsDetail = () => {
+    setShowModelPage(prev => !prev);
+  };
 
   return (
     <>
@@ -70,7 +75,7 @@ export default function ChatLayout({
           onCreateSession={onCreateSession}
           onEditSession={onEditSession}
           onManageSession={openSessionManager}
-          onShowModels={openModelsDetail}
+          onToggleModels={toggleModelsDetail}
           sessionId={sessionId}
           sessionName={sessionName}
 	  defaultModelName={defaultModelName}