@homebridge-plugins/homebridge-govee 11.32.0-beta.3 → 11.32.0-beta.4

package/CHANGELOG.md

@@ -11,6 +11,7 @@ All notable changes to `@homebridge-plugins/homebridge-govee` will be documented
 - feat(ui): hide or show a device in homekit from the my devices tab
 - style(ui): present the device config actions as a settings-style list
 - style(ui): polish the action list - consistent spacing, arrow buttons, bold emphasis
+- style(ui): give each action row a title with a grey description underneath
 
 ## v11.31.0 (2026-07-24)
 

package/lib/homebridge-ui/public/index.html

@@ -23,10 +23,17 @@
       border-color: #444444;
       color: #eeeeee;
     }
+
+    .text-muted {
+      color: #aaaaaa !important;
+    }
   }
   .min-w-50 {
     min-width: 50px;
   }
+  .action-desc {
+    font-size: 0.85rem;
+  }
   select {
     background-image:
       linear-gradient(45deg, transparent 50%, gray 50%),
@@ -89,7 +96,10 @@
     <ul class="list-group mt-4 mb-4 mx-0" id="configActionList" style="display: none;">
       <li class="list-group-item">
         <div class="d-flex justify-content-between align-items-center">
-          <span class="pr-2">Adds <strong>all</strong> devices to the config</span>
+          <div class="pr-2">
+            <div>Add All Devices</div>
+            <div class="text-muted action-desc">Add all devices to the config that are not already in the config.</div>
+          </div>
           <button type="button" class="btn btn-primary m-0 ml-3 py-1 min-w-50" id="addAllBtn" aria-label="Add all devices to the config">
             <i aria-hidden="true" class="fas fa-arrow-right"></i>
           </button>
@@ -97,7 +107,10 @@
       </li>
       <li class="list-group-item">
         <div class="d-flex justify-content-between align-items-center">
-          <span class="pr-2" id="deviceConfigText">Adds <strong>this</strong> device to the config</span>
+          <div class="pr-2">
+            <div id="deviceConfigTitle">Add This Device</div>
+            <div class="text-muted action-desc" id="deviceConfigText">Add this device to the plugin config.</div>
+          </div>
           <button type="button" class="btn btn-primary m-0 ml-3 py-1 min-w-50" id="deviceConfigBtn" aria-label="Add this device to the config">
             <i aria-hidden="true" class="fas fa-arrow-right"></i>
           </button>
@@ -105,7 +118,10 @@
       </li>
       <li class="list-group-item">
         <div class="d-flex justify-content-between align-items-center">
-          <span class="pr-2" id="hideDeviceText">Hide <strong>this</strong> device from HomeKit</span>
+          <div class="pr-2">
+            <div id="hideDeviceTitle">Hide This Device</div>
+            <div class="text-muted action-desc" id="hideDeviceText">Hide this device from HomeKit. This adds the device to the config if needed.</div>
+          </div>
           <button type="button" class="btn btn-primary m-0 ml-3 py-1 min-w-50" id="hideDeviceBtn" aria-label="Hide this device from HomeKit">
             <i aria-hidden="true" class="fas fa-arrow-right"></i>
           </button>
@@ -396,9 +412,10 @@
         btn.dataset.hidden = hidden ? 'yes' : 'no'
         btn.innerHTML = actionArrow
         btn.setAttribute('aria-label', hidden ? 'Show this device in HomeKit' : 'Hide this device from HomeKit')
+        document.getElementById('hideDeviceTitle').innerHTML = hidden ? 'Show This Device' : 'Hide This Device'
         document.getElementById('hideDeviceText').innerHTML = hidden
-          ? 'Show <strong>this</strong> device in HomeKit'
-          : 'Hide <strong>this</strong> device from HomeKit'
+          ? 'Show this device in HomeKit again. The config entry is kept.'
+          : 'Hide this device from HomeKit. This adds the device to the config if needed.'
       }
 
       const setConfigButton = inConfig => {
@@ -410,9 +427,10 @@
         btn.classList.add('btn-primary')
         btn.innerHTML = actionArrow
         btn.setAttribute('aria-label', inConfig ? 'Remove this device from the config' : 'Add this device to the config')
+        document.getElementById('deviceConfigTitle').innerHTML = inConfig ? 'Remove This Device' : 'Add This Device'
         document.getElementById('deviceConfigText').innerHTML = inConfig
-          ? 'Removes <strong>this</strong> device from the config'
-          : 'Adds <strong>this</strong> device to the config'
+          ? 'Remove this device from the plugin config.'
+          : 'Add this device to the plugin config.'
       }
 
       const addDeviceToConfig = (config, acc) => {
@@ -467,7 +485,7 @@
               btn.classList.add('btn-danger')
               btn.innerHTML = actionArrow
               btn.setAttribute('aria-label', 'Confirm removing this device from the config')
-              document.getElementById('deviceConfigText').innerHTML = 'This entry has extra settings which will be lost - click again to remove it'
+              document.getElementById('deviceConfigText').innerHTML = 'This entry has extra settings which will be lost. Click again to remove it.'
               removeConfirmTimer = setTimeout(() => setConfigButton(true), 5000)
               return
             }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@homebridge-plugins/homebridge-govee",
   "alias": "Govee",
   "type": "module",
-  "version": "11.32.0-beta.3",
+  "version": "11.32.0-beta.4",
   "description": "Homebridge plugin to integrate Govee devices into HomeKit.",
   "author": {
     "name": "bwp91",