npm - @switchbot/homebridge-switchbot - Versions diffs - 5.0.0-beta.98 → 5.0.0 - Mend

@switchbot/homebridge-switchbot 5.0.0-beta.98 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (282) hide show

package/.changeset/config.json +14 -0
package/.github/copilot-instructions.md +39 -0
package/.github/workflows/ci.yml +4 -1
package/.github/workflows/manual-e2e.yml +6 -3
package/.github/workflows/release.yml +64 -15
package/.github/workflows/stale.yml +2 -4
package/.husky/pre-push +15 -0
package/CHANGELOG.md +126 -134
package/MIGRATION.md +16 -6
package/README.md +84 -3
package/TODO.md +263 -0
package/config.schema.json +229 -36
package/dist/SwitchBotHAPPlatform.d.ts +133 -0
package/dist/SwitchBotHAPPlatform.d.ts.map +1 -0
package/dist/SwitchBotHAPPlatform.js +555 -0
package/dist/SwitchBotHAPPlatform.js.map +1 -0
package/dist/SwitchBotMatterPlatform.d.ts +141 -0
package/dist/SwitchBotMatterPlatform.d.ts.map +1 -0
package/dist/SwitchBotMatterPlatform.js +536 -0
package/dist/SwitchBotMatterPlatform.js.map +1 -0
package/dist/device-types.d.ts +31 -0
package/dist/device-types.d.ts.map +1 -0
package/dist/device-types.js +246 -0
package/dist/device-types.js.map +1 -0
package/dist/deviceCommandMapper.d.ts +10 -0
package/dist/deviceCommandMapper.d.ts.map +1 -0
package/dist/deviceCommandMapper.js +319 -0
package/dist/deviceCommandMapper.js.map +1 -0
package/dist/deviceFactory.d.ts +3 -2
package/dist/deviceFactory.d.ts.map +1 -1
package/dist/deviceFactory.js +107 -29
package/dist/deviceFactory.js.map +1 -1
package/dist/devices/genericDevice.d.ts +59 -37
package/dist/devices/genericDevice.d.ts.map +1 -1
package/dist/devices/genericDevice.js +376 -78
package/dist/devices/genericDevice.js.map +1 -1
package/dist/errors.d.ts +38 -0
package/dist/errors.d.ts.map +1 -0
package/dist/errors.js +32 -0
package/dist/errors.js.map +1 -0
package/dist/homebridge-ui/device-types.js +246 -0
package/dist/homebridge-ui/device-types.js.map +1 -0
package/dist/homebridge-ui/deviceCommandMapper.js +319 -0
package/dist/homebridge-ui/deviceCommandMapper.js.map +1 -0
package/dist/homebridge-ui/endpoints/config.d.ts +3 -0
package/dist/homebridge-ui/endpoints/config.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/config.js +90 -0
package/dist/homebridge-ui/endpoints/config.js.map +1 -0
package/dist/homebridge-ui/endpoints/devices.d.ts +6 -0
package/dist/homebridge-ui/endpoints/devices.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/devices.js +144 -0
package/dist/homebridge-ui/endpoints/devices.js.map +1 -0
package/dist/homebridge-ui/endpoints/discovery.d.ts +7 -0
package/dist/homebridge-ui/endpoints/discovery.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/discovery.js +219 -0
package/dist/homebridge-ui/endpoints/discovery.js.map +1 -0
package/dist/homebridge-ui/errors.js +32 -0
package/dist/homebridge-ui/errors.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/config.js +90 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/config.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/devices.js +144 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/devices.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/discovery.js +219 -0
package/dist/homebridge-ui/homebridge-ui/endpoints/discovery.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/server.js +11 -0
package/dist/homebridge-ui/homebridge-ui/server.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/utils/config-parser.js +108 -0
package/dist/homebridge-ui/homebridge-ui/utils/config-parser.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/utils/device-migration.js +111 -0
package/dist/homebridge-ui/homebridge-ui/utils/device-migration.js.map +1 -0
package/dist/homebridge-ui/homebridge-ui/utils/logger.js +17 -0
package/dist/homebridge-ui/homebridge-ui/utils/logger.js.map +1 -0
package/dist/homebridge-ui/public/css/styles.css +483 -0
package/dist/homebridge-ui/public/index.html +197 -621
package/dist/homebridge-ui/public/js/advanced-settings.d.ts +3 -0
package/dist/homebridge-ui/public/js/advanced-settings.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/advanced-settings.js +95 -0
package/dist/homebridge-ui/public/js/advanced-settings.js.map +1 -0
package/dist/homebridge-ui/public/js/advanced-settings.ts +94 -0
package/dist/homebridge-ui/public/js/api.d.ts +66 -0
package/dist/homebridge-ui/public/js/api.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/api.js +295 -0
package/dist/homebridge-ui/public/js/api.js.map +1 -0
package/dist/homebridge-ui/public/js/api.ts +355 -0
package/dist/homebridge-ui/public/js/app.d.ts +2 -0
package/dist/homebridge-ui/public/js/app.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/app.js +3722 -0
package/dist/homebridge-ui/public/js/app.js.map +7 -0
package/dist/homebridge-ui/public/js/app.ts +22 -0
package/dist/homebridge-ui/public/js/constants.d.ts +2 -0
package/dist/homebridge-ui/public/js/constants.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/constants.js +2 -0
package/dist/homebridge-ui/public/js/constants.js.map +1 -0
package/dist/homebridge-ui/public/js/constants.ts +1 -0
package/dist/homebridge-ui/public/js/credentials.d.ts +3 -0
package/dist/homebridge-ui/public/js/credentials.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/credentials.js +99 -0
package/dist/homebridge-ui/public/js/credentials.js.map +1 -0
package/dist/homebridge-ui/public/js/credentials.ts +105 -0
package/dist/homebridge-ui/public/js/devices-delete.d.ts +3 -0
package/dist/homebridge-ui/public/js/devices-delete.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/devices-delete.js +199 -0
package/dist/homebridge-ui/public/js/devices-delete.js.map +1 -0
package/dist/homebridge-ui/public/js/devices-delete.ts +227 -0
package/dist/homebridge-ui/public/js/devices.d.ts +9 -0
package/dist/homebridge-ui/public/js/devices.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/devices.js +98 -0
package/dist/homebridge-ui/public/js/devices.js.map +1 -0
package/dist/homebridge-ui/public/js/devices.ts +106 -0
package/dist/homebridge-ui/public/js/discovery.d.ts +9 -0
package/dist/homebridge-ui/public/js/discovery.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/discovery.js +1201 -0
package/dist/homebridge-ui/public/js/discovery.js.map +1 -0
package/dist/homebridge-ui/public/js/discovery.ts +1335 -0
package/dist/homebridge-ui/public/js/logger.d.ts +7 -0
package/dist/homebridge-ui/public/js/logger.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/logger.js +17 -0
package/dist/homebridge-ui/public/js/logger.js.map +1 -0
package/dist/homebridge-ui/public/js/logger.ts +17 -0
package/dist/homebridge-ui/public/js/modal.d.ts +5 -0
package/dist/homebridge-ui/public/js/modal.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/modal.js +35 -0
package/dist/homebridge-ui/public/js/modal.js.map +1 -0
package/dist/homebridge-ui/public/js/modal.ts +35 -0
package/dist/homebridge-ui/public/js/modals.d.ts +15 -0
package/dist/homebridge-ui/public/js/modals.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/modals.js +675 -0
package/dist/homebridge-ui/public/js/modals.js.map +1 -0
package/dist/homebridge-ui/public/js/modals.ts +765 -0
package/dist/homebridge-ui/public/js/render.d.ts +71 -0
package/dist/homebridge-ui/public/js/render.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/render.js +960 -0
package/dist/homebridge-ui/public/js/render.js.map +1 -0
package/dist/homebridge-ui/public/js/render.ts +1084 -0
package/dist/homebridge-ui/public/js/toast.d.ts +6 -0
package/dist/homebridge-ui/public/js/toast.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/toast.js +38 -0
package/dist/homebridge-ui/public/js/toast.js.map +1 -0
package/dist/homebridge-ui/public/js/toast.ts +44 -0
package/dist/homebridge-ui/public/js/types.d.ts +23 -0
package/dist/homebridge-ui/public/js/types.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/types.js +2 -0
package/dist/homebridge-ui/public/js/types.js.map +1 -0
package/dist/homebridge-ui/public/js/types.ts +26 -0
package/dist/homebridge-ui/server.d.ts +1 -3
package/dist/homebridge-ui/server.d.ts.map +1 -1
package/dist/homebridge-ui/server.js +8 -450
package/dist/homebridge-ui/server.js.map +1 -1
package/dist/homebridge-ui/settings.js +8 -0
package/dist/homebridge-ui/settings.js.map +1 -0
package/dist/homebridge-ui/switchbotClient.js +247 -0
package/dist/homebridge-ui/switchbotClient.js.map +1 -0
package/dist/homebridge-ui/utils/config-parser.d.ts +39 -0
package/dist/homebridge-ui/utils/config-parser.d.ts.map +1 -0
package/dist/homebridge-ui/utils/config-parser.js +108 -0
package/dist/homebridge-ui/utils/config-parser.js.map +1 -0
package/dist/homebridge-ui/utils/device-migration.d.ts +35 -0
package/dist/homebridge-ui/utils/device-migration.d.ts.map +1 -0
package/dist/homebridge-ui/utils/device-migration.js +111 -0
package/dist/homebridge-ui/utils/device-migration.js.map +1 -0
package/dist/homebridge-ui/utils/logger.d.ts +7 -0
package/dist/homebridge-ui/utils/logger.d.ts.map +1 -0
package/dist/homebridge-ui/utils/logger.js +17 -0
package/dist/homebridge-ui/utils/logger.js.map +1 -0
package/dist/index.d.ts +10 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.js +12 -2
package/dist/index.js.map +1 -1
package/dist/settings.d.ts +1 -0
package/dist/settings.d.ts.map +1 -1
package/dist/settings.js +1 -0
package/dist/settings.js.map +1 -1
package/dist/switchbotClient.d.ts +12 -10
package/dist/switchbotClient.d.ts.map +1 -1
package/dist/switchbotClient.js +156 -103
package/dist/switchbotClient.js.map +1 -1
package/dist/utils.d.ts +76 -1
package/dist/utils.d.ts.map +1 -1
package/dist/utils.js +1121 -4
package/dist/utils.js.map +1 -1
package/docs/assets/highlight.css +16 -2
package/docs/assets/main.js +1 -1
package/docs/index.html +82 -5
package/docs/variables/default.html +3 -1
package/eslint.config.js +9 -5
package/nodemon.json +2 -2
package/package.json +34 -21
package/scripts/build-ui.js +37 -0
package/scripts/free-dev-ports.mjs +105 -0
package/scripts/generate-matter-maps.js +34 -17
package/scripts/sync-device-types.mjs +31 -0
package/src/SwitchBotHAPPlatform.ts +558 -0
package/src/SwitchBotMatterPlatform.ts +538 -0
package/src/device-types.js +246 -0
package/src/device-types.js.map +1 -0
package/src/device-types.ts +261 -0
package/src/deviceCommandMapper.js +319 -0
package/src/deviceCommandMapper.js.map +1 -0
package/src/deviceCommandMapper.ts +333 -0
package/src/deviceFactory.ts +125 -45
package/src/devices/genericDevice.ts +411 -69
package/src/errors.js +32 -0
package/src/errors.js.map +1 -0
package/src/errors.ts +35 -0
package/src/homebridge-ui/endpoints/config.ts +110 -0
package/src/homebridge-ui/endpoints/devices.ts +153 -0
package/src/homebridge-ui/endpoints/discovery.ts +240 -0
package/src/homebridge-ui/public/css/styles.css +483 -0
package/src/homebridge-ui/public/index.html +197 -621
package/src/homebridge-ui/public/js/advanced-settings.ts +94 -0
package/src/homebridge-ui/public/js/api.ts +355 -0
package/src/homebridge-ui/public/js/app.ts +22 -0
package/src/homebridge-ui/public/js/constants.ts +1 -0
package/src/homebridge-ui/public/js/credentials.ts +105 -0
package/src/homebridge-ui/public/js/devices-delete.ts +227 -0
package/src/homebridge-ui/public/js/devices.ts +106 -0
package/src/homebridge-ui/public/js/discovery.ts +1335 -0
package/src/homebridge-ui/public/js/logger.ts +17 -0
package/src/homebridge-ui/public/js/modal.ts +35 -0
package/src/homebridge-ui/public/js/modals.ts +765 -0
package/src/homebridge-ui/public/js/render.ts +1084 -0
package/src/homebridge-ui/public/js/toast.ts +44 -0
package/src/homebridge-ui/public/js/types.ts +26 -0
package/src/homebridge-ui/server.ts +9 -526
package/src/homebridge-ui/utils/config-parser.ts +125 -0
package/src/homebridge-ui/utils/device-migration.ts +144 -0
package/src/homebridge-ui/utils/logger.ts +17 -0
package/src/index.ts +12 -2
package/src/settings.js +8 -0
package/src/settings.js.map +1 -0
package/src/settings.ts +2 -0
package/src/switchbotClient.js +247 -0
package/src/switchbotClient.js.map +1 -0
package/src/switchbotClient.ts +177 -114
package/src/utils.ts +1133 -5
package/test/client/switchbot-client-debounce.spec.ts +35 -0
package/test/client/switchbot-client-openapi.spec.ts +19 -0
package/test/client/switchbotClient.spec.ts +64 -0
package/test/device/device-mapping.spec.ts +23 -0
package/test/device/deviceBase.spec.ts +26 -0
package/test/device/deviceFactory-edge.spec.ts +15 -0
package/test/device/deviceFactory.spec.ts +33 -0
package/test/device/fan-swing.spec.ts +34 -0
package/test/device/genericDevice-blepoll.spec.ts +47 -0
package/test/device/irdevice.spec.ts +9 -0
package/test/device/lock-users.spec.ts +35 -0
package/test/device/matter-descriptors.spec.ts +22 -0
package/test/device/matter-device-state.spec.ts +37 -0
package/test/e2e/run-e2e.spec.ts +18 -19
package/test/errors/errors.spec.ts +10 -0
package/test/helpers/matter-harness.ts +20 -9
package/test/homebridge-ui/server.spec.ts +9 -0
package/test/platform/accessory-restore.spec.ts +37 -0
package/test/platform/matter-childbridge.spec.ts +34 -0
package/test/platform/matter-integration.spec.ts +33 -0
package/test/platform/platform-edge.spec.ts +73 -0
package/test/platform/platform.integration.spec.ts +34 -0
package/test/utils/utils-extra.spec.ts +10 -0
package/test/utils/utils.spec.ts +53 -0
package/todo/TODO.md +80 -0
package/tsconfig.ui.json +11 -0
package/.github/npm-version-script-esm.js +0 -97
package/.github/workflows/beta-release.yml +0 -52
package/dist/platform.d.ts +0 -35
package/dist/platform.d.ts.map +0 -1
package/dist/platform.js +0 -850
package/dist/platform.js.map +0 -1
package/src/platform.ts +0 -867
package/test/accessory-restore.spec.ts +0 -73
package/test/device-mapping.spec.ts +0 -37
package/test/deviceFactory.spec.ts +0 -18
package/test/fan-swing.spec.ts +0 -29
package/test/lock-users.spec.ts +0 -44
package/test/matter-childbridge.spec.ts +0 -55
package/test/matter-descriptors.spec.ts +0 -97
package/test/matter-device-state.spec.ts +0 -101
package/test/matter-integration.spec.ts +0 -70
package/test/platform.integration.spec.ts +0 -55
package/test/switchbot-client-debounce.spec.ts +0 -131
package/test/switchbot-client-openapi.spec.ts +0 -56
package/test/switchbotClient.spec.ts +0 -10
package/test/utils.spec.ts +0 -20

