clay-server 2.9.0 → 2.9.2

package/lib/public/css/overlays.css

@@ -41,6 +41,154 @@ button.top-bar-pill {
   transition: background 0.15s;
 }
 button.top-bar-pill.pill-success:hover { background: color-mix(in srgb, var(--success) 20%, transparent); }
+button.top-bar-pill.pill-accent:hover { background: color-mix(in srgb, var(--accent) 20%, transparent); }
+
+/* PWA install button — left side of top bar, icon only */
+.top-bar-install-btn {
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  border-radius: 6px;
+  color: var(--accent);
+  cursor: pointer;
+  padding: 3px;
+  transition: color 0.15s, background 0.15s;
+}
+.top-bar-install-btn .lucide { width: 14px; height: 14px; }
+.top-bar-install-btn:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); }
+.top-bar-install-btn.hidden { display: none; }
+.pwa-standalone .top-bar-install-btn { display: none !important; }
+
+@media (max-width: 768px) {
+  .top-bar-install-btn {
+    top: auto;
+    bottom: 0;
+    height: 32px;
+    transform: none;
+  }
+}
+
+/* PWA install modal */
+.pwa-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.pwa-modal.hidden { display: none; }
+
+.pwa-modal-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0.55);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+}
+
+.pwa-modal-card {
+  position: relative;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 28px 24px 20px;
+  max-width: 340px;
+  width: 100%;
+  box-shadow: 0 16px 48px rgba(0,0,0,0.35);
+  animation: modal-in 0.2s ease-out;
+  text-align: center;
+}
+
+@keyframes modal-in {
+  from { opacity: 0; transform: scale(0.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+
+.pwa-modal-icon {
+  font-size: 36px;
+  margin-bottom: 8px;
+}
+
+.pwa-modal-title {
+  font-family: "Pretendard", system-ui, sans-serif;
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text);
+  margin: 0 0 6px;
+}
+
+.pwa-modal-desc {
+  font-size: 13px;
+  color: var(--text-muted);
+  margin: 0 0 16px;
+  line-height: 1.5;
+}
+
+.pwa-modal-benefits {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 20px;
+  text-align: left;
+}
+
+.pwa-modal-benefits li {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 13px;
+  color: var(--text-secondary);
+  padding: 7px 0;
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+.pwa-modal-benefits li:last-child { border-bottom: none; }
+
+.pwa-benefit-icon {
+  width: 16px;
+  height: 16px;
+  color: var(--accent);
+  flex-shrink: 0;
+}
+
+.pwa-modal-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.pwa-modal-btn {
+  width: 100%;
+  padding: 11px;
+  border-radius: 10px;
+  font-family: "Pretendard", system-ui, sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  border: none;
+  transition: opacity 0.15s;
+}
+
+.pwa-modal-btn:hover { opacity: 0.85; }
+
+.pwa-modal-btn.primary {
+  background: var(--accent);
+  color: #fff;
+}
+
+.pwa-modal-btn.secondary {
+  background: none;
+  color: var(--text-muted);
+  font-weight: 500;
+}
 
 /* Pill close button (onboarding) */
 .pill-close {
@@ -58,22 +206,6 @@ button.top-bar-pill.pill-success:hover { background: color-mix(in srgb, var(--su
 .pill-close:hover { opacity: 1; }
 .pill-close .lucide { width: 10px; height: 10px; }
 
-/* Onboarding pill text */
-.onboarding-pill-text { display: inline-flex; align-items: center; gap: 4px; }
-.onboarding-pill-text .lucide { width: 12px; height: 12px; }
-.onboarding-pill-text a,
-.onboarding-pill-text button.onboarding-cta {
-  color: inherit;
-  font-weight: 600;
-  text-decoration: underline;
-  background: none;
-  border: none;
-  font-family: inherit;
-  font-size: inherit;
-  cursor: pointer;
-  padding: 0;
-}
-
 /* Update pill wrapper */
 #update-pill-wrap {
   position: relative;
@@ -183,6 +315,33 @@ button.top-bar-pill.pill-success:hover { background: color-mix(in srgb, var(--su
 
 #confirm-modal.hidden { display: none; }
 
+#skill-install-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 300;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#skill-install-modal.hidden { display: none; }
+
+.skill-install-dialog { max-width: 460px; padding: 28px 32px; }
+.skill-install-title { font-weight: 600; font-size: 17px; margin-bottom: 8px; color: var(--text); }
+.skill-install-reason { color: var(--text-secondary); font-size: 14px; line-height: 1.5; margin-bottom: 18px; }
+.skill-install-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
+.skill-install-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 10px; background: rgba(var(--overlay-rgb), 0.05); border: 1px solid var(--border); }
+.skill-install-item .skill-icon { font-size: 20px; flex-shrink: 0; }
+.skill-install-item .skill-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.skill-install-item .skill-name { font-weight: 500; font-size: 14px; color: var(--text); }
+.skill-install-item .skill-scope { font-size: 12px; color: var(--text-muted); }
+.skill-install-item .skill-status { margin-left: auto; flex-shrink: 0; }
+.skill-status-ok { color: var(--success, #2ecc71); font-size: 16px; font-weight: 600; }
+#skill-install-status { font-size: 13px; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; color: var(--text-secondary); }
+#skill-install-status.hidden { display: none; }
+.confirm-proceed { background: var(--success, #2ecc71); color: #fff; border: none; }
+.confirm-proceed:hover { opacity: 0.9; }
+
 .confirm-backdrop {
   position: absolute;
   inset: 0;

package/lib/public/css/scheduler.css

@@ -1160,6 +1160,7 @@
   min-width: 220px;
   max-width: 300px;
 }
+.schedule-popover.hidden { display: none; }
 
 .schedule-popover-name {
   font-weight: 700;

package/lib/public/css/server-settings.css

@@ -71,7 +71,7 @@
 .server-settings-nav-inner {
   width: 200px;
   flex-shrink: 0;
-  padding: 60px 6px 40px 0;
+  padding: calc(var(--safe-top) + 60px) 6px 40px 0;
 }
 
 /* --- Nav header --- */
@@ -89,6 +89,11 @@
   white-space: nowrap;
 }
 
+/* --- Nav dropdown (mobile only) --- */
+.settings-nav-dropdown {
+  display: none;
+}
+
 /* --- Nav items --- */
 .server-settings-nav-items {
   display: flex;
@@ -149,13 +154,13 @@
 }
 
 .server-settings-content-inner {
-  padding: 60px 40px 60px 40px;
+  padding: calc(var(--safe-top) + 60px) 40px calc(var(--safe-bottom) + 60px) 40px;
 }
 
 /* ==========  CLOSE COLUMN  ========== */
 .server-settings-close-col {
   position: fixed;
-  top: 60px;
+  top: calc(var(--safe-top) + 60px);
   right: 20px;
   z-index: 5;
 }
@@ -734,7 +739,7 @@
 
   .server-settings-nav-inner {
     width: 100%;
-    padding: 0;
+    padding: var(--safe-top) 0 0;
     display: flex;
     flex-direction: column;
     gap: 0;
@@ -744,41 +749,39 @@
     padding: 12px 16px 8px;
   }
 
-  /* Scroll wrapper with fade hints */
+  /* Hide desktop nav items on mobile, show dropdown instead */
   .server-settings-nav-items {
-    flex-direction: row;
-    overflow-x: auto;
-    gap: 2px;
-    scrollbar-width: none;
-    padding: 0 16px 10px;
-    -webkit-mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 24px), transparent 100%);
-    mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 24px), transparent 100%);
-  }
-
-  .server-settings-nav-items::-webkit-scrollbar { display: none; }
-
-  .settings-nav-item {
-    flex-shrink: 0;
-    font-size: 13px;
-    padding: 6px 12px;
-    border-radius: 20px;
-    background: rgba(var(--overlay-rgb), 0.04);
-  }
-
-  .settings-nav-item.active {
-    background: rgba(var(--overlay-rgb), 0.12);
+    display: none;
   }
 
-  .settings-nav-item.settings-nav-danger {
-    background: var(--error-12);
+  .settings-nav-dropdown {
+    display: block;
+    width: calc(100% - 32px);
+    margin: 0 16px 12px;
+    padding: 10px 12px;
+    font-family: "Pretendard", system-ui, sans-serif;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text);
+    background: var(--bg-alt);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    -webkit-appearance: none;
+    appearance: none;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 12px center;
+    cursor: pointer;
   }
 
-  .settings-nav-separator {
-    display: none;
+  .settings-nav-dropdown optgroup {
+    font-weight: 700;
+    color: var(--text-muted);
   }
 
-  .settings-nav-category {
-    display: none;
+  .settings-nav-dropdown option {
+    font-weight: 500;
+    color: var(--text);
   }
 
   .server-settings-content {
@@ -787,11 +790,11 @@
   }
 
   .server-settings-content-inner {
-    padding: 24px 16px;
+    padding: 24px 16px calc(var(--safe-bottom) + 24px);
   }
 
   .server-settings-close-col {
-    top: 12px;
+    top: calc(var(--safe-top) + 12px);
     right: 12px;
   }
 

package/lib/public/css/title-bar.css

@@ -162,13 +162,6 @@
   color: var(--text-dimmer);  /* darker icon on light thumb */
 }
 
-/* Debug button in top bar */
-.top-bar-actions #debug-menu-wrap { position: relative; }
-.top-bar-actions #debug-menu-wrap.hidden { display: none; }
-.top-bar-actions #debug-btn { color: var(--error); opacity: 0.6; }
-.top-bar-actions #debug-btn:hover { opacity: 1; background: var(--error-8); }
-.top-bar-actions #debug-btn.active { opacity: 1; background: var(--error-12); }
-
 /* ==========================================================================
    Title Bar — split into sidebar-column and main-column sections
    ========================================================================== */

package/lib/public/index.html

@@ -5,8 +5,13 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-<link rel="manifest" href="manifest.json">
-<meta name="theme-color" content="#2F2E2B">
+<script>
+(function(){
+  var isIOS=/iPad|iPhone|iPod/.test(navigator.userAgent)||(navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1);
+  if(!isIOS){var l=document.createElement("link");l.rel="manifest";l.href="manifest.json";document.head.appendChild(l)}
+})();
+</script>
+<meta name="theme-color" content="#282a36">
 <link rel="icon" type="image/png" href="favicon-banded.png">
 <link rel="apple-touch-icon" href="apple-touch-icon.png">
 <title>Clay</title>
@@ -17,12 +22,14 @@
 <script>
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
 </script>
+<script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
 <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div id="layout">
   <!-- === Top Bar (full width, forms reverse-ㄱ with icon strip) === -->
   <div id="top-bar">
+    <button id="pwa-install-pill" class="top-bar-install-btn hidden" title="Install app"><i data-lucide="download"></i></button>
     <div class="top-bar-center">
       <a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener" class="top-bar-title"><img class="top-bar-icon" src="favicon-banded.png" width="16" height="16" alt="">Clay <span id="footer-version" class="footer-version"></span></a>
       <div id="update-pill-wrap" class="hidden">
@@ -32,30 +39,11 @@
           <div class="popover-row"><div class="popover-label">Or run manually:</div><div class="popover-cmd"><code>npx clay-server@latest</code><button class="popover-copy" title="Copy"><i data-lucide="copy"></i></button></div></div>
         </div>
       </div>
-      <div id="onboarding-pill" class="top-bar-pill pill-accent hidden">
-        <span class="onboarding-pill-text" id="onboarding-pill-text"></span>
-        <button id="onboarding-pill-close" class="pill-close" aria-label="Dismiss"><i data-lucide="x"></i></button>
-      </div>
     </div>
     <div class="top-bar-actions">
       <!-- Pill badges -->
       <div id="skip-perms-pill" class="top-bar-pill pill-error hidden"><i data-lucide="shield-off"></i> <span>Skip perms</span></div>
-      <span id="client-count" class="hidden"></span>
-      <div id="debug-menu-wrap" class="hidden">
-        <button id="debug-btn" title="Debug"><i data-lucide="bug"></i></button>
-        <div id="debug-menu" class="hidden">
-          <label class="notif-option">
-            <span>Update banner</span>
-            <input type="checkbox" id="debug-toggle-update">
-            <span class="toggle-track"><span class="toggle-thumb"></span></span>
-          </label>
-          <label class="notif-option">
-            <span>Onboarding banner</span>
-            <input type="checkbox" id="debug-toggle-onboarding">
-            <span class="toggle-track"><span class="toggle-thumb"></span></span>
-          </label>
-        </div>
-      </div>
+      <div id="client-count" class="top-bar-pill pill-accent hidden"><i data-lucide="users"></i> <span id="client-count-text"></span></div>
       <label id="theme-toggle-btn" class="theme-toggle" title="Toggle dark/light mode">
         <input type="checkbox" id="theme-toggle-check">
         <span class="theme-toggle-track">
@@ -614,6 +602,28 @@
     <div class="server-settings-nav">
       <div class="server-settings-nav-inner">
         <div class="server-settings-nav-header" id="settings-server-name"></div>
+        <select id="settings-nav-dropdown" class="settings-nav-dropdown">
+          <optgroup label="General">
+            <option value="overview" selected>Status</option>
+            <option value="notifications">Notifications</option>
+          </optgroup>
+          <optgroup label="Session">
+            <option value="models">Model &amp; Behavior</option>
+            <option value="claudemd">CLAUDE.md</option>
+            <option value="environment">Environment Variables</option>
+          </optgroup>
+          <optgroup label="Admin" class="settings-admin-only">
+            <option value="admin-users">Users</option>
+            <option value="admin-invites">Invites</option>
+            <option value="admin-projects">Projects</option>
+            <option value="admin-smtp">Email (SMTP)</option>
+          </optgroup>
+          <optgroup label="Server">
+            <option value="security">Security</option>
+            <option value="restart">Restart Server</option>
+            <option value="shutdown">Shutdown Server</option>
+          </optgroup>
+        </select>
         <div class="server-settings-nav-items">
           <div class="settings-nav-category">General</div>
           <button class="settings-nav-item active" data-section="overview"><span>Status</span></button>
@@ -1025,6 +1035,20 @@
   </div>
 </div>
 
+<div id="skill-install-modal" class="hidden">
+  <div class="confirm-backdrop"></div>
+  <div class="confirm-dialog skill-install-dialog">
+    <div class="skill-install-title" id="skill-install-title"></div>
+    <div class="skill-install-reason" id="skill-install-reason"></div>
+    <div class="skill-install-list" id="skill-install-list"></div>
+    <div id="skill-install-status" class="hidden"></div>
+    <div class="confirm-actions">
+      <button class="confirm-btn confirm-cancel" id="skill-install-cancel">Cancel</button>
+      <button class="confirm-btn confirm-delete" id="skill-install-ok">Install</button>
+    </div>
+  </div>
+</div>
+
 <div id="add-project-modal" class="hidden">
   <div class="confirm-backdrop"></div>
   <div class="confirm-dialog add-project-dialog">
@@ -1392,5 +1416,22 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/lib/xterm.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script type="module" src="app.js"></script>
+<div id="pwa-install-modal" class="pwa-modal hidden">
+  <div class="pwa-modal-backdrop"></div>
+  <div class="pwa-modal-card">
+    <div class="pwa-modal-icon">📲</div>
+    <h3 class="pwa-modal-title">Add to Home Screen</h3>
+    <p class="pwa-modal-desc">Add Clay to your home screen for a better experience.</p>
+    <ul class="pwa-modal-benefits">
+      <li><i data-lucide="maximize" class="pwa-benefit-icon"></i>Full-screen — no browser toolbar</li>
+      <li><i data-lucide="bell" class="pwa-benefit-icon"></i>Push notifications when tasks finish</li>
+      <li><i data-lucide="zap" class="pwa-benefit-icon"></i>Instant launch from home screen</li>
+    </ul>
+    <div class="pwa-modal-buttons">
+      <button id="pwa-modal-confirm" class="pwa-modal-btn primary">Continue</button>
+      <button id="pwa-modal-cancel" class="pwa-modal-btn secondary">Not now</button>
+    </div>
+  </div>
+</div>
 </body>
 </html>

package/lib/public/manifest.json

@@ -5,8 +5,8 @@
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "background_color": "#2F2E2B",
-  "theme_color": "#2F2E2B",
+  "background_color": "#282a36",
+  "theme_color": "#282a36",
   "icons": [
     {
       "src": "icon-192.png",

package/lib/public/modules/notifications.js

@@ -187,29 +187,7 @@ export function initNotifications(_ctx) {
     }
   })();
 
-  // --- Onboarding pill badge (HTTPS / Push) ---
-  onboardingPill = $("onboarding-pill");
-  onboardingText = $("onboarding-pill-text");
-  onboardingClose = $("onboarding-pill-close");
-  onboardingDismissed = localStorage.getItem("onboarding-dismissed");
-
-  if (onboardingClose) {
-    onboardingClose.addEventListener("click", function () {
-      hideOnboarding();
-      localStorage.setItem("onboarding-dismissed", "1");
-      onboardingDismissed = "1";
-    });
-  }
-
-  // Suggest HTTPS setup for push notification support
-  if (location.protocol !== "https:" && location.hostname !== "localhost") {
-    if (!onboardingDismissed) {
-      showOnboarding(
-        iconHtml("bell-ring") +
-        ' <a href="/setup">Set up HTTPS</a>'
-      );
-    }
-  }
+  // Onboarding pill removed — install flow handled by PWA install button
 
   // --- Tooltip ---
   var tooltipEl = document.createElement("div");
@@ -495,6 +473,20 @@ export function initNotifications(_ctx) {
     if (!("serviceWorker" in navigator)) return;
     if (location.protocol !== "https:" && location.hostname !== "localhost") return;
 
+    // iOS Safari (non-standalone): unregister existing SW and skip registration
+    // to prevent iOS from treating the app as a modern PWA (which shows a floating toolbar).
+    // SW will be registered once the app is launched in standalone mode from the home screen.
+    var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) ||
+      (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+    var isStandalone = window.navigator.standalone ||
+      window.matchMedia("(display-mode:standalone)").matches;
+    if (isIOS && !isStandalone) {
+      navigator.serviceWorker.getRegistrations().then(function (regs) {
+        regs.forEach(function (r) { r.unregister(); });
+      });
+      return;
+    }
+
     navigator.serviceWorker.register("/sw.js")
       .then(function () { return navigator.serviceWorker.ready; })
       .then(function (reg) {
@@ -547,90 +539,10 @@ export function initNotifications(_ctx) {
               location.href = "/setup" + (isTailscale ? "" : "?mode=lan");
               return;
             }
-            // Browser: show onboarding banner
-            if (!onboardingDismissed) {
-              showOnboarding(
-                iconHtml("bell-ring") +
-                ' <button class="onboarding-cta" id="onboarding-enable-push">Enable push</button>'
-              );
-              var enableBtn = $("onboarding-enable-push");
-              if (enableBtn) {
-                enableBtn.addEventListener("click", function () {
-                  subscribePush();
-                  notifTogglePush.checked = true;
-                  hideOnboarding();
-                  localStorage.setItem("onboarding-dismissed", "1");
-                });
-              }
-            }
           }
         });
       })
       .catch(function () {});
   })();
 
-  // --- Debug panel ---
-  (function () {
-    var debugBtn = $("debug-btn");
-    var debugMenu = $("debug-menu");
-    if (!debugBtn || !debugMenu) return;
-
-    var debugToggleUpdate = $("debug-toggle-update");
-    var debugToggleOnboarding = $("debug-toggle-onboarding");
-
-    debugBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      var open = debugMenu.classList.toggle("hidden");
-      debugBtn.classList.toggle("active", !open);
-
-      // Sync toggle states with current pill visibility
-      var updatePillWrap = $("update-pill-wrap");
-      if (debugToggleUpdate && updatePillWrap) {
-        debugToggleUpdate.checked = !updatePillWrap.classList.contains("hidden");
-      }
-      if (debugToggleOnboarding && onboardingPill) {
-        debugToggleOnboarding.checked = !onboardingPill.classList.contains("hidden");
-      }
-    });
-
-    document.addEventListener("click", function (e) {
-      if (!debugMenu.contains(e.target) && e.target !== debugBtn) {
-        debugMenu.classList.add("hidden");
-        debugBtn.classList.remove("active");
-      }
-    });
-
-    if (debugToggleUpdate) {
-      debugToggleUpdate.addEventListener("change", function () {
-        var pillWrap = $("update-pill-wrap");
-        if (!pillWrap) return;
-        if (debugToggleUpdate.checked) {
-          // Trigger real update check from server (debug mode uses v0.0.9)
-          if (ctx.ws && ctx.connected) {
-            ctx.ws.send(JSON.stringify({ type: "check_update" }));
-          }
-        } else {
-          pillWrap.classList.add("hidden");
-        }
-        refreshIcons();
-      });
-    }
-
-    if (debugToggleOnboarding) {
-      debugToggleOnboarding.addEventListener("change", function () {
-        if (debugToggleOnboarding.checked) {
-          if (!onboardingText.innerHTML.trim()) {
-            showOnboarding(
-              iconHtml("bell-ring") +
-              ' <a href="/setup">Set up HTTPS</a>'
-            );
-          } else {
-            onboardingPill.classList.remove("hidden");
-          }
-        } else {
-          hideOnboarding();
-        }
-      });
-    }
-  })();
 }