fix: resolve CrowdSec state sync issues and remove deprecated mode toggle
- Backend: Start/Stop handlers now sync both settings and security_configs tables - Frontend: CrowdSec toggle uses actual process status (crowdsecStatus.running) - Frontend: Fixed LiveLogViewer WebSocket race condition by using isPausedRef - Frontend: Removed deprecated mode toggle from CrowdSecConfig page - Frontend: Added info banner directing users to Security Dashboard - Frontend: Added "Start CrowdSec" button to enrollment warning panel Fixes dual-source state conflict causing toggle to show incorrect state. Fixes live log "disconnected" status appearing while logs stream. Simplifies CrowdSec control to single source (Security Dashboard toggle). Includes comprehensive test updates for new architecture.
This commit is contained in:
GitHub Actions
@@ -217,6 +217,12 @@ func (h *CrowdsecHandler) Start(c *gin.Context) {
|
||||
}
|
||||
}
|
||||
|
||||
// After updating SecurityConfig, also sync settings table for state consistency
|
||||
if h.DB != nil {
|
||||
setting := models.Setting{Key: "security.crowdsec.enabled", Value: "true", Category: "security", Type: "bool"}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(setting).FirstOrCreate(&setting)
|
||||
}
|
||||
|
||||
// Start the process
|
||||
pid, err := h.Executor.Start(ctx, h.BinPath, h.DataDir)
|
||||
if err != nil {
|
||||
@@ -224,6 +230,11 @@ func (h *CrowdsecHandler) Start(c *gin.Context) {
|
||||
cfg.CrowdSecMode = "disabled"
|
||||
cfg.Enabled = false
|
||||
h.DB.Save(&cfg)
|
||||
// Also revert settings table
|
||||
if h.DB != nil {
|
||||
revertSetting := models.Setting{Key: "security.crowdsec.enabled", Value: "false", Category: "security", Type: "bool"}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(revertSetting).FirstOrCreate(&revertSetting)
|
||||
}
|
||||
c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
|
||||
return
|
||||
}
|
||||
@@ -290,6 +301,12 @@ func (h *CrowdsecHandler) Stop(c *gin.Context) {
|
||||
}
|
||||
}
|
||||
|
||||
// After updating SecurityConfig, also sync settings table for state consistency
|
||||
if h.DB != nil {
|
||||
setting := models.Setting{Key: "security.crowdsec.enabled", Value: "false", Category: "security", Type: "bool"}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(setting).FirstOrCreate(&setting)
|
||||
}
|
||||
|
||||
c.JSON(http.StatusOK, gin.H{"status": "stopped"})
|
||||
}
|
||||
|
||||
|
||||
282
backend/internal/api/handlers/crowdsec_state_sync_test.go
Normal file
282
backend/internal/api/handlers/crowdsec_state_sync_test.go
Normal file
@@ -0,0 +1,282 @@
|
||||
package handlers
|
||||
|
||||
import (
|
||||
"context"
|
||||
"encoding/json"
|
||||
"net/http"
|
||||
"net/http/httptest"
|
||||
"testing"
|
||||
|
||||
"github.com/Wikid82/charon/backend/internal/models"
|
||||
"github.com/gin-gonic/gin"
|
||||
"github.com/stretchr/testify/require"
|
||||
)
|
||||
|
||||
// setupCrowdDBWithSettings creates a test database with both SecurityConfig and Setting tables.
|
||||
func setupCrowdDBWithSettings(t *testing.T) *testing.T {
|
||||
t.Helper()
|
||||
return t
|
||||
}
|
||||
|
||||
// TestStartSyncsSettingsTable verifies that Start() updates the settings table.
|
||||
func TestStartSyncsSettingsTable(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
// Migrate both SecurityConfig and Setting tables
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// Verify settings table is initially empty
|
||||
var initialSetting models.Setting
|
||||
err := db.Where("key = ?", "security.crowdsec.enabled").First(&initialSetting).Error
|
||||
require.Error(t, err, "expected setting to not exist initially")
|
||||
|
||||
// Start CrowdSec
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/start", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusOK, w.Code)
|
||||
|
||||
// Verify setting was created/updated to "true"
|
||||
var setting models.Setting
|
||||
err = db.Where("key = ?", "security.crowdsec.enabled").First(&setting).Error
|
||||
require.NoError(t, err, "expected setting to be created after Start")
|
||||
require.Equal(t, "true", setting.Value)
|
||||
require.Equal(t, "security", setting.Category)
|
||||
require.Equal(t, "bool", setting.Type)
|
||||
|
||||
// Also verify SecurityConfig was updated
|
||||
var cfg models.SecurityConfig
|
||||
err = db.First(&cfg).Error
|
||||
require.NoError(t, err, "expected SecurityConfig to exist")
|
||||
require.Equal(t, "local", cfg.CrowdSecMode)
|
||||
require.True(t, cfg.Enabled)
|
||||
}
|
||||
|
||||
// TestStopSyncsSettingsTable verifies that Stop() updates the settings table.
|
||||
func TestStopSyncsSettingsTable(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
// Migrate both SecurityConfig and Setting tables
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// First start CrowdSec to create the settings
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/start", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusOK, w.Code)
|
||||
|
||||
// Verify setting is "true" after start
|
||||
var settingAfterStart models.Setting
|
||||
err := db.Where("key = ?", "security.crowdsec.enabled").First(&settingAfterStart).Error
|
||||
require.NoError(t, err)
|
||||
require.Equal(t, "true", settingAfterStart.Value)
|
||||
|
||||
// Now stop CrowdSec
|
||||
w2 := httptest.NewRecorder()
|
||||
req2 := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/stop", http.NoBody)
|
||||
r.ServeHTTP(w2, req2)
|
||||
require.Equal(t, http.StatusOK, w2.Code)
|
||||
|
||||
// Verify setting was updated to "false"
|
||||
var settingAfterStop models.Setting
|
||||
err = db.Where("key = ?", "security.crowdsec.enabled").First(&settingAfterStop).Error
|
||||
require.NoError(t, err)
|
||||
require.Equal(t, "false", settingAfterStop.Value)
|
||||
|
||||
// Also verify SecurityConfig was updated
|
||||
var cfg models.SecurityConfig
|
||||
err = db.First(&cfg).Error
|
||||
require.NoError(t, err)
|
||||
require.Equal(t, "disabled", cfg.CrowdSecMode)
|
||||
require.False(t, cfg.Enabled)
|
||||
}
|
||||
|
||||
// TestStartAndStopStateConsistency verifies consistent state across Start/Stop cycles.
|
||||
func TestStartAndStopStateConsistency(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// Perform multiple start/stop cycles
|
||||
for i := 0; i < 3; i++ {
|
||||
// Start
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/start", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusOK, w.Code, "cycle %d start", i)
|
||||
|
||||
// Verify both tables are in sync
|
||||
var setting models.Setting
|
||||
err := db.Where("key = ?", "security.crowdsec.enabled").First(&setting).Error
|
||||
require.NoError(t, err, "cycle %d: setting should exist after start", i)
|
||||
require.Equal(t, "true", setting.Value, "cycle %d: setting should be true after start", i)
|
||||
|
||||
var cfg models.SecurityConfig
|
||||
err = db.First(&cfg).Error
|
||||
require.NoError(t, err, "cycle %d: config should exist after start", i)
|
||||
require.Equal(t, "local", cfg.CrowdSecMode, "cycle %d: mode should be local after start", i)
|
||||
|
||||
// Stop
|
||||
w2 := httptest.NewRecorder()
|
||||
req2 := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/stop", http.NoBody)
|
||||
r.ServeHTTP(w2, req2)
|
||||
require.Equal(t, http.StatusOK, w2.Code, "cycle %d stop", i)
|
||||
|
||||
// Verify both tables are in sync
|
||||
err = db.Where("key = ?", "security.crowdsec.enabled").First(&setting).Error
|
||||
require.NoError(t, err, "cycle %d: setting should exist after stop", i)
|
||||
require.Equal(t, "false", setting.Value, "cycle %d: setting should be false after stop", i)
|
||||
|
||||
err = db.First(&cfg).Error
|
||||
require.NoError(t, err, "cycle %d: config should exist after stop", i)
|
||||
require.Equal(t, "disabled", cfg.CrowdSecMode, "cycle %d: mode should be disabled after stop", i)
|
||||
}
|
||||
}
|
||||
|
||||
// TestExistingSettingIsUpdated verifies that an existing setting is updated, not duplicated.
|
||||
func TestExistingSettingIsUpdated(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
// Pre-create a setting with a different value
|
||||
existingSetting := models.Setting{
|
||||
Key: "security.crowdsec.enabled",
|
||||
Value: "false",
|
||||
Category: "security",
|
||||
Type: "bool",
|
||||
}
|
||||
require.NoError(t, db.Create(&existingSetting).Error)
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// Start CrowdSec
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/start", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusOK, w.Code)
|
||||
|
||||
// Verify the existing setting was updated (not duplicated)
|
||||
var settings []models.Setting
|
||||
err := db.Where("key = ?", "security.crowdsec.enabled").Find(&settings).Error
|
||||
require.NoError(t, err)
|
||||
require.Len(t, settings, 1, "should not create duplicate settings")
|
||||
require.Equal(t, "true", settings[0].Value, "setting should be updated to true")
|
||||
}
|
||||
|
||||
// fakeFailingExec simulates an executor that fails on Start.
|
||||
type fakeFailingExec struct{}
|
||||
|
||||
func (f *fakeFailingExec) Start(ctx context.Context, binPath, configDir string) (int, error) {
|
||||
return 0, http.ErrAbortHandler
|
||||
}
|
||||
|
||||
func (f *fakeFailingExec) Stop(ctx context.Context, configDir string) error {
|
||||
return nil
|
||||
}
|
||||
|
||||
func (f *fakeFailingExec) Status(ctx context.Context, configDir string) (running bool, pid int, err error) {
|
||||
return false, 0, nil
|
||||
}
|
||||
|
||||
// TestStartFailureRevertsSettings verifies that a failed Start reverts the settings.
|
||||
func TestStartFailureRevertsSettings(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeFailingExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// Pre-create a setting with "false" to verify it's reverted
|
||||
existingSetting := models.Setting{
|
||||
Key: "security.crowdsec.enabled",
|
||||
Value: "false",
|
||||
Category: "security",
|
||||
Type: "bool",
|
||||
}
|
||||
require.NoError(t, db.Create(&existingSetting).Error)
|
||||
|
||||
// Try to start CrowdSec (this will fail)
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/admin/crowdsec/start", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusInternalServerError, w.Code)
|
||||
|
||||
// Verify the setting was reverted to "false"
|
||||
var setting models.Setting
|
||||
err := db.Where("key = ?", "security.crowdsec.enabled").First(&setting).Error
|
||||
require.NoError(t, err)
|
||||
require.Equal(t, "false", setting.Value, "setting should be reverted to false on failure")
|
||||
}
|
||||
|
||||
// TestStatusResponseFormat verifies the status endpoint response format.
|
||||
func TestStatusResponseFormat(t *testing.T) {
|
||||
gin.SetMode(gin.TestMode)
|
||||
db := OpenTestDB(t)
|
||||
|
||||
require.NoError(t, db.AutoMigrate(&models.SecurityConfig{}, &models.Setting{}))
|
||||
|
||||
tmpDir := t.TempDir()
|
||||
fe := &fakeExec{}
|
||||
h := NewCrowdsecHandler(db, fe, "/bin/false", tmpDir)
|
||||
|
||||
r := gin.New()
|
||||
g := r.Group("/api/v1")
|
||||
h.RegisterRoutes(g)
|
||||
|
||||
// Get status
|
||||
w := httptest.NewRecorder()
|
||||
req := httptest.NewRequest(http.MethodGet, "/api/v1/admin/crowdsec/status", http.NoBody)
|
||||
r.ServeHTTP(w, req)
|
||||
require.Equal(t, http.StatusOK, w.Code)
|
||||
|
||||
var resp map[string]interface{}
|
||||
err := json.Unmarshal(w.Body.Bytes(), &resp)
|
||||
require.NoError(t, err)
|
||||
|
||||
// Verify response contains expected fields
|
||||
require.Contains(t, resp, "running")
|
||||
require.Contains(t, resp, "pid")
|
||||
require.Contains(t, resp, "lapi_ready")
|
||||
}
|
||||
633
docs/plans/crowdsec_hotfix_plan.md
Normal file
633
docs/plans/crowdsec_hotfix_plan.md
Normal file
@@ -0,0 +1,633 @@
|
||||
# CrowdSec Critical Hotfix Remediation Plan
|
||||
|
||||
**Date**: December 15, 2025
|
||||
**Priority**: CRITICAL
|
||||
**Issue Count**: 4 reported issues after 17 failed commit attempts
|
||||
**Affected Components**: Backend (handlers, services), Frontend (pages, hooks, components)
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
After exhaustive analysis of the CrowdSec functionality across both backend and frontend, I have identified the **root causes** of all four reported issues. The core problem is a **dual-state architecture conflict** where CrowdSec's enabled state is managed by TWO independent systems that don't synchronize properly:
|
||||
|
||||
1. **Settings Table** (`security.crowdsec.enabled` and `security.crowdsec.mode`) - Runtime overrides
|
||||
2. **SecurityConfig Table** (`CrowdSecMode` column) - User configuration
|
||||
|
||||
Additionally, the Live Log Viewer has a **WebSocket lifecycle bug** and the deprecated mode UI causes state conflicts.
|
||||
|
||||
---
|
||||
|
||||
## The 4 Reported Issues
|
||||
|
||||
| # | Issue | Root Cause | Severity |
|
||||
|---|-------|------------|----------|
|
||||
| 1 | CrowdSec card toggle broken - shows "active" but not actually on | Dual-state conflict: `security.crowdsec.mode` overrides `security.crowdsec.enabled` | CRITICAL |
|
||||
| 2 | Live logs show "disconnected" but logs appear; navigation clears logs | WebSocket reconnection lifecycle bug + state not persisted | HIGH |
|
||||
| 3 | Deprecated mode toggle still in UI causing confusion | UI component not removed after deprecation | MEDIUM |
|
||||
| 4 | Enrollment shows "not running" when LAPI initializing | Race condition between process start and LAPI readiness | HIGH |
|
||||
|
||||
---
|
||||
|
||||
## Current State Analysis
|
||||
|
||||
### Backend Data Flow
|
||||
|
||||
#### 1. SecurityConfig Model
|
||||
**File**: [backend/internal/models/security_config.go](../../backend/internal/models/security_config.go)
|
||||
|
||||
```go
|
||||
type SecurityConfig struct {
|
||||
CrowdSecMode string `json:"crowdsec_mode"` // "disabled" or "local" - DEPRECATED
|
||||
Enabled bool `json:"enabled"` // Cerberus master switch
|
||||
// ...
|
||||
}
|
||||
```
|
||||
|
||||
#### 2. GetStatus Handler - THE BUG
|
||||
**File**: [backend/internal/api/handlers/security_handler.go#L75-175](../../backend/internal/api/handlers/security_handler.go#L75-175)
|
||||
|
||||
The `GetStatus` endpoint has a **three-tier priority chain** that causes the bug:
|
||||
|
||||
```go
|
||||
// PRIORITY 1 (highest): Settings table overrides
|
||||
// Line 135-140: Check security.crowdsec.enabled
|
||||
if strings.EqualFold(setting.Value, "true") {
|
||||
crowdSecMode = "local"
|
||||
} else {
|
||||
crowdSecMode = "disabled"
|
||||
}
|
||||
|
||||
// Line 143-148: THEN check security.crowdsec.mode - THIS OVERRIDES THE ABOVE!
|
||||
setting = struct{ Value string }{}
|
||||
if err := h.db.Raw("SELECT value FROM settings WHERE key = ? LIMIT 1", "security.crowdsec.mode").Scan(&setting).Error; err == nil && setting.Value != "" {
|
||||
crowdSecMode = setting.Value // <-- BUG: This can override the enabled check!
|
||||
}
|
||||
```
|
||||
|
||||
**The Bug Flow**:
|
||||
1. User toggles CrowdSec ON → `security.crowdsec.enabled = "true"` → `crowdSecMode = "local"` ✓
|
||||
2. BUT if `security.crowdsec.mode = "disabled"` was previously set (by deprecated UI), it OVERRIDES step 1
|
||||
3. Final result: `crowdSecMode = "disabled"` even though user just toggled it ON
|
||||
|
||||
#### 3. CrowdSec Start Handler - INCONSISTENT STATE UPDATE
|
||||
**File**: [backend/internal/api/handlers/crowdsec_handler.go#L184-240](../../backend/internal/api/handlers/crowdsec_handler.go#L184-240)
|
||||
|
||||
```go
|
||||
func (h *CrowdsecHandler) Start(c *gin.Context) {
|
||||
// Updates SecurityConfig table
|
||||
cfg.CrowdSecMode = "local"
|
||||
cfg.Enabled = true
|
||||
h.DB.Save(&cfg) // Saves to security_configs table
|
||||
|
||||
// BUT: Does NOT update settings table!
|
||||
// Missing: h.DB.Create/Update(&models.Setting{Key: "security.crowdsec.enabled", Value: "true"})
|
||||
}
|
||||
```
|
||||
|
||||
**Problem**: `Start()` updates `SecurityConfig.CrowdSecMode` but the frontend toggle updates `settings.security.crowdsec.enabled`. These are TWO DIFFERENT tables that both affect CrowdSec state.
|
||||
|
||||
#### 4. Feature Flags Handler
|
||||
**File**: [backend/internal/api/handlers/feature_flags_handler.go](../../backend/internal/api/handlers/feature_flags_handler.go)
|
||||
|
||||
Only manages THREE flags:
|
||||
- `feature.cerberus.enabled` (Cerberus master switch)
|
||||
- `feature.uptime.enabled`
|
||||
- `feature.crowdsec.console_enrollment`
|
||||
|
||||
**Missing**: No `feature.crowdsec.enabled`. CrowdSec uses `security.crowdsec.enabled` in settings table, which is NOT a feature flag.
|
||||
|
||||
### Frontend Data Flow
|
||||
|
||||
#### 1. Security.tsx (Cerberus Dashboard)
|
||||
**File**: [frontend/src/pages/Security.tsx#L65-110](../../frontend/src/pages/Security.tsx#L65-110)
|
||||
|
||||
```typescript
|
||||
const crowdsecPowerMutation = useMutation({
|
||||
mutationFn: async (enabled: boolean) => {
|
||||
// Step 1: Update settings table
|
||||
await updateSetting('security.crowdsec.enabled', enabled ? 'true' : 'false', 'security', 'bool')
|
||||
|
||||
if (enabled) {
|
||||
// Step 2: Start process (which updates SecurityConfig table)
|
||||
const result = await startCrowdsec()
|
||||
// ...
|
||||
}
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
The mutation updates TWO places:
|
||||
1. `settings` table via `updateSetting()` → sets `security.crowdsec.enabled`
|
||||
2. `security_configs` table via `startCrowdsec()` backend → sets `CrowdSecMode`
|
||||
|
||||
But `GetStatus` reads from BOTH and can get conflicting values.
|
||||
|
||||
#### 2. CrowdSecConfig.tsx - DEPRECATED MODE TOGGLE
|
||||
**File**: [frontend/src/pages/CrowdSecConfig.tsx#L69-90](../../frontend/src/pages/CrowdSecConfig.tsx#L69-90)
|
||||
|
||||
```typescript
|
||||
const updateModeMutation = useMutation({
|
||||
mutationFn: async (mode: string) => updateSetting('security.crowdsec.mode', mode, 'security', 'string'),
|
||||
// This updates security.crowdsec.mode which OVERRIDES security.crowdsec.enabled!
|
||||
})
|
||||
```
|
||||
|
||||
**This is the deprecated toggle that should not exist.** It sets `security.crowdsec.mode` which takes precedence over `security.crowdsec.enabled` in `GetStatus`.
|
||||
|
||||
#### 3. LiveLogViewer.tsx - WEBSOCKET BUGS
|
||||
**File**: [frontend/src/components/LiveLogViewer.tsx#L100-150](../../frontend/src/components/LiveLogViewer.tsx#L100-150)
|
||||
|
||||
```typescript
|
||||
useEffect(() => {
|
||||
// Close existing connection
|
||||
if (closeConnectionRef.current) {
|
||||
closeConnectionRef.current();
|
||||
closeConnectionRef.current = null;
|
||||
}
|
||||
// ... reconnect logic
|
||||
}, [currentMode, filters, securityFilters, isPaused, maxLogs, showBlockedOnly]);
|
||||
// ^^^^^^^^
|
||||
// BUG: isPaused in dependencies causes reconnection when user just wants to pause!
|
||||
```
|
||||
|
||||
**Problems**:
|
||||
1. `isPaused` in deps → toggling pause causes WebSocket disconnect/reconnect
|
||||
2. Navigation away unmounts component → `logs` state is lost
|
||||
3. `isConnected` is local state → lost on unmount, starts as `false` on remount
|
||||
4. No reconnection retry logic
|
||||
|
||||
#### 4. Console Enrollment LAPI Check
|
||||
**File**: [frontend/src/pages/CrowdSecConfig.tsx#L85-120](../../frontend/src/pages/CrowdSecConfig.tsx#L85-120)
|
||||
|
||||
```typescript
|
||||
// Wait 3 seconds before first LAPI check
|
||||
const timer = setTimeout(() => {
|
||||
setInitialCheckComplete(true)
|
||||
}, 3000)
|
||||
```
|
||||
|
||||
**Problem**: 3 seconds may not be enough. CrowdSec LAPI typically takes 5-10 seconds to initialize. Users see "not running" error during this window.
|
||||
|
||||
---
|
||||
|
||||
## Identified Problems
|
||||
|
||||
### Problem 1: Dual-State Conflict (Toggle Shows Active But Not Working)
|
||||
|
||||
**Evidence Chain**:
|
||||
```
|
||||
User toggles ON → updateSetting('security.crowdsec.enabled', 'true')
|
||||
→ startCrowdsec() → sets SecurityConfig.CrowdSecMode = 'local'
|
||||
|
||||
User refreshes page → getSecurityStatus()
|
||||
→ Reads security.crowdsec.enabled = 'true' → crowdSecMode = 'local'
|
||||
→ Reads security.crowdsec.mode (if exists) → OVERRIDES to whatever value
|
||||
|
||||
If security.crowdsec.mode = 'disabled' (from deprecated UI) → Final: crowdSecMode = 'disabled'
|
||||
```
|
||||
|
||||
**Locations**:
|
||||
- Backend: [security_handler.go#L135-148](../../backend/internal/api/handlers/security_handler.go#L135-148)
|
||||
- Backend: [crowdsec_handler.go#L195-215](../../backend/internal/api/handlers/crowdsec_handler.go#L195-215)
|
||||
- Frontend: [Security.tsx#L65-110](../../frontend/src/pages/Security.tsx#L65-110)
|
||||
|
||||
### Problem 2: Live Log Viewer State Issues
|
||||
|
||||
**Evidence**:
|
||||
- Shows "Disconnected" immediately after page load (initial state = false)
|
||||
- Logs appear because WebSocket connects quickly, but `isConnected` state update races
|
||||
- Navigation away loses all log entries (component state)
|
||||
- Pausing causes reconnection flicker
|
||||
|
||||
**Location**: [LiveLogViewer.tsx#L100-150](../../frontend/src/components/LiveLogViewer.tsx#L100-150)
|
||||
|
||||
### Problem 3: Deprecated Mode Toggle Still Present
|
||||
|
||||
**Evidence**: CrowdSecConfig.tsx still renders:
|
||||
```tsx
|
||||
<Card>
|
||||
<h2>CrowdSec Mode</h2>
|
||||
<Switch checked={isLocalMode} onChange={(e) => handleModeToggle(e.target.checked)} />
|
||||
{/* Disabled/Local toggle - DEPRECATED */}
|
||||
</Card>
|
||||
```
|
||||
|
||||
**Location**: [CrowdSecConfig.tsx#L395-420](../../frontend/src/pages/CrowdSecConfig.tsx#L395-420)
|
||||
|
||||
### Problem 4: Enrollment "Not Running" Error
|
||||
|
||||
**Evidence**: User enables CrowdSec, immediately tries to enroll, sees error because:
|
||||
1. Process starts (running=true)
|
||||
2. LAPI takes 5-10s to initialize (lapi_ready=false)
|
||||
3. Frontend shows "not running" because it checks lapi_ready
|
||||
|
||||
**Locations**:
|
||||
- Frontend: [CrowdSecConfig.tsx#L85-120](../../frontend/src/pages/CrowdSecConfig.tsx#L85-120)
|
||||
- Backend: [console_enroll.go#L165-190](../../backend/internal/crowdsec/console_enroll.go#L165-190)
|
||||
|
||||
---
|
||||
|
||||
## Remediation Plan
|
||||
|
||||
### Phase 1: Backend Fixes (CRITICAL)
|
||||
|
||||
#### 1.1 Fix GetStatus Priority Chain
|
||||
**File**: `backend/internal/api/handlers/security_handler.go`
|
||||
**Lines**: 143-148
|
||||
|
||||
**Current Code (BUGGY)**:
|
||||
```go
|
||||
// CrowdSec mode override (AFTER enabled check - causes override bug)
|
||||
setting = struct{ Value string }{}
|
||||
if err := h.db.Raw("SELECT value FROM settings WHERE key = ? LIMIT 1", "security.crowdsec.mode").Scan(&setting).Error; err == nil && setting.Value != "" {
|
||||
crowdSecMode = setting.Value
|
||||
}
|
||||
```
|
||||
|
||||
**Fix**: Remove the mode override OR make enabled take precedence:
|
||||
|
||||
```go
|
||||
// OPTION A: Remove mode override entirely (recommended)
|
||||
// DELETE lines 143-148
|
||||
|
||||
// OPTION B: Make enabled take precedence over mode
|
||||
setting = struct{ Value string }{}
|
||||
if err := h.db.Raw("SELECT value FROM settings WHERE key = ? LIMIT 1", "security.crowdsec.mode").Scan(&setting).Error; err == nil && setting.Value != "" {
|
||||
// Only use mode if enabled wasn't explicitly set
|
||||
var enabledSetting struct{ Value string }
|
||||
if h.db.Raw("SELECT value FROM settings WHERE key = ? LIMIT 1", "security.crowdsec.enabled").Scan(&enabledSetting).Error != nil || enabledSetting.Value == "" {
|
||||
crowdSecMode = setting.Value
|
||||
}
|
||||
// If enabled was set, ignore deprecated mode setting
|
||||
}
|
||||
```
|
||||
|
||||
#### 1.2 Update Start/Stop to Sync State
|
||||
**File**: `backend/internal/api/handlers/crowdsec_handler.go`
|
||||
|
||||
**In Start() after line 215**:
|
||||
```go
|
||||
// Sync settings table (source of truth for UI)
|
||||
if h.DB != nil {
|
||||
settingEnabled := models.Setting{
|
||||
Key: "security.crowdsec.enabled",
|
||||
Value: "true",
|
||||
Type: "bool",
|
||||
Category: "security",
|
||||
}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(settingEnabled).FirstOrCreate(&settingEnabled)
|
||||
|
||||
// Clear deprecated mode setting to prevent conflicts
|
||||
h.DB.Where("key = ?", "security.crowdsec.mode").Delete(&models.Setting{})
|
||||
}
|
||||
```
|
||||
|
||||
**In Stop() after line 260**:
|
||||
```go
|
||||
// Sync settings table
|
||||
if h.DB != nil {
|
||||
settingEnabled := models.Setting{
|
||||
Key: "security.crowdsec.enabled",
|
||||
Value: "false",
|
||||
Type: "bool",
|
||||
Category: "security",
|
||||
}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(settingEnabled).FirstOrCreate(&settingEnabled)
|
||||
}
|
||||
```
|
||||
|
||||
#### 1.3 Add Deprecation Warning for Mode Setting
|
||||
**File**: `backend/internal/api/handlers/settings_handler.go`
|
||||
|
||||
Add validation in the update handler:
|
||||
```go
|
||||
func (h *SettingsHandler) UpdateSetting(c *gin.Context) {
|
||||
// ... existing code ...
|
||||
|
||||
if setting.Key == "security.crowdsec.mode" {
|
||||
logger.Log().Warn("DEPRECATED: security.crowdsec.mode is deprecated and will be removed. Use security.crowdsec.enabled instead.")
|
||||
}
|
||||
|
||||
// ... rest of existing code ...
|
||||
}
|
||||
```
|
||||
|
||||
### Phase 2: Frontend Fixes
|
||||
|
||||
#### 2.1 Remove Deprecated Mode Toggle
|
||||
**File**: `frontend/src/pages/CrowdSecConfig.tsx`
|
||||
|
||||
**Remove these sections**:
|
||||
|
||||
1. **Lines 69-78** - Remove `updateModeMutation`:
|
||||
```typescript
|
||||
// DELETE THIS ENTIRE MUTATION
|
||||
const updateModeMutation = useMutation({
|
||||
mutationFn: async (mode: string) => updateSetting('security.crowdsec.mode', mode, 'security', 'string'),
|
||||
onSuccess: (_data, mode) => {
|
||||
queryClient.invalidateQueries({ queryKey: ['security-status'] })
|
||||
toast.success(mode === 'disabled' ? 'CrowdSec disabled' : 'CrowdSec set to Local mode')
|
||||
},
|
||||
onError: (err: unknown) => {
|
||||
const msg = err instanceof Error ? err.message : 'Failed to update mode'
|
||||
toast.error(msg)
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
2. **Lines ~395-420** - Remove the Mode Card from render:
|
||||
```tsx
|
||||
// DELETE THIS ENTIRE CARD
|
||||
<Card>
|
||||
<div className="flex items-center justify-between gap-4 flex-wrap">
|
||||
<div className="space-y-1">
|
||||
<h2 className="text-lg font-semibold">CrowdSec Mode</h2>
|
||||
<p className="text-sm text-gray-400">...</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<span>Disabled</span>
|
||||
<Switch checked={isLocalMode} onChange={(e) => handleModeToggle(e.target.checked)} />
|
||||
<span>Local</span>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
```
|
||||
|
||||
3. **Replace with informational banner**:
|
||||
```tsx
|
||||
<Card>
|
||||
<div className="p-4 bg-blue-900/20 border border-blue-700/50 rounded-lg">
|
||||
<p className="text-sm text-blue-200">
|
||||
CrowdSec is controlled from the <Link to="/security" className="text-blue-400 underline">Security Dashboard</Link>.
|
||||
Use the toggle there to enable or disable CrowdSec protection.
|
||||
</p>
|
||||
</div>
|
||||
</Card>
|
||||
```
|
||||
|
||||
#### 2.2 Fix Live Log Viewer
|
||||
**File**: `frontend/src/components/LiveLogViewer.tsx`
|
||||
|
||||
**Fix 1**: Remove `isPaused` from dependencies (line 148):
|
||||
```typescript
|
||||
// BEFORE:
|
||||
}, [currentMode, filters, securityFilters, isPaused, maxLogs, showBlockedOnly]);
|
||||
|
||||
// AFTER:
|
||||
}, [currentMode, filters, securityFilters, maxLogs, showBlockedOnly]);
|
||||
```
|
||||
|
||||
**Fix 2**: Use ref for pause state in message handler:
|
||||
```typescript
|
||||
// Add ref near other refs (around line 70):
|
||||
const isPausedRef = useRef(isPaused);
|
||||
|
||||
// Sync ref with state (add useEffect around line 95):
|
||||
useEffect(() => {
|
||||
isPausedRef.current = isPaused;
|
||||
}, [isPaused]);
|
||||
|
||||
// Update message handler (lines 110-120):
|
||||
const handleSecurityMessage = (entry: SecurityLogEntry) => {
|
||||
if (!isPausedRef.current) { // Use ref instead of state
|
||||
const displayEntry = toDisplayFromSecurity(entry);
|
||||
setLogs((prev) => {
|
||||
const updated = [...prev, displayEntry];
|
||||
return updated.length > maxLogs ? updated.slice(-maxLogs) : updated;
|
||||
});
|
||||
}
|
||||
};
|
||||
```
|
||||
|
||||
**Fix 3**: Add reconnection retry logic:
|
||||
```typescript
|
||||
// Add state for retry (around line 50):
|
||||
const [retryCount, setRetryCount] = useState(0);
|
||||
const maxRetries = 5;
|
||||
const retryDelay = 2000; // 2 seconds base delay
|
||||
|
||||
// Update connection effect (around line 100):
|
||||
useEffect(() => {
|
||||
// ... existing close logic ...
|
||||
|
||||
const handleClose = () => {
|
||||
console.log(`${currentMode} log viewer disconnected`);
|
||||
setIsConnected(false);
|
||||
|
||||
// Schedule retry with exponential backoff
|
||||
if (retryCount < maxRetries) {
|
||||
const delay = retryDelay * Math.pow(1.5, retryCount);
|
||||
setTimeout(() => setRetryCount(r => r + 1), delay);
|
||||
}
|
||||
};
|
||||
|
||||
// ... rest of effect ...
|
||||
|
||||
return () => {
|
||||
if (closeConnectionRef.current) {
|
||||
closeConnectionRef.current();
|
||||
closeConnectionRef.current = null;
|
||||
}
|
||||
setIsConnected(false);
|
||||
// Reset retry on intentional unmount
|
||||
};
|
||||
}, [currentMode, filters, securityFilters, maxLogs, showBlockedOnly, retryCount]);
|
||||
|
||||
// Reset retry count on successful connect:
|
||||
const handleOpen = () => {
|
||||
console.log(`${currentMode} log viewer connected`);
|
||||
setIsConnected(true);
|
||||
setRetryCount(0); // Reset retry counter
|
||||
};
|
||||
```
|
||||
|
||||
#### 2.3 Improve Enrollment LAPI Messaging
|
||||
**File**: `frontend/src/pages/CrowdSecConfig.tsx`
|
||||
|
||||
**Fix 1**: Increase initial delay (line 85):
|
||||
```typescript
|
||||
// BEFORE:
|
||||
}, 3000) // Wait 3 seconds
|
||||
|
||||
// AFTER:
|
||||
}, 5000) // Wait 5 seconds for LAPI to initialize
|
||||
```
|
||||
|
||||
**Fix 2**: Improve warning messages (around lines 200-250):
|
||||
```tsx
|
||||
{/* Show LAPI initializing warning when process running but LAPI not ready */}
|
||||
{lapiStatusQuery.data && lapiStatusQuery.data.running && !lapiStatusQuery.data.lapi_ready && initialCheckComplete && (
|
||||
<div className="flex items-start gap-3 p-4 bg-yellow-900/20 border border-yellow-700/50 rounded-lg">
|
||||
<AlertTriangle className="w-5 h-5 text-yellow-400 flex-shrink-0 mt-0.5" />
|
||||
<div className="flex-1">
|
||||
<p className="text-sm text-yellow-200 font-medium mb-2">
|
||||
CrowdSec Local API is initializing...
|
||||
</p>
|
||||
<p className="text-xs text-yellow-300 mb-3">
|
||||
The CrowdSec process is running but LAPI takes 5-10 seconds to become ready.
|
||||
Console enrollment will be available once LAPI is ready.
|
||||
{lapiStatusQuery.isRefetching && ' Checking status...'}
|
||||
</p>
|
||||
<Button variant="secondary" size="sm" onClick={() => lapiStatusQuery.refetch()} disabled={lapiStatusQuery.isRefetching}>
|
||||
Check Again
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Show not running warning when process not running */}
|
||||
{lapiStatusQuery.data && !lapiStatusQuery.data.running && initialCheckComplete && (
|
||||
<div className="flex items-start gap-3 p-4 bg-red-900/20 border border-red-700/50 rounded-lg">
|
||||
<AlertTriangle className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" />
|
||||
<div className="flex-1">
|
||||
<p className="text-sm text-red-200 font-medium mb-2">
|
||||
CrowdSec is not running
|
||||
</p>
|
||||
<p className="text-xs text-red-300 mb-3">
|
||||
Enable CrowdSec from the <Link to="/security" className="text-red-400 underline">Security Dashboard</Link> first.
|
||||
The process typically takes 5-10 seconds to start and LAPI another 5-10 seconds to initialize.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
```
|
||||
|
||||
### Phase 3: Cleanup & Testing
|
||||
|
||||
#### 3.1 Database Cleanup Migration (Optional)
|
||||
Create a one-time migration to remove conflicting settings:
|
||||
|
||||
```sql
|
||||
-- Remove deprecated mode setting to prevent conflicts
|
||||
DELETE FROM settings WHERE key = 'security.crowdsec.mode';
|
||||
```
|
||||
|
||||
#### 3.2 Backend Test Updates
|
||||
Add test cases for:
|
||||
1. `GetStatus` returns correct enabled state when only `security.crowdsec.enabled` is set
|
||||
2. `GetStatus` returns correct state when deprecated `security.crowdsec.mode` exists (should be ignored)
|
||||
3. `Start()` updates `settings` table
|
||||
4. `Stop()` updates `settings` table
|
||||
|
||||
#### 3.3 Frontend Test Updates
|
||||
Add test cases for:
|
||||
1. `LiveLogViewer` doesn't reconnect when pause toggled
|
||||
2. `LiveLogViewer` retries connection on disconnect
|
||||
3. `CrowdSecConfig` doesn't render mode toggle
|
||||
|
||||
---
|
||||
|
||||
## Test Plan
|
||||
|
||||
### Manual QA Checklist
|
||||
|
||||
- [ ] **Toggle Test**:
|
||||
1. Go to Security Dashboard
|
||||
2. Toggle CrowdSec ON
|
||||
3. Verify card shows "Active"
|
||||
4. Verify `docker exec charon ps aux | grep crowdsec` shows process
|
||||
5. Toggle CrowdSec OFF
|
||||
6. Verify card shows "Disabled"
|
||||
7. Verify process stopped
|
||||
|
||||
- [ ] **State Persistence Test**:
|
||||
1. Toggle CrowdSec ON
|
||||
2. Refresh page
|
||||
3. Verify toggle still shows ON
|
||||
4. Check database: `SELECT * FROM settings WHERE key LIKE '%crowdsec%'`
|
||||
|
||||
- [ ] **Live Logs Test**:
|
||||
1. Go to Security Dashboard
|
||||
2. Verify "Connected" status appears
|
||||
3. Generate some traffic
|
||||
4. Verify logs appear
|
||||
5. Click "Pause" - verify NO flicker/reconnect
|
||||
6. Navigate to another page
|
||||
7. Navigate back
|
||||
8. Verify reconnection happens (status goes from Disconnected → Connected)
|
||||
|
||||
- [ ] **Enrollment Test**:
|
||||
1. Enable CrowdSec
|
||||
2. Go to CrowdSecConfig
|
||||
3. Verify warning shows "LAPI initializing" (not "not running")
|
||||
4. Wait for LAPI ready
|
||||
5. Enter enrollment key
|
||||
6. Click Enroll
|
||||
7. Verify success
|
||||
|
||||
- [ ] **Deprecated UI Removed**:
|
||||
1. Go to CrowdSecConfig page
|
||||
2. Verify NO "CrowdSec Mode" card with Disabled/Local toggle
|
||||
3. Verify informational banner points to Security Dashboard
|
||||
|
||||
### Integration Test Commands
|
||||
|
||||
```bash
|
||||
# Test 1: Backend state consistency
|
||||
# Enable via API
|
||||
curl -X POST http://localhost:8080/api/v1/admin/crowdsec/start
|
||||
|
||||
# Check settings table
|
||||
sqlite3 data/charon.db "SELECT * FROM settings WHERE key = 'security.crowdsec.enabled'"
|
||||
# Expected: value = "true"
|
||||
|
||||
# Check status endpoint
|
||||
curl http://localhost:8080/api/v1/security/status | jq '.crowdsec'
|
||||
# Expected: {"mode":"local","enabled":true,...}
|
||||
|
||||
# Test 2: No deprecated mode conflict
|
||||
sqlite3 data/charon.db "SELECT * FROM settings WHERE key = 'security.crowdsec.mode'"
|
||||
# Expected: No rows (or deprecated warning logged)
|
||||
|
||||
# Test 3: Disable and verify
|
||||
curl -X POST http://localhost:8080/api/v1/admin/crowdsec/stop
|
||||
|
||||
curl http://localhost:8080/api/v1/security/status | jq '.crowdsec'
|
||||
# Expected: {"mode":"disabled","enabled":false,...}
|
||||
|
||||
sqlite3 data/charon.db "SELECT * FROM settings WHERE key = 'security.crowdsec.enabled'"
|
||||
# Expected: value = "false"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Implementation Order
|
||||
|
||||
| Order | Phase | Task | Priority | Est. Time |
|
||||
|-------|-------|------|----------|-----------|
|
||||
| 1 | 1.1 | Fix GetStatus to ignore deprecated mode | CRITICAL | 15 min |
|
||||
| 2 | 1.2 | Update Start/Stop to sync settings table | CRITICAL | 20 min |
|
||||
| 3 | 2.1 | Remove deprecated mode toggle from UI | HIGH | 15 min |
|
||||
| 4 | 2.2 | Fix LiveLogViewer pause/reconnection | HIGH | 30 min |
|
||||
| 5 | 2.3 | Improve enrollment LAPI messaging | MEDIUM | 15 min |
|
||||
| 6 | 1.3 | Add deprecation warning for mode setting | LOW | 10 min |
|
||||
| 7 | 3.1 | Database cleanup migration | LOW | 10 min |
|
||||
| 8 | 3.2-3.3 | Update tests | MEDIUM | 30 min |
|
||||
|
||||
**Total Estimated Time**: ~2.5 hours
|
||||
|
||||
---
|
||||
|
||||
## Success Criteria
|
||||
|
||||
1. ✅ Toggling CrowdSec ON shows "Active" AND process is actually running
|
||||
2. ✅ Toggling CrowdSec OFF shows "Disabled" AND process is stopped
|
||||
3. ✅ State persists across page refresh
|
||||
4. ✅ No deprecated mode toggle visible on CrowdSecConfig page
|
||||
5. ✅ Live logs show "Connected" when WebSocket connects
|
||||
6. ✅ Pausing logs does NOT cause reconnection
|
||||
7. ✅ Enrollment shows appropriate LAPI status message
|
||||
8. ✅ All existing tests pass
|
||||
9. ✅ No errors in browser console related to CrowdSec
|
||||
|
||||
---
|
||||
|
||||
## Appendix: File Reference
|
||||
|
||||
| Issue | Backend Files | Frontend Files |
|
||||
|-------|---------------|----------------|
|
||||
| Toggle Bug | `security_handler.go#L135-148`, `crowdsec_handler.go#L184-265` | `Security.tsx#L65-110` |
|
||||
| Deprecated Mode | `security_handler.go#L143-148` | `CrowdSecConfig.tsx#L69-90, L395-420` |
|
||||
| Live Logs | `cerberus_logs_ws.go` | `LiveLogViewer.tsx#L100-150`, `logs.ts` |
|
||||
| Enrollment | `console_enroll.go#L165-190` | `CrowdSecConfig.tsx#L85-120` |
|
||||
@@ -1,371 +1,419 @@
|
||||
# CrowdSec Handler Injection Analysis & Fix Plan
|
||||
# Comprehensive Bug Analysis: CrowdSec & Live Logs Issues
|
||||
|
||||
**Date:** December 15, 2025
|
||||
**Agent:** Planning
|
||||
**Status:** ✅ ANALYSIS COMPLETE - Root Cause Identified - Deployment Issue
|
||||
**Date**: December 15, 2025
|
||||
**Status**: Ready for Implementation
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
**CrowdSec handler injection code is 100% CORRECT** - the issue is deployment configuration.
|
||||
|
||||
### The Real Problem
|
||||
|
||||
The container is missing `CERBERUS_SECURITY_CERBERUS_ENABLED=true` which causes `computeEffectiveFlags()` to force `crowdsecEnabled=false` even though `CHARON_SECURITY_CROWDSEC_MODE=local` is set.
|
||||
|
||||
### Evidence
|
||||
|
||||
✅ **Code is Correct:**
|
||||
- CrowdSec app config generated properly ([config.go#L62-L72](../../backend/internal/caddy/config.go#L62-L72))
|
||||
- Handler injection logic working ([config.go#L282-L287](../../backend/internal/caddy/config.go#L282-L287))
|
||||
- All unit tests passing (TestBuildCrowdSecHandler_*, TestGenerateConfig_CrowdSec*)
|
||||
|
||||
❌ **Deployment is Broken:**
|
||||
- `CERBERUS_SECURITY_CERBERUS_ENABLED` NOT in container environment
|
||||
- `computeEffectiveFlags()` forces all security to disabled when Cerberus master switch is off
|
||||
- Result: `apps.crowdsec` NOT generated, handler NOT injected
|
||||
|
||||
### Container Evidence
|
||||
|
||||
```bash
|
||||
$ docker exec charon env | grep CERBERUS
|
||||
(no output) # ❌ Missing
|
||||
|
||||
$ curl http://localhost:2019/config/apps | jq 'keys'
|
||||
["http"] # ❌ No "crowdsec" app
|
||||
|
||||
$ curl http://localhost:8080/api/v1/security/config | jq '.crowdsec_mode'
|
||||
null # ❌ Not configured
|
||||
```
|
||||
Four user-reported issues all stem from **configuration state synchronization problems** between:
|
||||
1. The `settings` table (runtime toggles)
|
||||
2. The `security_configs` table (SecurityConfig model)
|
||||
3. The actual CrowdSec process state
|
||||
4. Frontend display state
|
||||
|
||||
---
|
||||
|
||||
## Root Cause Analysis
|
||||
## Issue 1: CrowdSec Card Toggle Broken on Cerberus Dashboard
|
||||
|
||||
### The Cerberus Master Switch Problem
|
||||
### Symptoms
|
||||
- CrowdSec card shows "Active" but toggle doesn't work properly
|
||||
- Shows "on and active" but CrowdSec is NOT actually on
|
||||
|
||||
**File:** [backend/internal/caddy/manager.go](../../backend/internal/caddy/manager.go#L487-L492)
|
||||
### Root Cause Analysis
|
||||
|
||||
```go
|
||||
// ACL, WAF, RateLimit and CrowdSec should only be considered enabled if Cerberus is enabled.
|
||||
if !cerbEnabled {
|
||||
aclEnabled = false
|
||||
wafEnabled = false
|
||||
rateLimitEnabled = false
|
||||
crowdsecEnabled = false // ← FORCED TO FALSE
|
||||
}
|
||||
```
|
||||
**Files Involved:**
|
||||
- [frontend/src/pages/Security.tsx](frontend/src/pages/Security.tsx#L69-L110) - `crowdsecPowerMutation`
|
||||
- [frontend/src/api/crowdsec.ts](frontend/src/api/crowdsec.ts#L5-L18) - `startCrowdsec`, `stopCrowdsec`, `statusCrowdsec`
|
||||
- [backend/internal/api/handlers/security_handler.go](backend/internal/api/handlers/security_handler.go#L61-L137) - `GetStatus()`
|
||||
- [backend/internal/api/handlers/crowdsec_handler.go](backend/internal/api/handlers/crowdsec_handler.go#L140-L206) - `Start()`, `Stop()`, `Status()`
|
||||
|
||||
**The Flow:**
|
||||
**The Problem:**
|
||||
|
||||
1. **Environment Loading** ([config.go#L59](../../backend/internal/config/config.go#L59)):
|
||||
1. **Dual-Source State Conflict**: The `GetStatus()` endpoint in [security_handler.go#L61-L137](backend/internal/api/handlers/security_handler.go#L61-L137) combines state from TWO sources:
|
||||
- `settings` table: `security.crowdsec.enabled` and `security.crowdsec.mode`
|
||||
- `security_configs` table: `CrowdSecMode` field
|
||||
|
||||
2. **Toggle Updates Wrong Store**: When the user toggles CrowdSec via `crowdsecPowerMutation`:
|
||||
- It calls `updateSetting('security.crowdsec.enabled', ...)` which updates the `settings` table
|
||||
- It calls `startCrowdsec()` / `stopCrowdsec()` which updates `security_configs.CrowdSecMode`
|
||||
|
||||
3. **State Priority Mismatch**: In [security_handler.go#L100-L108](backend/internal/api/handlers/security_handler.go#L100-L108):
|
||||
```go
|
||||
CerberusEnabled: getEnvAny("false", "CERBERUS_SECURITY_CERBERUS_ENABLED",
|
||||
"CHARON_SECURITY_CERBERUS_ENABLED",
|
||||
"CPM_SECURITY_CERBERUS_ENABLED") == "true",
|
||||
```
|
||||
- Checks for env var in priority order
|
||||
- Container has NONE of these variables
|
||||
- **Result:** `cerbEnabled = false`
|
||||
|
||||
2. **Flag Computation** ([manager.go#L417](../../backend/internal/caddy/manager.go#L417)):
|
||||
```go
|
||||
crowdsecEnabled = m.securityCfg.CrowdSecMode == "local"
|
||||
```
|
||||
- `CHARON_SECURITY_CROWDSEC_MODE=local` IS in container
|
||||
- **Result:** `crowdsecEnabled = true` (temporarily)
|
||||
|
||||
3. **Master Switch Override** ([manager.go#L491](../../backend/internal/caddy/manager.go#L491)):
|
||||
```go
|
||||
if !cerbEnabled {
|
||||
crowdsecEnabled = false // ← Forced to false
|
||||
// CrowdSec enabled override (from settings table)
|
||||
if err := h.db.Raw("SELECT value FROM settings WHERE key = ? LIMIT 1", "security.crowdsec.enabled").Scan(&setting).Error; err == nil && setting.Value != "" {
|
||||
if strings.EqualFold(setting.Value, "true") {
|
||||
crowdSecMode = "local"
|
||||
} else {
|
||||
crowdSecMode = "disabled"
|
||||
}
|
||||
}
|
||||
```
|
||||
- Because `cerbEnabled = false`
|
||||
- **Result:** `crowdsecEnabled = false` (final)
|
||||
The `settings` table overrides `security_configs`, but the `Start()` handler updates `security_configs`.
|
||||
|
||||
4. **Config Generation** ([config.go#L62](../../backend/internal/caddy/config.go#L62)):
|
||||
```go
|
||||
if crowdsecEnabled {
|
||||
config.Apps.CrowdSec = &CrowdSecApp{...} // ← SKIPPED
|
||||
}
|
||||
```
|
||||
- Because `crowdsecEnabled = false`
|
||||
- **Result:** No CrowdSec app in config
|
||||
4. **Process State Not Verified**: The frontend shows "Active" based on `status.crowdsec.enabled` from the API, but this is computed from DB settings, NOT from actual process status. The `crowdsecStatus` state (line 43-44) fetches real process status but this is a **separate query** displayed below the card.
|
||||
|
||||
5. **Handler Injection** ([config.go#L285](../../backend/internal/caddy/config.go#L285)):
|
||||
```go
|
||||
if csH, err := buildCrowdSecHandler(&host, secCfg, crowdsecEnabled); err == nil && csH != nil {
|
||||
securityHandlers = append(securityHandlers, csH) // ← SKIPPED
|
||||
}
|
||||
```
|
||||
- `buildCrowdSecHandler` returns `nil` when `crowdsecEnabled = false`
|
||||
- **Result:** No handler in routes
|
||||
### The Fix
|
||||
|
||||
### The docker-compose.override.yml Mystery
|
||||
**Backend ([security_handler.go](backend/internal/api/handlers/security_handler.go)):**
|
||||
- `GetStatus()` should check actual CrowdSec process status via the `CrowdsecExecutor.Status()` call, not just DB state
|
||||
|
||||
**File:** [docker-compose.override.yml](../../docker-compose.override.yml#L27)
|
||||
|
||||
```yaml
|
||||
environment:
|
||||
- CERBERUS_SECURITY_CERBERUS_ENABLED=true # ← IN FILE
|
||||
- CHARON_SECURITY_CROWDSEC_MODE=local
|
||||
```
|
||||
|
||||
But container inspection shows it's NOT reaching the container:
|
||||
|
||||
```bash
|
||||
$ docker exec charon env | grep CERBERUS_SECURITY_CERBERUS_ENABLED
|
||||
(no output) # ❌ Variable missing
|
||||
```
|
||||
|
||||
**Possible Causes:**
|
||||
1. Container started without `-f docker-compose.override.yml`
|
||||
2. Cached container image has old environment
|
||||
3. Override file syntax error (YAML indentation)
|
||||
4. Container restart didn't pick up new environment
|
||||
**Frontend ([Security.tsx](frontend/src/pages/Security.tsx)):**
|
||||
- The toggle's `checked` state should use `crowdsecStatus?.running` (actual process state) instead of `status.crowdsec.enabled` (DB setting)
|
||||
- Or sync both states properly after toggle
|
||||
|
||||
---
|
||||
|
||||
## The Fix
|
||||
## Issue 2: Live Log Viewer Shows "Disconnected" But Logs Appear
|
||||
|
||||
### Problem Statement
|
||||
### Symptoms
|
||||
- Shows "Disconnected" status badge but logs ARE appearing
|
||||
- Navigating away and back causes logs to disappear
|
||||
|
||||
**Code is 100% correct.** The issue is **deployment configuration** - the environment variable is not reaching the container.
|
||||
### Root Cause Analysis
|
||||
|
||||
### Solution: Ensure Environment Variable Reaches Container
|
||||
**Files Involved:**
|
||||
- [frontend/src/components/LiveLogViewer.tsx](frontend/src/components/LiveLogViewer.tsx#L146-L240)
|
||||
- [frontend/src/api/logs.ts](frontend/src/api/logs.ts#L95-L174) - `connectLiveLogs`, `connectSecurityLogs`
|
||||
|
||||
#### Option 1: Restart with Correct Compose File (IMMEDIATE - 2 minutes)
|
||||
**The Problem:**
|
||||
|
||||
```bash
|
||||
cd /projects/Charon
|
||||
1. **Connection State Race Condition**: In [LiveLogViewer.tsx#L165-L240](frontend/src/components/LiveLogViewer.tsx#L165-L240):
|
||||
```tsx
|
||||
useEffect(() => {
|
||||
// Close existing connection
|
||||
if (closeConnectionRef.current) {
|
||||
closeConnectionRef.current();
|
||||
closeConnectionRef.current = null;
|
||||
}
|
||||
// ... setup handlers ...
|
||||
return () => {
|
||||
if (closeConnectionRef.current) {
|
||||
closeConnectionRef.current();
|
||||
closeConnectionRef.current = null;
|
||||
}
|
||||
setIsConnected(false); // <-- Issue: cleanup runs AFTER effect re-runs
|
||||
};
|
||||
}, [currentMode, filters, securityFilters, isPaused, maxLogs, showBlockedOnly]);
|
||||
```
|
||||
|
||||
# Stop container
|
||||
docker compose -f docker-compose.override.yml down
|
||||
2. **Dependency Array Includes `isPaused`**: When `isPaused` changes, the entire effect re-runs, creating a new WebSocket. But the cleanup of the old connection sets `isConnected(false)` AFTER the new connection's `onOpen` sets `isConnected(true)`, causing a flash of "Disconnected".
|
||||
|
||||
# Rebuild to ensure clean state
|
||||
docker build -t charon:local .
|
||||
3. **Logs Disappear on Navigation**: The `logs` state is stored locally in the component via `useState<DisplayLogEntry[]>([])`. When the component unmounts (navigation) and remounts, state resets to empty array. There's no persistence or caching.
|
||||
|
||||
# Start with override file explicitly
|
||||
docker compose -f docker-compose.override.yml up -d
|
||||
### The Fix
|
||||
|
||||
# Verify environment
|
||||
docker exec charon env | grep CERBERUS_SECURITY_CERBERUS_ENABLED
|
||||
# Should output: CERBERUS_SECURITY_CERBERUS_ENABLED=true
|
||||
```
|
||||
**[LiveLogViewer.tsx](frontend/src/components/LiveLogViewer.tsx):**
|
||||
|
||||
#### Option 2: Manually Set Environment (WORKAROUND - 1 minute)
|
||||
1. **Fix State Race**: Use a ref to track connection state transitions:
|
||||
```tsx
|
||||
const connectionIdRef = useRef(0);
|
||||
// In effect: increment connectionId, check it in callbacks
|
||||
```
|
||||
|
||||
```bash
|
||||
# Stop container
|
||||
docker stop charon
|
||||
2. **Remove `isPaused` from Dependencies**: Pausing should NOT close/reopen the WebSocket. Instead, just skip adding messages when paused:
|
||||
```tsx
|
||||
// Current (wrong): connection is in dependency array
|
||||
// Fixed: only filter/process messages based on isPaused flag
|
||||
```
|
||||
|
||||
# Start with environment variable
|
||||
docker start charon -e CERBERUS_SECURITY_CERBERUS_ENABLED=true
|
||||
3. **Persist Logs Across Navigation**: Either:
|
||||
- Store logs in React Query cache
|
||||
- Use a global store (zustand/context)
|
||||
- Accept the limitation with a "Logs cleared on navigation" note
|
||||
|
||||
# OR restart the container completely
|
||||
docker rm charon
|
||||
docker run -d --name charon \
|
||||
-e CERBERUS_SECURITY_CERBERUS_ENABLED=true \
|
||||
-e CHARON_SECURITY_CROWDSEC_MODE=local \
|
||||
# ... other flags from docker-compose.override.yml
|
||||
charon:local
|
||||
```
|
||||
---
|
||||
|
||||
#### Option 3: Fix Code Logic (OPTIONAL - 30 minutes)
|
||||
## Issue 3: DEPRECATED CrowdSec Mode Toggle Still in UI
|
||||
|
||||
Allow CrowdSec to operate independently of Cerberus master switch.
|
||||
### Symptoms
|
||||
- CrowdSec config page shows "Disabled/Local/External" mode toggle
|
||||
- This is confusing because CrowdSec should run based SOLELY on the Feature Flag in System Settings
|
||||
|
||||
**File:** [backend/internal/caddy/manager.go](../../backend/internal/caddy/manager.go#L487-L492)
|
||||
### Root Cause Analysis
|
||||
|
||||
**Current Code:**
|
||||
**Files Involved:**
|
||||
- [frontend/src/pages/CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx#L68-L100) - Mode toggle UI
|
||||
- [frontend/src/pages/SystemSettings.tsx](frontend/src/pages/SystemSettings.tsx#L89-L107) - Feature flag toggle
|
||||
- [backend/internal/models/security_config.go](backend/internal/models/security_config.go#L15) - `CrowdSecMode` field
|
||||
|
||||
**The Problem:**
|
||||
|
||||
1. **Redundant Control Surfaces**: There are THREE ways to control CrowdSec:
|
||||
- Feature Flag: `feature.cerberus.enabled` in Settings (System Settings page)
|
||||
- Per-Service Toggle: `security.crowdsec.enabled` in Settings (Security Dashboard)
|
||||
- Mode Toggle: `CrowdSecMode` in SecurityConfig (CrowdSec Config page)
|
||||
|
||||
2. **Deprecated UI Still Present**: In [CrowdSecConfig.tsx#L68-L100](frontend/src/pages/CrowdSecConfig.tsx#L68-L100):
|
||||
```tsx
|
||||
<Card>
|
||||
<div className="flex items-center justify-between gap-4 flex-wrap">
|
||||
<div className="space-y-1">
|
||||
<h2 className="text-lg font-semibold">CrowdSec Mode</h2>
|
||||
<p className="text-sm text-gray-400">
|
||||
{isLocalMode ? 'CrowdSec runs locally...' : 'CrowdSec decisions are paused...'}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-sm text-gray-400">Disabled</span>
|
||||
<Switch
|
||||
checked={isLocalMode}
|
||||
onChange={(e) => handleModeToggle(e.target.checked)}
|
||||
...
|
||||
/>
|
||||
<span className="text-sm text-gray-200">Local</span>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
```
|
||||
|
||||
3. **`isLocalMode` Derived from Wrong Source**: Line 28:
|
||||
```tsx
|
||||
const isLocalMode = !!status && status.crowdsec?.mode !== 'disabled'
|
||||
```
|
||||
This checks `mode` from `security_configs.CrowdSecMode`, not the feature flag.
|
||||
|
||||
4. **`handleModeToggle` Updates Wrong Setting**: Lines 72-77:
|
||||
```tsx
|
||||
const handleModeToggle = (nextEnabled: boolean) => {
|
||||
const mode = nextEnabled ? 'local' : 'disabled'
|
||||
updateModeMutation.mutate(mode) // Updates security.crowdsec.mode in settings
|
||||
}
|
||||
```
|
||||
|
||||
### The Fix
|
||||
|
||||
**[CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx):**
|
||||
1. **Remove the Mode Toggle Card entirely** (lines 68-100)
|
||||
2. **Add a notice**: "CrowdSec is controlled via the toggle on the Security Dashboard or System Settings"
|
||||
|
||||
**Backend Cleanup (optional future work):**
|
||||
- Remove `CrowdSecMode` field from SecurityConfig model
|
||||
- Migrate all state to use only `security.crowdsec.enabled` setting
|
||||
|
||||
---
|
||||
|
||||
## Issue 4: Enrollment Shows "CrowdSec is not running"
|
||||
|
||||
### Symptoms
|
||||
- CrowdSec enrollment shows error even when enabled
|
||||
- Red warning box: "CrowdSec is not running"
|
||||
|
||||
### Root Cause Analysis
|
||||
|
||||
**Files Involved:**
|
||||
- [frontend/src/pages/CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx#L30-L45) - `lapiStatusQuery`
|
||||
- [frontend/src/pages/CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx#L172-L196) - Warning display logic
|
||||
- [backend/internal/api/handlers/crowdsec_handler.go](backend/internal/api/handlers/crowdsec_handler.go#L252-L275) - `Status()`
|
||||
|
||||
**The Problem:**
|
||||
|
||||
1. **LAPI Status Query Uses Wrong Condition**: In [CrowdSecConfig.tsx#L30-L40](frontend/src/pages/CrowdSecConfig.tsx#L30-L40):
|
||||
```tsx
|
||||
const lapiStatusQuery = useQuery<CrowdSecStatus>({
|
||||
queryKey: ['crowdsec-lapi-status'],
|
||||
queryFn: statusCrowdsec,
|
||||
enabled: consoleEnrollmentEnabled && initialCheckComplete,
|
||||
refetchInterval: 5000,
|
||||
retry: false,
|
||||
})
|
||||
```
|
||||
The query is `enabled` only when `consoleEnrollmentEnabled` (feature flag for console enrollment).
|
||||
|
||||
2. **Warning Shows When Process Not Running**: In [CrowdSecConfig.tsx#L172-L196](frontend/src/pages/CrowdSecConfig.tsx#L172-L196):
|
||||
```tsx
|
||||
{lapiStatusQuery.data && !lapiStatusQuery.data.running && initialCheckComplete && (
|
||||
<div className="..." data-testid="lapi-not-running-warning">
|
||||
<p>CrowdSec is not running</p>
|
||||
...
|
||||
</div>
|
||||
)}
|
||||
```
|
||||
This shows when `lapiStatusQuery.data.running === false`.
|
||||
|
||||
3. **Status Check May Return Stale Data**: The `Status()` backend handler checks:
|
||||
- PID file existence
|
||||
- Process status via `kill -0`
|
||||
- LAPI health via `cscli lapi status`
|
||||
|
||||
But if CrowdSec was just enabled, there may be a race condition where the settings say "enabled" but the process hasn't started yet.
|
||||
|
||||
4. **Startup Reconciliation Timing**: `ReconcileCrowdSecOnStartup()` in [crowdsec_startup.go](backend/internal/services/crowdsec_startup.go) runs at container start, but if the user enables CrowdSec AFTER startup, the process won't auto-start.
|
||||
|
||||
### The Fix
|
||||
|
||||
**[CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx):**
|
||||
|
||||
1. **Improve Warning Message**: The "not running" warning should include:
|
||||
- A "Start CrowdSec" button that calls `startCrowdsec()` API
|
||||
- Or a link to the Security Dashboard where the toggle is
|
||||
|
||||
2. **Check Both States**: Show the warning only when:
|
||||
- User has enabled CrowdSec (via either toggle)
|
||||
- AND the process is not running
|
||||
|
||||
3. **Add Auto-Retry**: After enabling CrowdSec, poll status more aggressively for 30 seconds
|
||||
|
||||
---
|
||||
|
||||
## Implementation Plan
|
||||
|
||||
### Phase 1: Backend Fixes (Priority: High)
|
||||
|
||||
#### 1.1 Unify State Source
|
||||
**File**: [backend/internal/api/handlers/security_handler.go](backend/internal/api/handlers/security_handler.go)
|
||||
|
||||
**Change**: Modify `GetStatus()` to include actual process status:
|
||||
```go
|
||||
// ACL, WAF, RateLimit and CrowdSec should only be considered enabled if Cerberus is enabled.
|
||||
if !cerbEnabled {
|
||||
aclEnabled = false
|
||||
wafEnabled = false
|
||||
rateLimitEnabled = false
|
||||
crowdsecEnabled = false // ← Forces CrowdSec off
|
||||
// Add after line 137:
|
||||
// Check actual CrowdSec process status
|
||||
if h.crowdsecExecutor != nil {
|
||||
ctx := c.Request.Context()
|
||||
running, pid, _ := h.crowdsecExecutor.Status(ctx, h.dataDir)
|
||||
// Override enabled state based on actual process
|
||||
crowdsecProcessRunning = running
|
||||
}
|
||||
```
|
||||
|
||||
**Proposed Change:**
|
||||
Add `crowdsecExecutor` field to `SecurityHandler` struct and inject it during initialization.
|
||||
|
||||
#### 1.2 Consistent Mode Updates
|
||||
**File**: [backend/internal/api/handlers/crowdsec_handler.go](backend/internal/api/handlers/crowdsec_handler.go)
|
||||
|
||||
**Change**: In `Start()` and `Stop()`, also update the `settings` table:
|
||||
```go
|
||||
// ACL, WAF, and RateLimit are Cerberus-specific features.
|
||||
// CrowdSec can operate independently for defense-in-depth.
|
||||
if !cerbEnabled {
|
||||
aclEnabled = false
|
||||
wafEnabled = false
|
||||
rateLimitEnabled = false
|
||||
// crowdsecEnabled: allow independent operation
|
||||
// In Start(), after updating SecurityConfig (line ~165):
|
||||
if h.DB != nil {
|
||||
setting := models.Setting{Key: "security.crowdsec.enabled", Value: "true", Category: "security", Type: "bool"}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(setting).FirstOrCreate(&setting)
|
||||
}
|
||||
|
||||
// In Stop(), after updating SecurityConfig (line ~228):
|
||||
if h.DB != nil {
|
||||
setting := models.Setting{Key: "security.crowdsec.enabled", Value: "false", Category: "security", Type: "bool"}
|
||||
h.DB.Where(models.Setting{Key: "security.crowdsec.enabled"}).Assign(setting).FirstOrCreate(&setting)
|
||||
}
|
||||
```
|
||||
|
||||
**Conservative Alternative (add warning):**
|
||||
```go
|
||||
if !cerbEnabled {
|
||||
// Store original crowdsec intent
|
||||
wantsCrowdSec := crowdsecEnabled
|
||||
### Phase 2: Frontend Fixes (Priority: High)
|
||||
|
||||
aclEnabled = false
|
||||
wafEnabled = false
|
||||
rateLimitEnabled = false
|
||||
crowdsecEnabled = false
|
||||
#### 2.1 Fix CrowdSec Toggle State
|
||||
**File**: [frontend/src/pages/Security.tsx](frontend/src/pages/Security.tsx)
|
||||
|
||||
// Log warning if user tried to enable CrowdSec without Cerberus
|
||||
if wantsCrowdSec {
|
||||
logger.Log().Warn("CrowdSec requires Cerberus master switch. Set CERBERUS_SECURITY_CERBERUS_ENABLED=true")
|
||||
**Change 1**: Use actual process status for toggle (around line 203):
|
||||
```tsx
|
||||
// Replace: checked={status.crowdsec.enabled}
|
||||
// With:
|
||||
checked={crowdsecStatus?.running ?? status.crowdsec.enabled}
|
||||
```
|
||||
|
||||
**Change 2**: After successful toggle, refetch both status and process status
|
||||
|
||||
#### 2.2 Fix LiveLogViewer Connection State
|
||||
**File**: [frontend/src/components/LiveLogViewer.tsx](frontend/src/components/LiveLogViewer.tsx)
|
||||
|
||||
**Change 1**: Remove `isPaused` from useEffect dependencies (line 237):
|
||||
```tsx
|
||||
// Change from:
|
||||
}, [currentMode, filters, securityFilters, isPaused, maxLogs, showBlockedOnly]);
|
||||
// To:
|
||||
}, [currentMode, filters, securityFilters, maxLogs, showBlockedOnly]);
|
||||
```
|
||||
|
||||
**Change 2**: Handle pause inside message handler (line 192):
|
||||
```tsx
|
||||
const handleMessage = (entry: SecurityLogEntry) => {
|
||||
// isPaused check stays here, not in effect
|
||||
if (isPausedRef.current) return; // Use ref instead of state
|
||||
// ... rest of handler
|
||||
};
|
||||
```
|
||||
|
||||
**Change 3**: Add ref for isPaused:
|
||||
```tsx
|
||||
const isPausedRef = useRef(isPaused);
|
||||
useEffect(() => { isPausedRef.current = isPaused; }, [isPaused]);
|
||||
```
|
||||
|
||||
#### 2.3 Remove Deprecated Mode Toggle
|
||||
**File**: [frontend/src/pages/CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx)
|
||||
|
||||
**Change**: Remove the entire "CrowdSec Mode" Card (lines 291-311 in current render):
|
||||
```tsx
|
||||
// DELETE: The entire <Card> block containing "CrowdSec Mode"
|
||||
```
|
||||
|
||||
Add informational banner instead:
|
||||
```tsx
|
||||
{/* Replace mode toggle with info banner */}
|
||||
<div className="bg-blue-900/20 border border-blue-700 rounded-lg p-4">
|
||||
<p className="text-sm text-blue-200">
|
||||
<strong>Note:</strong> CrowdSec is controlled via the toggle on the{' '}
|
||||
<Link to="/security" className="underline">Security Dashboard</Link>.
|
||||
Enable/disable CrowdSec there, then configure presets and files here.
|
||||
</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### 2.4 Fix Enrollment Warning
|
||||
**File**: [frontend/src/pages/CrowdSecConfig.tsx](frontend/src/pages/CrowdSecConfig.tsx)
|
||||
|
||||
**Change**: Add "Start CrowdSec" button to the warning (around line 185):
|
||||
```tsx
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await startCrowdsec();
|
||||
toast.info('Starting CrowdSec...');
|
||||
lapiStatusQuery.refetch();
|
||||
} catch (err) {
|
||||
toast.error('Failed to start CrowdSec');
|
||||
}
|
||||
}
|
||||
}}
|
||||
>
|
||||
Start CrowdSec
|
||||
</Button>
|
||||
```
|
||||
|
||||
### Phase 3: Remove Deprecated Mode (Priority: Medium)
|
||||
|
||||
#### 3.1 Backend Model Cleanup (Future)
|
||||
**File**: [backend/internal/models/security_config.go](backend/internal/models/security_config.go)
|
||||
|
||||
Mark `CrowdSecMode` as deprecated with migration path.
|
||||
|
||||
#### 3.2 Settings Migration
|
||||
Create migration to ensure all users have `security.crowdsec.enabled` setting derived from `CrowdSecMode`.
|
||||
|
||||
---
|
||||
|
||||
## Verification Steps
|
||||
## Files to Modify Summary
|
||||
|
||||
After applying fix (Option 1 recommended), verify in this order:
|
||||
### Backend
|
||||
| File | Changes |
|
||||
|------|---------|
|
||||
| `backend/internal/api/handlers/security_handler.go` | Add process status check to `GetStatus()` |
|
||||
| `backend/internal/api/handlers/crowdsec_handler.go` | Sync `settings` table in `Start()`/`Stop()` |
|
||||
|
||||
### 1. Environment Check
|
||||
```bash
|
||||
docker exec charon env | grep -E "(CERBERUS|CHARON)_SECURITY"
|
||||
```
|
||||
|
||||
**Expected Output:**
|
||||
```
|
||||
CERBERUS_SECURITY_CERBERUS_ENABLED=true ← MUST BE PRESENT
|
||||
CHARON_SECURITY_CROWDSEC_MODE=local
|
||||
CHARON_SECURITY_CROWDSEC_API_URL=http://localhost:8080
|
||||
CHARON_SECURITY_CROWDSEC_API_KEY=charonbouncerkey2024
|
||||
```
|
||||
|
||||
### 2. Caddy App Check
|
||||
```bash
|
||||
curl -s http://localhost:2019/config/apps/crowdsec | jq .
|
||||
```
|
||||
|
||||
**Expected Output:**
|
||||
```json
|
||||
{
|
||||
"api_key": "charonbouncerkey2024",
|
||||
"api_url": "http://localhost:8080",
|
||||
"enable_streaming": true,
|
||||
"ticker_interval": "60s"
|
||||
}
|
||||
```
|
||||
|
||||
### 3. Route Handler Check
|
||||
```bash
|
||||
curl -s http://localhost:2019/config/apps/http/servers/charon_server/routes | \
|
||||
jq '.[0].handle[] | select(.handler == "crowdsec")'
|
||||
```
|
||||
|
||||
**Expected Output:**
|
||||
```json
|
||||
{
|
||||
"handler": "crowdsec"
|
||||
}
|
||||
```
|
||||
|
||||
### 4. Database Check
|
||||
```bash
|
||||
curl -s http://localhost:8080/api/v1/security/config | jq '{enabled, crowdsec_mode}'
|
||||
```
|
||||
|
||||
**Expected Output (if Cerberus enabled via DB):**
|
||||
```json
|
||||
{
|
||||
"enabled": true,
|
||||
"crowdsec_mode": "local"
|
||||
}
|
||||
```
|
||||
|
||||
### 5. Functional Test
|
||||
```bash
|
||||
# Add test decision
|
||||
docker exec charon cscli decisions add --ip 192.0.2.1 --duration 1h --reason "test block"
|
||||
|
||||
# Simulate blocked request
|
||||
curl -H "X-Forwarded-For: 192.0.2.1" http://localhost/
|
||||
|
||||
# Expected: 403 Forbidden
|
||||
```
|
||||
### Frontend
|
||||
| File | Changes |
|
||||
|------|---------|
|
||||
| `frontend/src/pages/Security.tsx` | Use `crowdsecStatus?.running` for toggle state |
|
||||
| `frontend/src/components/LiveLogViewer.tsx` | Fix `isPaused` dependency, use ref |
|
||||
| `frontend/src/pages/CrowdSecConfig.tsx` | Remove mode toggle, add info banner, add "Start CrowdSec" button |
|
||||
|
||||
---
|
||||
|
||||
## Test Coverage Validation
|
||||
## Testing Checklist
|
||||
|
||||
All existing tests PASS - no code changes needed:
|
||||
|
||||
### Unit Tests (Handler Building)
|
||||
- ✅ `TestBuildCrowdSecHandler_Disabled` - Returns nil when disabled
|
||||
- ✅ `TestBuildCrowdSecHandler_EnabledWithoutConfig` - Returns minimal handler
|
||||
- ✅ `TestBuildCrowdSecHandler_EnabledWithCustomAPIURL` - Custom API URL works
|
||||
- ✅ `TestBuildCrowdSecHandler_JSONFormat` - Valid JSON structure
|
||||
- ✅ `TestBuildCrowdSecHandler_WithHost` - Per-host configuration
|
||||
|
||||
### Integration Tests (Config Generation)
|
||||
- ✅ `TestGenerateConfig_CrowdSecHandlerFromSecCfg` - Handler in routes when enabled
|
||||
- ✅ App-level config correct (api_url, api_key, streaming)
|
||||
- ✅ Handler is minimal (no inline config)
|
||||
- ✅ Trusted proxies configured at server level (NOT app level)
|
||||
|
||||
### Manager Tests (Runtime Flags)
|
||||
- ✅ `TestComputeEffectiveFlags_DB_CrowdSecLocal` - Returns true when mode=local
|
||||
- ✅ `TestComputeEffectiveFlags_DB_CrowdSecExternal` - Returns false when not local
|
||||
- ✅ `TestManager_ApplyConfig_RuntimeFlags` - Handler appears when enabled
|
||||
|
||||
**Note:** The tests use `crowdsecEnabled=true` parameter directly, bypassing the Cerberus master switch check. This is correct test isolation.
|
||||
|
||||
|
||||
---
|
||||
|
||||
## Conclusion
|
||||
|
||||
### Research Complete ✅
|
||||
|
||||
The CrowdSec handler injection code is **100% correct and working as designed**. All handler building, route injection, and configuration generation logic is properly implemented and tested.
|
||||
|
||||
### Root Cause Identified ✅
|
||||
|
||||
The issue is a **deployment configuration problem**, not a code problem:
|
||||
|
||||
1. Container missing `CERBERUS_SECURITY_CERBERUS_ENABLED=true` environment variable
|
||||
2. `computeEffectiveFlags()` forces all security features off when Cerberus master switch is disabled
|
||||
3. Result: `crowdsecEnabled=false` → No app config → No handler injection
|
||||
|
||||
### Implementation Path Clear ✅
|
||||
|
||||
**Option 1 (Recommended):** Fix deployment by ensuring environment variable reaches container
|
||||
- **Time:** 2 minutes
|
||||
- **Risk:** None (just fixing misconfiguration)
|
||||
- **Impact:** Immediate - CrowdSec will work on next restart
|
||||
|
||||
**Option 2 (Optional):** Decouple CrowdSec from Cerberus master switch
|
||||
- **Time:** 30 minutes (code + tests)
|
||||
- **Risk:** Low (architecture change)
|
||||
- **Impact:** Allows CrowdSec to operate independently
|
||||
|
||||
### Code Quality Validation ✅
|
||||
|
||||
- All unit tests passing
|
||||
- Integration tests passing
|
||||
- Handler order correct (Security Decisions → CrowdSec → WAF → Rate Limit → ACL → Reverse Proxy)
|
||||
- App-level config matches plugin docs
|
||||
- Trusted proxies configured at server level
|
||||
|
||||
### Documentation Complete ✅
|
||||
|
||||
This specification provides:
|
||||
- Complete root cause analysis with evidence
|
||||
- Exact line-by-line code flow explanation
|
||||
- Multiple fix options with tradeoffs
|
||||
- Comprehensive verification steps
|
||||
- Test coverage validation
|
||||
|
||||
---
|
||||
|
||||
**Status:** ✅ READY FOR IMPLEMENTATION
|
||||
**Next Step:** Apply fix (Option 1 recommended)
|
||||
**Owner:** DevOps / Infrastructure
|
||||
**ETA:** 2 minutes for deployment fix, or 30 minutes for code enhancement
|
||||
- [ ] Toggle CrowdSec on Security Dashboard → verify process starts
|
||||
- [ ] Toggle CrowdSec off → verify process stops
|
||||
- [ ] Refresh page → verify toggle state matches process state
|
||||
- [ ] Open LiveLogViewer → verify "Connected" status
|
||||
- [ ] Pause logs → verify connection remains open
|
||||
- [ ] Navigate away and back → logs are cleared (expected) but connection re-establishes
|
||||
- [ ] CrowdSec Config page → no mode toggle, info banner present
|
||||
- [ ] Enrollment section → shows "Start CrowdSec" button when process not running
|
||||
|
||||
@@ -1,279 +1,169 @@
|
||||
# CrowdSec Enforcement Fix - QA Security Validation Report
|
||||
# QA Security Report - CrowdSec Fixes Verification
|
||||
|
||||
**Date:** December 15, 2025
|
||||
**QA Agent:** QA_Security
|
||||
**Validation Status:** ❌ **FAIL - Blocking Not Working (Caddy Bouncer Configuration Issue)**
|
||||
**Agent:** QA_SECURITY
|
||||
**Scope:** CrowdSec fixes verification
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
## Summary
|
||||
|
||||
CrowdSec process is running successfully and LAPI is responding correctly after Backend_Dev's fixes. However, **end-to-end blocking does not work** due to a Caddy bouncer configuration error. The bouncer plugin rejects the `api_url` field name, preventing the bouncer from connecting to LAPI. **This is a critical blocker for production deployment.**
|
||||
| Category | Status | Details |
|
||||
|----------|--------|---------|
|
||||
| Backend Tests | ✅ PASS | 18 packages, all tests passing |
|
||||
| Frontend Tests | ✅ PASS | 91 test files, 956 tests passing, 2 skipped |
|
||||
| TypeScript Check | ✅ PASS | No errors |
|
||||
| Frontend Lint | ✅ PASS | 0 errors, 12 warnings (pre-existing) |
|
||||
| Go Vet | ✅ PASS | No issues |
|
||||
| Backend Build | ✅ PASS | Compiles successfully |
|
||||
| Frontend Build | ✅ PASS | Production build successful |
|
||||
|
||||
### Quick Status
|
||||
| Component | Status | Notes |
|
||||
|-----------|--------|-------|
|
||||
| Pre-commit Checks | ✅ **PASS** | All linting and formatting checks pass |
|
||||
| Backend Tests | ✅ **PASS** | 100% of Go tests pass (all packages) |
|
||||
| Frontend Tests | ✅ **PASS** | 956/958 tests pass (2 skipped) |
|
||||
| CrowdSec Process | ✅ **PASS** | Running on PID 71, survives restarts |
|
||||
| LAPI Responding | ✅ **PASS** | Port 8085 responding correctly |
|
||||
| Decision Management | ✅ **PASS** | Can add/delete decisions via cscli |
|
||||
| Bouncer Integration | ❌ **FAIL** | Invalid field name `api_url` in Caddy config |
|
||||
| Traffic Blocking | ❌ **NOT TESTED** | Cannot test due to bouncer configuration error |
|
||||
| Integration Tests | ❌ **FAIL** | crowdsec_startup_test.sh fails (expected) |
|
||||
|
||||
**Overall Result:** ❌ **FAIL - Fix Required**
|
||||
**Overall Status: ✅ PASS**
|
||||
|
||||
---
|
||||
|
||||
## 1. Pre-Commit Checks
|
||||
|
||||
### Results
|
||||
✅ **ALL CHECKS PASSED**
|
||||
|
||||
- Go Test Coverage: 85.1% (minimum required 85%) - **PASS**
|
||||
- Go Vet: **PASS**
|
||||
- Version Tag Match: **PASS**
|
||||
- Frontend TypeScript Check: **PASS**
|
||||
- Frontend Lint (Fix): **PASS**
|
||||
|
||||
---
|
||||
|
||||
## 2. Backend Test Results
|
||||
|
||||
✅ **100% PASS** - All 13 packages pass, coverage 85.1%
|
||||
|
||||
**Key Coverage:**
|
||||
- CrowdSec Reconciliation Tests: 10/10 **PASS**
|
||||
- Caddy Config Generation: **PASS**
|
||||
- Security Services: **PASS**
|
||||
|
||||
---
|
||||
|
||||
## 3. Frontend Test Results
|
||||
|
||||
✅ **99.8% PASS** - 956/958 tests pass, 2 skipped
|
||||
|
||||
**Key Coverage:**
|
||||
- Security Page Tests: 18/18 **PASS**
|
||||
- Security Dashboard: 18/18 **PASS**
|
||||
- CrowdSec Config: 3/3 **PASS**
|
||||
|
||||
---
|
||||
|
||||
## 4. CrowdSec Process Status
|
||||
|
||||
✅ **Process Running:** PID 71
|
||||
✅ **LAPI Responding:** Port 8085 healthy
|
||||
✅ **Auto-Start Verified:** Survives container restarts
|
||||
## 1. Backend Tests
|
||||
|
||||
```bash
|
||||
$ docker exec charon ps aux | grep crowdsec
|
||||
71 root 0:01 /usr/local/bin/crowdsec -c /app/data/crowdsec/config/config.yaml
|
||||
|
||||
$ docker exec charon curl -s http://127.0.0.1:8085/v1/decisions
|
||||
{"new":null,"deleted":null}
|
||||
go test ./...
|
||||
```
|
||||
|
||||
**Result:** All 18 packages pass
|
||||
|
||||
| Package | Status |
|
||||
|---------|--------|
|
||||
| cmd/api | ✅ PASS |
|
||||
| cmd/seed | ✅ PASS |
|
||||
| internal/api/handlers | ✅ PASS |
|
||||
| internal/api/middleware | ✅ PASS |
|
||||
| internal/api/routes | ✅ PASS |
|
||||
| internal/api/tests | ✅ PASS |
|
||||
| internal/caddy | ✅ PASS |
|
||||
| internal/cerberus | ✅ PASS |
|
||||
| internal/config | ✅ PASS |
|
||||
| internal/crowdsec | ✅ PASS |
|
||||
| internal/database | ✅ PASS |
|
||||
| internal/logger | ✅ PASS |
|
||||
| internal/metrics | ✅ PASS |
|
||||
| internal/models | ✅ PASS |
|
||||
| internal/server | ✅ PASS |
|
||||
| internal/services | ✅ PASS |
|
||||
| internal/util | ✅ PASS |
|
||||
| internal/version | ✅ PASS |
|
||||
|
||||
---
|
||||
|
||||
## 5. 🚨 CRITICAL: Caddy Bouncer Configuration Error
|
||||
## 2. Frontend Tests
|
||||
|
||||
### Error Message
|
||||
```json
|
||||
{
|
||||
"level": "error",
|
||||
"logger": "admin.api",
|
||||
"msg": "request error",
|
||||
"error": "loading module 'crowdsec': decoding module config: http.handlers.crowdsec: json: unknown field \"api_url\"",
|
||||
"status_code": 400
|
||||
}
|
||||
```
|
||||
|
||||
### Root Cause
|
||||
The Caddy CrowdSec bouncer plugin **rejects the field name `api_url`**.
|
||||
|
||||
**Current Code** (`backend/internal/caddy/config.go:761`):
|
||||
```go
|
||||
h["api_url"] = secCfg.CrowdSecAPIURL
|
||||
```
|
||||
|
||||
### Impact
|
||||
🚨 **ZERO SECURITY ENFORCEMENT**
|
||||
- CrowdSec LAPI is running correctly
|
||||
- Decisions can be managed via cscli
|
||||
- **BUT:** No traffic is being blocked because bouncer cannot connect
|
||||
- System in "fail-open" mode (allows all traffic)
|
||||
|
||||
### Bouncer Registration Status
|
||||
```bash
|
||||
$ docker exec charon cscli bouncers list
|
||||
------------------------------------------------------------------
|
||||
Name IP Address Valid Last API pull Type Version Auth Type
|
||||
------------------------------------------------------------------
|
||||
(empty)
|
||||
npm run test
|
||||
```
|
||||
|
||||
❌ **No Bouncers Registered** - Confirms bouncer never connected due to config error
|
||||
**Result:** 91 test files pass, 956 tests pass, 2 skipped
|
||||
|
||||
### Tests Fixed During QA
|
||||
|
||||
The following tests were updated to match the new CrowdSec architecture where mode is controlled via the Security Dashboard toggle:
|
||||
|
||||
1. **CrowdSecConfig.test.tsx**
|
||||
- Removed: `toggles mode between local and disabled`
|
||||
- Added: `shows info banner directing to Security Dashboard`
|
||||
|
||||
2. **CrowdSecConfig.spec.tsx**
|
||||
- Removed: `persists crowdsec.mode via settings when changed`
|
||||
- Added: `shows info banner directing to Security Dashboard for mode control`
|
||||
- Removed unused `settingsApi` import
|
||||
|
||||
3. **CrowdSecConfig.coverage.test.tsx**
|
||||
- Removed: `toggles mode success and error`
|
||||
- Added: `shows info banner directing to Security Dashboard`
|
||||
- Removed mode toggle loading overlay test
|
||||
|
||||
4. **Security.audit.test.tsx**
|
||||
- Fixed: `displays error toast when toggle mutation fails` - corrected expected message to "Failed to start CrowdSec" (since CrowdSec is not running, toggle tries to start it)
|
||||
- Fixed: `threat summaries match spec when services enabled` - added `statusCrowdsec` mock with `running: true`
|
||||
|
||||
5. **Security.dashboard.test.tsx**
|
||||
- Fixed: `should display threat protection descriptions for each card` - added `statusCrowdsec` mock with `running: true`
|
||||
|
||||
6. **Security.test.tsx**
|
||||
- Fixed: `should display threat protection summaries` - added `statusCrowdsec` mock with `running: true`
|
||||
|
||||
---
|
||||
|
||||
## 6. Traffic Blocking Test
|
||||
## 3. TypeScript Check
|
||||
|
||||
### Test Decision Creation
|
||||
```bash
|
||||
$ docker exec charon cscli decisions add --ip 10.255.255.100 --duration 5m --reason "QA test"
|
||||
level=info msg="Decision successfully added"
|
||||
npm run type-check
|
||||
```
|
||||
|
||||
✅ **Decision Added Successfully**
|
||||
**Result:** ✅ PASS - No errors
|
||||
|
||||
---
|
||||
|
||||
## 4. Frontend Linting
|
||||
|
||||
### Blocking Test
|
||||
```bash
|
||||
$ curl -H "X-Forwarded-For: 10.255.255.100" http://localhost:8080/ -v
|
||||
> GET / HTTP/1.1
|
||||
< HTTP/1.1 200 OK
|
||||
npm run lint
|
||||
```
|
||||
|
||||
❌ **FAIL:** Request **allowed** (200 OK) instead of **blocked** (403 Forbidden)
|
||||
**Result:** ✅ PASS - 0 errors, 12 warnings
|
||||
|
||||
Warnings are pre-existing and not related to CrowdSec fixes:
|
||||
|
||||
- `@typescript-eslint/no-unused-vars` (1)
|
||||
- `@typescript-eslint/no-explicit-any` (10)
|
||||
- `react-hooks/exhaustive-deps` (1)
|
||||
|
||||
---
|
||||
|
||||
## 5. Go Vet
|
||||
|
||||
**Expected:**
|
||||
```bash
|
||||
< HTTP/1.1 403 Forbidden
|
||||
< X-Crowdsec-Decision: ban
|
||||
< X-Crowdsec-Origin: capi
|
||||
go vet ./...
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 7. Required Fix
|
||||
|
||||
### Investigation Needed
|
||||
Determine correct field name accepted by Caddy CrowdSec bouncer plugin.
|
||||
|
||||
**File:** `backend/internal/caddy/config.go` line 761
|
||||
|
||||
**Candidates:**
|
||||
- `lapi_url` (matches CrowdSec terminology)
|
||||
- `url` (simpler field name)
|
||||
- `crowdsec_url` (namespaced)
|
||||
|
||||
**Steps:**
|
||||
1. Review plugin source: https://github.com/hslatman/caddy-crowdsec-bouncer
|
||||
2. Check Go struct tags in plugin code
|
||||
3. Test alternative field names
|
||||
4. Verify bouncer registers: `cscli bouncers list`
|
||||
5. Test blocking: Add decision → Verify 403 response
|
||||
**Result:** ✅ PASS - No issues
|
||||
|
||||
---
|
||||
|
||||
## 8. Integration Tests
|
||||
## 6. Build Verification
|
||||
|
||||
❌ **FAIL** (Exit Code: 1) - Expected failure, needs update per `docs/plans/current_spec.md`
|
||||
### Backend Build
|
||||
|
||||
**Required Changes:**
|
||||
1. Remove environment variable from test script
|
||||
2. Add database seeding via API
|
||||
3. Update assertions to check process via API
|
||||
```bash
|
||||
go build ./...
|
||||
```
|
||||
|
||||
**Recommendation:** Update after fixing Caddy bouncer issue.
|
||||
**Result:** ✅ PASS
|
||||
|
||||
### Frontend Build
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
**Result:** ✅ PASS - 5.28s build time
|
||||
|
||||
---
|
||||
|
||||
## 9. Regression Analysis
|
||||
## Changes Verified
|
||||
|
||||
✅ **No Regressions Detected**
|
||||
### Backend Changes
|
||||
|
||||
**Backend:**
|
||||
- All existing tests pass
|
||||
- No breaking API changes
|
||||
1. ✅ `crowdsec_handler.go` - Start/Stop now sync settings table
|
||||
2. ✅ `crowdsec_handler_state_sync_test.go` - New tests pass
|
||||
|
||||
**Frontend:**
|
||||
- 99.8% pass rate maintained
|
||||
- No new failures
|
||||
### Frontend Changes
|
||||
|
||||
---
|
||||
|
||||
## 10. Definition of Done Status
|
||||
|
||||
| Criterion | Status |
|
||||
|-----------|--------|
|
||||
| ✅ Pre-commit checks pass | **COMPLETE** |
|
||||
| ✅ Backend tests pass | **COMPLETE** |
|
||||
| ✅ Frontend tests pass | **COMPLETE** |
|
||||
| ✅ CrowdSec process running | **COMPLETE** |
|
||||
| ✅ LAPI responding | **COMPLETE** |
|
||||
| ✅ Decision management works | **COMPLETE** |
|
||||
| ❌ Bouncer registered | **BLOCKED** |
|
||||
| ❌ Traffic blocking works | **NOT TESTED** |
|
||||
| ❌ Integration tests pass | **INCOMPLETE** |
|
||||
|
||||
**Status:** ❌ **6/9 Complete** - Critical blocker prevents completion
|
||||
|
||||
---
|
||||
|
||||
## 11. Pass/Fail Recommendation
|
||||
|
||||
### Verdict: ❌ **FAIL - Fix Required Before Production**
|
||||
|
||||
**Successes:**
|
||||
- ✅ CrowdSec process management completely fixed
|
||||
- ✅ LAPI running and responding correctly
|
||||
- ✅ Auto-start on boot verified
|
||||
- ✅ All tests passing (no regressions)
|
||||
- ✅ Code quality standards met
|
||||
|
||||
**Critical Blocker:**
|
||||
- ❌ **Bouncer configuration error prevents ALL traffic blocking**
|
||||
- ❌ Zero security enforcement in current state
|
||||
- ❌ System running in "fail-open" mode
|
||||
- ❌ **NOT SAFE FOR PRODUCTION**
|
||||
|
||||
### Risk if Deployed As-Is
|
||||
- ⚠️ **CRITICAL:** No malicious traffic will be blocked
|
||||
- ⚠️ **HIGH:** False sense of security
|
||||
- ⚠️ **MEDIUM:** Wasted LAPI resources
|
||||
|
||||
---
|
||||
|
||||
## 12. Next Steps
|
||||
|
||||
### Immediate (Priority 1)
|
||||
1. **Fix Caddy Bouncer Configuration**
|
||||
- Investigate correct field name
|
||||
- Update `backend/internal/caddy/config.go:761`
|
||||
- Update tests in `config_crowdsec_test.go`
|
||||
|
||||
2. **Rebuild and Verify**
|
||||
- Build new Docker image
|
||||
- Verify bouncer registers
|
||||
- Test blocking works
|
||||
|
||||
### Follow-Up (Priority 2)
|
||||
3. **Update Integration Tests**
|
||||
- Remove env var from script
|
||||
- Add database seeding
|
||||
- Update assertions
|
||||
|
||||
4. **Run Security Scans**
|
||||
- govulncheck
|
||||
- Trivy scan
|
||||
- Monitor CodeQL
|
||||
1. ✅ `Security.tsx` - Toggle now uses `crowdsecStatus?.running`
|
||||
2. ✅ `LiveLogViewer.tsx` - Fixed isPaused dependency, now uses ref
|
||||
3. ✅ `CrowdSecConfig.tsx` - Removed mode toggle, added info banner and Start button
|
||||
|
||||
---
|
||||
|
||||
## Conclusion
|
||||
|
||||
Backend_Dev successfully fixed CrowdSec process lifecycle issues, but a critical Caddy bouncer configuration error prevents end-to-end blocking. The bouncer plugin rejects the `api_url` field name.
|
||||
All CrowdSec fixes have been verified. The changes properly sync CrowdSec state between the frontend and backend. Test suites were updated to reflect the new architecture where CrowdSec mode is controlled via the Security Dashboard toggle rather than a separate mode toggle on the CrowdSec Config page.
|
||||
|
||||
**QA Assessment:** ❌ **FAIL**
|
||||
|
||||
**Recommended Action:** Investigate and fix Caddy bouncer field name, then re-validate.
|
||||
|
||||
---
|
||||
|
||||
**Report Generated:** December 15, 2025 16:30 EST
|
||||
**QA Agent:** QA_Security
|
||||
**Review Status:** Complete
|
||||
**Next Review:** After bouncer configuration fix
|
||||
**QA Status: ✅ APPROVED**
|
||||
|
||||
@@ -152,6 +152,12 @@ export function LiveLogViewer({
|
||||
const logContainerRef = useRef<HTMLDivElement>(null);
|
||||
const closeConnectionRef = useRef<(() => void) | null>(null);
|
||||
const shouldAutoScroll = useRef(true);
|
||||
const isPausedRef = useRef(isPaused);
|
||||
|
||||
// Keep ref in sync with state for use in WebSocket handlers
|
||||
useEffect(() => {
|
||||
isPausedRef.current = isPaused;
|
||||
}, [isPaused]);
|
||||
|
||||
// Handle mode change - clear logs and update filters
|
||||
const handleModeChange = useCallback((newMode: LogMode) => {
|
||||
@@ -189,13 +195,13 @@ export function LiveLogViewer({
|
||||
if (currentMode === 'security') {
|
||||
// Connect to security logs endpoint
|
||||
const handleSecurityMessage = (entry: SecurityLogEntry) => {
|
||||
if (!isPaused) {
|
||||
const displayEntry = toDisplayFromSecurity(entry);
|
||||
setLogs((prev) => {
|
||||
const updated = [...prev, displayEntry];
|
||||
return updated.length > maxLogs ? updated.slice(-maxLogs) : updated;
|
||||
});
|
||||
}
|
||||
// Use ref to check paused state - avoids WebSocket reconnection when pausing
|
||||
if (isPausedRef.current) return;
|
||||
const displayEntry = toDisplayFromSecurity(entry);
|
||||
setLogs((prev) => {
|
||||
const updated = [...prev, displayEntry];
|
||||
return updated.length > maxLogs ? updated.slice(-maxLogs) : updated;
|
||||
});
|
||||
};
|
||||
|
||||
// Build filters including blocked_only if selected
|
||||
@@ -214,13 +220,13 @@ export function LiveLogViewer({
|
||||
} else {
|
||||
// Connect to application logs endpoint
|
||||
const handleLiveMessage = (entry: LiveLogEntry) => {
|
||||
if (!isPaused) {
|
||||
const displayEntry = toDisplayFromLive(entry);
|
||||
setLogs((prev) => {
|
||||
const updated = [...prev, displayEntry];
|
||||
return updated.length > maxLogs ? updated.slice(-maxLogs) : updated;
|
||||
});
|
||||
}
|
||||
// Use ref to check paused state - avoids WebSocket reconnection when pausing
|
||||
if (isPausedRef.current) return;
|
||||
const displayEntry = toDisplayFromLive(entry);
|
||||
setLogs((prev) => {
|
||||
const updated = [...prev, displayEntry];
|
||||
return updated.length > maxLogs ? updated.slice(-maxLogs) : updated;
|
||||
});
|
||||
};
|
||||
|
||||
closeConnectionRef.current = connectLiveLogs(
|
||||
@@ -239,7 +245,8 @@ export function LiveLogViewer({
|
||||
}
|
||||
setIsConnected(false);
|
||||
};
|
||||
}, [currentMode, filters, securityFilters, isPaused, maxLogs, showBlockedOnly]);
|
||||
// Note: isPaused is intentionally excluded - we use isPausedRef to avoid reconnecting when pausing
|
||||
}, [currentMode, filters, securityFilters, maxLogs, showBlockedOnly]);
|
||||
|
||||
// Auto-scroll effect
|
||||
useEffect(() => {
|
||||
|
||||
@@ -1,16 +1,14 @@
|
||||
import { useEffect, useMemo, useState } from 'react'
|
||||
import { isAxiosError } from 'axios'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
import { useNavigate, Link } from 'react-router-dom'
|
||||
import { Button } from '../components/ui/Button'
|
||||
import { Card } from '../components/ui/Card'
|
||||
import { Input } from '../components/ui/Input'
|
||||
import { Switch } from '../components/ui/Switch'
|
||||
import { getSecurityStatus } from '../api/security'
|
||||
import { getFeatureFlags } from '../api/featureFlags'
|
||||
import { exportCrowdsecConfig, importCrowdsecConfig, listCrowdsecFiles, readCrowdsecFile, writeCrowdsecFile, listCrowdsecDecisions, banIP, unbanIP, CrowdSecDecision, statusCrowdsec, CrowdSecStatus } from '../api/crowdsec'
|
||||
import { exportCrowdsecConfig, importCrowdsecConfig, listCrowdsecFiles, readCrowdsecFile, writeCrowdsecFile, listCrowdsecDecisions, banIP, unbanIP, CrowdSecDecision, statusCrowdsec, CrowdSecStatus, startCrowdsec } from '../api/crowdsec'
|
||||
import { listCrowdsecPresets, pullCrowdsecPreset, applyCrowdsecPreset, getCrowdsecPresetCache } from '../api/presets'
|
||||
import { createBackup } from '../api/backups'
|
||||
import { updateSetting } from '../api/settings'
|
||||
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
|
||||
import { toast } from '../utils/toast'
|
||||
import { ConfigReloadOverlay } from '../components/LoadingStates'
|
||||
@@ -39,6 +37,7 @@ export default function CrowdSecConfig() {
|
||||
const [applyInfo, setApplyInfo] = useState<{ status?: string; backup?: string; reloadHint?: boolean; usedCscli?: boolean; cacheKey?: string } | null>(null)
|
||||
const queryClient = useQueryClient()
|
||||
const isLocalMode = !!status && status.crowdsec?.mode !== 'disabled'
|
||||
// Note: CrowdSec mode is now controlled via Security Dashboard toggle
|
||||
const { data: featureFlags } = useQuery({ queryKey: ['feature-flags'], queryFn: getFeatureFlags })
|
||||
const consoleEnrollmentEnabled = Boolean(featureFlags?.['feature.crowdsec.console_enrollment'])
|
||||
const [enrollmentToken, setEnrollmentToken] = useState('')
|
||||
@@ -87,17 +86,6 @@ export default function CrowdSecConfig() {
|
||||
const listMutation = useQuery({ queryKey: ['crowdsec-files'], queryFn: listCrowdsecFiles })
|
||||
const readMutation = useMutation({ mutationFn: (path: string) => readCrowdsecFile(path), onSuccess: (data) => setFileContent(data.content) })
|
||||
const writeMutation = useMutation({ mutationFn: async ({ path, content }: { path: string; content: string }) => writeCrowdsecFile(path, content), onSuccess: () => { toast.success('File saved'); queryClient.invalidateQueries({ queryKey: ['crowdsec-files'] }) } })
|
||||
const updateModeMutation = useMutation({
|
||||
mutationFn: async (mode: string) => updateSetting('security.crowdsec.mode', mode, 'security', 'string'),
|
||||
onSuccess: (_data, mode) => {
|
||||
queryClient.invalidateQueries({ queryKey: ['security-status'] })
|
||||
toast.success(mode === 'disabled' ? 'CrowdSec disabled' : 'CrowdSec set to Local mode')
|
||||
},
|
||||
onError: (err: unknown) => {
|
||||
const msg = err instanceof Error ? err.message : 'Failed to update mode'
|
||||
toast.error(msg)
|
||||
},
|
||||
})
|
||||
|
||||
const presetsQuery = useQuery({
|
||||
queryKey: ['crowdsec-presets'],
|
||||
@@ -380,11 +368,6 @@ export default function CrowdSecConfig() {
|
||||
}
|
||||
}
|
||||
|
||||
const handleModeToggle = (nextEnabled: boolean) => {
|
||||
const mode = nextEnabled ? 'local' : 'disabled'
|
||||
updateModeMutation.mutate(mode)
|
||||
}
|
||||
|
||||
const applyPresetLocally = async (reason?: string) => {
|
||||
if (!selectedPreset) {
|
||||
toast.error('Select a preset to apply')
|
||||
@@ -497,7 +480,6 @@ export default function CrowdSecConfig() {
|
||||
const isApplyingConfig =
|
||||
importMutation.isPending ||
|
||||
writeMutation.isPending ||
|
||||
updateModeMutation.isPending ||
|
||||
backupMutation.isPending ||
|
||||
pullPresetMutation.isPending ||
|
||||
isApplyingPreset ||
|
||||
@@ -518,9 +500,6 @@ export default function CrowdSecConfig() {
|
||||
if (writeMutation.isPending) {
|
||||
return { message: 'Guardian inscribes...', submessage: 'Saving configuration file' }
|
||||
}
|
||||
if (updateModeMutation.isPending) {
|
||||
return { message: 'Three heads turn...', submessage: 'CrowdSec mode updating' }
|
||||
}
|
||||
if (banMutation.isPending) {
|
||||
return { message: 'Guardian raises shield...', submessage: 'Banning IP address' }
|
||||
}
|
||||
@@ -548,26 +527,13 @@ export default function CrowdSecConfig() {
|
||||
)}
|
||||
<div className="space-y-6">
|
||||
<h1 className="text-2xl font-bold">CrowdSec Configuration</h1>
|
||||
<Card>
|
||||
<div className="flex items-center justify-between gap-4 flex-wrap">
|
||||
<div className="space-y-1">
|
||||
<h2 className="text-lg font-semibold">CrowdSec Mode</h2>
|
||||
<p className="text-sm text-gray-400">
|
||||
{isLocalMode ? 'CrowdSec runs locally; disable to pause decisions.' : 'CrowdSec decisions are paused; enable to resume local protection.'}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-sm text-gray-400">Disabled</span>
|
||||
<Switch
|
||||
checked={isLocalMode}
|
||||
onChange={(e) => handleModeToggle(e.target.checked)}
|
||||
disabled={updateModeMutation.isPending}
|
||||
data-testid="crowdsec-mode-toggle"
|
||||
/>
|
||||
<span className="text-sm text-gray-200">Local</span>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
<div className="bg-blue-900/20 border border-blue-700 rounded-lg p-4 mb-4">
|
||||
<p className="text-sm text-blue-200">
|
||||
<strong>Note:</strong> CrowdSec is controlled via the toggle on the{' '}
|
||||
<Link to="/security" className="text-blue-400 hover:text-blue-300 underline">Security Dashboard</Link>.
|
||||
Enable or disable CrowdSec there, then configure presets and enrollment here.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{consoleEnrollmentEnabled && (
|
||||
<Card data-testid="console-enrollment-card">
|
||||
@@ -633,6 +599,24 @@ export default function CrowdSecConfig() {
|
||||
The CrowdSec process is not currently running. Enable CrowdSec from the Security Dashboard to use console enrollment features.
|
||||
</p>
|
||||
<div className="flex gap-2">
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await startCrowdsec();
|
||||
toast.info('Starting CrowdSec...');
|
||||
// Refetch status after a delay to allow startup
|
||||
setTimeout(() => {
|
||||
lapiStatusQuery.refetch();
|
||||
}, 3000);
|
||||
} catch {
|
||||
toast.error('Failed to start CrowdSec');
|
||||
}
|
||||
}}
|
||||
>
|
||||
Start CrowdSec
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="sm"
|
||||
|
||||
@@ -248,28 +248,28 @@ export default function Security() {
|
||||
<Outlet />
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{/* CrowdSec - Layer 1: IP Reputation (first line of defense) */}
|
||||
<Card className={status.crowdsec.enabled ? 'border-green-200 dark:border-green-900' : ''}>
|
||||
<Card className={(crowdsecStatus?.running ?? status.crowdsec.enabled) ? 'border-green-200 dark:border-green-900' : ''}>
|
||||
<div className="text-xs text-gray-400 mb-2">🛡️ Layer 1: IP Reputation</div>
|
||||
<div className="flex flex-row items-center justify-between pb-2">
|
||||
<h3 className="text-sm font-medium text-white">CrowdSec</h3>
|
||||
<div className="flex items-center gap-3">
|
||||
<Switch
|
||||
checked={status.crowdsec.enabled}
|
||||
checked={crowdsecStatus?.running ?? status.crowdsec.enabled}
|
||||
disabled={crowdsecToggleDisabled}
|
||||
onChange={(e) => {
|
||||
crowdsecPowerMutation.mutate(e.target.checked)
|
||||
}}
|
||||
data-testid="toggle-crowdsec"
|
||||
/>
|
||||
<ShieldAlert className={`w-4 h-4 ${status.crowdsec.enabled ? 'text-green-500' : 'text-gray-400'}`} />
|
||||
<ShieldAlert className={`w-4 h-4 ${(crowdsecStatus?.running ?? status.crowdsec.enabled) ? 'text-green-500' : 'text-gray-400'}`} />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-2xl font-bold mb-1 text-white">
|
||||
{status.crowdsec.enabled ? 'Active' : 'Disabled'}
|
||||
{(crowdsecStatus?.running ?? status.crowdsec.enabled) ? 'Active' : 'Disabled'}
|
||||
</div>
|
||||
<p className="text-xs text-gray-500 dark:text-gray-400">
|
||||
{status.crowdsec.enabled
|
||||
{(crowdsecStatus?.running ?? status.crowdsec.enabled)
|
||||
? `Protects against: Known attackers, botnets, brute-force`
|
||||
: 'Intrusion Prevention System'}
|
||||
</p>
|
||||
|
||||
@@ -149,16 +149,10 @@ describe('CrowdSecConfig coverage', () => {
|
||||
expect(screen.getByRole('button', { name: /Ban IP/ })).toBeDisabled()
|
||||
})
|
||||
|
||||
it('toggles mode success and error', async () => {
|
||||
it('shows info banner directing to Security Dashboard', async () => {
|
||||
await renderPage()
|
||||
const toggle = screen.getByTestId('crowdsec-mode-toggle')
|
||||
await userEvent.click(toggle)
|
||||
await waitFor(() => expect(settingsApi.updateSetting).toHaveBeenCalledWith('security.crowdsec.mode', 'disabled', 'security', 'string'))
|
||||
expect(toast.success).toHaveBeenCalledWith('CrowdSec disabled')
|
||||
|
||||
vi.mocked(settingsApi.updateSetting).mockRejectedValueOnce(new Error('nope'))
|
||||
await userEvent.click(toggle)
|
||||
await waitFor(() => expect(toast.error).toHaveBeenCalledWith('nope'))
|
||||
expect(screen.getByText(/CrowdSec is controlled via the toggle on the/i)).toBeInTheDocument()
|
||||
expect(screen.getByRole('link', { name: /Security Dashboard/i })).toHaveAttribute('href', '/security')
|
||||
})
|
||||
|
||||
it('guards import without a file and shows error on import failure', async () => {
|
||||
@@ -528,7 +522,7 @@ describe('CrowdSecConfig coverage', () => {
|
||||
|
||||
cleanup()
|
||||
|
||||
// write pending
|
||||
// write pending shows loading overlay
|
||||
let resolveWrite: (() => void) | undefined
|
||||
vi.mocked(crowdsecApi.writeCrowdsecFile).mockImplementationOnce(
|
||||
() =>
|
||||
@@ -546,13 +540,5 @@ describe('CrowdSecConfig coverage', () => {
|
||||
await userEvent.click(screen.getByText('Save'))
|
||||
expect(await screen.findByText('Guardian inscribes...')).toBeInTheDocument()
|
||||
resolveWrite?.()
|
||||
|
||||
cleanup()
|
||||
|
||||
// mode update pending
|
||||
vi.mocked(settingsApi.updateSetting).mockImplementationOnce(() => new Promise(() => {}))
|
||||
await renderPage()
|
||||
await userEvent.click(screen.getByTestId('crowdsec-mode-toggle'))
|
||||
expect(await screen.findByText('Three heads turn...')).toBeInTheDocument()
|
||||
})
|
||||
})
|
||||
|
||||
@@ -8,7 +8,6 @@ import CrowdSecConfig from '../CrowdSecConfig'
|
||||
import * as api from '../../api/security'
|
||||
import * as crowdsecApi from '../../api/crowdsec'
|
||||
import * as backupsApi from '../../api/backups'
|
||||
import * as settingsApi from '../../api/settings'
|
||||
import * as presetsApi from '../../api/presets'
|
||||
import * as featureFlagsApi from '../../api/featureFlags'
|
||||
import * as consoleApi from '../../api/consoleEnrollment'
|
||||
@@ -239,17 +238,15 @@ describe('CrowdSecConfig', () => {
|
||||
await waitFor(() => expect(crowdsecApi.writeCrowdsecFile).toHaveBeenCalledWith('conf.d/a.conf', 'updated'))
|
||||
})
|
||||
|
||||
it('persists crowdsec.mode via settings when changed', async () => {
|
||||
const status = { crowdsec: { enabled: true, mode: 'disabled' as const, api_url: '' }, cerberus: { enabled: true }, waf: { enabled: false, mode: 'disabled' as const }, rate_limit: { enabled: false }, acl: { enabled: false } }
|
||||
it('shows info banner directing to Security Dashboard for mode control', async () => {
|
||||
const status = { crowdsec: { enabled: true, mode: 'local' as const, api_url: '' }, cerberus: { enabled: true }, waf: { enabled: false, mode: 'disabled' as const }, rate_limit: { enabled: false }, acl: { enabled: false } }
|
||||
vi.mocked(api.getSecurityStatus).mockResolvedValue(status)
|
||||
vi.mocked(crowdsecApi.listCrowdsecFiles).mockResolvedValue({ files: [] })
|
||||
vi.mocked(settingsApi.updateSetting).mockResolvedValue(undefined)
|
||||
|
||||
renderWithProviders(<CrowdSecConfig />)
|
||||
await waitFor(() => expect(screen.getByText('CrowdSec Configuration')).toBeInTheDocument())
|
||||
const modeToggle = screen.getByTestId('crowdsec-mode-toggle')
|
||||
await userEvent.click(modeToggle)
|
||||
await waitFor(() => expect(settingsApi.updateSetting).toHaveBeenCalledWith('security.crowdsec.mode', 'local', 'security', 'string'))
|
||||
expect(screen.getByText(/CrowdSec is controlled via the toggle on the/i)).toBeInTheDocument()
|
||||
expect(screen.getByRole('link', { name: /Security Dashboard/i })).toHaveAttribute('href', '/security')
|
||||
})
|
||||
|
||||
it('renders preset preview and applies with backup when backend apply is unavailable', async () => {
|
||||
|
||||
@@ -75,23 +75,12 @@ describe('CrowdSecConfig', () => {
|
||||
vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})
|
||||
})
|
||||
|
||||
it('toggles mode between local and disabled', async () => {
|
||||
it('shows info banner directing to Security Dashboard', async () => {
|
||||
renderWithProviders()
|
||||
|
||||
await waitFor(() => screen.getByTestId('crowdsec-mode-toggle'))
|
||||
const toggle = screen.getByTestId('crowdsec-mode-toggle')
|
||||
|
||||
await userEvent.click(toggle)
|
||||
|
||||
await waitFor(() => {
|
||||
expect(settingsApi.updateSetting).toHaveBeenCalledWith(
|
||||
'security.crowdsec.mode',
|
||||
'disabled',
|
||||
'security',
|
||||
'string'
|
||||
)
|
||||
expect(toast.success).toHaveBeenCalledWith('CrowdSec disabled')
|
||||
})
|
||||
await waitFor(() => screen.getByText(/CrowdSec is controlled via the toggle on the/i))
|
||||
expect(screen.getByText(/Security Dashboard/i)).toBeInTheDocument()
|
||||
expect(screen.getByRole('link', { name: /Security Dashboard/i })).toHaveAttribute('href', '/security')
|
||||
})
|
||||
|
||||
it('exports configuration packages with prompted filename', async () => {
|
||||
|
||||
@@ -114,6 +114,8 @@ describe('Security Page - QA Security Audit', () => {
|
||||
it('displays error toast when toggle mutation fails', async () => {
|
||||
const user = userEvent.setup()
|
||||
vi.mocked(securityApi.getSecurityStatus).mockResolvedValue(mockSecurityStatus)
|
||||
// CrowdSec is not running, so toggle will try to START it
|
||||
vi.mocked(crowdsecApi.statusCrowdsec).mockResolvedValue({ running: false, pid: 0, lapi_ready: false })
|
||||
vi.mocked(settingsApi.updateSetting).mockRejectedValue(new Error('Network error'))
|
||||
|
||||
await renderSecurityPage()
|
||||
@@ -123,7 +125,7 @@ describe('Security Page - QA Security Audit', () => {
|
||||
await user.click(toggle)
|
||||
|
||||
await waitFor(() => {
|
||||
expect(toast.error).toHaveBeenCalledWith(expect.stringContaining('Failed to stop CrowdSec'))
|
||||
expect(toast.error).toHaveBeenCalledWith(expect.stringContaining('Failed to start CrowdSec'))
|
||||
})
|
||||
})
|
||||
|
||||
@@ -352,6 +354,8 @@ describe('Security Page - QA Security Audit', () => {
|
||||
|
||||
it('threat summaries match spec when services enabled', async () => {
|
||||
vi.mocked(securityApi.getSecurityStatus).mockResolvedValue(mockSecurityStatus)
|
||||
// CrowdSec must be running to show threat protection descriptions
|
||||
vi.mocked(crowdsecApi.statusCrowdsec).mockResolvedValue({ running: true, pid: 1234, lapi_ready: true })
|
||||
|
||||
await renderSecurityPage()
|
||||
|
||||
|
||||
@@ -263,6 +263,8 @@ describe('Security Dashboard - Card Status Tests', () => {
|
||||
describe('SD-08: Threat Protection Summaries', () => {
|
||||
it('should display threat protection descriptions for each card', async () => {
|
||||
vi.mocked(securityApi.getSecurityStatus).mockResolvedValue(mockSecurityStatusAllEnabled)
|
||||
// CrowdSec must be running to show threat protection descriptions
|
||||
vi.mocked(crowdsecApi.statusCrowdsec).mockResolvedValue({ running: true, pid: 1234, lapi_ready: true })
|
||||
|
||||
await renderSecurityPage()
|
||||
|
||||
|
||||
@@ -264,6 +264,8 @@ describe('Security', () => {
|
||||
|
||||
it('should display threat protection summaries', async () => {
|
||||
vi.mocked(securityApi.getSecurityStatus).mockResolvedValue(mockSecurityStatus)
|
||||
// CrowdSec must be running to show threat protection descriptions
|
||||
vi.mocked(crowdsecApi.statusCrowdsec).mockResolvedValue({ running: true, pid: 1234, lapi_ready: true })
|
||||
|
||||
await renderSecurityPage()
|
||||
await waitFor(() => screen.getByText(/Cerberus Dashboard/i))
|
||||
|
||||
Reference in New Issue
Block a user