+
+
([]);
- const [scenarios, setScenarios] = useState<{ path: string; name: string; description: string }[]>([]);
+ const [scenarios, setScenarios] = useState<
+ { path: string; name: string; description: string }[]
+ >([]);
const [, setProviderInstances] = useState([]);
// Modal State
- const [scenarioForModal, setScenarioForModal] = useState<{ path: string; name: string } | null>(null);
- const [modalEntities, setModalEntities] = useState<{ id: string; name: string }[]>([]);
+ const [scenarioForModal, setScenarioForModal] = useState<{
+ path: string;
+ name: string;
+ } | null>(null);
+ const [modalEntities, setModalEntities] = useState<
+ { id: string; name: string }[]
+ >([]);
const [loadingEntities, setLoadingEntities] = useState(false);
- const [selectedEntityForModal, setSelectedEntityForModal] = useState("");
+ const [selectedEntityForModal, setSelectedEntityForModal] =
+ useState("");
const loadSavedSessions = useCallback(async () => {
try {
@@ -108,7 +116,8 @@ export function DashboardView() {
const handleDelete = async (id: string, e: React.MouseEvent) => {
e.stopPropagation();
- if (!confirm("Are you sure you want to delete this simulation session?")) return;
+ if (!confirm("Are you sure you want to delete this simulation session?"))
+ return;
setLoading(true);
try {
const res = await deleteSimulation(id);
@@ -118,13 +127,18 @@ export function DashboardView() {
await loadSavedSessions();
}
} catch (err) {
- setError(err instanceof Error ? err.message : "Failed to delete session.");
+ setError(
+ err instanceof Error ? err.message : "Failed to delete session.",
+ );
} finally {
setLoading(false);
}
};
- const handleScenarioClick = async (scenario: { path: string; name: string }) => {
+ const handleScenarioClick = async (scenario: {
+ path: string;
+ name: string;
+ }) => {
setScenarioForModal(scenario);
setLoadingEntities(true);
setSelectedEntityForModal(""); // Reset selection to Spectator
@@ -164,204 +178,242 @@ export function DashboardView() {
router.push(`/play?simId=${result.snapshot.id}`);
} catch (err) {
setError(
- err instanceof Error
- ? err.message
- : "Failed to start simulation.",
+ err instanceof Error ? err.message : "Failed to start simulation.",
);
setLoading(false);
}
};
return (
-
Configuration
diff --git a/apps/gui/src/components/play/DashboardView.tsx b/apps/gui/src/components/play/DashboardView.tsx index 282bf54..f79e7bf 100644 --- a/apps/gui/src/components/play/DashboardView.tsx +++ b/apps/gui/src/components/play/DashboardView.tsx @@ -41,14 +41,22 @@ export function DashboardView() { const [error, setError] = useState(""); const [savedSessions, setSavedSessions] = useState
-
-
- {/* Centered Big Logo */}
-
- 
-
-
- {error && (
-
- Simulation Engine
-
- {error}
+
+
+
+ {/* Centered Big Logo */}
+
-
+ 
- )}
- {/* Simulations Section */}
-
Simulations
- {loadingData ? ( -
- {Array.from({ length: 3 }).map((_, index) => (
-
- ) : savedSessions.length === 0 ? (
-
-
- ))}
-
-
-
-
- No saved simulations found. Start a new one below!
- ) : ( -
- {savedSessions.map((s) => (
-
-
);
}
handleResume(s.id)}
- className="flex-shrink-0 w-72 border border-border/30 bg-card p-5 cursor-pointer shadow-sm hover:-translate-y-0.5 hover:shadow-md active:translate-y-0 active:shadow-sm transition-all relative group"
- >
-
- ))}
+ {error && (
+
- {s.scenarioName}
-
- Turn {s.turn} · {s.entities.length} entities · {s.status}
-
-
- ID: {s.id.substring(0, 8)}...
-
-
-
- Resume
-
-
-
+ {error}
)}
-
- {/* Scenarios Section */}
- Scenarios
- {loadingData ? ( -
-
-
-
-
- Build a scenario
- Create a custom simulation starting point
+ {/* Simulations Section */}
+
+
+ ))}
+
+ )}
+
- {/* Start Scenario Selection Modal */}
- {scenarioForModal && (
- + Simulations +
+ {loadingData ? ( +
+ {Array.from({ length: 3 }).map((_, index) => (
+
- ) : (
-
+
-
+
+
+
- +
- Create New
+ ))}
+
+ ) : savedSessions.length === 0 ? (
+ + No saved simulations found. Start a new one below! +
+ ) : ( +
+ {savedSessions.map((s) => (
+
-
- {Array.from({ length: 3 }).map((_, index) => (
- handleResume(s.id)}
+ className="flex-shrink-0 w-72 border border-border/30 bg-card p-5 cursor-pointer shadow-sm hover:-translate-y-0.5 hover:shadow-md active:translate-y-0 active:shadow-sm transition-all relative group"
+ >
+
-
+
+ {s.scenarioName}
+
+
+ Turn {s.turn} · {s.entities.length} entities
+ · {s.status}
+
+
+ ID: {s.id.substring(0, 8)}...
+
+
+
+
+ Resume
+
+
+
-
- ))}
-
-
-
-
-
-
- handleScenarioClick(s)}
- />
- ))}
-
- )}
-
-
-
- {scenarios.map((s) => (
-
- Build a scenario
- Create a custom simulation starting point
-
-
- +
- Create New
-
-