[Bug] EditChannelModal white screen on HTTP when creating new channel — clipboard.readText TypeError

[lawei123]

Commit Check

• I have pulled the latest code and the issue still exists

Issue Description

When creating a new channel on an HTTP (non-HTTPS) deployment, the EditChannelModal white-screens immediately on mount with:

TypeError: Cannot read properties of undefined (reading 'readText')

How to Reproduce

1. Deploy new-api v0.12.0 on HTTP (e.g. http://localhost:3000)
2. Log in as admin
3. Go to Channels page
4. Click "New Channel" button
5. Modal opens → white screen

Expected Behavior

Modal should open normally. Clipboard detection should be silently skipped on HTTP.

Root Cause

web/src/components/table/channels/modals/EditChannelModal.jsx (introduced in commit 670abee2):

// Line ~1315
navigator?.clipboard?.readText()?.then((text) => { ... }).catch(() => {});

navigator.clipboard is undefined in non-secure (HTTP) contexts. The optional chain ?.readText() correctly short-circuits and returns undefined, but then .then() is called on undefined → TypeError → white screen.

Suggested Fix

        try {
-          navigator?.clipboard?.readText()?.then((text) => {
-            const parsed = parseChannelConnectionString(text);
-            if (parsed) {
-              setClipboardConfig(parsed);
-            }
-          }).catch(() => {});
+          if (navigator?.clipboard?.readText) {
+            navigator.clipboard.readText().then((text) => {
+              const parsed = parseChannelConnectionString(text);
+              if (parsed) {
+                setClipboardConfig(parsed);
+              }
+            }).catch(() => {});
+          }
        } catch {}

Environment

• Version: v0.12.0
• Browser: Chrome 136
• Protocol: HTTP (non-HTTPS)

[new-api-reviewer-bot]

[Bot Review]

Thank you for submitting this bug report with detailed reproduction steps and environment information.