diff --git a/frontend/src/ChatLayout.jsx b/frontend/src/ChatLayout.jsx
index 60a271b..805db2a 100644
--- a/frontend/src/ChatLayout.jsx
+++ b/frontend/src/ChatLayout.jsx
@@ -6,7 +6,6 @@ import ChatInput from "./ChatInput";
import SessionTable from "./SessionTable";
import NoSessionBox from "./NoSessionBox";
import ModelOverview from "./ModelOverview";
-import LmStats from "./LmStats";
export default function ChatLayout({
theme,
@@ -76,10 +75,7 @@ export default function ChatLayout({
{showModelPage ? (
-
-
- setShowModelPage(false)} />
-
+
setShowModelPage(false)} />
) : (
/* AREA SCROLLABILE */
diff --git a/frontend/src/ModelOverview.jsx b/frontend/src/ModelOverview.jsx
index 9728c8d..7aaade1 100644
--- a/frontend/src/ModelOverview.jsx
+++ b/frontend/src/ModelOverview.jsx
@@ -1,12 +1,14 @@
// src/ModelOverview.jsx
import React, { useEffect, useState } from "react";
+import LmStats from "./LmStats";
export default function ModelOverview({ onBackToChat }) {
const [defaultModel, setDefaultModel] = useState("");
const [modelInfo, setModelInfo] = useState([]);
const [searchTerm, setSearchTerm] = useState("");
const [loading, setLoading] = useState(false);
+ const [showStats, setShowStats] = useState(false); // 👈 nuovo stato toggle
const fetchModelData = async () => {
setLoading(true);
@@ -58,63 +60,77 @@ export default function ModelOverview({ onBackToChat }) {
-
-
-
+
+
+
+
+
+
+
+
-
- setSearchTerm(e.target.value)}
- />
-
+ {showStats ? (
+
+ ) : (
+ <>
+
+ setSearchTerm(e.target.value)}
+ />
+
-
-
-
-
- | Nome |
- Descrizione |
- {/*Anno | */}
- Caratteristiche |
-
-
-
- {loading && (
-
- | Caricamento… |
-
- )}
- {!loading && filteredModels.length === 0 && (
-
- | Nessun modello trovato |
-
- )}
- {!loading && filteredModels.map((model) => (
-
- | {model.name} |
- {model.description || "—"} |
- {/*{model.year || "—"} | */}
-
-
- {Array.isArray(model.features) && model.features.length > 0
- ? model.features.map((f, i) => - {f}
)
- : - —
}
-
- |
-
- ))}
-
-
-
+
+
+
+
+ | Nome |
+ Descrizione |
+ Caratteristiche |
+
+
+
+ {loading && (
+
+ | Caricamento… |
+
+ )}
+ {!loading && filteredModels.length === 0 && (
+
+ | Nessun modello trovato |
+
+ )}
+ {!loading && filteredModels.map((model) => (
+
+ | {model.name} |
+ {model.description || "—"} |
+
+
+ {Array.isArray(model.features) && model.features.length > 0
+ ? model.features.map((f, i) => - {f}
)
+ : - —
}
+
+ |
+
+ ))}
+
+
+
+ >
+ )}
);
}