@switchbot/homebridge-switchbot 5.0.0-beta.107 → 5.0.0-beta.109

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

@@ -0,0 +1,1069 @@
+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,
+  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) {
+  try {
+    uiLog.info("Adding device to config:", { deviceId, name, type });
+    const resp = await homebridge.request("/add-device", { deviceId, name, type });
+    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;
+  }
+}
+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
+});
+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
+          }))
+        );
+        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 ul = await renderDiscoveredDevices(devices);
+    document.getElementById("discoveredDevices")?.replaceWith(ul);
+    ul.id = "discoveredDevices";
+    list.style.display = "block";
+  } 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 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 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",
+        "MeterPro",
+        "MeterPro(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
+});
+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 = "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 apiTypeLabel = document.createElement("label");
+  apiTypeLabel.textContent = "Device Type (API - Read Only)";
+  apiTypeLabel.style.display = "block";
+  apiTypeLabel.style.marginBottom = "8px";
+  apiTypeLabel.style.fontWeight = "500";
+  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 = "16px";
+  apiTypeInput.style.opacity = "0.6";
+  apiTypeInput.style.cursor = "not-allowed";
+  const typeLabel = document.createElement("label");
+  typeLabel.textContent = "Config Device Type (Override)";
+  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;
+  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 buttons = document.createElement("div");
+  buttons.style.display = "flex";
+  buttons.style.gap = "8px";
+  buttons.style.justifyContent = "flex-end";
+  const errorMessage = document.createElement("div");
+  errorMessage.style.color = "#ef4444";
+  errorMessage.style.marginBottom = "12px";
+  errorMessage.style.fontSize = "12px";
+  errorMessage.style.display = "none";
+  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 { updateDevice: updateDevice2, syncParentPluginConfigFromDisk: syncParentPluginConfigFromDisk2, fetchDevices: fetchDevices3 } = 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 fetchDevices3();
+      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);
+  modal.appendChild(title);
+  modal.appendChild(nameLabel);
+  modal.appendChild(nameInput);
+  modal.appendChild(apiTypeLabel);
+  modal.appendChild(apiTypeInput);
+  modal.appendChild(typeLabel);
+  modal.appendChild(typeSelect);
+  modal.appendChild(errorMessage);
+  modal.appendChild(buttons);
+  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, {
+  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();
+  }
+}
+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, {
+  renderBadge: () => renderBadge,
+  renderConnectionBadge: () => renderConnectionBadge,
+  renderDeviceList: () => renderDeviceList,
+  renderDiscoveredDevices: () => renderDiscoveredDevices,
+  renderIRBadge: () => renderIRBadge
+});
+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;"
+  );
+}
+async function renderDiscoveredDevices(devices) {
+  const ul = document.createElement("ul");
+  ul.style.maxHeight = "300px";
+  ul.style.overflowY = "auto";
+  const { addDeviceToConfig: addDeviceToConfig3 } = await Promise.resolve().then(() => (init_discovery(), discovery_exports));
+  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;
+    if (d.connectionType) {
+      name.appendChild(document.createTextNode(" "));
+      const badge = renderConnectionBadge(d.connectionType);
+      if (badge) {
+        name.appendChild(badge);
+      }
+    }
+    if (d.isIR) {
+      name.appendChild(document.createTextNode(" "));
+      name.appendChild(renderIRBadge());
+    }
+    const details = document.createElement("div");
+    details.style.fontSize = "12px";
+    details.style.opacity = "0.75";
+    let detailsText = `ID: ${d.id} | Type: ${d.type} | Model: ${d.model || "N/A"}`;
+    if (d.hubDeviceId) {
+      detailsText += ` | Hub: ${d.hubDeviceId}`;
+    }
+    if (d.rssi) {
+      detailsText += ` | Signal: ${d.rssi} dBm`;
+    }
+    if (d.address) {
+      detailsText += ` | MAC: ${d.address}`;
+    }
+    details.textContent = detailsText;
+    info.appendChild(name);
+    info.appendChild(details);
+    const addBtn = document.createElement("button");
+    addBtn.textContent = "+ Add";
+    addBtn.style.marginLeft = "8px";
+    addBtn.onclick = async () => {
+      await addDeviceToConfig3(d);
+    };
+    li.appendChild(info);
+    li.appendChild(addBtn);
+    ul.appendChild(li);
+  }
+  return ul;
+}
+function renderDeviceList(list) {
+  const ul = document.getElementById("devices");
+  const status = document.getElementById("status");
+  if (!ul || !status) {
+    return;
+  }
+  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 = "\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,
+  loadConfiguredDevices: () => loadConfiguredDevices
+});
+async function addDeviceToConfig2(device, options = {}) {
+  const { refresh = true, showStatus = true } = options;
+  try {
+    showBusyUi();
+    uiLog.info("Adding device to config:", device);
+    const resp = await addDevice(device.id, device.name, device.type);
+    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 "${device.name}" already in config` : `Device "${device.name}" 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 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();
+}
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", init);
+} else {
+  init();
+}
+//# sourceMappingURL=app.js.map