update gui

internal/app/static/app.css

@@ -248,6 +248,7 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
 .package-row div { display: grid; gap: 4px; }
 .package-row small { color: var(--muted); }
 .package-row .status { align-items: center; justify-content: center; align-self: center; line-height: 1; text-align: center; }
+.package-update-actions { display: flex; flex-wrap: wrap; gap: 12px; }
 .toggle { display: flex; align-items: center; gap: 9px; }
 .empty, .fine-print { color: var(--muted); }
 .package-forms { display: grid; gap: 26px; }

internal/app/static/app.js

@@ -18,6 +18,7 @@ document.addEventListener("click", async (event) => {
 document.addEventListener("submit", async (event) => {
   const form = event.target.closest("[data-upload-form]");
   if (!form) return;
+  if (event.submitter?.matches("[data-package-status]")) return;
   event.preventDefault();
 
   const button = form.querySelector("button[type=submit]");
@@ -51,3 +52,12 @@ document.addEventListener("submit", async (event) => {
     button.disabled = false;
   }
 });
+
+document.querySelectorAll("[data-package-select]").forEach((select) => {
+  const enabled = select.form.querySelector("[data-package-enabled]");
+  const syncPackageStatus = () => {
+    enabled.checked = select.selectedOptions[0]?.dataset.enabled === "true";
+  };
+  select.addEventListener("change", syncPackageStatus);
+  syncPackageStatus();
+});