+ {searchTerm || dateRange.from || dateRange.to || successFilter
+ ? "Try adjusting your filters to see more results."
+ : "No simulation runs are available. Run a simulation to get started."}
+
+ )
+}
\ No newline at end of file
diff --git a/frontend/components/simulation-metadata.tsx b/frontend/components/simulation-metadata.tsx
new file mode 100644
index 0000000..21ad31c
--- /dev/null
+++ b/frontend/components/simulation-metadata.tsx
@@ -0,0 +1,104 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { format, parseISO } from "date-fns"
+import { Badge } from "./ui/badge"
+
+interface SimulationMetadataProps {
+ simulation: any
+}
+
+// Función auxiliar para formatear fechas de manera segura
+const formatDate = (dateString: string) => {
+ try {
+ // Corregir formato incorrecto con :00Z al final
+ if (dateString && dateString.includes('T') && dateString.endsWith(':00Z')) {
+ dateString = dateString.replace(':00Z', 'Z');
+ }
+
+ // Intenta parsear la fecha desde ISO
+ const date = parseISO(dateString);
+ return format(date, "PPP 'at' p");
+ } catch (error) {
+ console.error("Error formatting date:", dateString, error);
+
+ // Si falla, intenta otro enfoque: crear una fecha a partir del ID de simulación
+ try {
+ if (dateString && dateString.includes("_")) {
+ // Si la fecha es parte del ID (como en "2025-02-11_00-11-23_825")
+ const parts = dateString.split("_");
+ if (parts.length >= 2) {
+ const datePart = parts[0];
+ const timePart = parts[1].replace(/-/g, ":");
+ return `${datePart} at ${timePart}`;
+ }
+ }
+
+ // Si todo lo anterior falla, usar el ID
+ return dateString || "Date unavailable";
+ } catch (e) {
+ // Si todo falla, devuelve un marcador de posición
+ return "Date unavailable";
+ }
+ }
+};
+
+export function SimulationMetadata({ simulation }: SimulationMetadataProps) {
+ // Manejar el caso donde simulation podría ser null o undefined
+ if (!simulation) {
+ return