luci/modules/luci-mod-dashboard/htdocs, branch master

luci-mod-dashboard: preserve scroll position during polling

2026-09-27T11:45:05Z

Rebuilding the dashboard on every poll discards DOM nodes, collapsing document height and resetting vertical scroll position while reading tab tables. Keep persistent container shells in the root view and update table rows in place following LuCI's table update pattern (cbi_update_table). Preserve active tab selection, restore horizontal chart scroll offsets, and isolate unsaved layout form edits across background poll ticks. Signed-off-by: Eamon Xiong

luci-mod-dashboard: show wireless band in Wireless detail tab

2026-09-27T11:43:25Z

Add a Band column to the client table in the Wireless detail tab. Map existing interface runtime frequencies to Sub-1, 2.4, 5, 6 and 60 GHz bands following Linux kernel wireless subsystem boundaries (net/wireless/util.c and NL80211_BAND_S1GHZ), using a 2.312 GHz lower bound for the 2.4 GHz band to accommodate extended channels (down to channel -19 in ath9k/ath5k drivers), and displaying a dash when unavailable. Combine upload and download totals into one column to retain seven columns. Signed-off-by: Eamon Xiong

luci-mod-dashboard: show IP addresses for wireless clients

2026-09-23T15:52:08Z

Add an IP Address column to the wireless client table so users can identify devices alongside their traffic without checking DHCP leases. Match known host addresses by the client MAC and show at most one IPv4 and one IPv6 address, taking the first of each from the host hints after excluding IPv6 link-local addresses. Show a dash when no address is known and allow long addresses to wrap on narrow screens. Signed-off-by: Eamon Xiong

luci-mod-dashboard: add live charts and a configurable layout

2026-09-23T15:52:08Z

Add configurable dashboard cards and tabs, along with five-minute WAN traffic, CPU and memory history charts. This includes: - status cards for CPU, memory, load and uptime next to Internet, all of one shape: a title, a value and one line of text; - charts of the WAN traffic and of CPU and memory usage over the last five minutes; - a Layout tab to choose which cards, charts and tabs are shown and in what order, kept in UCI as dashboard.layout; - the time a wireless client has been connected, in the tooltips of the wireless client data usage chart and in the client table; - the IPv4 and the IPv6 address of the uplink on the Internet card, one line each, and the IPv6 address in the Internet tab. The samples behind the charts are taken on the router by a small rpcd ucode plugin, luci.dashboard, every five seconds whether or not somebody is looking, so the charts are full whenever the page is opened. It keeps the raw counters of /proc/stat, /proc/meminfo and /proc/net/dev with the router's monotonic clock in a ring of 60 samples. The page fetches what is new since its last poll and takes the differences, so a reload or a hidden tab leaves no gap and the rates do not depend on the browser's timing. One pass takes 2 to 3 ms on a quad-core IPQ60xx, about 0.07% of one core, and the ring about 360 kB of memory. Includes declare their widgets with a slot, an order and whether they show by default. An include with nothing on the page is not polled, and polling stops while the page is hidden. The layout form is a form.Map of three DynamicLists in the last tab; while it is open the poll redraws the cards and charts only. ui.DynamicList greys out a choice only once it is picked and always offers a custom value, so the form marks the values a list starts out with and drops the custom entry. All of it stays within luci-mod-dashboard. Name the charts WAN traffic, Wireless client distribution and Wireless client data usage to make their scope clear. Remove

 formatting for consistent data display in tab tables,
and add CPU usage breakdown tooltips to the total and per-core rows.

Signed-off-by: Eamon Xiong



luci-mod-dashboard: fix low contrast of muted elements
2026-09-20T14:07:54Z
--dashboard-text-muted used --text-color-low, the step closest to the
page background, which left everything it paints hard to read: the
ifacebox property labels in the wireless tab, the chart axis ticks and
bar labels, the legends and the donut caption. They are all normal-size
text, so the token now takes --text-color-high and the muted look is
carried by size and weight instead of colour. The light fallback, used
by the themes that define no colour tokens, moves a step darker so it
stays legible on their grey card backgrounds as well.

The donut track and the no-signal bar are not text and must not follow
the token up to full emphasis. Both now use --dashboard-border, the
colour the chart gridlines already use.

Signed-off-by: Eamon Xiong 


luci-mod-dashboard: rework the layout using standard LuCI markup
2026-09-17T20:01:15Z
Give each kind of data the form that suits it: a row of KPI cards for
the values you check at a glance, a row of charts for the per-client
data, and a tabbed panel for the details you look up once. Every field
the page showed before is still there, only shaped differently.

Build it from the markup LuCI and the themes already provide, so the
page takes the look of whatever theme it runs in instead of carrying
one of its own: .cbi-section with h3 and .cbi-section-descr for the
cards and KPI tiles, .cbi-map with a .cbi-map-tabbed group for the tab
panel and ui.tabs for its menu, .table with a .table-titles row and
cbi-rowstyle stripes for the tables, .ifacebox for the wireless radios,
the theme's .label for badges, and code, em, small and strong for
values. ui.tabs also keeps the selected tab across the poll re-render.

The charts are the one part LuCI has no component for, so they are
drawn in a new lib/charts.js as plain DOM and SVG, with no dependency.
Their colours, and the few rules left in custom.css, read the generic
LuCI colour variables. Not every theme defines those, so each one now
falls back to both a light and a dark literal, keyed on the theme's
darkmode attribute and on prefers-color-scheme. custom.css used to
fall back to light literals only, which left the page dark grey on
dark under a theme that has a dark mode but not the variables.

The five icons are redrawn as one stroke set and applied as a CSS
mask, so they take their colour from the theme as well.

The wireless signal is plotted as the RSSI the driver reports, in dBm,
rather than a percentage derived from an assumed noise floor, and
clients are graded against -67 dBm. Byte counters are formatted with
%1024.2mB and the traffic axis labelled in KiB/MiB/GiB, matching how
the status pages present the same values.

No new data is collected and no new ACL entry or RPC method is needed.

Signed-off-by: Eamon Xiong 


luci-mod-dashboard: retry failed include loads on the next poll
2026-09-17T20:01:15Z
A rejected load() latched the include's failed flag and nothing ever
cleared it, so one transient ubus error dropped that include from every
later poll cycle until the page was reloaded, and the rejection was
swallowed without a diagnostic. Reset the flag on each load pass and
log the error.

Signed-off-by: Eamon Xiong 


luci-mod-dashboard: fix word breaks
2026-09-14T17:31:13Z
word-break: break-all caused firmware version, model and architecture
strings to break at arbitrary character positions. Replace with
overflow-wrap: break-word and word-break: normal so strings only
break when they cannot fit on a single line.

Fixes openwrt/luci#7468.

Signed-off-by: Maxim Skokov 


luci-mod-dashboard: correctness fixes
2026-05-27T12:49:46Z
Signed-off-by: Paul Donald 


luci-mod-dashboard: bug fixes and code cleanup
2025-12-07T21:30:46Z
Signed-off-by: Paul Donald