fix(ui,css): document warnings reply key; warn-tint the degraded backend span (luci #8992 round 5)

Refs openwrt/luci#8992, #216

Author: lucas-albers-lz4

docs/developer/upstream-openwrt.md

@@ -182,8 +182,9 @@ These PRs are the reference workflow for each review stage on
 | 1 | First `openwrt-ai` round | [#228](https://github.com/lucas-albers-lz4/fwlive/pull/228) (on [#227](https://github.com/lucas-albers-lz4/fwlive/pull/227)) | Resolver, awk/jsonfilter classifier, `json_escape` in logging.sh, UCI whitespace, cut README/`SOURCE_DATE_EPOCH` |
 | 2 | Round 2 | [#247](https://github.com/lucas-albers-lz4/fwlive/pull/247) (#243–#246) | Resolve double-unwrap, WAN lock probe, rules-map error in UI, Makefile blank |
 | 3 | Round 3 | [#253](https://github.com/lucas-albers-lz4/fwlive/pull/253) | Non-sticky rules error, #239 staged-line helpers; timeout diagnostics (revised in wave 4) |
-| 4 | Round 4 | *(this PR)* | `timeout_missing` → non-gating `warnings` + backend span; staged-line selftests |
-| 5+ | Round 5 … | *(next fwlive PR)* | Fold blockers in fwlive first; re-cut; push luci snapshot |
+| 4 | Round 4 | [#255](https://github.com/lucas-albers-lz4/fwlive/pull/255) | `timeout_missing` → non-gating `warnings` + backend span; staged-line selftests |
+| 5 | Round 5 | [#258](https://github.com/lucas-albers-lz4/fwlive/pull/258) | Document `warnings` expect key; warn-tint degraded backend span; drop inaccurate `classList.toggle` note |
+| 6+ | Round 6 … | *(next fwlive PR)* | Fold blockers in fwlive first; re-cut; push luci snapshot |
 
 Process docs for the agent gate live in [#212](https://github.com/lucas-albers-lz4/fwlive/pull/212)
 ([pr-cycle.md](pr-cycle.md) + this file). Umbrella issues [#216](https://github.com/lucas-albers-lz4/fwlive/issues/216) /

openwrt-feed/luci-app-fwlive/htdocs/luci-static/resources/fwlive/css.js

@@ -717,6 +717,10 @@
 	margin-left: 8px;
 	vertical-align: middle;
 }
+.fwlive-backend.fwlive-backend-warn {
+	color: var(--warn-color-high);
+	font-weight: 600;
+}
 .fwlive-filter-panel { margin-bottom: 12px; }
 .fwlive-map[data-view="simple"] .fwlive-grid-core {
 	display: grid;

openwrt-feed/luci-app-fwlive/htdocs/luci-static/resources/fwlive/fwlive.css

@@ -47,7 +47,8 @@ const callFwliveLoggingStatus = rpc.declare({
 		nf_log_ipv4: false,
 		nf_log_ipv6: false,
 		ready: false,
-		blockers: []
+		blockers: [],
+		warnings: []
 	} }
 });
 
@@ -521,6 +522,7 @@ return view.extend({
 		const label = document.getElementById('fwlive-backend');
 		if (label) {
 			let text = this.backendDisplayLabel();
+			let degraded = false;
 			if (this.lastRulesError) {
 				let err = '';
 				if (this.lastRulesError === 'rules_truncated')
@@ -530,13 +532,16 @@ return view.extend({
 				else
 					err = _('Rule labels unavailable');
 				text = text ? text + ' \u00b7 ' + err : err;
+				degraded = true;
 			}
 			const warnings = (this.loggingStatus && this.loggingStatus.warnings) || [];
 			if (warnings.indexOf('timeout_missing') >= 0) {
 				const warn = _('Limited diagnostics — timeout command missing');
 				text = text ? text + ' \u00b7 ' + warn : warn;
+				degraded = true;
 			}
 			label.textContent = text;
+			label.classList.toggle('fwlive-backend-warn', degraded);
 		}
 
 		this.updateEmptyStateUi();
@@ -1296,17 +1301,11 @@ return view.extend({
 		const scroll = document.getElementById('fwlive-scroll');
 		const wrapBtn = document.getElementById('fwlive-msg-wrap');
 		const onelineBtn = document.getElementById('fwlive-msg-oneline');
+		const oneline = this.messageLayout === 'oneline';
 		if (scroll) {
-			/* add/remove — classList.toggle(name, force) is unsupported on some 21.02-era browsers */
-			if (this.messageLayout === 'oneline') {
-				scroll.classList.add('fwlive-msg-oneline');
-				scroll.classList.remove('fwlive-msg-wrap');
-			} else {
-				scroll.classList.add('fwlive-msg-wrap');
-				scroll.classList.remove('fwlive-msg-oneline');
-			}
+			scroll.classList.toggle('fwlive-msg-oneline', oneline);
+			scroll.classList.toggle('fwlive-msg-wrap', !oneline);
 		}
-		const oneline = this.messageLayout === 'oneline';
 		if (wrapBtn)
 			wrapBtn.setAttribute('aria-pressed', oneline ? 'false' : 'true');
 		if (onelineBtn)

openwrt-feed/luci-app-fwlive/htdocs/luci-static/resources/view/status/fwlive.js

@@ -39,6 +39,8 @@ assert.ok(
 );
 assert.ok(!/expect:\s*\{\s*log:\s*\[\]\s*\}/.test(viewSrc),
 	'callFwlivePoll must not use expect:{log:[]} (strips reply.error, #233)');
+assert.ok(/expect:\s*\{\s*'':\s*\{\s*wan_zone: null,\s*wan_log: false,\s*wan_log_limit: null,\s*nf_log_ipv4: false,\s*nf_log_ipv6: false,\s*ready: false,\s*blockers: \[\],\s*warnings: \[\]\s*\}\s*\}/.test(viewSrc),
+	'callFwliveLoggingStatus expect must document the full reply shape incl. warnings (openwrt/luci#8992 round 5)');
 assert.ok(/if\s*\(\s*reply\.error\s*\)/.test(viewSrc),
 	'fetchEntries must set lastPollError when poll reply includes error');
 assert.ok(/const raw = reply\.log/.test(viewSrc),