@switchbot/homebridge-switchbot 5.0.0-beta.13 → 5.0.0-beta.130

package/dist/homebridge-ui/public/js/logger.d.ts

@@ -0,0 +1,6 @@
+export declare const uiLog: {
+    info: (message: string, ...parameters: any[]) => void;
+    warn: (message: string, ...parameters: any[]) => void;
+    error: (message: string, ...parameters: any[]) => void;
+};
+//# sourceMappingURL=logger.d.ts.map

package/dist/homebridge-ui/public/js/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/logger.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;oBACA,MAAM,iBAAiB,GAAG,EAAE,KAAG,IAAI;oBAGnC,MAAM,iBAAiB,GAAG,EAAE,KAAG,IAAI;qBAGlC,MAAM,iBAAiB,GAAG,EAAE,KAAG,IAAI;CAGrD,CAAA"}

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

@@ -0,0 +1,12 @@
+export const 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);
+    },
+};
+//# sourceMappingURL=logger.js.map

package/dist/homebridge-ui/public/js/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/logger.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE,CAAC,OAAe,EAAE,GAAG,UAAiB,EAAQ,EAAE;QACpD,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAA;IACxD,CAAC;IACD,IAAI,EAAE,CAAC,OAAe,EAAE,GAAG,UAAiB,EAAQ,EAAE;QACpD,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAA;IACxD,CAAC;IACD,KAAK,EAAE,CAAC,OAAe,EAAE,GAAG,UAAiB,EAAQ,EAAE;QACrD,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAA;IACzD,CAAC;CACF,CAAA"}

package/dist/homebridge-ui/public/js/logger.ts

@@ -0,0 +1,11 @@
+export const uiLog = {
+  info: (message: string, ...parameters: any[]): void => {
+    console.warn('[SwitchBot UI]', message, ...parameters)
+  },
+  warn: (message: string, ...parameters: any[]): void => {
+    console.warn('[SwitchBot UI]', message, ...parameters)
+  },
+  error: (message: string, ...parameters: any[]): void => {
+    console.error('[SwitchBot UI]', message, ...parameters)
+  },
+}

package/dist/homebridge-ui/public/js/modal.d.ts

@@ -0,0 +1,5 @@
+import './types.js';
+export declare function showBusyUi(): void;
+export declare function hideBusyUi(): void;
+export declare function closeSettingsModal(): void;
+//# sourceMappingURL=modal.d.ts.map

package/dist/homebridge-ui/public/js/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/modal.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AAenB,wBAAgB,UAAU,IAAI,IAAI,CAGjC;AAED,wBAAgB,UAAU,IAAI,IAAI,CAGjC;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}

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

@@ -0,0 +1,26 @@
+import './types.js';
+import { uiLog } from './logger.js';
+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);
+    }
+}
+export function showBusyUi() {
+    callUiMethod('disableSaveButton');
+    callUiMethod('showSpinner');
+}
+export function hideBusyUi() {
+    callUiMethod('hideSpinner');
+    callUiMethod('enableSaveButton');
+}
+export function closeSettingsModal() {
+    callUiMethod('closeSettings');
+}
+//# sourceMappingURL=modal.js.map

package/dist/homebridge-ui/public/js/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/modal.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,YAAY,CAAC,IAAiC;IACrD,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;QAChC,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YAChC,MAAM,EAAE,GAAG,KAAmB,CAAA;YAC9B,EAAE,EAAE,CAAA;QACN,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,KAAK,CAAC,IAAI,CAAC,wBAAwB,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IAC/D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACjC,YAAY,CAAC,aAAa,CAAC,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,YAAY,CAAC,aAAa,CAAC,CAAA;IAC3B,YAAY,CAAC,kBAAkB,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,YAAY,CAAC,eAAe,CAAC,CAAA;AAC/B,CAAC"}

package/dist/homebridge-ui/public/js/modal.ts