package/dist/homebridge-ui/public/index.html CHANGED Viewed

@@ -1,639 +1,215 @@
 <!doctype html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <title>SwitchBot Plugin UI</title>
-    <style>
-      :root {
-        color-scheme: light dark;
-      }
-      @media (prefers-color-scheme: light) {
-        body {
-          background: #f5f5f5;
-          color: #1a1a1a;
-        }
-        input {
-          background: #fff;
-          border-color: #ddd;
-          color: #1a1a1a;
-        }
-        input:focus {
-          border-color: #6366f1;
-        }
-        .card {
-          background: #fff;
-          border: 1px solid #ddd;
-        }
-        code {
-          background: #f0f0f0;
-          color: #1a1a1a;
-        }
-        h2 {
-          border-bottom-color: #ddd;
-        }
-        .status {
-          color: #666;
-        }
-      }
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>SwitchBot Plugin UI</title>
+  <link rel="stylesheet" href="css/styles.css" />
+</head>
-      @media (prefers-color-scheme: dark) {
-        body {
-          background: #1a1a1a;
-          color: #fff;
-        }
-        input {
-          background: #2a2a2a;
-          border-color: #444;
-          color: #fff;
-        }
-        .card {
-          background: #2a2a2a;
-        }
-        code {
-          background: #333;
-          color: #fff;
-        }
-        h2 {
-          border-bottom-color: #444;
-        }
-        .status {
-          color: #888;
-        }
-        .device-item {
-          background: #333;
-          border: 1px solid #444;
-        }
-      }
+<body>
+  <h1>🤖 SwitchBot Configuration</h1>
-      @media (prefers-color-scheme: light) {
-        .device-item {
-          background: #f9f9f9;
-          border: 1px solid #e0e0e0;
-        }
-      }
-      body { font-family: system-ui, -apple-system, Arial; padding: 16px }
-      h1 { font-size: 24px; margin-top:0 }
-      h2 { font-size: 16px; margin-top: 24px; margin-bottom: 12px; border-bottom: 1px solid; padding-bottom:8px }
-      ul { padding-left: 0; list-style: none }
-      li { margin: 8px 0; display:flex; gap:8px; align-items:center }
-      button { padding: 8px 16px; background:#6366f1; color:#fff; border:none; border-radius:4px; cursor:pointer }
-      button:hover { background:#4f46e5 }
-      button.success { background:#10b981 }
-      code { padding:4px 6px; border-radius:4px; font-family: monospace }
-      .form-group { margin-bottom:16px }
-      label { display:block; margin-bottom:6px; font-weight:500 }
-      input { width:100%; max-width:400px; padding:8px; border: 1px solid; border-radius:4px; font-family:monospace }
-      input:focus { outline:none }
-      .status { font-size:14px; margin-top:4px }
-      .status.ok { color:#10b981 }
-      .error { color:#ef4444 }
-      .success-msg { color:#10b981; margin-top:8px }
-      .card { padding:16px; border-radius:8px; margin-bottom:16px }
-      .device-item { padding:8px; border-radius:4px; margin-bottom:8px; display:flex; gap:8px; align-items:center; justify-content:space-between }
-    </style>
-  </head>
-  <body>
-    <h1>🤖 SwitchBot Configuration</h1>
-    <div class="card">
-      <h2>API Credentials</h2>
-      <p>Configure your SwitchBot API token and secret to enable device discovery and control.</p>
+  <div class="card compact">
+    <h2>API Credentials</h2>
+    <div class="credentials-row">
       <div class="form-group">
-        <label for="token">API Token:</label>
-        <input type="password" id="token" placeholder="Enter your SwitchBot API token" />
+        <label for="token">Token:</label>
+        <input type="password" id="token" placeholder="Enter token" />
         <div class="status" id="tokenStatus"></div>
       </div>
       <div class="form-group">
-        <label for="secret">API Secret:</label>
-        <input type="password" id="secret" placeholder="Enter your SwitchBot API secret" />
+        <label for="secret">Secret:</label>
+        <input type="password" id="secret" placeholder="Enter secret" />
         <div class="status" id="secretStatus"></div>
       </div>
-      <button id="saveBtn" onclick="saveCredentials()">Save Credentials</button>
-      <div id="saveStatus"></div>
     </div>
-    <div class="card">
-      <h2>Discover Devices</h2>
-      <p>Click "Discover" to find all devices available in your SwitchBot account and add them to your configuration.</p>
-      <div style="margin-bottom: 16px">
-        <label style="display: flex; align-items: center; gap: 8px; cursor: pointer">
-          <input type="checkbox" id="autoAddAllCheckbox" style="width: auto; margin: 0">
-          <span>Auto-add all discovered devices</span>
-        </label>
+    <button id="saveBtn" onclick="saveCredentials()">Save</button>
+    <div id="saveStatus"></div>
+  </div>
+  <div class="card compact">
+    <h2>Discover Devices</h2>
+    <div style="margin-bottom: 6px">
+      <label style="display: flex; align-items: center; gap: 4px; cursor: pointer; font-size: 11px">
+        <input type="checkbox" id="autoAddAllCheckbox" style="width: auto; margin: 0" />
+        <span>Auto-add all</span>
+        <span
+          title="When enabled, Discover immediately adds all found devices to your config. Existing devices are skipped automatically."
+          style="font-size: 11px; opacity: 0.7">ⓘ</span>
+      </label>
+      <div style="margin-top: 2px; margin-left: 22px; font-size: 10px; opacity: 0.75; line-height: 1.25">
+        Adds all discovered devices automatically; already configured devices are skipped.
       </div>
-      <button id="discoverBtn" onclick="discoverDevices()" style="margin-bottom: 16px">🔍 Discover Devices</button>
-      <div id="discoverStatus" style="margin-bottom: 16px"></div>
-      <div id="discoveredList" style="display: none">
-        <h3 style="margin-top: 0">Available Devices</h3>
-        <ul id="discoveredDevices" style="max-height: 300px; overflow-y: auto"></ul>
+    </div>
+    <div class="discovery-settings-row" style="margin-bottom: 2px">
+      <label id="bleScanSetting" style="display: inline-flex; align-items: center; gap: 4px; font-size: 11px">
+        <span>Scan:</span>
+        <select id="bleScanDurationSelect" style="font-size: 11px; padding: 2px 6px">
+          <option value="3">3s</option>
+          <option value="5" selected>5s</option>
+          <option value="10">10s</option>
+          <option value="15">15s</option>
+        </select>
+      </label>
+      <label id="bleTimeoutSetting" style="display: inline-flex; align-items: center; gap: 4px; font-size: 11px">
+        <span>Timeout:</span>
+        <input id="bleTimeoutInput" type="number" min="3" max="30" step="1" value="8"
+          style="width: 56px; font-size: 11px; padding: 2px 4px" />
+        <span>s</span>
+      </label>
+      <label style="display: flex; align-items: center; gap: 4px; cursor: pointer; font-size: 11px">
+        <input type="checkbox" id="disableBleScanCheckbox" style="width: auto; margin: 0" />
+        <span>Disable BLE scan</span>
+      </label>
+    </div>
+    <div id="bluetoothStatus" style="margin-bottom: 4px; font-size: 10px; opacity: 0.8">Bluetooth: checking...</div>
+    <div class="discovery-settings-row" style="margin-bottom: 8px">
+      <div id="lastScannedStatus" style="font-size: 10px; opacity: 0.8; flex: 1 1 auto">Last scanned: never</div>
+      <label style="font-size: 11px">
+        Auto-refresh:
+        <select id="autoRefreshIntervalSelect" style="margin-left: 4px; font-size: 11px; padding: 2px 6px">
+          <option value="0" selected>Off</option>
+          <option value="30">30s</option>
+          <option value="60">1m</option>
+          <option value="300">5m</option>
+        </select>
+      </label>
+      <button id="refreshDiscoverBtn" class="secondary" style="padding: 4px 9px; font-size: 11px">Refresh</button>
+    </div>
+    <button id="discoverBtn" onclick="discoverDevices()" style="margin-bottom: 8px">
+      🔍 Discover
+    </button>
+    <button id="cancelDiscoverBtn"
+      style="margin-left: 6px; margin-bottom: 8px; display: none; padding: 6px 10px; font-size: 11px" class="secondary">
+      Cancel
+    </button>
+    <div id="discoverStatus" style="margin-bottom: 6px; font-size: 11px"></div>
+    <div id="discoverDevicesFound" style="margin-bottom: 6px; font-size: 11px; display: none"></div>
+    <div id="discoverPhaseProgress" class="discover-phase-progress" style="display: none">
+      <div class="discover-phase-track">
+        <div id="discoverPhaseFill" class="discover-phase-fill"></div>
       </div>
+      <div id="discoverPhaseLabel" class="discover-phase-label"></div>
     </div>
-    <div class="card">
-      <h2>Configured Devices</h2>
-      <p>This page lists devices found in your Homebridge config for the SwitchBot platform. Use the copy button to insert device IDs into the plugin configuration. Connection preference (BLE/OpenAPI) is shown when available.</p>
-      <div id="status">Loading…</div>
-      <ul id="devices"></ul>
+    <div id="discoveredList">
+      <h3 style="margin-top: 0; font-size: 12px; margin-bottom: 6px; font-weight: 600">Available Devices</h3>
+      <ul id="discoveredDevices" style="max-height: 300px; overflow-y: auto"></ul>
     </div>
+  </div>
+  <div class="card compact">
+    <h2>Configured Devices</h2>
+    <div id="status">Loading…</div>
+    <ul id="devices"></ul>
+    <!-- BLE encryption key fields will be rendered dynamically per device in the UI (see app.ts/devices.js) -->
+    <div id="removeAllContainer" style="
+          display: none;
+          margin-top: 12px;
+          padding-top: 10px;
+          border-top: 1px solid rgba(0, 0, 0, 0.1);
+        ">
+      <button id="removeAllBtn" style="
+            background: #dc2626;
+            width: 100%;
+            padding: 7px 12px;
+            font-size: 12px;
+            font-weight: 500;
+          ">
+        🗑️ Remove All Devices
+      </button>
+    </div>
+  </div>
+  <div class="card compact" id="advancedSettingsCard" style="margin-top: 24px;">
+    <h2>Advanced Settings</h2>
+    <form id="advancedSettingsForm">
+            <div class="form-group">
+              <label for="enableMatter">
+                <input type="checkbox" id="enableMatter" /> Enable Matter Support (Override)
+              </label>
+              <small>Manually enable Matter support. By default, Matter is auto-detected from the child bridge configuration. Only change this if you need to override the auto-detection.</small>
+            </div>
+            <div class="form-group">
+              <label for="preferMatter">
+                <input type="checkbox" id="preferMatter" /> Prefer Matter when available
+              </label>
+              <small>If enabled and Matter is available, devices will be presented as Matter accessories where supported (instead of HAP).</small>
+            </div>
+            <div class="form-group">
+              <label for="enableBLE">
+                <input type="checkbox" id="enableBLE" /> Enable BLE (Bluetooth)
+              </label>
+              <small>Enable or disable BLE (Bluetooth Low Energy) support. If disabled, only OpenAPI (cloud) will be used.</small>
+            </div>
+            <div class="form-group">
+              <label for="blePollingEnabled">
+                <input type="checkbox" id="blePollingEnabled" /> Enable BLE Polling Fallback
+              </label>
+              <small>If enabled, the plugin will periodically poll BLE devices for status as a safety net in addition to real-time notifications. This helps recover from missed notifications or connection loss. Recommended for reliability. Can be overridden per device.</small>
+            </div>
+            <div class="form-group">
+              <label for="blePollIntervalMs">BLE Polling Interval (ms)</label>
+              <input type="number" id="blePollIntervalMs" min="60000" max="3600000" step="1000" value="600000" />
+              <small>How often to poll BLE devices for status (in milliseconds). Default is 600000 (10 minutes). Set higher to reduce battery drain. Minimum 60000 (1 minute). Can be overridden per device.</small>
+            </div>
+      <div class="form-group">
+        <label for="openApiRefreshRate">OpenAPI Polling Interval (seconds)</label>
+        <input type="number" id="openApiRefreshRate" min="30" max="86400" step="1" value="300" />
+        <small>How often to poll devices via OpenAPI for status. Default: 300 (5 min). Min: 30. Can be overridden per device.</small>
+      </div>
+      <div class="form-group">
+        <label for="matterBatchEnabled">
+          <input type="checkbox" id="matterBatchEnabled" /> Enable Batched OpenAPI Polling
+        </label>
+        <small>Poll all OpenAPI devices in a single batch at the configured interval. Devices with per-device refreshRate are excluded from the batch.</small>
+      </div>
+      <div class="form-group">
+        <label for="matterBatchRefreshRate">OpenAPI Batch Polling Interval (seconds)</label>
+        <input type="number" id="matterBatchRefreshRate" min="30" max="86400" step="1" value="300" />
+        <small>Interval for batched OpenAPI polling. Falls back to OpenAPI Polling Interval if not set. Default: 300.</small>
+      </div>
+      <div class="form-group">
+        <label for="dailyApiLimit">OpenAPI Daily Request Limit</label>
+        <input type="number" id="dailyApiLimit" min="1000" max="100000" step="1" value="10000" />
+        <small>Maximum OpenAPI requests per day allowed by the plugin. Default: 10000.</small>
+      </div>
+      <div class="form-group">
+        <label for="dailyApiReserveForCommands">OpenAPI Reserve for Commands</label>
+        <input type="number" id="dailyApiReserveForCommands" min="0" max="10000" step="1" value="1000" />
+        <small>Requests reserved for user actions. When remaining budget reaches this value, background polling pauses. Default: 1000.</small>
+      </div>
+      <div class="form-group">
+        <label for="dailyApiResetLocalMidnight">
+          <input type="checkbox" id="dailyApiResetLocalMidnight" /> Reset OpenAPI Counter at Local Midnight
+        </label>
+        <small>If true, resets the daily OpenAPI request counter at local midnight. If false, resets at UTC midnight.</small>
+      </div>
+      <div class="form-group">
+        <label for="webhookOnlyOnReserve">
+          <input type="checkbox" id="webhookOnlyOnReserve" /> Only Allow Webhooks on Reserve
+        </label>
+        <small>When remaining OpenAPI budget reaches the reserve, only webhooks and user commands are allowed. Background polling/discovery pauses.</small>
+      </div>
+      <div class="form-group">
+        <label for="matterBatchConcurrency">OpenAPI Batch Concurrency</label>
+        <input type="number" id="matterBatchConcurrency" min="1" max="20" step="1" value="5" />
+        <small>Maximum number of parallel OpenAPI status calls during a batch. Default: 5.</small>
+      </div>
+      <div class="form-group">
+        <label for="matterBatchJitter">OpenAPI Batch Jitter (seconds)</label>
+        <input type="number" id="matterBatchJitter" min="0" max="300" step="1" value="0" />
+        <small>Random startup delay before the first batch to reduce synchronized spikes. Default: 0.</small>
+      </div>
+      <button type="button" id="saveAdvancedSettingsBtn">Save Advanced Settings</button>
+      <div id="advancedSettingsStatus" style="margin-top: 8px; font-size: 12px;"></div>
+    </form>
+  </div>
-    <script>
-      async function loadCredentialStatus() {
-        try {
-          const resp = await homebridge.request('/credentials', {})
-          console.log('Load credentials response:', resp)
-          if (!resp || resp.success === false) {
-            console.error('Failed to load credentials:', resp)
-            return
-          }
-          const creds = resp.data || {}
-          const tokenStatus = document.getElementById('tokenStatus')
-          const secretStatus = document.getElementById('secretStatus')
-          if (creds.hasToken) {
-            tokenStatus.textContent = `✓ Configured (${creds.tokenLength} characters)`
-            tokenStatus.classList.add('ok')
-          } else {
-            tokenStatus.textContent = 'Not configured'
-            tokenStatus.classList.remove('ok')
-          }
-          if (creds.hasSecret) {
-            secretStatus.textContent = `✓ Configured (${creds.secretLength} characters)`
-            secretStatus.classList.add('ok')
-          } else {
-            secretStatus.textContent = 'Not configured'
-            secretStatus.classList.remove('ok')
-          }
-        } catch (e) {
-          console.error('Error loading credentials:', e)
-        }
-      }
-      async function saveCredentials() {
-        const token = document.getElementById('token').value
-        const secret = document.getElementById('secret').value
-        const saveStatus = document.getElementById('saveStatus')
-        const saveBtn = document.getElementById('saveBtn')
-        if (!token || !secret) {
-          saveStatus.textContent = 'Please enter both token and secret'
-          saveStatus.classList.add('error')
-          return
-        }
-        try {
-          saveBtn.disabled = true
-          saveBtn.textContent = 'Saving...'
-          console.log('Saving credentials...')
-          const resp = await homebridge.request('/credentials', { token, secret })
-          console.log('Save response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.message || 'Save failed')
-          }
-          const result = resp.data || resp
-          saveStatus.textContent = '✓ ' + (result.message || 'Credentials saved successfully')
-          saveStatus.classList.remove('error')
-          saveStatus.classList.add('success-msg')
-          // Clear inputs after successful save
-          document.getElementById('token').value = ''
-          document.getElementById('secret').value = ''
-          // Reload status to verify save
-          setTimeout(() => loadCredentialStatus(), 500)
-          // Clear status message
-          setTimeout(() => {
-            saveStatus.textContent = ''
-            saveStatus.classList.remove('success-msg')
-          }, 3000)
-        } catch (e) {
-          console.error('Save error:', e)
-          saveStatus.textContent = 'Error: ' + (e?.message || 'Failed to save')
-          saveStatus.classList.add('error')
-        } finally {
-          saveBtn.disabled = false
-          saveBtn.textContent = 'Save Credentials'
-        }
-      }
-      async function fetchDevices() {
-        try {
-          const resp = await homebridge.request('/devices', {})
-          if (!resp || resp.success === false) throw new Error(resp?.data?.message || 'request failed')
-          return resp.data || []
-        } catch (e) {
-          console.error(e)
-          return []
-        }
-      }
-      async function discoverDevices() {
-        const btn = document.getElementById('discoverBtn')
-        const status = document.getElementById('discoverStatus')
-        const list = document.getElementById('discoveredList')
-        const ul = document.getElementById('discoveredDevices')
-        const autoAddAll = document.getElementById('autoAddAllCheckbox').checked
-        try {
-          btn.disabled = true
-          btn.textContent = '🔍 Discovering...'
-          status.textContent = 'Searching SwitchBot account...'
-          status.classList.remove('error')
-          const resp = await homebridge.request('/discover', {})
-          console.log('Discover response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Discovery failed')
-          }
-          const devicesRaw = resp.data || []
-          const devices = devicesRaw.filter((d, index, arr) =>
-            !!d?.id && arr.findIndex((x) => x?.id === d.id) === index,
-          )
-          if (!devices.length) {
-            status.textContent = 'No devices found in your SwitchBot account'
-            list.style.display = 'none'
-            return
-          }
-          // If auto-add is enabled, add all devices immediately using bulk endpoint
-          if (autoAddAll) {
-            status.textContent = `Auto-adding ${devices.length} device(s)...`
-            try {
-              const bulkResult = await homebridge.request('/add-devices', {
-                devices: devices.map(d => ({
-                  deviceId: d.id,
-                  name: d.name,
-                  type: d.type,
-                }))
-              })
-              console.log('Bulk add response:', bulkResult)
-              if (!bulkResult || bulkResult.success === false) {
-                throw new Error(bulkResult?.data?.message || 'Bulk add failed')
-              }
-              const addedCount = bulkResult?.data?.addedCount || 0
-              const skippedCount = bulkResult?.data?.skippedCount || 0
-              status.textContent = `✓ Added ${addedCount} device(s)` + (skippedCount > 0 ? ` (${skippedCount} skipped)` : '')
-              status.classList.remove('error')
-              list.style.display = 'none'
-            } catch (e) {
-              console.error('Bulk add error:', e)
-              status.textContent = '✗ Error: ' + (e?.message || 'Failed to add devices')
-              status.classList.add('error')
-            }
-            // Refresh the configured devices list
-            await loadConfiguredDevices()
-            return
-          }
-          status.textContent = `Found ${devices.length} device(s)`
-          ul.innerHTML = ''
-          for (const d of devices) {
-            const li = document.createElement('li')
-            li.className = 'device-item'
-            const info = document.createElement('div')
-            info.style.flex = '1'
-            const name = document.createElement('div')
-            name.style.fontWeight = '500'
-            name.textContent = d.name || d.id
-            const details = document.createElement('div')
-            details.style.fontSize = '12px'
-            details.style.opacity = '0.75'
-            details.textContent = `ID: ${d.id} | Type: ${d.type} | Model: ${d.model || 'N/A'}`
-            info.appendChild(name)
-            info.appendChild(details)
-            const addBtn = document.createElement('button')
-            addBtn.textContent = '+ Add'
-            addBtn.style.marginLeft = '8px'
-            addBtn.onclick = async () => {
-              await addDeviceToConfig(d)
-            }
-            li.appendChild(info)
-            li.appendChild(addBtn)
-            ul.appendChild(li)
-          }
-          list.style.display = 'block'
-        } catch (e) {
-          console.error('Discovery error:', e)
-          status.textContent = 'Error: ' + (e?.message || 'Discovery failed')
-          status.classList.add('error')
-          list.style.display = 'none'
-        } finally {
-          btn.disabled = false
-          btn.textContent = '🔍 Discover Devices'
-        }
-      }
-      async function addDeviceToConfig(device, options = {}) {
-        const { refresh = true, showStatus = true } = options
-        try {
-          console.log('Adding device to config:', device)
-          const resp = await homebridge.request('/add-device', {
-            deviceId: device.id,
-            name: device.name,
-            type: device.type,
-          })
-          console.log('Add device response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Failed to add device')
-          }
-          const alreadyExists = !!resp.data?.alreadyExists
-          const message = resp.data?.message || (alreadyExists
-            ? `Device "${device.name}" already in config`
-            : `Device "${device.name}" added successfully!`)
-          if (showStatus) {
-            const status = document.getElementById('discoverStatus')
-            status.textContent = (alreadyExists ? '• ' : '✓ ') + message
-            status.classList.remove('error')
-            status.classList.add('success-msg')
-          }
-          if (refresh) {
-            await loadConfiguredDevices()
-          }
-          return { added: !alreadyExists }
-        } catch (e) {
-          console.error('Add device error:', e)
-          const status = document.getElementById('discoverStatus')
-          status.textContent = '✗ Error: ' + (e?.message || 'Failed to add device')
-          status.classList.add('error')
-          return { added: false }
-        }
-      }
-      async function loadConfiguredDevices() {
-        const list = await fetchDevices()
-        render(list)
-      }
-      async function deleteDevice(deviceId, deviceName) {
-        if (!confirm(`Are you sure you want to remove "${deviceName || deviceId}"?`)) {
-          return
-        }
-        try {
-          const resp = await homebridge.request('/delete-device', { deviceId })
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Failed to delete device')
-          }
-          // Refresh device list
-          const list = await fetchDevices()
-          render(list)
-        } catch (e) {
-          console.error('Delete error:', e)
-          alert('Error: ' + (e?.message || 'Failed to delete device'))
-        }
-      }
-      const DEVICE_TYPES = [
-        'bot', 'curtain', 'fan', 'light', 'lightstrip', 'motion', 'contact',
-        'vacuum', 'lock', 'humidifier', 'temperature', 'relay', 'plug',
-        'wosweeper', 'blindtilt', 'curtain3', 'rollershade', 'meter',
-        'waterdetector', 'walletfinder', 'unknown'
-      ]
-      async function editDevice(device) {
-        // Create modal dialog for editing
-        const div = document.createElement('div')
-        div.style.position = 'fixed'
-        div.style.top = '0'
-        div.style.left = '0'
-        div.style.width = '100%'
-        div.style.height = '100%'
-        div.style.background = 'rgba(0,0,0,0.7)'
-        div.style.display = 'flex'
-        div.style.alignItems = 'center'
-        div.style.justifyContent = 'center'
-        div.style.zIndex = '9999'
-        const modal = document.createElement('div')
-        modal.style.background = getComputedStyle(document.body).backgroundColor
-        modal.style.color = getComputedStyle(document.body).color
-        modal.style.padding = '24px'
-        modal.style.borderRadius = '8px'
-        modal.style.minWidth = '400px'
-        modal.style.boxShadow = '0 10px 40px rgba(0,0,0,0.3)'
-        const title = document.createElement('h3')
-        title.textContent = 'Edit Device'
-        title.style.marginTop = '0'
-        const nameLabel = document.createElement('label')
-        nameLabel.textContent = 'Device Name'
-        nameLabel.style.display = 'block'
-        nameLabel.style.marginBottom = '8px'
-        nameLabel.style.fontWeight = '500'
-        const nameInput = document.createElement('input')
-        nameInput.type = 'text'
-        nameInput.value = device.name || device.id
-        nameInput.style.width = '100%'
-        nameInput.style.marginBottom = '16px'
-        const typeLabel = document.createElement('label')
-        typeLabel.textContent = 'Device Type'
-        typeLabel.style.display = 'block'
-        typeLabel.style.marginBottom = '8px'
-        typeLabel.style.fontWeight = '500'
-        const typeSelect = document.createElement('select')
-        typeSelect.style.width = '100%'
-        typeSelect.style.padding = '8px'
-        typeSelect.style.marginBottom = '16px'
-        typeSelect.style.borderRadius = '4px'
-        typeSelect.style.background = getComputedStyle(nameInput).background
-        typeSelect.style.color = getComputedStyle(nameInput).color
-        typeSelect.style.border = getComputedStyle(nameInput).border
-        DEVICE_TYPES.forEach(t => {
-          const opt = document.createElement('option')
-          opt.value = t
-          opt.text = t
-          opt.selected = (device.type || 'unknown') === t
-          typeSelect.appendChild(opt)
-        })
-        const buttons = document.createElement('div')
-        buttons.style.display = 'flex'
-        buttons.style.gap = '8px'
-        buttons.style.justifyContent = 'flex-end'
-        const cancelBtn = document.createElement('button')
-        cancelBtn.textContent = 'Cancel'
-        cancelBtn.style.background = '#666'
-        cancelBtn.onclick = () => div.remove()
-        const saveBtn = document.createElement('button')
-        saveBtn.textContent = 'Save'
-        saveBtn.onclick = async () => {
-          try {
-            const params = {
-              deviceId: device.id,
-              configDeviceName: nameInput.value || undefined,
-              configDeviceType: typeSelect.value,
-            }
-            console.log('[Edit Device] Sending update request with params:', params)
-            const resp = await homebridge.request('/update-device', params)
-            console.log('[Edit Device] Update response:', resp)
-            if (!resp || resp.success === false) {
-              throw new Error(resp?.data?.message || 'Failed to update device')
-            }
-            // Refresh device list
-            console.log('[Edit Device] Refreshing device list after update')
-            const list = await fetchDevices()
-            render(list)
-            div.remove()
-          } catch (e) {
-            console.error('Update error:', e)
-            alert('Error: ' + (e?.message || 'Failed to update device'))
-          }
-        }
-        buttons.appendChild(cancelBtn)
-        buttons.appendChild(saveBtn)
-        modal.appendChild(title)
-        modal.appendChild(nameLabel)
-        modal.appendChild(nameInput)
-        modal.appendChild(typeLabel)
-        modal.appendChild(typeSelect)
-        modal.appendChild(buttons)
-        div.appendChild(modal)
-        document.body.appendChild(div)
-        nameInput.focus()
-      }
-      function render(list) {
-        const ul = document.getElementById('devices')
-        const status = document.getElementById('status')
-        if (!list.length) {
-          status.textContent = 'No devices found in config.'
-          ul.innerHTML = ''
-          return
-        }
-        status.textContent = `Found ${list.length} device(s)`
-        ul.innerHTML = ''
-        for (const d of list) {
-          const li = document.createElement('li')
-          li.className = 'device-item'
-          const info = document.createElement('div')
-          info.style.flex = '1'
-          const name = document.createElement('div')
-          name.style.fontWeight = '500'
-          name.textContent = d.name || d.id
-          const code = document.createElement('code')
-          code.textContent = d.id
-          code.style.fontSize = '12px'
-          code.style.opacity = '0.75'
-          code.style.marginLeft = '8px'
-          const meta = document.createElement('div')
-          meta.style.opacity = '0.75'
-          meta.style.marginTop = '4px'
-          meta.style.fontSize = '12px'
-          const typeText = d.type ? `type: ${d.type}` : ''
-          const connText = d.connectionPreference ? `conn: ${d.connectionPreference}` : ''
-          const roomText = d.room ? `room: ${d.room}` : ''
-          meta.textContent = [typeText, connText, roomText].filter(Boolean).join(' | ')
-          info.appendChild(name)
-          info.appendChild(code)
-          info.appendChild(meta)
-          const buttons = document.createElement('div')
-          buttons.style.display = 'flex'
-          buttons.style.gap = '8px'
-          const editBtn = document.createElement('button')
-          editBtn.textContent = '✏️ Edit'
-          editBtn.style.padding = '6px 12px'
-          editBtn.style.fontSize = '12px'
-          editBtn.onclick = async () => {
-            await editDevice(d)
-          }
-          const copyBtn = document.createElement('button')
-          copyBtn.textContent = 'Copy ID'
-          copyBtn.style.padding = '6px 12px'
-          copyBtn.style.fontSize = '12px'
-          copyBtn.addEventListener('click', async () => {
-            try {
-              await navigator.clipboard.writeText(d.id)
-              copyBtn.textContent = 'Copied'
-              copyBtn.classList.add('success')
-              setTimeout(() => {
-                copyBtn.textContent = 'Copy ID'
-                copyBtn.classList.remove('success')
-              }, 1200)
-            } catch (e) {
-              alert('Failed to copy')
-            }
-          })
-          const deleteBtn = document.createElement('button')
-          deleteBtn.textContent = '🗑️ Delete'
-          deleteBtn.style.padding = '6px 12px'
-          deleteBtn.style.fontSize = '12px'
-          deleteBtn.style.background = '#ef4444'
-          deleteBtn.onclick = async () => {
-            await deleteDevice(d.id, d.name || d.id)
-          }
-          buttons.appendChild(editBtn)
-          buttons.appendChild(copyBtn)
-          buttons.appendChild(deleteBtn)
-          li.appendChild(info)
-          li.appendChild(buttons)
-          ul.appendChild(li)
-        }
-      }
+  <script type="module" src="js/app.js"></script>
+  <script type="module" src="js/advanced-settings.js"></script>
+</body>
-      (async () => {
-        await loadCredentialStatus()
-        const list = await fetchDevices()
-        render(list)
-      })()
-    </script>
-  </body>
-</html>
+</html>