Add live/paused toggle, env badge, remove topnav search, rename labels
All checks were successful
CI / build (push) Successful in 1m0s
CI / docker (push) Successful in 46s
CI / deploy (push) Successful in 28s

- Add LIVE/PAUSED toggle button that auto-refreshes search results every 5s
- Source environment badge from VITE_ENV_NAME env var (defaults to DEV locally, PRODUCTION in Docker)
- Remove search trigger button from topnav (command palette still available via keyboard)
- Rename "Transaction Explorer" to "Route Explorer" and "Active Now" to "In-Flight"

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-13 18:54:24 +01:00
parent 868cf84c4e
commit cf804638d7
7 changed files with 47 additions and 60 deletions

View File

@@ -61,43 +61,6 @@
gap: 16px;
}
.searchTrigger {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 12px 5px 10px;
background: var(--bg-raised);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
color: var(--text-muted);
font-size: 13px;
font-family: var(--font-body);
cursor: pointer;
transition: border-color 0.15s, color 0.15s;
}
.searchTrigger:hover {
border-color: var(--text-muted);
color: var(--text-secondary);
}
.searchTrigger svg {
width: 14px;
height: 14px;
opacity: 0.5;
}
.kbdKey {
font-family: var(--font-mono);
font-size: 11px;
padding: 1px 5px;
background: var(--bg-hover);
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text-muted);
line-height: 1.4;
}
.envBadge {
font-family: var(--font-mono);
font-size: 11px;

View File

@@ -1,13 +1,11 @@
import { NavLink } from 'react-router';
import { useThemeStore } from '../../theme/theme-store';
import { useAuthStore } from '../../auth/auth-store';
import { useCommandPalette } from '../command-palette/use-command-palette';
import styles from './TopNav.module.css';
export function TopNav() {
const { theme, toggle } = useThemeStore();
const { username, logout } = useAuthStore();
const openPalette = useCommandPalette((s) => s.open);
return (
<nav className={styles.topnav}>
@@ -28,15 +26,7 @@ export function TopNav() {
</ul>
<div className={styles.navRight}>
<button className={styles.searchTrigger} onClick={openPalette}>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.35-4.35" />
</svg>
Search...
<kbd className={styles.kbdKey}>&#8984;K</kbd>
</button>
<span className={styles.envBadge}>PRODUCTION</span>
<span className={styles.envBadge}>{import.meta.env.VITE_ENV_NAME || 'DEV'}</span>
<button className={styles.themeToggle} onClick={toggle} title="Toggle theme">
{theme === 'dark' ? '\u2600\uFE0F' : '\uD83C\uDF19'}
</button>