From ecbc8f7adc52dce891023fc2aa3697b519f583e4 Mon Sep 17 00:00:00 2001
From: Silberengel <silberengel7@protonmail.com>
Date: Mon, 16 Mar 2026 07:54:28 +0100
Subject: [PATCH] fix log viewer

---
 src/components/CacheRelaysSetting/index.tsx | 73 ++++++++++++---------
 src/components/ui/select.tsx                |  2 +-
 src/i18n/locales/de.ts                      |  1 +
 src/i18n/locales/en.ts                      |  1 +
 4 files changed, 45 insertions(+), 32 deletions(-)

diff --git a/src/components/CacheRelaysSetting/index.tsx b/src/components/CacheRelaysSetting/index.tsx
index 8dfb6ae9..4dd7760a 100644
--- a/src/components/CacheRelaysSetting/index.tsx
+++ b/src/components/CacheRelaysSetting/index.tsx
@@ -31,7 +31,6 @@ import { getRelayListFromEvent } from '@/lib/event-metadata'
 import { showPublishingFeedback, showSimplePublishSuccess, showPublishingError } from '@/lib/publishing-feedback'
 import { CloudUpload, Loader, Trash2, RefreshCw, Database, WrapText, Search, X, TriangleAlert, Terminal, XCircle } from 'lucide-react'
 import { Input } from '@/components/ui/input'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import client from '@/services/client.service'
 import indexedDb from '@/services/indexed-db.service'
 import postEditorCache from '@/services/post-editor-cache.service'
