Refactor web interface styles and structure for improved design and usability. Update CSS variables for a dark theme, enhance layout with glassmorphism effects, and streamline status item rendering in JavaScript. Add a danger class to delete buttons for better visibility.

lib/agent/web/app.js

@@ -130,12 +130,15 @@
     ];
     setStartup(Boolean(data.startup_enabled));
     statusFields.replaceChildren(
-      ...fields.flatMap(([label, value]) => {
+      ...fields.map(([label, value]) => {
+        const item = document.createElement("div");
+        item.className = "status-item";
         const dt = document.createElement("dt");
         dt.textContent = label;
         const dd = document.createElement("dd");
         dd.textContent = value || "—";
-        return [dt, dd];
+        item.append(dt, dd);
+        return item;
       })
     );
   }
@@ -204,6 +207,7 @@
       const full = joinPath(data.path, entry.name);
       const del = document.createElement("button");
       del.type = "button";
+      del.className = "danger";
       del.textContent = "Delete";
       del.addEventListener("click", (event) => {
         event.stopPropagation();