react-native-debug-toolkit 3.3.3 → 3.3.8

package/lib/commonjs/features/devConnect/DevConnectTab.js

@@ -10,66 +10,30 @@ var _colors = require("../../ui/theme/colors");
 var _DaemonClient = require("../../utils/DaemonClient");
 var _devConnectUtils = require("./devConnectUtils");
 var _devConnectPreferences = require("./devConnectPreferences");
-var _nativeDevConnect = require("./nativeDevConnect");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CONNECTION_TIMEOUT_MS = 2000;
-function getSimulatorMetroHost() {
+function getSimulatorHost() {
   return _reactNative.Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
 }
-function describeMetroFailure(result) {
-  if (result.reason === 'native_unavailable') {
-    return 'Native DevConnect not installed. Rebuild app after installing native module.';
-  }
-  if (result.reason === 'metro_unreachable') {
-    return result.error ? `Metro not reachable: ${result.error}` : 'Metro not reachable. Start Metro on that port.';
-  }
-  if (result.reason === 'fetch_unavailable') {
-    return 'Cannot check Metro because fetch is unavailable.';
-  }
-  if (result.reason === 'invalid_target') {
-    return 'Enter a valid computer IP and Metro port.';
-  }
-  return result.error ? `Metro switch failed: ${result.error}` : 'Metro switch failed.';
-}
 function DevConnectTab({
   snapshot,
   feature
 }) {
   const inputRef = (0, _react.useRef)(null);
   const [computerHost, setComputerHost] = (0, _react.useState)(snapshot.computerHost);
-  const [metroPort, setMetroPort] = (0, _react.useState)(snapshot.metroPort);
   const [daemonPort, setDaemonPort] = (0, _react.useState)(snapshot.daemonPort);
   const [streaming, setStreaming] = (0, _react.useState)(snapshot.streaming);
   const [syncState, setSyncState] = (0, _react.useState)(snapshot.streaming ? 'running' : 'idle');
   const [message, setMessage] = (0, _react.useState)(null);
   const [sending, setSending] = (0, _react.useState)(false);
-  const [metroBusy, setMetroBusy] = (0, _react.useState)(false);
-  const [diagData, setDiagData] = (0, _react.useState)(null);
-  const [diagOpen, setDiagOpen] = (0, _react.useState)(false);
   const isSim = snapshot.isSimulator;
   const updateFeatureSettings = (0, _react.useCallback)(patch => {
     feature.updateSettings?.(patch);
   }, [feature]);
-  (0, _react.useEffect)(() => {
-    (0, _nativeDevConnect.getNativeDiagnostics)().then(result => {
-      if (result) {
-        setDiagData(result);
-        console.info(`[DevConnect] debugBuild=${result.isDebugBuild} appDelegate=${result.appDelegateClass} persistedHost=${result.persistedMetroHost ?? 'none'}`);
-      }
-    }).catch(() => {});
-  }, []);
-  const refreshDiag = (0, _react.useCallback)(() => {
-    (0, _nativeDevConnect.getNativeDiagnostics)().then(result => {
-      if (result) setDiagData(result);
-    }).catch(() => {});
-  }, []);
   (0, _react.useEffect)(() => {
     setComputerHost(snapshot.computerHost);
   }, [snapshot.computerHost]);
-  (0, _react.useEffect)(() => {
-    setMetroPort(snapshot.metroPort);
-  }, [snapshot.metroPort]);
   (0, _react.useEffect)(() => {
     setDaemonPort(snapshot.daemonPort);
   }, [snapshot.daemonPort]);
@@ -77,19 +41,14 @@ function DevConnectTab({
     setStreaming(snapshot.streaming);
     setSyncState(snapshot.streaming ? 'running' : 'idle');
   }, [snapshot.streaming]);
-  const metroHost = isSim ? getSimulatorMetroHost() : computerHost;
-  const metroTarget = (0, _react.useMemo)(() => (0, _devConnectUtils.buildMetroTarget)(metroHost, metroPort), [metroHost, metroPort]);
-  const metroUrls = (0, _react.useMemo)(() => (0, _devConnectUtils.buildMetroUrls)(metroHost, metroPort), [metroHost, metroPort]);
   const handleHostChange = (0, _react.useCallback)(value => {
     setComputerHost(value);
     const target = (0, _devConnectUtils.parseComputerTarget)(value);
     if (target) {
-      setMetroPort(target.metroPort);
       (0, _devConnectPreferences.saveComputerTarget)(value).then(savedTarget => {
         if (savedTarget) {
           updateFeatureSettings({
-            computerHost: savedTarget.computerHost,
-            metroPort: savedTarget.metroPort
+            computerHost: savedTarget.computerHost
           });
         }
       }).catch(() => {});
@@ -97,16 +56,6 @@ function DevConnectTab({
     setSyncState(prev => prev === 'failed' ? 'idle' : prev);
     setMessage(null);
   }, [updateFeatureSettings]);
-  const handleMetroPortChange = (0, _react.useCallback)(value => {
-    setMetroPort(value);
-    const normalized = (0, _devConnectUtils.normalizePort)(value);
-    if (normalized) {
-      (0, _devConnectPreferences.saveMetroPort)(normalized).then(() => updateFeatureSettings({
-        metroPort: normalized
-      })).catch(() => {});
-    }
-    setMessage(null);
-  }, [updateFeatureSettings]);
   const handleDaemonPortChange = (0, _react.useCallback)(value => {
     setDaemonPort(value);
     const normalized = (0, _devConnectUtils.normalizePort)(value);
@@ -138,35 +87,10 @@ function DevConnectTab({
       writes.push((0, _devConnectPreferences.saveComputerHost)(normalizedHost));
       setComputerHost(normalizedHost);
     }
-    const normalizedMetroPort = (0, _devConnectUtils.normalizePort)(metroPort);
-    if (normalizedMetroPort) {
-      patch.metroPort = normalizedMetroPort;
-      writes.push((0, _devConnectPreferences.saveMetroPort)(normalizedMetroPort));
-      setMetroPort(normalizedMetroPort);
-    }
-    await Promise.all(writes);
-    updateFeatureSettings(patch);
-    return true;
-  }, [computerHost, daemonPort, isSim, metroPort, updateFeatureSettings]);
-  const persistMetroSettings = (0, _react.useCallback)(async () => {
-    if (!metroTarget) {
-      setMessage('Enter a valid computer IP and Metro port.');
-      return false;
-    }
-    const patch = {
-      metroPort: metroTarget.port
-    };
-    const writes = [(0, _devConnectPreferences.saveMetroPort)(metroTarget.port)];
-    setMetroPort(metroTarget.port);
-    if (!isSim) {
-      patch.computerHost = metroTarget.host;
-      writes.push((0, _devConnectPreferences.saveComputerTarget)(metroTarget.hostPort));
-      setComputerHost(metroTarget.host);
-    }
     await Promise.all(writes);
     updateFeatureSettings(patch);
     return true;
-  }, [isSim, metroTarget, updateFeatureSettings]);
+  }, [computerHost, daemonPort, isSim, updateFeatureSettings]);
   const validateSettings = (0, _react.useCallback)(() => {
     if (!isSim && !(0, _devConnectUtils.normalizeComputerHost)(computerHost)) {
       setMessage('Enter your computer IP first.');
@@ -281,58 +205,7 @@ function DevConnectTab({
       setSending(false);
     }
   }, [configureDaemon, persistConnectionSettings, validateSettings]);
-  const applyRemoteBundle = (0, _react.useCallback)(async () => {
-    if (!metroTarget) {
-      setMessage('Enter a valid computer IP and Metro port.');
-      return;
-    }
-    if (!snapshot.nativeMetroAvailable) {
-      setMessage(describeMetroFailure({
-        reason: 'native_unavailable'
-      }));
-      return;
-    }
-    setMetroBusy(true);
-    setMessage('Checking Metro...');
-    try {
-      if (!(await persistMetroSettings())) {
-        return;
-      }
-      const result = await (0, _nativeDevConnect.applyMetroBundle)(metroTarget.host, metroTarget.port);
-      if (result.ok) {
-        setMessage(`Using Metro at ${result.hostPort}. Reloading...`);
-      } else {
-        setMessage(describeMetroFailure(result));
-      }
-    } finally {
-      setMetroBusy(false);
-    }
-  }, [metroTarget, persistMetroSettings, snapshot.nativeMetroAvailable]);
-  const resetRemoteBundle = (0, _react.useCallback)(async () => {
-    if (!snapshot.nativeMetroAvailable) {
-      setMessage(describeMetroFailure({
-        reason: 'native_unavailable'
-      }));
-      return;
-    }
-    setMetroBusy(true);
-    try {
-      const result = await (0, _nativeDevConnect.resetMetroBundle)();
-      if (result.ok) {
-        setMessage('Metro host reset. Reloading...');
-      } else {
-        setMessage(describeMetroFailure(result));
-      }
-    } finally {
-      setMetroBusy(false);
-    }
-  }, [snapshot.nativeMetroAvailable]);
-
-  // Metro host switching only works in Debug builds. diagData is iOS-populated; when we know
-  // it's a Release build, disable the controls (Android reports null → stays enabled).
-  const metroReleaseBlocked = diagData ? !diagData.isDebugBuild : false;
   const canConnect = isSim || Boolean((0, _devConnectUtils.normalizeComputerHost)(computerHost)) && Boolean((0, _devConnectUtils.normalizePort)(daemonPort));
-  const canUseMetro = Boolean(metroTarget) && snapshot.nativeMetroAvailable && !metroBusy && !metroReleaseBlocked;
   const busy = sending || syncState === 'checking';
   const subnetPrefix = snapshot.subnetPrefix;
   const ipPlaceholder = subnetPrefix ? `${subnetPrefix}...` : '192.168.1.10';
@@ -347,7 +220,7 @@ function DevConnectTab({
         style: styles.badge,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
           style: styles.badgeText,
-          children: ["Simulator/emulator - using ", getSimulatorMetroHost()]
+          children: ["Simulator/emulator - using ", getSimulatorHost()]
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.section,
@@ -386,42 +259,20 @@ function DevConnectTab({
         style: styles.section,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.label,
-          children: "Ports"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.portRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.portField,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.portLabel,
-              children: "Metro"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-              style: styles.portInput,
-              value: metroPort,
-              onChangeText: handleMetroPortChange,
-              placeholder: _devConnectUtils.DEFAULT_METRO_PORT,
-              placeholderTextColor: _colors.Colors.textLight,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              keyboardType: "number-pad",
-              returnKeyType: "done"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.portField,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.portLabel,
-              children: "Logs"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-              style: styles.portInput,
-              value: daemonPort,
-              onChangeText: handleDaemonPortChange,
-              placeholder: _devConnectUtils.DEFAULT_DAEMON_PORT,
-              placeholderTextColor: _colors.Colors.textLight,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              keyboardType: "number-pad",
-              returnKeyType: "done"
-            })]
-          })]
+          children: "Desktop Logs Port"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.inputRow,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            style: styles.input,
+            value: daemonPort,
+            onChangeText: handleDaemonPortChange,
+            placeholder: _devConnectUtils.DEFAULT_DAEMON_PORT,
+            placeholderTextColor: _colors.Colors.textLight,
+            autoCapitalize: "none",
+            autoCorrect: false,
+            keyboardType: "number-pad",
+            returnKeyType: "done"
+          })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.actions,
@@ -447,153 +298,6 @@ function DevConnectTab({
       }), message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.message,
         children: message
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.section,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.sectionTitleRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: "Remote JS Bundle"
-          }), diagData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.swizzleBadge,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.swizzleDot, diagData.isDebugBuild ? styles.dotGreen : styles.dotRed]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.swizzleBadgeText,
-              children: diagData.isDebugBuild ? 'debug build' : 'release: disabled'
-            })]
-          }) : null]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.sectionDesc,
-          children: "Starts from the embedded bundle. After you apply a computer IP, hot-reloads from that Metro. Debug builds only \u2014 use Reset to go back to the embedded bundle."
-        }), !metroUrls ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.stepCard,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.stepHint,
-            children: "Enter your computer IP and Metro port to get started."
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.stepCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.urlRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.urlLabel,
-              children: "HTTP"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.urlText,
-              numberOfLines: 1,
-              children: metroUrls.httpUrl
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.urlRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.urlLabel,
-              children: "Expo"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.urlText,
-              numberOfLines: 1,
-              children: metroUrls.expUrl
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actions,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.primaryButton, !canUseMetro && styles.buttonDisabled],
-            onPress: applyRemoteBundle,
-            disabled: !canUseMetro,
-            activeOpacity: 0.75,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.primaryButtonText,
-              children: metroBusy ? 'Checking...' : 'Use Metro Bundle'
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.secondaryButton, (!snapshot.nativeMetroAvailable || metroBusy) && styles.buttonDisabled],
-            onPress: resetRemoteBundle,
-            disabled: !snapshot.nativeMetroAvailable || metroBusy,
-            activeOpacity: 0.75,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.secondaryButtonText,
-              children: "Reset"
-            })
-          })]
-        }), !snapshot.nativeMetroAvailable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.hint,
-          children: "Native DevConnect requires pod install / Gradle sync and app rebuild."
-        }) : null, metroReleaseBlocked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.diagWarning,
-          children: "\u26A0 This is a Release build. Metro host switching is disabled \u2014 RN loads the embedded bundle and strips the packager machinery in Release. Run a Debug build to switch hosts."
-        }) : null]
-      }), snapshot.nativeMetroAvailable && diagData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.section,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.diagHeader,
-          onPress: () => {
-            setDiagOpen(v => !v);
-            refreshDiag();
-          },
-          activeOpacity: 0.7,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: "iOS Bundle Status"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.diagChevron,
-            children: diagOpen ? '▲' : '▼'
-          })]
-        }), diagOpen ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.diagCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diagRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagKey,
-              children: "AppDelegate"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagVal,
-              children: diagData.appDelegateClass
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diagRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagKey,
-              children: "packagerHost"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagVal,
-              children: diagData.persistedMetroHost ?? '—'
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diagRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagKey,
-              children: "embedded"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diagVal, diagData.hasEmbeddedBundle ? styles.diagGood : styles.diagWarn],
-              children: diagData.hasEmbeddedBundle ? 'main.jsbundle' : 'missing'
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diagRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagKey,
-              children: "build"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diagVal, diagData.isDebugBuild ? styles.diagGood : styles.diagWarn],
-              children: diagData.isDebugBuild ? 'Debug' : 'Release'
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diagRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.diagKey,
-              children: "embedded-first"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diagVal, diagData.embeddedFirstHookInstalled ? styles.diagGood : styles.diagWarn],
-              children: diagData.embeddedFirstHookInstalled ? 'active' : 'inactive'
-            })]
-          }), !diagData.embeddedFirstHookInstalled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.diagWarning,
-            children: ["\u26A0 Embedded-first hook not active (bundleRoot=", diagData.bundleRootHookInstalled ? 'Y' : 'N', "). Rebuild after pod install. Without it, Debug may still try Metro on launch."]
-          }) : diagData.hasEmbeddedBundle === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.diagWarning,
-            children: "\u26A0 main.jsbundle is missing from the app package. Build with an embedded bundle (e.g. export/bundle) or cold start cannot use offline JS."
-          }) : null]
-        }) : null]
       }) : null]
     })
   });
