GUI inconsistencies

[p4xel]

Hi Team,

Great project, I really missed a good Crowdsec interface for checking alerts and decisions,

I noticed that Alerts counter in the top tile maxes at 200, even though there are way more.
Activity History (7d) only really shows 1 day (where is the source of the data? maybe my config is wrong)
Alerts Over Time (Alert frequency by date) shows dates backwards (Apr 4 -> Apr 3) with downward slope.

Are those intentional decisions or is it something with my configuration?
Can the container keep statistics in it's own DB?

[hhftechnology]

@p4xel hi there,
We are launching a mobile app for this container so we have put a cap on what to display to save resources, you can adjust the limit as you feel comfortable with your system. this container objective is decision making at first.

Same goes for Decision - DECISION_LIST_LIMIT= set what you are comfortable with

Alerts Over Time (Alert frequency by date) shows dates backwards (Apr 4 -> Apr 3) with downward slope. this was my foolishness.. will reverse it.

[p4xel]

Thank you. Looking forward to seeing the app.

[p4xel]

I have changed the limit and it works, but takes few seconds to populate at 2400 alerts. Decisions still show bars only for last few hours.
Can I propose a change in the implementation - when i go to Activity -> Alerts or Decisions the stats load instantly, no delay. Are they loaded from /data/history.db? Where does the dashboard activity history and tiles get the metric from? Are they loaded from Crowdsec metrics or history.db?

[hhftechnology]

Decisions still show bars only for last few hours. this is a ui fix. will solve it in next push.
for alert this will be the fix

 // ---- Chart data ----
const buckets = new Map<string, number>()
for (const a of alertsData.alerts as CrowdSecAlert[]) {
const parsed = new Date(a.start_at)
if (Number.isNaN(parsed.getTime())) continue
const bucketKey = parsed.toISOString().slice(0, 10) // YYYY-MM-DD
buckets.set(bucketKey, (buckets.get(bucketKey) ?? 0) + 1)
}
return Array.from(buckets.entries())
.sort(([a], [b]) => a.localeCompare(b))
.map(([bucketKey, count]) => ({
date: new Date(`${bucketKey}T00:00:00Z`).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
value: count,
}))

[hhftechnology]

solved. in the latest tag