@@ -0,0 +1,28 @@
+import './types.js'
+import { uiLog } from './logger.js'
+
+function callUiMethod(name: keyof HomebridgePluginUiAPI): void {
+  try {
+    const value = homebridge?.[name]
+    if (typeof value === 'function') {
+      const fn = value as () => void
+      fn()
+    }
+  } catch (e) {
+    uiLog.warn(`Homebridge UI method ${String(name)} failed:`, e)
+  }
+}
+
+export function showBusyUi(): void {
+  callUiMethod('disableSaveButton')
+  callUiMethod('showSpinner')
+}
+
+export function hideBusyUi(): void {
+  callUiMethod('hideSpinner')
+  callUiMethod('enableSaveButton')
+}
+
+export function closeSettingsModal(): void {
+  callUiMethod('closeSettings')
+}

package/dist/homebridge-ui/public/js/modals.d.ts

@@ -0,0 +1,7 @@
+export declare function importDiscoveredDevice(device: any): Promise<{
+    configDeviceName: string;
+    configDeviceType: string;
+    address?: string;
+} | null>;
+export declare function editDevice(device: any): Promise<void>;
+//# sourceMappingURL=modals.d.ts.map

package/dist/homebridge-ui/public/js/modals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals.d.ts","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/modals.ts"],"names":[],"mappings":"AAGA,wBAAsB,sBAAsB,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,CAiRlJ;AAED,wBAAsB,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CA2Q3D"}

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

