Grotti 3.2.0: Jetzt-Liste, Filament-Pause, Strom-Torte, UI-Polish.

Jetzt/Topbar und Material-Routing, Pause bei Filament-Ende, Druckbericht mit Stromanteilen, Design- und Kamera-Stream-Polish; Bedarf-Alert-Spam und Platte-belegt-Bugs behoben.

web/templates/protokoll.html

@@ -9,7 +9,7 @@
     <button type="button" id="sync"><svg class="ico"><use href="#i-refresh"/></svg>Läufe holen</button>
   </div>
 </div>
-<div class="page-tools">
+<div class="toolbar page-tools">
   <select id="run-filter-printer" title="Drucker">
     <option value="">Alle Drucker</option>
   </select>
@@ -86,16 +86,24 @@ function render() {
     const fileCell = tr.children[1];
     const link = document.createElement("a");
     link.href = "/protokoll/" + run.id;
+    link.className = "cell-file";
+    link.title = (run.filename || "").split("/").pop() || ("#" + run.id);
     link.textContent = (run.filename || "").split("/").pop() || ("#" + run.id);
     fileCell.appendChild(link);
     if (run.chargen_nr) {
       const code = document.createElement("div");
-      code.className = "tiny";
+      code.className = "mono-badge";
       code.textContent = run.chargen_nr;
       fileCell.appendChild(code);
     }
-    tr.children[2].textContent = states[run.state] || run.state;
+    const stateKey = run.state === "in_progress" || run.state === "printing" ? "printing"
+      : run.state === "completed" ? "complete"
+      : run.state === "error" ? "error"
+      : run.state === "cancelled" || run.state === "interrupted" ? "cancelled"
+      : "idle";
+    tr.children[2].innerHTML = chipHtml(stateKey, states[run.state] || run.state);
     tr.children[3].textContent = hours(run.duration_s);
+    tr.children[3].className = "num";
     const used = Number(run.weight_used_g) || Number(run.weight_g) || 0;
     const planned = Number(run.weight_planned_g) || Number(run.weight_g) || 0;
     tr.children[4].textContent = used ? grams(used) : "";