Исправление анимации историей принятых данных

cmd/server/web/css/style.css

@@ -282,4 +282,24 @@ h1 {
 
 #history {
     margin: 0;
+}
+
+.accordion-header {
+    cursor: pointer;
+    user-select: none;
+    transition: background-color 0.2s;
+}
+
+.accordion-header:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.accordion-body {
+    overflow: hidden;
+    transition: max-height 0.3s ease-out;
+    max-height: 2000px;
+}
+
+.accordion-body.collapsed {
+    max-height: 0;
 }

cmd/server/web/js/accordion.js

@@ -7,6 +7,7 @@ export function initAccordion() {
     let open = false;
 
     DOM.historyBody.classList.add("collapsed");
+    DOM.historyHeader.textContent = "▶ ПРИНЯТЫЕ ДАННЫЕ";
 
     DOM.historyHeader.addEventListener("click", () => {
         open = !open;

cmd/server/web/js/ui.js

@@ -8,8 +8,10 @@ export function initDOM() {
     DOM.lastByte = document.getElementById("last-byte");
     DOM.history = document.getElementById("history");
     DOM.canvas = document.getElementById("signalChart");
-
     DOM.bars = document.querySelectorAll(".sig-bar");
+
+    DOM.historyHeader = document.getElementById("history-header");
+    DOM.historyBody = document.getElementById("history-body");
 }
 
 export function setStatus(v) {