@@ -0,0 +1,494 @@
+import { DEVICE_TYPES } from './constants.js';
+import { uiLog } from './logger.js';
+export 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';
+        // --- Device Type Select ---
+        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);
+        });
+        // --- Matter Type Advanced Field (only for window covering types) ---
+        // Matter Type advanced field (only for window covering types)
+        const windowCoveringTypes = ['Roller Shade', 'Curtain', 'Curtain3', 'Blind Tilt'];
+        const matterTypeLabel = document.createElement('label');
+        matterTypeLabel.textContent = 'Matter Window Covering Type (Advanced)';
+        matterTypeLabel.style.display = 'block';
+        matterTypeLabel.style.marginBottom = '6px';
+        matterTypeLabel.style.fontWeight = '500';
+        matterTypeLabel.style.fontSize = '12px';
+        matterTypeLabel.style.color = '#6b7280';
+        matterTypeLabel.style.marginTop = '2px';
+        // Table 8.2 from Matter spec (partial, most common types)
+        const matterTypes = [
+            { value: '', label: 'Auto-detect (recommended)' },
+            { value: 0, label: 'Roller Shade (0)' },
+            { value: 1, label: 'Roman Shade (1)' },
+            { value: 2, label: 'Balloon Shade (2)' },
+            { value: 3, label: 'Woven Wood (3)' },
+            { value: 4, label: 'Drapery (4)' },
+            { value: 5, label: 'Awning (5)' },
+            { value: 6, label: 'Shutter (6)' },
+            { value: 7, label: 'Tilt Blind (7)' },
+            { value: 8, label: 'Blind Tilt (8)' },
+            { value: 9, label: 'Projector Screen (9)' },
+            { value: 15, label: 'Other (15)' },
+        ];
+        const matterTypeSelect = document.createElement('select');
+        matterTypeSelect.style.width = '100%';
+        matterTypeSelect.style.marginBottom = '12px';
+        matterTypeSelect.style.padding = '8px 10px';
+        matterTypeSelect.style.borderRadius = '6px';
+        matterTypeSelect.style.fontSize = '14px';
+        matterTypeSelect.style.boxSizing = 'border-box';
+        matterTypes.forEach((opt) => {
+            const option = document.createElement('option');
+            option.value = String(opt.value);
+            option.textContent = opt.label;
+            if (device.matterType != null && String(opt.value) === String(device.matterType)) {
+                option.selected = true;
+            }
+            matterTypeSelect.appendChild(option);
+        });
+        // Show/hide Matter Type field based on type
+        function updateMatterTypeVisibility() {
+            if (windowCoveringTypes.includes(typeSelect.value)) {
+                matterTypeLabel.style.display = 'block';
+                matterTypeSelect.style.display = 'block';
+            }
+            else {
+                matterTypeLabel.style.display = 'none';
+                matterTypeSelect.style.display = 'none';
+            }
+        }
+        typeSelect.addEventListener('change', updateMatterTypeVisibility);
+        updateMatterTypeVisibility();
+        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';
+        // BLE Encryption Key
+        const encryptionKeyLabel = document.createElement('label');
+        encryptionKeyLabel.textContent = 'BLE Encryption Key (optional)';
+        encryptionKeyLabel.style.display = 'block';
+        encryptionKeyLabel.style.marginBottom = '6px';
+        encryptionKeyLabel.style.fontWeight = '500';
+        encryptionKeyLabel.style.fontSize = '12px';
+        encryptionKeyLabel.style.color = '#6b7280';
+        const encryptionKeyInput = document.createElement('input');
+        encryptionKeyInput.type = 'password';
+        encryptionKeyInput.value = device.encryptionKey || '';
+        encryptionKeyInput.placeholder = 'Paste device BLE encryption key';
+        encryptionKeyInput.style.width = '100%';
+        encryptionKeyInput.style.marginBottom = '12px';
+        encryptionKeyInput.style.padding = '8px 10px';
+        encryptionKeyInput.style.borderRadius = '6px';
+        encryptionKeyInput.style.fontSize = '14px';
+        encryptionKeyInput.style.boxSizing = 'border-box';
+        // BLE Key ID
+        const keyIdLabel = document.createElement('label');
+        keyIdLabel.textContent = 'BLE Key ID (optional)';
+        keyIdLabel.style.display = 'block';
+        keyIdLabel.style.marginBottom = '6px';
+        keyIdLabel.style.fontWeight = '500';
+        keyIdLabel.style.fontSize = '12px';
+        keyIdLabel.style.color = '#6b7280';
+        const keyIdInput = document.createElement('input');
+        keyIdInput.type = 'text';
+        keyIdInput.value = device.keyId || '';
+        keyIdInput.placeholder = 'e.g. ff';
+        keyIdInput.style.width = '100%';
+        keyIdInput.style.marginBottom = '12px';
+        keyIdInput.style.padding = '8px 10px';
+        keyIdInput.style.borderRadius = '6px';
+        keyIdInput.style.fontSize = '14px';
+        keyIdInput.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 || undefined,
+            encryptionKey: encryptionKeyInput.value || undefined,
+            keyId: keyIdInput.value || undefined,
+            ...(windowCoveringTypes.includes(typeSelect.value) && matterTypeSelect.value !== '' ? { matterType: Number(matterTypeSelect.value) } : {}),
+        });
+        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(matterTypeLabel);
+        contentDiv.appendChild(matterTypeSelect);
+        contentDiv.appendChild(macLabel);
+        contentDiv.appendChild(macInput);
+        contentDiv.appendChild(encryptionKeyLabel);
+        contentDiv.appendChild(encryptionKeyInput);
+        contentDiv.appendChild(keyIdLabel);
+        contentDiv.appendChild(keyIdInput);
+        contentDiv.appendChild(buttons);
+        modal.appendChild(title);
+        modal.appendChild(contentDiv);
+        div.appendChild(modal);
+        document.body.appendChild(div);
+        nameInput.focus();
+    });
+}
+export async function editDevice(device) {
+    // --- Device Type Select ---
+    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(document.body).backgroundColor;
+    typeSelect.style.color = getComputedStyle(document.body).color;
+    typeSelect.style.border = '1px solid #ccc';
+    typeSelect.style.boxSizing = 'border-box';
+    // Add option groups with all API device types
+    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;
+            // Select current configDeviceType if set, otherwise match API deviceType
+            const currentType = device.configDeviceType || device.deviceType || device.type || '';
+            opt.selected = currentType === deviceType;
+            optgroup.appendChild(opt);
+        });
+        typeSelect.appendChild(optgroup);
+    });
+    // --- Matter Type Advanced Field (only for window covering types) ---
+    const windowCoveringTypes = ['Roller Shade', 'Curtain', 'Curtain3', 'Blind Tilt'];
+    const showMatterType = windowCoveringTypes.includes(device.configDeviceType || device.deviceType || device.type || '');
+    const matterTypeLabel = document.createElement('label');
+    matterTypeLabel.textContent = 'Matter Window Covering Type (Advanced)';
+    matterTypeLabel.style.display = showMatterType ? 'block' : 'none';
+    matterTypeLabel.style.marginBottom = '6px';
+    matterTypeLabel.style.fontWeight = '500';
+    matterTypeLabel.style.fontSize = '12px';
+    matterTypeLabel.style.color = '#6b7280';
+    matterTypeLabel.style.marginTop = '2px';
+    const matterTypes = [
+        { value: '', label: 'Auto-detect (recommended)' },
+        { value: 0, label: 'Roller Shade (0)' },
+        { value: 1, label: 'Roman Shade (1)' },
+        { value: 2, label: 'Balloon Shade (2)' },
+        { value: 3, label: 'Woven Wood (3)' },
+        { value: 4, label: 'Drapery (4)' },
+        { value: 5, label: 'Awning (5)' },
+        { value: 6, label: 'Shutter (6)' },
+        { value: 7, label: 'Tilt Blind (7)' },
+        { value: 8, label: 'Blind Tilt (8)' },
+        { value: 9, label: 'Projector Screen (9)' },
+        { value: 15, label: 'Other (15)' },
+    ];
+    const matterTypeSelect = document.createElement('select');
+    matterTypeSelect.style.width = '100%';
+    matterTypeSelect.style.marginBottom = '12px';
+    matterTypeSelect.style.padding = '8px 10px';
+    matterTypeSelect.style.borderRadius = '6px';
+    matterTypeSelect.style.fontSize = '14px';
+    matterTypeSelect.style.boxSizing = 'border-box';
+    matterTypes.forEach((opt) => {
+        const option = document.createElement('option');
+        option.value = String(opt.value);
+        option.textContent = opt.label;
+        if (device.matterType != null && String(opt.value) === String(device.matterType)) {
+            option.selected = true;
+        }
+        matterTypeSelect.appendChild(option);
+    });
+    function updateMatterTypeVisibility() {
+        if (windowCoveringTypes.includes(typeSelect.value)) {
+            matterTypeLabel.style.display = 'block';
+            matterTypeSelect.style.display = 'block';
+        }
+        else {
+            matterTypeLabel.style.display = 'none';
+            matterTypeSelect.style.display = 'none';
+        }
+    }
+    typeSelect.addEventListener('change', updateMatterTypeVisibility);
+    updateMatterTypeVisibility();
+    // Create modal dialog for editing
+    const div = document.createElement('div');
+    div.style.position = 'fixed';
+    div.style.top = '0';
+    div.style.left = '0';
+    div.style.width = '100%';
+    div.style.height = '100%';
+    div.style.background = 'rgba(0,0,0,0.7)';
+    div.style.display = 'flex';
+    div.style.alignItems = 'center';
+    div.style.justifyContent = 'center';
+    div.style.zIndex = '9999';
+    const modal = document.createElement('div');
+    modal.style.background = getComputedStyle(document.body).backgroundColor;
+    modal.style.color = getComputedStyle(document.body).color;
+    modal.style.padding = '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';
+    // Read-only API device type field
+    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';
+    // Editable config device type dropdown
+    // Add option groups with all API device types
+    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;
+            // Select current configDeviceType if set, otherwise match API 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, syncParentPluginConfigFromDisk, fetchDevices } = await import('./api.js');
+            const { renderDeviceList } = await import('./render.js');
+            const params = {
+                deviceId: device.id,
+                configDeviceName: nameInput.value || undefined,
+                configDeviceType: typeSelect.value,
+                matterType: windowCoveringTypes.includes(typeSelect.value) && matterTypeSelect.value !== '' ? Number(matterTypeSelect.value) : undefined,
+            };
+            await updateDevice(params.deviceId, params.configDeviceName, params.configDeviceType, { matterType: params.matterType });
+            await syncParentPluginConfigFromDisk();
+            // Refresh device list
+            uiLog.info('[Edit Device] Refreshing device list after update');
+            const list = await fetchDevices();
+            renderDeviceList(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(matterTypeLabel);
+    contentDiv.appendChild(matterTypeSelect);
+    contentDiv.appendChild(errorMessage);
+    contentDiv.appendChild(buttons);
+    modal.appendChild(title);
+    modal.appendChild(contentDiv);
+    div.appendChild(modal);
+    document.body.appendChild(div);
+    nameInput.focus();
+}
+//# sourceMappingURL=modals.js.map