diff --git a/components/observability.tsx b/components/observability.tsx
index 9dac6d6..1189c22 100644
--- a/components/observability.tsx
+++ b/components/observability.tsx
@@ -8,26 +8,27 @@ const slides = [
   {
     label: 'Dashboard',
     src: '/dashboard.png',
-    alt: 'GreyProxy dashboard overview showing connection stats and activity',
-    fit: false,
+    alt: 'GreyProxy dashboard showing total requests, allowed, blocked, and allow rate stats',
   },
   {
-    label: 'Pending requests',
+    label: 'Pending',
     src: '/pending_requests.png',
-    alt: 'GreyProxy pending network requests with Allow and Deny controls',
-    fit: true,
+    alt: 'GreyProxy pending network requests with Allow and Deny controls for each domain',
   },
   {
     label: 'Rules',
     src: '/rules.png',
-    alt: 'GreyProxy domain rules configuration for allow and deny policies',
-    fit: false,
+    alt: 'GreyProxy domain rules configuration showing allow and deny policies per source',
   },
   {
-    label: 'Logs',
-    src: '/logs.png',
-    alt: 'GreyProxy connection logs showing all outbound network activity',
-    fit: false,
+    label: 'Activity',
+    src: '/activity.png',
+    alt: 'GreyProxy activity log showing real-time TCP connections with status, source, destination, and duration',
+  },
+  {
+    label: 'Conversations',
+    src: '/conversations.png',
+    alt: 'GreyProxy conversations view showing agent interactions with tool calls and results',
   },
 ]
 
@@ -102,8 +103,8 @@ export function Observability() {
               src={slides[0].src}
               alt=""
               aria-hidden="true"
-              width={1977}
-              height={1444}
+              width={2480}
+              height={1810}
               className="w-full h-auto invisible"
               priority
             />
@@ -112,8 +113,8 @@ export function Observability() {
                 key={slide.label}
                 src={slide.src}
                 alt={slide.alt}
-                width={slide.src === '/pending_requests.png' ? 1752 : 1977}
-                height={slide.src === '/pending_requests.png' ? 1216 : 1444}
+                width={2480}
+                height={1810}
                 className={`absolute inset-0 w-full h-full object-contain object-top transition-opacity duration-700 ${
                   i === active ? 'opacity-100' : 'opacity-0'
                 }`}
diff --git a/public/activity.png b/public/activity.png
new file mode 100644
index 0000000..0d05f58
Binary files /dev/null and b/public/activity.png differ
diff --git a/public/conversations.png b/public/conversations.png
new file mode 100644
index 0000000..0814fd5
Binary files /dev/null and b/public/conversations.png differ
diff --git a/public/dashboard.png b/public/dashboard.png
index 2a35888..3aa3d4f 100644
Binary files a/public/dashboard.png and b/public/dashboard.png differ
diff --git a/public/logs.png b/public/logs.png
deleted file mode 100644
index eb2092c..0000000
Binary files a/public/logs.png and /dev/null differ
diff --git a/public/pending_requests.png b/public/pending_requests.png
index bf325bf..5956ff4 100644
Binary files a/public/pending_requests.png and b/public/pending_requests.png differ
diff --git a/public/rules.png b/public/rules.png
index 2cb197a..3aa26d3 100644
Binary files a/public/rules.png and b/public/rules.png differ