+
+
+ {t('layout.current-port')}{' '}
+
+ {cdpPort}
+
+
+
+ {t('layout.cdp-port-check-description')}
+
+
+
+
+ setCustomPort(e.target.value)}
+ className="flex-1"
+ min={1}
+ max={65535}
+ />
+
+
+
+ {portStatus.available !== null && (
+
+ {portStatus.available ? (
+ <>
+
+
+
+ {t('layout.browser-available')}
+
+ {portStatus.data && (
+
+ {portStatus.data['Browser']} -{' '}
+ {portStatus.data['User-Agent']?.split(' ')[0]}
+
+ )}
+
+ >
+ ) : (
+ <>
+
+
+
+ {t('layout.browser-not-available')}
+
+
+ {portStatus.error}
+
+
+ >
+ )}
+
+ )}
+