@switchbot/homebridge-switchbot 5.0.0-beta.11 → 5.0.0-beta.111

package/dist/homebridge-ui/public/js/app.js

@@ -0,0 +1,1815 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/homebridge-ui/public/js/types.ts
+var init_types = __esm({
+  "src/homebridge-ui/public/js/types.ts"() {
+    "use strict";
+  }
+});
+
+// src/homebridge-ui/public/js/logger.ts
+var uiLog;
+var init_logger = __esm({
+  "src/homebridge-ui/public/js/logger.ts"() {
+    "use strict";
+    uiLog = {
+      info: (message, ...parameters) => {
+        console.warn("[SwitchBot UI]", message, ...parameters);
+      },
+      warn: (message, ...parameters) => {
+        console.warn("[SwitchBot UI]", message, ...parameters);
+      },
+      error: (message, ...parameters) => {
+        console.error("[SwitchBot UI]", message, ...parameters);
+      }
+    };
+  }
+});
+
+// src/homebridge-ui/public/js/api.ts
+var api_exports = {};
+__export(api_exports, {
+  addDevice: () => addDevice,
+  addDevicesInBulk: () => addDevicesInBulk,
+  deleteAllDevices: () => deleteAllDevices,
+  deleteDevice: () => deleteDevice,
+  discoverDevices: () => discoverDevices,
+  fetchCredentialStatus: () => fetchCredentialStatus,
+  fetchDevices: () => fetchDevices,
+  saveCredentials: () => saveCredentials,
+  syncParentPluginConfigFromDisk: () => syncParentPluginConfigFromDisk,
+  updateDevice: () => updateDevice
+});
+function isSwitchBotPlatformConfig(block) {
+  const platformName = String(block?.platform || block?.name || "").toLowerCase();
+  return platformName === "switchbot" || platformName === "@switchbot/homebridge-switchbot" || platformName.includes("switchbot");
+}
+async function syncParentPluginConfigFromDisk(autoSave = false) {
+  try {
+    if (typeof homebridge.getPluginConfig !== "function" || typeof homebridge.updatePluginConfig !== "function") {
+      uiLog.warn("Parent config sync API not available");
+      return false;
+    }
+    const diskResp = await homebridge.request("/platform-config", {});
+    if (!diskResp || diskResp.success === false || !diskResp.data) {
+      uiLog.warn("Failed to fetch fresh platform config from disk");
+      return false;
+    }
+    const pluginConfigBlocks = await homebridge.getPluginConfig();
+    if (!Array.isArray(pluginConfigBlocks) || !pluginConfigBlocks.length) {
+      uiLog.warn("No plugin config blocks returned from Homebridge");
+      return false;
+    }
+    const index = pluginConfigBlocks.findIndex((block) => isSwitchBotPlatformConfig(block));
+    if (index < 0) {
+      uiLog.warn("SwitchBot platform block not found in Homebridge plugin config");
+      return false;
+    }
+    pluginConfigBlocks[index] = diskResp.data;
+    await homebridge.updatePluginConfig(pluginConfigBlocks);
+    if (autoSave && typeof homebridge.savePluginConfig === "function") {
+      uiLog.info("Auto-saving config to disk...");
+      await homebridge.savePluginConfig();
+      uiLog.info("Config saved successfully");
+    }
+    return true;
+  } catch (e) {
+    uiLog.warn("Failed to sync parent plugin config cache:", e);
+    return false;
+  }
+}
+async function fetchCredentialStatus() {
+  try {
+    const resp = await homebridge.request("/credentials", {});
+    uiLog.info("Load credentials response:", resp);
+    if (!resp || resp.success === false) {
+      uiLog.error("Failed to load credentials:", resp);
+      return null;
+    }
+    return resp.data || {};
+  } catch (e) {
+    uiLog.error("Error loading credentials:", e);
+    return null;
+  }
+}
+async function saveCredentials(token, secret) {
+  try {
+    uiLog.info("Saving credentials...");
+    const resp = await homebridge.request("/credentials", { token, secret });
+    uiLog.info("Save response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.message || "Save failed");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+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) {
+    uiLog.error("Error fetching devices:", e);
+    return [];
+  }
+}
+async function discoverDevices() {
+  try {
+    const resp = await homebridge.request("/discover", {});
+    uiLog.info("Discover response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Discovery failed");
+    }
+    return resp.data || [];
+  } catch (e) {
+    throw e;
+  }
+}
+async function addDevice(deviceId, name, type, options) {
+  try {
+    const payload = { deviceId, name, type };
+    if (options?.address) {
+      payload.address = options.address;
+    }
+    if (options?.model) {
+      payload.model = options.model;
+    }
+    if (options?.rssi !== void 0 && options?.rssi !== null && options?.rssi !== 0) {
+      payload.rssi = options.rssi;
+    }
+    uiLog.info("Adding device to config:", payload);
+    const resp = await homebridge.request("/add-device", payload);
+    uiLog.info("Add device response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to add device");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+async function addDevicesInBulk(devices) {
+  try {
+    const resp = await homebridge.request("/add-devices", { devices });
+    uiLog.info("Bulk add response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Bulk add failed");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+async function updateDevice(deviceId, configDeviceName, configDeviceType) {
+  try {
+    const params = { deviceId };
+    if (configDeviceName) {
+      params.configDeviceName = configDeviceName;
+    }
+    if (configDeviceType) {
+      params.configDeviceType = configDeviceType;
+    }
+    uiLog.info("[Update Device] Sending update request with params:", params);
+    const resp = await homebridge.request("/update-device", params);
+    uiLog.info("[Update Device] Update response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to update device");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+async function deleteDevice(deviceId) {
+  try {
+    uiLog.info("Sending delete request for deviceId:", deviceId);
+    const resp = await homebridge.request("/delete-device", { deviceId });
+    uiLog.info("Delete response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to delete device");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+async function deleteAllDevices() {
+  try {
+    uiLog.info("Sending delete all devices request");
+    const resp = await homebridge.request("/delete-all-devices", {});
+    uiLog.info("Delete all response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to delete all devices");
+    }
+    return resp.data || resp;
+  } catch (e) {
+    throw e;
+  }
+}
+var init_api = __esm({
+  "src/homebridge-ui/public/js/api.ts"() {
+    "use strict";
+    init_types();
+    init_logger();
+  }
+});
+
+// src/homebridge-ui/public/js/modal.ts
+function callUiMethod(name) {
+  try {
+    const value = homebridge?.[name];
+    if (typeof value === "function") {
+      const fn = value;
+      fn();
+    }
+  } catch (e) {
+    uiLog.warn(`Homebridge UI method ${String(name)} failed:`, e);
+  }
+}
+function showBusyUi() {
+  callUiMethod("disableSaveButton");
+  callUiMethod("showSpinner");
+}
+function hideBusyUi() {
+  callUiMethod("hideSpinner");
+  callUiMethod("enableSaveButton");
+}
+var init_modal = __esm({
+  "src/homebridge-ui/public/js/modal.ts"() {
+    "use strict";
+    init_types();
+    init_logger();
+  }
+});
+
+// src/homebridge-ui/public/js/toast.ts
+function showToast(method, message, title = "SwitchBot") {
+  try {
+    const toast = homebridge?.toast;
+    const fn = toast?.[method];
+    if (typeof fn === "function") {
+      fn(message, title);
+      return;
+    }
+    uiLog.info(`[Toast:${method}] ${title} - ${message}`);
+  } catch (e) {
+    uiLog.warn(`Toast ${method} failed:`, e);
+  }
+}
+function toastSuccess(message, title) {
+  showToast("success", message, title);
+}
+function toastError(message, title) {
+  showToast("error", message, title);
+}
+function toastWarning(message, title) {
+  showToast("warning", message, title);
+}
+function toastInfo(message, title) {
+  showToast("info", message, title);
+}
+var init_toast = __esm({
+  "src/homebridge-ui/public/js/toast.ts"() {
+    "use strict";
+    init_types();
+    init_logger();
+  }
+});
+
+// src/homebridge-ui/public/js/discovery.ts
+var discovery_exports = {};
+__export(discovery_exports, {
+  addDeviceToConfig: () => addDeviceToConfig,
+  discoverDevices: () => discoverDevices2
+});
+function normalizeId(value) {
+  return String(value ?? "").trim().toLowerCase();
+}
+async function discoverDevices2() {
+  const btn = document.getElementById("discoverBtn");
+  const status = document.getElementById("discoverStatus");
+  const list = document.getElementById("discoveredList");
+  const autoAddAll = document.getElementById("autoAddAllCheckbox")?.checked;
+  if (!btn || !status || !list) {
+    return;
+  }
+  try {
+    showBusyUi();
+    btn.disabled = true;
+    btn.textContent = "\u{1F50D} Discovering...";
+    status.textContent = "Searching SwitchBot account...";
+    status.classList.remove("error");
+    const devicesRaw = await discoverDevices();
+    uiLog.info("Discover response:", devicesRaw);
+    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";
+      toastInfo("No devices found in your SwitchBot account");
+      list.style.display = "none";
+      return;
+    }
+    if (autoAddAll) {
+      status.textContent = `Auto-adding ${devices.length} device(s)...`;
+      try {
+        const bulkResult = await addDevicesInBulk(
+          devices.map((d) => ({
+            deviceId: d.id,
+            name: d.name,
+            type: d.type,
+            rssi: d.rssi,
+            address: d.address,
+            model: d.model
+          }))
+        );
+        uiLog.info("Bulk add response:", bulkResult);
+        if (!bulkResult || bulkResult.success === false) {
+          throw new Error(bulkResult?.data?.message || "Bulk add failed");
+        }
+        const addedCount = bulkResult?.addedCount ?? bulkResult?.data?.addedCount ?? 0;
+        const skippedCount = bulkResult?.skippedCount ?? bulkResult?.data?.skippedCount ?? 0;
+        status.textContent = `\u2713 Added ${addedCount} device(s)${skippedCount > 0 ? ` (${skippedCount} skipped)` : ""}`;
+        if (addedCount > 0) {
+          toastSuccess(`Added ${addedCount} device(s)${skippedCount > 0 ? ` (${skippedCount} skipped)` : ""}`);
+        } else if (skippedCount > 0) {
+          toastWarning(`No new devices were added (${skippedCount} skipped)`);
+        }
+        status.classList.remove("error");
+        list.style.display = "none";
+        if (devices.length > 0) {
+          const synced = await syncParentPluginConfigFromDisk(true);
+          status.textContent += synced ? " - Config saved automatically." : " - Warning: config may not persist until you close/reopen settings.";
+          if (synced) {
+            toastSuccess("Configuration synced and saved automatically");
+          } else {
+            toastWarning("Configuration sync failed; close and reopen settings before Save");
+          }
+        }
+      } catch (e) {
+        uiLog.error("Bulk add error:", e);
+        status.textContent = `\u2717 Error: ${e instanceof Error ? e.message : "Failed to add devices"}`;
+        status.classList.add("error");
+        toastError(e instanceof Error ? e.message : "Failed to add devices");
+      }
+      await loadConfiguredDevices();
+      return;
+    }
+    status.textContent = `Found ${devices.length} device(s)`;
+    const controlsDiv = document.createElement("div");
+    controlsDiv.style.cssText = "margin-bottom: 12px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center;";
+    const preferences = getDiscoveryPreferences();
+    const filterLabel = document.createElement("label");
+    filterLabel.style.fontSize = "12px";
+    filterLabel.style.fontWeight = "500";
+    filterLabel.textContent = "Filter:";
+    const filterGroup = document.createElement("div");
+    filterGroup.style.display = "flex";
+    filterGroup.style.gap = "4px";
+    const filterOptions = [
+      { label: "All", value: "all" },
+      { label: "BLE", value: "ble" },
+      { label: "API", value: "api" },
+      { label: "Both", value: "both" },
+      { label: "IR", value: "ir" }
+    ];
+    for (const option of filterOptions) {
+      const btn2 = document.createElement("button");
+      btn2.textContent = option.label;
+      btn2.style.padding = "4px 8px";
+      btn2.style.fontSize = "11px";
+      btn2.style.borderRadius = "3px";
+      btn2.style.cursor = "pointer";
+      btn2.style.border = preferences.connectionType === option.value ? "2px solid #007AFF" : "1px solid #ccc";
+      btn2.style.backgroundColor = preferences.connectionType === option.value ? "#f0f7ff" : "#fff";
+      btn2.style.color = preferences.connectionType === option.value ? "#1d4ed8" : "#374151";
+      btn2.onclick = () => {
+        preferences.connectionType = option.value;
+        setDiscoveryPreferences(preferences);
+        updateDiscoveryView(devices, preferences);
+        for (const b of Array.from(filterGroup.querySelectorAll("button"))) {
+          ;
+          b.style.border = "1px solid #ccc";
+          b.style.backgroundColor = "#fff";
+          b.style.color = "#374151";
+        }
+        btn2.style.border = "2px solid #007AFF";
+        btn2.style.backgroundColor = "#f0f7ff";
+        btn2.style.color = "#1d4ed8";
+      };
+      filterGroup.appendChild(btn2);
+    }
+    const sortLabel = document.createElement("label");
+    sortLabel.style.fontSize = "12px";
+    sortLabel.style.fontWeight = "500";
+    sortLabel.style.marginLeft = "8px";
+    sortLabel.textContent = "Sort:";
+    const sortSelect = document.createElement("select");
+    sortSelect.style.fontSize = "11px";
+    sortSelect.style.padding = "4px 8px";
+    sortSelect.style.borderRadius = "3px";
+    sortSelect.value = preferences.sortBy;
+    const sortOptions = [
+      { label: "Name", value: "name" },
+      { label: "Signal Strength", value: "signal" },
+      { label: "Type", value: "type" },
+      { label: "Connection", value: "connection" }
+    ];
+    for (const opt of sortOptions) {
+      const option = document.createElement("option");
+      option.value = opt.value;
+      option.textContent = opt.label;
+      sortSelect.appendChild(option);
+    }
+    sortSelect.onchange = () => {
+      preferences.sortBy = sortSelect.value;
+      setDiscoveryPreferences(preferences);
+      updateDiscoveryView(devices, preferences);
+    };
+    const searchInput = document.createElement("input");
+    searchInput.type = "text";
+    searchInput.placeholder = "Search by name, ID, or type...";
+    searchInput.style.fontSize = "11px";
+    searchInput.style.padding = "4px 8px";
+    searchInput.style.borderRadius = "3px";
+    searchInput.style.border = "1px solid #ccc";
+    searchInput.style.flex = "1";
+    searchInput.style.minWidth = "200px";
+    searchInput.style.maxWidth = "300px";
+    searchInput.value = preferences.searchQuery;
+    let searchTimeout;
+    searchInput.oninput = () => {
+      clearTimeout(searchTimeout);
+      searchTimeout = setTimeout(() => {
+        preferences.searchQuery = searchInput.value;
+        setDiscoveryPreferences(preferences);
+        updateDiscoveryView(devices, preferences);
+      }, 300);
+    };
+    controlsDiv.appendChild(filterLabel);
+    controlsDiv.appendChild(filterGroup);
+    controlsDiv.appendChild(sortLabel);
+    controlsDiv.appendChild(sortSelect);
+    controlsDiv.appendChild(searchInput);
+    list.innerHTML = "";
+    list.appendChild(controlsDiv);
+    list.style.display = "block";
+    await updateDiscoveryView(devices, preferences);
+  } catch (e) {
+    uiLog.error("Discovery error:", e);
+    status.textContent = `Error: ${e instanceof Error ? e.message : "Discovery failed"}`;
+    status.classList.add("error");
+    toastError(e instanceof Error ? e.message : "Discovery failed");
+    list.style.display = "none";
+  } finally {
+    hideBusyUi();
+    btn.disabled = false;
+    btn.textContent = "\u{1F50D} Discover Devices";
+  }
+}
+async function updateDiscoveryView(allDevices, preferences) {
+  const filtered = filterDevices(allDevices, preferences.connectionType, preferences.searchQuery);
+  const sorted = sortDevices(filtered, preferences.sortBy);
+  const configured = await fetchDevices();
+  const configuredIds = new Set((configured || []).map((d) => normalizeId(d?.id || d?.deviceId)));
+  const ul = await renderDiscoveredDevices(sorted, {
+    configuredIds
+  });
+  document.getElementById("discoveredDevices")?.replaceWith(ul);
+  ul.id = "discoveredDevices";
+  const status = document.getElementById("discoverStatus");
+  if (status) {
+    const totalCount = allDevices.length;
+    const filteredCount = sorted.length;
+    status.textContent = filteredCount === totalCount ? `Found ${totalCount} device(s)` : `Showing ${filteredCount} of ${totalCount} device(s)`;
+  }
+}
+async function addDeviceToConfig(device) {
+  const { addDeviceToConfig: addDevice2 } = await Promise.resolve().then(() => (init_devices(), devices_exports));
+  await addDevice2(device);
+}
+var init_discovery = __esm({
+  "src/homebridge-ui/public/js/discovery.ts"() {
+    "use strict";
+    init_api();
+    init_devices();
+    init_logger();
+    init_modal();
+    init_render();
+    init_toast();
+  }
+});
+
+// src/device-types.ts
+var DEVICE_TYPES;
+var init_device_types = __esm({
+  "src/device-types.ts"() {
+    "use strict";
+    DEVICE_TYPES = {
+      "Window Coverings": ["Blind Tilt", "Curtain", "Curtain3", "Roller Shade"],
+      "Locks & Access": [
+        "Keypad",
+        "Keypad Touch",
+        "Keypad Vision",
+        "Keypad Vision Pro",
+        "Lock Vision Pro",
+        "Lock Lite",
+        "Smart Lock",
+        "Smart Lock Pro",
+        "Smart Lock Ultra",
+        "Video Doorbell"
+      ],
+      "Sensors": ["Contact Sensor", "Motion Sensor", "Presence Sensor", "Water Detector"],
+      "Lighting": [
+        "Candle Warmer Lamp",
+        "Ceiling Light",
+        "Ceiling Light Pro",
+        "Color Bulb",
+        "Floor Lamp",
+        "RGBIC Neon Rope Light",
+        "RGBIC Neon Wire Rope Light",
+        "RGBICWW Floor Lamp",
+        "RGBICWW Strip Light",
+        "Strip Light",
+        "Strip Light 3"
+      ],
+      "Climate Control": [
+        "Air Purifier PM2.5",
+        "Air Purifier Table PM2.5",
+        "Air Purifier VOC",
+        "Air Purifier Table VOC",
+        "Battery Circulator Fan",
+        "Circulator Fan",
+        "Humidifier",
+        "Humidifier2",
+        "Meter",
+        "MeterPlus",
+        "Meter Plus",
+        "MeterPro",
+        "Meter Pro",
+        "MeterPro(CO2)",
+        "Meter Pro (CO2)",
+        "Smart Radiator Thermostat",
+        "Standing Circulator Fan",
+        "WoIOSensor"
+      ],
+      "Plugs & Switches": [
+        "Garage Door Opener",
+        "Plug",
+        "Plug Mini (EU)",
+        "Plug Mini (JP)",
+        "Plug Mini (US)",
+        "Relay Switch 1",
+        "Relay Switch 1PM",
+        "Relay Switch 2PM"
+      ],
+      "Robot Vacuums": [
+        "K10+",
+        "K10+ Pro",
+        "Robot Vacuum Cleaner K10+ Pro Combo",
+        "Robot Vacuum Cleaner K11+",
+        "Robot Vacuum Cleaner K20 Plus Pro",
+        "Robot Vacuum Cleaner S1",
+        "Robot Vacuum Cleaner S1 Plus",
+        "Robot Vacuum Cleaner S10",
+        "Robot Vacuum Cleaner S20"
+      ],
+      "Hubs": ["AI Hub", "Hub", "Hub 2", "Hub 3", "Hub Mini", "Hub Plus"],
+      "Cameras": [
+        "Indoor Cam",
+        "Pan/Tilt Cam",
+        "Pan/Tilt Cam 2K",
+        "Pan/Tilt Cam Plus 2K",
+        "Pan/Tilt Cam Plus 3K"
+      ],
+      "IR Devices": [
+        "Air Conditioner",
+        "Air Purifier",
+        "Camera",
+        "DVD",
+        "Fan",
+        "Light",
+        "Others",
+        "Projector",
+        "Set Top Box",
+        "Speaker",
+        "Streamer",
+        "TV",
+        "Vacuum Cleaner",
+        "Water Heater"
+      ],
+      "Other Devices": ["AI Art Frame", "Bot", "Home Climate Panel", "Remote", "remote with screen"]
+    };
+  }
+});
+
+// src/homebridge-ui/public/js/constants.ts
+var init_constants = __esm({
+  "src/homebridge-ui/public/js/constants.ts"() {
+    "use strict";
+    init_device_types();
+  }
+});
+
+// src/homebridge-ui/public/js/modals.ts
+var modals_exports = {};
+__export(modals_exports, {
+  editDevice: () => editDevice,
+  importDiscoveredDevice: () => importDiscoveredDevice
+});
+async function importDiscoveredDevice(device) {
+  return new Promise((resolve) => {
+    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 = "0";
+    modal.style.borderRadius = "10px";
+    modal.style.minWidth = "440px";
+    modal.style.maxWidth = "90vw";
+    modal.style.boxShadow = "0 8px 32px rgba(0,0,0,0.35)";
+    modal.style.overflow = "hidden";
+    modal.style.borderTop = "3px solid var(--switchbot-red, #ef4444)";
+    const title = document.createElement("h3");
+    title.textContent = "Import Discovered Device";
+    title.style.marginTop = "0";
+    title.style.marginBottom = "16px";
+    title.style.padding = "20px 20px 0";
+    title.style.fontSize = "18px";
+    title.style.fontWeight = "600";
+    title.style.color = "var(--switchbot-red, #ef4444)";
+    title.style.letterSpacing = "-0.02em";
+    const contentDiv = document.createElement("div");
+    contentDiv.style.padding = "0 20px 20px";
+    const nameLabel = document.createElement("label");
+    nameLabel.textContent = "Device Name";
+    nameLabel.style.display = "block";
+    nameLabel.style.marginBottom = "6px";
+    nameLabel.style.fontWeight = "500";
+    nameLabel.style.fontSize = "12px";
+    nameLabel.style.color = "#6b7280";
+    const nameInput = document.createElement("input");
+    nameInput.type = "text";
+    nameInput.value = device.name || device.id || "";
+    nameInput.style.width = "100%";
+    nameInput.style.marginBottom = "12px";
+    nameInput.style.padding = "8px 10px";
+    nameInput.style.borderRadius = "6px";
+    nameInput.style.fontSize = "14px";
+    nameInput.style.boxSizing = "border-box";
+    const typeLabel = document.createElement("label");
+    typeLabel.textContent = "Config Device Type";
+    typeLabel.style.display = "block";
+    typeLabel.style.marginBottom = "6px";
+    typeLabel.style.fontWeight = "500";
+    typeLabel.style.fontSize = "12px";
+    typeLabel.style.color = "#6b7280";
+    const typeSelect = document.createElement("select");
+    typeSelect.style.width = "100%";
+    typeSelect.style.padding = "8px 10px";
+    typeSelect.style.marginBottom = "12px";
+    typeSelect.style.borderRadius = "6px";
+    typeSelect.style.fontSize = "14px";
+    typeSelect.style.background = getComputedStyle(nameInput).background;
+    typeSelect.style.color = getComputedStyle(nameInput).color;
+    typeSelect.style.border = getComputedStyle(nameInput).border;
+    typeSelect.style.boxSizing = "border-box";
+    Object.keys(DEVICE_TYPES).forEach((categoryName) => {
+      const optgroup = document.createElement("optgroup");
+      optgroup.label = categoryName;
+      DEVICE_TYPES[categoryName].forEach((deviceType) => {
+        const opt = document.createElement("option");
+        opt.value = deviceType;
+        opt.text = deviceType;
+        const detectedType = (device.type || "").toLowerCase();
+        opt.selected = deviceType.toLowerCase() === detectedType;
+        optgroup.appendChild(opt);
+      });
+      typeSelect.appendChild(optgroup);
+    });
+    const macLabel = document.createElement("label");
+    macLabel.textContent = "BLE MAC Address (optional)";
+    macLabel.style.display = "block";
+    macLabel.style.marginBottom = "6px";
+    macLabel.style.fontWeight = "500";
+    macLabel.style.fontSize = "12px";
+    macLabel.style.color = "#6b7280";
+    const macInput = document.createElement("input");
+    macInput.type = "text";
+    macInput.value = device.address || "";
+    macInput.placeholder = "AA:BB:CC:DD:EE:FF";
+    macInput.style.width = "100%";
+    macInput.style.marginBottom = "12px";
+    macInput.style.padding = "8px 10px";
+    macInput.style.borderRadius = "6px";
+    macInput.style.fontSize = "14px";
+    macInput.style.boxSizing = "border-box";
+    const buttons = document.createElement("div");
+    buttons.style.display = "flex";
+    buttons.style.gap = "10px";
+    buttons.style.justifyContent = "flex-end";
+    buttons.style.marginTop = "18px";
+    buttons.style.paddingTop = "18px";
+    buttons.style.borderTop = "1px solid rgba(0, 0, 0, 0.08)";
+    const cancelBtn = document.createElement("button");
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.className = "secondary";
+    cancelBtn.style.background = "#6b7280";
+    cancelBtn.style.padding = "8px 16px";
+    cancelBtn.style.fontSize = "13px";
+    const importBtn = document.createElement("button");
+    importBtn.textContent = "Add to Config";
+    importBtn.style.background = "var(--switchbot-red, #ef4444)";
+    importBtn.style.padding = "8px 20px";
+    importBtn.style.fontSize = "13px";
+    const cleanup = (result) => {
+      div.remove();
+      resolve(result);
+    };
+    cancelBtn.onclick = () => cleanup(null);
+    importBtn.onclick = () => cleanup({
+      configDeviceName: nameInput.value || device.name || device.id,
+      configDeviceType: typeSelect.value || device.type,
+      address: macInput.value || void 0
+    });
+    div.addEventListener("click", (event) => {
+      if (event.target === div) {
+        cleanup(null);
+      }
+    });
+    buttons.appendChild(cancelBtn);
+    buttons.appendChild(importBtn);
+    contentDiv.appendChild(nameLabel);
+    contentDiv.appendChild(nameInput);
+    contentDiv.appendChild(typeLabel);
+    contentDiv.appendChild(typeSelect);
+    contentDiv.appendChild(macLabel);
+    contentDiv.appendChild(macInput);
+    contentDiv.appendChild(buttons);
+    modal.appendChild(title);
+    modal.appendChild(contentDiv);
+    div.appendChild(modal);
+    document.body.appendChild(div);
+    nameInput.focus();
+  });
+}
+async function editDevice(device) {
+  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 = "0";
+  modal.style.borderRadius = "10px";
+  modal.style.minWidth = "440px";
+  modal.style.maxWidth = "90vw";
+  modal.style.boxShadow = "0 8px 32px rgba(0,0,0,0.35)";
+  modal.style.overflow = "hidden";
+  modal.style.borderTop = "3px solid var(--switchbot-red, #ef4444)";
+  const title = document.createElement("h3");
+  title.textContent = "Edit Device";
+  title.style.marginTop = "0";
+  title.style.marginBottom = "16px";
+  title.style.padding = "20px 20px 0";
+  title.style.fontSize = "18px";
+  title.style.fontWeight = "600";
+  title.style.color = "var(--switchbot-red, #ef4444)";
+  title.style.letterSpacing = "-0.02em";
+  const contentDiv = document.createElement("div");
+  contentDiv.style.padding = "0 20px 20px";
+  const nameLabel = document.createElement("label");
+  nameLabel.textContent = "Device Name";
+  nameLabel.style.display = "block";
+  nameLabel.style.marginBottom = "6px";
+  nameLabel.style.fontWeight = "500";
+  nameLabel.style.fontSize = "12px";
+  nameLabel.style.color = "#6b7280";
+  const nameInput = document.createElement("input");
+  nameInput.type = "text";
+  nameInput.value = device.name || device.id;
+  nameInput.style.width = "100%";
+  nameInput.style.marginBottom = "12px";
+  nameInput.style.padding = "8px 10px";
+  nameInput.style.borderRadius = "6px";
+  nameInput.style.fontSize = "14px";
+  nameInput.style.boxSizing = "border-box";
+  nameInput.style.transition = "border-color 0.2s ease";
+  const apiTypeLabel = document.createElement("label");
+  apiTypeLabel.textContent = "Device Type (API - Read Only)";
+  apiTypeLabel.style.display = "block";
+  apiTypeLabel.style.marginBottom = "6px";
+  apiTypeLabel.style.fontWeight = "500";
+  apiTypeLabel.style.fontSize = "12px";
+  apiTypeLabel.style.color = "#6b7280";
+  const apiTypeInput = document.createElement("input");
+  apiTypeInput.type = "text";
+  apiTypeInput.value = device.deviceType || device.type || "Unknown";
+  apiTypeInput.readOnly = true;
+  apiTypeInput.style.width = "100%";
+  apiTypeInput.style.marginBottom = "12px";
+  apiTypeInput.style.padding = "8px 10px";
+  apiTypeInput.style.borderRadius = "6px";
+  apiTypeInput.style.fontSize = "13px";
+  apiTypeInput.style.opacity = "0.6";
+  apiTypeInput.style.cursor = "not-allowed";
+  apiTypeInput.style.boxSizing = "border-box";
+  apiTypeInput.style.backgroundColor = "#f9fafb";
+  const typeLabel = document.createElement("label");
+  typeLabel.textContent = "Config Device Type (Override)";
+  typeLabel.style.display = "block";
+  typeLabel.style.marginBottom = "6px";
+  typeLabel.style.fontWeight = "500";
+  typeLabel.style.fontSize = "12px";
+  typeLabel.style.color = "#6b7280";
+  const typeSelect = document.createElement("select");
+  typeSelect.style.width = "100%";
+  typeSelect.style.padding = "8px 10px";
+  typeSelect.style.marginBottom = "12px";
+  typeSelect.style.borderRadius = "6px";
+  typeSelect.style.fontSize = "14px";
+  typeSelect.style.background = getComputedStyle(nameInput).background;
+  typeSelect.style.color = getComputedStyle(nameInput).color;
+  typeSelect.style.border = getComputedStyle(nameInput).border;
+  typeSelect.style.boxSizing = "border-box";
+  typeSelect.style.cursor = "pointer";
+  typeSelect.style.transition = "border-color 0.2s ease";
+  Object.keys(DEVICE_TYPES).forEach((categoryName) => {
+    const optgroup = document.createElement("optgroup");
+    optgroup.label = categoryName;
+    DEVICE_TYPES[categoryName].forEach((deviceType) => {
+      const opt = document.createElement("option");
+      opt.value = deviceType;
+      opt.text = deviceType;
+      const currentType = device.configDeviceType || device.deviceType || device.type || "";
+      opt.selected = currentType === deviceType;
+      optgroup.appendChild(opt);
+    });
+    typeSelect.appendChild(optgroup);
+  });
+  const errorMessage = document.createElement("div");
+  errorMessage.style.color = "var(--switchbot-red, #ef4444)";
+  errorMessage.style.marginBottom = "12px";
+  errorMessage.style.fontSize = "12px";
+  errorMessage.style.display = "none";
+  errorMessage.style.padding = "8px 10px";
+  errorMessage.style.background = "var(--switchbot-red-light, #fee2e2)";
+  errorMessage.style.borderRadius = "6px";
+  errorMessage.style.fontWeight = "500";
+  const buttons = document.createElement("div");
+  buttons.style.display = "flex";
+  buttons.style.gap = "10px";
+  buttons.style.justifyContent = "flex-end";
+  buttons.style.marginTop = "18px";
+  buttons.style.paddingTop = "18px";
+  buttons.style.borderTop = "1px solid rgba(0, 0, 0, 0.08)";
+  const cancelBtn = document.createElement("button");
+  cancelBtn.textContent = "Cancel";
+  cancelBtn.className = "secondary";
+  cancelBtn.style.background = "#6b7280";
+  cancelBtn.style.padding = "8px 16px";
+  cancelBtn.style.fontSize = "13px";
+  cancelBtn.onclick = () => div.remove();
+  const saveBtn = document.createElement("button");
+  saveBtn.textContent = "Save";
+  saveBtn.style.background = "var(--switchbot-red, #ef4444)";
+  saveBtn.style.padding = "8px 20px";
+  saveBtn.style.fontSize = "13px";
+  saveBtn.onclick = async () => {
+    try {
+      const { updateDevice: updateDevice2, syncParentPluginConfigFromDisk: syncParentPluginConfigFromDisk2, fetchDevices: fetchDevices2 } = await Promise.resolve().then(() => (init_api(), api_exports));
+      const { renderDeviceList: renderDeviceList2 } = await Promise.resolve().then(() => (init_render(), render_exports));
+      const params = {
+        deviceId: device.id,
+        configDeviceName: nameInput.value || void 0,
+        configDeviceType: typeSelect.value
+      };
+      await updateDevice2(params.deviceId, params.configDeviceName, params.configDeviceType);
+      await syncParentPluginConfigFromDisk2();
+      uiLog.info("[Edit Device] Refreshing device list after update");
+      const list = await fetchDevices2();
+      renderDeviceList2(list);
+      div.remove();
+    } catch (e) {
+      uiLog.error("Update error:", e);
+      errorMessage.textContent = `Error: ${e instanceof Error ? e.message : "Failed to update device"}`;
+      errorMessage.style.display = "block";
+    }
+  };
+  buttons.appendChild(cancelBtn);
+  buttons.appendChild(saveBtn);
+  contentDiv.appendChild(nameLabel);
+  contentDiv.appendChild(nameInput);
+  contentDiv.appendChild(apiTypeLabel);
+  contentDiv.appendChild(apiTypeInput);
+  contentDiv.appendChild(typeLabel);
+  contentDiv.appendChild(typeSelect);
+  contentDiv.appendChild(errorMessage);
+  contentDiv.appendChild(buttons);
+  modal.appendChild(title);
+  modal.appendChild(contentDiv);
+  div.appendChild(modal);
+  document.body.appendChild(div);
+  nameInput.focus();
+}
+var init_modals = __esm({
+  "src/homebridge-ui/public/js/modals.ts"() {
+    "use strict";
+    init_constants();
+    init_logger();
+  }
+});
+
+// src/homebridge-ui/public/js/devices-delete.ts
+var devices_delete_exports = {};
+__export(devices_delete_exports, {
+  deleteAllDevicesFromConfig: () => deleteAllDevicesFromConfig,
+  deleteDeviceFromConfig: () => deleteDeviceFromConfig
+});
+async function confirmDeleteDialog(deviceNameOrId) {
+  return new Promise((resolve) => {
+    const overlay = document.createElement("div");
+    overlay.style.position = "fixed";
+    overlay.style.top = "0";
+    overlay.style.left = "0";
+    overlay.style.width = "100%";
+    overlay.style.height = "100%";
+    overlay.style.background = "rgba(0,0,0,0.6)";
+    overlay.style.display = "flex";
+    overlay.style.alignItems = "center";
+    overlay.style.justifyContent = "center";
+    overlay.style.zIndex = "10000";
+    const modal = document.createElement("div");
+    modal.style.background = getComputedStyle(document.body).backgroundColor;
+    modal.style.color = getComputedStyle(document.body).color;
+    modal.style.padding = "20px";
+    modal.style.borderRadius = "10px";
+    modal.style.minWidth = "340px";
+    modal.style.maxWidth = "90vw";
+    modal.style.boxShadow = "0 12px 40px rgba(0,0,0,0.35)";
+    const title = document.createElement("h3");
+    title.textContent = "Delete Device";
+    title.style.margin = "0 0 10px 0";
+    const message = document.createElement("p");
+    message.textContent = `Remove "${deviceNameOrId}" from configuration?`;
+    message.style.margin = "0 0 16px 0";
+    const actions = document.createElement("div");
+    actions.style.display = "flex";
+    actions.style.justifyContent = "flex-end";
+    actions.style.gap = "8px";
+    const cancelBtn = document.createElement("button");
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.style.background = "#6b7280";
+    const deleteBtn = document.createElement("button");
+    deleteBtn.textContent = "Delete";
+    deleteBtn.style.background = "#ef4444";
+    const cleanup = (result) => {
+      overlay.remove();
+      resolve(result);
+    };
+    cancelBtn.onclick = () => cleanup(false);
+    deleteBtn.onclick = () => cleanup(true);
+    overlay.addEventListener("click", (event) => {
+      if (event.target === overlay) {
+        cleanup(false);
+      }
+    });
+    actions.appendChild(cancelBtn);
+    actions.appendChild(deleteBtn);
+    modal.appendChild(title);
+    modal.appendChild(message);
+    modal.appendChild(actions);
+    overlay.appendChild(modal);
+    document.body.appendChild(overlay);
+  });
+}
+async function deleteDeviceFromConfig(deviceId, deviceName) {
+  uiLog.info("Delete button clicked for device:", deviceId, deviceName);
+  const confirmed = await confirmDeleteDialog(deviceName || deviceId);
+  if (!confirmed) {
+    uiLog.info("Delete cancelled by user");
+    return;
+  }
+  try {
+    showBusyUi();
+    uiLog.info("Sending delete request for deviceId:", deviceId);
+    const resp = await deleteDevice(deviceId);
+    uiLog.info("Delete response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to delete device");
+    }
+    uiLog.info("Syncing parent config from disk...");
+    const synced = await syncParentPluginConfigFromDisk(true);
+    if (!synced) {
+      toastWarning("Device deleted, but configuration sync failed");
+    }
+    uiLog.info("Refreshing device list...");
+    const list = await fetchDevices();
+    uiLog.info("Rendering devices:", list.length);
+    renderDeviceList(list);
+    uiLog.info("\u2713 Device deleted successfully");
+    toastSuccess(`Device "${deviceName || deviceId}" deleted successfully`);
+  } catch (e) {
+    uiLog.error("Delete error:", e);
+    toastError(e instanceof Error ? e.message : "Failed to delete device");
+  } finally {
+    hideBusyUi();
+  }
+}
+async function confirmDeleteAllDialog(deviceCount) {
+  return new Promise((resolve) => {
+    const overlay = document.createElement("div");
+    overlay.style.position = "fixed";
+    overlay.style.top = "0";
+    overlay.style.left = "0";
+    overlay.style.width = "100%";
+    overlay.style.height = "100%";
+    overlay.style.background = "rgba(0,0,0,0.7)";
+    overlay.style.display = "flex";
+    overlay.style.alignItems = "center";
+    overlay.style.justifyContent = "center";
+    overlay.style.zIndex = "10000";
+    const modal = document.createElement("div");
+    modal.style.background = getComputedStyle(document.body).backgroundColor;
+    modal.style.color = getComputedStyle(document.body).color;
+    modal.style.padding = "20px";
+    modal.style.borderRadius = "10px";
+    modal.style.minWidth = "380px";
+    modal.style.maxWidth = "90vw";
+    modal.style.boxShadow = "0 12px 40px rgba(0,0,0,0.35)";
+    modal.style.borderTop = "3px solid #ef4444";
+    const title = document.createElement("h3");
+    title.textContent = "\u26A0\uFE0F Remove All Devices";
+    title.style.margin = "0 0 12px 0";
+    title.style.color = "#ef4444";
+    const message = document.createElement("p");
+    message.innerHTML = `Are you sure you want to remove <strong>all ${deviceCount} device(s)</strong> from your configuration?<br><br>This action cannot be undone.`;
+    message.style.margin = "0 0 18px 0";
+    message.style.lineHeight = "1.5";
+    const actions = document.createElement("div");
+    actions.style.display = "flex";
+    actions.style.justifyContent = "flex-end";
+    actions.style.gap = "10px";
+    const cancelBtn = document.createElement("button");
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.style.background = "#6b7280";
+    cancelBtn.style.padding = "8px 16px";
+    cancelBtn.style.fontSize = "13px";
+    cancelBtn.className = "secondary";
+    const deleteBtn = document.createElement("button");
+    deleteBtn.textContent = "Remove All";
+    deleteBtn.style.background = "#ef4444";
+    deleteBtn.style.padding = "8px 20px";
+    deleteBtn.style.fontSize = "13px";
+    const cleanup = (result) => {
+      overlay.remove();
+      resolve(result);
+    };
+    cancelBtn.onclick = () => cleanup(false);
+    deleteBtn.onclick = () => cleanup(true);
+    overlay.addEventListener("click", (event) => {
+      if (event.target === overlay) {
+        cleanup(false);
+      }
+    });
+    actions.appendChild(cancelBtn);
+    actions.appendChild(deleteBtn);
+    modal.appendChild(title);
+    modal.appendChild(message);
+    modal.appendChild(actions);
+    overlay.appendChild(modal);
+    document.body.appendChild(overlay);
+  });
+}
+async function deleteAllDevicesFromConfig() {
+  uiLog.info("Remove All Devices button clicked");
+  try {
+    const list = await fetchDevices();
+    if (!list || list.length === 0) {
+      toastWarning("No devices to remove");
+      return;
+    }
+    const confirmed = await confirmDeleteAllDialog(list.length);
+    if (!confirmed) {
+      uiLog.info("Remove all cancelled by user");
+      return;
+    }
+    showBusyUi();
+    uiLog.info("Sending delete all devices request");
+    const resp = await deleteAllDevices();
+    uiLog.info("Delete all response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to delete all devices");
+    }
+    uiLog.info("Syncing parent config from disk...");
+    const synced = await syncParentPluginConfigFromDisk(true);
+    if (!synced) {
+      toastWarning("Devices deleted, but configuration sync failed");
+    }
+    uiLog.info("Refreshing device list...");
+    const updatedList = await fetchDevices();
+    uiLog.info("Rendering devices:", updatedList.length);
+    renderDeviceList(updatedList);
+    const deletedCount = resp?.deletedCount || list.length;
+    uiLog.info(`\u2713 Removed ${deletedCount} device(s) successfully`);
+    toastSuccess(`Removed ${deletedCount} device(s) successfully`);
+  } catch (e) {
+    uiLog.error("Delete all error:", e);
+    toastError(e instanceof Error ? e.message : "Failed to delete all devices");
+  } finally {
+    hideBusyUi();
+  }
+}
+var init_devices_delete = __esm({
+  "src/homebridge-ui/public/js/devices-delete.ts"() {
+    "use strict";
+    init_api();
+    init_logger();
+    init_modal();
+    init_render();
+    init_toast();
+  }
+});
+
+// src/homebridge-ui/public/js/render.ts
+var render_exports = {};
+__export(render_exports, {
+  filterDevices: () => filterDevices,
+  getDiscoveryPreferences: () => getDiscoveryPreferences,
+  getRssiSignalQuality: () => getRssiSignalQuality,
+  renderBadge: () => renderBadge,
+  renderConnectionBadge: () => renderConnectionBadge,
+  renderDeviceList: () => renderDeviceList,
+  renderDiscoveredDevices: () => renderDiscoveredDevices,
+  renderIRBadge: () => renderIRBadge,
+  renderSignalBars: () => renderSignalBars,
+  renderSignalQualityBadge: () => renderSignalQualityBadge,
+  setDiscoveryPreferences: () => setDiscoveryPreferences,
+  sortDevices: () => sortDevices
+});
+function getRssiSignalQuality(rssi) {
+  if (!rssi || rssi === 0) {
+    return {
+      level: "unknown",
+      color: "#999",
+      bgColor: "#f5f5f5",
+      description: "Signal strength unknown",
+      bars: 0
+    };
+  }
+  const dbm = Math.floor(rssi);
+  if (dbm > -60) {
+    return {
+      level: "excellent",
+      color: "#34a853",
+      bgColor: "#e8f5e9",
+      description: `Excellent (${dbm} dBm)`,
+      bars: 4
+    };
+  } else if (dbm > -75) {
+    return {
+      level: "good",
+      color: "#fbbc04",
+      bgColor: "#fffde7",
+      description: `Good (${dbm} dBm)`,
+      bars: 3
+    };
+  } else if (dbm > -85) {
+    return {
+      level: "fair",
+      color: "#ff9800",
+      bgColor: "#fff3e0",
+      description: `Fair (${dbm} dBm)`,
+      bars: 2
+    };
+  } else {
+    return {
+      level: "poor",
+      color: "#ea4335",
+      bgColor: "#ffebee",
+      description: `Poor (${dbm} dBm) - unreliable`,
+      bars: 1
+    };
+  }
+}
+function renderSignalBars(rssi) {
+  const quality = getRssiSignalQuality(rssi);
+  const container = document.createElement("span");
+  container.style.display = "inline-flex";
+  container.style.gap = "2px";
+  container.style.alignItems = "center";
+  container.style.marginLeft = "8px";
+  container.style.fontSize = "12px";
+  for (let i = 1; i <= 4; i++) {
+    const bar = document.createElement("span");
+    bar.style.height = `${i * 3}px`;
+    bar.style.width = "3px";
+    bar.style.borderRadius = "1px";
+    bar.style.border = `1px solid ${quality.color}`;
+    if (i <= quality.bars) {
+      bar.style.backgroundColor = quality.color;
+    } else {
+      bar.style.backgroundColor = "transparent";
+    }
+    container.appendChild(bar);
+  }
+  container.title = quality.description;
+  return container;
+}
+function renderSignalQualityBadge(rssi) {
+  const quality = getRssiSignalQuality(rssi);
+  const badge = document.createElement("span");
+  badge.textContent = quality.level.charAt(0).toUpperCase() + quality.level.slice(1);
+  badge.style.cssText = `
+    background: ${quality.color};
+    color: white;
+    padding: 2px 6px;
+    border-radius: 3px;
+    font-size: 10px;
+    font-weight: 600;
+    margin-left: 8px;
+  `;
+  badge.title = quality.description;
+  return badge;
+}
+function renderBadge(text, style) {
+  const badge = document.createElement("span");
+  badge.textContent = text;
+  badge.style.cssText = style;
+  return badge;
+}
+function renderConnectionBadge(connectionType) {
+  if (!connectionType) {
+    return null;
+  }
+  const badge = renderBadge(connectionType, "");
+  if (connectionType === "BLE") {
+    badge.style.cssText = "background: #4285f4; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;";
+  } else if (connectionType === "Both") {
+    badge.style.cssText = "background: #34a853; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;";
+  } else {
+    badge.style.cssText = "background: #9e9e9e; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;";
+  }
+  return badge;
+}
+function renderIRBadge() {
+  return renderBadge(
+    "IR",
+    "background: #ff6b35; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;"
+  );
+}
+function normalizeId2(value) {
+  return String(value ?? "").trim().toLowerCase();
+}
+function scrollToConfiguredDevice(deviceId) {
+  const normalizedId = normalizeId2(deviceId);
+  const target = document.querySelector(`[data-device-id="${normalizedId}"]`);
+  if (!target) {
+    return;
+  }
+  target.scrollIntoView({ behavior: "smooth", block: "center" });
+  const originalOutline = target.style.outline;
+  const originalBackground = target.style.background;
+  target.style.outline = "2px solid var(--switchbot-red, #ef4444)";
+  target.style.background = "rgba(239, 68, 68, 0.08)";
+  setTimeout(() => {
+    target.style.outline = originalOutline;
+    target.style.background = originalBackground;
+  }, 1800);
+}
+async function renderDiscoveredDevices(devices, options = {}) {
+  const ul = document.createElement("ul");
+  ul.style.maxHeight = "400px";
+  ul.style.overflowY = "auto";
+  ul.style.marginTop = "12px";
+  ul.style.padding = "0";
+  ul.style.listStyle = "none";
+  const { addDeviceToConfig: addDeviceToConfig3 } = await Promise.resolve().then(() => (init_discovery(), discovery_exports));
+  const { loadConfiguredDevices: loadConfiguredDevices2 } = await Promise.resolve().then(() => (init_devices(), devices_exports));
+  const configuredIds = options.configuredIds ?? /* @__PURE__ */ new Set();
+  for (const d of devices) {
+    const deviceId = normalizeId2(d.id);
+    const alreadyAdded = configuredIds.has(deviceId);
+    const li = document.createElement("li");
+    li.className = "device-item";
+    li.style.display = "flex";
+    li.style.alignItems = "center";
+    li.style.justifyContent = "space-between";
+    li.style.padding = "10px 12px";
+    li.style.marginBottom = "6px";
+    li.style.borderRadius = "6px";
+    li.style.transition = "all 0.2s ease";
+    const info = document.createElement("div");
+    info.style.flex = "1";
+    const nameContainer = document.createElement("div");
+    nameContainer.style.display = "flex";
+    nameContainer.style.alignItems = "center";
+    nameContainer.style.marginBottom = "4px";
+    nameContainer.style.flexWrap = "wrap";
+    nameContainer.style.gap = "6px";
+    const name = document.createElement("div");
+    name.style.fontWeight = "500";
+    name.style.fontSize = "14px";
+    name.textContent = d.name || d.id;
+    nameContainer.appendChild(name);
+    const duplicateBadge = document.createElement("span");
+    duplicateBadge.textContent = alreadyAdded ? "\u2713 Already Added" : "\u2795 New Device";
+    duplicateBadge.style.cssText = alreadyAdded ? "background: #16a34a; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600;" : "background: #2563eb; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600;";
+    nameContainer.appendChild(duplicateBadge);
+    if (d.connectionType) {
+      const badge = renderConnectionBadge(d.connectionType);
+      if (badge) {
+        nameContainer.appendChild(badge);
+      }
+    }
+    if (d.isIR) {
+      nameContainer.appendChild(renderIRBadge());
+    }
+    if (d.rssi !== void 0 && d.rssi !== null && d.rssi !== 0) {
+      nameContainer.appendChild(renderSignalBars(d.rssi));
+      nameContainer.appendChild(renderSignalQualityBadge(d.rssi));
+    }
+    const details = document.createElement("div");
+    details.style.fontSize = "11px";
+    details.style.opacity = "0.7";
+    details.style.marginTop = "4px";
+    details.style.fontFamily = "monospace";
+    let detailsText = `ID: ${d.id} | Type: ${d.type} | Model: ${d.model || "N/A"}`;
+    if (d.hubDeviceId) {
+      detailsText += ` | Hub: ${d.hubDeviceId}`;
+    }
+    if (d.address) {
+      detailsText += ` | MAC: ${d.address}`;
+    }
+    details.textContent = detailsText;
+    info.appendChild(nameContainer);
+    info.appendChild(details);
+    const addBtn = document.createElement("button");
+    addBtn.textContent = alreadyAdded ? "Already Added" : "Add to Config";
+    addBtn.style.marginLeft = "8px";
+    addBtn.style.padding = "6px 14px";
+    addBtn.style.fontSize = "12px";
+    addBtn.style.whiteSpace = "nowrap";
+    addBtn.style.flexShrink = "0";
+    addBtn.disabled = alreadyAdded;
+    if (alreadyAdded) {
+      addBtn.style.opacity = "0.65";
+      addBtn.style.cursor = "not-allowed";
+      addBtn.style.background = "#6b7280";
+    }
+    addBtn.onclick = async () => {
+      if (alreadyAdded) {
+        return;
+      }
+      await addDeviceToConfig3(d);
+    };
+    if (alreadyAdded) {
+      const viewBtn = document.createElement("button");
+      viewBtn.textContent = "View in Config";
+      viewBtn.className = "secondary";
+      viewBtn.style.marginLeft = "8px";
+      viewBtn.style.padding = "6px 12px";
+      viewBtn.style.fontSize = "12px";
+      viewBtn.onclick = async () => {
+        await loadConfiguredDevices2();
+        scrollToConfiguredDevice(d.id);
+      };
+      li.appendChild(info);
+      const actions = document.createElement("div");
+      actions.style.display = "flex";
+      actions.style.alignItems = "center";
+      actions.appendChild(viewBtn);
+      actions.appendChild(addBtn);
+      li.appendChild(actions);
+      ul.appendChild(li);
+      continue;
+    }
+    li.appendChild(info);
+    li.appendChild(addBtn);
+    ul.appendChild(li);
+  }
+  return ul;
+}
+function filterDevices(devices, connectionType = "all", searchQuery = "") {
+  let filtered = [...devices];
+  if (connectionType !== "all") {
+    filtered = filtered.filter((d) => {
+      if (connectionType === "ir") {
+        return d.isIR === true;
+      }
+      if (connectionType === "ble") {
+        return d.connectionType === "BLE" || d.connectionType?.includes("BLE");
+      }
+      if (connectionType === "api") {
+        return d.connectionType === "OpenAPI" || d.connectionType === "API" || d.connectionType?.includes("API");
+      }
+      if (connectionType === "both") {
+        return d.connectionType === "Both" || d.connectionType?.includes("Both");
+      }
+      return true;
+    });
+  }
+  if (searchQuery.trim()) {
+    const query = searchQuery.toLowerCase();
+    filtered = filtered.filter((d) => {
+      const name = (d.name || "").toLowerCase();
+      const id = (d.id || "").toLowerCase();
+      const type = (d.type || "").toLowerCase();
+      const model = (d.model || "").toLowerCase();
+      return name.includes(query) || id.includes(query) || type.includes(query) || model.includes(query);
+    });
+  }
+  return filtered;
+}
+function sortDevices(devices, sortBy = "name") {
+  const sorted = [...devices];
+  switch (sortBy) {
+    case "signal": {
+      sorted.sort((a, b) => {
+        const aRssi = a.rssi || 0;
+        const bRssi = b.rssi || 0;
+        return bRssi - aRssi;
+      });
+      break;
+    }
+    case "type": {
+      sorted.sort((a, b) => {
+        const aType = (a.type || "").localeCompare(b.type || "");
+        return aType;
+      });
+      break;
+    }
+    case "connection": {
+      const connectionOrder = {
+        "Both": 0,
+        "BLE": 1,
+        "OpenAPI": 2,
+        "API": 2,
+        "Unknown": 3
+      };
+      sorted.sort((a, b) => {
+        const aOrder = connectionOrder[a.connectionType || "Unknown"] ?? 3;
+        const bOrder = connectionOrder[b.connectionType || "Unknown"] ?? 3;
+        return aOrder - bOrder;
+      });
+      break;
+    }
+    case "name":
+    default: {
+      sorted.sort((a, b) => (a.name || a.id || "").localeCompare(b.name || b.id || ""));
+      break;
+    }
+  }
+  return sorted;
+}
+function getDiscoveryPreferences() {
+  try {
+    const stored = localStorage.getItem("discoveryPreferences");
+    if (stored) {
+      return JSON.parse(stored);
+    }
+  } catch (_e) {
+  }
+  return {
+    connectionType: "all",
+    sortBy: "name",
+    searchQuery: ""
+  };
+}
+function setDiscoveryPreferences(preferences) {
+  try {
+    localStorage.setItem("discoveryPreferences", JSON.stringify(preferences));
+  } catch (_e) {
+  }
+}
+function renderDeviceList(list) {
+  const ul = document.getElementById("devices");
+  const status = document.getElementById("status");
+  const removeAllContainer = document.getElementById("removeAllContainer");
+  if (!ul || !status) {
+    return;
+  }
+  if (!list.length) {
+    status.textContent = "No devices found in config.";
+    ul.innerHTML = "";
+    if (removeAllContainer) {
+      removeAllContainer.style.display = "none";
+    }
+    return;
+  }
+  status.textContent = `Found ${list.length} device(s)`;
+  ul.innerHTML = "";
+  if (removeAllContainer) {
+    removeAllContainer.style.display = "block";
+  }
+  for (const d of list) {
+    const li = document.createElement("li");
+    li.className = "device-item";
+    li.setAttribute("data-device-id", normalizeId2(d.id));
+    const info = document.createElement("div");
+    info.style.flex = "1";
+    const nameContainer = document.createElement("div");
+    nameContainer.style.display = "flex";
+    nameContainer.style.alignItems = "center";
+    nameContainer.style.flexWrap = "wrap";
+    nameContainer.style.gap = "6px";
+    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";
+    nameContainer.appendChild(name);
+    nameContainer.appendChild(code);
+    if (d.rssi !== void 0 && d.rssi !== null && d.rssi !== 0) {
+      nameContainer.appendChild(renderSignalBars(d.rssi));
+      nameContainer.appendChild(renderSignalQualityBadge(d.rssi));
+    }
+    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(nameContainer);
+    info.appendChild(meta);
+    const buttons = document.createElement("div");
+    buttons.style.display = "flex";
+    buttons.style.gap = "8px";
+    const editBtn = document.createElement("button");
+    editBtn.textContent = "\u270F\uFE0F Edit";
+    editBtn.style.padding = "6px 12px";
+    editBtn.style.fontSize = "12px";
+    editBtn.onclick = async () => {
+      const { editDevice: editDevice2 } = await Promise.resolve().then(() => (init_modals(), modals_exports));
+      await editDevice2(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 = "\u{1F5D1}\uFE0F Delete";
+    deleteBtn.style.padding = "6px 12px";
+    deleteBtn.style.fontSize = "12px";
+    deleteBtn.style.background = "#ef4444";
+    deleteBtn.onclick = async () => {
+      const { deleteDeviceFromConfig: deleteDeviceFromConfig2 } = await Promise.resolve().then(() => (init_devices_delete(), devices_delete_exports));
+      await deleteDeviceFromConfig2(d.id, d.name || d.id);
+    };
+    buttons.appendChild(editBtn);
+    buttons.appendChild(copyBtn);
+    buttons.appendChild(deleteBtn);
+    li.appendChild(info);
+    li.appendChild(buttons);
+    ul.appendChild(li);
+  }
+}
+var init_render = __esm({
+  "src/homebridge-ui/public/js/render.ts"() {
+    "use strict";
+  }
+});
+
+// src/homebridge-ui/public/js/devices.ts
+var devices_exports = {};
+__export(devices_exports, {
+  addDeviceToConfig: () => addDeviceToConfig2,
+  initRemoveAllButton: () => initRemoveAllButton,
+  loadConfiguredDevices: () => loadConfiguredDevices
+});
+async function addDeviceToConfig2(device, options = {}) {
+  const { refresh = true, showStatus = true } = options;
+  try {
+    const { importDiscoveredDevice: importDiscoveredDevice2 } = await Promise.resolve().then(() => (init_modals(), modals_exports));
+    const importValues = await importDiscoveredDevice2(device);
+    if (!importValues) {
+      return { added: false };
+    }
+    showBusyUi();
+    uiLog.info("Adding device to config:", device);
+    const resp = await addDevice(device.id, importValues.configDeviceName, importValues.configDeviceType, {
+      address: importValues.address,
+      model: device.model,
+      rssi: device.rssi
+    });
+    uiLog.info("Add device response:", resp);
+    if (!resp || resp.success === false) {
+      throw new Error(resp?.data?.message || "Failed to add device");
+    }
+    const alreadyExists = !!resp?.alreadyExists;
+    const message = resp?.message || (alreadyExists ? `Device "${importValues.configDeviceName}" already in config` : `Device "${importValues.configDeviceName}" added successfully!`);
+    if (alreadyExists) {
+      toastInfo(message);
+    } else {
+      toastSuccess(message);
+    }
+    if (showStatus) {
+      const status = document.getElementById("discoverStatus");
+      if (status) {
+        status.textContent = (alreadyExists ? "\u2022 " : "\u2713 ") + message;
+        status.classList.remove("error");
+        status.classList.add("success-msg");
+        if (!alreadyExists) {
+          const synced = await syncParentPluginConfigFromDisk(true);
+          status.textContent += synced ? " - Config saved automatically." : " - Warning: config may not persist until you close/reopen settings.";
+          if (synced) {
+            toastSuccess("Configuration synced and saved automatically");
+          } else {
+            toastWarning("Configuration sync failed; close and reopen settings before Save");
+          }
+        }
+      }
+    }
+    if (refresh) {
+      await loadConfiguredDevices();
+    }
+    return { added: !alreadyExists };
+  } catch (e) {
+    uiLog.error("Add device error:", e);
+    const status = document.getElementById("discoverStatus");
+    if (status) {
+      status.textContent = `\u2717 Error: ${e instanceof Error ? e.message : "Failed to add device"}`;
+      status.classList.add("error");
+    }
+    toastError(e instanceof Error ? e.message : "Failed to add device");
+    return { added: false };
+  } finally {
+    hideBusyUi();
+  }
+}
+async function initRemoveAllButton() {
+  const removeAllBtn = document.getElementById("removeAllBtn");
+  if (!removeAllBtn) {
+    return;
+  }
+  removeAllBtn.addEventListener("click", async () => {
+    const { deleteAllDevicesFromConfig: deleteAllDevicesFromConfig2 } = await Promise.resolve().then(() => (init_devices_delete(), devices_delete_exports));
+    await deleteAllDevicesFromConfig2();
+  });
+}
+async function loadConfiguredDevices() {
+  const list = await fetchDevices();
+  renderDeviceList(list);
+}
+var init_devices = __esm({
+  "src/homebridge-ui/public/js/devices.ts"() {
+    "use strict";
+    init_api();
+    init_logger();
+    init_modal();
+    init_render();
+    init_toast();
+  }
+});
+
+// src/homebridge-ui/public/js/credentials.ts
+init_api();
+init_logger();
+init_modal();
+init_toast();
+async function loadCredentialStatus() {
+  try {
+    const creds = await fetchCredentialStatus();
+    if (!creds) {
+      uiLog.error("Failed to load credentials");
+      return;
+    }
+    const tokenStatus = document.getElementById("tokenStatus");
+    const secretStatus = document.getElementById("secretStatus");
+    if (!tokenStatus || !secretStatus) {
+      return;
+    }
+    if (creds.hasToken) {
+      tokenStatus.textContent = `\u2713 Configured (${creds.tokenLength} characters)`;
+      tokenStatus.classList.add("ok");
+    } else {
+      tokenStatus.textContent = "Not configured";
+      tokenStatus.classList.remove("ok");
+    }
+    if (creds.hasSecret) {
+      secretStatus.textContent = `\u2713 Configured (${creds.secretLength} characters)`;
+      secretStatus.classList.add("ok");
+    } else {
+      secretStatus.textContent = "Not configured";
+      secretStatus.classList.remove("ok");
+    }
+  } catch (e) {
+    uiLog.error("Error loading credentials:", e);
+  }
+}
+async function saveCredentials2() {
+  const token = document.getElementById("token")?.value;
+  const secret = document.getElementById("secret")?.value;
+  const saveStatus = document.getElementById("saveStatus");
+  const saveBtn = document.getElementById("saveBtn");
+  if (!saveStatus || !saveBtn) {
+    return;
+  }
+  if (!token || !secret) {
+    saveStatus.textContent = "Please enter both token and secret";
+    saveStatus.classList.add("error");
+    toastWarning("Please enter both token and secret");
+    return;
+  }
+  try {
+    showBusyUi();
+    saveBtn.disabled = true;
+    saveBtn.textContent = "Saving...";
+    uiLog.info("Saving credentials...");
+    const result = await saveCredentials(token, secret);
+    uiLog.info("Save response:", result);
+    const message = result?.message || "Credentials saved successfully";
+    saveStatus.textContent = `\u2713 ${message}`;
+    saveStatus.classList.remove("error");
+    saveStatus.classList.add("success-msg");
+    toastSuccess(message);
+    const synced = await syncParentPluginConfigFromDisk(true);
+    if (synced) {
+      saveStatus.textContent += " - Config saved automatically.";
+      toastSuccess("Configuration synced and saved automatically");
+    } else {
+      toastWarning("Credentials saved, but configuration sync failed");
+    }
+    ;
+    document.getElementById("token").value = "";
+    document.getElementById("secret").value = "";
+    setTimeout(() => loadCredentialStatus(), 500);
+    setTimeout(() => {
+      saveStatus.textContent = "";
+      saveStatus.classList.remove("success-msg");
+    }, 3e3);
+  } catch (e) {
+    uiLog.error("Save error:", e);
+    saveStatus.textContent = `Error: ${e instanceof Error ? e.message : "Failed to save"}`;
+    saveStatus.classList.add("error");
+    toastError(e instanceof Error ? e.message : "Failed to save credentials");
+  } finally {
+    hideBusyUi();
+    saveBtn.disabled = false;
+    saveBtn.textContent = "Save Credentials";
+  }
+}
+
+// src/homebridge-ui/public/js/app.ts
+init_devices();
+init_discovery();
+window.loadCredentialStatus = loadCredentialStatus;
+window.saveCredentials = saveCredentials2;
+window.discoverDevices = discoverDevices2;
+async function init() {
+  await loadCredentialStatus();
+  const list = await loadConfiguredDevices();
+  await initRemoveAllButton();
+}
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", init);
+} else {
+  init();
+}
+//# sourceMappingURL=app.js.map