feat: add filter toggle dashboard card (frontend)

**New Components:**
- FiltersConfigCard — Card with toggle switches for all 11 entry filters
- Switch UI component (shadcn/ui with Radix)
- useFilterConfig hook — Fetch & update filters via API
- FilterConfig types

**Features:**
- Live toggle switches for 11 filters (flash_crash, regime, risk, session, signal_combination, h1_bias, time_filter, cooldown, etc.)
- Real-time updates — no page refresh needed
- Shows enabled/disabled count badge
- Filter descriptions + last updated timestamp
- Auto-refresh every 30 seconds
- Refresh button with loading state
- Error handling + retry

**Integration:**
- Added @radix-ui/react-switch dependency
- Added Row 5 to dashboard (grid-cols-2)
- FiltersConfigCard takes left half of new row

**Usage:**
User can toggle any filter ON/OFF from dashboard → API updates filter_config.json → Bot reloads config next loop (live update, no restart)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
GifariKemal
2026-02-09 08:16:21 +07:00
co-authored by Claude Opus 4.6
parent d5bfc52447
commit 62c24ccf76
8 changed files with 265 additions and 1 deletions
+3 -1
View File
@@ -9,6 +9,7 @@
"version": "0.1.0",
"dependencies": {
"@radix-ui/react-collapsible": "^1.1.12",
"@radix-ui/react-switch": "^1.1.2",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-tooltip": "^1.2.8",
"class-variance-authority": "^0.7.1",
@@ -3515,6 +3516,7 @@
"version": "19.2.13",
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.13.tgz",
"integrity": "sha512-KkiJeU6VbYbUOp5ITMIc7kBfqlYkKA5KhEHVrGMmUUMt7NeaZg65ojdPk+FtNrBAOXNVM5QM72jnADjM+XVRAQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"csstype": "^3.2.2"
@@ -3524,7 +3526,7 @@
"version": "19.2.3",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
"integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"peerDependencies": {
"@types/react": "^19.2.0"