@@ -61,7 +60,7 @@ export default function CacheRelaysSetting() {
   const [consoleLogs, setConsoleLogs] = useState<Array<{ type: string; message: string; formattedParts?: Array<{ text: string; style?: string }>; timestamp: number }>>([])
   const [showConsoleLogs, setShowConsoleLogs] = useState(false)
   const [consoleLogSearch, setConsoleLogSearch] = useState('')
-  const [consoleLogLevel, setConsoleLogLevel] = useState<'error' | 'warn' | 'info' | 'log' | 'all'>('error')
+  const [consoleLogLevel, setConsoleLogLevel] = useState<'errors-warnings' | 'all'>('all')
   const consoleLogRef = useRef<Array<{ type: string; message: string; formattedParts?: Array<{ text: string; style?: string }>; timestamp: number }>>([])
 
   const sensors = useSensors(
@@ -523,9 +522,9 @@ export default function CacheRelaysSetting() {
   const handleShowConsoleLogs = () => {
     setConsoleLogs([...consoleLogRef.current])
     setShowConsoleLogs(true)
-    // Reset filters when opening
+    // Reset filters when opening – default to 'all' so user sees every entry (errors + warnings + info)
     setConsoleLogSearch('')
-    setConsoleLogLevel('error')
+    setConsoleLogLevel('all')
   }
 
   const handleClearConsoleLogs = () => {
@@ -538,9 +537,9 @@ export default function CacheRelaysSetting() {
   const filteredConsoleLogs = useMemo(() => {
     let filtered = [...consoleLogs]
     
-    // Filter by log level
-    if (consoleLogLevel !== 'all') {
-      filtered = filtered.filter(log => log.type === consoleLogLevel)
+    // Filter by log level: errors-warnings = error + warn only, all = everything
+    if (consoleLogLevel === 'errors-warnings') {
+      filtered = filtered.filter(log => log.type === 'error' || log.type === 'warn')
     }
     
     // Filter by search query
@@ -1293,18 +1292,24 @@ export default function CacheRelaysSetting() {
                   onChange={(e) => setConsoleLogSearch(e.target.value)}
                   className="flex-1"
                 />
-                <Select value={consoleLogLevel} onValueChange={(value: 'error' | 'warn' | 'info' | 'log' | 'all') => setConsoleLogLevel(value)}>
-                  <SelectTrigger className="w-full sm:w-[140px]">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="error">{t('Error')}</SelectItem>
-                    <SelectItem value="warn">{t('Warning')}</SelectItem>
-                    <SelectItem value="info">{t('Info')}</SelectItem>
-                    <SelectItem value="log">{t('Log')}</SelectItem>
-                    <SelectItem value="all">{t('All')}</SelectItem>
-                  </SelectContent>
-                </Select>
+                <div className="flex gap-1 shrink-0">
+                  <Button
+                    type="button"
+                    variant={consoleLogLevel === 'errors-warnings' ? 'secondary' : 'outline'}
+                    size="sm"
+                    onClick={() => setConsoleLogLevel('errors-warnings')}
+                  >
+                    {t('Errors & warnings')}
+                  </Button>
+                  <Button
+                    type="button"
+                    variant={consoleLogLevel === 'all' ? 'secondary' : 'outline'}
+                    size="sm"
+                    onClick={() => setConsoleLogLevel('all')}
+                  >
+                    {t('All')}
+                  </Button>
+                </div>
               </div>
             </div>
             <div className="flex-1 overflow-auto px-4 pb-4">
@@ -1410,18 +1415,24 @@ export default function CacheRelaysSetting() {
                   onChange={(e) => setConsoleLogSearch(e.target.value)}
                   className="flex-1"
                 />
-                <Select value={consoleLogLevel} onValueChange={(value: 'error' | 'warn' | 'info' | 'log' | 'all') => setConsoleLogLevel(value)}>
-                  <SelectTrigger className="w-full sm:w-[140px]">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="error">{t('Error')}</SelectItem>
-                    <SelectItem value="warn">{t('Warning')}</SelectItem>
-                    <SelectItem value="info">{t('Info')}</SelectItem>
-                    <SelectItem value="log">{t('Log')}</SelectItem>
-                    <SelectItem value="all">{t('All')}</SelectItem>
-                  </SelectContent>
-                </Select>
+                <div className="flex gap-1 shrink-0">
+                  <Button
+                    type="button"
+                    variant={consoleLogLevel === 'errors-warnings' ? 'secondary' : 'outline'}
+                    size="sm"
+                    onClick={() => setConsoleLogLevel('errors-warnings')}
+                  >
+                    {t('Errors & warnings')}
+                  </Button>
+                  <Button
+                    type="button"
+                    variant={consoleLogLevel === 'all' ? 'secondary' : 'outline'}
+                    size="sm"
+                    onClick={() => setConsoleLogLevel('all')}
+                  >
+                    {t('All')}
+                  </Button>
+                </div>
               </div>
             </div>
             <div className="flex-1 overflow-auto px-6 pb-4">
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index a5407818..42e7f882 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -66,7 +66,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        'relative z-[110] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         position === 'popper' &&
           'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
         className
diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts
index d14cb05e..07a3ade8 100644
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -276,6 +276,7 @@ export default {
     'Are you sure you want to reset your API key? This action cannot be undone.':
       'Bist du sicher, dass du deinen API-Schlüssel zurücksetzen möchtest? Diese Aktion kann nicht rückgängig gemacht werden.',
     Warning: 'Warnung',
+    'Errors & warnings': 'Fehler & Warnungen',
     'Your current API key will become invalid immediately, and any applications using it will stop working until you update them with the new key.':
       'Dein aktueller API-Schlüssel wird sofort ungültig, und alle Anwendungen, die ihn verwenden, werden nicht mehr funktionieren, bis du sie mit dem neuen Schlüssel aktualisierst.',
     'Service address': 'Service-Adresse',
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index 050e9815..56fc66a9 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -285,6 +285,7 @@ export default {
     'Are you sure you want to reset your API key? This action cannot be undone.':
       'Are you sure you want to reset your API key? This action cannot be undone.',
     Warning: 'Warning',
+    'Errors & warnings': 'Errors & warnings',
     'Your current API key will become invalid immediately, and any applications using it will stop working until you update them with the new key.':
       'Your current API key will become invalid immediately, and any applications using it will stop working until you update them with the new key.',
     'Service address': 'Service address',