diff --git a/docs/features/dashboard.mdx b/docs/features/dashboard.mdx index 2615161c..dd27e7ba 100644 --- a/docs/features/dashboard.mdx +++ b/docs/features/dashboard.mdx @@ -23,13 +23,9 @@ It carries: - A **pulsing dot** that mirrors the state color: green when nominal, amber when degraded, rose when critical. The dot is solid (no pulse) when Healthy. - A **meta line** in uppercase mono tracking with the active node's name, the number of nodes registered to this Sencho instance, and the time since the last successful poll, for example `LOCAL · 4 NODES · LAST SYNC 1S`. - A **reasons line** that names exactly which signals moved the state away from Healthy, for example `RAM 95% · 18 unread errors`. When the state is Healthy the reasons line reads `All systems nominal`. -- Three quick stat tiles on the right edge of the bar: **RUNNING** (`active/total`), **CPU**, and **MEM**. Hover the **RUNNING** tile to expand a managed / external (and exited, when present) breakdown in a cursor-following tooltip. +- Three quick stat tiles on the right edge of the bar: **RUNNING** (`active/total`), **CPU**, and **MEM**. - An alerts counter pinned to the far right, showing the number of unread notifications next to a bell icon. The icon and count tint amber while at least one alert is unread. - - Status masthead with the RUNNING tile hovered, the cursor-following tooltip showing '15 managed · 1 external' under the masthead values. - - The masthead's CPU stat tile tints amber once host CPU crosses 80% and stays amber even at 90% or higher. The MEM and RUNNING values stay neutral; the reasons line and the gauge strip below are where you read severity. ## Resource gauges diff --git a/docs/features/fleet-view.mdx b/docs/features/fleet-view.mdx index 12c87793..7f152365 100644 --- a/docs/features/fleet-view.mdx +++ b/docs/features/fleet-view.mdx @@ -32,7 +32,7 @@ A single rail summarises the state of every registered node so you can read the |------|---------------| | **CPU** | Average CPU across online nodes, with a sub-line that names the peak node (`peak %`). The value tints amber once average CPU is at or above 80%. | | **MEM** | Total RAM used across online nodes, with `of · %` underneath. | -| **CONTAINERS** | Active running container count across online nodes, with `of total` underneath. Hover the tile to surface a cursor-following tooltip with the running / total split. | +| **CONTAINERS** | Active running container count across online nodes, with `of total` underneath. | - An **alerts indicator** pinned to the far right: a bell icon next to the current critical-node count, with an `alert` / `alerts` mono label. The icon and number tint destructive while the count is above zero. diff --git a/docs/images/dashboard/running-tile-hover.png b/docs/images/dashboard/running-tile-hover.png deleted file mode 100644 index beea6870..00000000 Binary files a/docs/images/dashboard/running-tile-hover.png and /dev/null differ diff --git a/frontend/src/components/dashboard/HealthStatusBar.tsx b/frontend/src/components/dashboard/HealthStatusBar.tsx index 31de4e83..58c48a48 100644 --- a/frontend/src/components/dashboard/HealthStatusBar.tsx +++ b/frontend/src/components/dashboard/HealthStatusBar.tsx @@ -1,11 +1,5 @@ import { useEffect, useMemo, useState } from 'react'; import { Bell } from 'lucide-react'; -import { - CursorProvider, - Cursor, - CursorContainer, - CursorFollow, -} from '@/components/animate-ui/primitives/animate/cursor'; import type { Stats, SystemStats, NotificationItem, HealthLevel } from './types'; interface HealthStatusBarProps { @@ -153,43 +147,7 @@ export function HealthStatusBar({ {/* Stats column */}
- - - - - - - - -
-
- - {stats.managed} - managed - - · - - {stats.unmanaged} - external - - {stats.exited > 0 ? ( - <> - · - - {stats.exited} - exited - - - ) : null} -
-
-
-
+ = 80 ? 'warn' : 'value'} divider />
diff --git a/frontend/src/components/fleet/FleetMasthead.tsx b/frontend/src/components/fleet/FleetMasthead.tsx index 5db083bc..d12f9cd5 100644 --- a/frontend/src/components/fleet/FleetMasthead.tsx +++ b/frontend/src/components/fleet/FleetMasthead.tsx @@ -1,12 +1,5 @@ import { useEffect, useMemo, useState } from 'react'; import { Bell } from 'lucide-react'; -import { - CursorProvider, - Cursor, - CursorContainer, - CursorFollow, -} from '@/components/animate-ui/primitives/animate/cursor'; - type FleetHealth = 'healthy' | 'degraded' | 'critical'; interface FleetMastheadProps { @@ -145,40 +138,13 @@ export function FleetMasthead({ tone="value" divider /> - - - - - - - - -
-
- - {activeContainers} - running - - · - - {totalContainers} - total - -
-
-
-
+