From f0a74a2693f09d606526de12be809462d3a07311 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Tue, 20 Jan 2026 13:53:08 +0100
Subject: [PATCH] conditionally show event types for jetstream

---
 src/views/stream/index.tsx | 7 ++++++-
 src/views/stream/stats.tsx | 9 ++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/views/stream/index.tsx b/src/views/stream/index.tsx
index 36577a3..1d5648d 100644
--- a/src/views/stream/index.tsx
+++ b/src/views/stream/index.tsx
@@ -402,7 +402,12 @@ export const StreamView = () => {
                 )}
               </For>
             </div>
-            <StreamStatsPanel stats={stats()} currentTime={currentTime()} streamType={streamType} />
+            <StreamStatsPanel
+              stats={stats()}
+              currentTime={currentTime()}
+              streamType={streamType}
+              showAllEvents={searchParams.allEvents === "on"}
+            />
             <div class="flex justify-end gap-2">
               <button
                 type="button"
diff --git a/src/views/stream/stats.tsx b/src/views/stream/stats.tsx
index 402db19..917c2c6 100644
--- a/src/views/stream/stats.tsx
+++ b/src/views/stream/stats.tsx
@@ -27,10 +27,17 @@ export const StreamStatsPanel = (props: {
   stats: StreamStats;
   currentTime: number;
   streamType: StreamType;
+  showAllEvents?: boolean;
 }) => {
   const config = () => STREAM_CONFIGS[props.streamType];
   const uptime = () => (props.stats.connectedAt ? props.currentTime - props.stats.connectedAt : 0);
 
+  const shouldShowEventTypes = () => {
+    if (!config().showEventTypes) return false;
+    if (props.streamType === "jetstream") return props.showAllEvents === true;
+    return true;
+  };
+
   const topCollections = () =>
     Object.entries(props.stats.collections)
       .sort(([, a], [, b]) => b - a)
@@ -66,7 +73,7 @@ export const StreamStatsPanel = (props: {
           </div>
         </div>
 
-        <Show when={topEventTypes().length > 0 && config().showEventTypes}>
+        <Show when={topEventTypes().length > 0 && shouldShowEventTypes()}>
           <div class="mt-2">
             <div class="mb-1 text-xs text-neutral-500 dark:text-neutral-400">Event Types</div>
             <div class="grid grid-cols-[1fr_5rem_3rem] gap-x-1 gap-y-0.5 font-mono text-xs sm:gap-x-4">
-- 
2.51.2