@@ -624,18 +328,6 @@ const styles = _reactNative.StyleSheet.create({
   section: {
     marginBottom: 14
   },
-  sectionTitle: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: _colors.Colors.text,
-    marginBottom: 4
-  },
-  sectionDesc: {
-    fontSize: 12,
-    color: _colors.Colors.textSecondary,
-    marginBottom: 10,
-    lineHeight: 17
-  },
   label: {
     fontSize: 13,
     fontWeight: '500',
@@ -666,29 +358,6 @@ const styles = _reactNative.StyleSheet.create({
     color: _colors.Colors.text,
     fontFamily: 'Courier'
   },
-  portRow: {
-    flexDirection: 'row',
-    gap: 10
-  },
-  portField: {
-    flex: 1
-  },
-  portLabel: {
-    fontSize: 11,
-    color: _colors.Colors.textSecondary,
-    marginBottom: 4
-  },
-  portInput: {
-    backgroundColor: _colors.Colors.surface,
-    borderWidth: 1,
-    borderColor: _colors.Colors.border,
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 9,
-    fontSize: 13,
-    color: _colors.Colors.text,
-    fontFamily: 'Courier'
-  },
   actions: {
     flexDirection: 'row',
     gap: 10,
@@ -731,127 +400,6 @@ const styles = _reactNative.StyleSheet.create({
     lineHeight: 17,
     color: _colors.Colors.textSecondary,
     marginBottom: 12
-  },
-  hint: {
-    fontSize: 12,
-    color: _colors.Colors.textLight,
-    lineHeight: 17
-  },
-  stepCard: {
-    backgroundColor: _colors.Colors.surface,
-    borderWidth: 1,
-    borderColor: _colors.Colors.border,
-    borderRadius: 10,
-    padding: 12,
-    marginBottom: 8
-  },
-  stepHint: {
-    fontSize: 12,
-    color: _colors.Colors.textSecondary,
-    lineHeight: 17
-  },
-  urlLabel: {
-    minWidth: 40,
-    fontSize: 10,
-    fontWeight: '600',
-    color: _colors.Colors.primary,
-    backgroundColor: `${_colors.Colors.primary}15`,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4,
-    marginRight: 8,
-    textAlign: 'center'
-  },
-  urlRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _colors.Colors.border,
-    paddingVertical: 7
-  },
-  urlText: {
-    flex: 1,
-    fontSize: 13,
-    fontFamily: 'Courier',
-    color: _colors.Colors.text
-  },
-  sectionTitleRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 4
-  },
-  swizzleBadge: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 4,
-    paddingHorizontal: 7,
-    paddingVertical: 3,
-    borderRadius: 10,
-    backgroundColor: _colors.Colors.surface,
-    borderWidth: 1,
-    borderColor: _colors.Colors.border
-  },
-  swizzleDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
-  },
-  dotGreen: {
-    backgroundColor: '#34C759'
-  },
-  dotRed: {
-    backgroundColor: '#FF3B30'
-  },
-  swizzleBadgeText: {
-    fontSize: 11,
-    color: _colors.Colors.textSecondary,
-    fontFamily: 'Courier'
-  },
-  diagHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 6
-  },
-  diagChevron: {
-    fontSize: 12,
-    color: _colors.Colors.textSecondary
-  },
-  diagCard: {
-    backgroundColor: _colors.Colors.surface,
-    borderWidth: 1,
-    borderColor: _colors.Colors.border,
-    borderRadius: 10,
-    padding: 10
-  },
-  diagRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingVertical: 4
-  },
-  diagKey: {
-    fontSize: 12,
-    color: _colors.Colors.textSecondary,
-    fontFamily: 'Courier'
-  },
-  diagVal: {
-    fontSize: 12,
-    color: _colors.Colors.text,
-    fontFamily: 'Courier',
-    fontWeight: '600'
-  },
-  diagGood: {
-    color: '#34C759'
-  },
-  diagWarn: {
-    color: '#FF9500'
-  },
-  diagWarning: {
-    marginTop: 10,
-    fontSize: 11,
-    color: '#FF9500',
-    lineHeight: 16
   }
 });
 //# sourceMappingURL=DevConnectTab.js.map