refactor(firmware): simplify configuration and diagnostics

firmware/tools/configurator/web/app.js

@@ -341,23 +341,30 @@ function logTime(receivedAtMs) {
 function createLogEntry(entry) {
   const item = document.createElement('li');
   item.dataset.logId = String(entry.id);
-  const severityClass = entry.severity.split(/[^A-Z]+/, 1)[0].toLowerCase();
-  item.className = `log-entry log-${severityClass}`;
+  const levelClass = entry.level.split(/[^A-Z]+/, 1)[0].toLowerCase();
+  item.className = `log-entry log-${levelClass}`;
 
   const time = document.createElement('time');
   time.dateTime = new Date(entry.received_at_ms).toISOString();
   time.textContent = logTime(entry.received_at_ms);
 
-  const severity = document.createElement('span');
-  severity.className = 'log-severity';
-  severity.textContent = entry.severity;
+  const level = document.createElement('span');
+  level.className = 'log-level';
+  level.textContent = entry.level;
 
   const text = document.createElement('span');
   text.className = 'log-text';
-  text.textContent = entry.text;
+  if (entry.truncated) {
+    const truncated = document.createElement('span');
+    truncated.className = 'log-truncated';
+    truncated.textContent = 'TRUNCATED';
+    text.append(truncated, document.createTextNode(entry.text));
+  } else {
+    text.textContent = entry.text;
+  }
 
   item.title = `MAVLink source ${entry.system_id}:${entry.component_id}`;
-  item.append(time, severity, text);
+  item.append(time, level, text);
   return item;
 }
 

firmware/tools/configurator/web/styles.css

@@ -223,13 +223,19 @@ th:nth-child(n + 3) { text-align: right; }
 
 .log-entry:last-child { border-bottom: 0; }
 .log-entry time { color: var(--muted); }
-.log-severity { font-weight: 700; }
+.log-level { font-weight: 700; }
 .log-text { white-space: pre-wrap; overflow-wrap: anywhere; }
-.log-emergency,
-.log-alert,
-.log-critical,
+.log-truncated {
+  display: inline-block;
+  margin-right: .5rem;
+  padding: 0 .25rem;
+  border: 1px solid currentColor;
+  color: var(--warning);
+  font-size: .75em;
+  font-weight: 700;
+}
 .log-error { color: var(--error); }
-.log-warning { color: var(--warning); }
+.log-warn { color: var(--warning); }
 
 .empty-log {
   padding: .55rem;