diff --git a/ui/src/components/LayoutShell.tsx b/ui/src/components/LayoutShell.tsx
index fd5e0164..41b60146 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -19,7 +19,7 @@ import {
   useGlobalFilters,
   useStarred,
 } from '@cameleer/design-system';
-import type { SearchResult, SidebarTreeNode, DropdownItem, ButtonGroupItem } from '@cameleer/design-system';
+import type { SearchResult, SidebarTreeNode, DropdownItem, ButtonGroupItem, ExchangeStatus } from '@cameleer/design-system';
 import sidebarLogo from '@cameleer/design-system/assets/cameleer3-logo.svg';
 import { Box, Settings, FileText, ChevronRight, Square, Pause, Star, X, User } from 'lucide-react';
 import { AboutMeDialog } from './AboutMeDialog';
@@ -771,13 +771,15 @@ function LayoutContent() {
         <ButtonGroup
           items={STATUS_ITEMS}
           value={globalFilters.statusFilters}
-          onChange={(selected) => {
+          onChange={(sel) => {
+            type S = 'completed' | 'warning' | 'failed' | 'running'
+            const selected = sel as Set<S>
             const current = globalFilters.statusFilters
             for (const v of selected) {
-              if (!current.has(v)) globalFilters.toggleStatus(v as 'completed' | 'warning' | 'failed' | 'running')
+              if (!current.has(v)) globalFilters.toggleStatus(v)
             }
             for (const v of current) {
-              if (!selected.has(v)) globalFilters.toggleStatus(v as 'completed' | 'warning' | 'failed' | 'running')
+              if (!selected.has(v)) globalFilters.toggleStatus(v)
             }
           }}
         />