From 48ab00bd865b31b93b3d32e000a17c61e89cc57c Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sat, 9 Aug 2025 09:09:15 -0600
Subject: [PATCH] Add card

---
 .../components/overlay/detail/ReviewDetailDialog.tsx  | 11 +++++++++++
 web/src/types/review.ts                               |  3 +++
 2 files changed, 14 insertions(+)

diff --git a/web/src/components/overlay/detail/ReviewDetailDialog.tsx b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
index cb976d8e0..2a5345ea2 100644
--- a/web/src/components/overlay/detail/ReviewDetailDialog.tsx
+++ b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
@@ -69,6 +69,8 @@ export default function ReviewDetailDialog({
     review ? ["event_ids", { ids: review.data.detections.join(",") }] : null,
   );
 
+  const aiAnalysis = useMemo(() => review?.data?.metadata, [review]);
+
   const hasMismatch = useMemo(() => {
     if (!review || !events) {
       return false;
@@ -232,6 +234,15 @@ export default function ReviewDetailDialog({
           )}
           {pane == "overview" && (
             <div className="flex flex-col gap-5 md:mt-3">
+              {aiAnalysis != undefined && (
+                <div className="m-2 flex h-full w-[90%] flex-col gap-2 rounded-md bg-card p-2">
+                  AI Analysis
+                  <div className="text-sm text-primary/40">Description</div>
+                  <div className="text-sm smart-capitalize">
+                    {aiAnalysis.scene}
+                  </div>
+                </div>
+              )}
               <div className="flex w-full flex-row">
                 <div className="flex w-full flex-col gap-3">
                   <div className="flex flex-col gap-1.5">
diff --git a/web/src/types/review.ts b/web/src/types/review.ts
index 8d567bffc..83115c10a 100644
--- a/web/src/types/review.ts
+++ b/web/src/types/review.ts
@@ -18,6 +18,9 @@ export type ReviewData = {
   sub_labels?: string[];
   significant_motion_areas: number[];
   zones: string[];
+  metadata: {
+    scene: string;
+  };
 };
 
 export type SegmentedReviewData =