Initial commit

resources/js/components/EvaluationEventsList.tsx

@@ -0,0 +1,32 @@
+import { type EvaluationRunEvent } from "@/hooks/useRoundEvaluationRun";
+
+type EvaluationEventsListProps = {
+  events: EvaluationRunEvent[];
+  formatEventTime: (value?: string | null) => string | null;
+};
+
+export default function EvaluationEventsList({
+  events,
+  formatEventTime,
+}: EvaluationEventsListProps) {
+  if (events.length === 0) return null;
+
+  return (
+    <div className="text-sm text-foreground-700">
+      <div className="font-semibold mb-1">Poslední události</div>
+      <div className="space-y-1">
+        {events.map((event) => (
+          <div key={event.id} className="flex flex-col">
+            <span>
+              [{event.level}] {event.message}
+            </span>
+            <span className="text-xs text-foreground-500">
+              {formatEventTime(event.created_at) ?? "—"}
+              {event.context?.step ? ` • krok: ${String(event.context.step)}` : ""}
+            </span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}